@charset 'utf-8';

*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { display: table; content: ''; }
.clearfix:after { clear: both; }

b,h1,h2,h3,h4,h5,h6,strong{
    font-weight: 500;
}
h3,h4,h1 {   
    font-family: 'Bree Serif', serif;
	font-weight:700;
}
h3{
    font-size: 30px;
    text-transform: none;
}
h4{
    font-size: 26px;
}
h1 {
    font-size: 50px;
}
body,mark{
    color:#383b3e;
    font-family: 'Raleway', sans-serif;
    height: 100%;
}

button,fieldset,input{
    border:none;
}
body,fieldset,figure,h1,h2,h3,h4,h5,h6,html,p,ul{
    margin:0;
}
img,legend{
    border:0;
}
body,button,fieldset,html,legend,p,td,th,ul{
    padding:0
}
.text-decotarion_type1,body,html,sub,sup{
    position:relative;
}
.button_type1,.fancybox-title-float-wrap,.list__title_type2,.placemark__value,.statistic-info,.table td.error,.table th{
    text-align:center;
}

.pat-line {
    background: url(../img/pat-01.png) repeat-x;
    height: 6px;
    width: 100%;
    margin: 0 0 50px 0;
}

/*
a {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5ms ease-in-out;
    transition: all 0.5s ease-in-out;
}
*/


/* Header ----------------------------------- */
.head-cont {
    float:right;
    display: block;
    margin: 20px 10px 20px 20px;
    color:#ffffff;
    text-align: center;
}
.head-cont h4 {
    float:left;
    padding: 20px 0 0 0;
    font-size: 18px;
    font-weight: none;
    text-transform:uppercase;
}
.head-phone { 
    font-family: 'Bree Serif', serif;
    color: #ffffff;
    float: right;
    border-radius: 20px 0 20px 0;
    background: none;
    border: none;
    height: 40px;
    padding: 0 20px 0 20px;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    line-height: 38px;
    margin: 10px auto;
    font-weight: 700;
}
.head-phone i {
    font-size: 24px;
    padding: 0px 15px 0px 0px;
    color: #6fba24;
}
/* ------------------------------------------- */

/* 1 bx -------------------------------------- */
.bx-1 {
    width: 100%;
    background: #fff;
    height: auto;
    display: block;
    padding: 50px 0px 30px 0px;
}
.bx-stitle {
    color: #666;
    font-size: 13px;
    margin: 20px 0;
}
.bl-about {
    background: none;
    border: none;
    padding: 0px;
    margin: 0px 0px 10px 0px;
}
.bl-about h3{
	color: #222222;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.bl-about h3::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 4px;
    margin: auto;
    content: '';
    border-radius: 5px;
    background-color: #e2eff4;
}
.bl-about p {
    font-size: 16px;
    line-height: 20px;
    text-align: justify;
    font-weight: 500;
}
.bl-servce {
    background: none;
    border: none;
    padding: 0px;
    margin: 0px 0px 10px 0px;
}
.bl-servce h3 {
	color: #222222;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.bl-servce h3::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 4px;
    margin: auto;
    content: '';
    border-radius: 5px;
    background-color: #e2eff4;
}
.bl-servce p {
    font-size: 16px;
    line-height: 20px;
    text-align: justify;
    font-weight: 500;
}
.cats_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 0 20px 0;
    text-align: left;
}
.cats_list >div{
	height: 50px;
	padding:0;
    width: 50%;
}
.cats_list >div>div{
	overflow:none;
    margin: 0 5px;
}
.cats_list >div>div a {
    position: relative;
    z-index: 1;
    overflow: hidden;
	color:#383b3e;
	font-size:14px;
	font-weight:700;
	line-height:18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 40px;
    border-radius: 20px;
	border: 2px solid #e2eff4;
    cursor:pointer;
    text-transform: uppercase;
    padding: 0 0 0 10px;
}
.cats_list >div>div a:hover, .cats_list >div.active >div a {
	text-decoration:none;
	color:#ffffff;
	border:none;
	border-radius:20px;
    box-shadow: 0px 3px 30px rgba(111,186,36,0.3);
}
.button--wayra:hover::before {
    background-color: #78cb25 !important;
}
.button--wayra {
    -webkit-transition: border-color 0.3s, color 0.7s;
    transition: border-color 0.3s, color 0.7s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.7, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.7, 1);
    text-align: left;
}
.cats_list >div>div a i {
    color: #6fba24;
    font-size: 20px;
    margin: 0 5px 0 0;
}
.cats_list >div>div a:hover i {
    color:#ffffff;
}
/* ------------------------------------------- */


