backgrou/*general style*/
li,ul{
    list-style-type: none !important;
}
a:hover{

    text-decoration: none;
}
 *{
font-family: 'Maven Pro', sans-serif;
}
/*Start navbar Style*/
.navbar-brand{
display: flex;
justify-content: center;
align-items: center;
}
.navbar-brand img{
width: 91px;
margin-left: -6px;
margin-right: 3px
}
.navbar-brand span{
color:#606060;
font-size: 28px;
font-weight: 700
}
.navbar-brand span span{
color:#73A08E;
}
nav{
width: 100%
}
.navbar-toggler-icon{
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgb(190,217,38)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
color:red;
}
.navbar-collapse{
justify-content: center;
}

.nav-link,#languages ul li a {
    display: block;
    padding: 30px 10px;
}
nav .navbar-collapse li a span:after {
content: "";
position: absolute;
width: 100%;
top: 100%;
left: 0;
height: .25rem;
background: #bed926;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease,-webkit-transform .3s ease;
will-change: transform;
}
nav .navbar-collapse li a span,#languages ul li a span{
position: relative;
padding-bottom: 10px;
font-size: 13px;
font-weight: 500;
color:#113263;
border-bottom: 3px solid #f8f8f8;
}
#languages ul li a span{
	transition: .3s all ease;
	font-weight: 100;
}
nav .navbar-collapse li a span.active:after{
transform: scaleX(1);
}
#languages ul{
display: flex;
align-items: center;
margin: 0;
padding: 0
}
#languages ul li a span:after{
content: '';
position: relative;
width: 1px;
height: 11px;
background: #113263;
float: right;
padding: 0;
top: 8px;
left: 50%;
}
#languages ul li:last-child a span:after{
display: none;
}
#languages ul li a:hover span{
color:#bed926;
}
/*Start heading-wrap Style*/
header{
background-image: url('../img/fon.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: -513px;
    width:100%;
position: relative;
margin-bottom: 50px;
}
header:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.3);
background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,118,129,0)),to(#bed926));
background-image: linear-gradient(270deg,rgba(0,118,129,0),#bed926);
z-index: 1;
}
header .container .col-md-6{
margin-top: 90px;
}
header .title1{
font-weight: bold;
margin:0;
color: white;
font-size: 48px;
margin-bottom: 0
}
header .title2{
font-weight: bold;
color: white;
font-size: 25px;
}
header .container{
position: relative;
z-index: 3;
margin:0 auto 30px auto;
}
.subtitle{
font-size: 14px;
color:white;
font-weight: 400;
margin-top: 15px;
margin-bottom: 5px;
}
.arrow-btn-inner span{
color:#f26522;
padding: 1.125rem 2.5rem;
font-size: 1rem;
}
.arrow-btn .bg-gray {
background: #f4f4f4!important;
}
.arrow-btn .btn-icon {
background: #f26522;
padding: 1.125rem;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 1.25rem;
}
.arrow-btn .btn-icon, .arrow-btn .btn-label {
-webkit-transition: all .3s ease;
transition: all .3s ease;
height: 42px;
display: flex;
align-items: center;
}
.arrow-btn .btn-icon-before {
position: absolute;
right: 100%;
height: 100%;
top: 0;
}
.arrow-btn-inner:hover {
-webkit-transform: translateX(3.4rem);
-moz-transform: translateX(3.4rem);
transform: translateX(3.4rem);
}
.arrow-btn-inner {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: -webkit-transform .4s cubic-bezier(1,0,0,1);
transition: -webkit-transform .4s cubic-bezier(1,0,0,1);
transition: transform .4s cubic-bezier(1,0,0,1);
transition: transform .4s cubic-bezier(1,0,0,1),-webkit-transform .4s cubic-bezier(1,0,0,1);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.arrow-btn .btn-icon {
background: #f26522;
padding: 1.125rem;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 1.25rem;
}
.arrow-btn {
color: #f26522;
margin: .875rem 0 0;
padding: 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
border: 0 none;
font-weight: 700;
font-family: Bliss\ 2,sans-serif;
position: relative;
font-size: 0;
overflow: hidden;
border-radius: 2px;
}
.overlay {
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: auto;
z-index: 2;
}
/*Start content style*/
#content .container{
background-color: #F0F0F0
}
.rightSide img{
width: 100%;
}
.rightSide{
height: 100%;
display: flex;
align-items: center;
}
#content .container .row .col-md-6:first-child{
display: flex;
padding: 60px;
}
#content .container .row .col-md-6:first-child .leftSide h3{
font-weight: 700;
font-size: 1.80rem;
color:#6E7275;
margin-bottom: 22px;
}
#content .container .row .col-md-6:first-child .leftSide p{
color:#787C83;
font-size: 14px;
margin-bottom: 0
}
#content .container .row .col-md-6:first-child .leftSide a{
color: #fff;
text-transform: uppercase;
background-color: #FA8D25;
border: none;
font-size: 1rem;
padding: 12px 3.25rem;
position: absolute;
bottom: 0;
right: 50px;
border-radius: 3px;
}
#content .container .row .col-md-6:first-child .leftSide a span{
margin-right: 5px
}
/*Start reasons style*/
#reasons .row .col-md-3{
padding: 0
}
#reasons{
margin:70px auto;
}
#reasons h5,#news h5,#products h5{
text-align: center;
margin-bottom: 0;
font-weight: 700
}
#reasons .title span,#news .title span{
width: 103px;
height: 5px;
background-color: #9CB445;
display: block;
margin: 17px 0 40px 0px;
}
#reasons .title .line,#news .title .line,#products .title .line{
    display: flex;
    justify-content: center;
    align-items: center;
}
a.linked-icon {
    width: 100%;
    display: flex;
    height: 70%;
    justify-content: center;
    align-items: center;
}
a.linked-icon img {
width: 80px;
}
.sf-icon-box h3>a {
color: white;
position: absolute;
text-transform: uppercase;
top: 40%;
font-size: 18px;
margin-top: 15px;
}
.sf-icon-box h3>a:hover,
a.linked-icon i {
transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out
}
.sf-icon-box h3>a:hover,
a.linked-icon:hover i {
opacity:.7
}
.sf-icon-box.sf-icon-box-standard h3 {
margin-bottom:20px
}
.sf-icon-box[class*="sf-icon-box-left-icon"]>.linked-icon,
.sf-icon-box[class*="sf-icon-box-left-icon"]>.sf-icon-cont {
float:left;
margin:0
}
.sf-icon-box[class*="sf-icon-box-left-icon"]>i {
float:left;
position:relative;
font-size:42px;
line-height:52px;
text-align:center;
width:44px
}
.sf-icon-box[class*="sf-icon-box-left-icon"]>i[class*="ss-"] {
line-height:48px
}
.sf-icon-box[class*="sf-icon-box-left-icon"]>span {
float:left;
position:relative;
font-size:46px;
line-height:46px;
text-align:center;
width:48px;
margin-left:0
}
.sf-icon-box.has-image[class*="sf-icon-box-left-icon"]>span {
width:70px
}
.sf-icon-box.sf-icon-box-boxed-two .sf-icon {
margin-bottom:15px
}
.sf-icon-box.sf-icon-box-boxed-two h3 {
margin-top:10px
}
.sf-icon-box[class*="sf-icon-box-boxed-"] {
padding:0
}
.sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-cont {
position:absolute;
right:30px;
top:-41px;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
height:32px;
width:32px;
line-height:12px;
border:0;
margin:0;
-moz-background-clip:padding;
-webkit-background-clip:padding-box;
background-clip:padding-box;
transition:all .1s ease-in-out;
-moz-transition:all .1s ease-in-out;
-webkit-transition:all .1s ease-in-out;
-o-transition:all .1s ease-in-out
}
.sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-cont>i {
font-size:32px;
line-height:34px!important
}
.sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-cont>i[class*="ss-"] {
line-height:44px!important
}
.browser-ie .sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-cont,
.browser-ie10 .sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-cont {
background-image:none
}
.sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon.image-display {
position:absolute;
top:-40px;
right:35px
}
.sf-icon-box.sf-icon-box-boxed-two .sf-icon.image-display {
position:relative;
top:0;
right:0;
margin-bottom:10px
}
.sf-icon-box.sf-icon-box-boxed-three .sf-icon-cont {
right:50%;
margin-right:-42px
}
.sf-icon-box.sf-icon-box-boxed-three .sf-icon.image-display {
right:50%;
-moz-transform:translate3d(50%,-50%,0);
-webkit-transform:translate3d(50%,-50%,0);
transform:translate3d(50%,-50%,0);
top:0
}
.sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-box-content-wrap {
background:#fff;
padding:40px 30px 60px 30px;
webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
-moz-background-clip:padding;
-webkit-background-clip:padding-box;
background-clip:padding-box
}
.sf-icon-box.sf-icon-box-boxed-three .sf-icon-box-content-wrap {
padding:40px 30px 65px 30px
}
.sf-icon-box.sf-icon-box-boxed-two .sf-icon-box-content-wrap {
padding-bottom:30px;
margin-top:0
}
.sf-icon-box.sf-icon-box-boxed-three .sf-icon-box-content-wrap {
padding-bottom:40px
}
.sf-icon-box.sf-icon-box-boxed-four .sf-icon-box-content-wrap {
padding:25px 30px 20px;
margin-top:0
}
.sf-icon-box.sf-icon-box-boxed-four h3 {
margin-top:0
}
.sf-icon-box.sf-icon-box-boxed-four h3 i {
vertical-align:-3px;
margin-right:5px
}
.sf-icon-box .sf-icon-box-content-wrap {
display:block;
height: 100%
}
.sf-icon-box.sf-icon-box-left-icon .sf-icon-box-content-wrap {
display:block;
margin-left:90px
}
.sf-icon-box.sf-icon-box-left-icon-alt .sf-icon-box-content-wrap {
display:block;
margin-left:70px
}
.sf-icon-box.has-image[class*="sf-icon-box-left-icon"] .sf-icon-box-content-wrap {
margin-left:100px
}
.sf-icon-box[class*="sf-icon-box-left-icon"] .sf-icon-box-content-wrap h3 {
margin-top:2px;
margin-bottom:10px
}
.sf-icon-box[class*="sf-icon-box-left-icon"] .sf-icon-box-content-wrap h3:empty {
display:none
}
.sf-icon-box.sf-icon-box-boxed-two .sf-icon-box-content-wrap {
text-align:center
}
.sf-icon-box.sf-icon-box-boxed-three h3,
.sf-icon-box.sf-icon-box-boxed-three .sf-icon-box-content {
text-align:center
}
.sf-icon-box[class*="sf-icon-box-boxed-"] h3,
.sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-box-content {
color:#222
}
.sf-icon-box-hr {
width:50px;
height:1px;
margin:0 auto;
display:block;
background:#e4e4e4;
margin-bottom:20px;
-webkit-transition:all 500ms cubic-bezier(0.175,0.885,0.320,1.275) 0!important;
-moz-transition:all 500ms cubic-bezier(0.175,0.885,0.320,1.275) 0s!important;
-o-transition:all 500ms cubic-bezier(0.175,0.885,0.320,1.275) 0!important;
transition:all 500ms cubic-bezier(0.175,0.885,0.320,1.275) 0!important
}
.sf-hover .sf-icon-box-hr {
width:100px
}
.sf-icon-box-content {
display:block;
width:100%;
line-height:150%
}
.sf-icon-box-content p {
color:inherit
}
.sf-icon-box-content p:last-child {
margin-bottom:0
}
.sf-icon-box-content a.read-more {
padding-top:8px
}
.sf-icon-box-animated {
-ms-transform:perspective(1000px);
-moz-transform:perspective(1000px);
-moz-transform-style:preserve-3d;
-ms-transform-style:preserve-3d;
position:relative;
padding:0;
text-align:center;
width:100%;
height:auto;
background:transparent
}
.sf-icon-box-animated .box-link,
.sf-icon-box-animated-alt .box-link {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:10;
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
cursor:auto;
}
.standard-browser .sf-icon-box-animated:hover .back,
.no-csstransitions .sf-icon-box-animated .back,
.sf-icon-box-animated.sf-mobile-hover .back {
-webkit-transform:rotateY(0deg);
-moz-transform:rotateY(0deg);
-o-transform:rotateY(0deg);
-ms-transform:rotateY(0deg);
transform:rotateY(0deg)
}
.standard-browser .sf-icon-box-animated:hover .front,
.no-csstransitions .sf-icon-box-animated .front,
.sf-icon-box-animated.sf-mobile-hover .front {
-webkit-transform:rotateY(180deg);
-moz-transform:rotateY(180deg);
-o-transform:rotateY(180deg);
transform:rotateY(180deg)
}
.sf-icon-box-animated .inner {
-webkit-transition:.5s;
-webkit-transform-style:preserve-3d;
-ms-transition:.5s;
-moz-transition:.5s;
-moz-transform:perspective(1000px);
-moz-transform-style:preserve-3d;
-ms-transform-style:preserve-3d;
transition:.5s;
transform-style:preserve-3d;
position:relative
}
.sf-icon-box-animated .front,
.sf-icon-box-animated .back {
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
backface-visibility:hidden;
-webkit-transform-style:preserve-3d;
-moz-transform-style:preserve-3d;
-o-transform-style:preserve-3d;
-ms-transform-style:preserve-3d;
transform-style:preserve-3d;
-webkit-transition:all 500ms cubic-bezier(0.175,0.885,0.320,1.275);
-moz-transition:all 500ms cubic-bezier(0.175,0.885,0.320,1.275);
-o-transition:all 500ms cubic-bezier(0.175,0.885,0.320,1.275);
transition:all 500ms cubic-bezier(0.175,0.885,0.320,1.275);
transform-style:preserve-3d;
position:absolute;
top:0;
left:0
}
.sf-icon-box-animated .front {
position:relative;
z-index:8;
display:block;
width:100%;
height:auto;
padding:70px 20px;
webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
-webkit-transform:rotateY(0deg);
-moz-transform:rotateY(0deg);
transform:rotateY(0deg)
}
.sf-icon-box-animated .back {
overflow:hidden;
background:#fff;
padding:20px;
width:100%;
height:100%;
webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
-webkit-transform:rotateY(-180deg);
-moz-transform:rotateY(-180deg);
transform:rotateY(-180deg)
}
.sf-icon-box-animated .front h3 {
margin:10px 0
}
.sf-icon-box-animated .sf-icon {
margin-bottom:0;
padding:0;
line-height:44px;
margin-top:20px
}
.sf-icon-box-animated .sf-icon.sf-icon-large[class^="fa-"] {
margin-bottom:0
}
.sf-icon-box-animated .sf-icon.sf-icon-character {
font-size:72px!important
}
.sf-icon-box-animated .sf-icon.image-display {
margin-top:8px;
margin-bottom:12px
}
.sf-icon-box-animated .sf-icon.sf-icon-large[class^="fa-"] {
line-height:40px
}
.sf-icon-box-animated .sf-icon.sf-icon-large[class^="fa-"]:before {
font-size:60px
}
.sf-icon-box-animated table,
.sf-icon-box-animated td {
border:0;
padding:0
}
.sf-icon-box-animated-alt {
text-align:center;
width:100%;
display:inline-block;
border-radius:4px;
padding:0;
position:relative
}
.sf-icon-box-animated-alt.animated-stroke-style {
border:1px solid #e3e3e3
}
.sf-icon-box-animated-alt.animated-stroke-style .front {
background:transparent
}
.sf-icon-box-animated-alt .height-adjust {
margin-top:85%
}
.sf-icon-box-animated-alt .inner {
position:absolute;
overflow:hidden;
top:0;
left:0;
right:0;
bottom:0;
border-radius:4px;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
-webkit-transform:translateZ(0);
-moz-transform:translateZ(0);
transform:translateZ(0)
}
.sf-icon-box-animated-alt .front {
background:#f7f7f7;
z-index:2;
border-radius:4px;
position:absolute;
top:0;
left:0;
height:100%;
width:100%
}
.sf-icon-box-animated-alt .front .back-title {
position:absolute;
z-index:3;
width:100%;
height:25%;
bottom:0;
left:0;
opacity:0;
-webkit-transform:translateY(10%);
-moz-transform:translateY(10%);
transform:translateY(10%);
-webkit-transition:all 200ms cubic-bezier(1.000,0.000,0.600,1.000);
-moz-transition:all 200ms cubic-bezier(1.000,0.000,0.600,1.000);
-o-transition:all 200ms cubic-bezier(1.000,0.000,0.600,1.000);
transition:all 200ms cubic-bezier(1.000,0.000,0.600,1.000)
}
.sf-icon-box-animated-alt .front .back-title::before {
content:attr(data-title);
line-height:inherit;
display:inline-block;
position:absolute;
width:100%;
top:50%;
left:0;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
transform:translateY(-50%)
}
.sf-icon-box-animated-alt .front,
.sf-icon-box-animated-alt .back {
-webkit-transition:all 500ms cubic-bezier(1.000,0.000,0.600,1.000);
-moz-transition:all 500ms cubic-bezier(1.000,0.000,0.600,1.000);
-o-transition:all 500ms cubic-bezier(1.000,0.000,0.600,1.000);
transition:all 500ms cubic-bezier(1.000,0.000,0.600,1.000);
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
.sf-icon-box-animated-alt .back {
background:#ccc;
z-index:3;
border-radius:0 0 4px 4px;
position:absolute;
top:25%;
left:0;
height:75%;
width:100%;
-webkit-transform:translateY(100%);
-moz-transform:translateY(100%);
transform:translateY(100%)
}
.sf-icon-box-animated-alt .back::after {
content:"";
background:inherit;
width:10px;
height:10px;
position:absolute;
z-index:4;
top:10px;
left:50%;
margin-left:-5px;
border-radius:2px;
transform:rotate(45deg);
transition:all 500ms
}
.sf-icon-box-animated-alt .front::before,
.sf-icon-box-animated-alt .back::before {
content:'';
height:100%;
display:inline-block;
vertical-align:middle
}
.sf-icon-box-animated-alt .front-inner-wrap {
width:100%;
height:100%;
text-align:center;
display:inline-block;
vertical-align:middle;
padding:0 30px;
position: absolute;
top: 0;
left: 0;
}
.sf-icon-box-animated-alt .front-inner-wrap h3 {
margin:0;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.sf-icon-box-animated-alt .front-inner-wrap .sf-icon-character,
.sf-icon-box-animated-alt .front-inner-wrap .sf-icon {
font-size:48px
}
.sf-icon-box-animated-alt .back-inner-wrap {
width:90%;
vertical-align:middle;
display:inline-block
}
.sf-icon-box-animated-alt.animated-no-rounded,
.sf-icon-box-animated-alt.animated-no-rounded .inner,
.sf-icon-box-animated-alt.animated-no-rounded .inner .front,
.sf-icon-box-animated-alt.animated-no-rounded .inner .back {
border-radius:0
}
.sf-icon-box-hover {
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
background:#fff;
z-index:10;
-ms-filter:"alpha(opacity=0)";
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px
}
.sf-icon-box-hover table,
.sf-icon-box-animated .back table {
margin-top:-10px;
height:100%;
width:100%
}
.sf-icon-box-bold {
padding:20% 15%;
text-align:center
}
.minimal-design .sf-icon-box-standard .sf-icon-cont {
padding:0;
background-color:transparent!important
}
.sf-icon-box-standard-center {
text-align:center
}
.sf-icon-box-standard-center i.sf-icon,
.sf-icon-box-standard-left i.sf-icon,
.sf-icon-box-vertical i.sf-icon {
font-size:48px;
line-height:52px
}
.sf-icon-box-standard-center-contained {
text-align:center
}
.sf-icon-box-standard-center-contained i.sf-icon,
.sf-icon-box-standard-left-contained i.sf-icon,
.sf-icon-box-vertical-contained i.sf-icon {
font-size:32px;
line-height:70px
}
.sf-icon-box-vertical .icon-wrap,
.sf-icon-box-vertical-contained .icon-wrap {
float:left
}
.sf-icon-box-vertical .sf-icon-box-content-wrap {
padding-left:80px
}
.sf-icon-box-vertical-contained .sf-icon-box-content-wrap,
.sf-icon-box-vertical.has-image .sf-icon-box-content-wrap {
padding-left:100px
}
.sf-icon-box-standard-left,
.sf-icon-box-standard-left-contained {
padding-left:0
}
.sf-icon-box .sf-svg-icon-holder {
height:70px;
margin-bottom:25px;
display:inline-block;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
overflow:hidden
}
.sf-icon-box .sf-svg-icon-holder.has-color path {
stroke:inherit
}
.sf-svg-icon-animate {
opacity:0
}
.sf-svg-icon-animate.animation-disabled {
opacity:1
}
.sf-svg-icon-animate.animation-disabled path {
stroke-dasharray:200,200;
stroke-dashoffset:0
}
@media only screen and (max-width:767px) {
.spb-column-inner .spb_icon_box:last-child .sf-icon-box {
margin-bottom:30px
}
.col-md-6.oneNews {
    margin-bottom: 30px;
}
}
.spb_icon_box_grid .spb_icon_box>.spb-asset-content {
font-size:0;
position:static
}
.spb_icon_box_grid .spb_icon_box {
width:33.3333%;
min-height:320px;
text-align:center;
border-top:1px solid rgba(0,0,0,0.1);
-webkit-transition:all .3s ease-out;
-moz-transition:all .3s ease-out;
-webkit-transition:all .3s ease-out;
color:#222
}
.spb_icon_box_grid .spb_icon_box .outline-svg svg path {
stroke:#222
}
.spb_icon_box_grid[data-colour="light"] .spb_icon_box {
color:#fff;
border-top:1px solid rgba(255,255,255,0.1)
}
.spb_icon_box_grid[data-colour="light"] .spb_icon_box .outline-svg svg path {
stroke:#fff
}
.spb_icon_box_grid[data-columns="3"] .spb_icon_box:nth-child(-n+3) {
border-top-width:0
}
.spb_icon_box_grid[data-columns="3"] .spb_icon_box:nth-child(3n-1),
.spb_icon_box_grid[data-columns="3"] .spb_icon_box:nth-child(3n-2) {
box-shadow:1px 0 0 rgba(0,0,0,0.1)
}
.spb_icon_box_grid[data-colour="light"][data-columns="3"] .spb_icon_box:nth-child(3n-1),
.spb_icon_box_grid[data-colour="light"][data-columns="3"] .spb_icon_box:nth-child(3n-2) {
box-shadow:1px 0 0 rgba(255,255,255,0.1)
}
.spb_icon_box_grid[data-columns="4"] .spb_icon_box {
width:25%
}
.spb_icon_box_grid[data-columns="4"] .spb_icon_box:nth-child(4n-1),
.spb_icon_box_grid[data-columns="4"] .spb_icon_box:nth-child(4n-2),
.spb_icon_box_grid[data-columns="4"] .spb_icon_box:nth-child(4n-3) {
box-shadow:1px 0 0 rgba(0,0,0,0.1)
}
.spb_icon_box_grid[data-columns="4"] .spb_icon_box:nth-child(-n+4) {
border-top-width:0
}
.spb_icon_box_grid[data-colour="light"][data-columns="4"] .spb_icon_box:nth-child(4n-3),
.spb_icon_box_grid[data-colour="light"][data-columns="4"] .spb_icon_box:nth-child(4n-2) {
box-shadow:1px 0 0 rgba(255,255,255,0.1)
}
.spb_icon_box_grid .box-link {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:3
}
.spb_icon_box_grid .sf-icon-box-content-wrap {
position:absolute;
z-index:2;
height:100%;
width:100%;
top:0;
left:0
}
.spb_icon_box_grid .sf-icon-box-content-wrap::before {
content:'';
height:100%;
display:inline-block;
vertical-align:middle
}
.spb_icon_box_grid .sf-icon-box-inner-wrap {
width:90%;
height:auto;
display:inline-block;
vertical-align:middle;
padding:0 10px
}
.spb_icon_box_grid .spb_icon_box .divider-line {
width:0;
max-width:80%;
height:2px;
margin:0;
display:inline-block;
background-color:#e3e3e3
}
.spb_icon_box_grid .spb_icon_box .grid-icon-wrap a.linked-icon {
color:inherit
}
.spb_icon_box_grid .spb_icon_box .sf-svg-icon-holder>svg {
width:48px;
height:48px
}
.spb_icon_box_grid .spb_icon_box .grid-icon-wrap i.sf-icon {
color:inherit;
font-size:48px;
line-height:48px;
font-weight:normal
}
.spb_icon_box_grid .spb_icon_box h3 {
font-weight:bold;
margin:0;
color:inherit
}
.spb_icon_box_grid .spb_icon_box .grid-icon-wrap {
height:48px
}
.spb_icon_box_grid .spb_icon_box .divider-line,
.spb_icon_box_grid .spb_icon_box .grid-icon-wrap,
.spb_icon_box_grid .spb_icon_box h3,
.spb_icon_box_grid .spb_icon_box .sf-svg-icon-holder>svg path {
-webkit-transition:all 500ms cubic-bezier(1.000,0.000,0.600,1.000);
-moz-transition:all 500ms cubic-bezier(1.000,0.000,0.600,1.000);
-o-transition:all 500ms cubic-bezier(1.000,0.000,0.600,1.000);
transition:all 500ms cubic-bezier(1.000,0.000,0.600,1.000)
}
/*Start reasons for mobile*/
.mobiledynamicheader .col-md-3 a p{
font-weight: 700;
font-size: 17px
}
.mobiledynamicheader .col-md-3 p,.mobiledynamicheader .col-md-3 a{
text-align: center;
color: black;
font-size: 14px;
display: block;
margin: 3px;
}
.mobiledynamicheader .col-md-3 img,.mobiledynamicheader a.linked-icon .sf-svg-icon-holder{
	width: 60px
}
.mobiledynamicheader .col-md-3{
	height: 100%
}
.mobiledynamicheader a.linked-icon{
width: 100%;
display: flex;
height: 70%;
justify-content: center;
align-items: center;
text-align: center;
}
#reasons .sf-icon-box-animated-alt:hover{
    filter: brightness(85%);
    transition: .5s all ease
}
/*Start news style*/
#news .row:nth-child(2){
    padding: 70px 0;
    background-color:#ebf3cc;
}
.oneNews .row{
    background-color: #F8F8F8;
    margin: 0;
    height: 100%;
    border-radius: 6px
}
.oneNews .row .col-md-7 h5{
    text-align: left !important;
    font-size: 15px;
    padding: 15px 0;
    color:#555555;
}
.oneNews .row .col-md-7 p{
    text-align: left;
    font-size: 12px;
    color:#8E8E8E;
}
.oneNews .row .col-md-7{
display: flex;
align-items: center;
padding-left: 30px;
}
.oneNews .row .col-md-5 img{
width: 100%;
transform: scale(1.2);
transition: all 0.7s ease;
}
.oneNews .row .col-md-5 {
position: relative;
padding: 0;
display: flex;
align-items: center;
overflow: hidden;
border-radius: 6px;
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.innerText{
    position: absolute;
    bottom: 18px;
    z-index: 2;
    font-size: 14px;
    width: 100%;
    color: white;
    left:25px;
}
.oneNews .row .col-md-7 .innerText i{
margin-right: 10px;
}
.grad{
background-image: linear-gradient(180deg,rgba(0,118,129,0),#0b0b0b);
position: absolute;
width: 100%;
height: 40%;
z-index: 1;
bottom: 0
}
.flee #dle-content {
    display: flex;
    margin: 50px 0;
}
/*Start products style*/
#products .container-fluid .container-fluid{
    padding: 50px 80px;
    background-color:#ebf3cc;
}
#products .row .col-md-4 img{
    width: 35%;
}
#products .row .col-md-3 a{
height: 96px;
display: flex;
background: white;
align-items: center;
border-radius: 4px;
padding: 40px 30px;
margin-bottom: 30px;
transition: 0.4s all ease;
border: 1px solid #dbdada;
}
#products .row .col-md-3:last-child{
margin:0 auto;
}
#products .container-fluid{
    margin:0 auto;
    padding:50px 15px;
    background-color:#ebf3cc;
}
#products .row .col-md-3:last-child a{
    margin-bottom: 0
}
#products .row .col-md-3 a p{
    color:#303030;
    margin-top: 6%;
    margin-left: 3%;
    font-weight: bold
}
#products .row .col-md-3 a:hover{
-webkit-box-shadow: 0px 3px 15px 0px rgb(176, 176, 176);
-moz-box-shadow: 0px 3px 15px 0px rgb(176, 176, 176);
box-shadow: 0px 3px 15px 0px rgb(176, 176, 176);
}
/*Start contact style*/
#contact{
    background-color: #F8F8F8;
    padding: 35px
}
#contact a{
    text-decoration: none;
    font-weight: bold;
	transition:0.3s all ease;
}
#contact .col-md-3:nth-child(2) a{
    color:#F96237;
}
#contact .col-md-3 ul{
	padding: 0
}
#contact .col-md-3 h5{
    font-weight: bold;
}
#contact .col-md-3 p{
    margin-bottom:3px;
}
.mobile,#contact .col-md-3 p,#contact .col-md-3 h5,#contact .col-md-3:nth-child(2) a,#contact a{
    font-size: 13px;
}
.mobile,#contact .col-md-3 p,#contact .col-md-3 h5,#contact a{
    color:#8D8D8D;
}
#contact a:hover{
	color:#B9B3B3;
}
#contact .col-md-3:nth-child(2) a:hover{
    color:#F99275;
}
.address{
    margin:10px 0 7px 0
}
#contact li{
    margin-bottom: 5px
}
#contact .col-md-3:last-child{
text-align: right;
align-items: center;
margin-top: 24px;
}
#contact .container .row .col-md-3 img{
    width: 40%
}
/*Start footer style*/
footer{
    padding: 20px;
}
footer .container .col-md-6 p a{
	text-decoration: none;
	color:#2B2F32;
	font-weight: 700
}
footer p{
	font-weight: 500;
    color:#2B2F32;
    font-size: 12px;
    margin: 0;
}
/*End footer style*/
/******************************************************************************************************
*****************************************************************************************************
*****************************************************************************************************
******************************************************************************************************/

