/* font-family: 'Roboto', sans-serif; */


:root{
	--bs-body: #fff;
	--bs-primary: #fbb305;
	--bs-secondary: #091a2a;
	--bs-primary-rgb: 25, 108, 5;
	--bs-secondary-rgb: 9, 26, 42;
	}

body{background:#fff; color:#556782; font:400 22px/1.3 'Roboto', serif;}
a{text-decoration:none; color:var(--bs-primary); outline:none;}
a:hover{text-decoration:none; color:var(--bs-primary);}
img{max-width:100%; height:auto;}

h1, .h1{font:700 75px/0.9 'Roboto', sans-serif; margin-bottom: 15px;}
h2, .h2{font:700 40px/1.2 'Roboto', sans-serif; color: #000; margin-bottom: 25px;}
h3, .h3{font:700 35px/1.2 'Roboto', sans-serif;}
h4, .h4{font:400 24px/1.4 'Roboto', sans-serif;}
h5, .h5{font:700 21px/1.2 'Roboto', sans-serif; letter-spacing: .18em; color:var(--bs-primary);}
h6, .h6{font:500 22px/1.3 'Roboto', sans-serif; margin:0;}
p{color:#556782; font:400 22px/1.3 'Roboto', serif; margin-bottom:20px;}

.fs-13{font-size: 13px;}
.fw-medium{font-weight:500 !important;}
.fw-semibold {font-weight:600 !important;}

.btn, .single-blog .submit{font:400 14px/14px 'Roboto', serif; padding:10px 18px; border-radius: 36px; min-width: 100px; max-width: 100%;}
/* Button Primary */
.btn-primary{background-color:var(--bs-primary); border-color:var(--bs-primary); color: #000;}
.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle, .btn-primary:hover{background-color: #cf960c; border-color: #cf960c;}
/* Button Secondary */
.btn-secondary, .single-blog .submit{background-color:var(--bs-secondary); border-color:var(--bs-secondary); color: var(--bs-primary);}
.btn-check:active + .btn-secondary, .btn-check:checked + .btn-secondary, .btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle, .btn-secondary:hover{background-color: var(--bs-primary); border-color: var(--bs-secondary); color: var(--bs-secondary); }
.btn-secondary.type-2, .btn-primary.type-2{padding: 21px 34px!important; font-size: 17px;font-weight: 500;font-style: normal;text-transform: none;letter-spacing: .1em;}



.text-primary{color:var(--bs-primary) !important;}
.text-secondary{color:var(--bs-secondary) !important;}
.text-white {color: #fff !important;}
.text-black {color: #000000 !important;}

.bg-primary{background-color: var(--bs-primary) !important;}
.bg-secondary{background-color: var(--bs-secondary) !important;}
.bg-white{background-color:#ffffff !important;}
.bg-gray{background-color:#f6f6f6 !important;}
.bg-dark{background-color:#000000 !important;}

@media screen and (min-width: 1299px) {.container{	max-width: 1270px; }}

/* FORM */
.wpcf7-spinner{position:absolute;}


.wrapper{overflow:hidden;}
.fullwidth{position:relative; margin-left:50%;  width:100vw; max-width:100vw; clear:both;}

.site-content-contain{background:#fff;}
.site-content{padding-top:0px; padding-bottom:0px;}
.section-padding{padding-top:65px; padding-bottom:65px;}
.section-padding-top{padding-top:65px;}
.section-padding-bottom{padding-bottom:65px;}

ul.list{padding:0; margin:0 0 25px; list-style:none;}
ul.list li{position:relative; padding-left:20px; margin-bottom:15px; color:#556782; font:400 22px/1.3 'Roboto', serif;}
ul.list li:before{content:'•'; position:absolute; left:0; top:0px;}



/* GRID */
.grid-10{margin-left:-20px; margin-right:-20px;}
.grid-10 > [class^="col-"], .grid-10 > .col{padding-left:20px; padding-right:20px;}



/*Header CSS
--------------------------------------*/

.header{position: absolute; width: 100%; padding: 20px 0 0;}
.header-btn{font-weight: 500;}


	/* Menu PART */
	@media screen and (min-width: 992px) {

		.header{position: absolute; width: 100%; padding: 70px 0 0;}
		.logo{max-width: 150px; display: inline-block;}



	/*	Sticky Header  */
	.header.fix{position:fixed; width:100%; top:0; left:0;  padding:10px 0;  z-index:999; box-shadow:0 2px 3px rgba(0, 0, 0, 0.1); background: rgba(9, 26, 42, .85); 
	-webkit-animation-duration:1s; animation-duration:1s ;-webkit-animation-fill-mode:both; animation-fill-mode:both;
	-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}
	@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
	@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
		
	.header.fix .logo, .header.fix .header-btn{display:none;}
	.header.fix .container{max-width:100%;}
		.header.fix  ul.menu{text-align:center;}

	.top-menu ul{padding:0; margin:0; list-style:none; text-align:right;}
	.top-menu ul li{display:inline-block; position:relative;  padding-right: 10px;}
	/*.top-menu ul > li{z-index:991;}*/
	.top-menu ul.menu > li::after{content: '|'; position: absolute; right: 0px; top: 0px; color:#fff;}
	.top-menu ul li a{margin: 0 .45em; padding: .618em 0; font-weight:700; color:#fff; font-size:14px; line-height: 14px; display:block; font-family:'Roboto', serif; text-transform: uppercase;}
	.top-menu ul li.dropdown > a:after{content:'\f0d7'; width:12px; height:10px; display:inline-block; margin-left:4px; font-family: "Font Awesome 6 Free";}
	.top-menu ul li a:hover,
	.top-menu ul li:hover > a,
	.top-menu ul li.current-menu-item > a{color:var(--bs-primary);}
	.top-menu ul ul{padding:0; margin:0; list-style:none; position:absolute; left:0; width:270px; background:#f3f2ee; padding:10px 0; text-align:left;}
	.top-menu ul ul li{float:none; padding:0 15px; margin:0; display:block; z-index: 9999;}
	.top-menu ul ul li a{color:#111a21; display:block; padding:5px; border:none; font-size:14px;}
	.top-menu ul ul li.dropdown > a:after{display:none;}
	.top-menu ul ul li a:hover,
	.top-menu ul ul li:hover > a,
	.top-menu ul ul li.current-menu-item > a{color:var(--bs-primary);}
	.top-menu ul ul ul{left:100%; top:0;}
	.top-menu ul li:hover > ul{display:block;}
	.top-menu ul li ul {	
		opacity: 0;
		z-index: 10;	
		top: -9999em;	   		
		-webkit-box-shadow: 0 2px 7px rgba( 0, 0, 0, .4 );
				box-shadow: 0 2px 7px rgba( 0, 0, 0, .4 );
				
		-webkit-transform: scale(.9);
				transform: scale(.9);
		
		-webkit-transform-origin: center top;
				transform-origin: center top;
		
		-webkit-transition-property: -webkit-transform, opacity, top;
				transition-property: transform, opacity, top;
				
		-webkit-transition-duration: .3s, .3s, 0s;
				transition-duration: .3s, .3s, 0s;
				
		-webkit-transition-delay: 0s, 0s, .3s;
				transition-delay: 0s, 0s, .3s;
	}

	.top-menu ul li:hover > ul {
		top:100%;
		opacity: 1;	
		-webkit-transform: scale(1);
				transform: scale(1);
				
		-webkit-transition-delay: 0s;
				transition-delay: 0s;
	}
	.top-menu ul ul li:hover > ul{top:-10px; left:100%;}


	}



/* BANNER 
--------------------------------------*/	
.home-banner{position: relative; background: url(../images/banner.jpg) no-repeat center top; background-size: cover; padding: 170px 0 30px;}




/* BREADCRUMB
--------------------------------------*/
	





/* Home Page */	

.partners-logo > div{display:flex; align-items:center; justify-content:center;}
.our-robotics-box{border: 0; border-radius: 0; padding: 0;}
.our-robotics-box .card-body{padding: 20px 40px 30px; height:100%;}
.our-robotics-box .card-body p{font-size:13px; }
.our-robotics-box .card-body a.btn{border-radius:0;}



.guten-client-logo .swiper-container .content-image:hover .main-image {
  opacity: 1 !important;
  visibility: visible !important;
  transition: 0s !important;
}
.guten-client-logo .swiper-container .image-list:hover .content-image .hover-image {
  transition: 0s !important;
  opacity: 0 !important;
visibility:hidden !important;
}

.z-index{position:relative; z-index:999999999;}





/*Footer CSS
--------------------------------------*/

footer{padding: 80px 0 35px; background-color: #fff;}
.footer h6{margin-bottom: 25px; color:#595959; font-weight:600;}
.footer p{color:#595959;}
.footer a, .copyright p{color: #4589ba;}
.footer .menu, .social-icon {margin: 0; padding: 0; list-style: none;}
.footer .menu li:not(:last-child){display: block; margin-bottom: 18px;}
.footer .menu li a{color: #4589ba;}
.footer-social{margin: 25px 0 0; padding: 0; list-style: none;}
.footer-social li{display: inline-block;}
.footer-social li:not(:last-child){ margin-right: 10px;}
.footer-social li a i{width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #fff;}
.footer-social li a i.fa-facebook-f{background: #3b5998;}
.footer-social li a i.fa-instagram{background: #e4405f;}
.footer-social li a i.fa-twitter{background: #1d9bf0}
.footer-social li a i.fa-youtube{background: #ff0000;}

/* BLOG PAGE CSS
--------------------------------------*/
.blog .header, .single-post .header, .error404 .header, .search .header, .page-id-649 .header{background: var(--bs-secondary); padding: 20px 0;}
.blog .site-content, .single-post article , .error404 .site-content, .search .site-content{padding-top:130px;}
.single-blog {}
.single-blog h1{text-align: center; color: #000; font-weight: normal; margin-bottom: 35px; font-size: 45px;}

.single-blog figure.post-thumbnail{text-align: center;}

.blog article .link-title, .search-results .link-title{font-weight: 500; font-style: normal; font-size: 20px; letter-spacing: .05em; text-transform: uppercase; text-decoration: none; color: #000 !important; margin-top: 10px}
.blog article .link-title a, .search-results  .link-title a{color: #000 !important;}

/* WORDPRESS CSS
--------------------------------------*/
.wp-block-group__inner-container{width:100%;} 

.font-75{font-size:75px;letter-spacing: 0em;line-height: .9em;}
.font-35{font-size:35px;letter-spacing: 0em;line-height: .9em;}
.full_hr{  color: #091b2a; background-color: #091b2a;width:100%!important;  height: 15px !important;border-top: 5px solid #fcb605;}
.entry-footer{padding:0px;} 
.guten-gallery .gallery-items .gallery-item-wrap .grid-item .caption-wrap .item-caption-over .item-buttons .gallery-link span i{ color: var(--bs-secondary)!important;} 
.guten-gallery .item-hover-bg,.guten-gallery .gallery-items .gallery-item-wrap:hover .grid-item .item-hover-bg{background-color: #fcb605 !important;}

@media screen and (min-width: 1299px){
	.container {max-width: 1270px;}
}

.contact-page-form small{font-size: 12px;}
.contact-page-form p{margin-bottom: 6px;}
.contact-page-form textarea{height:150px;}
.form-control{border-radius: 2px;}