*:focus{outline: none;}

/*
Template Name: BOOT Expert
Description: HTML5 / BOOTSTRAP / CSS3 One Page
Version: 1.0
Author: Reza
*/
/*=======================================================================
[Table of contents]
=========================================================================
1. General
    1.1 Main Styles
    1.2 Anchor
2. Typography
    2.1 Headings
    2.2 Selection Color
    2.3 Colors
	2.4 Browser Upgrade Prompt
3. Home Section
	3.1 Header-area
	3.2 Info
	3.3 Language Switcher
	3.4 Social Icons
4. Menu Section
	4.1 Menu
	4.3 Search
5. Slider Area
6. About Section
7. Graphic Content Section
8. Our Services Section
	8.1 Our service Left Content
	8.2 Our service Right Content
9. Latest Project Section
	9.1 Latest Title Area
	9.2 Portfolio Area
	9.3 Client Area
10. Feature Section
11. Meet Our Team Section
	11.1 Our Team
	11.2 Our Skill
	11.3 Our History
12. Gross Section
13. Pricing Table Section
14. News Blog Section
15. Contact Information Section
	15.1 Contact Info
	15.2 Map Area
	15.3 Contact Form
16. Footer Top Section
17. Footer Section
/* ==========================================================================
   1. General
========================================================================== */
	/* 1.1 Main Styles
	---------------------------------------------------------------------------*/
body {
    margin: 0;
	height: 100%;
    font-weight: normal;
    background-color: #fffcf4;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased !important;
    font: 'Lato', sans-serif;
}
 .uppercase { text-transform: uppercase; }
ul {
	padding: 0;
}
	/* 1.2 Anchor
	---------------------------------------------------------------------------*/
a {
    color: #424143;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}
a,
a > * {
    outline: none;
    cursor: pointer;
    text-decoration: none;
}
a:focus,
a:hover {
    outline: none;
    color: #34821f;
    text-decoration: none;
}
/* ==========================================================================
   2. Typography
========================================================================== */
	/* 2.1 Headings
	---------------------------------------------------------------------------*/
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    padding: 0;
    color: #fefefe;
    font-weight: 700;
    letter-spacing: 1px;
    font-family: 'Raleway', sans-serif;
}
h1, .h6 { font-size: 28px; }
h2, .h2 { font-size: 24px; }
h3, .h3 { font-size: 19px; }
h4, .h4 { font-size: 20px; }
h5, .h5 { font-size: 16px; }
h6, .h6 { font-size: 12px; }
p { margin: 0 0 10px; }
b,
strong { font-weight: 700; }
.font-size-16 { font-size: 16px; }
.font-size-24 { font-size: 24px; }
.font-size-36 { font-size: 36px; }
.font-size-60 { font-size: 60px; }

.font-weight-600 { font-weight: 600; }
.font-weight-800 { font-weight: 800; }
.section-padding { padding:10px 0px 10px; }
.align-center { text-align: center; }
	/* 2.2 Selection Color
	---------------------------------------------------------------------------*/
::selection {
    color: #ffffff;
    text-shadow: none;
    background-color: #34821f;
}
::-webkit-selection {
    color: #ffffff;
    text-shadow: none;
    background-color: #34821f;
}
::-moz-selection {
    color: #ffffff;
    text-shadow: none;
    background-color: #34821f;
}
	/* 2.3 Colors
	---------------------------------------------------------------------------*/
.base-color { color: #34821f; }
.black-color { color: #252525; }
	/* 2.4 Browser Upgrade Prompt
	---------------------------------------------------------------------------*/
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
/* ==========================================================================
  3. Home SECTION
========================================================================== */
	/* 3.1 Header-area
	---------------------------------------------------------------------------*/
.header-area {
  background-color: #ebebeb;
  margin: 0;
  padding: 6px 0;
  position: relative;
  width: 100%;
}
.hide-top-header { display: none; }
	/* 3.2 Info
	---------------------------------------------------------------------------*/
#info {
  width: 200px;
  margin-top: 5px;
}
#info span {
  color: #000000;
  font-weight: 700;
  margin: 0 2px 0 0;
}
#info span:last-child { margin: 0; }
#info a { color: #888888; }
#info a:hover { color: #d44d58; }


	/* 3.3 Language Switcher
	---------------------------------------------------------------------------*/
.language-box {
  display: none;
  float: right;
}
.language-box h4,.language-box .h4 {
	margin-left: -89%;
	font-size: 14px;
	color: #34821f;
}
.ui-dropdown-list {
	float: right;
}
p.ui-dropdown-list-trigger {
	margin-top: -30px;
	right: 0px;
	position: relative;
}
.ui-dropdown-list-trigger i {
	position: absolute;
	margin-top: 18px;
	margin-left: 30px;
	font-weight: bold;
}
.ui-dropdown-list-trigger strong,
.ui-dropdown-list ul a {
	display: block;
	width: 80px;
	cursor: pointer;
	padding: 7px 10px;
	font-size: 14px;
	line-height: 10px;
	color: #424143;
	font-weight: 700;
}
.ui-dropdown-list ul {
	display: none;
	position: absolute;
	right: 15px;
	top: 76px;
	margin-top: -30px;
	padding: 0;
	z-index: 1000;
}
.ui-dropdown-list li {
	list-style-type: none;
}
.ui-dropdown-list ul a,
.ui-dropdown-list ul a:link,
.ui-dropdown-list ul a:visited {
	position: relative;
	display: block;
	float: right;
}
.ui-dropdown-list ul a:hover,
.ui-dropdown-list ul a:focus {
	border-bottom: none;
	color: #000000;
}
.no-js .ui-dropdown-list ul,
.ui-dropdown-list.active ul {
	display: block;
}
.ui-dropdown-list.active strong {
	color: #000;
}
.ui-dropdown-list.active strong:after {
	border-top-color: #fff;
}
h2.visually, .h2.visually{
	font-size: 14px;
	color: #000;
	margin-top: 12px !important;
	position: absolute;
}
#lang-switcher strong {
	float: right;
}
	/* 3.4 Social Icons
	---------------------------------------------------------------------------*/
.social-icons { float: right; }
.social-icons ul {
    list-style: none;
}
.social-icons ul li {
  margin: 0px 12px !important;
    float: left;
    display: inline-block;
	margin-left: 12px;margin-right: 15px;
}
.social-icons ul li a {
    width: 34px;
    display: block;
    color: #fff;
    line-height: 34px;
    text-align: center;
	background: #34821f none repeat scroll 0 0;
	border-radius: 50%;
    -webkit-transition: all 0.2s ease-in-out;
       -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
	     -o-transition: all 0.2s ease-in-out;
	        transition: all 0.2s ease-in-out;
}
.social-icons ul li a:hover { color: #000; }
.social-icons ul li a i {
  font-size: 18px;
}
/* ==========================================================================
  4. Menu SECTION
========================================================================== */
	/* 4.1 Menu
	---------------------------------------------------------------------------*/
.mainmenu-area {
  background: #fff none repeat scroll 0 0;
  min-height: 80px;
  top: 70px;
  width: 100%;
}
.fixedHeader{
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}
#clickerpoisk{
font-size: 17px;
cursor: pointer;
}
#clickerpoisk i{

}
.mainMenu > ul > li.active > a{
    color: #434343;
}
.menuButton {
    border-radius: 2px;
    cursor: pointer;
    height: 30px;
    left: auto;
    line-height: 4px;
    padding: 2px 4px 0;
    position: absolute;
    right: 14px;
    top: -50px;
    width: 40px;
    transition: all ease-in-out 400ms;
    -moz-transition: all ease-in-out 400ms;
    -webkit-transition: all ease-in-out 400ms;
    -ms-transition: all ease-in-out 400ms;
    -o-transition: all ease-in-out 400ms
}
.menuButton span {
    display: inline-block;
    width: 100%;
    height: 2px;
    background: #ffffff;
    transition: all ease-in-out 400ms;
    -moz-transition: all ease-in-out 400ms;
    -webkit-transition: all ease-in-out 400ms;
    -ms-transition: all ease-in-out 400ms;
    -o-transition: all ease-in-out 400ms
}
.menuButton.active span:first-child{
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform-origin: 11px 50%;
    -ms-transform-origin: 11px 50%;
    -webkit-transform-origin: 11px 50%;
}
.menuButton.active span:nth-child(2) {
    display: none;
}
.menuButton.active span:last-child{
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform-origin: 12px 50%;
    -webkit-transform-origin: 12px 50%;
    -ms-transform-origin: 12px 50%;
}
.menuButton:hover span{
    background: #252525;
}
.mainMenu{
    text-align: right;
    position: absolute;
}
.mainMenu > ul{
    margin: 0;
    padding: 0;
    float: left;
	position: relative;
	left: 25px;
}
.mainMenu > ul > li {
  float: left;
  line-height: 10px;
  list-style: outside none none;
  margin-right: 9px;
  padding: 35px 0;
  position: relative;
}
.mainMenu > ul > li:last-child{
	margin-right: 0px;
}
.mainMenu > ul > li > a {
	color: #000;
	font-size: 15px;
}
.mainMenu > ul > li > a:hover {
  color: #34821f;
}
	/* 4.2 Search
	---------------------------------------------------------------------------*/