/*Mediaqueries*/
@media only screen and (max-width: 992px){
#languages{
    position: absolute;
    top: 0;
    left: 48%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
}
}
@media only screen and (min-device-width: 0) and (max-device-width: 500px){
.mobiledynamicheader .col-md-3 img,.mobiledynamicheader a.linked-icon .sf-svg-icon-holder{
	width: 45px
}
.navbar-brand img {
    width: 50px;
}
.navbar-brand span{
    font-size: 25px;
}
#languages{
	height: 70px;
}
}
@media only screen and (max-width: 767px){
#content .container .row .col-md-6:first-child .leftSide a{
position: static;
font-size: 12px;
padding: 1rem 2rem;
margin-top: 13px;
}
.innerText {
left: 50px;
}
.newsinner .row .row .col-md-5 img{
position: static;
width: 100%
}
.newsinner .row{
    margin:0;
}
.newsinner .row .row h5,.newsinner .row .row p{
    text-align: center !important;
    margin: 0;
    margin-bottom: 15px;

}
.newsinner .row .row .col-md-7{
display: flex;
align-items: center;
justify-content: center;
}
.newsinner .row .row .col-md-5 {
justify-content: center;
}
#content .container .row .col-md-6:first-child {
height: 360px;
}
#contact .col-md-3{
    text-align: center !important;
}
#products .row .col-md-3 img{
    width: 35%;
}
#products .container-fluid .container-fluid {
    padding: 50px 20px;
}

