/* header section */

@media screen and (min-width: 768px) {

    .social-icons {
    	float: right !important;
    	font-size: 16px !important;
    }
    
}

#sp-top-bar .sp-module {
	margin: 0;
	float: left;
}

.sp-megamenu-parent {
	float: left !important;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
	line-height: 60px !important;
	font-size: 14px !important;
	font-weight: 400 !important;
}

#sp-header.menu-fixed-out .sp-megamenu-parent > li > a, #sp-header.menu-fixed-out .sp-megamenu-parent > li > span {
    color: #333 !important;
    transition: all 0.5s;
}

#sp-header.menu-fixed .sp-megamenu-parent > li > a, #sp-header.menu-fixed .sp-megamenu-parent > li > span {
    color: #fff !important;
    transition: all 0.5s;
}

#sp-header.menu-fixed-out .sp-megamenu-parent > li.active > a, #sp-header.menu-fixed-out .sp-megamenu-parent > li:hover > a {
	color: #011949 !important;
    transition: all 0.5s;
}

#sp-header.menu-fixed .sp-megamenu-parent > li.active > a, #sp-header.menu-fixed .sp-megamenu-parent > li:hover > a {
	color: #fff !important;
    transition: all 0.5s;
}

#sp-header.menu-fixed-out {
	height: 60px !important;
    background: #fff !important;
    transition: all 0.5s;
}

#sp-header.menu-fixed {
    height: 60px !important;
	background: #011949 ;
    transition: all 0.5s;
}

.search {
	margin-top: 10px !important;
}

#mod-search-searchword {
	width: 100% !important;
}

#sp-search .search form::after {
	content: '\f002';
	font-family: FontAwesome;
	font-size: 17px;
	position: absolute;
	left: auto;
	right: 23px;
	top: 17px;
}

#sp-search .search form input {
	width: 100%;
	height: 42px;
	border: 0;
	box-shadow: none;
	background: #f5f7f8;
	border-radius: 4px;
	padding-left: 20px;
	font-style: italic;
}

#sp-header.menu-fixed-out .sp-menu-item a {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	overflow: hidden;
}

#sp-header.menu-fixed-out .sp-menu-item a::before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 51%;
	right: 51%;
	bottom: 0;
	background: #011949;
	height: 3px;
	-webkit-transition-property: left, right;
	transition-property: left, right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

#sp-header.menu-fixed-out .sp-menu-item a:hover::before, #sp-header.menu-fixed-out .sp-menu-item a:focus::before, #sp-header.menu-fixed-out .sp-menu-item a:active::before,
#sp-header.menu-fixed-out .sp-megamenu-parent > li.active > a::before, 
#sp-header.menu-fixed-out .sp-megamenu-parent > li:hover > a::before {
	left: 20%;
	right: 20%;
}

#sp-header.menu-fixed .sp-menu-item a {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	overflow: hidden;
}

#sp-header.menu-fixed .sp-menu-item a::before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 51%;
	right: 51%;
	bottom: 0;
	background: #fff;
	height: 3px;
	-webkit-transition-property: left, right;
	transition-property: left, right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

#sp-header.menu-fixed .sp-menu-item a:hover::before, #sp-header.menu-fixed .sp-menu-item a:focus::before, #sp-header.menu-fixed .sp-menu-item a:active::before,
#sp-header.menu-fixed .sp-megamenu-parent > li.active > a::before, 
#sp-header.menu-fixed .sp-megamenu-parent > li:hover > a::before {
	left: 20%;
	right: 20%;
}

#offcanvas-toggler {
	float: none !important;
	line-height: 60px !important;
	font-size: 36px !important;
    text-align: center !important;
    margin-left: 0px !important;
}

.new-look .offcanvas-menu {
	background-color: rgba(0,0,0,0.95) !important;
    padding: 5px 10px !important;
}

.new-look .offcanvas-menu .sp-module ul > li:hover a, .new-look .offcanvas-menu .sp-module ul > li:focus a, .new-look .offcanvas-menu .sp-module ul > li.active a {
	background: #011949 !important;
}

#sp-header.menu-fixed-out #offcanvas-toggler > i {
	color: #333;
}

#sp-header.menu-fixed-out #offcanvas-toggler > i:hover {
	color: #011949;
}

#sp-header.menu-fixed #offcanvas-toggler > i {
	color: #fff;
}