.sb-search {
    position: relative;
    width: 0%;
    min-width: 41px;
    height: 60px;
	left: 10px;
	top: 14px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
}
.sb-search-input {
    position: absolute;
    top: 0;
    right: 0px;
	left: -15px;
	border: none;
    border-bottom: 1px solid #34821f;
    outline: none;
    background: #fff;
    width: 100%;
    height: 60px;
    margin: 0;
    z-index: 10;
    padding: 20px 65px 20px 20px;
    font-family: inherit;
    font-size: 16px;
    color: #000;
}
input[type="search"].sb-search-input {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}
.sb-search-input::-webkit-input-placeholder {
    color: #ffffff;
}
.sb-search-input:-moz-placeholder {
    color: #ffffff;
}
.sb-search-input::-moz-placeholder {
    color: #ffffff;
}
.sb-search-input:-ms-input-placeholder {
    color: #ffffff;
}
.sb-icon-search, .sb-search-submit {
  cursor: pointer;
  display: block;
  height: 60px;
  line-height: 49px;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 60px;
}
.sb-search-submit {
    background: #fff; /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
    color: transparent;
    color:#fff;
    border: none;
    outline: none;
    z-index: -1;
}
.sb-icon-search {
    color: #000;
    background:#fff;
    z-index: 90;
	top: 0px;
    font-size: 22px;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}
.sb-icon-search:before {
    content: "";
}
.sb-search.sb-search-open,
.no-js .sb-search {
    width: 100%;
}
.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
    background: #fff;
    color: #000;
    z-index: 11;
}
/* ==========================================================================
   5. SLIDER AREA
========================================================================== */
.slider-area{
	max-width: 100%;
	z-index: 60 !important;
}
 .main-image{ 
	background-image: url(img/main-Recovered.jpg);
	background-size: cover;
	min-height: 600px;
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
  }
  .main-image1{ 
	background-image: url(img/main-Recovered1.jpg);
	background-size: cover;
	min-height: 600px;
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
  }
.slider-left-btn, .slider-right-btn{	
	top: 50%;
	position: absolute;
	color: #ffffff;
	height: 38px;
	width: 44px;
	font-size: 20px;
	background-color: #34821f;
	text-align: center;
	margin-top: -25px;
	z-index: 999;
  opacity: 0.5
}
.slider-left-btn{ left: 0px; }
.slider-right-btn{ right: 0px; }
i.fa.fa-chevron-left{
	margin-top: 9px;
}
i.fa.fa-chevron-right{
	margin-top: 9px;
}
.slider-list a:hover{
	color: #fff;
	background-color: #34821f;
	opacity: 0.8;
}
.slider-list a:focus{
	color: #fff;
	background-color: #34821f;
}
.imageover{
	top: 25px;
	position: absolute;
	color: #ffffff;
	height: 100%;
	width: 100%;
	font-size: 25px;
	background-color: #2d2b27;
	text-align: center;
	margin-top: -25px;
	opacity: .8;
}
.carousel-captions {
	position: absolute;
	width: 100%;
	height: auto;
	text-align: center;
	z-index: 2;
	left: 0;
	top: calc(50% - 228px/2);
}
.carousel-captions h1 , .carousel-captions .h1 {
	text-transform: uppercase;
}
.carousel-captions h1 span, .carousel-captions .h1 span {
	color: #34821f;
	padding-right: 10px;
}
.carousel-captions h2, .carousel-captions .h2 {
	font-size: 50px;
	text-transform: uppercase;
}
.carousel-captions h2, .carousel-captions .h2 {
	font-size: 50px;
	text-transform: uppercase;
}
.slider-list .item.active .revive1 {
    -webkit-animation: bounceInDown 1000ms ease-in-out;
    animation: bounceInDown 1000ms ease-in-out;
}
.slider-list .item.active .revive2 {
    -webkit-animation: fadeInRight 1100ms ease-in-out;
    animation: fadeInRight 1100ms ease-in-out;
}
.slider-list .item.active .revive3 {
    -webkit-animation: zoomInUp 1200ms ease-in-out;
    animation: zoomInUp 1200ms ease-in-out;
}
.slider-list .item.active .revive4 {
    -webkit-animation: zoomIn 1000ms ease-in-out;
    animation: zoomIn 1000ms ease-in-out;
}
.slider-list .item.active .revive5 {
    -webkit-animation: fadeInLeft 1000ms ease-in-out;
    animation: fadeInLeft 1000ms ease-in-out;
}
.slider-list .item.active .revive6 {
    -webkit-animation: bounceInDown 1000ms ease-in-out;
    animation: bounceInDown 1000ms ease-in-out;
}
.slider-list .item.active .revive7 {
    -webkit-animation: zoomIn 1000ms ease-in-out;
    animation: zoomIn 1000ms ease-in-out;
}
.slider-list .item.active .revive8 {
    -webkit-animation: lightSpeedIn 1000ms ease-in-out;
    animation: lightSpeedIn 1000ms ease-in-out;
}
.slider-list .item.active .revive9 {
    -webkit-animation: bounceInDown 1000ms ease-in-out;
    animation: bounceInDown 1000ms ease-in-out;
}
/* ==========================================================================
   6. About US Section
========================================================================== */
#about-us {
	
	overflow: hidden;
}
.circular {
	width: 480px;
	height: 480px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background: url(img/000.jpg) no-repeat;
	background-position: top center;
	background-size: cover;
	position: relative;
}
.about-icon i{
	float: left;
	font-size: 48px;
	width: 70px;
	height: 70px;
	text-align: center;
	line-height: 70px;
	font-weight: 500;
	margin-right: 30px;
	color: #34821f !important;
	border: 1px solid #cecdca !important;
	border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	-webkit-border-radius: 50%;
}
.about-icon i:hover{
	color: #ffffff !important;
	background-color: #34821f;
	transition: .5s;
}
.more-about { margin: 23px 0px; }
.about-content h4,.about-content .h4 { color: #252525; }
.about-content p {
  margin-top: 15px;
  overflow: hidden;
}
/* ==========================================================================
   7. Graphic Content Area
========================================================================== */
.graphic-content-area{
	max-height: 300px;
	overflow: hidden;
}
.graphic-image{
	position: relative;
}
.paralax-image{
	background-image: url(img/main-Recovered-Recovered-Recovered.jpg);
	background-size: cover;
	min-height: 300px;
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
}
.graphover {
  position: absolute;
  height: 100%;
  width: 100%;
  max-height: 309px;
  background-color: #2d2b27;
  opacity: .8;
  top: 0px;
 }
.container.featur {
  position: relative;
  top: -265px;
  text-align: center;
}
.graphic-content span {
	color: #34821f;
}
.graphic-content h2, .graphic-content .h2  {
	text-transform: uppercase;
}
.graphic-content p {
	color: #ffffff;
	padding: 5px 0px 15px 0px;
}
.graphic-content h5, .graphic-content .h5{
	text-transform: uppercase;
	color: #34821f;
}
.content h2{
	color: #000;
  font-size: 24px;
}
.content  h3{
  color: #000;
  font-size: 19px;
}

h3 {
	color: #000;
  font-size: 24px;
}

.fullpic {
 width: 42% !important;
margin: auto;
display: block;
}

#maincontent table{border-collapse: collapse; width: 100%;}
#maincontent table tr{}
#maincontent table tr:first-child{background: #34821f;color: #fff;}
#maincontent table tr td{border: 1px solid #34821f;
padding: 4px 21px 0px 18px;}




