@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


html {scroll-behavior: smooth;}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

* {padding:0; margin:0;}
body{margin:0px; font-family: "Montserrat", serif; font-w-webkit-font-smoothing: subpixel-antialiased ; font-weight: normal;  counter-reset: section;
/*overflow: hidden;*/}
a             {  text-decoration:none; transition-duration: 0.5s; outline:none !important;}
a:hover       { text-decoration: none;   
	animation-delay: 0.5s;
    animation-duration: 1s; 
    animation-iteration-count: infinite;
    animation-name: hvr-back-pulse;
    animation-timing-function: linear;
	}
:focus   { outline: 0; text-decoration:none !important; }
img{border:0px; outline:none; max-width:100%;}
.img-fullwidth {width:100%;}

ul,li{ list-style:none; margin:0; padding:0;}
strong{ }
/* Headings */
h1,h2,h3,
h4,h5,h6      { font-family: "Poppins", serif; }
h1            { }
h2            { }
h3            { }
h4            { }
h5            { }
h6            { }
 input[type="submit"]{ cursor:pointer}
.t-t-u{ text-transform:uppercase !important; }
.t-t-n{ text-transform:none !important; }
.t-l{ text-align:left !important; }
.t-r{ text-align:right !important; }
.t-c{ text-align:center !important; }
.r-gap{ margin-right:0!important;}
.flt-l{ float:left!important;}
.flt-r{ float:right!important;}
.flt-none{ float:none!important;}
.no-border{ border:0!important;}
.bgnone{ background:none !important}
.underliene { text-decoration:underline; }

div{  }
p{ font-size:15px;}


