@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap');
@import url('https://use.fontawesome.com/releases/v6.2.0/css/all.css');

*{-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none;outline:none;margin:0;padding:0;-webkit-transition:none;-o-transition:none;transition:none}
html{-webkit-text-size-adjust:100%}
body{font-family:'Roboto' ,sans-serif;font-size: 16px;font-weight: 400;line-height: 1.4;position:relative;margin:0;padding:0;color: #161616;overflow-x: hidden;background: #fcf9f7;}
.container{ width: 100%; max-width: 1300px; margin: 0 auto; }
h1,h2,h3,h4,h5,h6{font-weight: 700;margin:0;line-height: 1.3;font-family:'Roboto Condensed' ,sans-serif;}
a,a:focus,a:hover{outline:medium none;text-decoration:none;color: #8c0618;}
ul,ol{padding:0;margin:0;list-style:none}
.cuani, a,span,p,i,input,select,textarea,li,img,svg path,*::after,*::before,h1,h2,h3,h4,h5,h6,div {transition: all 0.5s ease-out 0s;-webkit-transition: all 0.5s ease-out 0s;-moz-transition: all 0.5s ease-out 0s;-ms-transition: all 0.5s ease-out 0s;-o-transition: all 0.5s ease-out 0s;}
b, strong{font-weight:700}
p{margin:0}
::selection {background: #8c0618;color:#fff }
::-moz-selection {background: #8c0618;color:#fff}
.h100{height:100%}
.header{text-align: center;}
.header img{width: 120px;margin: auto;}
.header h1{}

/*-----*/
.htitle2{z-index: 1;position:relative;display:block;font-size: 36px;color: #8c0618;margin:0;padding-bottom: 10px;text-transform: uppercase;}
.htitle2 + p{width: 70%;margin: auto;margin-bottom: 25px;font-size: 18px;position: relative;font-weight: 400;}
@media (max-width: 992px) 
{
	.htitle2 + p, .htitle2.center + p{width:100%;font-size: 16px;}
}

.box6{padding: 0;background: #fff;overflow: hidden;border-radius: 10px;height:100%}
.box6 .box-img {position: relative;overflow: hidden;padding: 10px;}
.box6 .box-img img{width:100%;border-radius: 5px;}
.box6 .box-text{position:relative;padding: 20px;color: #161616;}
.box6 .box-text h4{font-size: 21px;text-transform: uppercase;color: #8c0618;margin-bottom: 15px;}


ul.boxlist4{padding:0;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;}
ul.boxlist4 li{margin: 0;padding:15px;width: calc(100%/4);transition: all 0.7s ease 0s;}
@media screen and (max-width: 992px) {ul.boxlist4 li{width: calc(100%/3);}}
@media screen and (max-width: 749px) {ul.boxlist4 li{width: calc(100%/2);}}
@media screen and (max-width: 565px) {ul.boxlist4 li{width:100%;}}


.footer {padding: 60px 0;overflow: hidden;margin-top: 45px;border-top: 1px solid #a9a9a963;text-align: center;background: #4a5054;color: #fff;}
.footer .ft-contact i{font-size:30px;color: #fff;}
.footer .ft-contact .icon{display:block;text-align:center;position:relative;margin-bottom:20px;}
.footer .ft-contact .icon:before,
.footer .ft-contact .icon:after{content:'';position:absolute;top:50%;height:1px;background-color: #ffffff4d;width:39%;margin:auto;}
.footer .ft-contact .icon:before{left:0;}
.footer .ft-contact .icon:after{right:0;}

/*---------------*/
.copyrights{padding: 21px 0;overflow: hidden;margin-top: 0;border-top: 1px solid #a9a9a963;text-align: center;background: #4a5054;color: #fff;}
.copyrights p, .copyrights a{margin: 0;color: #161616;}