@font-face {
    font-family: byekan;
    src: url('/frontend/fonts/Beykan.eot'),
        url('/frontend/fonts/Byekan.ttf'),
        url('/frontend/fonts/Byekan.woff');
}
::selection {
  color:   white;                                  
  background: #5374a24d;
}
html,body{
    direction: ltr;
    overflow-x: hidden;
    font-family: 'BYekan';
}
*{
    padding: 0;
    margin: 0;
}
#scrollTop {
                position: fixed;
                bottom: 33px;
                left: 12px;
                cursor: pointer;
                display: none;
                color: #949494;
                border: 1px solid #949494;
                border-radius: 50%;
                font-size: 23px;
                padding: 7px 14px 0;
                background: #ff000000;
                transition: 0.5s;
                box-shadow: inset 0 0 18px #949494;
            }
            #scrollTop:hover {
                box-shadow: inset 0 0 18px #1a3f73;
                transition: 0.5s;
                color: #1a3f73;
            }
/***********************************       first-section          **************************************/
/* Navigation======================================= */
 .navigation {
background-image: url(/frontend/images/head1.png);
  background-position: bottom;
  background-size: cover;  
     background-repeat: no-repeat;
  position: fixed;
  width: 100%;
     height: 120px;
    padding: 0 21px 12px 23px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 5;
}
.navigation-right {
    width: 69%;
    position: absolute;
    top: 34px;
}
.logo-header {
    position: absolute;
    right: 18px;
}
.box-login {
    position: absolute;
    right: 20px;
}
.menu {
    margin: -45px 0 0 0;
    float: left;
}
.navbar {
    padding: 0;
}
ul.navbar-nav.mr-auto.mt-2.mt-lg-0 {
    padding: 0;
    margin: 0 !important;
    font-family: 'BYekan';
}
.dropdown{
    border-radius:0;
    border:0;
}
.dropdown-menu{
    background: #3d7daf;
    box-shadow: 1px 4px 7px 0px #555f68 !important;
    border:0;
    top:80%;
    border-radius:0px 0px 5px 5px;
}
.dropdown-item:hover{
    background: linear-gradient(to bottom, rgba(52, 109, 160, 0) 0%, rgba(62, 126, 176, 0) 5%, rgba(26, 62, 115, 0.26) 100%);
    color: #fff;
}
.navbar-light .navbar-nav .nav-link {
    color: white !important;
}
.dropdown-menu a{
    color: white;
    text-align:right;
} 
.navbar .nav-item .nav-link {
    color: #fff ;
    padding: 27px 12px 0;
    margin: 0 14px 0 0px;
    text-align: right;
        border-radius: 7px;
}
.navbar .nav-item .nav-link:hover,
.navbar .nav-item .nav-link:focus{
    color: white;
    transform: scale(1.05);
    background: linear-gradient(to bottom, rgba(63, 126, 176, 0) 0%, rgba(62, 125, 176, 0.23) 5%, rgba(26, 62, 115, 0.11) 100%);
} 
.logo-header {
    text-align: right;
}
.body-logo-header img {
    width: 73%;
    margin: 30px 0 0 0;
}
/*  BURGER MENU=================================== */
.menu-hemburger-respansive {
    display: none;
}
.menu-hemburger {
	    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 21;
    right: 1%;
}
.menu-hemburger span {
	position: relative;
	margin-top: 9px;
	margin-bottom: 9px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -15px;
	margin-top: -1.5px;
}
.menu-hemburger span, .menu-hemburger span::before, .menu-hemburger span::after {
    display: block;
    width: 26px;
    right: 0;
    top: 25px;
    left: 31px;
    height: 3px;
    background-color: #909090;
    outline: 1px solid transparent;
    -webkit-transition-property: background-color, -webkit-transform;
    -moz-transition-property: background-color, -moz-transform;
    -o-transition-property: background-color, -o-transform;
    transition-property: background-color, transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.menu-hemburger span::before, .menu-hemburger span::after {
	position: absolute;
	content: "";
}
.menu-hemburger span::before {
	top: -9px;
	 width:20px
}
.menu-hemburger span::after {
	top: 9px;width: 33px;

}
.menu-hemburger.clicked span {
	background-color: transparent;
}
.menu-hemburger.clicked span::before {
	-webkit-transform: translateY(9px) rotate(45deg);
	-moz-transform: translateY(9px) rotate(45deg);
	-ms-transform: translateY(9px) rotate(45deg);
	-o-transform: translateY(9px) rotate(45deg);
	transform: translateY(9px) rotate(45deg);    width: 33px;
}
.menu-hemburger.clicked span::after {
	-webkit-transform: translateY(-9px) rotate(-45deg);
	-moz-transform: translateY(-9px) rotate(-45deg);
	-ms-transform: translateY(-9px) rotate(-45deg);
	-o-transform: translateY(-9px) rotate(-45deg);
	transform: translateY(-9px) rotate(-45deg);
}
.menu-hemburger.clicked span:before, .menu-hemburger.clicked span:after {
	background-color: #ffffff;
}
.menu-hemburger:hover {
	cursor: pointer;
}
/*  NAV========================================= */
#nav {
    background: linear-gradient(90deg, #6c9bbf, #193f74);
	position: fixed;
	z-index: 20;
	top: 0;
	right: 0;
	height: 100%;
	max-width: 250px;
	width: 100%;
	padding: 75px 40px 60px 40px;
	overflow-y: auto;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
#nav.show {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
}
#nav.show ul.main li {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
}
.menu-hemburger.clicked {
    position: fixed;
    z-index: 99;
}
#nav.show ul.main li:nth-child(1) {
	transition-delay: 0.15s;
}
#nav.show ul.main li:nth-child(2) {
	transition-delay: 0.3s;
}
#nav.show ul.main li:nth-child(3) {
	transition-delay: 0.45s;
}
#nav.show ul.main li:nth-child(4) {
	transition-delay: 0.6s;
}
#nav.show ul.main li:nth-child(5) {
	transition-delay: 0.75s;
}
#nav.show ul.main li:nth-child(6) {
	transition-delay: 0.9s;
}
#nav.show ul.main li:nth-child(7) {
	transition-delay: 1.05s;
}
#nav.show ul.main li:nth-child(8) {
	transition-delay: 1.2s;
}
#nav.show ul.main li:nth-child(9) {
	transition-delay: 1.35s;
}
#nav.show .about, #nav.show .social, #nav.show ul.sub {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
	transition-delay: .85s;
}
@media (min-width: 667px) {
#nav {
	padding: 120px 30px 70px 20px;
}
}
#nav ul.main {
	list-style-type: none;
    text-align: right;
}
#nav ul.main li {
	-webkit-transform: translateX(40px);
	-moz-transform: translateX(40px);
	-ms-transform: translateX(40px);
	-o-transform: translateX(40px);
	transform: translateX(40px);
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	float: none;
	    list-style: circle;
    color: #fff
}
#nav ul.main li:last-of-type {
	margin-bottom: 0px;
}
#nav ul.main li a {
	color: #ffffff;
	
	text-decoration: none;
	text-transform: uppercase;
    font-size: 21px;
    display: block;
    padding: 8px 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#nav ul.main li a span {
	color: #b7ac7f;
}
#nav ul.main li a:hover {
    color: #969696;
    transition: 0.5s;
    transform: scale(1.1);
}
#nav ul.sub {
	list-style-type: none;
	margin-top: 40px;
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
	transform: translateY(30px);
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#nav ul.sub li {
	margin-bottom: 10px;
}
#nav ul.sub li:last-of-type {
	margin-bottom: 0px;
}
#nav ul.sub li a {
	color: #ffffff;
	font-family: "Raleway", sans-serif;
	letter-spacing: 1px;
	font-size: 0.9rem;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#nav ul.sub li a:hover {
	color: #b7ac7f;
}
.menu-hemburger:hover span{}
/*  OVERLAY========================================= */
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 7;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-color: #603e82;
	opacity: 0;
	visibility: hidden;
}
.overlay.show {
	opacity: 0.8;
	visibility: visible;
}
/*SELECT-LAN========================================= */
div#link {
    float: left;
    margin: -13px 0 0 0;
}
div#link li {
    display: inline-block;
    margin: 0 12px 0 -3px;
}
div#link a {
    text-decoration: none !important;
}
div#link img {
    width: 105%;
}
/* BOX=========================================== */
.box-login {
    width: 11%;
    font-size: 15px;
    margin: -20px 0 0 0;
}
.box-login i {
    color: #fd990b;
}
.box-login a {
    text-decoration: none;
    padding: 0 0px 0 5px;
}
.box-login a:hover {
    color: #fd990b;
    text-decoration: none;
}
/* SEARCH=========================================== */
.col-md-5.jumbotron{
        padding: 29px 0 0 0;
        text-align: center;
        height: 406px;
        width: 2000px;
        margin: 115px 0 0 -298px;
        box-shadow: inset 0 0 144px #22659c;
        border-radius: 5px;
        background: #ffffffde;
}
.search-box {
    background: linear-gradient(117deg, #ecd825, #da8200);
    height: 30px;
    border-radius: 50px;
    padding: 0px;
    float: left;
    margin: -15px 0 0 0;
}
.search-box:hover .search-txt{
	width: 126px;
	padding: 0 6px;
}
.search-box:hover button#search_btn{
    background: linear-gradient( rgba(149, 208, 255, 0.48) 0%, rgb(75, 150, 210) 5%, rgb(26, 62, 115) 100%);
}
button#search_btn {
    border:0;
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: linear-gradient(117deg, #ecd825, #da8200);
    display: flex;
    justify-content: center;
    align-items: center;
}
.search-txt {
    border: none;
    outline: none;
    background: none;
    float: right;
    padding: 0;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    width: 0;
    transition: width 400ms;
}
i.fas.fa-search {
    color: white;
    font-size: 13px;
}
/* SOCIAL-LINK-HEADER====================================== */
.social-link-header {
    position: absolute;
    margin: -2px 0px 0 9px;
    top: 33px;
}
.social-link-header i {
    border-radius: 50%;
    color: white;
    margin: 2px;
    box-shadow: 4px 5px 10px 0px dimgrey;
    width: 26px;
    height: 26px;
    text-align: center;
}
.social-link-header i:hover {
    transition: all .3s;
    transform: scale(1.06);
}
.social-link-header i.fab.fa-whatsapp {
    font-size: 19px;
    padding: 2px 1px 0 0;
    background: linear-gradient(117deg, #60ff6c, #113e18);
}
.social-link-header i.far.fa-paper-plane {
    font-size: 15px;
    padding: 5px 3px 0 0;
    background: linear-gradient(117deg, #3197ef, #163956);
}
.social-link-header i.fab.fa-instagram {
    font-size: 18px;
    padding: 3px 0 0 0;
    background: linear-gradient(117deg, #fff700, #cc03f1);
}
.social-link-header i.fab.fa-youtube {
    font-size: 15px;
    padding: 5px 0 0 0;
    background: linear-gradient(117deg, #ef3142, #3a0e12);
}
.social-link-header i.fab.fa-facebook-f {
    font-size: 16px;
    padding: 4px 1px 0 0;
    background: linear-gradient(117deg, #31ccef, #15235a);
}
/* FIRST-SECTION-BACKGROUNG========================== */
.background-first-section {
    position: relative;
}
.background-first-section img {
    width: 100%;
    height: 100%;
}
/* SLIDER-SHOW========================== */
.slider-show .slider .text-box {
    position: absolute;
    top: 82%;
    left: 0;
    right: 0;
    text-align: center;
}
.slider-show .slider .text-box p{
    font-size: 43px;
    font-weight: bold;
    color: #276a9f;
    
}
.slider-show .slider .carousel-inner img.pic-slide{
    width: 100%;
    height: 100%;
}
.slider-show .slider .carousel-control-next,
.slider-show .slider .carousel-control-prev {
    opacity: 1;
}
span.carousel-control--icon i {
    color: #e09c0b;
    font-size: 30px;
}
/***********************************       second-section          **************************************/
.section2{
    background-image: url(/frontend/images/background3.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 85px 0 50px;
}
.project {
    height: 271px;
    width: 100%;
    position: absolute;
    z-index: 4;
    top: 0;
}
.project-hover {
	width: 100%;
	height: 100%;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: #0000008f;
    padding: 18px 25px;
    text-align: center;
    border-radius: 8px;
}
.project-hover h4 {
    color: #fff;
    font-weight: bold;
    letter-spacing: 2px;
}
.project-hover p {
    text-align: left;
    font-size: 22px;
    margin: 0 0 6px 0;
    color: #ffb64f;
}
.project-hover hr {
	height: 30px;
	width: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-color: rgba(255, 255, 255, 1);
	border: 0;
}
.project:hover .project-hover {
	opacity: 1;
}
.project:hover .project-hover hr {
	width: 100%;
	height: 5px;
}
.body-col4-section2 {
    border-radius: 7px;
    box-shadow: 0px 0px 6px #bbbaba;
    margin: 0px 10px 53px;
    background: white;
    position: relative;
    text-align: center;
    padding: 0 0 12px;
}
.body-col4-section2 img {
    width: 75%;
    height: 180px;
    margin: -27px 0 0 0;
}
h3.smpl-pro-title {
    font-size: 22px;
    margin: 15px 0 2px;
    color: #2e6fa4;
}
.text-of-col4{
    padding: 12px 7px;   
}
.text-of-col4 h5 {
    color: #2b65bd;
    text-align: center;
    transition: 1s;
}
.text-of-col4 p {
    float: right;
    display: inline;
    color: #929292;
}
.text-of-col4 i {
    text-align: left !important;
    color: #e1a00d;
    display:none;
}
.link-see-all {
    float: right;
}
.link-see-all a:hover {
    font-size:23px;
    transition: 0.6s;
}
.link-see-all a {
    color: #fff;
        text-shadow: 0 0 10px #1a3f73;
    text-decoration: none;
    font-size: 21px;
    transition: 1s;
}
.link-see-all i {
    float: left;
    margin: 7px 16px 0 0;
}
/***********************************       article          **************************************/
/* ABOUT-US========================== */
.years h1 {
    color: #fd990b;
    font-size: 45px;
    margin: 0 0 -7px 0;
        width: 100%;
    text-align: left;
}
.about-us .col-sm-7 {
    padding: 0 37px 0 0px;
}
.years p {
    color: #2b65bd;
    word-spacing: 3px;
    font-size: 23px;
}
.Continue-year-title h2 {
    text-align: right;
    color: #fd990b;
}

p.top-title-description {
    color: #ababab;
    font-size: 17px;
    text-align: justify;
}
p.bottom-title-description {
    color: #a7a7a7;
    font-size: 18px;
    margin-bottom: 34px;
}
.about-us {
    padding: 43px 19px 10px;
}
.about-us .buttom-line {
    border-bottom: 1px solid #dee2e6;
    width: 23%;
    margin-bottom: 15px;
}
.about-us a.nav-link {
    padding: 5px 36px;
    margin: 0 0px 0 24px;
    color: #9e9e9e;
}
.about-us .row.row-of-header-sample ul{
    padding: 0 0 0 40px;
}
.about-us .row.row-of-header-sample li {
    list-style: none;
    text-decoration: none;
    margin: 0 0 7px 0;
}
.about-us .row.row-of-header-sample .list-tab-text{
    text-align: right;
    font-size: 14px;
}
.about-us .row.row-of-header-sample .list-tab-text a {
    color: #909090;
    text-decoration: none;
}
.about-us .row.row-of-header-sample .list-tab-text a:hover {
    color: #757575;
}
.about-us .row.row-of-header-sample i {
    font-size: 18px;
    color: #757575;
    margin: 0 0 7px 11px;
    float: right;
}
.about-us .btns-readmore {
    text-align: center;
    margin: 25px 0 0 0;
}
.about-us .btns-readmore a {
    border: 0;
    padding: 6px 29px;
    border-radius: 6px;
    margin-left: 9px;
    background: radial-gradient(#398fd2, #1b3f73);
    color: #fff;
    transition: 1s;
}
.about-us .btns-readmore a:hover {
    color: #7b7b7b;
    transition: 1s;
    transform: scale(1.08);
}

.image-sample {
    overflow: hidden;
}
.img-abs-products img {
    position: absolute;
    left: -14px;
    z-index: 1;
    width: 105%;
    top: 0px;
}
.background-col5 {
    height: 288px;
    width: 100%;
    position: relative;
    background-image: url(../img/cl1.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: 0.6s;
}
.img-abs-products img:hover .background-col5{
    transform: scale(1.09);
    transition: 0.6s;
}
.opacity-background {
    height: 288px;
}
.abs-products {
    margin: -0px 0 52px 0;
}

.main-body-of-col-sm-7 {
    margin: 44px 0 0 0;
}
/* PRODUCT-CATEGORIES========================== */
.product-categories {
    background-image: url(/frontend/images/back.kitchen.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.background-categories{
    background: #0e2d5c; 
    padding: 43px 0 0;
}
.cols-product-categories h1 {
    text-align: center;
    color: white;
    margin: 0 0 45px 0;
}
.body-col4-categories {
    margin-bottom: 60px;                                       
}
.body-col4-categories img {
    float: left;
    width: 11%;
    margin: -18px 9px 60px 0;
}
.body-col4-categories img.reason-1{
    margin: -17px 0px 0 9px;
}
.body-col4-categories img.reason-2{
    margin: -18px 0px 0 9px;
}
.body-col4-categories img.reason-3{
    margin: -2px 0px 0 9px;
}
.body-col4-categories img.reason-4{
    margin: -6px 0px 0 9px;
}
.body-col4-categories img.reason-6{
    margin: -12px 0px 0 9px;
}
p.topic-categories {
    text-align: left;
    margin: 0 0 0px 0;
    color: #fd990b;
    font-weight: bold;
    font-size: 16px;
    word-spacing: 0px;
}
.body-col4-categories .explanation {
    text-align: right;
    color: #cecece;
    margin-right: 3px;
}
/* MIDDLE-PAGE-EXPLANATION========================== */
.middle-page-explanation {
    text-align: center;
    padding: 45px 0;
    color: #2b65bd;
}
.middle-page-explanation .titles h1 {
    color: #fd990b;
}
.middle-page-explanation .titles p {
    color: #9e9e9e;
    font-size: 19px;
}
.col-img-only{
    overflow: hidden;
}
.col-img-only:hover img{
    transform: rotate(-10deg) scale(1.19);
    transition: 1s;
}
.col-img-only img {
        height: 209px;
    width: 100%;
        transition: 1s;
}
/* SOCIAL-LINK-FOOTER====================================== */
.social-link-footer {
    text-align: center;
    margin: 41px 0 -24px 0;
}
.social-link-footer i {
    border-radius: 50%;
    color: white;
    box-shadow: 4px 5px 10px 0px dimgrey;
    margin: 0 17px;
    width: 55px;
    height: 55px;
}
.social-link-footer i:hover {
    transition: all .3s;
    transform: scale(1.06);
}
.social-link-footer i.fab.fa-whatsapp {
    font-size: 40px;
    padding: 5px 0 0 0;
    background: linear-gradient(117deg, #60ff6c, #113e18);
}
.social-link-footer i.far.fa-paper-plane {
    font-size: 32px;
    padding: 10px 5px 0 0;
    background: linear-gradient(117deg, #3197ef, #163956);
}
.social-link-footer i.fab.fa-instagram {
    font-size: 38px;
    padding: 6px 0px 0 0;
    background: linear-gradient(117deg, #fff700, #cc03f1);
}
.social-link-footer i.fab.fa-youtube {
    font-size: 33px;
    padding: 10px 0 0 0;
    background: linear-gradient(117deg, #ef3142, #3a0e12);
}
.social-link-footer i.fab.fa-facebook-f {
    font-size: 32px;
    padding: 10px 2px 0 0;
    background: linear-gradient(117deg, #31ccef, #15235a);
}
/* ABOVE-FOOTER========================== */
.above-footer{
    background-image: url(/frontend/images/background3.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 28px 0 31px;
}
.main-body-colsm4 {
    background: white;
    text-align: left;
    border-radius: 5px;
    padding: 15px 12px 11px 0px;
    margin: 0 4px;
}
.contact {
    float: right;
    width: 86%;
    word-break: break-all;
    font-size:13px;
}
.contact p {
    margin: 0;
    font-size:13px;
    word-break: normal;
}
.above-footer img {
    float: left;
}
.above-footer img.icon-phone {
    background: #fd990b;
    margin: -76px 0 0px -13px;
    padding: 10px 10px;
    border-radius: 4px;
}
.above-footer img.icon-location {
    background: #fd990b;
    margin: -76px 0 0px -23px;
    padding: 10px 16px;
    border-radius: 4px;
}
.above-footer img.icon-earth {
    background: #fd990b;
    margin: -77px 0 0px -25px;
    padding: 10px 11px;
    border-radius: 4px;
}
.contact.number {
    margin: 0 -12px 0 0px;
}
/*************************************************************************/
/**********  footer  ***********/
.footer-top {
    background: #112f5d;
    padding: 50px 0 13px;
}
.body-join-us {
    background: #fd990b;
    width: 80%;
    margin: -86px auto 21px;
    padding: 15px 90px;
    border-radius: 6px;
}
.title-join-us h5 {
    margin: 9px 0 11px 0;
    color: white;
    text-align: center;
    font-size: 24px;
    letter-spacing: 1px;
}
.group-join-email {
    background: #fbb045;
    padding: 6px 7px;
    border-radius: 60px;
}
.input-email {
    float: right;
    width: 70%;
    text-align: right;
    margin-top: 3px;
}
.input-email input {
    width: 100%;
    padding: 0px 8px 0 0;
    border: 0;
    background: #ff000000;
    color: white;
}
.btn-join {
    width: 30%;
    float: right;
}
.btn-join button {
    border-radius: 20px;
    border: 0;
    padding: 4px 40px;
    color: #e4a005;
}
.footer-colsm.colsm4 {
    text-align: center;
    color: white;
}
.footer-colsm.colsm2 {
    text-align: center;
    background: #5374a24d;
    padding: 10px 0 1px;
}
.footer-colsm.colsm2 li {
    text-align: left;
    list-style: none;
    line-height:45px;
}
i.fas.fa-square {
    font-size: 5px;
    margin: 0 11px 0 18px;
    color: #e1a00d;
}
.footer-colsm.colsm2 a {
    color: white;
    text-decoration: none;
}
.buttom-line {
    border-bottom: 1px solid #98989896;
    width: 36%;
}
.map-footer img {
    width: 76%;
}
.footer-logo {
    padding: 9px 0 23px;
}
.footer-logo img {
    width: 35%;
}
.footer-bottom {
    padding: 9px 60px;
}
.sample-title {
    padding: 6px 0px;
}
.eng-explain {
    font-size: 13px;
}
.per-explain {
    font-size: 14px;
    padding: 0;
}
.footer-bottom p {
    color: #8e9fb9;
    margin: 0;
}
.right-text {
    float: right;
}

#nav {
    background: linear-gradient(90deg, #193f74, #6c9bbf);
    position: fixed;
    z-index: 20;
    top: 0;
    left: 0;
    height: 100%;
    max-width: 250px;
    width: 100%;
    padding: 75px 40px 60px 40px;
    overflow-y: auto;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
#nav ul.main li a {
    text-align: left;
}
/*************************************************************************/
/**********  respansive  **********/
@media (max-width: 1000px){
    .container {
    max-width: 676px;
}
    .about-us .col-sm-5,
    .about-us .col-sm-7,
    .row.row-of-top-footer .col-sm-4,
    .above-footer .col-sm-4{
            flex: auto;
            max-width:100%;
    }
    .footer-top .col-sm-2{
            flex: auto;
            max-width:50%;
    }
    .navigation {
        padding: 0 14px 0 6px;
            height: 74px;
    }
    .navigation-right {
    width: 100%;
}
    .navbar .nav-item .nav-link {
        padding: 27px 3px 0;
        margin: 0 0 0 8px;
        font-size: 12px;
    }
    div#link {
        margin: -11px 0 0 0;
    }
    div#link img {
        width: 90%;
    }
    div#link li {
        margin: 0;
    }
    .search-box {
        height: 25px;
        margin: -11px 0px 0 6px;
    }
    .search-btn {
        width: 25px;
        height: 25px;
    }
    i.fas.fa-search {
        font-size: 11px;
    }
    .search-box:hover .search-txt {
        width: 80px;
        padding: 0 3px;
    }
    .search-txt {
        border: none;
        outline: none;
        background: none;
        float: left;
        padding: 0;
        color: #fff;
        font-size: 11px;
        line-height: 27px;
        width: 0;
        transition: width 400ms;
    }
    .social-link-header {
        text-align: left;
        position: fixed;
        margin: -16px 0 0 -1px;
    }
    .body-logo-header img {
        width: 69%;
        margin: 18px 0 0 0;
    }
    .social-link-header i {
        width: 21px;
        height: 21px;
        text-align: center;
    }
    .social-link-header i.fab.fa-whatsapp {
        font-size: 15px;
        padding: 3px 0px 0 0;
        background: linear-gradient(117deg, #60ff6c, #113e18);
    }
    .social-link-header i.far.fa-paper-plane {
        font-size: 12px;
        padding: 5px 0 0 2px;
    }
    .social-link-header i.fab.fa-instagram {
        font-size: 15px;
        padding: 3px 0 0 0;
    }
    .slider-show .slider .text-box p {
        font-size: 29px;
    }
    .slider-show .slider .text-box {
        position: absolute;
        top: 85%;
        right: 0%;
        left: 0%;
    }
    .img-of-col4 img.product3 {
        padding: 0 4px 17px;
        margin: 17px 0 0px 0;
        width: 70%;
    }
    .text-of-col4 p {
        float: left;
        display: inline;
        color: #929292;
        text-align: right;
        font-size: 13px;
    }
    .img-of-col4 img.product5 {
        margin: 25px 0 0px;
        width: 69%;
    }
    .img-of-col4 img.product6 {
        margin: -8px 0 8px 0;
        width: 67%;
    }
}
@media (max-width: 700px){
    .container {
        max-width: 700px;
    }
    .body-col4-section2 {
        margin: 0px 0px 53px;
    }
    .body-col4-section2 img {
        width: 31%;
        height: 149px;
    }
    .main-body-of-col-sm-7 {
        padding: 0px 0 0 0;
    }
    .about-us .btns-readmore {
        margin: 29px 0 29px 0;
    }
    .about-us .col-sm-7 {
         padding: 0; 
    }
    .about-us .col-sm-5,
    .about-us .col-sm-7,
    .row.row-of-top-footer .col-sm-4,
    .above-footer .col-sm-4{
            flex: auto;
            max-width:100%;
    }
    .footer-top .col-sm-2{
            flex: auto;
            max-width:50%;
    }
    .navigation {
        height: 71px;
        padding: 0 27px 12px;
    }
    .menu {
        display: none;
    }
    .menu-hemburger-respansive {
        display: block;
    }
    .menu-hemburger {
        margin: 7px 0 0 11px;
        left: 0%;
        top: -5px;
    }
    .social-link-header {
        display: none;
    }
    div#link {
        float: left;
        margin: 19px 8px 0 60px;
    }
    .search-box {
        margin: 16px 0 0 0;
        height: 30px;
    }
    .body-logo-header img {
        width: 65%;
        margin: 31px 0 0 0;
    }
    .slider-show .slider .text-box p {
        font-size: 20px;
    }
    .slider-show .slider .text-box {
        top: 82%;
        left: 0;
        right: 0;
    }
    .carousel-control-next, .carousel-control-prev {
        position: absolute;
        top: 62px;
    }
    .section2 {
        padding: 55px 0 32px;
    }
    .img-of-col4 img.product3 {
    padding: 0 4px 17px;
    margin: 11px 0 0px 0;
    width: 70%;
}
    .img-of-col4 img {
        padding: 0 4px 19px;
    }
    .img-of-col4 img.product1 {
    margin: -24px 0 0 0;
    padding: 0 4px 17px;
    width: 22%;
}
.img-of-col4 img.product5 {
    margin: 20px 0 0px;
    padding: 0 4px 17px;
    width: 69%;
}
.img-of-col4 img.product6 {
    margin: -5px 0 2px 0;
    padding: 0 4px 17px;
    width: 67%;
}
    .text-of-col4 p {
        text-align: right;
        margin: 0;
    }
    .text-of-col4 i {
        margin: -16px 8px 0 0 ;
    }
    .background-categories {
        padding: 33px 0 0;
    }
    .cols-product-categories h1 {
        font-size: 37px;
    }
    .body-col4-categories {
        margin-bottom: 46px;
        padding-right: 0;
    }
    .topic {
        margin: 0 0 6px 0;
    }
    .body-col4-categories i {
        font-size: 32px;
        margin: -11px 8px 0 0px ;
    }
    .middle-page-explanation {
        text-align: center;
        padding: 45px 0 7px;
        color: #1d789c;
    }
    .body-join-us {
        width: 100%;
        padding: 12px 14px;
    }
    .title-join-us h5 {
        text-align: center;
        font-size: 18px;
    }
    .Continue-year-title h2 {
        text-align: center;
    }
    .years {
        float: none;
        text-align: center;
    }
    .img-abs-products img {
        position: absolute;
        right: -21px;
        z-index: 1;
        width: 107%;
        top: 0px;
    }
    .about-us .btns-readmore button {
        margin-bottom: 34px;
    }
    .background-col5 {
        height: 413px;
    }
    .input-email {
        width: 69%;
    }
    .btn-join button {
        padding: 3px 34px;
    }
    .main-body-colsm4 {
        margin: 13px 30px 18px;
    }
    .footer-bottom {
        padding: 9px 60px;
        text-align: center;
    }
    .right-text {
        float: none;
    }
    #scrollTop {
        bottom: 14px;
    }
    .footer-colsm.colsm4 {
        margin: 9px 0px 31px;
    }
    .navigation-right {
        top: 1px;
        right: 0;
    }
    .slider-show .slider .carousel-inner img.pic-slide {
        width: 100%;
        height: 380px;
    }
    
}
@media (max-width: 400px) {
    .link-see-all {
        float: right;
        margin: -16px 0 0;
    }
        h3.smpl-pro-title {
        font-size: 16px;
    }
    .main-body-of-col-sm-7 {
        margin: -14px 0 0 0;
    }
    .navigation {  
        height: 11%;
        padding: 0;
    }
    .navigation-right {
        width: 90%;
    }
    .social-link-header {
        display: none;
    }
    .menu {

    display: none;
}
    .menu-hemburger-respansive {
        display: block;
    }
    .menu-hemburger {
        height: 0;
        left: -7%;
        margin: 16px 0 0 0;
    }
    .search-txt {
        border: none;
        outline: none;
        background: none;
        float: left;
        padding: 0;
        color: #fff;
        font-size: 12px;
        line-height: 27px;
        width: 0px;
        transition: width 300ms;
    }
    div#link {
        float: left;
        margin: 1px 0 0 27px;
    }
    .search-box {
        margin: 2px 0 0 6px;
        height: 27px;
    }
    .text-of-col4 i {
        margin: 8px 8px 0 0 ;
    }
    .body-logo-header img {
        width: 100%;
        margin: 19px -8px 0 0 ;
    }
    button#search_btn {
        padding: 2px 7px 1px;
        width: 26px;
        height: 26px;
    }
    .navigation-right {
        top: 11px;
    }
    .slider-show .slider .carousel-inner img.pic-slide {
        width: 100%;
        height: 250px;
    }
    .logo-header {
        position: absolute;
        right: 8px;
        width: 40%;
    }
    .background-first-section img {   
        height: 35%;
    }
    .slider-show .slider .text-box p {
        font-size: 14px;
    }
    .slider-show .slider .text-box {
        top: 78%;
        left: 0;
        right: 0;
    }
    .carousel-control-next, .carousel-control-prev {
        position: absolute;
        top: 62px;
    }
    .section2 {
        padding: 47px 0px 23px;
    }
    .about-us {
    padding: 0px 6px 0;
            margin-bottom: 0px;
}
    .years {
     float: none; 
    text-align: center;
}
    .Continue-year-title h2 {
    text-align: center;
}
    p.top-title-description {
    color: #113060;
    font-size: 19px;
    margin: 0 0 7px 0;
}
    p.bottom-title-description {
    color: #a7a7a7;
    font-size: 15px;
    margin-bottom: 24px;
}
    .about-us .row.row-of-header-sample ul {
    padding: 0 65px 0 0;
}
    .about-us .btns-readmore {
    text-align: center;
    margin: 0 0 23px 0;
}
    .img-abs-products img {
    right: -5px;
    width: 103%;
}
    .background-col5 {
    height: 228px;
}
    .background-categories {
    padding: 15px 0 0;
}
    .cols-product-categories h1 {
        margin: 0px 0 42px 0;
        font-size: 26px;
    }
    .body-col4-categories {
        margin-bottom: 38px;
        padding-left: 2px;
    }
    .middle-page-explanation {
        padding: 9px 0;
    }
    .col-img-only {
        overflow: hidden;
        margin: 0 0 17px 0;
    }
    .social-link-footer {
        text-align: center;
        margin: 0px 0 -24px 0;
    }
    .social-link-footer i {
        margin: 0 4px;
    }
    .above-footer img.icon-phone {
        margin: -76px -13px 0 0px ;
        padding: 16px 17px;
    }
    .above-footer img.icon-location {
        background: #fd990b;
        margin: -76px -13px 0 0px;
    }
    .above-footer img.icon-earth {
        background: #fd990b;
        margin: -77px -16px 0 0;
        padding: 17px 17px;
        border-radius: 4px;
    }
    .main-body-colsm4 {
        padding: 15px 0px 14px 0 ;
        margin: 0 0 28px 0px;
    }
    .body-join-us {
        margin: -88px auto 22px;
        padding: 1px 14px 9px;
    }
    .title-join-us h5 {
    margin: 9px 0 8px 0;
    text-align: center;
}
    .btn-join button {
    padding: 4px 13px;
}
    .footer-colsm.colsm4 {
    text-align: center;
    color: white;
    margin: 13px 0 13px;
}
    .row.row-of-top-footer .col-sm-2{
        max-width: 100%;
    }
    .footer-bottom {
        padding: 3px 0px;
        text-align: center;
    }
    .right-text {
     float: none; 
}
    .search-box:hover .search-txt {
    width: 103px;
    padding: 0 6px;
}
    .row.top-row-in-secend-section .col-sm-4 {
        width: 50%;
    }

    .body-col4-section2 {
        margin: 0px 0px 49px;
    }
    .body-col4-section2 img {
        width: 36%;
        height: 108px;
    }
    .main-body-of-col-sm-7 {
        padding: 9px 0 0 0;
    }
    .about-us .col-sm-7 {
        padding: 0;
    }
            
    
}





/*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*POST-STYLE_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*/
        .headeing-new-posts h2 {
            text-align: center;
            margin: 0 0 43px 0;
            color: #de9207;
            letter-spacing: 2px;
            font-weight: bold;
        }
        .headeing-new-posts h2::after {
            content:'...';
            width: 11%;
            margin: 0 0 0 35px;
                color: #3f7eb1;
        }
        .headeing-new-posts h2::before {
            content:'...';
             width: 11%;
            margin: 0 35px 0 0;
                color: #3f7eb1;
        }
        .banner-top{
            padding: 236px 0 0 0;
            position: relative;
            background-size: cover;
            background-repeat: no-repeat;
        }
        .title_para {
            width: 100%;
            height: 100px;
            color: #fff;
            margin: auto;            top: 0;
            right: 0;
            left: 0;
            text-align: center;
            bottom: 90px;
            direction: rtl;
            z-index: 20;
        }
        .title_para {
            color: #fff;
            text-align: center;
            direction: rtl;
        }
        .title_para h1 {
            padding: 16px;    text-align: center;
            float: right;
            width: 100%;
        }
        .title_para h1 span{
            border-bottom: 2px solid #eee;
        }
        .animated {
            animation-duration: 1s;
            animation-fill-mode: both;
        }
        .crd-item .card-body{
            padding: 10px 10px 0 !important;
        }
        .product-thumb.list-view.product-main-categori.col-lg-4.col-md-4.col-sm-6.col-xs-12 {
            padding: 0;
        }
        .crd-item{
            margin-bottom: 10px !important;
            border-radius: 0 !important;
            background-color: #fff;
            transition: box-shadow .25s;
            border: none !important;
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
        }
        .crd-item:hover{
            cursor: -webkit-grab;
            cursor: -moz-grab;
            cursor: -o-grab;
            cursor: -ms-grab;
            cursor: grab;
            transition: box-shadow .25s;
            box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        }
        .crd-item .owl-prev{
            position:absolute;
            left:6px;
            top:48%;
            background-color: transparent !important;
            color: #1f2a3f !important
        }
        .crd-item .owl-next{
            position:absolute;
            right:6px;
            top:48%;
            background-color: transparent !important;
            color: #1f2a3f !important
        }
        .crd-item  .owl-nav i{
            font-size:15px;
        }
        .post-body {
            margin-top: -23px;
            max-height: 250px;
            position: relative;
            z-index: 4;
            text-align: center;
        }
        .post-body a {
            background: #fff;
            display: inline-block;
            margin: 0 auto;
            padding: 10px 20px;
        }
        .foot-body-post {
            width: 83%;
            margin: auto;
            line-height: 1.52;
            font-size: 12px;
        }
        .body-news {
            margin-top: -100px;
            position: relative;
        }
        .owl-carousel.owl-1 .item {
            text-align: center;
                overflow: hidden;
        }
        .owl-carousel.owl-1 img {
                height: 243px;
            width: 100%;
            transition:0.5s;
        }
        .owl-carousel.owl-1:hover img {
        transform: scale3d(1.07, 1.07, 1.07);
        transition:0.5s;
    }
        .img-wrapper {
            overflow: hidden;
        }
        .img-wrapper img {
            width: 100% !important;
            height: 100% !important;
            transition: 0.3s all;
        }
        .crd-item:hover .img-wrapper img {
            transform: scale(1.1);
            transition: 0.4s all;
        }
        .pagination {
            display: block !important;
            text-align: center;
        }
        .page.active a {
            background-color: #1f2a3f !important;
            color: #fff !important;
        }
        .pagination li {
            margin: 5px !important;
            padding: 0 !important;
        }
        #pagination-news {
            margin-bottom: 30px !important;
        }
        
        .pagination li {
            display: inline-block !important;
        }
        .auto-show{
        }
        .circle {
            width: 40px;
            display: inline-block;
            position: relative;
            text-align: center;
            vertical-align: top;
        }
        .circle strong {
            position: absolute;
            top: 10px;
            left: 0;
            width: 100%;
            text-align: center;
            font-size: 13px;
        }
        .rating-box{
            margin-top:10px !important;
            margin-bottom: 20px !important;
        }
        .avatar {
            width: 35px;
            height: 35px;
            display: inline-block;
            border-radius: 100%;
        }
        .avatar img{
            border-radius: 100%;
        }
        .wr-rate span {
            vertical-align: middle;
        }
        .rating-box {
            align-items: center;
        }
      
        .page-active {
            display: block;
        }
        .footer-bottom {
            padding: 2px 60px;
            background: white;
        }

/*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*END-POST-STYLE_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*/

/*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*CONTACT-STYLE_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*/
        #page-contact-us .row {
            margin: 0;
        }
        #box,.gm-err-container {
            background-color: #edeff1;
            border-radius: 3px;
            border: 1px solid #e0e0e0;
            box-shadow: inset 0px 0px 49px #bbb3b3;
            margin: 0 0 67px 0;
        }
         section#page-contact-us {
            margin: 151px 0;
        }
        #box .col12-address {
            text-align: center;
            padding: 37px 107px;
            color: #6b6b6b;
        }
        #box .col12-address i {
            font-size: 21px;
            margin: 0 0px 18px 6px;
            color: #22669c;
        }
/*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*END-CONTACT-STYLE_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*/

/*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*PAGE-STYLE_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*/
        #page-certificates{
            background-image: url(/frontend/images/background3.jpg);
            position: relative;
            background-size: cover;
            background-repeat: no-repeat;
        }
        #page-about-us .img-about-us {
            text-align: center;
            margin: 27px 0 0px;
        }
        #certificates .col4-certificates.Certificates1 {
            background-color: #ffffff00;
            text-align: center;
            border-radius: 4px;
            transition: 0.5s;
            margin: 0 0 28px 0;
                overflow: hidden;
        }
        #certificates .col4-certificates.Certificates1 img:hover {
            box-shadow: 0px 0px 0px gainsboro;
            transform: scale(1.06);
            transition: 0.5s;
        }
        #certificates .col4-certificates img {
            width: 100%;
            height: 240px;
        }
        #certificates {
            margin: 160px 0 0;
        }
        #page-about-us {
            padding: 49px 0 59px;
        }
        #page-about-us h2.mb-4 {
            text-align: center;
            color: #fc990c;
        }
        #page-about-us li {
            list-style: none;
            text-align: justify;
            color: #868686;
            font-size: 18px;
            line-height: 30px;
        }
        #page-about-us ul {
            MARGIN: 0 0 67px;
        }
        #page-about-us .row.row-page-about-us p {
            color: #868686;
            text-align: justify;
            font-size: 18px;
        }