#sp-header.menu-fixed #offcanvas-toggler > i:hover {
	color: #ccc;
}


#sppb-addon-1548951951365 #btn-1548951951365.sppb-btn-custom {
	border: 2px solid;
}

/* end of header and menu section */

/* responsive section */

@media screen and (min-width: 768px) and (max-width: 990px) {
   
    .sppb-row-container {
        width: 100% !important;
    }
    
}

@media screen and  (max-width: 767px) {

    #sppb-addon-1555235129346 h1.sppb-addon-title {
        text-align: center;
    }
    
}

/* sections images */

.sec-img img {
    filter: grayscale(70%);
    transition: all 0.5s;
}

.sec-img:hover img {
    filter: grayscale(0%);
    transition: all 0.5s;
}

/* end of section images */

/* testimonial section */

.swiper-container.swiper-container-coverflow.swiper-container-3d.swiper-container-horizontal.swiper-container-autoheight {
	padding: 30px 0px;
}

@media screen and (max-width: 767px) {
    .swiper-wrapper {
	    min-height: 340px !important;
    }
    
    .swiper-button-next, .swiper-button-prev {
    	margin-top: 100px !important;
    }
}

/* end of testomonial section */

/* acy mailing section */ 

.acysubbuttons {
	text-align: left;
}

/* end of acy mailing section */

/* logo slider section */

.jux_logo_item .logo_item_image {
    filter: grayscale(100%);
    transition: all 0.5s;
}

.jux_logo_item:hover .logo_item_image {
    filter: grayscale(0%);
    transition: all 0.5s;
}

/* contact section */

.chrono_credits {display: none !important;}

@media screen and (min-width: 768px) {

    #fitem-title {
    	width: 20% !important;
    }

    #fin-title, #title {
	    width: 100% !important;
    }
    
    #fitem-name, #fitem-surname {
    	width: 40% !important;
    }

    #fin-name, #name, #fin-surname, #surname {
	    width: 100% !important;
    }
    
    #fitem-phone, #fitem-alternative, #fitem-email {
    	width: 33.33% !important;
    }

    #fin-phone, #phone, #fin-alternative, #alternative, #fin-email, #email {
	    width: 100% !important;
    }
    
    #fitem-message, #fin-message, #message {
	    width: 100% !important;
    }
    
    #fitem-button14 {
	    float: right;
	    width: 20%;
    }
    
    #fin-button14, #button14 {
        width: 100% !important;
        height: 74px;
    }

}

@media screen and (max-width: 767px) {

    #fitem-title {
    	width: 100% !important;
    }

    #fin-title, #title {
	    width: 100% !important;
    }
    
    #fitem-name, #fitem-surname {
    	width: 100% !important;
    }

    #fin-name, #name, #fin-surname, #surname {
	    width: 100% !important;
    }
    
    #fitem-phone, #fitem-alternative, #fitem-email {
    	width: 100% !important;
    }

    #fin-phone, #phone, #fin-alternative, #alternative, #fin-email, #email {
	    width: 100% !important;
    }
    
    #fitem-message, #fin-message, #message {
	    width: 100% !important;
    }
    
    #fitem-button14 {
	    float: right;
	    width: 100%;
    }
    
    #fin-button14, #button14 {
        width: 100% !important;
    }
    
    .form-group {
        margin-bottom: 0px !important;
    }
    
    #title, #name, #surname, #phone, #alternative, #email, #message, #fitem {
        margin-bottom: 6px !important;
    }
}
 /* accordian section */
.sppb-accordion-icon-wrap .fa {
	margin-right: 10px;
}

.itemid-302 .sppb-addon.sppb-addon-text-block p, .itemid-302 .sppb-addon.sppb-addon-text-block span, .itemid-302 .sppb-addon.sppb-addon-text-block li,
.itemid-303 .sppb-addon.sppb-addon-text-block p, .itemid-303 .sppb-addon.sppb-addon-text-block span, .itemid-303 .sppb-addon.sppb-addon-text-block li {
	font-size: 14pt !important;
	text-align: justify !important;
}

.h4, h4 {
	font-size: 16pt !important;
}

/* tables */

td p {
	padding-left: 5px !important;
}

@media screen and (min-width: 991px) and (max-width: 1199px) {
    .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
        font-size: 10px !important;
    }
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
	background: none;
	color: #333;
    font-weight: 400;
}