html, body {
	margin:0; padding:0; background:#FFF; height:100%;
	font-family: raleway, sans-serif;
	color:#333; font-size:14px; line-height:1.6; font-weight:300;
}


a img, a, a strong, input {
	-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
	text-decoration:none; border:none;
}

a:hover img, a:hover { text-decoration:none; border:none; }


.clear { clear:both; }


a { color:#333; }
a:hover { color:#000; }


:focus, textarea:focus, input:focus{
    outline: none;
}



::selection { background: #AE1921; /* WebKit/Blink Browsers */ color:#FFF; }
::-moz-selection { background: #AE1921; /* Gecko Browsers */ color:#FFFF; }


h1,h2,h3,h4,h5,h6,h7 { font-weight:800; }


input, textarea {
font-family: raleway, sans-serif;
color:#333; font-size:14px; font-weight:300;
border-radius: 0;  -webkit-appearance: none;
    
}



::-webkit-input-placeholder { /* Edge */
  color: #D0D0D0;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #D0D0D0;
}

::placeholder {
  color: #D0D0D0;
}





.wrap-s { max-width:900px; width:96%; margin:auto; height:auto; overflow:hidden; }
.wrap-m { max-width:1100px; width:96%; margin:auto; height:auto; overflow:hidden; }
.wrap { max-width:1300px; width:96%; margin:auto; height:auto; overflow:hidden; }
.wrap-xl { max-width:1760px; width:96%; margin:auto; height:auto; overflow:hidden; }


.left { float: left; height: auto; overflow: hidden; }
.right { float: right; height: auto; overflow: hidden; }




a.button-b { background: #3c3c3c; border:2px solid #3c3c3c; padding: 8px 14px; margin: 10px 0 0 0; display: inline-block; font-size: 14px; color: #FFF;  font-weight: 800; text-transform: uppercase;   }
a.button-b:hover { background: #AE1921; border:2px solid #AE1921; color: #FFF;  }



a.button-r { background: #AE1921; border:2px solid #AE1921; padding: 8px 14px; margin: 10px 0 0 0; display: inline-block; font-size: 14px; color: #FFF;  font-weight: 800; text-transform: uppercase;   }
a.button-r:hover { background: #3c3c3c; border:2px solid #3c3c3c; color: #FFF;  }












header { width:100%; height:auto; overflow:hidden; position:absolute; top:0; z-index:9999; }


header .logo { width:180px; float:left; margin:5px 0 0 0; }
header .logo img { width:98%; display:block; }

    
header .menu { width: calc(100% - 200px); float:right; position:relative;  }

header .menu ul { margin:0; padding:0; list-style:none; }
header .menu ul li { margin:0; padding:0; list-style:none; display:inline-block; }


header .menu .top {  width: 100%; height:auto; overflow:hidden; text-align:right; margin:15px 0 0 0; position:absolute; z-index:8; top:0; }



header .menu .top ul li { font-size:13px; display:inline-block; color:#3C3C3C; margin-right:20px; vertical-align: top; }
header .menu .top ul li a { color:#Ae1921;  }
header .menu .top ul li a:hover { color:#3c3c3c;  }





header .menu .top ul li.icon { margin:0; }
header .menu .top ul li a img { width:16px; opacity:.7 }
header .menu .top ul li a:hover img { opacity:1; }


header .menu .top ul li.call img,
header .menu .top ul li.email img { display: none; }


header .menu .bottom { width:100%; height:auto; overflow:hidden; margin:0; position:relative; z-index:5; top:16px; text-align:right; }


header .menu .bottom ul li { text-align: center; margin: 0 2px; }
header .menu .bottom ul li a {
	font-size:17px; font-weight:800; text-transform:uppercase; line-height: 1;
	margin:45px 0 0 8px; padding:20px 18px 20px 18px;
	display:inline-block; color:#3C3C3C; letter-spacing: 1px;
	
}

header .menu .bottom ul li a strong { display: block; color:#AE1921; }





header .menu .bottom ul li a:hover { background:#E5E5E5;   }
header .menu .bottom ul li a:hover strong {    }


body.homep li.homel a { background: #f2f2f2; }
body.aboutp li.aboutl a { background: #f2f2f2; }
body.contactp li.contactl a { background: #f2f2f2; }
body.memberp li.memberl a { background: #f2f2f2; }
body.corporatep li.corporatel a { background: #f2f2f2; }



header .menu .bottom ul li.join { vertical-align: top;  }
header .menu .bottom ul li.join a { background: #AE1921; border:2px solid #AE1921; padding: 8px 14px; margin: 60px 0 0 8px; font-size: 19px; color: #FFF;  }
header .menu .bottom ul li.join a:hover { background: #3c3c3c; border:2px solid #3c3c3c; color: #FFF;  }

header .menu .bottom ul li.login { vertical-align: top;  }
header .menu .bottom ul li.login a { border:2px solid #3c3c3c; padding: 8px 14px; margin: 60px 0 0 8px; font-size: 19px;  }
header .menu .bottom ul li.login a:hover { background: #3c3c3c; border:2px solid #3c3c3c; color: #FFF;  }



header .menu .top ul li.join { display: none; font-weight: 800; margin-right: 0px; margin-left: 13px; }
header .menu .top ul li.login { display: none; font-weight: 800; margin-right: 0px; margin-left: 13px; }

header .menu .top ul li.join a { font-weight: 800; text-transform: uppercase; letter-spacing: 1px;  }
header .menu .top ul li.login a { font-weight: 800; text-transform: uppercase; letter-spacing: 1px;  }






.homep,
.memberp,
.corporatep, 
.aboutp,
.contactp,
.otherp { margin-top: 200px; }




.homep .banner { height: auto; overflow: hidden;  }

.homep .banner .left { width: 45%;  }
.homep .banner .right { width: 50%; position: relative; height: 50vw; max-height: 700px;  }



.homep .banner h1 { font-size: 34px; line-height: 1.2; font-weight: 500; margin-top: 5vw; }
.homep .banner h1 strong { color: #AE1921; }


.homep .banner h2 { font-size: 17px; line-height: 1.6; font-weight: 300; }
.homep .banner h2 strong { color: #AE1921; }



.homep .banner .button-hold { height: auto; overflow: hidden; padding: 25px 0; }

.homep .banner .join { background: #AE1921; border:2px solid #AE1921; padding: 10px 20px; margin: 0; font-size: 25px; color: #FFF; text-transform: uppercase; font-weight: 800; letter-spacing: 1px;  }
.homep .banner .join:hover { background: #3c3c3c; border:2px solid #3c3c3c; color: #FFF;  }

.homep .banner .demo { color: #3c3c3c; background: rgba(255,255,255,.7); border:2px solid #3c3c3c; padding: 10px 20px; margin: 0; font-size: 25px; text-transform: uppercase; font-weight: 800; margin-left: 20px; letter-spacing: 1px; }
.homep .banner .demo:hover { background: #3c3c3c; border:2px solid #3c3c3c; color: #FFF;  }



.homep .banner .laptop { width: 100%; position: absolute; bottom: 10px; text-align: right; z-index: 9; }
.homep .banner .laptop img { width: 85%; }


.homep .banner .paper { width: 100%; position: absolute; bottom: 20%; text-align: right; z-index: 5; }
.homep .banner .paper img { width: 80%; }



.homep .banner .clouds { width: 100%; position: absolute; top:6%; text-align: center; z-index: 3; }
.homep .banner .clouds img { width: 100%; }


.homep .banner .crane { width: 100%; position: absolute; bottom:8%; text-align: left; z-index: 2; }
.homep .banner .crane img { width: 50%; }





.homep .about {
    width: 100%; height: auto; overflow: hidden; clear: both;
    padding: 30px 0 0 0; font-size: 15px; line-height: 1.8;
    background: rgb(242,242,242);
    background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(top, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);
}



.homep .about .left { width: 50%; min-height: 45vw; position: relative;  }
.homep .about .right { width: 45%; padding-top: 6vw; }


.homep .about h4 { color: #808080; font-weight: 500; font-size: 40px; line-height: 1.1 }
.homep .about h4 span { display: block; font-weight: 800; text-transform: uppercase; color: #3C3c3c; font-size: 45px; }
.homep .about h4 span strong { font-weight: 800; color: #AE1921; }



.homep .about .phone-logo { width: 100%; position: absolute; top: 20vw; text-align: center; z-index: 50; }
.homep .about .phone-logo img { width: 30%; }


.homep .about .phone { width: 100%; position: relative; margin-top: 15vw; text-align: center; z-index: 10; }
.homep .about .phone img { width: 40%; }

.homep .about .card {width: 100%;position: absolute;bottom: 32%;text-align: left;z-index: 9;}
.homep .about .card img { width: 20%; }

.homep .about .graph {width: 100%;position: absolute;bottom: 60%;text-align: left;z-index: 8;}
.homep .about .graph img { width: 20%; }

.homep .about .calc {width: 100%;position: absolute;bottom: 75%;text-align: center;z-index: 7;}
.homep .about .calc img { width: 20%; }

.homep .about .cal {width: 100%;position: absolute;bottom: 46%;text-align: right;z-index: 6;}
.homep .about .cal img { width: 20%; }

.homep .about .clip {width: 100%;position: absolute;bottom: 71%;text-align: right;z-index: 5;}
.homep .about .clip img { width: 20%; }


.homep .about .training {width: 100%;position: absolute;bottom: 10%;text-align: left;z-index: 15;}
.homep .about .training img { width: 20%; }


.homep .about .badge {width: 100%;position: absolute;bottom: 24% ;text-align: right;z-index: 10; border-radius: 100%; }
.homep .about .badge img { width: 20%; }











.homep .member {
    width: 100%; height: auto; overflow: hidden; clear: both;
    padding: 80px 0 0 0; font-size: 16px; line-height: 1.6;
}



.homep .member .left { width: 40%; }
.homep .member .right { width: 55%; position: relative; padding-top: 60px; }




.list h5 { color: #808080; font-size: 40px; line-height: 1;  font-weight: 500; margin: 5px 0; }
.list h5 strong { display: block;  font-size: 45px; color: #AE1921; font-weight: 800; }



.list ul { margin: 20px 0; padding: 0; list-style: none; }

.list li {
    background: url("../img/tick.svg") no-repeat top left; background-size: 20px 20px;
    padding-left: 40px; margin-left: 2px; margin-bottom: 8px; line-height: 1.4; 
}






.homep .member .box-bg { width: 100%; height: auto; overflow: hidden; position:relative; } 
.homep .member .box-bg img { width: 100%; }

.homep .member .box {width: 100%;position: absolute;text-align: right;z-index: 20;top: 51%;}
.homep .member .box img { width: 60%; }

.homep .member .box-lid {width: 100%;position: absolute;text-align: right;z-index: 30;top: 33%;}
.homep .member .box-lid img { width: 60%; }

.homep .member .hat {width: 100%;position: absolute;text-align: left;z-index: 12;top: 58%;}
.homep .member .hat img { width: 40%; }

.homep .member .folder {width: 100%;position: absolute;z-index: 8;top: 23%;left: 10%;}
.homep .member .folder img { width: 35%; }

.homep .member .file {width: 100%;position: absolute;z-index: 7;top: 5.5%;left: 26%;}
.homep .member .file img { width: 28%; }

.homep .member .id {width: 100%;position: absolute;z-index: 10;top: 6%;left: 42%;}
.homep .member .id img {width: 10%;}












.homep .corporate {
    width: 100%; height: auto; overflow: hidden; clear: both;
    padding: 20px 0 80px 0; font-size: 16px; line-height: 1.6;
    
    background: rgb(242,242,242);
    background: -webkit-linear-gradient(bottom, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(bottom, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(bottom, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);
}



.homep .corporate .left { width: 55%; position: relative;  padding-top: 60px;  }
.homep .corporate .right { width: 40%; }



.homep .corporate .box-bg { width: 100%; height: auto; overflow: hidden; position:relative; } 
.homep .corporate .box-bg img { width: 100%; }


.homep .corporate .mac {width: 100%; position: absolute; text-align: right; z-index: 10;  bottom: 8%; right: 13%; }
.homep .corporate .mac img { width: 58%; }


.homep .corporate .mac-logo {width: 100%; position: absolute; text-align: right; z-index: 10;  bottom: 36%; right: 32%; }
.homep .corporate .mac-logo img { width: 20%; }


.homep .corporate .coffee {width: 100%; position: absolute; text-align: right; z-index: 12;  bottom: 7%; right: 2%; }
.homep .corporate .coffee img { width: 16%; }

.homep .corporate .steam {width: 100%;position: absolute;text-align: right;z-index: 11;bottom: 35%;right: -14%;}
.homep .corporate .steam img {width: 40%;}


.homep .corporate .cal {width: 100%; position: absolute; text-align: left; z-index: 14;  bottom: 0; left: 4% }
.homep .corporate .cal img { width: 35%; }


.homep .corporate .clock { width: 100%; height: auto; overflow: hidden; position: absolute; text-align: left; z-index: 20; top: 3%; left: 3% }

.homep .corporate .clock .face { width: 20%; text-align: center; position: relative; }
.homep .corporate .clock .face img { width: 100%; display: block;}


.homep .corporate .clock .min { width: 70%; position: absolute; z-index: 3; top: 0; left: 0; text-align: center; padding: 15%; transform: rotate(60deg); }
.homep .corporate .clock .hour { width: 70%; position: absolute; z-index: 4; top: 0; left: 0; text-align: center; padding: 15%; transform: rotate(-60deg); }

.homep .corporate .clock .min img { width: 100%; display: block; }
.homep .corporate .clock .hour img { width: 100%; display: block; }









.test { height: auto; overflow: hidden; }

.test-top { background: rgb(242,242,242) url("../img/ovel.svg") no-repeat center top; background-size: cover; text-align: center; padding: 50px 0 20px 0; }
.test-top img { width: 80px; }

.test-main { background: #FFF; text-align: center; max-width: 750px; margin: auto; font-style: italic; padding-bottom: 30px; }

.test-main .name { font-weight: 500; font-style:normal; font-size: 130%; line-height: 1; margin: 20px 0 0 0; }
.test-main .company { font-weight: 800; font-style:normal; color: #AE1921; font-size: 130%; line-height: 1; margin-top: 0;}





.homer-training { 
    height: auto; overflow: hidden; padding: 80px 0; text-align: center; 
    background: rgb(255,255,222) url("../img/bulb.svg") no-repeat center center;;

}




.homer-training h4 { font-weight: 500; font-size: 30px; line-height: 1.4 }
.homer-training h4 strong { display: block; font-weight: 800; font-size: 35px; }

.homer-training p { max-width: 850px; margin-left:auto; margin-right:auto; }





.demo { height: auto; overflow: hidden; background: #AE1921; padding: 40px 0; color: #FFF; }


.demo img { width: 100px; display: inline-block; vertical-align: top; margin-right: 20px; }
.demo p { width: 230px; display: inline-block; vertical-align: top; font-size: 16px; line-height: 1.3; margin: 0; }
.demo p strong {display: block;font-size: 30px;font-weight: 800;line-height: 1.1;margin-bottom: 16px;}





.demo .form { width: calc(100% - 380px); }

.demo .form input,
.demo .form select,
.demo .form text-area { background: #FFF; padding: 12px 14px;  font-size: 16px; border: none; margin: 5px 0; }


.demo .form input.name { width: calc(61% - 24px); }
.demo .form input.number { width: calc(36% - 24px); float: right; }
.demo .form input.email { width: calc(100% - 24px); }
.demo .form input.company { width: calc(98% - 124px); }
.demo .form input.send { width: 100px; float: right; text-transform: uppercase; font-weight: 800; color: #FFF; background: #3C3C3C; cursor: pointer; }
.demo .form input.send:hover { color: #3C3C3C; background: #FFF; }

.demo .form select { width: 100%; }


input.title { display: none !important; }




footer { height: auto; overflow: hidden; padding: 40px 0 0 0; }


footer .foot img {  height: 80px; padding-right: 30px; float: left; }

footer ul { width: 24%;max-width: 250px;  margin-right: 1%; float: left; margin: 10px 0 0 0; padding: 0; list-style: none;  }
footer ul li { font-size: 12px; }
footer ul li img { width: 18px; opacity: .5; }
footer ul li img:hover { opacity: 1;}

footer ul li a:hover { color:#AE1921; }


footer .logo { width: 24%; max-width: 125px; float: right; }
footer .logo img { width: 100%; display: block; }


footer strong a.big { color:#AE1921; text-transform: uppercase; }
footer strong a { color:#AE1921; }
footer strong { color:#AE1921; }


footer .foot { clear: both; height: auto; overflow: hidden; border-top: #EEE solid 1px; margin: 25px 0 10px 0; padding: 22px 0 0 0; font-size: 11px; }











.memberp .banner {
    height: auto; overflow: hidden; margin: auto;
    
    background: rgb(242,242,242);
    background: -webkit-linear-gradient(bottom, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(bottom, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(bottom, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);
}


.memberp .banner  h1 { font-size: 32px; line-height: 1.2; font-weight: 500; text-align: center;  max-width: 700px; margin: 10px auto;  }
.memberp .banner h1 strong { color: #AE1921; }


.memberp .banner h2 { font-size: 16px; line-height: 1.6; font-weight: 300; text-align: center;  max-width: 800px; margin: 10px auto;  }
.memberp .banner h2 strong { color: #AE1921; }


.memberp .graphics { 
    max-width: 1000px; width: 98%;  height: auto; overflow: hidden; 
    position: relative; text-align: center;  padding-right: 20%;
    left:50%; transform: perspective(1px) translateX(-50%);
}



.memberp .graphics .laptop { width: 55%;  margin: 20% 0 5% 0;  position: relative; z-index: 30; }
.memberp .graphics .doc {width: 40%;position: absolute;left: 45%;z-index: 20;bottom: 32%;}
.memberp .graphics .wind {width: 35%;position: absolute;bottom: 0px;z-index: 50; right:0%; opacity: 0; }





.benefits-holder { }


.benefits { 
    height: auto; overflow: hidden; margin: 60px 0 0 0;
}


.benefits-holder .benefits .img { width: 40%; float: left; /* position: relative; top:50%; transform: perspective(1px) translateY(50%); */ }
.benefits-holder .benefits .txt { width: 45%; float: right; }


.benefits-holder .benefits:nth-child(even) .img { float: right; }
.benefits-holder .benefits:nth-child(even) .txt { float: left; }



.benefits-holder .benefits .img img { 
    width: 100%;
}


.benefits-holder .benefits h4 { color: #808080; font-weight: 800; font-size: 40px; line-height: 1; margin: 0px 0 30px 0; }
.benefits-holder .benefits h4 strong { font-weight: 800; color: #AE1921; display: block; }








.corporatep .banner {
    height: auto; overflow: hidden; margin: auto;
    
    background: rgb(242,242,242);
    background: -webkit-linear-gradient(bottom, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(bottom, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(bottom, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);
}


.corporatep .banner  h1 { font-size: 26px; line-height: 1.2; font-weight: 500; text-align: center;  max-width: 700px; margin: 10px auto;  }
.corporatep .banner h1 strong { color: #AE1921; }


.corporatep .banner h2 { font-size: 14px; line-height: 1.6; font-weight: 300; text-align: center;  max-width: 800px; margin: 10px auto;  }
.corporatep .banner h2 strong { color: #AE1921; }








.corporatep .graphics { 
    max-width: 1200px; width: 98%;  height: auto; overflow: hidden; 
    position: relative; text-align: center; 
    left:50%; transform: perspective(1px) translateX(-50%);
}



.corporatep .graphics .mac {width: 40%;margin: 10px auto 5% auto;position: relative;z-index: 60;padding-right: 6%;}

            
.corporatep .graphics .scales1 {width: 25%;position: absolute;z-index: 1;left: 0;bottom: 30%;}

.corporatep .graphics .pig1 {width: 15%;position: absolute;z-index: 70;left: 20%;bottom: 8%;}
.corporatep .graphics .pig2 {width: 15%;position: absolute;z-index: 90;left: 20%;bottom: 8%;}


.corporatep .graphics .cash1 {width: 5%;position: absolute;z-index: 70;left: 25.3%;bottom: 18%;}

.corporatep .graphics .tick {width: 14%;position: absolute;z-index: 90;left: 40%;bottom: 53%;}
.corporatep .graphics .coffee {width: 10%;position: absolute;z-index: 90;right: 27%;bottom: 4%;}
.corporatep .graphics .steam {width: 24%;position: absolute;z-index: 80;right: 19%;bottom: 37%;}

.corporatep .graphics .folder1 {width: 17%;position: absolute;z-index: 60;right: 7%;bottom: 24%;}
.corporatep .graphics .folder2 {width: 17%;position: absolute;z-index: 50;right: 7%;bottom: 24%;}

.corporatep .graphics .id {width: 11%;position: absolute;z-index: 56;right: 21%;top: 2%;}
            
.corporatep .graphics .file1 {width: 12%;position: absolute;z-index: 55;right: 9%;bottom: 38%;}
.corporatep .graphics .file2 {width: 12%;position: absolute;z-index: 54;right: 6%;bottom: 44%;}
.corporatep .graphics .file3 {width: 12%;position: absolute;z-index: 52;right: 3%;bottom: 50%;}
            
.corporatep .graphics .padlock1 {width: 6%;position: absolute;z-index: 90;bottom: 50%;right: 25%;}
.corporatep .graphics .padlock2 {width: 4%;position: absolute;z-index: 90;right: 2%;bottom: 37%;}













.aboutp .banner {
    height: auto; overflow: hidden; margin: auto; text-align: center;
    
    background: rgb(242,242,242);
    background: -webkit-linear-gradient(bottom, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(bottom, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(bottom, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);
}


.aboutp .banner h1 { font-size: 32px; line-height: 1.2; font-weight: 500; text-align: center;  max-width: 700px; margin: 10px auto;  }
.aboutp .banner h1 strong { color: #AE1921; }


.aboutp .banner h2 { font-size: 16px; line-height: 1.6; font-weight: 300; text-align: center;  max-width: 800px; margin: 10px auto;  }
.aboutp .banner h2 strong { color: #AE1921; }



.aboutp .qm {width: 100%; height: auto; overflow: hidden; text-align: center; position: relative; margin-bottom: -2px  }
.aboutp .qm img { display:inline-block; }

.aboutp .qm .qm1 { width: 10%; position: relative; z-index: 80; margin-bottom: -8px; }

.aboutp .qm .qm2 { width: 8%; position: absolute; z-index: 8; bottom: 0; left: 10% }
.aboutp .qm .qm3 {width: 8%;position: absolute;z-index: 8;bottom: 0;left: 67%;}
.aboutp .qm .qm4 {width: 6%;position: absolute;z-index: 6;bottom: 0;left: 21%;}
.aboutp .qm .qm5 { width: 6%; position: absolute; z-index: 6; bottom: 0; left: 40% }
.aboutp .qm .qm6 { width: 5%; position: absolute; z-index: 6; bottom: 0; left: 60% }
.aboutp .qm .qm7 {width: 10%;position: absolute;z-index: 5;bottom: 0;left: 76%;}
.aboutp .qm .qm8 {width: 4%;position: absolute;z-index: 10;bottom: 0;left: 17%;}
.aboutp .qm .qm9 { width: 3%; position: absolute; z-index: 4; bottom: 0; left: 65% }
.aboutp .qm .qm10 {width: 3%;position: absolute;z-index: 3;bottom: 0;left: 27.5%;}
.aboutp .qm .qm11 {width: 2%;position: absolute;z-index: 3;bottom: 0;left: 58%;}
.aboutp .qm .qm12 {width: 4%;position: absolute;z-index: 4;bottom: 0;left: 74%;}
.aboutp .qm .qm13 {width: 8%;position: absolute;z-index: 8;bottom: 0;left: 29%;}
.aboutp .qm .qm14 {width: 4%;position: absolute;z-index: 4;bottom: 0;left: 53%;}
.aboutp .qm .qm15 {width: 4%;position: absolute;z-index: 4;bottom: 0;left: 36%;}
.aboutp .qm .qm16 {width: 5%;position: absolute;z-index: 5;bottom: 0;left: 84%;}




.contactp .banner {
    height: auto; overflow: hidden; margin: auto; text-align: center;
    background: #FFF;
}


.contactp .banner h1 { font-size: 32px; line-height: 1.2; font-weight: 500; text-align: center;  max-width: 700px; margin: 10px auto;  }
.contactp .banner h1 strong { color: #AE1921; }


.contactp .banner h2 { font-size: 16px; line-height: 1.6; font-weight: 300; text-align: center;  max-width: 800px; margin: 10px auto;  }
.contactp .banner h2 strong { color: #AE1921; }


.contact-details { height: auto; overflow: hidden; margin: 50px auto; }


.contact-details .left { width: 500px;}
.contact-details .right { width: calc(100% - 600px); background: #F2F2F2; padding: 24px 30px 30px 30px; }



.contact-details  h3 { font-size: 45px; line-height: 1.2; font-weight: 800; margin: 0 0 20px 0;  color: #AE1921;  }
.contact-details  h4 { font-size: 30px; line-height: 1.2; font-weight: 800; margin: 0 0 15px 0;  }



.contact-details input,
.contact-details textarea { width: calc(100% - 28px); background: #FFF; padding: 12px 14px;  font-size: 16px; border: none; margin: 10px 0; }

.contact-details textarea { height: 120px; }

.contact-details input.send { width: 100%; float: right; text-transform: uppercase; font-weight: 800; color: #FFF; background: #3C3C3C; margin: 0; cursor: pointer; }
.contact-details input.send:hover { color: #FFF; background: #AE1921; }

.contact-details span { display: block; line-height: 1.2; font-size: 16px; margin-bottom: 30px; }
.contact-details span a { display: block; }
.contact-details span.sm a { display: inline-block; }
.contact-details strong { display: block; font-size: 20px; }

.contact-details .con-left { float: left; width: 48%; }
.contact-details .con-right { float: right; width: 48%; }


.contact-details img { width: 20px; }

.contact-details .terms { font-size: 12px; }
.contact-details .terms a { color: #Ae1921; }







.faq { margin: 10px 0 20px 0; }



.accordion {
  font-size: 23px !important;
    background: #FFF;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
 margin: 20px 0 0 0;
}


/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #AE1921;
    color: #FFF !important;
}




/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: #eee;
  display: none;
  overflow: hidden;
}





.accordion:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}


.websiteby { text-align: center; font-size: 12px; padding: 15px; clear: both; }