#products .row .col-md-3{
	padding: 0 5px
}
#products .row .col-md-3 a {
    margin-bottom: 10px;
    }
a.linked-icon img {
width: 130px;
}
.sf-icon-box h3>a {
font-size: 20px;
margin-top: 60px;
}
.sf-icon-box h3 > a p{
	margin:0;
}
.sf-icon-box .sf-svg-icon-holder {
height:130px;
}
.leftSide{
	text-align: center;
}
.newsinner .row .row .col-md-5 img {
width: 100%;
}
.newsinner .row .col-md-6 .row {
    padding: 60px;
}
.newsinner > div:nth-child(1) > div:nth-child(1){
	margin-bottom: 30px;
}
footer p{
    text-align: center;
    margin-bottom: 3px
}
footer{
    padding: 20px 0;
    padding-left: 15px !important
}
.carousel-control-prev,.carousel-control-next{
    width: 10%
}
#contact ul{
    padding: 0
}
#products .col-md-3{
    padding:10px 30%;
}
#reasons .row .col-md-3{
padding: 0 60px
}
}
@media only screen and (max-width: 368px){
	#products .row .col-md-3 a p {
		display: none;
	}
	#products .row .col-md-3 img {
		width: 100%
	}
}
@media only screen and (max-width: 991px){
.nav-link {
    padding: 22px 0px;
}
header .container{
	margin:50px auto;
}
header .title {
    font-size: 40px;
    margin: 0
}
.subtitle {

    font-size: 18px;
    margin-bottom: 3px
}
.arrow-btn {
    margin: 0;
}
.arrow-btn .btn-label{
	display: flex;
	align-items: center;
}
}
@media only screen and (max-width: 767px){
header .container{
	margin:35px auto;
}
header{
	text-align: center;
}
header .title {
    font-size: 30px;
    margin: 0
}
.subtitle {

    font-size: 14px;
    margin-bottom: 10px
}
.arrow-btn {
    margin: 0;
}
.arrow-btn .btn-label,.arrow-btn .btn-icon{
height: 40px;
}
.newsinner .row .row .col-md-5 img{
    transform: scale(1.2) !important;
    }
}
@media only screen and (max-width: 960px){
	#reasons section.mobiledynamicheader{
		display: block !important;
	}
	#reasons .row:nth-child(2){
		display: none !important;
	}
	#reasons .row .col-md-3 {
    padding: 0 15px;
    box-shadow: 0px 0px 20px 0px #e9e9e9;
    margin: 20px;
    border-radius: 3px;
	}
}
@media only screen and (max-width: 1200px){
	#content .container .row .col-md-6:first-child{
		height: 100%;
		padding:30px;
	}
	#content .container .row .col-md-6:first-child .leftSide a{
		position: static;
		padding: 20px;
		margin-top: 25px;
	}
}
@media (min-width: 992px) and (max-width: 1199.98px){
    .newsinner .row .row .col-md-5 img{
    transform: scale(1.4) !important;
    }
}
@media only screen and (min-width: 768px) {
#content .container .row .col-md-6:nth-child(2){
padding: 0
}
.sf-icon-box h3 > a {
    top: 40%;
    margin-top: 25px;
}
#products .row .col-md-3 img{
    width: 43%;
}
#reasons section.row div.spb_icon_box.col-md-3 div.spb-asset-content div.sf-icon-box.sf-icon-box-animated-alt.animated-no-rounded div.inner div.front div.front-inner-wrap div.sf-icon-box-content-wrap.clearfix h3 a p{
		margin: 3px
	}
	.partners .col-md-3{
    max-width: calc(25% - 20px);
	}
}
@media  only screen and (min-width: 1200px) {
.sf-icon-box h3 > a p{
	margin-bottom: 5px
}
nav .navbar-collapse li a span, #languages ul li a span{
	font-size: 14px
}
#products .row .col-md-3 img{
    width: 35%;
}
.sf-icon-box h3>a {
margin-top: 15px;
top: 51%;
}  
}
@media (min-width: 768px) and (max-width: 991.98px){
.innerText {
bottom: 50px;
}
.grad {
height: 57%;
}
#products .row .col-md-3 a p {
    font-size: 12px;
}
#products .row .col-md-3 a {
    padding: 40px 5px;
    }