/* ======================================================================
    8. Our services Section
========================================================================= */
	/* 8.1 Our service Left Content
	---------------------------------------------------------------------------*/
#services {
	padding-bottom: 70px;
}
.service-content{
	text-align: right;
	margin-right: 30px;
}
.service-list {
	margin-top: -10px;
	position: relative;
}
.service-content h4,.service-content .h4 {
	text-transform: uppercase;
	color: #252525;
	padding-bottom: 20px;
}
.hr-border {
	border-bottom: 1px solid #252525 !important;
	width: 200px;
	float: float;
	z-index: 3;
	float: right;
	padding-right: 8px;
	position: relative;
}
.hr-border span {
	position: absolute;
	content: "";
	border-radius: 50%;
	border: 1px solid #252525;
	width: 10px;
	height: 10px;
	z-index: 10;
	background-color: #ffffff;
	top: -5px;
}
.service-content p{
	display: inline-block;
	padding-bottom: 20px;
}
.service-content p strong{
	color: #34821f;
}
.service-para { padding: 40px 0px 10px; }
.service-btn {
  float: right;
  clear: both;
  margin-top: 40px;
  position: relative;
}
.service-btn {
  padding:0px;
  position: relative;
  border: 1px solid #252525;
}
.service-btn a {
	padding: 23px 35px;
	display: block;
}
.service-btn a i{
	font-weight: 700;
	font-size: 16px;
	vertical-align: middle;
	padding-right: 5px;
}
.service-btn a:hover{
	color: #ffffff;
	background-color: #34821f;
}
	/* 8.2 Our service Right Content
	---------------------------------------------------------------------------*/
.about-service{
	margin: 0px 15px 50px !important;
}
.servic-content h4,.servic-content .h4{ text-transform: uppercase; }
.servic-content p{ margin-top: 10px !important; }
.icon_list_connector {
	border-left-width: 1px;
	border-left-style: dashed;
	height: 70%;
	left: 9%;
	position: absolute;
	top: 56px;
	z-index: 1;
}
.servicebase i{
	position: relative;
	border: 0px;
	background-color: #fffcf4;
	z-index: 3;
}
/* ==========================================================================
        9.Latest Project Section
=========================================================================== */
	/* 9.1 Latest-Title-area
	---------------------------------------------------------------------------*/
.latest-project-area{
	background-color: #252525;
	padding: 5px 0px 55px;
  margin-top: 0px;
}
.latest-title{
	text-align: center;
	padding: 30px 0px 55px 0px;
}
.latest-title h2,.latest-title .h2, .latest-title p{
	color: #ffffff !important;
}
	/* 9.2 Portfolio-area
	---------------------------------------------------------------------------*/
.container-less{
	margin-left: -20px;
	margin-right: -20px;
}
.container-less img{
	padding: 0px 0px 6px 3px;
}

.project-filter {
	width: 600px;
	left: 25%;
	position: relative;
	padding-bottom: 30px;
}
a#prev {
  float: left;
  left: 15px;
  position: relative;
  top: 14px;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background-color: #34821f;
  text-align: center;
  color: #ffffff;
  line-height: 22px;
}
a#next {
  float: right;
  right: 2%;
  position: relative;
  top: 14px;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background-color: #34821f;
  text-align: center;
  color: #ffffff;
  line-height: 22px;
}
.project-list .mix{
	display: none;
}
.project-filter ul.project-menu{
	width: 600px;
	background-color: #ffffff;
}
.project-filter ul.project-menu li{
	display: inline-block;
	color: #252525;
	width: 96px;
	left: 12px;
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	padding: 15px 0px;
	text-align: center;
	cursor: pointer;
	position: relative;
}
.project-menu li.pro-active:before{
	border-top: 18px solid #34821f;
	border-left: 10px solid rgba(0, 0, 0, 0);
	border-right: 10px solid rgba(0, 0, 0, 0);
	top: 44px;
	content: "";
	left: 40%;
	position: absolute;
}
.project-menu li.pro-active{
	background-color: #34821f;
}
	/* 9.3 Client-area
	---------------------------------------------------------------------------*/
.client-area{
	text-align: center;
	padding: 0px 0px 20px 0px;
}
span.item-img{
	padding: 15px 0px 15px 0px;
	display: block;
}
.client-area img{
	vertical-align: middle;
	border: 5px solid #34821f;
	border-radius: 50%;;
}
.client-title h2, .client-title .h2{
	text-transform: uppercase;
	margin: 6px 0px;
  font-size: 24px;
}
.client-area p{
	padding-bottom: 1px;
	color: #ffffff;
	font-size: 14px;
}
/* ======================================================================
        10.Feature Section
========================================================================= */
#features{
	padding-bottom: 55px;
}
.section-title {
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
}
.main-title h2, .main-title .h2{
	color: #000000;
	font-weight: 700;
	margin-bottom: 15px;
	letter-spacing: 1px;
	text-transform: uppercase;
  font-size: 24px;
}