/* 2 bx -------------------------------------- */
.bx-2 {
    width: 100%;
    background: #fff;
    height: auto;
    display: block;
    padding: 50px 0px 50px 0px;
}
.bx-2 h3 {
	color: #222222;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.bx-2 h3::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 4px;
    margin: auto;
    content: '';
    border-radius: 5px;
    background-color: #e2eff4;
}
.bx-2 .title {
    font-family: 'Bree Serif', serif;
	font-size:14px;
	line-height:18px;
	font-weight:700;
    margin: 0;
    color:#6fba24;
    text-align: center;
}
.bx-2 .title:hover {
    color: #78cb25;
}

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


/* 3 bx -------------------------------------- */

.bx-3 {
    width: 100%;
    background: #fff;
    height: auto;
    display: block;
    margin: 0 0 50px 0;
}  
.bx-3 h3 {
	color: #222222;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.bx-3 h3::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 4px;
    margin: auto;
    content: '';
    border-radius: 5px;
    background-color: #e2eff4;
}
.bx-3 .bl-area .list {
	color:#222222;
	font-size:16px;
    font-weight: 500;
	-webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    margin: 30px 0 0 0;
}
.bx-3 .bl-area .list >div{
	padding:0;
	line-height:32px;
}

.bx-3 .bl-area .list >div i {
    color:#6fba24;
    font-size: 20px;
    padding: 0 7px 0 0;
}
/* ------------------------------------------- */

/* 4 bx -------------------------------------- */
.bx-4 {
    color: #222222;
    width: 100%;
    height: auto;
    display: block;
    padding: 50px 0 50px 0;
    background: url('../img/bg-06.jpg') no-repeat #a4937f center center;
    background-size: cover;
    margin: 0;
}

.bx-4 .bl-text h3{
	color: #222222;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.bx-4 .bl-text h3::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 4px;
    margin: auto;
    content: '';
    border-radius: 5px;
    background-color: #6fba24;
}


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

/* 5 bx -------------------------------------- */
.bx-5 {
    color: #222222;
    width: 100%;
    height: auto;
    display: block;
    padding: 50px 0 50px 0;
    background: url('../img/bg-03.jpg') no-repeat #a4937f center center;
    background-size: cover;
    margin: 0 0 40px 0;
}

.bx-5 .bl-area h3{
	color: #222222;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.bx-5 .bl-area h3::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 4px;
    margin: auto;
    content: '';
    border-radius: 5px;
    background-color: #6fba24;
}
/* ------------------------------------------- */

/* baners -------------------------------------- */
.baner {
    height: 180px;
    width: 100%;
    margin: 10px auto 10px;
    text-align: center;
    overflow: visible;
    position: relative;
}

.ban-name {
    height: 100%;
    width: 100%;
    background: none;
    vertical-align: middle;
    color: #222222;
    text-transform: uppercase;
    cursor: pointer;
    border: 8px solid #e2eff4;
    margin: 0px auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; 
     -webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
    padding: 20px;
}
.ban-1:hover , .ban-2:hover , .ban-3:hover {

}

.ban-name:hover {
    background:#78cb25;
    color: #ffffff;
    border-color:#78cb25; 
    box-shadow: 0px 10px 30px rgba(111,186,36,0.7);
}

.ban-name:hover span {
    color: #ffffff;
}

.ban-name h4 {
    font-family: 'Raleway', sans-serif;
    font-size: 26px;
	font-weight:700;
}
.ban-name span {
    color: #6fba24;
    font-family: 'Bree Serif', serif;
    font-size: 18px;
    line-height: 22px;
    text-transform: none;

}

.ban-1 {
    background: none;
	background-size: cover;
}

.ban-2 {
    background: none;
	background-size: cover;
}
.ban-3 {
    background: none;
	background-size: cover;
}
/* -------------------------------------------- */

/* Footer ------------------------------------- */
.bx-foot {
    background: url('../img/bg-04.jpg') no-repeat center center #383b3e;
    background-size: cover;
    width: 100%;
    height: auto;
    color: #ffffff;
	
}
.bx-foot .col-md-4, .bx-foot .col-xs-12 {
	padding-bottom:30px;
    height: auto !important;
}
.bx-foot .row .col-md-4 a{
	color:#ffffff;
}
.bx-foot .row .col-md-4 a:hover{
	color:#ff7854;
}
.bl-area {
    margin: 0;
}
.bl-area h3 {
    padding-bottom: 20px;
    margin-bottom: 20px;
	font-weight:700;
}
.bl-area .list {
	color:#222222;
	font-size:16px;
    font-weight: 500;
	-webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}
.bl-area .list >div{
	padding:0;
	line-height:26px;
}
.bl-area .list >div a {
    position: relative;
    overflow: hidden;
	color:#222222;
    text-transform: none;
}
.bl-area .list >div a:hover {
    color:#536975;
    text-decoration: none;
}