/*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*END-PAGE-STYLE_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*/

/*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*PAGE-INVITE--STYLE_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*/
#page-invite-form .get-in-touch {
          max-width: 800px;
          margin: 50px auto;
          position: relative;
        
        }
        #page-invite-form .get-in-touch .title {
            text-align: center;
            text-transform: uppercase;
            letter-spacing: 3px;
            font-size: 42px;
            line-height: 48px;
            padding-bottom: 20px;
            color: #22649b;
            background: #2b6da2;
            background: -moz-linear-gradient(left,#f4524d 32%,#5543ca 68%) !important;
            background: -webkit-linear-gradient(left,#fc990b 32%,#26699e 68%) !important;
            background: linear-gradient(to right,#fd990b 32%,#21649c 68%) !important;
            -webkit-background-clip: text !important;
            -webkit-text-fill-color: transparent !important;
        }
        #page-invite-form .contact-form .form-field {
          position: relative;
          margin: 32px 0;
          text-align: right;
        }
        #page-invite-form .contact-form .input-text {
            display: block;
            width: 100%;
            height: 36px;
            border-width: 0 0 2px 0;
            border-color: #26689f;
            font-size: 18px;
            line-height: 26px;
            background: #ff000000;
            font-weight: 400;
            font-size: 16px;    
            color: #9e9e9e;
        }
        #page-invite-form .input-text.js-input {
            padding: 0 0 0 128px;
        }
        input#name {
            padding: 0 0 12px 79px;
        }
        input#email {
    padding: 0 0 9px 79px;
}
input#phone {
    padding: 0 0 10px 88px;
}
        #page-invite-form .contact-form .input-text:focus {
          outline: none;
        }
        #page-invite-form .contact-form .input-text:focus + .label,
        #page-invite-form .contact-form .input-text.not-empty + .label {
          -webkit-transform: translateY(-24px);
                  transform: translateY(-24px);
        }
        #page-invite-form .contact-form .label {
            position: absolute;
            left: 45px;
            bottom: 5px;
            font-size: 18px;
            line-height: 26px;
            font-weight: 400;
            color: #fd990b;
            cursor: text;
            transition: -webkit-transform .2s ease-in-out;
            transition: transform .2s ease-in-out;
            transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
        }
        #page-invite-form .contact-form i {
            float: right;
            position: absolute;
            left: 17px;
            font-size: 19px;
            top: 0px;
            color: #26689f;
        }
        #page-invite-form .contact-form .submit-btn {
            display: inline-block;
            background-color: #000;
            background-image: linear-gradient(125deg,#fd990b,#064497);
            color: #fff;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-size: 22px;
            padding: 4px 10px;
            border: none;
            width: 172px;
            cursor: pointer;
            border-radius: 5px;
            transition: 1s;
        }
        #page-invite-form .contact-form .submit-btn:hover {
            transition: 0.5s;
            background-image: linear-gradient(125deg,#064497,#fd990b);
            transform:scale(1.05);
        }
        #page-invite-form .panel .container form{
            background-image: url(/frontend/images/background3.jpg);
            background-size: cover;
            background-repeat: no-repeat;
        }
        /*{{--.box{--}}*/
        /*    {{--width:100%;--}}*/
        /*    {{--box-shadow: 2px 4px 10px #e7e7e7;--}}*/
        /*    {{--margin:18px auto;--}}*/
        /*    {{--padding:20px 60px;--}}*/
        /*    {{--border-radius: 4px;--}}*/

        /*{{--}--}}*/
        /*{{--.box button{--}}*/
        /*    {{--border: none;!important;--}}*/
        /*{{--}--}}*/
        #frm_fa, #frm_en {
            box-shadow: 14px -12px 4px #d8d8d8;
            padding: 30px 50px;
            margin: 50px;
            border-top: 2px solid #d6d6d6;
        }
        #frm_fa,#frm_en label{
            text-align: right;
            color: #fd990b;
            font-weight: bold;
        }
