/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; }
html, body { font-size: 14px; color: #141920; font-family: 'Raleway', sans-serif; }
body { background: #fff; font-family: 'Raleway', sans-serif; }
input, select, textarea { font-size: 14px; }
img { border: 0; display: block; }
ul, li { list-style: none; margin:0; padding: 0; }
:focus { outline: none; }
a { transition: all 0.3s; text-decoration:none; }
p { line-height: 1.8; color: #141920; }

h1 { font-size:50px; font-weight:700; color: #fff; line-height: 1.6; text-shadow: rgba(0, 0, 0, 0.72) 0 4px 3px; }
h2 { font-size:34px; color:#3a3e35; font-weight:500; }
h3 { font-size:26px; font-weight:700; }
h4 { font-size:20px; font-weight:700; }
h5 { font-size:20px; font-weight:500; }
h6 { font-size:18px; font-weight:500; }

.button { width: 18.5%; padding:0 10px; height: 44px; font-size: 14px; font-weight: 500; display: inline-flex; align-items: center; justify-content: center; color: #fff; background: #7cce25; position: relative; border: none; border-radius: 5px;	cursor: pointer; }
.button:before { background: #4bd963; width: 0; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; }
input[type='text'] { width: 100%; height: 44px; padding: 15px 20px; color: #000; background: #fff; border: #d7d7d7 solid 1px; -webkit-border-radius: 5px;	-moz-border-radius: 5px; border-radius: 5px; }
input::placeholder { color: #6f6f6f; }
textarea { width: 100%; padding: 15px 20px; color: #000; background: #fff; border: #d7d7d7 solid 1px; -webkit-border-radius: 5px;	-moz-border-radius: 5px; border-radius: 5px; }
textarea::placeholder { color: #6f6f6f; }

	/* ### global classes ### */
.clear { clear: both; visibility: hidden; line-height: 0; height: 0; }
.center { margin: 0 auto; position: relative; max-width: 1180px; }
.centered { padding-right: calc((100% - 1180px) / 2); padding-left: calc((100% - 1180px) / 2); }

/* ### wrapper ### */
#wrapper { position: relative; overflow: hidden; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { width: 100%; }

	/* ### header container ### */
	#header-part { position: static; left: 0; top: 0; width: 100%; z-index: 99; }
	#header-part .mobileMenu { display: none; cursor: pointer; z-index: 15; float: left; width: 40px; height: 40px; position: relative; transition: 0.2s; overflow: hidden; text-indent: 100000px; }
	#header-part .mobileMenu span { display: block; height: 4px; text-indent: -9999px; border-radius: 5px; background: #fff; position: absolute; top: 50%; right: 20%; left: 20%; transition: 0.2s; }
	#header-part .mobileMenu span:before,
	#header-part .mobileMenu span:after { display: block; width: 100%; height: 4px; content: ''; border-radius: 5px; background-color: #fff; transition-duration: 0.2s,0.2s; position: absolute; left: 0; }
	#header-part .mobileMenu span:before { top: -7px; }
	#header-part .mobileMenu span:after { bottom: -7px; }

	.mm-opened #headerCntr .mobileMenu span { background: none; }
	.mm-opened #headerCntr .mobileMenu.is-active span:before,
	.mm-opened #headerCntr .mobileMenu.is-active span:after { transition-delay: 0s, 0.2s; }
	.mm-opened #headerCntr .mobileMenu span:before { top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
	.mm-opened #headerCntr .mobileMenu span:after { bottom: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

	/* ### headerBox ### */
	.headerBox { width: 100%; position: absolute; z-index: 9; }
	.headerBox .top { width: 100%; display: flex; justify-content: flex-end; align-items: flex-start; flex-wrap: wrap; }
	.headerBox .top ul { width: 100%; display: flex; justify-content: flex-end; align-items: flex-start; flex-wrap: wrap;}
	.headerBox .top ul li { width: 170px; display: flex; justify-content: flex-end; padding: 8px 0px 8px 8px; border-radius: 10px; }
	.headerBox .top ul li a { display: flex; justify-content: flex-start; align-items: center; color: #7cce25; font-weight: 700; background: #fff; padding: 5px 13px;
    border-radius: 30px; }
	.headerBox .top ul li a img { margin-right: 10px; }

    .headerBox .nav-bar { width: 100%; display: flex; height:80px; justify-content: space-between; align-items: center; flex-wrap: wrap; bottom: 0 ; background: rgba(0, 0, 0, 0.6); padding: 7px 30px; }
    .headerBox .nav-bar a img { width: 200px; margin: -5px 0 0; }

    /* ### menu box ### */
    .menuBox:not(.mm-menu) { display: flex; align-items: flex-start; justify-content: flex-start; }
    .menuBox:not(.mm-menu) ul { overflow: hidden; width: 100%; text-align: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: flex-start; }
    .menuBox:not(.mm-menu) ul:last-child { justify-content: flex-end; }
    .menuBox:not(.mm-menu) ul:last-child li { padding:0 0 0 56px;}
    .menuBox:not(.mm-menu) ul li { padding: 0 78px 0 0; font-size: 14px; font-weight: 300; }
    .menuBox:not(.mm-menu) ul li a { display: block; color: #fff; font-weight:700;	 font-family: 'Raleway', sans-serif; position:relative; padding: 10px 0; }
    .menuBox:not(.mm-menu) ul li a:after { content:''; height:2px; width:0; background:#7cce25; position:absolute; left:0; right: 0; bottom:0; top: 90%; margin: 0 auto; }
    .menuBox:not(.mm-menu) ul li a:hover { color:#7cce25;}
    .menuBox:not(.mm-menu) ul li a:hover:after { width:90%; transition:all ease 0.5s; }
    .menuBox:not(.mm-menu) ul li ul { display: none; }
.menuBox:not(.mm-menu)  ul .active a { }



	/* ### content container ### */
	#contentCntr { width: 100%; }

		/* ### slider box ### */
		.sliderBox { width: 100%; background: url("../images/banner.jpg") center top no-repeat; background-size: cover; width: 100%; height: 580px; }
		.sliderBox .inner { text-align: center; padding: 230px 0 110px; }
		.sliderBox .inner .block span { text-align: center; color: #fff; background: rgba(124, 206, 37, 1); display: block; width: fit-content; margin: 0 auto; padding: 0 20px; line-height: normal; text-shadow: none; }
		.sliderBox ul { display: flex; justify-content:  center; align-items: flex-end; position: absolute; left: 0; right: 0; bottom: 0; }
		.sliderBox button { background: #fff; border-radius: 50px; background: #7cce25; width: 36px; height: 10px; border: none; margin: 0 4px; text-indent: 10000px; box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 7px; cursor: pointer; }
		.sliderBox .slick-dots li.slick-active button { width: 60px; background: #fff; }

	/* ### form box ### */
		.formBox { width: 100%; margin-top: -35px; overflow: initial !important; }
		.formBox .inner { width: 80%; margin:  0 auto; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 7px; background: #fff; padding-right: 10px;
            border-radius: 10px; }
		.formBox .inner h4 { color: #fff; width: fit-content; background: #575d5f; padding: 12px 15px; border-radius: 0; text-align: center; border-radius: 10px 0 0 10px; }
		.formBox form { width: 100%; display: flex; justify-content: flex-start; align-items: center; }
		.formBox form input { width: 25%; margin-right: 2px; margin-left: 6px; background: url("../images/user.png") #fff 96% 47% no-repeat; }
		.formBox form input.mobile { background: url("../images/mobile.png") #fff 96% 46% no-repeat; }
        .formBox form input.location { background: url("../images/location3.png") #fff 96% 46% no-repeat; }
		.formBox form .button { margin-left: 5px; }

	/* ### product box ### */
	.productBox { width: 100%; background: #f7f7f8; margin-top: 35px; padding-bottom: 30px; position: relative; }
	.heading { padding-top: 10px; }
    .heading h2 { text-align: center; position: relative; width: fit-content; margin: 20px auto 35px; }
	.heading h2:before { content: ''; position: absolute; left: -67px; top:20px; bottom: 0; width: 48px;	height: 9px; background: url("../images/line.png") left center no-repeat; }

    .productBox .intro { width: 100%; display: flex; justify-items: flex-start; align-items: flex-start; flex-wrap: wrap; }
    .productBox .intro .block { width: calc(25% - 1px); padding: 10px; }
    .productBox .intro .block h4 { background: #7cce25; padding: 10px; color: #fff; }
    .productBox .intro .block .slides { width: 100%; }
    .productBox .intro .block .slides figure { background: #fff; width: 100%; position: relative; padding: 10px; text-align: center; }
    .productBox .intro .block .slides figure h5 { font-weight: 700; position: absolute; bottom: 0; left: 0; color: #fff; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-shadow: #000 0 1px 3px; padding: 0 30px; }
    .productBox .intro .block img { width: 100%; }
    .productBox .intro .block .slick-arrow { position: absolute; bottom: 10.5%; transform: translateY(50%); border: none; width: 38px; height: 38px; z-index: 1; text-indent: 9999999999px; cursor: pointer; }
    .productBox .intro .block .slick-prev {  right:45px;  background: url("../images/left-arrow.png") #888888 center center no-repeat; }
    .productBox .intro .block .slick-next { right: 0; background: url("../images/arrow.png") #888888 center center no-repeat; }
    /* ### service box ### */
	.serviceBox { width: 100%; position: relative; background: url("../images/bg-1.jpg") center top no-repeat; background-size: cover; padding-bottom: 30px; }
	.serviceBox .heading { position: relative; z-index: 9; }
	.serviceBox .heading { position: relative; z-index: 9; }
	.serviceBox .heading h2 { color: #fff; }
	.serviceBox .heading h2:before { background: url(../images/white-line.png) left center no-repeat; }
	.serviceBox .bottom { width: 100%; margin-top: 40px }
	.serviceBox .bottom ul { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; position: relative; }
	.serviceBox .bottom ul:after { content: ''; position: absolute; left: 0; right: 0; top: 24%; height: 2px; width: 100%; background: #fff; z-index: 1;  -webkit-transform: translateY(-50%);
		transform: translateY(-50%); }
	.serviceBox .bottom li { width: 14%; text-align: center; color: #fff;z-index: 9; }
	.serviceBox .bottom li img { margin: 0 auto; border-radius: 50px; background: #9baabd; }
	.serviceBox .bottom li img:hover { transform: scale3d(1.1, 1.1, 1.1); transition: all ease 0.5s; }
	.serviceBox .bottom li h4 { font-weight: 700; padding: 25px 0 4px;  }

	/* ### get box ### */
	.getBox { width: 100%; background: url("../images/wapps-bg.jpg") right top no-repeat; background-size: cover; padding-bottom: 30px }
	.getBox .head { color: #3a3e35; font-size: 34px; font-weight: 500; padding: 40px 0 40px; }
	.getBox .head span { color: #7cce25; }
	.getBox .introw { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
	.getBox .introw .block { width: 39%; display: flex; align-items: flex-start; justify-content: flex-start; margin-bottom: 35px; }
	.getBox .introw .block figure { border: #7cce25 solid 1px; background: transparent; width: 60px; height: 47px; display: flex; justify-content: center; align-items: center; margin-right: 16px; }
	.getBox .introw .block article { width: 500px; padding-right: 40px; }
	.getBox .introw .block article h4 { position: relative; color: #7cce25; margin: 9px 0 10px; padding-bottom: 6px; }
	.getBox .introw .block article h4:after { content: ''; position: absolute; left: 0; bottom: 0; height: 2px; width: 40px; background: #7cce25; }

	/* ### client box ### */
    .clientBox { width: 100%; z-index: 1; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; box-shadow: #cecece 0 8px 10px; position: relative; }
    .clientBox > .block { width: 48.4%; position: relative; padding: 30px 20px 70px 240px; z-index: 1; background: url(../images/so-white.png) left top repeat; }
	.clientBox .block h2 { position: relative; padding-left: 67px; }
	.clientBox .block h2:before { content: ''; position: absolute; background: url("../images/line.png") left top no-repeat; left: 0; top: 20px; bottom: 0; width: 48px;
height: 9px; }
	.clientBox .block .item { width: 100%; color: #fff; }
	.clientBox .block .item p { padding-top: 50px; position: relative; }
    .clientBox .block .item p:before { content: ''; width: 89px; height: 70px; position: absolute; left: 0; top: 20px; background: url("../images/quotes.png") left top no-repeat; }
    .clientBox .block .item strong { font-size: 24px; color: #7dce25; font-weight: 700; font-style: italic; display: block; padding-top: 30px;  }
	.clientBox .block .item span { font-weight: 500; }
	.clientBox .slick-arrow { border: none; width: 38px; height: 38px; background: url("../images/arrow.png") #7dce25 center center no-repeat; text-indent: 99999px; cursor: pointer;position: absolute; right: 0; bottom: -25px; z-index: 1; }
	.clientBox .slick-arrow:hover { opacity: 0.8; border-radius: 10px; }
	.clientBox .slick-arrow.slick-next  { background: url("../images/arrow.png") #7dce25 center center no-repeat; right: 50px; transform: rotate(180deg)}
	.clientBox .slick-arrow:hover { transition: all ease 0.5s;  }
	.clientBox .slick-initialized .slick-slide { transition: all ease 0.5s; cursor: move;  }

	.clientBox .welcome { width: 51.6%; padding: 30px 48px 35px 45px; background: url("../images/welcome.png") #fff right 40px no-repeat; background-size: 42%; }
	.clientBox .welcome h2 { position: relative; padding-left: 67px; }
	.clientBox .welcome h2:before { content: ''; position: absolute; background: url("../images/line.png") left top no-repeat; left: 0; top: 20px; bottom: 0; width: 48px; }
	.clientBox .welcome .block { width: 54%; }
	.clientBox .welcome .block p { padding: 23px 0 0 0; }
	.clientBox .welcome .block a { background: #fff; color: #7cce25; font-weight: 500; min-width: 135px; height: 42px; border: #7cce25 solid 2px; display: inline-flex; justify-content: center; align-items: center; position: relative; z-index: 9; margin-top: 20px; }
	.clientBox .welcome .block a:after { content: ''; position: absolute; left:0; right: 0; top: -8px; background: #fff; width: 76%; height: 130%; margin: 0 auto; z-index: -1; }
	.clientBox .welcome .block a:hover:after { transition: all ease 0.5s; width: 0; height: 112%; }

/* ### About page start ### */

    /* ### About page start ### */
    .bgBox { width: 100%; background: url("../images/about-bg.jpg") center top no-repeat; background-size: cover; padding-top: 170px; padding-bottom: 50px; position: relative; }
    .bgBox h1 { text-align: center; position: relative; width:  fit-content; margin: 0 auto; line-height: normal; font-size: 30px; }
    .bgBox h1:before { content: ''; position: absolute; left: -60px; top: 50%; translateY(-50%); background: url("../images/white-line.png") left top no-repeat; height: 9px; width: 48px; }
    .bgBox ul { background: #7cce25; width: fit-content; width: -moz-fit-content; padding: 7px; border-radius: 5px; display: flex; align-items: center; justify-content: flex-start; margin: 10px auto 0; }
    .bgBox ul li { position: relative; color: #fff; text-align: center; font-size: 14px; margin:  0 10px; }
    .bgBox ul li:after { content:''; position: absolute; left: 50px; right: 0; top: 2px; bottom: 0; height: 79%; width: 1px; background: #fff; transform: rotate(31deg); }
    .bgBox ul li:last-child:after { display: none; }
    .bgBox ul li a { color: #fff;  }

    /* ### about box ### */
    .aboutBox { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; padding-top: 40px; padding-bottom: 30px;   }
    .aboutBox article { width: 60%; order: 2; }
    .aboutBox article h2 { margin-left: 68px; padding-bottom: 20px; position: relative; }
    .aboutBox article h2:before { content: ''; position: absolute; left: -67px; top: 20px; bottom: 0; width: 48px; height: 9px; background: url(../images/line.png) left center no-repeat; }
    .aboutBox article p { margin-bottom: 20px; }
    .aboutBox figure { width: 40%; display: flex; justify-content: center; padding: 20px; }
    .aboutBox figure img { text-align: right; width: 90%; }

    /* ### quality box ### */
    .qualityBox { background: url("../images/quality-bg.jpg") center top no-repeat; background-size: cover; display: flex; align-items: flex-start; justify-content: space-between; position: relative; z-index: -1; overflow: hidden; margin-bottom: 30px; }
    .qualityBox:before { content: ''; position: absolute; left: -668px; top: 0; height: 100%; width: 100%; background: rgba(124, 206, 37, 0.8); z-index: -1; }
    .qualityBox .block { width: 50%; color: #fff; padding: 30px 30px 30px 50px; }
    .qualityBox .block h2 { position: relative; padding-bottom: 10px; }
    .qualityBox .block h2:after { content: ''; position: absolute; left: 0; bottom: 0; width: 70px; height: 2px; background: #fff;  }
    .qualityBox .block h2,
    .qualityBox .block p { color: #fff; }
    .qualityBox .block p { padding-top: 20px; }

/* ### Contact Page Start ### */

    /* ### contact box ### */
    .contactBox { width: 100%; margin: 30px 0 0; }
    .contactBox .inner { width: 100%; padding: 40px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; background-size: cover; }
    .contactBox .inner h2 { color: #fff; padding-bottom: 30px; font-size: 28px; }
    .contactBox .inner .left { width: 43%; background: #7cce25; padding: 22px; }
    .contactBox .inner .block { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin-bottom: 15px; }
    .contactBox .inner .block figure { width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; padding: 12px; border: #fff solid 1px; margin-right: 20px; }
    .contactBox .inner .block figure img { width: 100%; }
    .contactBox .inner .block figure { width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; padding: 12px; border: #fff solid 1px; margin-right: 10px; }
    .contactBox .inner .block article { width: calc(83% - 20px); padding-left: 15px; }
    .contactBox .inner .block article h6 { color: #fff; font-weight: 700;}
    .contactBox .inner .block article p { line-height: 1.4;}
    .contactBox .inner .block article p,
    .contactBox .inner .block article a { color: #fff; }
    .contactBox .inner .block article a:hover { opacity: 0.7;}
    .contactBox .inner .form { width: calc(55% - 20px); color: #302929;border: #00000042 solid 1px; padding: 20px;   }
    .contactBox .inner .form form { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;  }
    .contactBox .inner .form form .item { width: 32%;  }
    .contactBox .inner .form h2 { color: #302929; }
    .contactBox .inner .form label { padding-bottom: 5px; display: block; }
    .contactBox .inner .form input { background: none; border: rgba(0, 0, 0, 0.22) solid 1px; margin-bottom: 15px; background: #ffffffb3; }
    .contactBox .inner .form textarea { background: none; border:  rgba(0, 0, 0, 0.22) solid 1px; margin-bottom: 15px; background: #ffffffb3; }

/* ### FAQs Page Start ### */

    /* ### faq box ### */
    .faqBox { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; margin: 40px 0 60px; }
    .faqBox .block { width: 48%; border: #dedede solid 1px; padding: 20px 30px 30px 30px; margin-bottom: 20px; transition: all ease 0.5s; }
    .faqBox .block:hover { color: #000; border-color: #7cce25; }
    .faqBox .block h5 { border-bottom: #dedede solid 1px; color: #33373e;  padding-bottom: 20px; margin-bottom: 15px;}
    .faqBox .block .panel { width: 100%; }
    .faqBox .block h5.active, .accordion:hover { color: #7cce25; }
    .faqBox .panel {  padding: 0 18px;
        background-color: white;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.5s ease-out; }

    /* ### footer container ### */

#footerCntr { background: #ececec8f; }
    .footerBox { width: 100%; padding: 5px 0 0; }
	.footerBox .intro { margin: 20px 0 0; }
	.footerBox .intro a { margin: 0 auto; display: contents; }
	.footerBox .intro img { margin: 0 auto; width:160px;	 }
	.footerBox .nav { width: 100%; text-align: center; padding: 15px; margin-top: 10px; }
	.footerBox .nav ul { text-align: center; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
	.footerBox .nav ul li a { display: block; font-weight: 500; color: #4e4e4e; padding: 0 27px; }
	.footerBox .nav ul li a:hover { color: #7cce25; }
	.footerBox .items { width: 100%; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; margin-top: 20px; }
	.footerBox .items .col { width: 25%; padding-right: 20px;  }
	.footerBox .items .col h6 { color: #7cce25; font-weight: 500; position: relative; padding-bottom: 5px; margin-bottom: 15px; }
	.footerBox .items .col h6:after { background: #7cce25; content: ''; position: absolute; left: 0; bottom: 0; height: 1px; width: 30px; }
	.footerBox .items .col ul { color: #7cce25; margin-top: 5px; padding-bottom: 10px; }
	.footerBox .items .col ul li { position: relative; padding-left: 15px;  margin: 10px 0; color: #3a3e35; }
	.footerBox .items .col ul li:after { content: ''; position: absolute; left: 0; top: 4px; width: 6px; height: 6px; background: #7cce25; border-radius: 50px;  }
	.footerBox .items .col ul li a:hover { color: #7cce25; }
	.footerBox address { width: 100%; }
	.footerBox address p { color: #3a3e35; font-style: normal; margin-bottom: 10px; }
	.footerBox address strong { color: #7cce25; font-style: normal; }
	.footerBox address p a { color: #3a3e35; }

    .footerBox .copy { width: 100%; text-align: center; border-top: #7cce2580 solid 1px; padding: 10px 0; margin-top: 20px; }
	.footerBox .copy p { color: #6f6f6f; font-size: 12px; font-weight: 700; }
	.footerBox .copy p a { color: #7cce25; }

    .mm-menu > .mm-panel.mm-hasnavbar { background: #7cce25; }
.mm-listview > li > a { color: #fff !important; font-weight: 500; }
.mm-menu .mm-navbar > *, .mm-menu .mm-navbar a { color: #fff !important; }


/* #Media Queries
================================================== */

@media only screen and (max-width: 1220px) {

    .centered { padding-right: 20px; padding-left: 20px;}
}

@media only screen and (max-width: 1199px) {

    .sliderBox { padding-bottom : 80px; height: auto; }
    .getBox .introw .block { width: 50%; }
    .clientBox > .block { padding-left: 50px; }
    .clientBox .welcome .block { width: 100%; padding-right: 50px; }

}

@media only screen and (max-width: 979px) {
	.menuBox:not(.mm-menu) ul li a { font-size: 14px; }
    h1 { font-size: 50px; }
    h2 { font-size: 30px; }
    h3 { font-size: 26px; }
    .headerBox .bottom img { width: 150px; height: auto; }
    .headerBox .nav-bar a img { width: 130px; height: auto; }
    .menuBox:not(.mm-menu) ul:last-child li { padding: 0 0 0 29px; }
    .sliderBox ul { bottom: 0;}
    .formBox form { flex-wrap: wrap; padding: 14px; }
    .formBox .inner h4 { width: 100%; margin-bottom: 5px; border-radius: 10px; }
    .formBox form .button { margin-left: 0;}
    .formBox form input { width: 100%; margin: 3px 0; }
    .productBox .intro .block { width: calc(50% - 1px); }
    .button { width: 100%; margin-top: 3px; }
    .serviceBox .bottom ul:after { display: none; }
    .serviceBox .bottom li { width: 25%; margin-bottom: 30px; }
    .clientBox .welcome { background-image: none; }
    .clientBox .welcome .block { padding-right: 0; }
    .getBox { background: url(../images/wapps-bg.jpg) -550px top no-repeat; background-size: cover; }
    .footerBox address .block { width: 50%; margin-bottom: 20px;  }
    .footerBox address .block2 { width: 50%; margin-bottom: 20px; }
    .footerBox .nav ul li a { padding: 0 20px; }

    .contactBox .inner .left { width: 50%; }
    .contactBox .inner .form { width: calc(50% - 20px); }
    .contactBox .inner .form form .item { width: 100%; }

    html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { background: rgba(0, 0, 0, 0.5); }

}

@media only screen and (max-width: 767px) {
    h1 { font-size: 40px; }
    h2 { font-size: 32px;}
    h3 { font-size: 24px;}
    h4 { font-size: 20px;}
    .menuBox:not(.mm-menu) { display: none; }
    #header-part .mobileMenu { display: block;}
    .headerBox .nav-bar a img { width: 120px; height: auto; }
    .menuBox:not(.mm-menu) ul:last-child li { padding: 0 0 0 47px; }

    .serviceBox { padding-bottom: 0; }
    .serviceBox .bottom { margin-top: 40px; }
    .serviceBox .bottom ul:after { display: none; }
    .serviceBox .bottom li { width: 33%; margin-bottom: 30px; }
    .getBox .introw .block { width: 100%; }
    .getBox { background: url(../images/wapps-bg.jpg) -1650px top no-repeat; background-size: cover; }
    .clientBox > .block { width: 100%; }
    .clientBox .welcome { width: 100%; }
    .clientBox .slick-arrow,
    .clientBox .slick-arrow.slick-next { background-size: 25%; width: 40px; height: 40px; }
    .getBox .head { font-size: 32px; }
    .footerBox address .block { width: 50%; }
    .footerBox address .block2 { width: 50%; }
    .footerBox .nav ul li { width: 33%; margin: 10px 0; }
    .footerBox address { margin-bottom: 0; }

    .contactBox { margin: 0 0 30px; }
    .contactBox .inner .left { width: 100%; margin-bottom: 50px; }
    .contactBox .inner .form { width: 100%; }
    .contactBox .inner .form form .item { width: 100%; }
    .aboutBox article { width: 100%; }
    .aboutBox figure { width: 100%; }
    .aboutBox figure img { width: 50%; }
    .qualityBox { flex-wrap: wrap; }
    .qualityBox .block { width: 100%; padding: 20px; }
    .footerBox .items .col { width: 33%; }
    .footerBox .items .col:last-child { width: 100%; }

    .faqBox .block { width: 100%; }

}

@media only screen and (max-width: 479px) {
    h1 { font-size: 26px; }
    h2 { font-size: 22px; }
    h3 { font-size: 20px; }
    h6 { font-size: 18px; }
	.centered { padding-right: 10px; padding-left: 10px;}
    .button { height: 44px; font-size: 15px; }
    .heading { padding-top: 38px; }
    .heading h2 { margin: 0 auto 35px; }
    .heading h2:before { top: 10px; }
    .formBox form { width: 100%;}
	.formBox .inner { width: 96%; }
	.formBox .inner h4 { font-size:17px;}
    .headerBox .nav-bar a img { width: 120px; height: auto; }
    .formBox form input { font-size: 15px; height: 44px; }
    .headerBox .top ul { flex-wrap: nowrap; }
    .headerBox .top ul li { margin-left: 0; width: 100%; }
    .headerBox .top ul li a { font-size: 12px; width: 100%; }
    .headerBox .top ul li a img { width: 14px; margin-right: 5px;}
	.sliderBox .inner { text-align: center; padding: 180px 0 90px; }
    .productBox .intro .block { width: calc(100% - 1px); }
    .serviceBox .bottom li { width: 50%; margin-bottom: 30px; }
    .getBox { margin-top: 0; background: url(../images/wapps-bg.jpg) -2310px top no-repeat; background-size: cover; }
    .getBox .head { font-size: 25px; padding: 30px 0 60px 0; text-align: center; }
    .clientBox .welcome .block p { text-align: center; }
    .clientBox .welcome .block article { text-align: center; }
    .getBox .introw .block { width: 100%; flex-wrap: wrap; }
    .getBox .introw .block figure { margin: 0 auto; }
    .getBox .introw .block article { width: 100%; padding-right: 0; }
    .getBox .introw .block article h4 { text-align: center; }
    .getBox .introw .block article h4:after { margin: 0 auto; left: 0; right: 0; }
    .getBox .introw .block article p { text-align: center; }
    .clientBox > .block { padding: 20px 20px 60px 20px; }
    .clientBox .welcome { padding: 30px; }
    .clientBox .welcome .block { padding-right: 0; }
    .clientBox .slick-arrow,
    .clientBox .slick-arrow.slick-next { background-size: 25%; width: 40px; height: 40px; }
    .footerBox address .block { width: 100%; margin-bottom: 20px; padding-left: 20px; }
    .footerBox address .block2 { width: 100%; margin-bottom: 20px; }
    .footerBox .nav ul { justify-content: flex-start; }
    .footerBox .nav ul li { width: 50%; margin: 6px 0; }
    .footerBox .nav ul li a { padding: 0; }

    .bgBox h1 { font-size: 30px; }
    .bgBox ul li { font-size: 14px; }
    .bgBox ul li:after { left: 50%; }
    .contactBox .inner { padding: 20px; }
    .contactBox .inner .left { padding: 15px; }
    .qualityBox:before { left: -200px;}
    .contactBox .inner .block article h6 { font-size: 18px; }
    .footerBox .items .col { width: 100%; }
    .footerBox .items .col:last-child { width: 100%; }

}

.succ {
	border-top:2px solid #090;
	border-bottom:2px solid #090;
	color:#090;
	padding:5px 0;
	width:100%;
	display:inline-block;
	font-weight:bold;
	text-align:center;
	background:#E0F9DF;
	margin:5px 0;
	-webkit-animation: shake .5s ease-in-out;
	-moz-animation: shake .5s ease-in-out;
	-ms-animation: shake .5s ease-in-out;
	-o-animation: shake .5s ease-in-out;
	animation: shake .5s ease-in-out;
}
.err {
	border-top:2px solid #C30;
	border-bottom:2px solid #C30;
	color:#C30;
	padding:5px 0;
	width:100%;
	display:inline-block;
	font-weight:bold;
	text-align:center;
	background:#FDE9E8;
	margin:5px 0;
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}