@charset "utf-8";

/* CSS Document */



/* Default Width: */



/* Smaller than standard 960 (devices and browsers) */

@media only screen and (min-width: 960px) and (max-width: 1200px) {
 #header > #header-layout {
 padding: 0 15px;
 width: auto;
}
 .banner-layout {
 padding: 130px 15px 0;
 width: auto;
}
 #wp-about-block > #wp-about-layout {
 padding: 0 15px;
 width: auto;
}
 #wp-about-layout > ul {
 text-align: center;
}
 #wp-about-layout li {
 width: 30%;
}
 .abt-right-block {
 width: 70%;
}
 .abt-right-block > h3 {
 text-align: left;
}
 #wp-recent-block > #wp-recent-layout {
 padding: 0 15px;
 width: auto;
}
 #bottom-content > #bottom-content-layout {
 padding: 0 15px;
 width: auto;
}
 .clients-list > ul {
 text-align: center;
}
 .clients-list li {
 display: inline-block;
 float: none;
}
 .footer-layout {
 padding: 0 15px;
 width: auto;
}
 .footer-block-left {
 width: 50%;
}
 .footer-block-right {
 width: 50%;
}
 .banner-layout-inner {
 padding: 130px 15px 0;
 width: auto;
}
 #inner-page-wrap > #inner-page-layout {
 padding: 0 15px;
 width: auto;
}
 .profile-block-outer {
 width: 33%;
}
 .profile-block-middle {
 width: 33%;
}
 .profile-block-right {
 width: 30%;
}
 .what-we-block-left {
 width: 70%;
}
 .what-we-block-right {
 width: 25%;
}
 .project-block > ul {
 text-align: center;
}
 .project-block li {
 width: 27%;
}
 .clients-block > ul {
 text-align: center;
}
 .clients-block li {
 min-height: 160px;
 width: 20%;
}
 .online-registration-right {
 width: 48%;
}
 .online-registration-left {
 width: 49%;
}
 .contact-block-right {
 width: 49%;
}
 .contact-block-left {
 width: 49%;
}
 .map-block iframe {
 width: 100%;
}
 .contact-block-right textarea.contact-textarea {
 width: 98%;
}
 .contact-input {
 width: 98%;
}
 #cssmenu > ul > li > a {
 display: block;
 line-height: 40px;
 margin: 0;
 padding: 0 25px;
}
}



