body{margin-right: 0px; padding: 0px; font-family: 'Montserrat', sans-serif;}
*{box-sizing: border-box;}
*{list-style: none;}
*{margin:0px; padding: 0px;}
.cl{clear: both;}
.white{color: #fff;}
h3{text-align:center; font-size: 44px; font-weight: bold; color: #000; font-family: mamphis; padding-bottom: 20px;}
h4{padding-top: 10px;padding-bottom: 35px; font-size: 34px; line-height: 51px; 
    font-weight: bold; color: #000; font-family: mamphis;}
h5{text-align:center;  font-size: 20px; line-height: 33px; font-weight:500; color: #000; font-family: 'Montserrat', sans-serif;}
@font-face {
  font-family: mamphis;
  src: url(../font/mamphis.ttf);
}
.container{width: 100%; max-width: 1156px; margin:auto;}

/*header*/
.header{width: 100%; float: left; background: #0c1623;}
.header h2 {
    font-family: mamphis;
    color: #fff;
    font-size: 30px;
        font-weight: 100;
    padding-top: 20px;
    margin-bottom: 10px;
}
.header p {
    color: #faeb46;
    font-size: 20px;
    padding-bottom: 16px;
}

/*slide*/
.slide{background-size: cover; width: 100%; float: left; background-image:url(../images/banner.jpg); background-repeat: no-repeat;}
.slide h1{padding-top: 220px; font-size: 60px;  font-weight: 100; color: #fff; font-family: mamphis;}
.slide p{font-size: 44px; line-height: 50px; font-weight:300; color: #fff; font-family: 'Montserrat', sans-serif;}
.slide span.bld {
    padding-top: 55px;
    display: block;
}
.slide .need-btn {
    width: 215px;
    height: 73px;
    background: #68339b;
    color: #fff;
    font-size: 28px;
    text-decoration: none;
    margin-top: 50px;
    margin-bottom: 103px;
    display: block;
    line-height: 73px;
    text-align: center;
    font-weight: 600;
}
.slide ul {
    margin: auto;
}
.slide ul li {
    float: left;
    border-right: 2px solid #fff;
    padding: 0px 15px;
}
.slide ul li a {
    font-size: 17px;
    color: #fff;
    line-height: 17px;
    text-decoration: none;
}
.carmodl {display: flex; margin-top:13px;}

/*about*/
.aboutpnl{width: 100%; float: left; background:#f2f2f2; padding: 65px 40px; transition: 0.3s;}
.col-1{width: 33%; float: left; background:#fff; padding: 30px 37px 54px; transition: 0.3s;} 
.col-2{width: 33.6%; float: left; background:#fff; margin:0px 2px; padding: 30px 37px 30px; transition: 0.3s;}
.col-3{width: 33%; float: left; background:#fff; padding: 30px 37px 30px;}
.col-1:hover { margin-top: -5px;/*cursor: pointer; */transition: 0.3s;}
.col-2:hover { margin-top: -5px;/*cursor: pointer;*/transition: 0.3s;}
.col-3:hover { margin-top: -5px;/*cursor: pointer;*/transition: 0.3s;}
.colmthree{text-align: center; margin-top: 68px;margin-bottom: 40px;}
.colmthree p {font-size: 15px;font-weight: 500;line-height: 24px;}
.keyimg ul{display: flex; justify-content: space-between;}
.keyimg ul li{float: left;}
.keyimg {margin: 40px 0px 15px;display: inline-block; width: 100%;}

/*srv*/
.services{width: 100%; float: left; background:#f2f2f2;}
.srv-img-box ul li img {
    width: 100%;
    height: 300px;
}
.srv-img-box ul li {
    float: left;
    width: 25%;
}
.srv-img-box {
    margin-top: 15px;
}

/*review*/
.review {
    width: 100%;
    float: left;
    background: #f2f2f2;
    padding: 55px 40px 0px;
}
.col-50 {
    width: 50%;
    float: left;
}
.col-51 {
    width: 50%;
    float: left;
}
.slide ul li:last-child {
 border: none;
} 
a.need-btn:hover {
    background: #58218e;
}
.slide ul li a:hover {
    color: #faeb46;
}
section.review img {margin-top: 30px; margin-bottom: -10px;}
/*contact*/
.contact {
    width: 100%;
    float: left;
    background: #0c1623;
    padding: 40px 40px 20px;
}
.contact h4 {
    text-align: left;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    padding: 0px;
}
.col-30 {width: 30%;float: left;}
.col-70 {width: 70%;float: left;}
section.contact p {
    color: #fff;
    line-height: 30px;
    padding-bottom: 30px;
}
form {
    width: 100%;
        margin-top: 10px;
}
.contact li {
    width: 49.2%;
    float: left;
}
.contact input {
    width: 100%;
    float: left;
    margin: 0px 0px 14px;
    background: #f2f2f2;
    border-radius: 0px;
    font-size: 20px;
    height: 47px;
    padding-left: 18px;
    color: #44474c;
    box-sizing: border-box;
    box-shadow: none;
    border: none;
}
.contact li:nth-child(2), .contact li:nth-child(5) {
    float: right;
}
.contact li:nth-child(1) {
    width: 100%;
}
.contact li:nth-child(4) {
    width: 49.2%;     float: left;
}
.contact textarea {
    width: 100%;
    background: #f2f2f2;
    float: left;
    margin: 0px 0px 15px;
    border-radius: 0px;
    font-size: 20px;
    padding-left: 18px;
    color: #44474c;
    box-sizing: border-box;
    box-shadow: none;
    border: none;
    padding-top: 10px;
    font-family: 'Lato', sans-serif;
}
.submit-button {
    text-align: center !important;
    font-size: 44px !important;
    font-weight: bold !important;
    color: #fff !important;
    font-family: mamphis !important;
    text-decoration: none !important;
    width: 150px !important;
    float: right !important;
    border: 4px solid #84898f !important;
    display: table-cell !important;
    line-height: 63px !important;
    position: relative !important;
    top: 82px !important;
	padding: 0 !important;

height: auto !important;

background: none !important;

cursor: pointer;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {

    border: 2px solid red !important;
    color: red;

}
div.wpcf7-mail-sent-ok {

   
    color: #398f14;

}
span.wpcf7-not-valid-tip {

    
    float: left;

}
.copy p {
    background: #68339b;
    color: #fff;
    text-align: center;
    line-height: 60px;
}

.keyimg li img:hover, .srv-img-box ul li img:hover  {
    filter: grayscale(100%);
    cursor: pointer;
}
h3::before {
    content: "";
    height: 1px;
    width: 27%;
    background: #333;
    float: left;
    position: absolute;
    left: 100px;
    margin-top: 31px;
}
h3::after {
    content: "";
    height: 1px;
        width: 27%;
    background: #333;
    float: left;
    position: absolute;
    right: 100px;
    margin-top: 31px;
}

.contact h3::before {
    background: #FFF;
        width: 32%;
            height: 2px;
}
.contact h3::after {
    background: #fff;
        width: 32%;
            height: 2px;
}
.review h3::before {width: 34%;}
.review h3::after {width: 34%;}


/*media*/
@media only screen and (max-width: 1024px) {
.header {padding: 0px 40px;}
nav#cssmenu li a:last-child {margin-right: 0px;}
.slide h1 {padding-top: 100px;}
.slide {padding: 0px 40px;}
h3::before{display: none;}
h3::after{display: none;}
.col-1 {width: 32.9%;}
h4 {padding-top: 10px;padding-bottom: 25px; font-size: 29px;}
.col-3 {padding: 30px 35px 30px;}
.col-1 {padding: 30px 20px 54px;}
.srv-img-box ul li img {height: 250px;}
.review h5 {font-size: 18px;}
section.review img {width: 100%;}
.review {padding: 55px 40px 50px;}
.contact li:nth-child(4) {width: 49.2%;}

}


@media only screen and (max-width: 768px) {
  .col-51 {
    width: 35%;
    float: right;
}
.header h2 {font-size: 22px;}
.menu {margin-top: 32px;}
.slide ul li a {
    font-size: 17px;
    color: #fff;
    line-height: 17px;
    text-decoration: none;
    text-shadow: 3px 3px 8px #0f0f0f;
}
.header p {
    color: #faeb46;
    font-size: 16px;
    padding-bottom: 16px;
}
.contact li:nth-child(4) {
    width: 100%;
}
.contact li {
    width: 100%;
    float: left;
}
.col-70 {
    width: 65%;
    float: right;
}
.slide ul li {
    float: left;
    border-right: 2px solid #fff;
    padding: 0px 9px;
    margin-bottom: 10px;
}
.slide h1 {font-size: 44px;}
.slide p {font-size: 34px;}
h5 {text-align: center;font-size: 16px;}
.col-1 {width: 100%; padding-bottom: 30px;}
.col-2 {width: 100%; margin:10px 0px; padding-bottom: 30px;}
.col-3 {width: 100%; padding-bottom: 30px;}
.keyimg ul li {float: left;width: 33.3%;}
.keyimg ul {display: inherit;}
.keyimg ul li img {width: 100%;padding: 4px;}
.srv-img-box ul li img {height: 200px;}
.review h5 {font-size: 14px;}
.submit-button {
    position: inherit !important;
}
}

@media only screen and (max-width: 736px) {
.header h2 {font-size: 21px;}
.srv-img-box ul li {width: 50%;}
.srv-img-box ul li img {height: auto;}
section.review .col-50 {width: 100%;}
.review h5 br {display: none;}
.review {padding: 55px 40px 0px;}
section.aboutpnl h5 br {display: none;}
.col-30 {width: 100%;float: left;}
.col-70 {width: 100%;float: left;}

section.contact p {padding-bottom: 15px;}
.copy p {padding: 0px 40px;}
h5 {line-height: 26px;}
.copy p {
    clear: both;
    line-height: 28px;
    padding: 15px;
}
.header .col-50 {
    width: 60%;
    float: left;
}
.col-51 {
    width: 40%;
    float: left;
}

.slide h1 {
    font-size: 37px;
    padding-top: 50px;
}
.slide span.bld {
    padding-top: 25px;
}
.slide .need-btn {
    margin-top: 20px;
    margin-bottom: 50px;
}
.srv-img-box ul li img {
    height: 290px;
}

}

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

.header .col-50 {
    width: 100%;
    text-align: center;
}

.col-51 {
    width: 50%;
    float: right;
}
.col-51 {
    width: 50%;
    float: right;
    position: absolute;
    right: 0px;
    top: 20px;
}
.contact li {
    width: 100%;
    float: left;
}
.contact li:nth-child(4) {
    width: 100%;
}
.submit-button {
    float: right !important;
    position: inherit !important;
}
.aboutpnl {padding: 65px 20px;}
.review {padding: 55px 20px 0px;}
}


@media only screen and (max-width: 420px) {
  .srv-img-box ul li img {
    height: auto;
}
.keyimg ul li {
    float: left;
    width: 50%;
}
  .header {padding: 0px 20px;}
.header h2 {
    font-size: 18px;
    text-align: left;
}
  .header p {     font-size: 14px;
    text-align: left;}
  .menu {margin-top: 0px;}
.col-51 {width: 75%; float: right; position: inherit;}
.button {right: -13px;}

.slide h1 {
    font-size: 37px;
    padding-top: 20px;
}
.slide p {
    font-size: 24px;
    line-height: 29px;
}
.slide {
    padding: 0px 20px;
}
h3 {
    font-size: 31px;
}
.aboutpnl {
    padding: 40px 20px;
}
.srv-img-box ul li {
    width: 100%;
}
.contact {
    padding: 40px 20px 20px;
}
section.services h5 {
    width: 90%;
    margin: auto;
}
.submit-button {
    line-height: 52px !important;
    font-size: 32px !important;
}
}

/*===================31-08-19===========================*/

#cssmenu > ul > li.current-menu-item > a,#cssmenu .current-menu-ancestor > a,#cssmenu .current_page_item > a,#cssmenu .current-page-ancestor > a {color: #faeb46;

background: none;

font-weight: 500;}