#products .row .col-md-3 img {
    width: 40%;
}
.newsinner .row .row .col-md-5 img{
    transform: scale(2.3) !important;
    }
}
@media  only screen and (max-width: 768px){
.grad{
    width: 100%;
}
}
@media  only screen and (max-width: 450px){
#languages{
    left: 40%;
}
#languages ul li a {
    padding: 30px 5px;
}
.navbar-brand span{
font-size: 20px;
}
.newsinner .row .row .col-md-5{
    height: 200px
}
.newsinner .row .col-md-6 .row {
    padding: 0;
}
#languages ul li a span:after {
    left: 27%;
}
}
/*hightlightcss files*/
.highslide-controls {
    width: 195px;
    height: 40px;
    background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) 0 -90px no-repeat;
    margin-right: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
    height: 40px;
    list-style: none;
    margin: 0;
    padding: 0;
    background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) right -90px no-repeat;
}
.highslide-controls li {
    float: left;
    padding: 5px 0;
}
.highslide-controls a {
    background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif);
    display: block;
    float: left;
    height: 30px;
    width: 30px;
    outline: none;
}
.highslide-controls a.disabled {
    cursor: default;
}
.highslide-controls a span {
    /* hide the text for these graphic buttons */
    display: none;
}
 
/* The CSS sprites for the controlbar */
.highslide-controls .highslide-previous a {
    background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
    background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
    background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
    background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
    background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
    background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
    background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
    background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
    background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
    background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
    background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
    background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
    background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
    background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
    background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
    background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
    background-position: -180px -30px;
}
/*Start about page style*/
#aboutContent .title,#contactPage .title,.xeberlerTitle .title,#galleryContent .title,#fullStoryTitle .title,#videosContent .title,#products .title,#partnersContent .title{
    background-image: url('../img/aboutback.jpg');
    background-size: cover;
    background-repeat:no-repeat;
    height: 100%;
    padding: 60px;
    color:white;
}
#aboutContent .spot,#contactPage .spot,.xeberlerTitle .spot,#galleryContent .spot,#fullStoryTitle .spot,#videosContent .spot,#products .spot,#partnersContent .spot{
    width: 100%;
    position: absolute;
    height: 176px;
    background-color: #00000075;
}
#aboutContent .content,#videosContent .content,#partnersContent .content{
    max-width: 800px;
    margin: 50px auto;
}
#aboutContent img{
    border-radius: 5px;
    max-width:100%;
}
/*Start contact page style*/
#contactPage .footer-list{
    padding:0;
}
#contactPage .divider-light{
    background: #ddd;
    height: 1px;
    width: 100%;
    position: relative;
    margin-bottom: 0;
}
#contactPage .footer-list .flex{
    display:flex;
    justify-content:space-between;
    padding:36px 0;
}
#contactPage .footer-list .flex li{
    text-align:right;
}
#contactPage .page-content .section-title{
    margin:25px 0;
}
#contactPage .page-content .customdivider{
    margin-bottom:50px;
}
#contactPage #map{
    height:400px;
    margin:0 -15px;
}
@media only screen and (max-width:767px){
#contactPage iframe{
    height:500px;
}
}
@media only screen and (max-width:381px){
#contactPage .spot {
    width: 100%;
    position: absolute;
    background-color: #00000075;
}
}
/*Start gallery page style*/
#galleryContent .crop{
    width: 274px;
    height: 190px;
    float: left;
    margin: 10px;
    overflow: hidden;
    border-radius: 10px;
}
#galleryContent .crop img{
    max-width: 275px;
    min-height: 200px;
}
#galleryContent .content{
    margin:20px auto;
}
#galleryContent .clearfix{
    margin:20px;
}
@media only screen and (min-width:1200px){
    #galleryContent .content{
    width:1176px;
}
.contentVideos{
    max-width: 1000px !important;
}
.contentVideos iframe{
    width: 47.9%;
    height: 360px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
     #galleryContent .content{
    width:882px;
}
.contentVideos{
    max-width: 1000px !important;
}
.contentVideos iframe{
    width: 31%;
    height: 212px;
}
}
@media (min-width: 600px) and (max-width: 991.98px) { 
    #galleryContent .content{
    width:588px;
}
.contentVideos{
    max-width: 500px !important;
}
.contentVideos iframe{
    width: 100%;
    height: 300px;
}
    }
