/*
Theme Name: Syo
Text Domain: syo
Version: 1.2
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Simple wordpress theme
Author: the WordPress team
Author URI: http://syoware.com/
Theme URI: http://syoware.com/

*/

@font-face {
    font-family: 'Futura PT';
    src: url('assets/fonts/FuturaPT-Book.woff2') format('woff2'),
        url('assets/fontsFuturaPT-Book.php') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Futura';
    src: url('assets/fonts/Futura.woff2') format('woff2'),
        url('assets/fonts/Futura.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/*===========================
    1. COMMON css 
===========================*/

body { font-family: 'Futura PT', sans-serif; font-weight: normal; font-style: normal; color: #353535; overflow-x: hidden; font-size: 18px;}
img { max-width: 100%; }
a:focus, input:focus, textarea:focus, button:focus { text-decoration: none; outline: none; }
a:focus, a:hover { text-decoration: none; }
h1, h2, h3, h4, h5, h6 { font-family: 'Futura', sans-serif; font-weight: 500; margin: 0px; color:#333; }
.ue_post_intro{ color:#353535 !important;}
strong, b{ font-family: 'Futura', sans-serif; font-weight: 500; color:#333; }
.elementor-section.elementor-section-boxed > .elementor-container{margin: 0 auto; max-width: 1280px;}
h1 { font-size: 48px; }
h2 { font-size: 36px; }
h3 { font-size: 28px; }
h4 { font-size: 22px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
p{ margin:0 0 16px;}
ul, ol { margin: 0px; padding: 0px; list-style-type: none; }
.pt-20 { padding: 20px 0px; }
.pt-25 { padding: 25px 0px; }
.pt-30 { padding: 30px 0px; }
.pt-35 { padding: 35px 0px; }
.pt-40 { padding: 40px 0px; }
.pt-45 { padding: 45px 0px; }
.pt-50 { padding: 50px 0px; }
.pt-55 { padding: 55px 0px; }
.pt-60 { padding: 60px 0px; }
.pt-65 { padding: 65px 0px; }
.pt-70 { padding: 70px 0px; }
.pt-75 { padding: 75px 0px; }
.pt-80 { padding: 80px 0px; }
.pt-85 { padding: 85px 0px; }
.pt-90 { padding: 90px 0px; }
.pt-95 { padding: 95px 0px; }
.pt-100 { padding: 100px 0px; }
a, a:link, a:active, a:visited { color: #444244; text-decoration: none; }
a:hover, a.active, .active a { color: #444244; }
.none { display: none; }
em { font-style: italic; }
img.alignnone { display: block; margin-bottom: 10px; }
img.alignleft { float: left; margin: 0em 1em 0.5em 0; }
img { height: auto; max-width: 100%; }
img.alignright { float: right; margin: 0 0 0.5em 1em; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; }
.white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text p, .white-text { color: #fff; }
::placeholder { color: rgba(0, 0, 0, 0.5); opacity: 1; }
:-ms-input-placeholder { color: rgba(0, 0, 0, 0.5); }
::-ms-input-placeholder { color: rgba(0, 0, 0, 0.5); }
.header .logo a { height: 100%; display: flex; justify-content: center; flex-direction: column; }
#main-content .btn:hover, #main-content .btn:focus, #main-content  .btn:active { color: #0077b4; }
.btn:hover:before, .btn:focus:before, .btn:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); }
.flex-row { display: flex; }
.header .logo img { width: 250px; display:block; }
#main-menu ul { margin: 0; }
.top-space h1 { margin: 0; font-size: 42px; }
.top-space.has-img { padding-top: 0; }
.header .container { display: flex; justify-content: space-between; }

/*.top-space.has-img .title-wrap { position: absolute; z-index: 3; width: 100%; top: 40%; text-align: center; }
.top-space.has-img .title-wrap h1 { display: inline-block; background: #000000a1; padding: 16px 40px; color: #fff; font-weight: 300; font-size: 60px; }*/
.top-space.has-img { min-height: 500px; position: relative; background-size: cover; background-position: center center;}
.top-space.has-img .featured-thumbnail { max-height: 500px; min-height: 500px; overflow: hidden; display: flex; justify-content: center; flex-direction: column; text-align: center; }
.top-space.has-img .featured-thumbnail img { object-fit: cover; object-position: center; opacity: 0; }
.top-space.has-img .title-wrap { background: #0000005c; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; flex-direction: column; text-align: center; }
.container { width: 90%; }
#site-content { min-height: 800px;}

.featured-thumbnail img {  height: auto;max-width: none; }
#main-container.left-side #left-sidebar { width: 25%; float: left; min-height: 100px; }
#main-container.left-side #left-sidebar .widget-area { margin-right: 40px; }
#main-container.left-side #main-content { width: 70%; float: left; }
#main-container.right-side #right-sidebar { width: 25%; float: left; min-height: 100px; }
#main-container.right-side #right-sidebar .widget-area { margin-left: 40px; }
#main-container.left-side #main-content, #main-container.right-side #main-content { width: 75%; float: left; min-height: 400px; }
#main-container.right-side.left-side #main-content { width: 50%; float: left; }
#footer-container .sub-wrapper { padding: 20px 0; }
.clear { clear: both; }
.sidenav-trigger { cursor: pointer; width: 40px; float: right; }
.sidenav-trigger span { display: none; }
.sidenav-trigger hr { border: none; display: block; background: #333; height: 2px; width: 30px;margin:5px 0; }
#footer { background: #061d2c; color: #fff; padding: 40px 0 20px; clear: both; border-top:6px solid #eb6347; }
#footer a { color: #5a6d92; }
#footer .container { display: flex; flex-wrap: wrap; }
#footer .container .widget { padding: 10px 20px; }
#footer h3 { font-size: 26px; margin: 0 0 10px; }
#copyright-wrapper p.copyright-text { font-size: 16px; line-height: normal; border-top: 1px solid #0e3e65; padding-top: 20px; }
.terms-menu { display: flex; justify-content: center; padding: 30px 0 40px; }
.terms-menu li a { display: block; padding: 0 20px;color:#5a6d92; }
.terms-menu li a:hover {color:#eb6347;}
#back-top { display: none; }
#copyright-wrapper { background: #051c2c; color: #fff; text-align: center; padding: 12px 0; }
#copyright-wrapper p { margin: 0; }
ul.dot li { padding: 2px; padding-left: 30px; position: relative; }
ul.dot li:before { content: ''; display: block; width: 6px; height: 6px; background: #6b6b6b; position: absolute; top: 11px; left: 13px; border-radius: 50%; }

/*------- Main title ------*/
.top-space { min-height: 280px; background: #061d2c; display: flex; justify-content: center; flex-direction: column; text-align: center; /* background: #f2f2f2 url(assets/images/hero-bg-2.png) no-repeat ; background-size: cover; */ }
.top-space h1 { font-size: calc(12px + 2vw); font-weight: 500; color: #fff; }

/*---button-hover----*/
#site-content .btn, .btn { background: none; box-shadow: none; border: 1px solid #051c2c; border-radius: 0; font-weight: 500; position: relative; display: inline-block; -webkit-transform: translateZ(0); transform: translateZ(0); overflow: hidden; border-radius: 10px; height: auto; padding: 10px 20px; font-size: 16px !important; color: #fff; background: #051c2c; }
#site-content .btn:hover, .btn:hover { background: none; box-shadow: none; color: #051c2c; }


#main-content { padding-top: 10px; }
#main-container.right-side #right-sidebar { padding-top: 40px; }
#footer h3.widget-title { font-size: 16px; }
#footer h3.widget-title:after { content: ''; display: block; height: 1px; width: 60px; background: #000; margin-top: 10px }
#footer ul li a { display: block; padding:0; }
#footer ul li a:hover { color:#eb6347; }

/* ========== elementor =========*/
.col-3 .elementor-element .elementor-element { width: 33%; margin-bottom: 0; }
.col-4 .elementor-element .elementor-element { width: 25%; margin-bottom: 0; }
.col-3 .elementor-element .elementor-element .elementor-widget-container { margin: 6px; height: 100%; }
.col-4 .elementor-element .elementor-element .elementor-widget-container { margin: 6px; height: 100%; }

.center-item .elementor-widget-wrap {justify-content: center;}


.wrap404 { max-width: 640px; margin: 0 auto; text-align: center; padding: 20px; }
.wrap404 h1 { font-size: 8vw; font-weight: 300; }


.middle{display: flex;justify-content: center; flex-direction: column;}





#main-content .woocommerce button { border: 2px solid #000; min-height: 40px; padding: 0 20px; margin-right: 8px; background: #fff; color: #000; font-weight: bold; }
#main-content .woocommerce button:hover { background: #000; color: #fff; }

.box-overlay { position: relative; }
.box-overlay .elementor-image-box-content { position: absolute; background: rgb(0 0 0 / 33%); top: 0; left: 0; z-index: 9; height: 100%; width: 100%; display: flex; justify-content: center; flex-direction: column; text-align: center; }
.box-overlay .elementor-image-box-content h3 { width: 640px; margin: 0 auto; color: #fff; padding: 10px 0; font-size: 38px; font-weight: 500; }
.box-overlay .elementor-image-box-content .elementor-image-box-description { width: 640px; margin: 0 auto; padding: 10px 0; color: #fff; font-size: 26px; line-height: normal; font-weight: 300; }
.box-overlay .elementor-image-box-img img, .box-overlay .elementor-image-box-img { display: block !important; }

.syoslider-2 .scroll-mouse { text-align: center; position: absolute; z-index: 9; bottom: 40px; width: 100%; left: 0; }
.syoslider-2 .scroll-mouse a { -webkit-animation: mouse_move 2s infinite ease; -moz-animation: mouse_move 2s infinite ease; animation: mouse_move 2s infinite ease; position: relative; }

.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce span.onsale{ display:none !important; }

@-webkit-keyframes mouse_move {
	0% { top: -20px; }
	50% { top: 0px; }
	100% { top: -20px }
}
@keyframes mouse_move {
	0% { top: -20px; }
	50% { top: 0px; }
	100% { top: -20px }
}
.dropdown-content li>a, .dropdown-content li>span { color: #333; font-size: 12px; }


#top-menu { background: #f8d2c5; padding: 10px 0; text-align: center; }
#top-menu p { margin: 0; color: #30365a; font-size:16px; }
.ft-logo img {max-width: 260px;}

/* ----- Contact form ---- */
.form-wrap label.form-item { display: block; margin-bottom: 16px; }
.form-wrap br { display: none; }
.form-wrap label.form-item b { font-weight: normal; font-size: 16px; display: block; margin-bottom: 6px; }
.form-wrap label.form-item span { display: block; }
.form-item select, .form-item textarea, .form-item input:not([type="submit"]) { border: 1px solid #ccc; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #616161; font-size: 16px; background: rgb(255 255 255 / 9%); }
/*
.form-item select:hover, .form-item textarea:hover, .form-item input:not([type="submit"]):hover {
	border: 1px solid #3C4995 !important;
}
*/
.form-item select:focus, .form-item textarea:focus, .form-item input:not([type="submit"]):focus { border: 1px solid #3C4995 !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
.wpcf7-submit { background: #051c2c; border: none; color: #fff; padding: 10px 40px; display: inline-block; font-size: 18px; border-radius: 20px; font-weight: 500; cursor: pointer; font-family: 'Futura PT', sans-serif;}
.wpcf7-submit:hover { background: #eb6347; }


.social-icons { display: flex; }
.social-icons li a { background: url(assets/images/social-icons.svg) no-repeat; background-size: 30px; opacity: .6; display: block; width: 45px; height: 45px; }
.social-icons li a:hover { opacity: 1; }
.social-icons li.fb a { background-position: 6px 9px; }
.social-icons li.tw a { background-position: 8px -51px; }
.social-icons li.in a { background-position: 11px -93px; background-size: 25px; }
.social-icons li.inst a { background-position: 8px -150px; background-size: 26px; }


.elementor-widget-container { }

/*-------  imgbox_2 ---------*/
.imgbox_2 .elementor-image-box-wrapper { position: relative; }
.imgbox_2 .elementor-image-box-img { margin: 0 !important; display: block !important; overflow: hidden; }
.imgbox_2 .elementor-image-box-img a { display: block; }
.imgbox_2 .elementor-image-box-img img { display: block; width: 100%; }
.imgbox_2 .elementor-image-box-content { padding: 60px; position: absolute; top: 0; width: 100%; height: 100%; padding-top: 30px; text-align: left; overflow: hidden; -moz-transition: all .4s ease; transition: all .4s ease; display: flex; justify-content: center; flex-direction: column; }
.imgbox_2 .elementor-image-box-title { font-size: 20px; text-transform: uppercase; position: relative; z-index:9; margin-bottom: 10px; color: #fff; }
.imgbox_2 .elementor-image-box-description { -moz-transition: all .4s ease; transition: all .4s ease;    /*transform: translate(150%, 0px);*/ color: #fff; font-size: 14px; }
.imgbox_2 .elementor-image-box-img img { transition: all .35s; transform: translate3d(0, 0, 0) scale(1); -webkit-transition: all .35s; -webkit-transform: translate3d(0, 0, 0) scale(1); }
.imgbox_2 .elementor-image-box-wrapper:hover .elementor-image-box-img img { transform: translate3d(-50px, 0, 0) scale(1.1) rotate(3deg); -webkit-transform: translate3d(8px, 0, 0) scale(1.2) rotate(3deg); }
.imgbox_2 .elementor-image-box-description { font-size: .9rem; padding: 10px 5px; transform: scale3d(.8, .8, 1); -webkit-transform: scale3d(.8, .8, 1); opacity: 0; transition: all .35s; -webkit-transition: all .35s; position: relative; z-index: 9; }
.imgbox_2 .elementor-image-box-wrapper:hover .elementor-image-box-description { transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1); opacity: 1; }
.imgbox_2 .elementor-image-box-wrapper:hover .elementor-image-box-content { background: rgb(0 0 0 / 70%); background: none; }
.imgbox_2 .elementor-image-box-wrapper .elementor-image-box-content:after { border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1); -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1); opacity: 0; transition: all .35s; -webkit-transition: all .35s; }
.imgbox_2 .elementor-image-box-wrapper .elementor-image-box-content:after { height: 100%; left: 0; top: 0; position: absolute; width: 100%; content: ""; }
.imgbox_2 .elementor-image-box-wrapper:hover .elementor-image-box-content:after { transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1); -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1); opacity: 1 }
.imgbox_2 .elementor-image-box-description a { background: #eb6347; padding: 6px 18px; display: inline-block; border-radius: 8px; color: #fff; }
.imgbox_2 .elementor-image-box-title { transform: translate(10px, -20px); -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; }
.imgbox_2:hover .elementor-image-box-title { transform: translate(0px, 0px); }
.imgbox_2 .elementor-image-box-content { background: rgb(0 0 0 / 50%); }





.header .sidenav li>a { font-weight: 500; font-size: 16px; padding: 12px 20px; height: auto; line-height: normal; }
.elementor-widget-text-editor h3 { margin-bottom: 20px; }
#navigation ul >li.current-menu-parent >a, #navigation ul >li.current-menu-item >a { color: #eb6347; }
#footer h3{ color:#fff; margin-bottom:20px;}

.elementor-widget-text-editor ul li { position: relative; padding-left: 20px; }
.elementor-widget-text-editor ul li:before { content: ''; display: block; width: 6px; height: 6px; background: #333; position: absolute; top: 9px; left: 5px; border-radius: 10px; }


.prjt-wrap .elpt-portfolio-filter { display: flex; justify-content: center; flex-wrap:wrap; }
.prjt-wrap  .elpt-portfolio-filter .portfolio-filter-item { background: none; color: #333; border: 1px solid #333; border-radius: 8px; cursor: pointer; }
.prjt-wrap  .elpt-portfolio-filter .portfolio-filter-item.item-active { background: #333; color: #fff; }
.prjt-wrap .elpt-portfolio-content .portfolio-item-infos-wrapper { position: relative; opacity: 1; top: auto; }
.prjt-wrap .elpt-portfolio-content .portfolio-item-infos { position: relative; opacity: 1; }
.prjt-wrap .elpt-portfolio-content.simple .portfolio-item { height: auto !important; background: none !important; }
.prjt-wrap .elpt-portfolio-content .portfolio-item-wrapper img { display: block; }
.prjt-wrap .elpt-portfolio-content .portfolio-item-infos { position: relative; opacity: 1; margin: 0; }


.col-3 .elementor-element .shadow-box.elementor-element .elementor-widget-container { height: auto; margin: 0; height: 100%; padding: 10px; height: 250px; }
.col-3 .elementor-element .shadow-box.elementor-element .elementor-icon-box-wrapper { background: #fff; min-height: 100%; padding: 20px; box-shadow: 0px 0px 10px rgb(0 0 0 / 47%); }
.col-3 .elementor-element .shadow-box.show.elementor-element .elementor-icon-box-wrapper { position: relative; z-index: 99; opacity: 1; box-shadow: 0px 0px 30px rgb(0 0 0 / 77%); }
.shadow-box .elementor-icon-box-description span { display: none; }
.shadow-box.show .elementor-icon-box-description span { display: inline; }
.shadow-box .readmore { display: block; }
.shadow-box .readmore:before { content: 'Read more »'; display: block; }
.shadow-box.show .readmore:before { content: '« Read less'; display: block; }


.form-wrap .col-2 { display: flex; flex-wrap:wrap; }
.form-wrap  .col-2 .form-item { width: 50%; }
.form-wrap  .form-item { padding: 0 16px; }
.form-item textarea { min-height: 150px; }

.service-box .elementor-image-box-wrapper h3 { font-size: 22px; margin-bottom: 10px; font-weight:bold; }

.ue_post_category { position: relative; }
.ue_post_category:after { content: ''; display: block; width: 100%; height: 100%; background: none; position: absolute; top: 0; left: 0; z-index: 3; }

.elementor-widget-ucaddon_uc_card_post_carousel .owl-carousel button.owl-prev, .elementor-widget-ucaddon_uc_card_post_carousel .owl-carousel button.owl-next { max-width: 40px; max-height: 40px; font-size: 17px !important; line-height: 45px !important; border-radius: 40px !important; }

.owl-carousel button.owl-prev, .owl-carousel button.owl-next { max-width: 40px; max-height: 40px; font-size: 17px !important; line-height: 45px !important; border-radius: 40px !important; }


#site-content .elementor-accordion { margin: 0 20px; }
#site-content .elementor-accordion .elementor-tab-title { padding: 30px; padding-right: 50px; }
#site-content .elementor-accordion .elementor-tab-title a { font-size: 22px; }
#site-content .elementor-accordion .elementor-accordion-item { margin: 30px 0; border: none; box-shadow: rgb(14 30 37 / 12%) 0px 2px 4px 0px, rgb(14 30 37 / 32%) 0px 2px 16px 0px; border: 1px solid rgba(27, 47, 69, 0.1); position: relative; border-radius: 6px; }
#site-content .elementor-accordion .elementor-accordion-item .elementor-accordion-icon { position: absolute; top: 34px; right: 7px; }
#site-content .elementor-accordion-icon-closed .fa-plus:before { content: "\f078"; }
#site-content .elementor-accordion-icon-opened .fa-minus:before { content: "\f077"; }
#site-content .elementor-accordion .elementor-active { background: #f2f2f2; }


.key-list ul.elementor-icon-list-items { display: flex; flex-wrap: wrap; justify-content: center; }
.key-list ul.elementor-icon-list-items li { width: 30%; margin: 1% !important; padding: 16px !important; box-shadow: 0px 0px 10px #00000052; border-radius: 12px; font-size: 22px !important; }
.key-list ul.elementor-icon-list-items li { border-left: 6px solid #eb6347; border-radius: 0; }

/*
#site-content .key-list ul.elementor-icon-list-items li { padding-left: 20px !important; overflow: hidden; }
#site-content .key-list ul.elementor-icon-list-items li:after { content: ''; display: block; width: 30px; height: 30px; position: absolute; top: auto !important; left: -13px !important; right: auto !important; transform: rotate(45deg); bottom: -14px !important;	border-radius: 50%; -moz-transition: all .4s ease; transition: all .4s ease; background: #ccc; }
#site-content .key-list ul.elementor-icon-list-items li:hover:after { left: 4px !important; bottom: 5px !important; }
*/
.uc-posts-pagination { display: flex; flex-wrap: wrap; justify-content: center; padding-top: 20px; }
.uc-posts-pagination a, .uc-posts-pagination span { display: block; padding: 7px 12px 3px; margin: 2px; line-height: normal; border-radius: 6px; }
.uc-posts-pagination span.current { background: #eb6347; color: #fff; }

#site-content .sticky-blogs .uc_post_list_title { text-align: center; font-size: 24px !important; margin-bottom: 20px; }
#site-content .sticky-blogs .ue-meta-data { font-size: 20px; justify-content: center; }
#site-content .sticky-blogs .ue-meta-data .ue-grid-item-meta-data { font-size: 17px; justify-content: center; width: 100%; }

.fea-prjt .owl-carousel .owl-nav .owl-next, 
.fea-prjt .owl-carousel .owl-nav .owl-prev{
	top: 90px !important;
}

.hier-purp h2 { text-shadow: -2px 1px 4px #00b0ff; }

.elementor-accordion .elementor-tab-content{ display:none !important;}

.elementor-widget-text-editor h4 {
    padding-bottom: 16px;
}

.elementor-section.shdw-box > .elementor-container > .elementor-column {
	box-shadow: 0px 0px 16px rgb(0 0 0 / 26%);
	margin: 20px;
	border-radius: 10px;
	padding: 20px;
	background: #f2f2f2;
}

.join-text { padding: 8px; border-left: 4px solid #eb6347; padding-left: 20px; }

.white-box{
	background: #fff;
	padding: 20px;
	box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
	border-radius: 10px;
	margin:10px;
	-moz-transition: all .4s ease;
  	transition: all .4s ease;
}
.white-box:hover{
	background:#fff8f6;
}
.white-box:hover {
    transform: scale(1.03);
	box-shadow: 0px 0px 10px rgb(0 0 0 / 30%);
}

.elementor-container {
    width: 100%;
}

.elementor-widget-ucaddon_uc_card_post_carousel .uc_post_title { font-family: 'Futura', sans-serif; font-weight: bold; }
.uc_classic_carousel .card_carousel_title { font-family: 'Futura', sans-serif; font-weight: bold; }

.elementor-image-box-img { overflow: hidden; }
.elementor-image-box-img img { display: block; -moz-transition: all .4s ease; transition: all .4s ease; }
.elementor-widget-image-box .elementor-image-box-wrapper:hover .elementor-image-box-img img { transform: scale(1.18); }

#ulccs .more_btn { text-align:right; color:#EB6347;}
.uc_carousel .uc_more_btn { text-indent: -9999px; line-height: 0; }
.uc_carousel .uc_more_btn:after { content: "Learn More"; text-indent: 0; display: block; line-height: initial; }

.uc_overlay_image_carousel .uc_more_btn{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='57.685' height='32.674' viewBox='0 0 57.685 32.674'%3E%3Cpath id='Union_26' data-name='Union 26' d='M51.98,54.829,65.668,41.938l-51.713.019-.2-2.883,51.976-.026L51.98,26.107l2.1-1.981L71.441,40.463,54.078,56.8Z' transform='translate(-13.756 -24.126)' fill='%23eb6347'/%3E%3C/svg%3E%0A");
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: 110px 10px;
	padding-right: 41px !important;
}

#site-content .banner-box {position:relative; z-index:20; margin-bottom:0; }
#site-content .banner-box .elementor-image-box-img { display: block; }
#site-content .banner-box .elementor-image-box-img:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background:rgb(0 0 0 / 30%); }
#site-content .banner-box .elementor-image-box-img img { display: block; transform: none !important; width:100%; }
#site-content .banner-box .elementor-image-box-wrapper { position: relative; }
#site-content .banner-box .elementor-image-box-content { width: 50%; position: relative; z-index: 9; position: absolute; top: 0; left: 0; height: 100%; display: flex; justify-content: center; flex-direction: column; padding: 20px; padding-left: 16%; }
#site-content .banner-box.rightxt .elementor-image-box-content { left: auto; right: 0; padding-left: 20px; padding-right: 16%; }

#site-content .banner-box .elementor-image-box-description{ font-size:22px;}

.hirbnr h3 { text-shadow: -2px 1px 4px #00b0ff; }

.leader-wrap .elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-img img { border: 2px solid transparent; }
.leader-wrap .elementor-widget-image-box .elementor-image-box-wrapper:hover .elementor-image-box-img img { transform: scale(1); border: 2px solid #eb6347; }

.fea-prjt .uc_image_carousel_placeholder { position: relative; }
.fea-prjt .uc_image_carousel_placeholder:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

#site-content .owl-carousel { display: none; }
#site-content .owl-carousel.owl-loaded { display: block; }

.modal-content .s3 img {
    width: 100%;
    border-radius: 16px;
    margin-bottom: 20px;
}



/* -------- Responsive --------*/
@media (min-width:992px) {
	

	
	
	.header { background:#fff; }
	body.fixed-header .header { position: fixed; background: #fff; box-shadow: 0px 2px 5px -2px rgb(0 0 0 / 10%); top: 0; width: 100%; z-index: 999; }
	body.fixed-header .header .logo img { width: 160px; }
	body.fixed-header #navigation #main-menu { margin: 0; }
	body.fixed-header .header { padding: 4px 0px; }
	body.fixed-header #wpadminbar + .header { top: 30px; }
	/*	.top-space.has-img { height: 100vh; overflow-y: hidden; position: relative; }*/
	.header .sidenav-trigger { display: none; }
	.header .sidenav { position: relative; -webkit-transform: none !important; transform: none !important; left: auto; height: auto; background: none; width: auto !important; box-shadow: none; padding: 0; overflow: visible; }
	/*	.header { position: fixed; width: 100%; top: 0; left: 0; z-index: 9; } */
	.header { padding:0px; background: none; }
	
	body.fixed-header.admin-bar .header{top:30px;}
	body.fixed-header #main-menu li a{ padding:10px 20px;}
	body.fixed-header #navigation ul >li >ul { top: 42px; }
	body.elementor-template-full-width.elementor-editor-active  .header { position: relative; top: 0; }
	.header .sidenav li>a { font-weight: 500; font-size: 18px; padding:20px; height: auto; line-height: normal; }
	.sidenav li>a:hover { background: none; }
	#navigation ul >li { position: relative; }
	#navigation ul >li >ul { position: absolute; background: #fff; width: 380px; top: 60px; left: 0; display: none; -webkit-box-shadow: 0 19px 35px rgba(0, 0, 0, .11); box-shadow: 0 19px 35px rgba(0, 0, 0, .11); border-top:2px solid #eb6347; }
	#navigation ul >li:hover >ul { display: block; }
	#navigation ul >li >ul a { color: #333; padding:10px 20px; }
	#slide-out { float: right; }
	#main-menu ul { display: flex; }
	#navigation #main-menu { display: flex; }
	#navigation #main-menu ul li >ul { left: 228px; top: 0; }
	#footer .container .widget { flex: 1; }
	#navigation ul >li >ul { padding-top: 10px; }
}
@media(max-width:992px) {

	.header .container { justify-content: space-between; padding:10px 0; }
	#menu-item-243{ display:none;}
	#navigation .subarrow { width: 50px; height: 50px; display: block; position: absolute; top: -1px; right: 0; z-index: 9; cursor: pointer; background: #eee; }
	#navigation ul li { position: relative; }
	#navigation ul li >ul { display: none; padding-left: 20px; border-bottom: 1px solid #ccc;}
	#navigation  li.show > ul { display: block; }
	#footer .container .widget { width: 50%; }
	.header { background: #fff; }
	
	.col-3 .elementor-element .elementor-element { width: 50%; }
	.col-4 .elementor-element .elementor-element { width: 50%; }
	.join-img img {min-height: 260px;}
	
	.header .container { display: block; min-height: 82px; }
	.header .logo { float: left; }
	#slide-out { position: relative; width: 100%; box-shadow: none; height: auto; padding-bottom: 0; padding-top: 10px; -webkit-transform: none; transform: none; display: none; }
	body.showmenu #slide-out { display: block; }

	#navigation .subarrow:after { content: ''; display: block; width: 7px; height: 7px; transform: rotate(45deg); border-bottom: 1px solid #333; border-right: 1px solid #333; position: absolute; top: 15px; left: 30px; }
	#navigation .subarrow { height: 45px; background: none; }
	#navigation li.show > .subarrow:after { transform: rotate(225deg); top: 20px; }
	.sidenav-trigger { padding: 4px; }
	body.showmenu .sidenav-trigger hr:nth-child(3) { display: none; }
	body.showmenu .sidenav-trigger hr:nth-child(2) { transform: rotate(45deg); position: relative; top: 4px; left: 1px; }
	body.showmenu .sidenav-trigger hr:nth-child(4) { transform: rotate(-45deg); position: relative; top: -3px; left: 0px; }
	ul#main-menu { border-top: 1px solid #ccc; margin-top: 8px; }
	.sidenav-trigger {margin-top: 18px;}
	

	
}

@media(min-width:767px) {
.inverse-column .elementor-container { flex-direction: row-reverse; }
}
@media(max-width:768px) {
	#site-content .elementor-container .elementor-column{width: 100%;}
	#main-container.left-side #left-sidebar, #main-container.right-side.left-side #main-content, #main-container.right-side #right-sidebar { float: none; width: auto; }
	.top-space.has-img .title-wrap h1 { font-size: 22px; padding: 10px; }
	.elementor-widget-heading .elementor-heading-title { font-size: 24px; }
	.elementor-widget-wrap>.elementor-element { margin-bottom: 8px; }
	#footer .container .widget { width: 100%; }
	.h1, h1 { font-size: 35px; line-height: 1.2; }
	.h2, h2 { font-size: 30px; line-height: 1.2; }
	.h3, h3 { font-size: 25px; line-height: 1.2; }
	.col-3 .elementor-element .elementor-element{ width:100%;}
	.prdt-list-4 .product-list li{ width:100%; margin-bottom:20px;}
	.terms-menu{ display:block;}

	.col-3 .elementor-element .elementor-element { width: 100%; }
	.col-4 .elementor-element .elementor-element { width: 100%; }
	.join-img img {min-height: 260px;}
	.form-wrap  .col-2 .form-item { width: 100%; }
	.uc-filterable-grid { display: block !important; }
	.uc-filterable-grid .uc_post_list_box { margin-bottom: 20px; }
	.elementor-section.elementor-section-boxed > .elementor-container { width: 100%; }

	.key-list ul.elementor-icon-list-items li { width: 100%; margin-bottom:20px !important;}
	main#site-content > .elementor > .elementor-section-height-min-height .elementor-container .elementor-column { padding: 0 20px !important; }
	.header .logo img {width: 250px;}
	.row .col{ width:100% !important;}
	#site-content .banner-box .elementor-image-box-content{ width:100%; padding:20px;}
	#site-content .banner-box h3.elementor-image-box-title { font-size: 20px; margin-bottom: 0; }
	#site-content .banner-box .elementor-image-box-description { font-size: 16px; }

#site-content .banner-box.hirbnr .elementor-image-box-img { min-height: 400px; height: 400px; max-height: 100%; overflow: hidden; display: flex; flex-flow: row nowrap; justify-content: stretch; align-items: flex-end; }
#site-content .banner-box.hirbnr .elementor-image-box-img img { object-fit: cover; object-position: left; min-width: 100%; height: auto; min-height: 100%; }
	
.top-space.has-img .featured-thumbnail {
    max-height: 250px;
    min-height: 250px;
	}
.top-space.has-img {
    min-height: 250px;
    position: relative;
}

.featured-thumbnail img {
    width: 200%;
	    margin-left: -50%;
}
	
	
}
@media(max-width:480px) {

}
body.fixed-header .header { -webkit-animation: headerAnim 1s ease; -moz-animation: headerAnim 1s ease; -ms-animation: headerAnim 1s ease; -o-animation: headerAnim 1s ease; animation: headerAnim 1s ease; }
@keyframes headerAnim {
	0% { top: -150px; }
	100% { top: 0px; }
}
@-webkit-keyframes headerAnim {
	0% { top: -150px; }
	100% { top: 0px; }
}
.home #homeblog { display:none; }
#careercnt { display:none; }