.bl-area .list >div a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #6fba24;
	content: '';
	opacity: 0;
	-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: height 0.3s, opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	transform: translateY(-5px);
}

.bl-area .list >div a:hover::after,
.bl-area .list >div a:focus::after {
	height: 2px;
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

.bl-area .list >div i {
    color:#6fba24;
    font-size: 16px;
    padding: 0 7px 0 0;
}

.bl-cont {
    width: 100%;
    height: auto;
    padding: 30px 0px 0px 0px;
}
.foot-phone {
    border: none;
    border-radius:10px;
    background: none;
    color: #ffffff;
    height: 60px;
    font-family: 'Bree Serif', serif;
    font-size: 34px;
    font-weight: 700;
    text-align: left;
    vertical-align: middle;
    line-height: 52px;
    margin: 10px auto;
}
.foot-phone i {
    color: #6fba24;
    font-size: 34px;
    padding:0px 15px 0px 0px;
}
.offers {
    margin: 0;
    color: #ffffff;
}
.offers i {
    color:#6fba24;
    font-size: 20px;
}
.offers h5 {
    font-weight: 500;
    margin: 0 0 0 30px;
    font-weight: 700;
}
.bx-foot h3 {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.bx-foot h3::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 4px;
    margin: auto;
    content: '';
    border-radius: 5px;
    background-color: #6fba24;
}
.offers span {
    margin: 0px 0px 0px 30px;
    text-align: left;
	font-size: 14px;
    font-weight: 500;
    display: block;
}

.offhours {
    margin: 10px 0;
	font-size: 14px;
    line-height: 22px;
    color: #ffffff;
    font-weight: 700;
}
.offhours i {
    color:#6fba24;
	line-height: 22px;
}

.offhours span {
    margin: 0px 0px 0px 30px;
    text-align: left;
    display: block;
}

.copy {
    background: none;
    color: #e2eff4;
    font-size: 13px;
    line-height: 16px;
    text-align: left;
    height: auto;
    padding: 18px 0 18px;
    width: 100%;
    border: 0;
    border-top: 1px solid #e2eff4;
}
.copy a{
	color: #ffffff;
}
.copy a:hover{
    color:#6fba24;
    text-decoration: underline;
}

/* ------------------------------------------ */
.slide-img {
    background: url('../img/img-01.png') no-repeat 0 0;
    height: 400px;
    width: 880px;
    position: absolute;
    right: 13%;
    z-index: 10;
}
.myCarousel-bg {
    background: url('../img/bg-01.jpg') repeat #ff7854 center center;
    position: relative;
    overflow: hidden;
}
.myCarousel-shd {
    background: url('../img/shadow.png') no-repeat transparent center center;
    width: 900px;
    height: 40px;
    position: absolute;
    margin: 0 auto;
    top: 0;
    left: 15%;
    right: 15%;
}
/* Carousel base class */
.carousel {
    height: 300px;
    margin: 0;
}

/* Declare heights because of positioning of img element */
.carousel .item {
    height: 300px;
    background-color: none;
}
.carousel-inner > .item > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 300px;
}
.carousel-control  {
	padding-top:90px;
}
.carousel-control  span{
	display:none;
}
.carousel-control:hover  span{
	display:block;
}
.carousel-indicators {
	display:none;
}
.carousel-caption {
	text-align:center;
    padding: 20px;
    border-radius: 10px;
    border: none;
    z-index: 10;
    vertical-align: middle;
    text-shadow: none;
}
.carousel-caption {
    bottom: auto;
    top: auto;
    left: auto;
    right: auto;
    position: relative;
    width: 50%;
}
.carousel-inner .container {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.carousel-caption h1{
    text-transform:uppercase;
    font-family: 'Raleway', serif;
	font-weight:700;
	line-height:45px;
	font-size:38px;
}
.carousel-caption p{
    font-family: 'Bree Serif', serif;
	font-size:18px !important;
	line-height:24px  !important;
	font-weight:300;
	margin:0  !important;
	margin-top:5px  !important;
}
.carousel-caption p.phone{
	font-size:20px !important;
	line-height:50px !important;
}
.carousel-caption p.phone span{
	font-size:28px !important;
	font-weight:500;
}
.carousel-inner .container {
    position: relative;
    height:300px;
}


/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 1600px) {
    .slide-img {
    right: 2%;
    }
}

@media (max-width: 1200px) {
    .slide-img {
    right: -8%;
    top: 2%;
    }
    .cats_list >div{
    width: 100%;
    }
}