.no-padding {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.no-padding-left {padding-left: 0 !important;}
.no-padding-right {padding-right: 0 !important;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  opacity: 0.5;
}
::-moz-placeholder { /* Firefox 19+ */
  opacity: 0.5;
}
:-ms-input-placeholder { /* IE 10+ */
  opacity: 0.5;
}
:-moz-placeholder { /* Firefox 18- */
  opacity: 0.5;
}

.container {max-width: 1400px;} 

header {width: 100%; position: fixed; left: 0; top: 0; z-index: 9999;}
header .navarea .logo { padding-top: 28px; }
header .navarea { background: #f8f8fa; position:relative;min-height: 135px;}
.sina-nav .sina-menu { float: right; margin-top: 20px;}
.sina-nav .sina-menu > li { margin: 0 0 0 30px; }
.sina-menu > li > a { max-width: fit-content !important; color: #3e3b3d !important;padding:30px 0 30px 15px !important;font-size: 17px !important; text-transform: uppercase; font-weight: 400 !important;font-family: "Mulish", serif; text-transform: none !important;}
.sina-menu > li > a:hover { color: #c99c4e !important; font-weight: 400 !important; }
header .navarea .right_area { padding-top: 16px; display: flex; justify-content: right; }
header .navarea .right_area .gray { background: #c99c4e; padding: 12px 15px; color: #fff; font-size: 18px;font-family: "Mulish", serif; margin-top:18px;}
header .navarea .right_area .gray:hover { background: #333; }

.banner { width: 100%; position: relative; height: 800px; overflow: hidden; margin-top: 132px;}
.banner img { width: 100%; margin-top: -2.5%; }
.banner .container { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 99;}
.banner .bantext_area { width: 80%; margin: 0 10%; text-align: center; }
.banner .bantext_area h1 { font-size: 73px; font-weight: 700; margin: 0 0 32px; color: #fff; }
.banner .bantext_area h1 span { display: block; font-weight: 400;  }
.banner .bantext_area p { color: #fff; margin-bottom: 50px; display: block; font-size: 24px; }
.banner .bantext_area .butn { padding: 12px 30px; background: #c99c4e; color: #fff; font-size: 18px; display: inline-block; font-weight: 500; }
.banner .bantext_area .butn:hover { background: #fff; color: #000; }

.mid1 { width: 100%; position: relative; padding: 70px 0; background: #f8f8fa; }
.mid1 h2 { font-size: 46px; font-weight: 600; margin-bottom: 10px; text-align: center; }
.mid1 p { font-size: 21px; text-align: center; }
.mid1 .block { width: 90%; height: 80%; padding: 45px 30px; position: relative; text-align: center; background: #fff; box-shadow: 0 0 20px 0 rgba(0,0,0,0.15); margin:10% 5%; border: 1px solid #fff; }
.mid1 .block span { font-weight: 600; }
.mid1 .block h3 { font-size: 24px; margin: 18px 0 15px; font-weight: 500; }
.mid1 .block p { font-size: 14px; color: #555; }



.mid2 { width: 100%; position: relative; padding: 120px 0; background:#f8f8fa url('../images/back1.png') 100% 0 no-repeat; background-size: 50% 100%; }
.mid2 .container { position: relative; z-index: 2; }
.mid2 h2 { font-size: 46px; font-weight: 600; margin-bottom: 35px; margin-top:20px; color: #020302;}
.mid2 p { font-size: 17px; color: #010101; margin-bottom: 25px; line-height: 30px;}
.mid2 .right { padding: 0 70px; }
.orange_butn { padding: 12px 30px; background: #c99c4e; color: #fff; font-size: 18px; display: inline-block; font-weight: 500; }
.orange_butn:hover { background: #333; color: #fff; }

.mid3 { background: #fff; width: 100%; padding: 90px 0; }
.mid3 h2 { margin-bottom: 60px; color: #020302; font-size: 45px; font-weight: 600; text-align: center; }
.mid3 h3 { font-size: 22px; font-weight: 600; color: #020302;}
.mid3 p { font-size: 18px; color: #010101; margin-bottom: 25px; line-height: 30px; /*text-align:center;*/}
.mid3 .row .col-sm-12 { padding: 20px; }
.mid3 .row .col-md-2 { text-align: center; }
.mid3 .row {border-bottom: 1px solid #e3e3e3;}
.mid3 .row:nth-child(1), .mid3 .row:last-child { border: 0; }
.mid3 .row:last-child { padding: 60px 0 0; text-align: center; }

.mid4 { background: #fff;padding: 70px 0; width: 100%; position: relative;}
.mid4 h2 { font-size: 46px; font-weight: 600; margin-bottom: 35px; margin-top:20px; color: #020302; text-align:center; margin-bottom: 50px;}
.mid4 .block .img { text-align: center; }
.mid4 .block .img img { border-radius: 100%; border: 2px solid #c99c4e; margin-bottom: 15px; }
.mid4 .block h3 { text-align: center; font-size: 24px; font-weight: 700; margin-bottom: 12px;}
.mid4 .block p { color: #4a4a4a; font-weight: 400; margin-bottom: 15px; font-size: 18px;text-align: center;}
.mid4 .block ul { list-style-type: none; padding: 0 20px;}
.mid4 .block ul li { color: #555; font-size: 16px; background: url('../images/bullet1.png') 0 4px no-repeat; font-weight: 400; padding-bottom: 10px; padding-left: 20px;}

.mid5 { background: #fdfdfe;padding: 70px 0; width: 100%; position: relative; text-align:center;}




.mid9 { width: 100%; position: relative; background: #f8f8fa;}
.mid9::before { position: absolute; left: 0; top: 0; width: 50%; height: 100%; content: ' '; background: url('../images/low_bk1.png') 0 0 no-repeat; background-size: cover; }
.mid9 .container { position: relative; z-index: 5; }
.mid9 .left { padding: 70px 50px;  }
.mid9 .left h2 { color: #fff; font-weight: 600; font-size: 40px; margin: 0 0 22px; text-transform: uppercase; }
.mid9 .left p { font-size: 15px; line-height: 30px; margin-bottom: 30px; color: #fff; }
.mid9 .left .ph { color: #fff; font-weight: 700; margin-bottom: 20px; font-size: 16px; }
.mid9 .left .ph img { margin-right: 8px; }

.mid9 .right { padding: 70px 50px; color: #000; font-size: 17px; font-weight: 300;}
.mid9 .right input[type="text"], .mid9 .right input[type="tel"], .mid9 .right input[type="email"] { width: 100%; height: 50px; border-radius: 12px; padding: 0 25px; color: #000; font-size: 17px; font-weight: 300; margin-bottom: 40px; border: 1px solid #bfbfbf; background: #fff; }
.mid9 .right textarea { width: 100%; height: 120px; border-radius: 12px; padding: 15px 25px; color: #000; font-size: 17px; font-weight: 300; margin-bottom: 30px; border: 1px solid #bfbfbf; resize: none; }
.mid9 .right input[type="checkbox"] { margin-right: 10px; } 
.mid9 .right input[type="submit"] {  padding: 15px 30px; background: #c99c4e; border-radius: 0; color: #fff; font-size: 15px; display: inline-block; border: 0; margin-top: 50px; font-weight: 600; }

footer { width: 100%; padding: 50px 0; background: #fff; position: relative; }
footer .top { padding-bottom: 35px; text-align: center; }
footer .top span { padding: 0 25px; border-right: 1px solid #d4d4d4; display: inline-block; }
footer .top span:last-child { border: 0; }
footer ul { width: 100%; text-align: center; }
footer ul li {display: inline-block; padding: 0 10px; text-transform: uppercase;}
footer ul li a { color: #3e3b3d; font-weight: 500; }
footer ul li a:hover { color: #c99c4e; }

.leftsocial { width: 32px; height: 250px; position: fixed; left: 45px; top: 40%; z-index: 9; }
.leftsocial img { margin: 20px 0; }


@media only screen and (min-width:1024.9px) {
.menu_cross_btn {display: none;}
}

@media (max-width: 1700px) {
.banner { height: auto; }
}
@media (max-width: 1500px) {
.leftsocial { display: none; }
.carousel-inner { width: 95%; }
.mid6 .carousel-control-prev, .mid6 .carousel-control-next { right: 0; }
.mid2 { background-size: cover; padding: 60px 0;}
}
@media (max-width: 1400px) {
.sina-nav .sina-menu > li { margin: 0 5px; }
.banner .bantext_area h1 { font-size: 55px; }
.mid3 { padding: 60px 0; }
}
@media (max-width: 1288px) {
header .navarea .right_area { position: relative; }
header .navarea .right_area .orange { position: absolute; left: -30px;}
.sina-menu > li > a { padding: 30px 15px !important; }
.mid5 .area { width: 100%; }
}
@media (max-width: 1199px) {
 .sina-menu > li > a {
    padding: 30px 5px !important;
  }
}
@media (max-width: 1100px) {
header .navarea .right_area .orange { left: -45px; }
.banner .bantext_area h1 span { font-size: 20px; }
.banner .bantext_area h1 { font-size: 38px; }
.banner .bantext_area .butn, .orange_butn { padding: 12px 20px; font-size: 14px; }
.mid1 .block h3 { font-size: 17px; }
.mid1 h2, .mid2 h2, .mid4 h2, .mid6 h2, .mid7 h2, .mid8 .lft h3, .mid9 .left h2, .mid3 h2 { font-size: 30px; margin-bottom: 20px; }
.mid4 .right h4, .mid8 .lft h4 { font-size: 17px; }
.mid3 h3 { font-size: 18px; }
.mid5 h2, .mid6 .carosel_inner .left h3,  .mid4 .right h3 { font-size: 24px; }
.mid6 .carosel_inner .mid h4 { font-size: 17px; }
.mid9 .right input[type="submit"] { font-size: 14px; padding: 12px 20px; }
.mid3 p { text-align: left; }
.mid4 .block h3 { font-size: 21px; }
.mid4 .block p { font-size: 16px; }
.mid9 .left h2 { font-size: 25px; }
}
@media (max-width: 1024px) {
.sina-nav { background: transparent; }
.sina-nav .navbar-toggle { margin: 23px 0 0 0; }
.sina-nav .navbar-toggle:hover { background: transparent; }
.sina-nav.mobile-sidebar .sina-menu { margin: 50px 0 0; }
.menu_cross_btn { position: absolute; top: 10px; right: 10px; color: #000;}
/* header { position: relative; } */
.banner { margin-top: 0; }
.sina-nav .sina-menu li.active > a { background-color: transparent; }
.sina-menu > li > a { max-width: 100% !important; }
.banner { margin-top: 96px; }
.mid2 img { width: 70%; }
}
@media (max-width: 991px) {
header .navarea .logo { text-align: center; padding-top: 10px; }
.sina-nav .navbar-toggle { top: -63px; margin: 0; }
 header .navarea .right_area {position: absolute;left: 0;bottom: 10px;width: 100%;justify-content: center;z-index:999;}
 header .navarea .right_area .orange { left: 0; position: relative; }
 header .navarea { min-height: auto;padding-bottom: 10px; }
 header .navarea .right_area .gray, header .navarea .right_area .orange { padding: 7px 15px; }
.mid2::before { width: 100%; }
.mid2 { text-align: center; }
.mid7 { padding: 35px 0; }
.mid8 .lft { text-align: center; padding: 0 60px; }
.mid8 .lft p, .mid8 { text-align: center; }
.mid8 img { margin-top: 30px; }
.mid9 .right, .mid9 .left { padding: 30px 50px; }
.mid9 .left { text-align: center; }
.mid9::before { width: 100%; }
.mid4 .left .bar_area .bar, .mid4 .left .bar_area .bar .lst, .mid4 .left .bar_area .bar .lst .percent, .mid4 .left .bar_area .bar .fst { width: 55px; }
.mid4 .left .bar_area .bar .fst { width: 66px; }
.mid4 .left .bar_area .bar .lst .percent { padding-left: 11px; }
.mid4 .block ul { width: 300px; margin: 0 auto 35px; }
.mid9 .right { color: #fff; }
.sina-nav .sina-nav-header.social-on { height: 0; }
header .navarea .right_area .gray { display: none; }
.menuarea { height: 0; }
.mid3 .row:last-child { padding: 20px 0 0; }
}
@media (max-width: 767.9px) {
.sina-nav .sina-nav-header.social-on { height: 54px; }
.banner .bantext_area p { font-size: 16px; }
.banner .bantext_area h1 { font-size: 26px; }
.banner .bantext_area h1 span { font-size: 15px; }
.mid3 h2 { font-size: 21px; }
.mid5 { display: block; }
.mid5 .sec1, .mid5 .sec2, .mid5 .sec3 { text-align: center; width: 100%; }
.mid5 .sec2 ul { padding: 0; }
.mid5 .sec2 ul li { text-align: left; }
header .top_sm_area span { font-size: 12px; }
.mid1 .block { margin: 7% 5% 0;height: auto; }
.mid4 .right {padding: 50px 30px 0;}
.mid3 .row .col-sm-12 { padding: 5px 20px; }
.mid4 { padding: 40px 0; }
.mid3 h3, .mid3 p { text-align: center; }
.mid3 p { font-size: 16px; }
footer ul li { display: block; }
.mid3 .row { margin-bottom: 20px; }
.sina-nav .sina-nav-header.social-on { height: 0; }
}

@media (max-width: 576.9px) {
.logo img { width: 120px; }
.banner .bantext_area { width: 100%; margin: 0; }
.banner .bantext_area p { font-size: 14px; margin: 0 0 16px; }
.banner .bantext_area h1 { margin: 0 0 12px; }
.mid6 .carosel_inner .mid { display: none; }
.mid6 .carosel_inner .left { width: 100%; }
.mid7 p { margin: 0 0 40px; }
.mid8 .lft { padding: 0 20px; }
.mid9 .right, .mid9 .left { padding: 30px 20px; }
.mid2 .right {padding: 50px 20px 0;}
.banner::before { width: 60%; height: 100%; content: ' '; position: absolute; left: 0; top: 0; z-index: 9; background: url('../images/ban_lft_arrow.png') 100% 0 no-repeat; background-size: contain; }
.mid4 .left .bar_area { display: block; }
.mid4 .left .bar_area .bar{ width: 100%; height: 55px; margin: 10px 0;flex-direction: row-reverse; }
.mid4 .left .bar_area .bar .fst span, .mid4 .left .bar_area .bar .lst .percent span {transform: rotate(0deg);}
.mid4 .left .bar_area .bar .lst .percent { position: relative; }
.mid4 .left .bar_area .bar .lst, .mid4 .left .bar_area .bar .fst {height: 55px;}
.mid4 .left .bar_area .bar .lst { width: 65%; align-items: flex-start;}
.mid4 .left .bar_area .bar .fst { width: 35%; padding-left: 15px; }
.mid4 .left .bar_area .bar .lst .percent { width: 85%; }
.mid4 .left .bar_area .bar .lst .percent2 { width: 60%; }
.mid4 .left .bar_area .bar .lst .percent3 { width: 75%; }
.mid4 .left .bar_area .bar .lst .percent4 { width: 30%; }
.mid4 .left .bar_area .bar .lst .percent5 { width: 100%; } 
.mid4 .left .bar_area .bar .fst { font-size: 13px; }
.banner .bantext_area h1 { font-size: 20px; }
.banner .bantext_area h1 span { font-size: 11px; }
.banner .bantext_area .butn, .orange_butn { padding: 5px 14px; font-size: 12px; }
.mid1 h2, .mid2 h2, .mid4 h2, .mid6 h2, .mid7 h2, .mid8 .lft h3, .mid9 .left h2 { font-size: 22px; }
.mid6 .carousel-control-next { top: inherit;bottom: -25px; }
.mid6 .carousel-control-prev { top: inherit; }
.mid9 .right input[type="submit"] { margin-top: 10px; }
.mid9 .right input[type="text"], .mid9 .right input[type="tel"], .mid9 .right input[type="email"] { margin-bottom: 15px; }
header .top_sm_area span { width: 80%; text-align: left; }
footer .top span { border-right: 0; }
.banner { margin-top: 70px; }
.sina-nav .navbar-toggle { top: -45px; }
}

@media (max-width: 355.9px) {
.banner .bantext_area p { font-size: 12px; line-height: 14px; margin: 0 0 9px;}
.banner .bantext_area h1 { font-size: 17px; margin: 0 0 7px; }
}