/*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*END-PAGE-INVITE--STYLE_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*/

        .card.thumbanil.thum-reg-log .card-header {
            text-align: center;
            font-size: 24px;
            color: #286aa0;
            font-weight: bold;
            letter-spacing: 2px;
        }
        .card.thumbanil.thum-reg-log  .input-group.input-group-lg i {
            color: #fd990b;
            font-size: 20px;
            margin: 11px 0 0 10px;
        }
        button.form-control.btn.btn-primary.btn-reg {
            background: #428eca;
            border: none;
            box-shadow: inset 0 0 10px #185180;
        }



/*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*tak-post--STYLE_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*/

        @media only screen and (min-width: 992px) {
            ul.anchor {

                top: 0;
                left: 0;
                right: 0;
                z-index: 98;
                list-style-type: none;
                margin: 0;
                background-color: white;
                padding: 1em;
                display: flex;
                justify-content: flex-start;
                align-items: center;
                flex-flow: wrap;
                box-shadow: 0 0.25em 0.5em rgba(16, 16, 16, 0.05);
            }
            ul.anchor > li {
                flex: 1;
                text-align: center;
                padding: 1em 0;
            }
        }
        @media only screen and (max-width: 991px) {
            .anchor li {
                margin: 20px 5px;
                list-style: none;
            }
            .anchor {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                margin: 0 8px 20px;
                margin-bottom: 20px;
                margin-bottom: 20px;
                overflow-x: auto;
                -webkit-flex-wrap: nowrap;
                -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
                white-space: nowrap;
                overflow-y: hidden;
                border-bottom: none !important;
            }
        }
        .sticky {
            position: fixed;
            width: inherit;
            z-index: 9;
            background-color: #fff;
        }
        .city-lnk a {
            padding: 9px 13px;
            display: block;
            font-size: 10px;
            transition: all ease-in-out .3s;
            font-weight: 500;
            border-radius: 30px;            display: inline-block;
            color: #000;

        }
        .declar-city{
            position: relative;
            margin: 20px 0px 15px 0;
            padding: 1px 0 14px 0;
            display: inline-block;
            position: relative;
            font-size: 21px;
            line-height: 30px;
            font-weight: bold;
            white-space: pre-line;
            margin: auto;
        }
        .card.crd-right ,.card.crd-left{    background: #f5f5f5;
            box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
            border-radius: 10px;
        }
        .city-lnk {
            text-align: center;
        }
        .declar-city::after{
            width: 100%;
            right: 0;
            height: 4px;
            bottom: 0;
            content: "";
            position: absolute;
            background-image: linear-gradient(90deg, #4d70aa 25%,#fd990b 90%);        }
        .bod-section {
            padding-top: 15px;
        }

        ul.anchorul > li a {
            color: #1d1d1d;
            text-decoration: none;
            font-weight: 700;
        }
            #anchor1 h2,  #anchor2 h2 , #anchor3 h2{
                color:#4d70aa;
                font-size: 1.3em;
                font-weight: bold;
                text-align: right;
            }
        #anchor1 p,  #anchor2 p , #anchor3 p{
            color:#666;
            font-size: 1em;
            font-weight: bold;
            text-align: right;
        }

        ul.anchor li a.active ,ul.anchor li a:hover {
            color: #fff;
            width: 100%;
            font-weight: normal;    border-radius: 30px;
            background-color: #fd990b !important;
        }
        .title  span{
            border-bottom: 1px solid #4d70aa;
            display: inline-block;
        }
        .breadcrumb-inner li {
            display: inline-block;
            font-size: 12px;
        }
        .breadcrumb-inner li a {
            color: #000;
        }
        .breadcrumb-inner {
            margin-top: 10px;
        }
        .r-right {
            padding-right: 0 !important;
            padding-left: 4px !important;
        }
        .l-left {
            padding-left: 0 !important;
            padding-right: 4px !important;
        }
        .r-right a img {
            transition: all ease-in-out .3s;
            box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
            background-size: cover;
            background-position: center;
            border-radius: 5px;
        }
        .l-left  a img {
            transition: all ease-in-out .3s;
            box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
            background-size: cover;
            background-position: center;
            border-radius: 5px;
        }
        .row.lnk-top {
            margin-top: 10px;
            margin-bottom: 10px;
        }
        .img-city {
            position: relative;
            overflow: hidden;
            border: 1px solid #e0e0e0;
            border-radius: 10px;
        }
        .place {
            position: absolute;
            right: 0;
            bottom: 0;
            background-color: #fff;
            z-index: 9;
            padding: 5px;
            border-top-left-radius: 10px;
        }
        .link-more i {
            color: #35b995;
        }
        .img-city-box img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all ease-in-out .5s;
        }
        .card.crd-left:hover {
            box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 3px 3px -2px rgba(0,0,0,0.12);
        }
        .row.img-city img:hover{
            transform: scale(1.2);
            cursor: pointer;
        }
        .img-city-box {
            overflow: hidden;
        }
        .link-more a {
            color: #000;
        }
        .fa-star::before {
            color: #35b995;
        }
        .anchor li a {
            color: rgba(0, 0, 0, 0.54);
            border: 1px solid rgba(0, 0, 0, 0.26);
            min-width: 0;
            transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
            min-height: 0;
            border-radius: 30px;
            padding: 5px 16px;
        }
        .section{
            padding: 0px 30px;!important;
        }