@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
body{
	font-family: 'Roboto', sans-serif;
}
img{
	max-width: 100%;
}
header{
	position: relative;
	padding: 90px 0 0 0;
	color: #fff;
	background-image: url(../img/timg.jpg);
	background-size: cover;
    background-position: center;
	font-size: 40px;
	font-weight: 500;
	text-align: center;
	overflow: hidden;
}
header:before{
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(
335deg
, #00000085, #000000d1);
}
header > div{
	position: relative;
	z-index: 10;
}
header a{
    display: inline-block;
    margin-bottom: 60px;
    padding: 10px 20px;
    font-size: 35px;
    text-decoration: none;
    color: #ffa22a;
    border: 1px solid #ffa22a;
}
header p.tit{
    margin-top: 30px;
    font-size: 30px;
}
header .waves{
    margin-top: 50px;
}
.b_cb{
    position: fixed;
    z-index: 999;
    right: 0;
    bottom: 0;
    left: 0;
}
.b_cb a{
	display: block;
    padding: 15px;
    text-align: center;
    background-color: #ffb50d;
    color: #000;
    text-decoration: none;
    font-weight: 600;
    font-size: 19px;
}
.ssec{
	padding: 90px 0;
}
.ssec p.tit{
	font-size: 20px;
	font-weight: 600;
	text-align: right;
}
.ssec p.desc{
	padding-left: 50px;
	font-style: italic;
	text-align: right;
}
.ssec ul{
	margin: 60px 0;
	font-size: 14px; 
}
.ssec .rs{
	line-height: 170%;
}
.sbcs{
	position: relative;
	margin-bottom: 90px;
	padding: 90px 0;
	background-image: url(../img/cbc.jpg);
	color: #fff;
	text-align: center;
	font-size: 30px;
	font-weight: 500;
}
.sbcs:before{
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(
56deg
, #0f1023ba, #1e193adb);
}
.sbcs > div{
	position: relative;
	z-index: 20;
}
.sbcs span a{
	color: #ffb50d;
}
.tsec{
	padding: 90px 0;
}
.tsec h3{
	margin-bottom: 35px;
	text-align: center;
}
.tsec .wr{
	padding: 20px 12px;
	border: 1px solid #000;
}
.tsec .wr ul{
	list-style: none;
}
.tsec .wr ul li{
	position: relative;
	padding: 5px 0;
}
.tsec .wr ul li:before{
	content: "\002B";
	position: absolute;
	left: -15px;
	color: #1fbc1c;
    font-weight: 700;
}
.tsec a{
    color: #000;
}
.price h3{
	margin-bottom: 35px;
	text-align: center;
	font-weight: 900;
}
.price table{
	margin-bottom: 50px;
}
.gl{
	padding: 90px 0;
}
.gl img{
	width: 100%;
	margin-bottom: 25px;
}
.gl iframe{
	max-width: 100%;
}
footer{
	padding: 0 0 30px 0;
    background-color: #1d1d1d;
}
footer .wr{
	margin-bottom: 15px;
	border: 1px solid #ccc;
}
footer .wr p{
	margin-bottom: 5px;
}
footer .wr{
	display: grid;
	grid-template-columns: 1fr 5fr;
	padding: 15px;
	color: #fff;
}
footer .wr > div{
	padding-left: 25px;
}
footer .wr .desc{
	color: #ccc;
}
footer .desc a{
    color: #ccc;
}
footer .ur{
    margin-top: 28px;
    font-size: 13px;
    color: #969696;
}
footer .waves{
    transform: rotate(180deg);
    margin-bottom: 50px;
}
@media(max-width: 950px){
	header{
		text-align: center;
		font-size: 35px;
	}
	header a{
	    font-size: 29px;
	}
	header .triangles img:nth-child(1){
	    top: 0px!important;
	    left: -120px!important;
	}
	header .triangles img:nth-child(2){
        top: -120px!important;
	    right: -100px!important;
	}
	.sbcs{
		font-size: 23px;
	}
	.ssec p.tit{
	    text-align: center;
	}
	.ssec p.desc{
	    padding: 0;
	    text-align: center;
	}
	.ssec h3{
	    text-align: center;
	}
}
@media(min-width: 950px){
	.b_cb{
		display: none;
	}
}
/*********************/
.waves {
  position:relative;
  width: 100%;
  height:15vh;
  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:100px;
  max-height:150px;
}
.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}


header .triangles img.left{
    position: absolute;
    z-index: 5;
    left: 0;
    animation: 6s linear 1s infinite alternate triangle_animate;
}
header .triangles img.left:first-of-type{
display: block;
top: 137px;
left: -55px;
}
header .triangles img.left:last-of-type{
display: block;
top: 103%!important;
right: -68px;
left: auto!important;
}

@keyframes triangle_animate{
  0%{
    margin-top: -20px;
  }
  100%{
    margin-top: 40px;
  }
}