/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 959px) {
 .side-community {
 display: none;
}
 .main-top-left {
 width: 50%;
}
 .main-top-right {
 width: 50%;
}
 #header > #header-layout {
 padding: 0 15px;
 width: auto;
}
 .header-left {
 width: 40%;
}
 .header-right {
 width: 52%;
}
 .nav > #cssmenu {
 text-align: left;
}
 .banner-layout {
 padding: 30px 15px 0;
 width: auto;
}
 #wp-about-block > #wp-about-layout {
 padding: 0 15px;
 width: auto;
}
 #wp-about-layout li {
 display: inline-block;
 float: none;
 margin-right: 3%;
 width: 30%;
 vertical-align:top;
}
 .abt-left-block {
 float: none;
 margin: 0 auto;
}
 .abt-right-block {
 float: none;
 width: auto;
}
 #wp-recent-block > #wp-recent-layout {
 padding: 0 15px;
 width: auto;
}
 #bottom-content > #bottom-content-layout {
 padding: 0 15px;
 width: auto;
}
 .bottom-block-left {
 width: 50%;
}
 .bottom-block-right {
 width: 48%;
}
 .news-block-details {
 width: 76%;
}
 .testimonials-left {
 width: 30%;
}
 .testimonials-right {
 width: 65%;
}
 .clients-list > ul {
 text-align: center;
}
 .clients-list li {
 display: inline-block;
 float: none;
}
 .footer-layout {
 padding: 0 15px;
 width: auto;
}
 .footer-block-left {
 width: 50%;
}
 .footer-block-right {
 width: 50%;
}
 #inner-page-wrap > #inner-page-layout {
 padding: 0 15px;
 width: auto;
}
 .banner-layout-inner {
 padding: 100px 15px 0;
 width: auto;
}
 .profile-block-outer {
 width: 49%;
}
 .profile-block-middle {
 width: 48%;
}
 .profile-block-right {
 float: none;
 overflow: hidden;
 width: 100%;
}
 .profile-list-block li {
 display: inline-block;
 width: 49%;
}
 .what-we-block-left {
 float: none;
 width: auto;
}
 .what-we-block-right {
 float: none;
 width: auto;
}
 .what-we-block-right li {
 display: inline-block;
}
 .fancybox {
 width: 32%;
}
 .project-block > ul {
 text-align: center;
}
 .project-block li {
 vertical-align: top;
 width: 25%;
}
 .clients-block > ul {
 text-align: center;
}
 .clients-block li {
 width: 25%;
}
 .clients-block li:nth-child(4n) {
 margin-right:6px;
}
 .online-registration-left {
 width: 48%;
}
 .online-registration-right {
 width: 48%;
}
 .contact-block-left {
 width: 48%;
}
 .contact-block-right {
 width: 48%;
}
 .map-block iframe {
 width: 100%;
}
 .contact-block-right textarea.contact-textarea {
 width: 97%;
}
 .contact-input {
 width: 97%;
}
 #cssmenu > ul > li > a {
 display: block !important;
 line-height: 40px !important;
 margin: 0 !important;
 padding: 0 25px !important;
 background:#8ac63c !important;
 border-bottom:#abdc66 solid 1px !important;
 border-top:#6aaa1a solid 1px !important;
 color:#fff !important;
}
 #cssmenu > ul > li > a:hover {
 background: none repeat scroll 0 0 #045693 !important;
 border-bottom:#3689c7 solid 1px !important;
 border-top:#0b497b solid 1px !important;
 color: #fff !important;
}
 #cssmenu ul ul li.has-sub > a {
 background: none repeat scroll 0 0 #7cb431;
 border-bottom:#528014 solid 1px;
 border-bottom:#abdc66 solid 1px !important;
 border-top:#6aaa1a solid 1px !important;
 color: #fff !important;
}
 #cssmenu ul ul li.has-sub > a:hover {
 background: none repeat scroll 0 0 #045693 !important;
 border-bottom:#3689c7 solid 1px !important;
 border-top:#0b497b solid 1px !important;
 color: #fff !important;
}
 #cssmenu > ul.open {
 border-top: 1px solid rgba(0, 0, 0, 0.1);
 display: block;
 left: 0;
 position: absolute;
 right: 0;
}
#main-top > #main-top-layout {
 width:auto;
 padding:0px;
}
 .bx-wrapper img {
 display: block;
 height: 110px;
 max-width: 100%;
}
}





/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