.feature-box-style2 {
	padding-bottom: 20px;
	width: 100%;
	overflow: hidden;
	margin: 0 0 60px;
	position: relative;
}
.feature-box-containt p {
	max-width: 237px;
	width: 100%;
}
.feature-box-style2 .feature-box-icon {
	position: absolute;
	background-color: #34821f;
	color: #ffffff;
	font-size: 21px;
	padding: 0px;
	border: 1px solid #cecdca;
	width: 40px;
	text-align: center;
	line-height: 37px;
	display: block;
	border-radius: 50%;
	border-radius: 40px;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.feature-box-style2 .feature-box-containt {
	width: 100%;
	overflow: hidden;
	margin-left: 14%;
}
.feature-box-containt h4,.feature-box-containt .h4 {
	color: #000000;
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	margin: 0px 0px 17px;
	font-weight: 700;
	text-transform: capitalize;
}
.feature-box-style2:hover .feature-box-icon {
	
	color: #000;
	transition: .9s;
}
.feature-box-style2:hover h4,.feature-box-style2:hover .h4 {
	color: #34821f;
	transition: .9s;
}
.feature-box-style2:hover span.bd-left {
	height: 20px;
	border: 1px solid #34821f;
	margin-top: 30%;
	position: absolute;
	-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari */
    transform: rotate(180deg); /* Standard syntax */
}
.feature-box-style2:hover span.bd-right {
	height: 20px;
	border: 1px solid #34821f;
	margin-top: 30%;
	position: absolute;
	-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari */
    transform: rotate(180deg); /* Standard syntax */
	margin-left: 90%;
}
.feature-box-style2:hover span.bd-btm-left {
	width: 20px;
	border: 1px solid #34821f;
	margin-top: 35%;
	position: absolute;
}
.feature-box-style2:hover span.bd-btm-right {
	width: 20px;
	border: 1px solid #34821f;
	margin-top: 35%;
	position: absolute;
	margin-left: 85%;
}
/* ==========================================================================
   11. Meet our Team Section
========================================================================== */
	/* 11.1 Our Team
	---------------------------------------------------------------------------*/
.team-area{
	background-color: #252525;
	padding: 68px 0px 60px;
	overflow: hidden;
}
.member-image {
	display: inline;
	height: 322px;
	width: 263px;
}
.member-image img{
	height: 100%;
	width: 100%;
}
.team-content{
	height: 100%;
	width: 100%;
	min-height: 180px;
	max-width: 267px;
	background-color: #e1e1e1;
	padding: 12px 18px 18px 18px;
}
.team-content h4, .team-content .h4 {
  font-family: 'Open Sans', sans-serif;
  color: #000;
  text-transform: uppercase;
  font-size: 16px;
}
.team-content h5, .team-content .h5{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color: #474545;
	text-transform: uppercase;
	font-size: 14px;
	margin: -5px 0px 15px 0px;
}
.team-content p{
	font-size: 11px;
	color: #474545;
}
.meat-icon{
	width: 200px;
	position: relative;
	z-index: 999;
}
.meat-icon {  }
.meat-icon ul {
    margin-top: 18px;
    list-style: none;
}
.meat-icon ul li {
    float: left;
    display: inline-block;
	margin-left: 5px;
}
.meat-icon ul li a {
    width: 34px;
    display: block;
    color: #424143;
    line-height: 34px;

    -webkit-transition: all 0.2s ease-in-out;
       -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
	     -o-transition: all 0.2s ease-in-out;
	        transition: all 0.2s ease-in-out;
}
.team-member ul li a:hover { color: #d44d58; }
.meat-icon ul li a i {
  font-size: 25px;
}
.team-member{
	max-width: 263px;
	padding-bottom: 15px;
}
.team-bdr:hover{
	box-shadow: 0 0 0px 5px #34821f;
	border-bottom: 0 none;
}
.pro-exces {
	height: 24px;
	margin: -5px 0px 25px 0px;
	position: relative;
	overflow: visible;
	background-color: #34821f;
	border-radius: 0px;
}
.pro-dev span{
	position: relative;
} 
.pro-dev {
	float: left;
	top: -3px;
	height: 29px;
	font-size: 12px;
	line-height: 32px;
	position:relative;
	left: 0px;
	padding-right: 8px;
	color: #fff;
	border-right: thick double;
	text-align: right;
}
	/* 11.1 Our Skill
	---------------------------------------------------------------------------*/
.skill-area {
	padding: 45px 0px 35px 0px;
	position: relative;
}
.skill-area h4, .our-histry h4, .skill-area h6, .skill-area .h4, .our-histry .h4, .skill-area .h6{
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;	
}
.our-skil {
	border-bottom: 1px solid;
	width: 33%;
	margin: 45px 0px;
}
.our-skil h4:after, .our-skil .h4:after {
	position: absolute;
	top: 122px;
	left: 0px;
	width: 12%;
	height: 1px;
	background: #34821f;
	content: "";
}
	/* 11.2 Our History
	---------------------------------------------------------------------------*/
.history-area{
	margin: 90px 0px 60px 110px;
}
.our-histry{
	border-bottom: 1px solid;
	width: 24%;
	margin: 45px 0px;
	position: relative;
}
.our-histry h4:after, .our-histry .h4:after{
	position: absolute;
	top: 32px;
	left: 0px;
	background: #34821f;
	content: "";
	width: 33%;
	height: 1px;
}
span.hs-bdr{
	border-left: 1px solid #363636;
	border-right: 1px solid #34821f;
	padding: 1px 53px;
	font-size: 24px;
}
span.clos-bdr{
	border-left: none;
}
span.clos-bdrr{
	border-right: none;
}
.tablist-area li.active:after {
	position: absolute;
	content: '';
	border-style: solid;
	left: 45%;
	border-width: 18px 10px 0 10px;
	border-color: #34821f transparent transparent transparent;
	-webkit-transition-duration: 0.3s;
	bottom: -16px;
}
.tab-content {
	padding: 40px 10px 0px 10px;
}
.tab-content p {
	color: #ffffff;
	font-size: 12px;
}
/* ==========================================================================
   12. Gross-area
========================================================================== */
.gross-area {
	background-color: #ebebeb;
	padding: 10px 0px 95px;
}
.gross-title{
	padding-top: 90px;
}
.gross-title h2, .gross-title .h2{
	font-family: 'Open Sans', sans-serif;
	color: #000000;
}
.counter-area > .count > span.counter {
	font-size: 40px;
	color: #000000;
}
.counter-area i {
	font-size: 50px;
	color: #34821f;
}
.counter-area h6 , .counter-area .h6 {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #000000;
	padding-bottom: 10px;
}
/* ==========================================================================
   13. Pricing Table Area
========================================================================== */
.pricing-table-area{
	padding: 95px 0px 0px;
	overflow: hidden;
}
.price-tb{
	width: 260px;
	transition: all 0.25s;
	position: relative;
	height: 580px;
}
.price-tb:hover{
	box-shadow: 0 0 0px 5px #34821f;
	border-radius: 10px;
	z-index: 1;
	border-bottom: 0 none;
}
.price-top {
	background-color: #34821f;
	height: 110px;
	width: 155px;
	left: 20%;
	position: relative;
	z-index: 1;
	border-radius: 10px;
}
.price-gross {
	margin: 0px;
	position: relative;
	height: 79px;
	top: 10px;
}
.price-gross > span.price-number {
	font-size: 30px;
	color: #ffffff;
}
.price-gross > span.price-month {
	color: white;
	position: relative;
	top: -10px;
	font-size: 18px;
}
.price-top > .circle-left img {
	padding-left: 15px;
}
.price-top > .circle-right img {
	padding-right: 15px;
}

.price-bottom {
	background-color: #252525;
	height: 500px;
	border-radius: 10px;
	position: relative;
	bottom: 30px;
}
.price-button-top {
	padding: 68px 0px 25px 0px;
}
.price-button-top > a.action-btn-top {
	padding: 3px 20px;
	background-color: #34821f;
	font-size: 24px;
	color: #ffffff;
	border-radius: 10px;
	width: 65px;
}
.price-feature {
	padding: 0px 30px;
}
.price-feature ul{
	margin: 0px;
	padding: 0px;
}
.price-feature ul li {
	padding: 16px 0px;
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	color: #ffffff;
	list-style-type: none;
}
.price-button-bottom {
	padding-top: 50px;
}
.price-button-bottom > a.action-btn-bottom {
	color: #fff;
	background-color: #34821f;
	border-radius: 10px;
	padding: 5px 20px;
	font-size: 18px;
}
.price-button-bottom > a.action-btn-bottom:hover{
	color: #252525;
	transition: .5s;
}
/* ==========================================================================
   14. News Blog
========================================================================== */
.news-area {
	padding: 5px 0px;
	overflow: hidden;
}
.news-box {
	overflow: hidden;
	position: relative;
	margin-bottom: 30px;
	height: 270px;
	box-shadow: -1px 0px 30px -10px #888888;
}
.news-text {
	padding: 15px 20px;
	position: relative;
	z-index: 11;
	width: 50%;
	float: left;
}
.news-box h4, .news-box .h4  {
	font-size: 15px;
	overflow: hidden;
	text-transform: uppercase;
}
.news-info {
	margin-bottom: 10px;
	padding-left: 0px;
}
.news-info li {
	margin-bottom: 10px;
	font-size:12px;
	display: inline-block;
	text-transform: uppercase;
}
.news-info li + li {
    padding-left: 18px;
}
.news-info li + li:before {
	content: '|';
	position: relative;
	left: -12px;
}
.news-box .post-img {
	width: 55px;
	height: 55px;
	margin-right:15px;
	overflow: hidden;
	border-radius: 50%;
	float:left;
}
.news-para{
	width: 90%;
	padding:  0px;
}
.favorite {
	font-size:12px;
	padding-top:19px;
	color: #252525;
	text-transform: uppercase;
}
.news-box > .news-image {
	width: 270px;
	margin-top: 0;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	z-index: 9;
}
.news-box > .news-image:before {
	display: block;
	content: '';
	background-color: #fffcf4;
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
	width: 90px;

	margin-top: -25px;
	margin-left: -50px;
	transform: rotate(18deg);
	-moz-transform: rotate(18deg);
	-webkit-transform: rotate(18deg);
	-ms-transform: rotate(18deg);
}
.news-box > .news-image > img {
	width: 100%;
	height: 100%;
}
/* ==========================================================================
   15. Contact Information Area
========================================================================== */
	/* 15.1 Contact-Info
	---------------------------------------------------------------------------*/
.contact-info{
	background-color: #fff;
	padding: 60px 0px 50px;
}
.contact-info h2, .contact-info .h2{
  color: #000 !important;
}
	/* 15.2 Map Area
	---------------------------------------------------------------------------*/
.map-area{
	position:relative;
}
.map-icon i {
	line-height: 56px;
	border: 7px solid #FFF;
	width: 70px;
	border-radius: 50px;
	text-align: center;
	font-size: 30px;
	background-color: #34821f;
	color: #FFF;
	position: absolute;
	z-index: 12;
	top: -36px;
	left: calc(50% - 30px);
}
.map {
	width: 100%;
	height: 657px;
	margin: 0 auto;
}
#contacts h2, #contacts .h2{
  color: #000;
  text-align: center;
  font-size: 24px;
}
	/* 15.3 Contact Form
	---------------------------------------------------------------------------*/
#fk_name {
 display: none;
}