@media (max-width: 1024px) {
    .slide-img {
    right: 1%;
    top: 3%;
    }
}
@media (max-width: 980px) {
    .slide-img {
    right: 0%;
    top: 2%;
    }
    .carousel-caption {
    width: 80%;
    }
    .bx-3 .bl-area h3, .bx-1 .bl-servce h3 {
    margin-top: 30px;
    }
    .cats_list >div{
    width: 50%;
    }
    .bx-3 .bl-area .list {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    }
    .nomarg {
    padding-bottom: 0px !important;
    }
} 
@media (max-width: 800px) {
    .slide-img {
    right: 2%;
    top:2%;
    height: 400px;
    width: 800px;
    background-size: cover;
    }
}

@media (max-width: 768px) {

  /* Navbar positioning foo */
    .navbar .container {
    padding-right: 10px;
    padding-left:  10px;
    }
  /* The navbar becomes detached from the top, so we round the corners */
    .navbar-wrapper .navbar {
    border-radius: 4px;
    }
  /* Bump up size of carousel content */
    .carousel-caption h1 {
	font-size: 26px;
    }
    .carousel-caption p {
    font-size: 18px;
    }
    .carousel-caption {
    width: 80%;
    }
    .bl-area .list {
	-webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    }
    .featurette-heading {
    font-size: 50px;
    }
    .slide-img {
    right: 0%;
    top:2%;
    height: 350px;
    width: 740px;
    background-size: cover;
    }
	.carousel-caption h1 {
    line-height: 30px;
    font-size: 35px;
	}
	.carousel-caption p {
    font-size: 25px !important;
    line-height: 27px !important;
	}
	.carousel-caption p.phone {
    font-size: 16px !important;
    line-height: 45px !important;
	}
    .navbar-brand>img {
    width:225px;
	}
    .navbar-brand{
    padding: 10px 10px;
	}
    .head-cont {
    margin: 10px;
    }
    .head-cont>h3 {
    font-size: 16px;
    }
    .head-phone {
    font-size: 18px;
    height: 36px;
    width: 200px;
    line-height: 38px;
    }
    .bx-1 {
    padding: 50px 0 30px;
    }
}

@media (max-width: 600px) {
    .slide-img {
    height: 300px;
    width: 640px;
    background-size: cover;
    top: 2%;
    right: 0%;
    }
    .head-cont{
    display: flex;
    
    }
    .head-cont h4 {
    font-size: 14px;
    }
    .bl-area .list {
	-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    }
    .bx-1 {
    padding: 30px 0 10px;
    }
    .bx-2, .bx-4, .bx-5 {
    padding: 30px 0 30px;
    }
    .bx-5 {
    margin: 0 0 20px 0;
    }
    .bx-3{
    margin: 0 0 30px 0;
    }
}

@media (max-width: 480px) {
	.navbar-brand>img {
    margin: 0 25%;
	}
    .head-cont>h3 {
    text-align: center;
    }
	.navbar-brand{
    padding: 10px 10px;
	}
    .head-cont{
    margin: 0 17%;
    width: 310px;
    }
    .slide-img {
    height: 200px;
    width: 440px;
    background-size: cover;
    top: 5%;
    right: -5%;
    }
    .head-cont h4 {
    display: none;
    }
    .cats_list > div > div a {
    font-size: 14px;
    line-height: 16px;
    padding: 5px;
    }
    .carousel-caption {
    margin: 0 0 0 20px;
    }
    .carousel-caption h1 {
    font-size: 24px;
    }
    .carousel-caption p {
    font-size: 16px !important;
    }
    .cats_list >div{
    width: 100%;
    }
    .cats_list >div:nth-child(even)>div {
	margin-left:0px;
    }
}

@media (max-width: 360px) {
	.navbar-brand>img {
        margin: 0 15%;
	}
    .head-cont{
    margin: 0 6%;
    width: 310px;
    }
    .head-cont h4 {
    display: none;
    }
    .slide-img {
    height: 200px;
    width: 440px;
    background-size: cover;
    top: 3%;
    right: -5%;
    }
    .myCarousel-bg {
        height: 380px;
    }
    .carousel-caption {
        width: 100%;
        margin: 0 0px 0 0;
    }
    .carousel-caption h1 {
        font-size: 22px !important;
    }
    .carousel-caption p {
    font-size: 16px !important;
    line-height: 20px !important;
    }
    .carousel-caption p.phone span {
        font-size: 16px !important;
        line-height: 20px !important;
	}
    .ban-name h4 {
        font-size: 18px;
        padding: 10px 10px 5px;
    }
    .ban-name span {
        font-size: 14px;
    }
    .ban-name {
        height: 89%;
        width: 93%; 
    }
    .foot-phone, .foot-phone i, .bx-foot h3 {
        font-size: 24px;
    }
    .cats_list > div > div a, .cats_list > div > div a i {
        font-size: 12px;
    }
    .bx-3 .bl-area .list {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;  
    }
    .baner {
    height: auto;
    }
}

@media (max-width: 340px) {
	.navbar-brand>img {
        margin: 0 11%;
	}
}