@media only screen and (min-width: 480px) and (max-width: 767px) {
 .bx-wrapper img {
 display: block;
 height: 70px;
 max-width: 100%;
}
 .side-community {
 display: none;
}
 #main-top {
 padding: 0 15px;
 width: auto;
}
 #main-top > #main-top-layout {
 padding: 0;
 width:auto;
}
 .main-top-left {
 float: left;
 width: 65%;
}
 .main-top-left li {
 margin-right: 10px;
}
 .main-top-right {
 float: none;
 width: auto;
 overflow:hidden;
}
 .main-top-right li.download {
 float: none;
 width:95%;
}
 .download > a {
 text-align: left;
}
 #header > #header-layout {
 padding: 0 15px;
 width: auto;
}
 .header-left {
 float: none;
 margin: 0 auto;
 padding: 15px 0;
 width: 70%;
}
 #wp-about-block > #wp-about-layout {
 padding: 0 15px;
 width: auto;
}
 #wp-about-layout li {
 margin-right: 0;
 width: auto;
 padding-bottom:30px;
}
 .abt-left-block {
 float: none;
 text-align: center;
 width: auto;
}
 .green-bg {
 display: inline-block;
 margin: 0 auto;
}
 .abt-right-block {
 float: none;
 width: auto;
}
 #wp-recent-block > #wp-recent-layout {
 padding: 0 15px;
 width: auto;
}
 #wp-recent-block > #wp-recent-layout .slide {
 width: auto !important;
}
 #bottom-content > #bottom-content-layout {
 padding: 0 15px !important;
 width: auto !important;
}
 #cssmenu > ul > li > a {
 margin: 0 !important;
 padding: 5px 20px !important;
}
 .header-right {
 float: none;
 text-align: left;
 width: auto;
}
 #cssmenu > ul > li > a {
 background: none repeat scroll 0 0 #8cc63e;
 color: #fff;
}
 .bottom-block-left {
 float: none;
 width: auto;
}
 .news-block-details {
 width: auto;
}
 .bottom-block-right {
 float: none;
 width: auto;
}
 .testimonials-left {
 width: 15%;
}
 .testimonials-right {
 float: right;
 width: 80%;
}
 .clients-block > ul {
 text-align: center;
}
 .clients-list > ul {
 text-align: center;
}
 .project-block > ul {
 text-align: center;
}
 .clients-list li {
 display: inline-block;
 float: none;
 text-align: center;
}
 .footer-layout {
 padding: 0 15px;
 width: auto;
}
 .footer-block-left {
 float: none;
 width: auto;
}
 .footer-block-left > p {
 line-height: 24px;
 padding: 20px 0;
 text-align: center;
}
 .footer-block-right {
 float: none;
 width: auto;
}
 .banner-layout {
 padding: 20px 15px 0;
 width: auto;
}
 .banner-layout > p {
 width: auto;
}
 .banner-layout-inner {
 padding: 15px 15px 0;
 width: auto;
}
 #inner-page-wrap > #inner-page-layout {
 padding: 0 15px;
 width: auto;
}
 .profile-block-outer {
 float: none;
 width: auto;
}
 .profile-block-middle {
 float: none;
 margin-left: 0;
 width: auto;
}
 .profile-block-right {
 float: none;
 width: auto;
}
 .what-we-block-left {
 float: none;
 width: auto;
}
 .what-we-img-block li {
 width: 25%;
}
 .what-we-block-right {
 float: none;
 width: auto;
}
 .fancybox {
 margin-bottom: 10px;
 width: 48%;
}
 .project-block li {
 margin-right: 0;
 vertical-align: top;
 width: 45%;
}
 .clients-block li {
 display: inline-block;
 width: 38%;
}
 .footer-block-right > p {
 text-align: center;
}
 .online-registration-left {
 float: none;
 width: auto;
}
 .online-registration-right {
 float: none;
 width: auto;
}
 .contact-block-left {
 float: none;
 width: auto;
}
 .map-block iframe {
 width: 100%;
}
 .contact-block-right {
 float: none;
 text-align: left;
 width: auto;
}
 .contact-input {
 width: 97%;
}
 .contact-block-right textarea.contact-textarea {
 width: 97%;
}
 #cssmenu ul ul li.has-sub > a {
 background: none repeat scroll 0 0 #7cb431;
 border-bottom:#528014 solid 1px;
 border-bottom:#abdc66 solid 1px !important;
 border-top:#6aaa1a solid 1px !important;
 color: #fff !important;
}
 #cssmenu ul ul li.has-sub > a:hover {
 background: none repeat scroll 0 0 #045693 !important;
 border-bottom:#3689c7 solid 1px !important;
 border-top:#0b497b solid 1px !important;
 color: #fff !important;
}
 #cssmenu > ul > li > a {
 background: none repeat scroll 0 0 #8bc43b !important;
 border-bottom:#abdc66 solid 1px !important;
 border-top:#6aaa1a solid 1px !important;
 color: #fff !important;
}
 #cssmenu > ul > li > a:hover {
 background: none repeat scroll 0 0 #045693 !important;
 border-bottom:#3689c7 solid 1px !important;
 border-top:#0b497b solid 1px !important;
 color: #fff !important;
}
 #cssmenu > ul > li > a {
 margin: 0 !important;
 padding: 5px 20px !important;
}
}