.contact-form {
	
	width: 100%;
	background-color: #34821f;
	opacity: .8;
	position: static;
	z-index: 13;
  margin: auto;
	top: 100px;
	left: calc(100% - 422px);
}
#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea, #contact button[type="submit"] { font:400 12px/16px "Open Sans", Helvetica, Arial, sans-serif; }
#contact {
	background:##34821f;
	padding: 20px 60px 25px 25px;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1000px;
margin: auto;
}
.contact-address-info{
	margin-bottom: 30px;
}
.texar{flex-basis: 100%;max-width: 100%;}
#contact h5, #contact h6, #contact .h5, #contact .h6 {
	color: #252525;
	font-family: 'Lato', sans-serif;
	display: block;
	margin: 5px 0px;
}
#contact h5, #contact .h5{
	text-transform: uppercase;
}
#contact h6.contact-addres, #contact .h6.contact-addres{
	margin: 20px 0px;
}
fieldset {
	border: medium none !important;
	margin: 0 0 10px;
	min-width: 30%;
	padding: 0;
	flex-basis: 30%;
}
#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea {
	width:100%;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:10px;
}
#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}
#contact textarea {
	height:100px;
	max-width:100%;
	resize:none;
}
.submitter{flex-basis: 62%;}
#contact button[type="submit"] {
cursor: pointer;
width: 150px;
border: none;
background:
#fff;
color:
    #34821f;
    margin: 0 0 5px;
    padding: 11px 5px;
    font-size: 21px;
    font-weight: bold;
}
#contact button[type="submit"]:hover {
	color: #252525;
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}
#contact button[type="submit"]:active { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); }







