*{margin:0px;padding:0px;}
a{text-decoration:none !important;}
html{ overflow-x:hidden; scroll-behavior: smooth;}
body{font-family: 'Palanquin', sans-serif; overflow-x: hidden; background-color: #000;}
.visible{display:block !important;}
.hidden{display:none;}
img{ max-width:100%;}

header{
    float: left;
    width: 100%;
    height: auto;
    background-color: #000;
    padding: 10px 0px;
}
.logo01{
    float: left;
    width: 100%;
}
.logo01 a{
    display: block;
}
.logo01 a img{
    max-height: 90px;
}
.topright01{
    float: right;
    width: 100%;
    height: auto;
    margin-top: 28px;
}
.menu{
    float: right;
}
.menu ul{
    float: left;
    width: auto;
    height: auto;
    list-style: none;
    margin: 0px;
    padding: 0px;
    margin-top: 7px;
}
.menu ul li{
    display: inline-block;
    margin-left: 35px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
}
.menu ul li a{
    color: #fff;
}
.menu ul li a:hover{
    color: #fabf0d;
}
.tpcall01{
    float: right;
    width: auto;
    margin-left: 40px;
}
.tpcall01 a{
    font-size: 20px;
    color: #000;
    background-color: #fabf0d;
    padding: 3px 26px 5px;
    border-radius: 43px;
}
.tpcall01 a:hover{
    background-color: #fff;
}
.banner{
    float: left;
    width: 100%;
    height: auto;
}
.bnrslide{
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
}
.bnrslideimg{
    float: left;
    width: 100%;
    text-align: center;
}
.bnrslideimg img{ height: 600px; object-fit: cover;}
.bnrslidetxt{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding-top: 200px;
}
.bnrslidetxt h2{
    color: #fff;
    font-size: 65px;
    font-weight: 500;
    margin-top: 0px;
    margin-bottom: 25px;
}
.bnrslidetxt h3{
    color: #fff;
    font-size: 25px;
    font-weight: 100;
    margin-bottom: 33px;
    margin-top: 10px;
}
.bnrslidetxt h4{
    color: #fff;
    font-weight: 300;
    font-size: 32px;
    margin-bottom: 22px;
}
.bnrslidetxt a{
    color: #000;
    background-color: #fabf0d;
    padding: 9px 20px 12px;
    font-size: 17px;
    border-radius: 44px;
    min-width: 200px;
    display: inline-block;
}
.bnrslidetxt a svg{
    margin-left: 5px;
    font-size: 14px;
}
.bnrslidetxt a:hover{
    background-color: #000;
    color: #fff;
}

.aboutus01{
    float: left;
    width: 100%;
    height: auto;
    padding: 50px 0px;
}
.abtleft01{
    float: left;
    width: 100%;
    height: auto;
}
.abtleft01 h2{
    font-size: 22px;
    color: rgb(255 255 255 / 73%);
    margin-top: 0px;
}
.abtleft01 h3{
    font-size: 50px;
    font-weight: 800;
    margin-top: 0px;
    color: #fff;
    margin-bottom: 20px;
}
.abtleft01 h4{
    color: rgb(250 191 13);
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 30px;
}
.abtleft01 h4 span{
    display: block;
    margin-top: 11px;
    font-weight: 600;
}
.abtleft01 h5{
    font-size: 26px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 20px;
}
.abtleft01 p{
    color: rgb(255 255 255 / 73%);
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 29px;
    margin-bottom: 20px;
}
.abtleft01 ul{
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
    padding-left: 20px;
}
.abtleft01 ul li{
    font-size: 16px;
    margin-bottom: 11px;
    float: left;
    width: 50%;
    padding-right: 10px;
    color: rgb(255 255 255 / 73%);
    letter-spacing: 0.5px;
    font-weight: 300;
}
.abtrfigt01{
    float: left;
    width: 100%;
    margin-top: 20px;
}
.abtrfigt01 img{}
.services01{
    float: left;
    width: 100%;
    background-color: #1e1f22;
    padding: 50px 0px;
}
.services01 h2{
    text-transform: uppercase;
    font-size: 50px;
    font-weight: 800;
    margin-top: 0px;
    color: #fff;
    margin-bottom: 30px;
}
.service01{
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 40px;
}
.service01 img{}
.service01 h3{
    position: absolute;
    bottom: -15px;
    left: 5%;
    background-color: #fabf0d;
    width: 90%;
    text-align: center;
    margin: 0px;
    padding: 10px 20px;
    color: #000;
    font-size: 22px;
    font-weight: 500;
    box-shadow: 0px 0px 10px rgb(250 191 13 / 66%);
}
.cerfitate01{
    text-align: center;
    background-color: #fff;
    float: left;
    width: 100%;
}
.cerfitate01 h4{
    color: #000;
    margin-top: 0px;
    background-color: #fabf0d;
    text-align: center;
    padding: 10px;
    font-size: 25px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.cerfitate01 img{
    max-width: 330px;
    margin: 10px;
}
.video01{
    float: left;
    width: 100%;
    padding: 50px 0px;
	background-image: url("../images/bg-3.jpg");
	background-repeat: no-repeat;
    background-size: cover;
	background-attachment: fixed;
}
.video01 iframe{
    border: 5px solid #fabf0d;
    height: 250px;
}
.video01 h3{
    font-size: 43px;
    font-weight: 700;
    color: #fff;
    line-height: 60px;
    margin-top: 60px;
}

.tahnkyou01{
    text-align: center;
    padding: 20px;
}
.tahnkyou01 img{}
.tahnkyou01 h1{}
.tahnkyou01 h2{
    margin-bottom: 30px;
}
.tahnkyou01 a{
    background-color: #9ecb3b;
    color: #000;
    padding: 10px 20px;
    border-radius: 32px;
}
.tahnkyou01 a:hover{
    background-color: #000;
    color: #fff;
}
footer{
    float: left;
    width: 100%;
    padding: 50px 0px 0px;
    }
.contleft001{
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.contleft001 h3{
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 800;
    margin-top: 0px;
    color: #fff;
    margin-bottom: 30px;
}
.contleft001 form{}
.contleft001 form ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
}
.contleft001 form ul li{
    width: 33.3%;
    height: auto;
    float: left;
    margin-bottom: 10px;
    padding-right: 10px;
}
.contleft001 form ul li input{
    width: 100%;
    height: 50px;
    border: 1px solid rgb(222 222 222 / 78%);
    padding: 10px 15px;
    color: #fff;
    font-size: 16px;
    outline:0px;
    box-shadow:none;
    background-color: #000;
}
.contleft001 form ul li textarea{
    width: 100%;
    height: 100px;
    border: 1px solid rgb(222 222 222 / 78%);
    padding: 10px 15px;
    color: #fff;
    font-size: 16px;
    outline:0px;
    box-shadow:none;
    background-color: #000;
}
.contleft001 form ul li button{
    width: 100%;
    height: 50px;
    padding: 10px 15px;
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
    background-color: #000;
    letter-spacing: 1px;
    font-weight: 500;
    border: 1px solid rgb(222 222 222 / 78%);
    max-width: 300px;
}
.contleft001 form ul li button:hover{
    background-color: #fabf0d;
    border: 0px;
    color: #000;
}
.contleft001 form ul li button i{    font-size: 22px;  margin-right: 5px;}
.contleft001 form ul li:nth-child(4){width: 100%;}
.contleft001 form ul li:nth-child(5){
    width: 100%;
}
footer iframe{ height: 310px;}
.fotcopy0{
    float: left;
    width: 100%;
    border-top: 1px solid rgb(255 255 255 / 8%);
    margin-top: 30px;
    padding-top: 15px;
    color: #000;
    text-align: center;
    font-size: 15px;
    letter-spacing: 0.5px;
    background-color: #fff;
    padding-bottom: 15px;
}
.fotcopy0 a{
    color: #1d1d1d;
    font-weight: 600;
}
.fotcopy0 a:hover{
    color: #fabf0d;
}
.instgram{    float: right;
    width: 40px;
    margin-top: -5px;
    margin-left: 20px;}
.instgram a{}
.instgram a img{}
.instgram a:hover{}


@media (max-width:660px){
	.logo01{text-align: center;}
	.logo01 a img { max-height: 70px;}
	.topright01{margin-top: 10px; text-align: center;}
	.menu ul li{    margin-left: 9px;font-size: 13px;}
	.menu ul{    width: 100%; margin-bottom: 17px;}
	.tpcall01 a{    padding: 3px 21px 5px;}
	.instgram{    margin-top: -5px;}
	.bnrslidetxt h2{    font-size: 40px; margin-bottom: 13px;}
	.bnrslidetxt{ padding-top: 130px;}
	.bnrslidetxt h4{font-size: 23px; line-height: 33px;}
	.bnrslidetxt h3{    font-size: 17px;}
	.abtleft01 h2{font-size: 16px;}
	.abtleft01 h3{    font-size: 30px;}
	.abtleft01 h4{    font-size: 18px;}
	.abtleft01 ul li{    width: 100%;     padding-right: 0px;}
	.services01 h2{font-size: 34px;}
	.service01 h3{padding: 10px 10px;     font-size: 17px;}
	.cerfitate01 h4{font-size: 22px;}
	.cerfitate01 img { max-width: 100%; margin: 0px;  padding: 10px;}
	.video01 h3{    font-size: 25px;     line-height: 37px;  margin-top: 0px;}
	.video01 iframe{    height: 180px;}
	.contleft001 h3{    font-size: 30px;     margin-bottom: 22px;}
	.contleft001 form ul li{    width: 100%;     padding-right: 0px;}
	.contleft001 form ul li button{max-width: 100%;}
	footer iframe { height: 200px; float: left; width: 100%;}
	.fotcopy0{padding-bottom: 70px;}
}