@media (max-width: 600px) { 
    #galleryContent .content{
    width:300px;
}
.contentVideos{
    max-width: 320px !important;
}
.contentVideos iframe{
    width: 100%;
    height: 240px;
}
}
/*Start full story style*/
.fullStory{
    max-width: 800px;
    padding: 50px;
    text-align: center;
    margin: 0 auto;
}
.fullStory .news-title{
    font-weight: bold;
    margin-bottom: 10px;
}
.fullStory .content img{
    max-width:400px;
}
/*Start videos gallery page style*/
.contentVideos iframe{
    background: white;
    margin: 8.5px;
    padding: 5px;
    border-radius: 4px;
    box-shadow: 0 0 20px 0 #dedede;
}
.contentVideos .container-fluid{
    padding-left:0;
    padding-right:17px;
}
/*Start partners style*/
    .partners .col-md-3{
    display: flex;
    justify-content:center;
    align-items:center;
    padding: 20px 15px;
    box-shadow: 0px 0px 7px 0px #e2e2e2;
    margin: 10px;
    }
    .partners .col-md-3 img:hover {
    opacity: 0.6;
    transition:0.5s all ease;
    }
    .partners{
        margin: 50px auto;
    }
    .partneritem{
        text-align:center;
    }
    .partneritem img {
    width: 100%;
    }
    @media only screen and (max-width: 767px){
    .partners .col-6{
        max-width: calc(50% - 20px)
    }
    }