/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (min-width: 321px) and (max-width: 479px) {
 .bx-wrapper img {
 display: block;
 height: 50px;
 max-width: 100%;
}
 .side-community {
 display: none;
}
 #main-top {
 padding: 0 15px;
 width: auto;
}
 #main-top > #main-top-layout {
 padding: 0;
 width:auto;
}
 .main-top-left {
 float: none;
 width: auto;
}
 .main-top-left li {
 margin-right: 10px;
}
 .main-top-right {
 float: none;
 width: auto;
 overflow:hidden;
}
 .main-top-right li.download {
 float: none;
 width:95%;
}
 .download > a {
 text-align: left;
}
 #header > #header-layout {
 padding: 0 15px;
 width: auto;
}
 .header-left {
 float: none;
 padding: 15px 0;
 width: auto;
}
 #wp-about-block > #wp-about-layout {
 padding: 0 15px;
 width: auto;
}
 #wp-about-layout li {
 margin-right: 0;
 width: auto;
 padding-bottom:30px;
}
 .abt-left-block {
 float: none;
 text-align: center;
 width: auto;
}
 .green-bg {
 display: inline-block;
 margin: 0 auto;
}
 .abt-right-block {
 float: none;
 width: auto;
}
 #wp-recent-block > #wp-recent-layout {
 padding: 0 15px;
 width: auto;
}
 #wp-recent-block > #wp-recent-layout .slide {
 width: auto !important;
}
 #bottom-content > #bottom-content-layout {
 padding: 0 15px !important;
 width: auto !important;
}
 #cssmenu > ul > li > a {
 margin: 0 !important;
 padding: 5px 20px !important;
}
 .header-right {
 float: none;
 text-align: left;
 width: auto;
}
 #cssmenu > ul > li > a {
 background: none repeat scroll 0 0 #8cc63e;
 color: #fff;
}
 .bottom-block-left {
 float: none;
 width: auto;
}
 .news-block-details {
 width: auto;
}
 .bottom-block-right {
 float: none;
 width: auto;
}
 .testimonials-left {
 width: 15%;
}
 .testimonials-right {
 float: right;
 width: 80%;
}
 .clients-list li {
 display: block;
 float: none;
 text-align: center;
}
 .footer-layout {
 padding: 0 15px;
 width: auto;
}
 .footer-block-left {
 float: none;
 width: auto;
}
 .footer-block-left > p {
 line-height: 24px;
 padding: 20px 0;
 text-align: center;
}
 .footer-block-right {
 float: none;
 width: auto;
}
 .banner-layout {
 padding: 20px 15px 0;
 width: auto;
}
 .banner-layout > p {
 width: auto;
}
 .banner-layout-inner {
 padding: 15px 15px 0;
 width: auto;
}
 #inner-page-wrap > #inner-page-layout {
 padding: 0 15px;
 width: auto;
}
 .profile-block-outer {
 float: none;
 width: auto;
}
 .profile-block-middle {
 float: none;
 margin-left: 0;
 width: auto;
}
 .profile-block-right {
 float: none;
 width: auto;
}
 .what-we-block-left {
 float: none;
 width: auto;
}
 .what-we-img-block li {
 width: 25%;
}
 .what-we-block-right {
 float: none;
 width: auto;
}
 .fancybox {
 margin-bottom: 10px;
 width: auto;
}
 .project-block li {
 margin-right: 0;
 width: auto;
}
 .clients-block li {
 width: 85%;
}
 .footer-block-right > p {
 text-align: center;
}
 .online-registration-left {
 float: none;
 width: auto;
}
 .online-registration-right {
 float: none;
 width: auto;
}
 .contact-block-left {
 float: none;
 width: auto;
}
 .map-block iframe {
 width: 100%;
}
 .contact-block-right {
 float: none;
 text-align: left;
 width: auto;
}
 .contact-input {
 width: 97%;
}
 .contact-block-right textarea.contact-textarea {
 width: 97%;
}
 #cssmenu ul ul li.has-sub > a {
 background: none repeat scroll 0 0 #7cb431;
 border-bottom:#528014 solid 1px;
 border-bottom:#abdc66 solid 1px !important;
 border-top:#6aaa1a solid 1px !important;
 color: #fff !important;
}
 #cssmenu ul ul li.has-sub > a:hover {
 background: none repeat scroll 0 0 #045693 !important;
 border-bottom:#3689c7 solid 1px !important;
 border-top:#0b497b solid 1px !important;
 color: #fff !important;
}
 #cssmenu > ul > li > a {
 background: none repeat scroll 0 0 #8bc43b !important;
 border-bottom:#abdc66 solid 1px !important;
 border-top:#6aaa1a solid 1px !important;
 color: #fff !important;
}
 #cssmenu > ul > li > a:hover {
 background: none repeat scroll 0 0 #045693 !important;
 border-bottom:#3689c7 solid 1px !important;
 border-top:#0b497b solid 1px !important;
 color: #fff !important;
}
 #cssmenu > ul > li > a {
 margin: 0 !important;
 padding: 5px 20px !important;
}
}

	  

	  

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 320px) {
 .side-community {
 display: none;
}
 #main-top {
 padding: 0 15px;
 width: auto;
}
 #main-top > #main-top-layout {
 padding: 0;
 width:auto;
}
 .bx-wrapper img {
 display: block;
 height: 50px;
 max-width: 100%;
}
 .main-top-left {
 float: none;
 width: auto;
}
 .main-top-left li {
 margin-right: 10px;
}
 .main-top-right {
 float: none;
 width: auto;
 overflow:hidden;
}
 .main-top-right li.download {
 float: none;
 width:95%;
}
 .download > a {
 text-align: left;
}
 #header > #header-layout {
 padding: 0 15px;
 width: auto;
}
 .header-left {
 float: none;
 padding: 15px 0;
 width: auto;
}
 #wp-about-block > #wp-about-layout {
 padding: 0 15px;
 width: auto;
}
 #wp-about-layout li {
 margin-right: 0;
 width: auto;
 padding-bottom:30px;
}
 .abt-left-block {
 float: none;
 text-align: center;
 width: auto;
}
 .green-bg {
 display: inline-block;
 margin: 0 auto;
}
 .abt-right-block {
 float: none;
 width: auto;
}
 #wp-recent-block > #wp-recent-layout {
 padding: 0 15px;
 width: auto;
}
 #wp-recent-block > #wp-recent-layout .slide {
 width: auto !important;
}
 #bottom-content > #bottom-content-layout {
 padding: 0 15px !important;
 width: auto !important;
}
 .header-right {
 float: none;
 text-align: left;
 width: auto;
}
 .bottom-block-left {
 float: none;
 width: auto;
}
 .news-block-details {
 width: auto;
}
 .bottom-block-right {
 float: none;
 width: auto;
}
 .testimonials-left {
 width: 15%;
}
 .testimonials-right {
 float: right;
 width: 80%;
}
 .clients-list li {
 display: block;
 float: none;
 text-align: center;
}
 .footer-layout {
 padding: 0 15px;
 width: auto;
}
 .footer-block-left {
 float: none;
 width: auto;
}
 .footer-block-left > p {
 line-height: 24px;
 padding: 20px 0;
 text-align: center;
}
 .footer-block-right {
 float: none;
 width: auto;
}
 .banner-layout {
 padding: 20px 15px 0;
 width: auto;
}
 .banner-layout > p {
 width: auto;
}
 .banner-layout-inner {
 padding: 15px 15px 0;
 width: auto;
}
 #inner-page-wrap > #inner-page-layout {
 padding: 0 15px;
 width: auto;
}
 .profile-block-outer {
 float: none;
 width: auto;
}
 .profile-block-middle {
 float: none;
 margin-left: 0;
 width: auto;
}
 .profile-block-right {
 float: none;
 width: auto;
}
 .what-we-block-left {
 float: none;
 width: auto;
}
 .what-we-img-block li {
 width: 25%;
}
 .what-we-block-right {
 float: none;
 width: auto;
}
 .fancybox {
 margin-bottom: 10px;
 width: auto;
}
 .project-block li {
 margin-right: 0;
 width: auto;
}
 .clients-block li {
 width: 85%;
}
 .footer-block-right > p {
 text-align: center;
}
 .online-registration-left {
 float: none;
 width: auto;
}
 .online-registration-right {
 float: none;
 width: auto;
}
 .contact-block-left {
 float: none;
 width: auto;
}
 .map-block iframe {
 width: 100%;
}
 .contact-block-right {
 float: none;
 text-align: left;
 width: auto;
}
 .contact-input {
 width: 97%;
}
 .contact-block-right textarea.contact-textarea {
 width: 97%;
}
 #cssmenu ul ul li.has-sub > a {
 background: none repeat scroll 0 0 #7cb431;
 border-bottom:#528014 solid 1px;
 border-bottom:#abdc66 solid 1px !important;
 border-top:#6aaa1a solid 1px !important;
 color: #fff !important;
}
 #cssmenu ul ul li.has-sub > a:hover {
 background: none repeat scroll 0 0 #045693 !important;
 border-bottom:#3689c7 solid 1px !important;
 border-top:#0b497b solid 1px !important;
 color: #fff !important;
}
 #cssmenu > ul > li > a {
 background: none repeat scroll 0 0 #8bc43b !important;
 border-bottom:#abdc66 solid 1px !important;
 border-top:#6aaa1a solid 1px !important;
 color: #fff !important;
}
 #cssmenu > ul > li > a:hover {
 background: none repeat scroll 0 0 #045693 !important;
 border-bottom:#3689c7 solid 1px !important;
 border-top:#0b497b solid 1px !important;
 color: #fff !important;
}
 #cssmenu > ul > li > a {
 margin: 0 !important;
 padding: 5px 20px !important;
}
 .search-outer:hover .search-input, .search-outer:focus .search-input, .search-input:focus {
 width: 240px;
}
}