.policys{color: #000; text-align: center;}



.author{display: flex;
justify-content: space-between;
background: #fff;
width: 100%;
padding: 25px 25px;
align-items: center;
border: 1px solid #34821f;}
.imgauthor{flex-basis: 13%;

margin-right: 10px;}
.imgauthor img{ width: 100%; }
.authortext{flex-basis: 80%}
.authortext p {}
.authortext p.strongy{font-weight: bold;}











#contact input:focus, #contact textarea:focus {
	outline:0;
	border:1px solid #999;
}
::-webkit-input-placeholder {
 color:#888;
}
:-moz-placeholder {
 color:#888;
}
::-moz-placeholder {
 color:#888;
}
:-ms-input-placeholder {
 color:#888;
}
/* ==========================================================================
   16. Footer Top Section
========================================================================== */
.footer-top-area{
	background-color: #252525;
}
.footer-top-area p, .footer-top-area a, .footer-top-area h4, .footer-top-area .h4 {
	font-family: 'Open Sans', sans-serif;
}
.footer-top-area p, .footer-top-area a{
	color: #b3aaab;
	font-size: 13px;
	  line-height: 25px;
}
.footer-top-area h3, .footer-top-area h4,.footer-top-area .h3, .footer-top-area .h4  {
	margin: 0px;
	padding: 0px;
}
.footer-top-area {
  padding: 48px 0 25px;
}
.footer-top-area h4, .footer-top-area .h4  {
	text-transform: uppercase;
	font-weight: 600;
	padding-bottom: 10px;
	border-bottom: 1px solid #555555;
	width: 47%;
	margin-bottom: 20px;
}
.left-side h3,.left-side .h3{
	padding-bottom: 20px;
}
.left-side {
  max-width: 380px;
}
.quick-link h4:after, .right-side h4:after, .quick-link .h4:after, .right-side .h4:after  {
    position: absolute;
	top: 31px;
	left: 14px;
	width: 47px;
	height: 3px;
	background: #34821f;
	content: "";
}
ul.categories {
	float: left;
	margin: 0px;
	padding-left: 0px;
	list-style-type: none;
	display: flex;

flex-wrap: wrap;
}
ul.categories-right {
	list-style: none;
	padding-left: 127px;
}
ul.categories li, ul.categories-right li {
	border-bottom: 1px solid;
	width: 68px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	flex-basis: 28%;
}
ul.categories li a:hover, ul.categories-right li a:hover {
	color: #34821f;
	transition: .5s;
}
ul.categories li:last-child, ul.categories-right li:last-child {
	border-bottom: none;
} 
/* ==========================================================================
   17. Footer Section
========================================================================== */
.footer-area{
	background-color: #34821f;
	position: relative;
}

.footer-social {
  padding: 10px 0px 5px 0px;
}
.footer-social ul li i {
  color: #fff;
  font-size: 22px!important;
}
.social-icons.footer-social a {
  width: 20px;
}
.footer-social ul li i:hover {
  color: #252525;
  transition: .5s;
}
.copyright-boot {
  padding: 15px 0 8px;
}
.copyright-boot p {
  font-family: 'Open Sans', sans-serif;
  color: #ffffff;
}
.copyright-boot a {
	color: #ffffff;
}
.copyright-boot a:hover {
	color: #252525;
}
.scroll-top-icon i {
	line-height: 46px;
	border: 5px solid #FFF;
	width: 60px;
	height: 60px;
	border-radius: 50px;
	text-align: center;
	font-size: 25px;
	background-color: #34821f;
	color: #FFF;
	position: absolute;
	z-index: 20;
	top: -28px;
	left: calc(50% - 30px);
}
.scroll-top-icon i:hover{
	transition: .5s;
	cursor: pointer;
	color: #252525;
}
.carousel-captions a{ 
color: #fff; 
padding: 5px 10px; 
}

.content h1, .content .h1{
	color: #000;
  font-size: 28px;
}
.mainimg{
	width: 210px;
	float: left;
	margin-right: 15px;
	margin-top: 5px;
	margin-bottom: 15px;
}
.client-area img{
	width: 150px;
	height: 150px;
	object-fit: cover;
}
.content li{
	list-style-position: inside;
}
.gall{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.gall img{ flex-basis: 30%; margin-bottom: 15px; max-width: 30%; }
.content .row > img{
	display: block;
	width: 33%;
	margin-bottom: 15px;
}
.gallry{
display: flex;
flex-wrap: wrap;
}
.gallry > div{flex-basis: 10%;}
.mainimg{display: none !important;}
.breadcrumbs ul {
  display: flex;
  justify-content: flex-start;
}
.breadcrumbs ul li {
  list-style-type: none;
  margin: 0px 7px;
}
.galitems { display: flex; flex-wrap: wrap; justify-content: space-between;}
.galitems a{
flex-basis: 25%;
height: 300px;
}
.galitems a img{ width: 100%; height: 100%; }
.serts{margin-top: 52px;}
.serts img {height: 150px;margin-right: 15px;}
.serts > div { text-align: center; }
.content .h2{color:#000;font-size: 24px;}



.usluga-image{}
.usluga-image img{ width: 100%; }
.uswrap{padding:10px; transition: 0.4s;}
.uswrap:hover{box-shadow: 0 0 6px gray}


.headwr{display: flex;}
.newheader{border-bottom: 1px solid #34821f;margin-top: 20px; }
.headwr .logod img{width: 80%;max-width: 149px;padding-bottom: 15px;}
.headwr .col-md-8{display: flex;
flex-direction: column;
justify-content: center;}
.tophead{display: flex;flex-wrap: wrap;justify-content: flex-end;}
.tophead > span{margin: 0px 15px;}
.tophead > span > a{margin: 0px 5px;
    margin-top: 0px;
color: #fff;
padding: 0px 8px;
border-radius: 37px;
width: 31px;
display: inline-block;
text-align: center;
margin-top: -7px;}
.tophead button, .tophead .bitton{
background: #34821f;
border: 1px solid #fff;
color: #fff;
padding: 5px 40px; 
transition: 0.4s;
position: relative;
top: 0px;
font-size: 19px;
}
.tophead .bitton{
  border-radius: 4px;
width: auto;
margin-top: 0px;

}
.tophead button:hover, .tophead .bitton:hover{
    color:  #34821f;
    background: #fff;
    border: 1px solid #34821f;
}
.bottomhead{display: flex;flex-wrap: wrap;justify-content: flex-end;margin-top: 26px;z-index: 998;}

.bottomhead ul{ display: flex;flex-wrap: wrap;justify-content: space-around; }
.bottomhead ul li{ list-style-type: none;position: relative; }
.bottomhead ul li a{font-weight: bold;
padding: 0 8px;
font-size: 18px;}
.bottomhead ul li ul{display: none;
position: absolute;
left: 0;
background:
#fff;
border: 1px solid
#ebebeb;
width: 300px !important;
padding: 10px 10px;z-index: 99999}
.bottomhead ul li:hover ul{display: block; }
.bottomhead ul li ul li{ border-bottom: 1px solid;padding: 0px 5px }
.bottomhead ul li ul li:last-child{border-bottom: none;}
.bottomhead ul li ul li a{font-weight: normal;padding: 0;font-size: 15px;}
.bottomhead.fixedHeader{
  margin-top: 0px;
padding: 19px 0 11px 0;
}
.bottomhead.fixedHeader ul{width: 100%;
margin: 0px;
padding: 0;}
.bottomhead.fixedHeader #clickerpoisk{display: none;}

@media (max-width: 760px ){
  .headwr{flex-direction: column;}
  .tophead{justify-content: center;}
  .bottomhead{justify-content: center;}
  .bottomhead ul{padding-left: 0px;}
}
@media (max-width: 463px ){
  .copyright-boot{margin-top: 35px }
  .tophead{
    flex-direction: column;
    align-content: center;
  }
  .tophead > span{text-align: center;margin: 8px 15px;}

.more-about .about-content{display: flex;}



}
@media (max-width: 716px){
  .latest-news-area .col-xs-12{

}
#maincontent {
  padding: 0 25px;
}
.bottomhead ul li ul{
 z-index: 9999;
 left: -134%;
}
}
.modal-header{border-bottom: 0px;}

.modal-body .contact-form{background-color:
#fff;
color:
#34821f;}
.modal-body .contact-form form{color: #34821f;}
.modal-body .contact-form form label {color: #34821f;}

.modal-body .contact-form form fieldset{min-width: 47%;}

.modal-body  #contact button[type="submit"]{
  background: #34821f;
  color: #fff;
}
.allotz{
  color:
#fff;
background:
#5d9a4a;
text-transform: uppercase;
font-weight: bold;
padding: 11px 29px;
border:2px solid #5d9a4a;
transition: 0.4s; 
}
.allotz:hover{
    color: #5d9a4a;
background:#fff ;
  border:2px solid #fff;
}
.slicker {position: relative; z-index: 99;height: 498px }
.slicker .slick-arrow{position: absolute;top: 40%;background: #34821f; border:none; color: #fff;opacity: 0.9;z-index: 999}
.slicker .slick-arrow i{font-size: 18px;font-size: 28px;
padding: 5px 3px;}
.slicker .slick-next{right:  -1%} 
.slicker .slick-prev{left: -1%;}


.headwr{position: relative;}
.searcharea {
min-width: 100%;
position: absolute;
right: 0;
bottom: -42px;
z-index: 999;
background:#fffcf4;
height: 42px;
display: none;

}
.simplesearch-search-form {position: relative;}
.simplesearch-search-form #search{ width: 80%; background: transparent;color: #000; border: none;border-bottom: 2px solid #34821f;margin: auto;display: block; font-size: 17px;margin-top: 6px;}
.simplesearch-search-form button[type="submit"]{
position: absolute;

right: 10%;

top: 7px;

background:
transparent;

border: none;
}
.more-about .h4{font-size: 16px;}
.more-about .about-icon{}
.more-about .about-icon i{font-size: 24px;width: 50px;
line-height: 50px;
height: 50px;}

.carousel-inner .h3 {
	padding: 0 5%;
	font-size: 18px;
}
.news-box h4 {
	color: #424143;
}
.news-box h4:hover, .news-box h4:focus {
outline: none;
color: #34821f;
text-decoration: none;
}
.content ol{padding-left: 5px;}

.tagslinks{ display: flex;flex-wrap: wrap; justify-content: center;}
.tagslinks li{font-size: 18px ;flex-basis: auto; padding: 5px 10px; margin: 5px 10px; border: 2px solid black; list-style-type: none; background: #34821f; transition: 0.4s}
.tagslinks li a{ color: #fff; }
.tagslinks li:first-child{background: #b52e14;}
.tagslinks li:hover{ background: #fff; }
.tagslinks li:hover a{ color: #000 }
.tagslinks li.active { background: white; }
.tagslinks li.active a { color: black; }



.linkblockwrapp{
display: none;
background:
#a2c4c9;
width: 40%;border: 3px solid
#000;
padding: 10px 14px;margin-bottom: 25px; }
.soderj{font-size: 22px;
font-weight: bold;
margin-bottom: 15px;
padding-left: 5px; }
.linblock li{list-style-type: none;}
.linblock li.forh3{list-style-type: none;padding-left: 0px;}
.linblock li.forh3:before{content: "— "}
.linblock li a{ color: #000; font-weight: bold }
.linblock li a:hover{color: #38761d ; text-decoration: underline;}
#up-btn{
  position: fixed;
  bottom: 30px;
  right: 30px;
  cursor: pointer;
  display: none;
}

#up-btn img{
  width: 50px;
}
#maincontent h3{color:#000;}
#contact .controls{margin-top: 15px; }


.social img, .footer-social img, .socll img,.left-side img{transition: 0.4s}
.social img:hover, .footer-social img:hover, .socll img:hover, .left-side img:hover{filter: grayscale(100%);}



.slicker .news-para{display: none;}
.slicker .news-text:hover .news-para{display: block;}


.item-recomend img{width: 100%;border-radius: 67%; transition: 0.8s;}
.item-recomend img:hover{filter: grayscale(100%);}

.item-recomend {margin: 0 25px;}
.readmorewrapper  {position: relative; z-index: 99;height: auto; }
.readmorewrapper  .slick-arrow{position: absolute;top: 40%;background: #34821f; border:none; color: #fff;opacity: 0.9;z-index: 999}
.readmorewrapper  .slick-arrow i{font-size: 18px;font-size: 28px;}
.readmorewrapper  .slick-next{right:  -5%} 
.readmorewrapper  .slick-prev{left: -5%;}







.ticket-comment-rating{display: none;}

.ticket-comment-body .ticket-comment-createdon{font-style: italic;}

.reply, .edit{background: #34821f;color: #fff;padding: 2px 14px;border-radius: 6px;margin-right: 15px;border: 2px solid #34821f}
.reply:hover, .edit:hover{background: #fff;color: #34821f;}

.ticket-comment-body .ticket-comment-text{padding-left: 10px; margin-bottom: 20px;}


.ticket-comment{border-left: 4px solid #34821f;padding-left: 27px;}
.ticket-comment-dot{display: none;}
#comment-star{display: none;}
#comment-form{ background: #fffcf4; border: 3px solid #34821f; }
button, html input[type="button"], input[type="reset"], input[type="submit"]{
  background-color: #34821f;
border-color: #34821f;
}

.edit{display: none;}
.comments-subscribe.pull-right .checkbox, #comments-tpanel{display: none !important;}
.llog{background: #fff;
width: 320px;
border: 4px solid #34821f;
border-radius: 7px;
padding: 22px 18px;
margin-bottom: 23px;}
.ratingread{display: none;}


 .ticket-comment-text a{display: inline-block;}
.ticket-comment-text a br{display: none;}

#comment-form-placeholder{clear: both;}
.llog{float: right;}
.iconedl{display: none;}


a[data-fancybox="gallery"]{width: 100%;}
a[data-fancybox="gallery"] img{width: 100%;    height: auto !important;}



.btn.btn-default.preview, a.ticket-file-insert{}



#maincontent h4{color: #000;margin: 17px 0 3px 0 !important;}
.sources{    border-top: 2px solid #34821f;
    padding-top: 17px;
    margin-top: 20px;
    padding-left: 40px;}
.sources p{
  list-style-type: decimal;
}    
.sources a{ color: #34821f; text-decoration: none; }
.sources a:hover{ color: #34821f; text-decoration: underline; }


.logform{}
.logform label {width: 150px;}
.logform input{width: 150px;}
.logform .form-group {margin-bottom: 15px; }
.logform .btn {background: #34821f !important;}


.sublinksblock a{    background: #34821f;
    border: 1px solid #fff;
    color: #fff;
    padding: 5px 40px;
    transition: 0.4s;
    position: relative;
    top: -9px;
    font-size: 19px;}
  #ticket-files-select{display: block;}
  #ticket-files-select img{transition: 0.4s;}
  #ticket-files-select:hover img{filter: invert(50%);}

.rozovay{display: block;
margin: auto;
background: #34821f;
width: 250px;
padding: 10px 0;
color: #fff;
text-align: center;
font-size: 19px; transition: 0.4s}
.rozovay:hover{
  background: #fff;
}



.ticket-comment-text  a[data-fancybox="gallery"] img{width: auto !important; display: inline; }

.ticket-file.new{position: relative;}
.ticket-file-insert{
  position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
z-index: 999999;
background: rgba(0, 0, 0, 0.6);
color: transparent !important;
font-size: 20px;
text-align: center;
}
.ticket-file-insert:after{
content: 'Добавить фото в сообщение';
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
color: #fff !important;
justify-content: center;
display: flex;
align-items: center;
}
.ticket-file-meta .ticket-file-delete{
  position: absolute;
bottom: -15px;
right: 0;
}

.navbar-toggler.toggler-example{
position: absolute;
right: 10px;
top: 0;
background: transparent;
border: 0px solid transparent;
}
.not-burger{display: flex;}
.yes-burger{display: none;width: 100%;}
.yes-burger ul.navbar-nav{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
text-align: left;
}
.yes-burger ul.navbar-nav ul{
display: block;
border: none;
padding-left: 13px;
}
.yes-burger .nav-item ul{
  display: block;
position: static;
}
.yes-burger .nav-item ul li{ border-bottom: 0px solid;}
.yes-burger ul li ul li a {}

.bugrer-in-top{display: flex; justify-content: space-around;}

.burger-logo{ flex-basis: 15% }
.burger-logo img{ width: 60%; }

.bottomhead .bugrer-in-top{flex-direction: column-reverse;align-items: center;
text-align: center;}
.bottomhead .bugrer-in-top .burger-logo{margin-bottom: 8px;}
.burg-buttons{display: flex; justify-content: space-between;margin-bottom: 8px; flex-wrap: wrap;}
.burg-buttons .bitton, .burg-buttons button{
background-color: transparent;
flex-basis: 48%;
border-radius: 0;
color: #34821f;
border: 1px solid #34821f;
font-weight: bold;}

.fixedHeader .bugrer-in-top ,.fixedHeader .burg-buttons{display: none;}
@media (max-width: 767px ){
  .slider-area{min-height: 600px}
  .not-burger{display: none;}
  .yes-burger{display: block;}
  .headwr > .logod{display: none;}
  .tophead{display: none;}
  .mandpfkgjflsdk{display: none}
  .yes-burger ul.navbar-nav ul{
    background: #fffcf4;
  }
  .navbar-toggler img{z-index: 555;position: relative;}
  
  #mainmenu.fixedHeader{background-color: transparent;}
  #navbarSupportedContent1{
    background: #fffcf4;
padding: 16px 16px;
  }
}

.tableOfContents__title {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 15px;
	padding-left: 5px;
}

.tableOfContents li a:hover {
	color: #38761d;
	text-decoration: underline;
}
.tableOfContents li a {
	color: #000;
	font-weight: bold;
}

.tableOfContents {
	background: #a2c4c9;
	border: 3px solid #000;
	padding: 10px 14px;
	margin-bottom: 25px;
}

.panel-body ul {
	margin 0;
	padding: 0;
}

.panel-body ul li {
	list-style-type: none;
	padding-bottom: 10px;
}

.blogPostCards {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-auto-rows: auto;
	gap: 10px;
}

.blogPostBox {
	display: grid;
	grid-template-rows: repeat(3, auto);
	grid-template-columns: 314px 1fr 1fr;
	grid-template-areas:
			"img title title"
			"img content content"
			"img meta btn";
	background-color: hsl(0deg 0% 100%);
	box-shadow: 0 1px 3px hsl(166deg 2% 72%);
	border-radius: 12px;
	gap: 10px;
	margin-bottom: 10px;
	align-items: center;
	justify-items: center;
	/*padding: 10px;*/
}

.blogPostBox__image {
	grid-area: img;
	max-width: 100%;
	align-self: stretch;
	justify-self: stretch;
	/*margin: -10px -10px -10px 0px;*/
  border-radius: 10px 0px 0 10px;
  object-fit: cover;
}

.blogPostBox__title {
	color: #424143;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	grid-area: title;
	justify-self: start;
	margin: 0;
  padding-top: 10px;
}
.blogPostBox__content {
	color: #424143;
	grid-area: content;
	justify-self: start;
}
.blogPostBox__meta {
	color: hsl(107deg 0% 49%);
	grid-area: meta;
	justify-self: start;
	margin: 0;
}
.blogPostBox__btn {
	display: inline-block;
	grid-area: btn;
	text-align: center;
	background-color: #5d9a4a;
	color: white;
	padding: 5px 15px;
	border-radius: 4px;
	border: 1px solid transparent;
  margin-bottom: 10px;
}

.blogPostBox__btn:hover{
	color:  #5d9a4a;
	background: #fff;
	border: 1px solid #5d9a4a;
}


@media (max-width: 991px){
  .panel-body ul{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
  .panel-body ul li{ flex-basis: 30% }
}



.subscribeCard {
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-color: hsl(0deg 0% 100%);
	box-shadow: 0 1px 3px hsl(166deg 2% 72%);
	border-radius: 3px;
	padding: 10px;
	margin-bottom: 20px;
}

.subscribeCard__title {
	color: #424143;
}

.subscribeCard__btn {
	display: inline-block;
	text-align: center;
	background-color: #5d9a4a;
	color: white;
	padding: 5px 15px;
	border-radius: 4px;
	border: 1px solid transparent;
}

.subscribeCard__btn:hover{
	color:  #5d9a4a;
	background: #fff;
	border: 1px solid #5d9a4a;
}

.subscribeCard__form {
	display: flex;
	justify-content: space-between;
}


.modal-backdrop.fade {z-index: 3 !important}

.upburgbuttons{

  margin-bottom: 15px;
  text-align: center;
  flex-basis: 100%;
}
.upburgbuttons a{
    color: #34821f;
  font-weight: 700;
  font-size: 18px;
}

.subscribeCard__form input[name="email"]{
border: 1px solid #5d9a4a;
border-radius: 4px;
padding: 0px 5px;
}
#maincontent a{
  text-decoration: underline;
  transition: .3s;
}
#maincontent a:hover{
  color: ##34821f;
}
.clickerpoisk{
  position: relative;
top: 4px;
cursor: pointer;
}
.clickerpoisk i{
  font-size: 22px;
}
.fixedHeader .clickerpoisk{
left: 9px;
}


@media (max-width: 991px) and (min-width: 768px){
  .tophead > span{display: flex;flex-wrap: wrap;  }
  .social {
    margin: 8px 0px 0px 6px;
}
}


@media (max-width: 416px){
  .burg-buttons .bitton, .burg-buttons button{flex-basis: 100%; margin-bottom: 5px;}
}
@media (max-width: 600px){
  .rozovay{margin: 25px auto}
}
.reply, .rozovay, .linblock a, .authortext a {
  text-decoration: none !important;
}

#about-us .row{
  width: 100%
}

.bottomconsult{
  display: flex;
  flex-direction: column;
  padding-bottom: 44px;
}
.bottomconsult__left{
  font-size: 22px;
  text-align: center;
  margin: 25px 0 7px 0;

}
.bottomconsult__left a{
  text-decoration: underline;
}
.bottomconsult #comment-form-placeholder{display: none}
.bottomconsult #comment-new-link{display: none;}
.bottomconsult .ticket-comment{
  border: none;
padding: 0;
margin: 0;
flex-basis: 30%;
}
.bottomconsult .ticket-comment-text {
  padding: 0;
  margin: 0;
}
.bottomconsult .ticket-comment .ticket-comment-header{
  display: flex;
flex-direction: column-reverse;
align-items: flex-start;
}
.bottomconsult .ticket-comment .ticket-comment-header span{
  margin-left: 0;
}
.bottomconsult .ticket-comment .ticket-comment-author{
  color: #5d9a4a;
}
.bottomconsult .ticket-comment-body{
  background: #fff;
padding: 10px;
border-radius: 16px 16px 16px 0px;
margin-top: 20px;
border: 1px solid #252525;
position: relative;
display: flex;
flex-direction: column-reverse;
}
.bottomconsult .ticket-comment-body:after{
  content: '';
}
.bottomconsult .ticket-comment > .comments-list .ticket-comment-body{
  border-radius: 16px 16px 0px 16px;
}
.bottomconsult .ticket-comment > .comments-list .ticket-comment-body .ticket-comment-header{
  align-items: flex-end;
}


.bottomconsult .ticket-comment:nth-child(n+4){display: none;}
.bottomconsult .comment-reply{display: none;}
.bottomconsult .ticket-comment > .comments-list > .ticket-comment > .comments-list{display: none;}
.bottomconsult__right,  .bottomconsult__right > ol.comment-list{
  display: flex;
  justify-content: space-between;
  gap:15px;
  
}
.bottomconsult__right > ol.comment-list  li{
  list-style-type: none;
}
.bottomconsult .comments-list{ padding-left: 0 }
.bottomconsult .ticket-comment-text > img{ 
display: none;
}

.blogmain__head{
  color: #000000;
font-weight: 700;
margin-bottom: 15px;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 21px;
text-align: center;
margin-top: 35px;
}
.blogmain_wrap{
  display: flex;
  gap: 26px;
}
.blogmain_single{
visibility: visible;
animation-duration: 1.5s;
animation-delay: 100ms;
animation-name: fadeInLeft;
background: #fff;
border-radius: 15px;
box-shadow: 0 0 4px #000;
overflow: hidden;
padding-bottom: 32px;
}
.blogmain_single__image{
  max-width: 100%;
  
}
.blogmain_single__title{
  color: #252525;padding: 0 15px;min-height: 89px;
}
.blogmain_single__content{padding: 0 15px;}
.blogmain_single__meta{padding: 0 15px; margin-bottom: 20px}
.blogmain_single__btn{
background: #5d9a4a;
color: #fff;
padding: 7px 17px;
margin-top: auto;
border-radius: 4px;
text-align: center;
width: 50%;
margin-left: auto;
display: block;
margin-right: auto;
}

.tglink{
  background: #252525;

height: 60px;
display: flex;
align-items: center;
}
.tgright{
  margin-left: auto;
}
.tglink .cnt{
  background: url(/img/polosa.png);
display: flex;
justify-content: flex-start;
align-items: center;
gap: 25px;
}
.tglink span{
color: #fff;
font-size: 31px;
font-weight: bold;
}
.tglink img{
  max-height: 50px;
filter: invert(100);
}

.all_consult{
  color: #fff;
background: #5d9a4a;
text-transform: uppercase;
font-weight: bold;
padding: 11px 29px;
border: 2px solid #5d9a4a;
transition: 0.4s;
display: inline-block;
margin-left: auto;
margin-right: auto;
margin-bottom: 25px;
}
.all_consult:hover{
  background: #fff
}

.blogmain_wrap > .blogmain_single:last-child{
  display: none;
}

.golink{
  display: inline-flex;
  align-items: center;
  color:  #5d9a4a;
  padding: 0px 0px;
  gap: 7px;
  text-decoration: none !important;
  
  

  transition: .3s;
}
.golink:hover{
  color: #252525;
  background: #fff;
}
.golink svg path{
  stroke: #5d9a4a;
  fill: #5d9a4a;
transition: .3s;

}

.golink:hover svg path{
  stroke: #252525;
  fill: #252525;
}
.blogmain__wrap_like_sect{
  background: #fff;
  border-top: 2px solid #252525;
  border-bottom: 2px solid #252525;
  padding-bottom: 25px;
  margin-top: 50px;
}

@media(max-width: 960px){
  .blogmain_wrap{flex-wrap: wrap;}
  .blogmain_single{flex-basis: 100%}
  .tglink {height: auto;padding-bottom: 34px;}
  .tglink .cnt{flex-direction: row;}
  .tglink span{font-size: 15px}
  .tglink img{max-height: 23px;}
  .bottomconsult__right{flex-wrap: wrap;}
  .bottomconsult__right, .bottomconsult__right > ol.comment-list{
    padding-left: 0;
    flex-wrap: wrap;
  }
  .bottomconsult .ticket-comment{flex-basis: 100%}
  .blogmain_wrap{
    flex-wrap: wrap;
    gap: 15px;
  }
  .blogmain_wrap > .blogmain_single:last-child{
    display: block;
  }
  .blogmain_wrap > .blogmain_single{
    flex-basis: 46%;
    padding-bottom: 0;
    flex-grow: 1;
  }
  .blogmain__head{font-size: 15px;}
  .blogmain_wrap > .blogmain_single .blogmain_single__title{display: none}
  .blogmain_wrap > .blogmain_single .blogmain_single__content{display: none}
  .blogmain_wrap > .blogmain_single .blogmain_single__meta{display: none}
  .blogmain_wrap > .blogmain_single .blogmain_single__btn{display: none}
}



.pagen{
  display: flex;
  gap: 11px;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  position: relative;
  margin: 40px 0;
}
.pagen b{
  font-weight: normal;
padding: 7px 18px;
border: 1px solid #34821f;
position: absolute;
background: #fff;
border-radius: 4px;
left: calc(50% - 80px);
top: -58px;
transition: .3s;
cursor: pointer;

}
.pagen b:hover{
  color: #34821f;
  background: transparent;
}

.pagen:first-child b{display: none;}
.pagen:last-child {margin-top: 100px;}

.pagen span{
  height: 22px;
}
.pagen i{
background: #34821f;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
min-width: 25px;
height: 25px;
color: #fff;
border-radius: 3px;
font-size: 18px;
padding: 0 5px;
border: 1px solid #34821f;
transition: .3s ease-in-out;
}
.pagen i:hover{
  opacity: .8;
}
.pagen i.current{
  color: #34821f;
  background: #fff;
}

@keyframes rotato{
      0%{transform: rotate(0deg);}
      50%{transform: rotate(180deg);}
      100%{transform: rotate(360deg);}
    }
    .prel{position: fixed;z-index: 60;width: 100%;height: 100%;
      left: 0;top: 0;background: rgb(0,0,0,0.4);display: flex;align-items: center;justify-content: center;}
    .prel_wrap{width: 150px; height: 150px;background: #fff; border-radius: 50%; display: flex;justify-content: center;align-items: center;
      transform: rotate(0deg);
      animation: rotato 2s infinite;
      border: 3px solid #34821f;
    }