/*：源代码唯一下载地址:https://www.17sucai.com*//*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */@import url('css2-Interwght100200300400500600700800900_swap.css');
@import url('css2-OpenSansitalwght0300040006000700080013001400160017001800_swap.css');
html {
line-height:1.15;
-webkit-text-size-adjust:100%;
overflow-x:hidden
}
body {
margin:0;
overflow:hidden
}
hr {
box-sizing:content-box;
height:0;
overflow:visible
}
pre {
font-family:monospace,monospace;
font-size:1em
}
a {
background-color:transparent
}
abbr[title] {
border-bottom:0;
text-decoration:underline;
text-decoration:underline dotted
}
b,strong {
font-weight:bold
}
code,kbd,samp {
font-family:monospace,monospace;
font-size:1em
}
small {
font-size:80%
}
sub,sup {
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}
sub {
bottom:-0.25em
}
sup {
top:-0.5em
}
img {
border-style:none
}
button,input,optgroup,select,textarea {
font-family:inherit;
font-size:100%;
line-height:1.15;
margin:0
}
button,input {
overflow:visible
}
button,select {
text-transform:none
}
button,[type=button],[type=reset],[type=submit] {
-webkit-appearance:button
}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
border-style:none;
padding:0
}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring {
outline:1px dotted ButtonText
}
fieldset {
padding:.35em .75em .625em
}
legend {
box-sizing:border-box;
color:inherit;
display:table;
max-width:100%;
padding:0;
white-space:normal
}
progress {
vertical-align:baseline
}
textarea {
overflow:auto
}
[type=checkbox],[type=radio] {
box-sizing:border-box;
padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
height:auto
}
[type=search] {
-webkit-appearance:textfield;
outline-offset:-2px
}
[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}
details {
display:block
}
summary {
display:list-item
}
template {
display:none
}
[hidden] {
display:none
}
body,button,input,select,optgroup,textarea {
color:#5f5f5f;
font-family:"Open Sans",sans-serif;
font-size:16px;
line-height:1.875;
font-weight:400;
word-break:break-word;
box-sizing:border-box
}
h1,h2,h3,h4,h5,h6 {
font-family:"Inter",sans-serif;
font-weight:700;
line-height:1.2;
margin:0 0 20px;
color:#1b1d21
}
h1 {
font-size:48px
}
h2 {
font-size:42px
}
h3 {
font-size:36px
}
h4 {
font-size:30px
}
h5 {
font-size:24px
}
h6 {
font-size:20px
}
@media(max-width:767px) {
h2 {
font-size:34px
}
h3 {
font-size:27px
}
h4 {
font-size:21px
}
}p {
margin:0 0 20px
}
dfn,cite,em,i {
font-style:italic
}
blockquote {
position:relative;
margin:30px 0;
font-family:"Inter",sans-serif;
font-style:normal;
font-weight:500;
color:#1b1d21;
padding-top:73px;
text-align:center;
font-size:22px
}
blockquote:before {
content:"";
font-family:Flaticon;
font-size:29px;
position:absolute;
left:50%;
top:0;
width:50px;
height:50px;
line-height:50px;
margin-left:-25px;
color:#fe8423;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
box-shadow:6px 6px 13px 0 rgba(0,0,0,0.1);
-webkit-box-shadow:6px 6px 13px 0 rgba(0,0,0,0.1);
-moz-box-shadow:6px 6px 13px 0 rgba(0,0,0,0.1)
}
blockquote cite {
font-style:normal;
font-size:14px;
font-weight:bold;
color:#fe8423;
text-transform:uppercase;
display:block;
margin-top:14px
}
address {
margin:0 0 1.5em
}
pre {
background:#eee;
font-family:"Courier 10 Pitch",Courier,monospace;
font-size:15px;
line-height:1.7142857143;
margin-bottom:1.6em;
max-width:100%;
overflow:auto;
padding:1.6em
}
code,kbd,tt,var {
font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;
font-size:15px
}
abbr,acronym {
border-bottom:1px dotted #666;
cursor:help
}
mark,ins {
background:#fff9c0;
text-decoration:none
}
.bg-alt {
background:#f7f7f7
}
.bg-primary {
background:#fe8423
}
.text-primary {
color:#fe8423
}
.text-dark,.text-color-dark {
color:#1b1d21
}
.text-light {
color:#fff
}
.text-light * {
color:#fff
}
.font-main {
font-family:"Open Sans",sans-serif
}
.font-second {
font-family:"Inter",sans-serif
}
.clear-both {
clear:both
}
.unstyle {
list-style:none;
padding-left:0;
margin-left:0
}
.list-primary {
padding-left:0;
list-style:none
}
.list-primary li {
margin-bottom:17px;
padding-left:35px;
position:relative
}
.list-primary li:before {
content:"";
width:6px;
height:6px;
position:absolute;
left:17px;
top:13px;
background-image: linear-gradient(110deg,#23499e 0,#306dc8 100%);
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%
}
.bbold {
font-weight:900
}
.exbold {
font-weight:800
}
.sbold {
font-weight:600
}
.normal {
font-weight:400
}
.lighter {
font-weight:300
}
.f-left {
float:left
}
.f-right {
float:right
}
.dtable {
display:table
}
.dcell {
display:table-cell;
vertical-align:middle
}
.flex-middle {
display:flex;
align-items:center;
justify-content:center
}
.overflow {
overflow:hidden
}
.overlay {
position:absolute;
top:0;
left:0;
background:#fff;
opacity:.8;
width:100%;
height:100%;
z-index:-1
}
.gaps {
clear:both;
height:20px;
display:block
}
.gaps.size-2x {
height:40px
}
.under-line {
display:inline;
background-size:0 1px;
background-position:0 100%;
background-repeat:no-repeat;
background-image:linear-gradient(0deg,#fff,#f5f5f5)
}
.under-line:hover {
background-size:100% 1px
}
.link-details {
display:inline-block;
font-family:"Inter",sans-serif;
font-size:14px;
font-weight:600;
text-transform:uppercase;
color:#fe8423
}
.link-details:visited {
color:#fe8423
}
.link-details i {
margin-right:8px;
transition:margin .3s ease;
-webkit-transition:margin .3s ease;
-moz-transition:margin .3s ease;
-o-transition:margin .3s ease;
-ms-transition:margin .3s ease
}
.link-details:hover i {
margin-right:4px
}
.btn-details {
display:inline-block;
text-align:center;
line-height:38px;
width:38px;
height:38px;
color:#1b1d21;
background:rgba(220,219,219,0.5);
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
transition:.3s ease;
-webkit-transition:.3s ease;
-moz-transition:.3s ease;
-o-transition:.3s ease;
-ms-transition:.3s ease
}
.btn-details i:before {
font-size:16px
}
.btn-details:hover {
color:#fff;
background:#fe8423
}
.owl-carousel .owl-dots {
position:absolute;
bottom:-80px;
left:0;
width:100%
}
.owl-carousel .owl-dots button.owl-dot {
position:relative;
width:30px;
height:30px;
text-align:center;
border:1px solid transparent;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.owl-carousel .owl-dots button.owl-dot span {
position:absolute;
content:"";
top:50%;
left:50%;
margin:0;
width:8px;
height:8px;
background:#9d9ea2;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.owl-carousel .owl-dots button.owl-dot.active {
border-color:rgba(157,158,162,0.5)
}
.owl-carousel .owl-dots button.owl-dot.active span {
background:#fe8423
}
.owl-carousel .owl-dots button.owl-dot:hover span {
background:#fe8423
}
.owl-carousel .owl-nav {
position:absolute;
width:100%;
top:50%;
left:0;
margin-top:-22px
}
.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next {
position:absolute;
top:0;
color:#fff;
font-size:16px;
width:45px;
height:45px;
line-height:1;
background:#1b1d21;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.owl-carousel .owl-nav button.owl-prev:hover,.owl-carousel .owl-nav button.owl-next:hover {
background:#fe8423
}
.owl-carousel .owl-nav button.owl-prev {
left:30px
}
.owl-carousel .owl-nav button.owl-next {
right:30px
}
.section-baner.elementor-widget-text-editor h3 {
margin-bottom:2px;
color:#fff
}
.section-baner.elementor-widget-text-editor p {
text-transform:uppercase
}
.slide-rev-subtitle {
font-family:"Inter",sans-serif!important;
font-weight:400!important;
font-size:14px!important;
text-transform:uppercase;
line-height:28px!important;
background:rgba(255,255,255,0.1);
border:1px solid rgba(255,255,255,0.3);
padding:0 10px 0 4px;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px
}
.slide-rev-subtitle span {
font-weight:bold;
color:#fe8423;
background:#fff;
padding:4px 11px;
margin-right:6px;
-webkit-border-radius:11px;
-moz-border-radius:11px;
border-radius:11px
}
.hl-text {
font-weight:400!important;
color:#55bb53!important
}
section.is-stuck section.off-boxshadow {
box-shadow:none!important
}
html {
box-sizing:border-box
}
*,*:before,*:after {
box-sizing:inherit
}
body {
background:#fff
}
hr {
background-color:#ccc;
border:0;
height:1px;
margin-bottom:1.5em
}
ul,ol {
margin:0 0 20px;
padding-left:18px
}
ul {
list-style:disc
}
ol {
list-style:decimal
}
li>ul,li>ol {
margin-bottom:0;
margin-left:1.5em
}
dt {
font-weight:700
}
dd {
margin:0 1.5em 1.5em
}
.none-style {
list-style:none;
padding-left:0
}
img {
height:auto;
max-width:100%
}
figure {
margin:1em 0
}
table {
margin:0 0 1.5em;
width:100%;
border-collapse:collapse;
border-spacing:0;
border-width:1px 0 0 1px
}
caption,td,th {
padding:0;
font-weight:normal;
text-align:left
}
table,th,td {
border:1px solid #eee
}
th {
font-weight:700
}
th,td {
padding:.4375em
}
.octf-btn {
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear;
font-size:14px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
padding:14px 30px;
line-height:1.42857143;
display:inline-block;
margin-bottom:0;
text-decoration:none;
text-transform:uppercase;
white-space:nowrap;
vertical-align:middle;
font-family:"Inter",sans-serif;
font-weight:600;
text-align:center;
background-image: linear-gradient(110deg,#23499e 0,#306dc8 100%);
cursor:pointer;
/* border:1px solid transparent; */
color:#fff;
outline:0;
position:relative;
border: none;
}
.octf-btn:hover,.octf-btn:focus {
background:#1b1d21
}
.octf-btn i {
margin-right:12px
}
.octf-btn:hover {
color:#fff
}
.octf-btn-dark {
background:#1b1d21
}
.octf-btn-dark:visited {
color:#fff
}
.octf-btn-dark:hover,.octf-btn-dark:focus {
color:#fff;
background:#fe8423
}
.octf-btn-light {
background:#fff;
color:#1b1d21
}
.octf-btn-light:visited {
color:#1b1d21
}
.octf-btn-light:hover,.octf-btn-light:focus {
color:#fff;
background:#fe8423
}
.octf-btn.octf-btn-border {
background:transparent;
border-color:#fe8423;
color:#fe8423
}
.octf-btn.octf-btn-border:visited {
color:#fe8423
}
.octf-btn.octf-btn-border:hover,.octf-btn.octf-btn-border:focus {
background-image: linear-gradient(110deg,#23499e 0,#306dc8 100%);
color:#fff
}
.octf-btn.octf-btn-border.octf-btn-light {
border-color:#fff;
color:#fff
}
.octf-btn.octf-btn-border.octf-btn-light:hover,.octf-btn.octf-btn-border.octf-btn-light:focus {
background:#fff;
color:#1b1d21
}
.octf-btn.octf-btn-border.octf-btn-dark {
border-color:#1b1d21;
color:#1b1d21
}
.octf-btn.octf-btn-border.octf-btn-dark:hover,.octf-btn.octf-btn-border.octf-btn-dark:focus {
background:#1b1d21;
color:#fff
}
input[type=text],input[type=email],input[type=url],input[type=password],input[type=search],input[type=number],input[type=tel],input[type=range],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],input[type=color],textarea {
color:#666;
border:1px solid #dbdbdb;
padding:11px 24px;
box-sizing:border-box;
outline:0;
font-size:14px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
input[type=text]:focus,input[type=email]:focus,input[type=url]:focus,input[type=password]:focus,input[type=search]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=range]:focus,input[type=date]:focus,input[type=month]:focus,input[type=week]:focus,input[type=time]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=color]:focus,textarea:focus {
color:#666
}
select {
font-family:"Inter",sans-serif;
font-size:14px;
border:1px solid #dbdbdb;
outline:0
}
textarea {
width:100%;
padding-top:18px;
padding-bottom:18px;
height:120px
}
::-webkit-input-placeholder {
color:#5f5f5f
}
::-moz-placeholder {
color:#5f5f5f
}
:-ms-input-placeholder {
color:#5f5f5f
}
:-moz-placeholder {
color:#5f5f5f
}
a {
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear;
color:#1b1d21;
text-decoration:none
}
a:hover,a:focus,a:active {
color:#fe8423;
text-decoration:none
}
a:focus {
outline:0
}
a:hover,a:active {
outline:0
}
#site-logo {
padding:10px 0;
display:inline-flex;
vertical-align:middle;
align-items:center;
justify-content:center;
line-height:1
}
#site-logo img {
width:140px
}
.main-navigation ul {
list-style:none;
padding-left:0
}
.site-header {
background:#fff;
position:relative;
z-index:10
}
.site-header.header-overlay {
background:transparent;
border-color:rgba(255,255,255,0.1);
-webkit-box-shadow:0 0 0 0 rgba(42,67,113,0.15);
-moz-box-shadow:0 0 0 0 rgba(42,67,113,0.15);
box-shadow:0 0 0 0 rgba(42,67,113,0.15);
position:absolute;
top:0;
left:0;
width:100%
}
.site-header.header-overlay .header-topbar {
background:rgba(255,255,255,0.1)
}
.site-header.header-overlay .octf-cta-icons i {
color:#fff
}
.site-header.header-overlay .contact-header span {
color:#ccc
}
.site-header.header-overlay .contact-header span.main-text,.site-header.header-overlay .contact-header span a {
color:#fff
}
.octf-mainbar-container {
display:flex;
flex-flow:row wrap;
align-items:stretch
}
.octf-mainbar {
display:flex;
flex-flow:column wrap;
flex:1 auto
}
.octf-main-header .octf-mainbar-row {
display:flex;
flex-wrap:nowrap;
align-items:stretch;
flex:1 auto
}
.octf-mainbar-row>[class^=octf-col] {
display:flex;
align-items:stretch;
position:static
}
.octf-mainbar-row .octf-col {
flex-basis:0;
flex-grow:.65;
max-width:100%;
width:100%;
min-height:1px;
padding-right:15px;
padding-left:15px
}
.octf-mainbar-row .octf-col.menu-col {
/* justify-content:flex-end; */
}
.octf-mainbar-row>[class^=octf-col] {
flex-flow:row nowrap
}
.octf-mainbar-row>[class^=octf-col].text-left {
justify-content:flex-start
}
.octf-mainbar-row>[class^=octf-col].text-center {
justify-content:center
}
.octf-mainbar-row>[class^=octf-col].text-right {
justify-content:flex-end
}
.octf-main-header .octf-row>div:empty {
display:none
}
.octf-row {
margin-right:-15px;
margin-left:-15px
}
.octf-col:before {
display:inline-flex
}
.octf-main-header .octf-row .octf-col-auto {
flex:0 0 auto;
width:auto;
max-width:none
}
.octf-header-module {
display:inline-flex;
flex-direction:column;
align-items:center;
justify-content:center;
position:relative
}
.main-navigation {
position:relative;
display:inline-block;
vertical-align:middle;
height:100%;
width:auto
}
.main-navigation ul {
font-family:"Inter",sans-serif;
font-weight:600;
font-size:14px;
list-style:none;
margin:0;
padding:0
}
.main-navigation>ul {
position:relative;
display:flex;
width:100%;
vertical-align:middle;
height:100%
}
.main-navigation>ul>li {
margin:0 29px;
padding:0;
float:left;
position:relative;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
height:100%
}
.main-navigation>ul>li:last-child {
margin-right:0
}
.main-navigation>ul>li:first-child {
margin-left:0
}
.main-navigation>ul>li:before {
content:"";
position:absolute;
left:0;
bottom:0;
width:100%;
height:3px;
background-image: linear-gradient(110deg,#23499e 0,#306dc8 100%);
opacity:0;
transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out
}
.main-navigation>ul>li:hover>a {
color:#fe8423
}
.main-navigation>ul>li:hover:before {
opacity:1
}
.main-navigation>ul>li>a {
position:relative;
display:inline-block;
padding:10px 0;
line-height:35px;
text-decoration:none;
text-align:center;
outline:0;
color:#1a1b1e;
white-space:nowrap;
transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out
}
.octf-main-header .main-navigation>ul>li>a {
padding:20px 0
}
.main-navigation ul ul.sub-menu {
float:none;
margin:0;
padding:0;
background:#fff;
min-width:250px;
white-space:nowrap;
position:absolute;
top:100%;
left:-32px;
z-index:10;
visibility:hidden;
opacity:0;
-webkit-transform:translateY(30px);
-ms-transform:translateY(30px);
transform:translateY(30px);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12);
-webkit-box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12);
-moz-box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12);
box-sizing:border-box
}
.main-navigation ul ul.sub-menu:before {
content:"";
position:absolute;
height:12px;
width:100%;
top:-12px;
left:0
}
.main-navigation ul ul.sub-menu:after {
content:"";
position:absolute;
height:15px;
width:15px;
top:-5px;
left:50px;
opacity:1;
z-index:-1;
background:#fff;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg)
}
.main-navigation ul ul.sub-menu ul:after {
display:none
}
.main-navigation>ul>li.menu-item-has-children>a {
padding-right:17px
}
.main-navigation>ul>li.menu-item-has-children:last-child>a:after {
right:0
}
.main-navigation ul li li {
display:block;
position:relative
}
.main-navigation ul li li a {
font-size:14px;
line-height:30px;
color:#1a1b1e;
text-align:left;
display:block;
padding:8px 30px;
position:relative;
text-decoration:none;
outline:0;
border-bottom:1px solid #f5f5f5;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.main-navigation ul li li:first-child a {
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-right-radius:0;
border-bottom-left-radius:0;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:0;
-webkit-border-bottom-left-radius:0;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomright:0;
-moz-border-radius-bottomleft:0
}
.main-navigation ul li li:last-child a {
border:0;
border-top-left-radius:0;
border-top-right-radius:0;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
-webkit-border-top-left-radius:0;
-webkit-border-top-right-radius:0;
-webkit-border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-topleft:0;
-moz-border-radius-topright:0;
-moz-border-radius-bottomright:5px;
-moz-border-radius-bottomleft:5px
}
.main-navigation ul li li a:hover,.main-navigation ul ul.sub-menu li.current-menu-item>a,.main-navigation ul ul.sub-menu li.current-menu-ancestor>a {
color:#fe8423;
background:#f5f5f5
}
.main-navigation.no-line ul li li a:hover,.main-navigation.no-line ul ul.sub-menu li.current-menu-item>a,.main-navigation.no-line ul ul.sub-menu li.current-menu-ancestor>a {
padding-left:0
}
.main-navigation ul>li.menu-item-has-children>a:after {
position:absolute;
right:1px;
top:50%;
margin-top:-3px;
font-family:"Flaticon";
content:"";
font-size:9px;
line-height:1;
color:#fff;
font-weight:400
}
.main-navigation ul>li.menu-item-has-children:hover>a {
color:#fe8423
}
.main-navigation ul>li.menu-item-has-children:hover>a:after {
color:#fe8423
}
.main-navigation ul>li.menu-item-has-children>a:hover:after {
color:#fe8423
}
.main-navigation ul>li li.menu-item-has-children>a:after {
position:absolute;
content:"";
font-family:Flaticon;
top:50%;
right:28px;
margin-top:-5px;
font-size:9px;
color:#b6b6b6;
transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out
}
.main-navigation ul li ul.sub-menu ul.sub-menu {
left:100%;
top:-25px;
transition:all .35s ease-in-out;
-webkit-transition:all .35s ease-in-out;
-moz-transition:all .35s ease-in-out;
-o-transition:all .35s ease-in-out;
-ms-transition:all .35s ease-in-out
}
.main-navigation ul li:hover>ul.sub-menu {
visibility:visible;
opacity:1
}
.main-navigation ul>li:hover>ul.sub-menu {
-webkit-transform:translateY(12px);
-ms-transform:translateY(12px);
transform:translateY(12px)
}
.header-2 .main-navigation ul>li.menu-item-has-children>a:after {
margin-top:-6px
}
@-webkit-keyframes stickySlideUp {
from {
-webkit-transform:translateY(10%);
transform:translateY(10%)
}
to {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}@keyframes stickySlideUp {
from {
-webkit-transform:translateY(10%);
transform:translateY(10%)
}
to {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}@-webkit-keyframes stickySlideDown {
from {
-webkit-transform:translateY(-100%);
transform:translateY(-100%)
}
to {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}@keyframes stickySlideDown {
from {
-webkit-transform:translateY(-100%);
transform:translateY(-100%)
}
to {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}section.is-stuck,.is-stuck {
-webkit-animation:stickySlideDown .65s cubic-bezier(0.23,1,0.32,1) both;
-moz-animation:stickySlideDown .65s cubic-bezier(0.23,1,0.32,1) both;
animation:stickySlideDown .65s cubic-bezier(0.23,1,0.32,1) both
}
section.is-stuck,.is-stuck {
position:fixed;
left:0;
right:0;
top:0;
z-index:99
}
.admin-bar .is-stuck,.admin-bar .header-overlay {
top:32px
}
.mega-menu-content .ot-flex-column-horizontal .elementor-widget-wrap {
flex-wrap:wrap
}
.mega-menu-content .ot-flex-column-horizontal .elementor-widget-wrap>.elementor-widget {
display:block;
width:100%
}
.ot-flex-column-horizontal .mega-menu-content .elementor-widget-wrap {
flex-wrap:wrap
}
.ot-flex-column-horizontal .mega-menu-content .elementor-widget-wrap>.elementor-widget {
display:block;
width:100%
}
.main-navigation>ul>li.is-mega-menu ul {
background:0;
padding:0
}
.main-navigation>ul>li.is-mega-menu ul li {
padding:0
}
.main-navigation>ul>li.is-mega-menu ul.sub-menu.mmenu-boxed {
min-width:600px
}
.main-navigation>ul>li.is-mega-menu ul.sub-menu.mmenu-full-width {
width:100vw
}
.header_mobile {
display:none
}
@media only screen and (max-width:1024px) {
.octf-main-header {
display:none
}
.header-topbar {
display:none
}
.site-header {
background:#fff;
-webkit-box-shadow:2px 2px 15px 0 rgba(42,67,113,0.15);
-moz-box-shadow:2px 2px 15px 0 rgba(42,67,113,0.15);
box-shadow:2px 2px 15px 0 rgba(42,67,113,0.15)
}
.header_mobile {
display:block;
width:100%;
background:#fff
}
.header_mobile.is-stuck {
box-shadow:2px 2px 15px 0 rgba(42,67,113,0.15)
}
.header_mobile .mlogo_wrapper {
position:relative;
padding:15px 0
}
.header_mobile .mlogo_wrapper img {
height:30px
}
.header_mobile .mlogo_wrapper .mobile_logo {
float:left
}
#mmenu_toggle {
position:absolute;
cursor:pointer;
width:26px;
height:20px;
right:0;
margin-top:-10px;
top:50%
}
#mmenu_toggle button {
position:absolute;
left:0;
top:50%;
margin:-2px 0 0;
background:#1b1d21;
height:4px;
padding:0;
border:0;
width:100%;
transition:all .3s ease;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
-ms-transition:all .3s ease;
outline:0;
border-radius:2px
}
#mmenu_toggle button:before {
content:"";
position:absolute;
left:0;
top:-8px;
width:26px;
height:4px;
background:#1b1d21;
-webkit-transform-origin:1.5px center;
transform-origin:1.5px center;
transition:all .3s ease;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
-ms-transition:all .3s ease;
border-radius:2px
}
#mmenu_toggle button:after {
content:"";
position:absolute;
left:0;
bottom:-8px;
width:26px;
height:4px;
background:#1b1d21;
-webkit-transform-origin:1.5px center;
transform-origin:1.5px center;
transition:all .3s ease;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
-ms-transition:all .3s ease;
border-radius:2px
}
#mmenu_toggle.active button {
background:0
}
#mmenu_toggle.active button:before {
top:0;
-webkit-transform:rotate3d(0,0,1,-45deg);
transform:rotate3d(0,0,1,-45deg);
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%
}
#mmenu_toggle.active button:after {
bottom:0;
-webkit-transform:rotate3d(0,0,1,45deg);
transform:rotate3d(0,0,1,45deg);
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%
}
.header_mobile .mobile_nav {
display:none;
background:#fff
}
.header_mobile .mobile_nav .mobile_mainmenu {
margin:0;
padding:0
}
.header_mobile .mobile_nav .mobile_mainmenu ul {
position:relative;
margin:0;
padding:0;
margin-left:15px;
display:none
}
.header_mobile .mobile_nav.collapse .mobile_mainmenu ul {
display:none
}
.header_mobile .mobile_nav .mobile_mainmenu li {
position:relative;
list-style:none
}
.header_mobile .mobile_nav .mobile_mainmenu li a {
padding:9px 0;
display:block;
color:#1b1d21;
font-weight:600;
border-bottom:1px solid #e5e5e5
}
.header_mobile .mobile_nav .mobile_mainmenu>li:last-child>a {
border:0
}
.header_mobile .mobile_nav .mobile_mainmenu li li a {
font-size:15px
}
.header_mobile .mobile_nav .mobile_mainmenu li li a:hover,.header_mobile .mobile_nav .mobile_mainmenu ul>li>ul>li.current-menu-ancestor>a {
color:#fe8423
}
.header_mobile .mobile_nav .mobile_mainmenu>li.menu-item-has-children .arrow {
color:#fff;
position:absolute;
display:block;
right:0;
top:0;
cursor:pointer;
width:40px;
height:auto;
padding:9px 0;
line-height:inherit;
text-align:right;
box-sizing:border-box
}
.header_mobile .mobile_nav .mobile_mainmenu>li.menu-item-has-children .arrow i {
color:#9397a7;
display:inline-block;
line-height:1;
-webkit-transition:transform .3s ease-in-out;
-moz-transition:transform .3s ease-in-out;
transition:transform .3s ease-in-out
}
.header_mobile .mobile_nav .mobile_mainmenu>li.menu-item-has-children .arrow i:before {
font-size:10px
}
.header_mobile .mobile_nav .mobile_mainmenu>li.menu-item-has-children .arrow.active i {
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
transform:rotate(45deg)
}
.header_mobile .mobile_nav .mobile_mainmenu>li>a:hover,.header_mobile .mobile_nav .mobile_mainmenu>li.current-menu-item>a,.header_mobile .mobile_nav .mobile_mainmenu>li.current-menu-ancestor>a {
color:#fe8423
}
}@media only screen and (max-width:767px) {
.header_mobile .mlogo_wrapper {
width:100%
}
}@media only screen and (max-width:320px) {
.mobile_logo img {
max-width:230px;
max-height:47px
}
}.page-header {
width:100%;
height:600px;
font-family:"Inter",sans-serif;
font-weight:700;
background:#1b1d21 center center no-repeat;
background-size:cover
}
.page-header .inner {
margin-top:-13px
}
.page-header .page-title {
font-size:42px;
color:#fff;
margin-bottom:0;
flex:1;
padding:10px 0
}
.page-header .breadcrumbs {
margin-bottom:0;
font-size:14px;
text-transform:uppercase;
font-weight:600
}
.page-header .breadcrumbs li {
display:inline-block;
color:#fff
}
.page-header .breadcrumbs li:before {
content:"";
font-family:"Flaticon";
font-size:9px;
color:rgba(255,255,255,0.6);
margin:-2px 8px 0;
margin-left:5px;
display:inline-block;
vertical-align:middle
}
.page-header .breadcrumbs li:first-child:before {
display:none
}
.page-header .breadcrumbs li a {
color:rgba(255,255,255,1)
}
.page-header .breadcrumbs li a:hover {
color:#fff
}
@media(max-width:992px) {
.page-header .inner {
display:block
}
}@media(max-width:767px) {
.page-header .container {
width:100%
}
.page-header .page-title {
font-size:36px
}
.page-header .breadcrumbs {
font-size:12px
}
}@media(max-width:600px) {
.page-header {
height:200px;
padding:40px 0
}
.page-header .page-title {
font-size:30px
}
}.screen-reader-text {
border:0;
clip:rect(1px,1px,1px,1px);
clip-path:inset(50%);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute!important;
width:1px;
word-wrap:normal!important
}
.screen-reader-text:focus {
background-color:#f1f1f1;
border-radius:3px;
box-shadow:0 0 2px 2px rgba(0,0,0,0.6);
clip:auto!important;
clip-path:none;
color:#21759b;
display:block;
font-size:14px;
font-weight:bold;
height:auto;
left:5px;
line-height:normal;
padding:15px 23px 14px;
text-decoration:none;
top:5px;
width:auto;
z-index:100000
}
#content[tabindex="-1"]:focus {
outline:0
}
.alignleft {
float:left;
margin-right:1.5em
}
.alignright {
float:right;
margin-left:1.5em
}
.aligncenter {
clear:both;
display:block;
margin-left:auto;
margin-right:auto
}
.text-center {
text-align:center
}
.text-left {
text-align:left
}
.text-right {
text-align:right
}
.clear:before,.clear:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after {
content:"";
display:table;
table-layout:fixed
}
.clear:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after {
clear:both
}
.entry-content {
padding:90px 0 110px
}
.post-box {
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.post-box .post-inner {
background:#fff;
margin-bottom:60px;
overflow:hidden;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
box-shadow:8px 8px 30px 0 rgba(0,0,0,0.1);
-webkit-box-shadow:8px 8px 30px 0 rgba(0,0,0,0.1);
-moz-box-shadow:8px 8px 30px 0 rgba(0,0,0,0.1)
}
.post-box p {
margin-bottom:0
}
.post-box .entry-media {
position:relative
}
.post-box .entry-media .post-cat {
position:absolute;
z-index:1;
bottom:-12px;
left:40px;
z-index:2
}
.post-box .inner-post {
padding:38px 40px 25px;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.post-box .inner-post .post-cat {
margin-top:-5px;
margin-bottom:25px
}
.post-box .post-cat a {
font-family:"Inter",sans-serif;
text-transform:uppercase;
font-size:11px;
font-weight:700;
letter-spacing:1px;
line-height:1;
display:inline-block;
color:#fff;
background-image: linear-gradient(110deg,#23499e 0,#306dc8 100%);
padding:7px 12px 6px;
margin-right:6px;
-webkit-border-radius:12px;
-moz-border-radius:12px;
border-radius:12px
}
.post-box .post-cat a:hover {
background:#1b1d21
}
.post-box .entry-meta {
position:relative;
text-transform:uppercase;
font-family:"Inter",sans-serif;
font-weight:600;
font-size:13px;
color:#818181;
padding:22px 40px;
border-top:1px solid rgba(0,0,0,0.15)
}
.post-box .entry-meta>span {
margin-right:5px;
display:inline-block
}
.post-box .entry-meta a {
color:#818181
}
.post-box .entry-meta a:hover {
color:#fe8423
}
.post-box .entry-meta .btn-details {
position:absolute;
right:15px;
top:50%;
color:#1b1d21;
border:1px solid transparent;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%)
}
.post-box .entry-meta .btn-details:hover {
background:rgba(254,132,35,0.1);
color:#fe8423;
border-color:#fe8423
}
.post-box .entry-title {
margin-bottom:15px;
line-height:36px
}
.post-box .entry-title a {
color:#1b1d21;
display:inline-block;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.post-box .entry-title a:hover {
color:#fe8423
}
.post-box .padding-box {
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear;
padding:30px 40px 0 40px;
border-bottom:0
}
.post-box .padding-box+.inner-post {
border-top:0;
padding-top:30px
}
.post-box .gallery-post.owl-carousel .owl-dots {
bottom:25px
}
.post-box .gallery-post.owl-carousel .owl-dots span {
background:#fff
}
.post-box .gallery-post.owl-carousel .owl-dots .active {
border-color:rgba(255,255,255,0.5)
}
.post-box .audio-box {
padding-top:40px
}
.post-box .audio-box iframe {
width:100%
}
.post-box .link-box {
overflow:hidden
}
.post-box .link-box a {
font-size:22px;
font-weight:600;
font-family:"Inter",sans-serif;
color:#1b1d21
}
.post-box .link-box a:hover {
color:#fe8423
}
.post-box .link-box i {
color:#fe8423;
margin-right:15px;
line-height:1;
float:left
}
.post-box .link-box i:before {
font-size:35px
}
.post-box .quote-box {
overflow:hidden
}
.post-box .quote-box i {
float:left;
color:#fe8423;
margin-top:5px
}
.post-box .quote-box i:before {
font-size:35px;
line-height:1
}
.post-box .quote-box .quote-text {
padding-left:52px;
font-size:20px;
font-weight:500;
font-family:"Inter",sans-serif;
line-height:36px;
color:#1b1d21
}
.post-box .quote-box .quote-text span {
font-size:14px;
font-weight:600;
color:#fe8423;
text-transform:uppercase;
display:block;
margin-top:5px
}
.post-box .btn-play {
position:absolute;
top:50%;
left:50%;
text-align:center;
margin-top:-30px;
margin-left:-30px
}
.post-box .btn-play i {
position:relative;
z-index:1;
display:block;
width:65px;
height:65px;
line-height:65px;
color:#fff;
border:1px solid #fff;
cursor:pointer;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%
}
.post-box .btn-play i:before {
margin-left:6px;
font-size:21px
}
.post-box .btn-play:hover i {
background-image: linear-gradient(110deg,#23499e 0,#306dc8 100%);
border-color:#fe8423
}
.page-pagination {
margin-top:60px;
margin-bottom:0
}
.page-pagination li {
display:inline-block
}
.page-pagination li a,.page-pagination li span {
font-family:"Inter",sans-serif;
font-size:16px;
color:#1b1d21;
background:#fff;
font-weight:700;
height:40px;
width:40px;
display:block;
text-align:center;
line-height:40px;
margin-right:5px;
border:1px solid #e7e7e7;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.page-pagination li a i:before,.page-pagination li span i:before {
font-size:16px
}
.page-pagination li span,.page-pagination li a:hover {
background-image: linear-gradient(110deg,#23499e 0,#306dc8 100%);
color:#fff;
border-color:#fe8423
}
.blog-post {
box-shadow:none;
overflow:inherit;
margin-bottom:0
}
.blog-post.format-standard .no-ptop {
padding-top:0
}
.blog-post>.inner-post {
padding-left:0;
padding-right:0;
border:0
}
.blog-post>.inner-post p:not(:last-child) {
margin-bottom:20px
}
.blog-post>.inner-post .entry-header .entry-meta {
padding:0;
border:0;
margin-bottom:12px
}
.blog-post>.inner-post .entry-summary {
padding-bottom:50px;
overflow:hidden
}
.blog-post .padding-box {
padding-top:0;
padding-left:0;
padding-right:0;
border:0
}
.blog-post .tagcloud {
margin:2px -3px 0;
float:left
}
.blog-post .tagcloud a {
color:#717171;
background:#f5f5f5;
font-size:12px!important;
font-family:"Inter",sans-serif;
text-transform:uppercase;
font-weight:600;
padding:8px 12px;
margin:0 3px;
margin-bottom:10px;
line-height:1;
display:inline-block;
vertical-align:middle;
border:1px solid transparent;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.blog-post .tagcloud a:hover {
background:rgba(254,132,35,0.1);
color:#fe8423;
border-color:#fe8423
}
.blog-post .share-post {
margin:0 -5px;
margin-bottom:40px;
float:right
}
.blog-post .share-post a {
display:inline-block;
height:30px;
width:30px;
line-height:30px;
font-size:12px;
text-align:center;
-webkit-border-radius:19px;
-moz-border-radius:19px;
border-radius:19px;
background-image: linear-gradient(110deg,#23499e 0,#306dc8 100%);
color:#fff;
margin:0 5px;
transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out
}
.blog-post .share-post a:hover {
-webkit-transform:translateY(-5px);
-ms-transform:translateY(-5px);
transform:translateY(-5px)
}
.blog-post .share-post a.face {
background:#4661c5
}
.blog-post .share-post a.twit {
background:#44b1e4
}
.blog-post .share-post a.pint {
background:#ff2e2e
}
.blog-post .share-post a.linked {
background:#0073B0
}
.blog-post .share-post a.google {
background:#DC4A38
}
.blog-post .share-post a.tumblr {
background:#3C586D
}
.blog-post .share-post a.reddit {
background:#FD4507
}
.blog-post .share-post a.vk {
background:#5082B9
}
.blog-post .author-bio {
overflow:hidden;
background:#f5f5f5;
padding:40px;
margin-bottom:45px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px
}
.blog-post .author-bio .author-image {
float:left;
margin-right:40px
}
.blog-post .author-bio .author-image img {
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%
}
.blog-post .author-bio .author-info .title {
font-weight:600;
font-size:14px;
text-transform:uppercase;
margin-bottom:3px
}
.blog-post .author-bio .author-info h6 {
margin-bottom:15px;
font-size:18px
}
.blog-post .author-bio .author-info .des {
margin-bottom:12px;
line-height:30px
}
.blog-post .author-bio .author-info .author-socials a {
font-size:14px;
margin-right:15px;
color:#939393
}
.blog-post .author-bio .author-info .author-socials a:hover {
color:#fe8423
}
.blog-post:hover {
box-shadow:none
}
.drop-cap {
font-family:"Inter",sans-serif;
float:left;
text-align:center;
background:#1b1d21;
color:#fff;
width:40px;
height:40px;
line-height:1;
margin:5px 15px 0 0!important;
border:1px solid #e7e7e7;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.drop-cap span {
font-size:20px;
line-height:38px;
display:block;
font-weight:800
}
.post-nav {
font-family:"Inter",sans-serif;
margin-bottom:30px;
overflow:hidden;
padding-bottom:5px
}
.post-nav>div {
position:relative;
float:left;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.post-nav>div .thumb-post img {
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
width:70px
}
.post-nav>div .thumb-post:before {
position:absolute;
top:0;
font-family:"Flaticon";
font-size:21px;
color:#fff;
background-image: linear-gradient(110deg,#23499e 0,#306dc8 100%);
height:70px;
width:70px;
line-height:70px;
padding:0 7px;
text-align:center;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
z-index:2;
opacity:0
}
.post-nav a {
position:relative;
display:flex;
align-items:center;
line-height:1;
min-height:70px
}
.post-nav a:hover .thumb-post:before {
opacity:1
}
.post-nav .info-post {
max-width:210px
}
.post-nav .info-post h6 {
font-size:16px;
line-height:24px;
font-weight:500;
margin-bottom:6px;
margin-top:-5px
}
.post-nav .info-post span {
display:inline-block;
font-size:13px;
line-height:1;
font-weight:500;
text-transform:uppercase;
color:#818181
}
.post-nav .post-prev {
float:left
}
.post-nav .post-prev .thumb-post {
margin-right:25px
}
.post-nav .post-prev .thumb-post:before {
content:""
}
.post-nav .post-prev.not-thumb .thumb-post {
margin-right:95px
}
.post-nav .post-prev.not-thumb .thumb-post:before {
opacity:1;
background:#dbdbdb
}
.post-nav .post-prev.not-thumb a:hover .thumb-post:before {
background:#fe8423
}
.post-nav .post-next {
text-align:right;
float:right
}
.post-nav .post-next .thumb-post {
order:2;
margin-left:25px
}
.post-nav .post-next .thumb-post:before {
content:"";
right:0
}
.post-nav .post-next.not-thumb .thumb-post {
margin-left:95px
}
.post-nav .post-next.not-thumb .thumb-post:before {
opacity:1;
background:#dbdbdb
}
.post-nav .post-next.not-thumb a:hover .thumb-post:before {
background:#fe8423
}
.related-posts {
margin-top:90px;
margin-bottom:20px
}
.related-posts h4 {
margin-bottom:32px
}
.related-posts .entry-title {
margin-bottom:0
}
.related-posts .post-box .post-inner {
margin-bottom:0
}
.related-posts .inner-post {
padding:30px 30px 23px
}
.related-posts .entry-media .post-cat {
margin:0
}
.related-posts .entry-meta .byline {
display:none
}
@keyframes circle-fade-before {
0% {
transform:scale(1);
opacity:1
}
100% {
transform:scale(1.8);
opacity:0
}
}@keyframes circle-fade-after {
0% {
transform:scale(1);
opacity:1
}
100% {
transform:scale(2.5);
opacity:0
}
}@media(max-width:991px) {
.content-area.col-md-9 {
margin-bottom:60px
}
.post-box.post-item {
margin-bottom:40px
}
}@media only screen and (max-width:768px) {
.blog-post .author-bio .author-image {
display:none
}
.post-nav {
display:none
}
}@media only screen and (max-width:600px) {
blockquote {
font-size:20px
}
.single-post .entry-content {
padding:50px 0 70px
}
.blog-list .post-box .inner-post {
padding:30px
}
.post-box .entry-title {
font-size:22px;
line-height:30px
}
}.blocks-gallery-caption {
margin-bottom:15px
}
.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright {
margin-top:7px;
margin-bottom:26px
}
.page-links {
clear:both;
padding-top:25px;
font-weight:600;
color:#1b1d21
}
.page-links a {
color:#1b1d21
}
.page-links a:hover {
text-decoration:underline
}
.page-links span,.page-links a {
display:inline-block;
margin-left:7px
}
.page-links-title {
font-weight:500
}
.page-links>span:not(.page-links-title) {
color:#888
}
.post-password-form input[type=password] {
padding-left:20px;
padding-right:20px;
border:1px solid rgba(0,0,0,0.1)
}
.post-password-form input[type=submit] {
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear;
border-radius:none;
-webkit-border-radius:none;
-moz-border-radius:none;
font-size:16px;
padding:10px 15px;
line-height:1.42857143;
display:inline-block;
margin-bottom:0;
text-decoration:none;
white-space:nowrap;
vertical-align:middle;
font-weight:600;
text-transform:capitalize;
text-align:center;
background:#1a1a1a;
cursor:pointer;
border:1px solid #1a1a1a;
color:#fff;
outline:0;
min-width:122px;
font-family:"Titillium Web",sans-serif
}
.post-password-form input[type=submit]:hover {
background:transparent;
color:#1a1a1a
}
.sticky .post-inner {
background:#1a1b1e;
color:#fff
}
.sticky .post-cat a {
background:#fff;
color:#1a1a1a
}
.sticky .post-cat a:hover {
background:#eee
}
.sticky .inner-post .entry-meta {
color:#ccc
}
.post-box.sticky .entry-meta a {
color:#bbb
}
.post-box.sticky .entry-footer .btn-details {
color:#fff
}
.sticky .btn-details:before {
background:#666
}
.post-box.sticky .entry-meta a:hover {
color:#fff
}
.post-box.sticky .entry-footer .btn-details:hover {
color:#fff
}
.sticky .inner-post .entry-title a {
color:#fff
}
.comments-area {
margin-top:50px
}
.comments-area ol,.comments-area ul {
list-style:none;
padding-left:0
}
.comments-area ol .comment-respond,.comments-area ul .comment-respond {
margin-top:-30px;
margin-bottom:40px
}
.comments-area .comments-title {
margin-bottom:35px
}
.comments-area .comments-title span {
font-size:26px;
color:#c3c3c3
}
.comments-area .comment-item {
margin-bottom:50px;
overflow:hidden
}
.comments-area .comment-item .gravatar {
float:left
}
.comments-area .comment-item .gravatar img {
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px
}
.comments-area .comment-item .comment-content:not(.pingback) {
padding-left:110px
}
.comments-area .comment-item .comment-meta {
position:relative
}
.comments-area .comment-item .comment-meta .comment-author {
text-transform:capitalize;
margin-bottom:7px;
font-size:18px;
font-weight:600
}
.comments-area .comment-item .comment-meta .comment-time {
display:block;
color:#818181;
font-family:"Inter",sans-serif;
font-size:12px;
font-weight:600;
text-transform:uppercase;
letter-spacing:.5px;
margin-bottom:7px
}
.comments-area .comment-item .comment-meta .comment-reply-link {
position:absolute;
top:0;
right:0;
font-family:"Inter",sans-serif;
font-size:14px;
font-weight:600;
text-transform:uppercase;
color:#fe8423
}
.comments-area .comment-item .comment-meta .comment-reply-link:before {
content:"";
font-family:"Flaticon";
margin-right:10px;
opacity:0;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.comments-area .comment-item .comment-meta .comment-reply-link:hover:before {
opacity:1
}
.comments-area .comment-item .comment-text p {
margin-bottom:15px
}
.comments-area ul.children {
padding-left:60px
}
.comment-respond {
padding:55px 60px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12);
-webkit-box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12);
-moz-box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12)
}
.comment-respond .comment-reply-title {
margin-bottom:10px;
margin-top:-5px
}
.comment-respond .comment-reply-title small {
font-size:16px;
font-weight:400;
text-transform:lowercase;
margin-left:5px
}
.comment-respond .comment-reply-title small a {
color:#ad1010
}
.comment-respond .comment-reply-title small a:hover {
color:#fe8423
}
.comment-form .row {
margin-left:-5px;
margin-right:-5px
}
.comment-form .row .col-md-6 {
padding:0 5px
}
.comment-form p {
margin-bottom:10px;
line-height:1
}
.comment-form p label {
margin-left:8px
}
.comment-form p.form-submit {
margin-top:10px;
margin-bottom:0
}
.comment-form p.comment-form-cookies-consent {
line-height:22px;
font-size:14px
}
.comment-form .comment-notes {
margin-bottom:36px
}
.comment-form .logged-in-as {
font-family:"Inter",sans-serif;
font-size:14px;
margin-bottom:35px
}
.comment-form .logged-in-as a {
color:#6d6d6d
}
.comment-form .logged-in-as a:hover {
color:#fe8423
}
.comment-form input[type=text],.comment-form input[type=email] {
width:100%
}
@media only screen and (max-width:768px) {
.comment-respond {
padding:30px
}
.comment-respond .comment-reply-title {
font-size:30px
}
.comments-area ul.children {
padding-left:30px
}
.comment-form .octf-btn {
font-size:12px;
padding:10px 23px
}
}.widget ul {
list-style:none;
padding-left:0;
margin-bottom:0
}
.widget ul li {
position:relative
}
.widget .tagcloud {
margin:0 -3px -10px
}
.widget .tagcloud a {
color:#717171;
background:#f5f5f5;
font-size:12px!important;
font-family:"Inter",sans-serif;
text-transform:uppercase;
font-weight:600;
padding:8px 12px;
margin:0 3px;
margin-bottom:10px;
line-height:1;
display:inline-block;
vertical-align:middle;
border:1px solid transparent;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.widget .tagcloud a:hover {
background:rgba(254,132,35,0.1);
color:#fe8423;
border-color:#fe8423
}
.widget table {
font-family:"Inter",sans-serif
}
.widget table td#today {
font-weight:600;
color:#1b1d21
}
.widget-area .widget {
margin-bottom:45px
}
.widget-area .widget:last-child {
margin-bottom:0
}
.widget-area .widget .widget-title {
padding-bottom:18px;
margin-bottom:35px;
border-bottom:1px solid rgba(0,0,0,0.15);
position:relative
}
.widget-area .widget .widget-title:before {
content:"";
position:absolute;
right:0;
bottom:-2px;
width:40px;
height:3px;
background-image: linear-gradient(110deg,#23499e 0,#306dc8 100%);
z-index:2
}
.widget-area .widget .widget-title:after {
content:"";
position:absolute;
right:0;
bottom:-2px;
width:57px;
height:3px;
background:#fff;
z-index:1
}
.widget-area .widget ul:not(.recent-news)>li {
font-size:14px;
position:relative;
margin-bottom:11px;
line-height:24px
}
.widget-area .widget ul:not(.recent-news)>li:last-child {
margin-bottom:0
}
.widget-area .widget ul:not(.recent-news)>li a {
font-weight:600;
color:#1b1d21;
display:inline-block;
position:relative;
transition:all .35s linear;
-webkit-transition:all .35s linear;
-moz-transition:all .35s linear;
-o-transition:all .35s linear;
-ms-transition:all .35s linear
}
.widget-area .widget ul:not(.recent-news)>li a:hover {
color:#fe8423
}
.widget-area .widget ul:not(.recent-news)>li .posts-count {
font-size:14px;
font-weight:600;
color:#8a8a8a;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.widget-area .widget ul:not(.recent-news)>li.recentcomments a:before {
display:none
}
.widget-area .widget select {
width:100%;
padding:8px;
outline:0
}
.widget-area .widget table caption {
margin-bottom:10px
}
.widget-area .widget table td,.widget-area .widget table th {
border-color:#aaa;
text-align:center
}
.widget-area .widget_categories ul li a,.widget-area .widget_product_categories ul li a,.widget-area .widget_archive ul li a {
text-transform:uppercase;
color:#1b1d21;
display:inline-block;
padding-left:15px;
position:relative;
font-size:13px;
font-weight:600;
transition:all .35s linear;
-webkit-transition:all .35s linear;
-moz-transition:all .35s linear;
-o-transition:all .35s linear;
-ms-transition:all .35s linear
}
.widget-area .widget_categories ul li a:before,.widget-area .widget_product_categories ul li a:before,.widget-area .widget_archive ul li a:before {
content:"";
position:absolute;
left:0;
top:calc(50% - 2.5px);
width:5px;
height:5px;
background-image: linear-gradient(110deg,#23499e 0,#306dc8 100%);
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%
}
.widget-area .widget_categories ul li a+span,.widget-area .widget_product_categories ul li a+span,.widget-area .widget_archive ul li a+span {
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.widget-area .widget_categories ul li a:hover+span.posts-count,.widget-area .widget_product_categories ul li a:hover+span.posts-count,.widget-area .widget_archive ul li a:hover+span.posts-count {
color:#fe8423
}
.widget .recent-news li:not(:last-child) {
margin-bottom:25px
}
.widget .recent-news .thumb {
float:left;
margin-right:20px;
width:75px;
overflow:hidden;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px
}
.widget .recent-news h6 {
margin-bottom:10px;
line-height:24px;
font-size:15px;
font-weight:500
}
.widget .recent-news h6 a {
color:#1b1d21;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.widget .recent-news .post-on {
font-family:"Inter",sans-serif;
font-size:13px;
font-weight:600;
display:block;
line-height:1;
text-transform:uppercase;
color:#9f9e9e
}
.search-form {
position:relative
}
.search-form .search-field {
width:100%;
padding:0 60px 0 20px;
height:48px;
line-height:1;
border-color:#dbdbdb;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.search-form .search-submit {
border:0;
position:absolute;
top:4px;
right:4px;
height:100%;
width:40px;
height:40px;
outline:0;
text-align:center;
vertical-align:middle;
color:#666;
background-image: linear-gradient(110deg,#23499e 0,#306dc8 100%);
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.search-form .search-submit i {
color:#fff
}
.search-form .search-submit i:before,.search-form .search-submit i:after {
font-size:21px
}
.search-form .search-submit:hover {
background:#1b1d21
}
.author-widget_wrapper {
position:relative;
padding:30px;
background-position:center center;
background-size:cover;
background-repeat:no-repeat;
overflow:hidden;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12);
-webkit-box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12);
-moz-box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12)
}
.author-widget_wrapper .author-widget_image-wrapper {
margin-bottom:22px
}
.author-widget_wrapper .author-widget_image-wrapper img {
width:150px
}
.author-widget_wrapper .author-widget_title {
margin-bottom:10px
}
.author-widget_wrapper .author-widget_text {
font-size:14px;
line-height:28px;
margin-bottom:20px
}
.author-widget_wrapper:before {
content:"";
position:absolute;
top:-10px;
left:31px;
width:80%;
height:113%;
background-image:linear-gradient(230deg,#fe8423 -150%,#fff 80%);
z-index:-1;
-webkit-transform:rotate(35deg) translateY(-14%) translateX(22%);
-ms-transform:rotate(35deg) translateY(-14%) translateX(22%);
transform:rotate(35deg) translateY(-14%) translateX(22%)
}
.author-widget_social a {
display:inline-block;
font-size:12px;
text-align:center;
height:28px;
width:28px;
line-height:28px;
cursor:pointer;
margin-right:7px;
background:#1b1d21;
color:#fff;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.author-widget_social a:last-child {
margin-right:0
}
.author-widget_social a:hover {
background:#fe8423
}
.author-widget_social a * {
color:#fff
}
.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer {
display:none
}
.infinity-end.neverending .site-footer {
display:block
}
.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley {
border:0;
margin-bottom:0;
margin-top:0;
padding:0
}
embed,iframe,object {
max-width:100%
}
.custom-logo-link {
display:inline-block
}
.wp-caption {
margin-bottom:1.5em;
max-width:100%
}
.wp-caption img[class*=wp-image-] {
display:block;
margin-left:auto;
margin-right:auto
}
.wp-caption .wp-caption-text {
margin:.8075em 0
}
.wp-caption-text {
text-align:center
}
.bypostauthor {
color:inherit
}
.gallery-caption {
display:block
}
.gallery {
margin-bottom:1.5em;
margin-left:-7px;
margin-right:-7px
}
.gallery-item {
display:inline-block;
text-align:center;
vertical-align:top;
width:100%;
margin:0;
padding:7px
}
.gallery-columns-2 .gallery-item {
max-width:50%
}
.gallery-columns-3 .gallery-item {
max-width:33.33%
}
.gallery-columns-4 .gallery-item {
max-width:25%
}
.gallery-columns-5 .gallery-item {
max-width:20%
}
.gallery-columns-6 .gallery-item {
max-width:16.66%
}
.gallery-columns-7 .gallery-item {
max-width:14.28%
}
.gallery-columns-8 .gallery-item {
max-width:12.5%
}
.gallery-columns-9 .gallery-item {
max-width:11.11%
}
.gallery-columns-6 .gallery-caption,.gallery-columns-7 .gallery-caption,.gallery-columns-8 .gallery-caption,.gallery-columns-9 .gallery-caption {
display:none
}
.ot-heading {
font-family:"Inter",sans-serif
}
.ot-heading>span {
position:relative;
display:inline-block;
font-size:14px;
font-weight:400;
text-transform:uppercase;
color:#296db8;
margin-bottom:10px
}
.ot-heading>span.is_highlight {
background:rgba(41,109,184,0.1);
padding:2px 10px;
border:1px solid #296db8;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px
}
.ot-heading>span.is_line {
padding-left:60px
}
.ot-heading>span.is_line:before {
content:"";
position:absolute;
left:0;
bottom:50%;
width:45px;
height:1px;
background:#fe8423
}
.ot-heading .main-head {
margin-bottom:0;

}
.ot-heading .zitibaise,.zitibaise{
    color: #fff;
}
.ot-heading span.borderbaise{
    border-color: #fff;
}
.icon-box {
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.icon-box .icon-main {
display:inline-block;
color:#fe8423;
width:90px;
height:90px;
line-height:90px;
text-align:center;
margin-bottom:17px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%
}
.icon-box .icon-main i {
line-height:90px;
font-size:40px;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.icon-box .icon-main svg {
vertical-align:middle;
width:40px;
fill:#296db8;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.icon-box .title-box {
font-size:20px;
margin-bottom:15px;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.icon-box .title-box a {
color:#1b1d21
}
.icon-box p:last-child {
margin-bottom:0;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.icon-box .link-details {
margin-top:18px
}
.icon-box-1 {
position:relative;
padding:48px 35px 40px;
box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12);
-webkit-box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12);
-moz-box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px
}
.icon-box-1 .icon-main {
background:rgba(254,132,35,0.1)
}
.hover-dark-yes .icon-box-1:hover {
background:#262832
}
.hover-dark-yes .icon-box-1:hover .icon-main {
background:rgba(255,255,255,0.1)
}
.hover-dark-yes .icon-box-1:hover .title-box,.hover-dark-yes .icon-box-1:hover .title-box a {
color:#fff
}
.hover-dark-yes .icon-box-1:hover p {
color:#ccc
}
.hover-dark-yes .icon-box-1:hover:after {
opacity:0
}
.with-border-yes .icon-main {
position:relative;
margin-top:15px
}
.with-border-yes .icon-main .circle-animate {
position:absolute;
width:119px;
height:119px;
left:-15px;
top:-15px;
border:1px solid rgba(0,0,0,0.15);
-webkit-animation:circle_animation 2s infinite linear;
-moz-animation:circle_animation 2s infinite linear;
-o-animation:circle_animation 2s infinite linear;
animation:circle_animation 2s infinite linear;
-webkit-animation-play-state:paused;
-moz-animation-play-state:paused;
-o-animation-play-state:paused;
animation-play-state:paused;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%
}
.with-border-yes .icon-main .circle-animate:after {
content:"";
width:12px;
height:12px;
background:#1b1d21;
position:absolute;
z-index:1;
top:50%;
left:-6px;
margin-top:-6px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%
}
.with-border-yes .content-box {
margin-top:15px
}
.with-border-yes.pos-dot-2 .icon-main .circle-animate {
-webkit-animation:circle_animation_2 2s infinite linear;
-moz-animation:circle_animation_2 2s infinite linear;
-o-animation:circle_animation_2 2s infinite linear;
animation:circle_animation_2 2s infinite linear;
-webkit-animation-play-state:paused;
-moz-animation-play-state:paused;
-o-animation-play-state:paused;
animation-play-state:paused
}
.with-border-yes.pos-dot-3 .icon-main .circle-animate {
-webkit-animation:circle_animation_3 2s infinite linear;
-moz-animation:circle_animation_3 2s infinite linear;
-o-animation:circle_animation_3 2s infinite linear;
animation:circle_animation_3 2s infinite linear;
-webkit-animation-play-state:paused;
-moz-animation-play-state:paused;
-o-animation-play-state:paused;
animation-play-state:paused
}
.with-border-yes.pos-dot-4 .icon-main .circle-animate {
-webkit-animation:circle_animation_4 2s infinite linear;
-moz-animation:circle_animation_4 2s infinite linear;
-o-animation:circle_animation_4 2s infinite linear;
animation:circle_animation_4 2s infinite linear;
-webkit-animation-play-state:paused;
-moz-animation-play-state:paused;
-o-animation-play-state:paused;
animation-play-state:paused
}
.with-border-yes .icon-box-1:hover .icon-main .circle-animate {
-webkit-animation-play-state:running;
-moz-animation-play-state:running;
-o-animation-play-state:running;
animation-play-state:running
}
.icon-box-2 .icon-main {
float:left;
/* margin: auto; */
width:75px;
height:75px;
line-height:75px;
background:0;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
/* display: block; */
}
.icon-box-2 .icon-main i {
line-height:75px;
font-size:45px
}
.icon-box-2 .icon-main svg {
width:45px
}
.icon-box-2 .content-box {
margin-left:95px
/* text-align: center; */
}
.icon-box-2 .title-box {
padding-top:11px;
margin-bottom:12px
}
.icon-box-2:hover .icon-main {
box-shadow:6px 6px 13px 0 rgba(0,0,0,0.15);
-webkit-box-shadow:6px 6px 13px 0 rgba(0,0,0,0.15);
-moz-box-shadow:6px 6px 13px 0 rgba(0,0,0,0.15)
}
.icon-right {
text-align:right
}
.icon-right .icon-main {
float:right
}
.icon-right .content-box {
margin-left:0;
margin-right:95px
}
.bline-yes:after {
position:absolute;
content:"";
width:70px;
height:3px;
bottom:-2px;
left:50%;
margin-left:-35px;
background-image: linear-gradient(110deg,#23499e 0,#306dc8 100%);
-webkit-border-radius:1.5px;
-moz-border-radius:1.5px;
border-radius:1.5px;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.bline-yes .icon-box-2 .content-box {
position:relative;
padding-bottom:25px;
border-bottom:1px solid rgba(0,0,0,0.1)
}
.bline-yes .icon-box-2 .content-box:after {
content:"";
position:absolute;
right:0;
bottom:-1px;
width:0;
background-image: linear-gradient(110deg,#23499e 0,#306dc8 100%);
height:1px;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.bline-yes .icon-box-2:hover .content-box:after {
left:0;
right:auto;
width:100%
}
.box-s2 .icon-box-2 {
position:relative;
padding-left:35px
}
.box-s2 .icon-box-2 .icon-main {
position:absolute;
left:0;
top:50%;
z-index:2;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
box-shadow:6px 6px 13px 0 rgba(0,0,0,0.15);
-webkit-box-shadow:6px 6px 13px 0 rgba(0,0,0,0.15);
-moz-box-shadow:6px 6px 13px 0 rgba(0,0,0,0.15)
}
.box-s2 .icon-box-2 .content-box {
margin:0;
padding:35px 35px 35px 70px;
background:#f5f5f5;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.box-s2 .icon-box-2:hover .content-box {
background:#fff;
box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12);
-webkit-box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12);
-moz-box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12)
}
.box-s2.icon-right .icon-box-2 {
padding-left:0;
padding-right:35px
}
.box-s2.icon-right .icon-main {
width:70px;
height:70px;
line-height:70px;
background-image: linear-gradient(110deg,#23499e 0,#306dc8 100%);
color:#fff;
left:auto;
right:0
}
.box-s2.icon-right .icon-main i {
line-height:70px;
font-size:40px
}
.box-s2.icon-right .icon-main svg {
fill:#fff
}
.box-s2.icon-right .content-box {
padding:35px 70px 35px 35px
}
@-webkit-keyframes circle_animation {
0% {
-webkit-transform:rotate(225deg);
transform:rotate(225deg)
}
100% {
-webkit-transform:rotate(585deg);
transform:rotate(585deg)
}
}@-moz-keyframes circle_animation {
0% {
-moz-transform:rotate(225deg);
transform:rotate(225deg)
}
100% {
-moz-transform:rotate(585deg);
transform:rotate(585deg)
}
}@-o-keyframes circle_animation {
0% {
-o-transform:rotate(225deg);
transform:rotate(225deg)
}
100% {
-o-transform:rotate(585deg);
transform:rotate(585deg)
}
}@keyframes circle_animation {
0% {
-webkit-transform:rotate(225deg);
-moz-transform:rotate(225deg);
-o-transform:rotate(225deg);
transform:rotate(225deg)
}
100% {
-webkit-transform:rotate(585deg);
-moz-transform:rotate(585deg);
-o-transform:rotate(585deg);
transform:rotate(585deg)
}
}@-webkit-keyframes circle_animation_2 {
0% {
-webkit-transform:rotate(-225deg);
transform:rotate(-225deg)
}
100% {
-webkit-transform:rotate(135deg);
transform:rotate(135deg)
}
}@-moz-keyframes circle_animation_2 {
0% {
-moz-transform:rotate(-225deg);
transform:rotate(-225deg)
}
100% {
-moz-transform:rotate(135deg);
transform:rotate(135deg)
}
}@-o-keyframes circle_animation_2 {
0% {
-o-transform:rotate(-225deg);
transform:rotate(-225deg)
}
100% {
-o-transform:rotate(135deg);
transform:rotate(135deg)
}
}@keyframes circle_animation_2 {
0% {
-webkit-transform:rotate(-225deg);
-moz-transform:rotate(-225deg);
-o-transform:rotate(-225deg);
transform:rotate(-225deg)
}
100% {
-webkit-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-o-transform:rotate(135deg);
transform:rotate(135deg)
}
}@-webkit-keyframes circle_animation_3 {
0% {
-webkit-transform:rotate(45deg);
transform:rotate(45deg)
}
100% {
-webkit-transform:rotate(405deg);
transform:rotate(405deg)
}
}@-moz-keyframes circle_animation_3 {
0% {
-moz-transform:rotate(45deg);
transform:rotate(45deg)
}
100% {
-moz-transform:rotate(405deg);
transform:rotate(405deg)
}
}@-o-keyframes circle_animation_3 {
0% {
-o-transform:rotate(45deg);
transform:rotate(45deg)
}
100% {
-o-transform:rotate(405deg);
transform:rotate(405deg)
}
}@keyframes circle_animation_3 {
0% {
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg)
}
100% {
-webkit-transform:rotate(405deg);
-moz-transform:rotate(405deg);
-o-transform:rotate(405deg);
transform:rotate(405deg)
}
}@-webkit-keyframes circle_animation_4 {
0% {
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg)
}
100% {
-webkit-transform:rotate(315deg);
transform:rotate(315deg)
}
}@-moz-keyframes circle_animation_4 {
0% {
-moz-transform:rotate(-45deg);
transform:rotate(-45deg)
}
100% {
-moz-transform:rotate(315deg);
transform:rotate(315deg)
}
}@-o-keyframes circle_animation_4 {
0% {
-o-transform:rotate(-45deg);
transform:rotate(-45deg)
}
100% {
-o-transform:rotate(315deg);
transform:rotate(315deg)
}
}@keyframes circle_animation_4 {
0% {
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg)
}
100% {
-webkit-transform:rotate(315deg);
-moz-transform:rotate(315deg);
-o-transform:rotate(315deg);
transform:rotate(315deg)
}
}.icon-box-grid {
flex-wrap:wrap;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top:1px;
margin-left:1px
}
.icon-box-grid .no-padding {
padding:0;
margin-top:-1px;
margin-left:-1px
}
.icon-box-grid .icon-box {
height:100%;
padding:50px;
border:1px solid rgba(0,0,0,0.07);
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.icon-box-grid .icon-box .icon-main {
margin-bottom:22px;
line-height:1;
color:#fe8423;
background:0;
width:auto;
height:auto
}
.icon-box-grid .icon-box .icon-main i {
font-size:50px;
line-height:1
}
.icon-box-grid .icon-box .icon-main svg {
width:50px;
fill:#fe8423;
margin-bottom:-3px
}
.icon-box-grid .icon-box .content-box .title-box {
margin-bottom:10px;
font-size:21px
}
.icon-box-grid .icon-box .content-box .title-box a:hover {
color:#fe8423
}
.icon-box-grid .icon-box .content-box p:last-child {
margin-bottom:0
}
.icon-box-grid .icon-box:hover {
box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12);
-webkit-box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12);
-moz-box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12);
border-color:transparent
}
.icon-box-grid .icon-box:hover .title-box {
color:#1b1d21
}
.icon-box-grid .icon-box:hover .title-box a {
color:#1b1d21
}
.icon-box-grid .icon-box:hover .icon-main {
color:#fe8423
}
.ot-image-box {
text-align:center;
overflow:hidden;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear;
box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12);
-webkit-box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12);
-moz-box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px
}
.ot-image-box .content-box {
padding:30px 30px 27px;
background:#fff
}
.ot-image-box .content-box .title-box {
margin-bottom:15px
}
.ot-image-box .content-box .title-box a:hover {
color:inherit
}
.ot-image-box .content-box p:last-child {
margin-bottom:0
}
.ot-image-box .link-box {
display:block;
padding:10px 30px;
font-weight:600;
font-size:14px;
text-transform:uppercase;
color:#fe8423;
overflow:hidden;
border-top:1px solid rgba(0,0,0,0.15)
}
.ot-image-box .link-box span {
float:left
}
.ot-image-box .link-box i {
float:right
}
.ot-image-box:hover {
-webkit-transform:translateY(-15px);
-ms-transform:translateY(-15px);
transform:translateY(-15px)
}
.ot-image-box:hover .link-box {
background-image: linear-gradient(110deg,#23499e 0,#306dc8 100%);
border-color:#fe8423;
color:#fff
}
.image-box-carousel .owl-stage-outer {
margin:-30px;
padding:30px
}
.image-box-carousel .owl-stage-outer .owl-item {
opacity:0;
visibility:hidden;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.image-box-carousel .owl-stage-outer .owl-item.active {
opacity:1;
visibility:visible;
transition:all 0s linear;
-webkit-transition:all 0s linear;
-moz-transition:all 0s linear;
-o-transition:all 0s linear;
-ms-transition:all 0s linear
}
.image-box-carousel .ot-image-box:hover {
transform:none
}
.ot-flip-box {
position:relative;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
overflow:hidden
}
.ot-flip-box .inner-box {
position:relative;
transition:all .5s linear;
-webkit-transition:all .5s linear;
-moz-transition:all .5s linear;
-o-transition:all .5s linear;
-ms-transition:all .5s linear;
transform-style:preserve-3d
}
.ot-flip-box .inner-box>div {
backface-visibility:hidden;
transition:all .5s linear;
-webkit-transition:all .5s linear;
-moz-transition:all .5s linear;
-o-transition:all .5s linear;
-ms-transition:all .5s linear
}
.ot-flip-box .number-title {
position:absolute;
width:100%;
bottom:0;
left:0;
padding:35px 40px;
color:#fff
}
.ot-flip-box .number-title h4 {
color:#fff;
font-weight:500;
margin-bottom:0;
margin-top:5px;
line-height:42px
}
.ot-flip-box .number-title span {
font-family:"Inter",sans-serif;
font-size:24px
}
.ot-flip-box .number-title span:before {
font-size:45px
}
.ot-flip-box .number-title i {
font-size:45px;
margin-bottom:20px;
margin-top:19px
}
.ot-flip-box .number-title svg {
width:150px
}
.ot-flip-box .overlay {
z-index:1;
opacity:1;
text-align:center;
padding:30px 40px;
background:#262832;
color:#fff;
overflow:hidden;
-webkit-transform:rotateY(180deg);
-ms-transform:rotateY(180deg);
transform:rotateY(180deg)
}
.ot-flip-box .overlay p {
margin-bottom:0
}
.ot-flip-box .overlay .inner>a {
display:inline-block;
margin-top:23px
}
.ot-flip-box:hover .inner-box {
-webkit-transform:rotateY(180deg);
-ms-transform:rotateY(180deg);
transform:rotateY(180deg)
}
.ot-flip-box:hover .inner-box .content-box {
opacity:0
}
.logos-carousel .owl-stage {
align-items:center;
display:flex
}
.logos-carousel .owl-item {
text-align:center
}
.logos-carousel .owl-item figure {
line-height:inherit
}
.logos-carousel .owl-item img {
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.logos-carousel .owl-nav button.owl-next,.logos-carousel .owl-nav button.owl-prev {
background:transparent;
color:#1b1d21;
font-size:21px
}
.logos-carousel .owl-nav button.owl-next {
right:-60px
}
.logos-carousel .owl-nav button.owl-prev {
left:-60px
}
.ot-counter {
font-family:"Inter",sans-serif;
display:block
}
.ot-counter span {
font-family:"Inter",sans-serif;
font-weight:700;
font-size:48px;
color:#145ccc;
line-height:1;
display:inline-block
}
.ot-counter h6 {
font-size:14px;
line-height:24px;
text-transform:uppercase;
color:#232323;
font-weight:600;
margin-bottom:0;
display:inline-block
}
.number-left .ot-counter {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items:center
}
.number-left .ot-counter h6 {
margin-left:20px
}
.number-right .ot-counter {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items:center;
text-align:right
}
.number-right .ot-counter .c-number {
order:2
}
.number-right .ot-counter h6 {
margin-right:20px
}
.ot-counter-2 {
text-align:center
}
.ot-counter-2 svg {
height:55px;
fill:#fe8423;
display:inline-block;
margin-bottom:14px
}
.ot-counter-2 i {
font-size:55px;
color:#fe8423;
margin-bottom:23px
}
.ot-counter-2 .c-number {
font-size:48px;
font-weight:700;
color:#1b1d21;
line-height:1
}
.ot-counter-2 p {
line-height:24px;
margin-top:7px;
margin-bottom:0
}
.ot-countdown {
text-align:center;
display:flex;
margin-bottom:0;
color:#fff
}
.ot-countdown li {
display:inline-block;
line-height:1;
flex-grow:1;
flex-basis:0;
font-weight:600;
color:#60626d
}
.ot-countdown li span {
font-size:100px;
font-family:"Inter",sans-serif;
font-weight:800;
display:block;
margin-bottom:18px;
white-space:nowrap;
color:#1a1a1a
}
.ot-countdown li p {
margin-bottom:0;
font-size:16px;
text-transform:uppercase;
white-space:nowrap
}
.ot-countdown li.seperator {
font-size:72px;
font-weight:bold;
color:#fe8423;
margin-top:27px
}
.cs-form {
text-align:center;
margin:0 auto;
overflow:hidden;
max-width:535px;
justify-content:space-between
}
.cs-form>span.wpcf7-form-control-wrap {
max-width:400px;
width:100%
}
.cs-form>span.wpcf7-form-control-wrap .wpcf7-text {
color:#5f5f5f;
width:100%
}
.cs-form>span.wpcf7-form-control-wrap .wpcf7-text::placeholder {
color:#5f5f5f
}
.cs-form .octf-btn {
padding:14px 34px
}
.cs-form .octf-btn:before,.cs-form .octf-btn:after {
display:none
}
.cs-form+div {
max-width:475px;
margin-left:auto!important;
margin-right:auto!important
}
@media(max-width:767px) {
.ot-countdown li p {
font-size:14px
}
.ot-countdown li span,.ot-countdown li.seperator {
font-size:42px
}
.ot-countdown li span {
margin-bottom:10px
}
.ot-countdown li.seperator {
line-height:55px;
margin-top:-6px
}
}@media(max-width:600px) {
.cs-form {
display:block
}
.cs-form>span.wpcf7-form-control-wrap {
margin:0 auto;
display:block
}
.cs-form .octf-btn {
margin-top:15px
}
}.line-progress h6 {
font-size:14px;
font-weight:600;
margin-bottom:17px;
text-transform:uppercase
}
.line-progress .percent {
position:absolute;
right:-19px;
bottom:100%;
padding:4px 5px;
font-size:14px;
font-weight:600;
font-family:"Inter",sans-serif;
line-height:1;
background:#262832;
color:#fff;
min-width:40px;
min-height:20px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-transform:translateY(-15px);
-ms-transform:translateY(-15px);
transform:translateY(-15px)
}
.line-progress .iprogress {
height:5px;
margin-bottom:6px;
background:#efefef;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px
}
.line-progress .progress-bar {
height:100%;
width:0;
background-image: linear-gradient(110deg,#23499e 0,#306dc8 100%);
position:relative;
-webkit-transition:all 1s .5s;
-o-transition:all 1s .5s;
transition:all 1s .5s;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px
}
.circle-progress {
text-align:center
}
.circle-progress .inner-bar {
position:relative;
display:inline-block;
line-height:1;
margin-bottom:-9px;
z-index:1;
background:#f5f5f5;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%
}
.circle-progress .inner-bar>span {
position:absolute;
width:100%;
top:50%;
left:0;
line-height:1;
text-align:center;
font-weight:600;
font-size:24px;
color:#1b1d21;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%)
}
.circle-progress .inner-bar>span .percent {
display:block;
background:#fff;
width:100px;
height:100px;
line-height:100px;
margin:auto;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%
}
.circle-progress .inner-bar canvas {
display:block
}
.circle-progress .inner-bar canvas:after {
content:"x"
}
.circle-progress .inner-bar:after {
content:"";
position:absolute;
left:1px;
top:1px;
width:calc(100% - 1px);
height:calc(100% - 1px);
border-radius:50%;
z-index:-1;
border:2px solid #dbdbdb
}
.circle-progress h6 {
display:block;
font-size:14px;
font-weight:600;
line-height:26px;
margin-top:15px;
margin-bottom:0;
text-transform:uppercase
}
.easyPieChart {
position:relative;
text-align:center
}
.easyPieChart canvas {
position:absolute;
top:0;
left:0
}
@media only screen and (max-width:480px) {
.ot-progress .pname {
margin-bottom:30px
}
}.ot-switcher {
text-align:center
}
.ot-switcher>span {
font-size:14px;
font-weight:600;
vertical-align:middle;
color:#1b1d21
}
.ot-switcher .switch {
margin:0 15px
}
.ot-switcher .switch {
position:relative;
display:inline-block;
width:66px;
height:34px
}
.ot-switcher .switch input {
opacity:0;
width:0;
height:0
}
.ot-switcher .slider {
position:absolute;
cursor:pointer;
top:0;
left:0;
right:0;
bottom:0;
background-color:rgba(0,0,0,0.2);
-webkit-transition:.4s;
transition:.4s
}
.ot-switcher .slider:before {
position:absolute;
content:"";
height:26px;
width:26px;
left:5px;
bottom:4px;
background-color:white;
-webkit-transition:.4s;
transition:.4s
}
.ot-switcher input:checked+.slider:before {
-webkit-transform:translateX(29px);
-ms-transform:translateX(29px);
transform:translateX(29px)
}
.ot-switcher .slider.round {
border-radius:34px
}
.ot-switcher .slider.round:before {
border-radius:50%
}
.tab-titles {
justify-content:center;
margin:-5px;
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.tab-titles .title-item {
font-size:14px;
font-weight:600;
text-transform:uppercase;
display:inline-block;
vertical-align:middle;
margin:5px;
min-width:200px;
text-align:center
}
.tab-titles .title-item a {
display:block;
color:#fff;
padding:17px;
background:rgba(27,29,33,0.2);
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.tab-titles .title-item a.tab-active,.tab-titles .title-item a:hover {
background:#1b1d21
}
@media(max-width:767px) {
.tab-titles,.tab-titles .title-item {
display:block
}
}.ot-pricing-table {
position:relative;
text-align:center;
overflow:hidden;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear;
box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12);
-webkit-box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12);
-moz-box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px
}
.ot-pricing-table .inner-table {
padding:30px 40px 40px;
background:#fff
}
.ot-pricing-table .inner-table .title-table {
margin-bottom:35px
}
.ot-pricing-table .inner-table .title-table span {
display:inline-block;
padding:7px 11px;
line-height:1;
font-size:13px;
margin-bottom:0;
text-transform:uppercase;
color:#fff;
background:#262832;
-webkit-border-radius:14px;
-moz-border-radius:14px;
border-radius:14px
}
.ot-pricing-table .inner-table h2 {
font-size:60px;
font-weight:400;
line-height:1;
position:relative;
display:inline-block;
padding-left:27px;
top:-1px;
color:#fe8423
}
.ot-pricing-table .inner-table h2 sup {
position:absolute;
top:15px;
left:8px;
font-size:24px
}
.ot-pricing-table .inner-table>p {
display:inline-block;
position:relative;
color:#959595;
bottom:-9px;
padding-left:15px;
margin-bottom:40px
}
.ot-pricing-table .inner-table>p:before {
position:absolute;
content:"";
top:-15px;
left:5px;
width:1px;
height:49px;
background:#959595;
-webkit-transform:rotate(40deg);
-ms-transform:rotate(40deg);
transform:rotate(40deg)
}
.ot-pricing-table .inner-table .short-text {
margin-bottom:32px;
font-size:14px
}
.ot-pricing-table .inner-table .details {
padding:26px 0;
border-top:1px solid rgba(0,0,0,0.15)
}
.ot-pricing-table .inner-table .details ul {
list-style:none;
margin-bottom:0;
padding:0;
line-height:42px;
text-align:left
}
.ot-pricing-table .inner-table .details ul li {
position:relative;
color:#9d9d9d
}
.ot-pricing-table .inner-table .details ul li:after {
position:absolute;
content:"";
font-family:"Flaticon";
font-size:13px;
right:0;
color:#d92300
}
.ot-pricing-table .inner-table .details ul li.active {
color:#282828
}
.ot-pricing-table .inner-table .details ul li.active:after {
content:"";
color:#69c47e;
font-size:14px
}
.ot-pricing-table .inner-table .details.no-icon ul li:after {
display:none
}
.ot-pricing-table .octf-btn,.ot-pricing-table .octf-btn:visited {
color:#1b1d21
}
.ot-pricing-table .octf-btn:hover,.ot-pricing-table .octf-btn:visited:hover {
color:#fff
}
.ot-pricing-table.is-featured .inner-table {
color:#fff;
background:#262832
}
.ot-pricing-table.is-featured .inner-table .title-table span {
background:#fe8423
}
.ot-pricing-table.is-featured .inner-table .details {
border-color:rgba(255,255,255,0.15);
color:#8e88b8
}
.ot-pricing-table.is-featured .inner-table h2,.ot-pricing-table.is-featured .inner-table .details ul li.active {
color:#fff
}
.ot-pricing-table.is-featured .octf-btn {
background-image: linear-gradient(110deg,#23499e 0,#306dc8 100%);
color:#fff
}
.ot-pricing-table.is-featured .octf-btn:hover {
background:transparent
}
.ot-pricing-table:hover {
-webkit-transform:translateY(-10px);
-ms-transform:translateY(-10px);
transform:translateY(-10px)
}
@media(max-width:1024px) {
.ot-pricing-table {
max-width:400px;
margin:0 auto
}
}@media(max-width:479px) {
.ot-pricing-table .inner-table h2 {
font-size:48px
}
.ot-pricing-table .inner-table .details {
font-size:14px
}
}.project_filters {
position:relative;
width:100%;
text-align:center;
margin-bottom:30px;
padding-left:0
}
.project_filters:after {
content:"";
display:block;
clear:both
}
.project_filters.no-arrow li a:before {
display:none
}
.project_filters li {
position:relative;
display:inline-block;
text-align:center;
margin-left:15px;
margin-right:15px;
margin-bottom:5px
}
.project_filters li:last-child {
margin-right:0
}
.project_filters li:first-child {
margin-left:0
}
.project_filters li a {
font-size:14px;
font-weight:700;
font-family:"Inter",sans-serif;
text-transform:uppercase
}
.project_filters li a:before {
content:"";
font-family:"Flaticon";
margin-right:10px;
opacity:0;
color:#fe8423;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.project_filters li a:focus,.project_filters li a:active {
color:#1b1d21
}
.project_filters li a .filter-count {
position:absolute;
top:0;
right:-20px;
width:20px;
text-align:left;
font-size:12px;
color:#fe8423;
visibility:hidden;
opacity:0;
transition:all .2s linear;
-webkit-transition:all .2s linear;
-moz-transition:all .2s linear;
-o-transition:all .2s linear;
-ms-transition:all .2s linear
}
.project_filters li a.selected,.project_filters li a:hover {
color:#fe8423
}
.project_filters li a.selected:before,.project_filters li a:hover:before {
opacity:1
}
.project_filters li a.selected .filter-count,.project_filters li a:hover .filter-count {
opacity:1;
visibility:visible;
top:-11px
}
.project-item,.grid-sizer {
float:left;
width:33.3333333333%;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box
}
.project-item.double_wh,.project-item.double_w,.grid-sizer.double_wh,.grid-sizer.double_w {
width:66.66666666%
}
.projects-grid.pf_5_cols .project-item,.projects-grid.pf_5_cols .grid-sizer {
width:20%
}
.projects-grid.pf_5_cols .project-item.double_wh,.projects-grid.pf_5_cols .project-item.double_w,.projects-grid.pf_5_cols .grid-sizer.double_wh,.projects-grid.pf_5_cols .grid-sizer.double_w {
width:40%
}
.projects-grid.pf_4_cols .project-item,.projects-grid.pf_4_cols .grid-sizer {
width:25%
}
.projects-grid.pf_4_cols .project-item.double_wh,.projects-grid.pf_4_cols .project-item.double_w,.projects-grid.pf_4_cols .grid-sizer.double_wh,.projects-grid.pf_4_cols .grid-sizer.double_w {
width:50%
}
.projects-grid.pf_2_cols .project-item,.projects-grid.pf_2_cols .grid-sizer {
width:50%
}
.projects-grid.pf_2_cols .project-item.double_wh,.projects-grid.pf_2_cols .project-item.double_w,.projects-grid.pf_2_cols .grid-sizer.double_wh,.projects-grid.pf_2_cols .grid-sizer.double_w {
width:100%
}
.project-filter-wrapper .projects-grid {
margin:-15px
}
.project-filter-wrapper .projects-grid .project-item {
padding:15px
}
.project-filter-wrapper .projects-grid .project-item.double_w .projects-thumbnail img {
margin-top:-15px
}
.projects-grid {
position:relative;
overflow:hidden;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.projects-grid .projects-box {
position:relative;
overflow:hidden;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px
}
.projects-grid .projects-box .portfolio-info {
width:100%;
height:100%;
position:absolute;
bottom:0;
left:0;
background:rgba(254,132,35,0.9);
opacity:0;
display:flex;
align-items:center;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.projects-grid .projects-box .portfolio-info .overlay {
opacity:1;
background:transparent;
z-index:0
}
.projects-grid .projects-box .portfolio-info .portfolio-info-inner {
text-align:center;
padding:20px 0;
width:100%;
z-index:1;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.projects-grid .projects-box .portfolio-info h5 {
color:#fff;
padding:0 30px;
margin-bottom:15px
}
.projects-grid .projects-box .portfolio-info h5 a {
color:#fff
}
.projects-grid .projects-box .portfolio-info .portfolio-cates {
color:#fff;
font-family:"Inter",sans-serif;
font-weight:600;
font-size:14px;
text-transform:uppercase;
letter-spacing:.5px;
margin-bottom:0;
padding:0 30px
}
.projects-grid .projects-box .portfolio-info .portfolio-cates a {
color:#fff;
line-height:1;
display:inline;
background-size:0 1px;
background-position:0 100%;
background-repeat:no-repeat;
background-image:linear-gradient(0deg,#fff,#f5f5f5)
}
.projects-grid .projects-box .portfolio-info .portfolio-cates a:hover {
background-size:100% 1px
}
.projects-grid .projects-box .portfolio-info .portfolio-cates span:first-child {
display:none
}
.projects-grid .projects-box .portfolio-info .plus {
cursor:pointer;
display:inline-block;
text-align:center;
line-height:60px;
width:60px;
height:60px;
font-size:21px;
margin:0 25px 22px 25px;
border:1px solid #fff;
color:#fff;
background:rgba(255,255,255,0.2);
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%
}
.projects-grid .projects-box .portfolio-info .plus:hover {
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg)
}
.projects-grid .projects-box .projects-thumbnail {
overflow:hidden
}
.projects-grid .projects-box .projects-thumbnail .overlay {
visibility:hidden
}
.projects-grid .projects-box img {
width:100%;
height:auto;
display:block;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.projects-grid .projects-box:hover .portfolio-info {
opacity:1
}
.projects-grid.style-2 div.portfolio-info {
background:0;
align-items:flex-end;
height:auto
}
.projects-grid.style-2 div.portfolio-info .portfolio-info-inner {
text-align:left;
background:#fff;
padding:21px 20px;
-webkit-transform:translateY(40%);
-ms-transform:translateY(40%);
transform:translateY(40%);
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.projects-grid.style-2 div.portfolio-info .portfolio-info-inner h5 {
margin-bottom:8px;
padding:0
}
.projects-grid.style-2 div.portfolio-info .portfolio-info-inner h5 a {
color:#1b1d21
}
.projects-grid.style-2 div.portfolio-info .portfolio-info-inner .portfolio-cates {
padding:0;
color:#9d9d9d
}
.projects-grid.style-2 div.portfolio-info .portfolio-info-inner .portfolio-cates a {
color:#9d9d9d;
background-image:linear-gradient(0deg,#9d9d9d,#f5f5f5)
}
.projects-grid.style-2 div.portfolio-info .portfolio-info-inner .portfolio-cates a:hover {
opacity:1
}
.projects-grid.style-2 div.portfolio-info .portfolio-info-inner .plus {
display:none
}
.projects-grid.style-2 .projects-box:hover .portfolio-info-inner {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
.projects-grid.style-3 .projects-thumbnail {
position:relative
}
.projects-grid.style-3 .projects-thumbnail .overlay {
background:rgba(254,132,35,0.9);
opacity:0;
visibility:hidden;
z-index:1;
display:none;
cursor:pointer;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.projects-grid.style-3 .projects-thumbnail .overlay i {
position:absolute;
top:50%;
left:50%;
width:60px;
height:60px;
line-height:60px;
text-align:center;
border:1px solid #fff;
color:#fff;
background:rgba(255,255,255,0.2);
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
-webkit-transform:translateY(-50%) translateX(-50%);
-ms-transform:translateY(-50%) translateX(-50%);
transform:translateY(-50%) translateX(-50%)
}
.projects-grid.style-3 .projects-thumbnail .overlay i:before {
font-size:21px
}
.projects-grid.style-3 .projects-thumbnail .overlay i:hover {
-webkit-transform:translateY(-50%) translateX(-50%) rotate(90deg);
-ms-transform:translateY(-50%) translateX(-50%) rotate(90deg);
transform:translateY(-50%) translateX(-50%) rotate(90deg)
}
.projects-grid.style-3 .projects-thumbnail:hover .overlay {
opacity:1;
visibility:visible
}
.projects-grid.style-3 .portfolio-info {
display:none
}
.projects-grid.img-popup .projects-thumbnail .overlay {
display:block
}
.projects-grid.img-scale .projects-box:hover img {
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}
.projects-grid.no-cat .portfolio-cates {
display:none
}
.projects-grid.no-icon .projects-box .portfolio-info .plus,.projects-grid.no-icon .projects-thumbnail i {
display:none
}
.btn-block {
text-align:center;
clear:both
}
.btn-block .octf-btn {
margin-top:60px
}
.btn-block .octf-btn:after,.btn-block .octf-btn:before {
display:none
}
.btn-block .octf-btn i {
margin-left:10px
}
.isotope-item {
z-index:2
}
.isotope-hidden.isotope-item {
pointer-events:none;
z-index:1
}
.isotope,.isotope .isotope-item {
-webkit-transition-duration:.6s;
-moz-transition-duration:.6s;
-ms-transition-duration:.6s;
-o-transition-duration:.6s;
transition-duration:.6s
}
.isotope {
-webkit-transition-property:height,width;
-moz-transition-property:height,width;
-ms-transition-property:height,width;
-o-transition-property:height,width;
transition-property:height,width
}
.isotope .isotope-item {
-webkit-transition-property:-webkit-transform,opacity;
-moz-transition-property:-moz-transform,opacity;
-ms-transition-property:-ms-transform,opacity;
-o-transition-property:-o-transform,opacity;
transition-property:transform,opacity
}
.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition {
-webkit-transition-duration:0s;
-moz-transition-duration:0s;
-ms-transition-duration:0s;
-o-transition-duration:0s;
transition-duration:0s
}
.project-slider .projects-box {
overflow:hidden;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px
}
.project-slider .projects-box img {
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.project-slider .projects-box .portfolio-info {
position:absolute;
bottom:0;
left:0;
padding:45px 50px;
width:100%;
z-index:1
}
.project-slider .projects-box .portfolio-info h5 {
margin-bottom:15px;
font-size:30px;
font-weight:600
}
.project-slider .projects-box .portfolio-info h5 a {
color:#fff
}
.project-slider .projects-box .portfolio-info .portfolio-cates {
color:#e9e9e9;
font-family:"Inter",sans-serif;
font-weight:500;
font-size:14px;
text-transform:uppercase;
letter-spacing:.5px;
margin-bottom:0
}
.project-slider .projects-box .portfolio-info .portfolio-cates a {
color:#e9e9e9;
line-height:1;
display:inline;
background-size:0 1px;
background-position:0 100%;
background-repeat:no-repeat;
background-image:linear-gradient(0deg,#e9e9e9,#f5f5f5)
}
.project-slider .projects-box .portfolio-info .portfolio-cates a:hover {
background-size:100% 1px
}
.project-slider .projects-box .portfolio-info .portfolio-cates span:first-child {
display:none
}
.project-slider.img-scale .projects-box:hover img {
-webkit-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05)
}
.project-slider.no-cat .portfolio-info h5 {
margin-bottom:0
}
.project-slider.no-cat .portfolio-cates {
display:none
}
.project-bottom {
border-top:1px solid rgba(0,0,0,0.1);
padding-bottom:100px
}
.single-portfolio-navigation {
padding-top:42px
}
.single-portfolio-navigation .post-nav {
margin-bottom:0
}
.single-portfolio-navigation .info-post span span {
margin:0 3px
}
.single-portfolio-navigation .info-post span span:last-child {
display:none
}
.portfolio-related-posts-wrap {
padding-top:70px
}
.portfolio-related-posts-wrap .project-item {
width:100%;
float:none
}
.portfolio-related-title-wrap h4 {
margin-bottom:35px
}
@media only screen and (max-width:1199px) {
.projects-grid.pf_5_cols .grid-sizer,.projects-grid.pf_5_cols .project-item,.projects-grid.pf_4_cols .grid-sizer,.projects-grid.pf_4_cols .project-item {
width:33.333333%
}
.projects-grid.pf_5_cols .grid-sizer.double_wh,.projects-grid.pf_5_cols .grid-sizer.double_w,.projects-grid.pf_5_cols .project-item.double_wh,.projects-grid.pf_5_cols .project-item.double_w,.projects-grid.pf_4_cols .grid-sizer.double_wh,.projects-grid.pf_4_cols .grid-sizer.double_w,.projects-grid.pf_4_cols .project-item.double_wh,.projects-grid.pf_4_cols .project-item.double_w {
width:66.666666%
}
}@media only screen and (max-width:1024px) {
.project-bottom {
padding-bottom:60px
}
}@media only screen and (max-width:992px) {
.project-item,.grid-sizer,.projects-grid.pf_5_cols .grid-sizer,.projects-grid.pf_5_cols .project-item,.projects-grid.pf_4_cols .grid-sizer,.projects-grid.pf_4_cols .project-item {
width:50%
}
.project-item.double_wh,.project-item.double_w,.grid-sizer.double_wh,.grid-sizer.double_w,.projects-grid.pf_5_cols .grid-sizer.double_wh,.projects-grid.pf_5_cols .grid-sizer.double_w,.projects-grid.pf_5_cols .project-item.double_wh,.projects-grid.pf_5_cols .project-item.double_w,.projects-grid.pf_4_cols .grid-sizer.double_wh,.projects-grid.pf_4_cols .grid-sizer.double_w,.projects-grid.pf_4_cols .project-item.double_wh,.projects-grid.pf_4_cols .project-item.double_w {
width:100%
}
}@media only screen and (max-width:768px) {
.projects-box .portfolio-info {
right:0;
opacity:1
}
.projects-style-1 .projects-box .portfolio-info .portfolio-info-inner {
padding:30px
}
.projects-style-1 .projects-box .portfolio-info h5 {
font-size:20px
}
.projects-style-1 .projects-box .portfolio-info .portfolio-cates {
font-size:12px
}
}@media only screen and (max-width:600px) {
.project-item,.grid-sizer,.projects-grid.pf_5_cols .project-item,.projects-grid.pf_4_cols .project-item,.projects-grid.pf_2_cols .project-item {
width:100%
}
.project_filters li {
margin-left:10px;
margin-right:10px
}
}.post-slider .post-box .post-inner {
margin-bottom:0
}
.post-slider .post-box .inner-post {
padding:32px 30px 26px
}
.post-slider .post-box h5 {
margin-bottom:0
}
.post-slider .post-box .entry-meta {
padding:14px 30px
}
.post-slider .post-box .entry-meta .btn-details {
right:8px
}
.post-slider .post-box .the-excerpt {
margin-top:10px
}
.post-slider .post-box:hover {
-webkit-transform:translateY(-15px);
-ms-transform:translateY(-15px);
transform:translateY(-15px)
}
.post-slider .entry-meta .byline {
display:none
}
.post-slider .owl-stage-outer {
margin:-30px;
padding:30px
}
.post-slider .owl-stage-outer .owl-item {
opacity:0;
visibility:hidden;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.post-slider .owl-stage-outer .owl-item.active {
opacity:1;
visibility:visible;
transition:all 0s linear;
-webkit-transition:all 0s linear;
-moz-transition:all 0s linear;
-o-transition:all 0s linear;
-ms-transition:all 0s linear
}
.post-slider .owl-nav button.owl-prev {
left:-80px
}
.post-slider .owl-nav button.owl-next {
right:-80px
}
@media(max-width:479px) {
.post-box .post-inner .inner-post {
padding:32px 20px 26px
}
.post-box .post-inner .entry-meta {
padding-left:20px;
padding-right:20px;
font-size:12px
}
}.ot-team {
text-align:center;
overflow:hidden;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12);
-webkit-box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12);
-moz-box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12);
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.ot-team .team-info {
background:#fff;
padding:28px 30px;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.ot-team .team-info h6 {
margin-bottom:5px;
font-weight:600
}
.ot-team .team-info span {
font-family:"Inter",sans-serif;
font-size:12px;
font-weight:600;
text-transform:uppercase;
color:#fe8423
}
.ot-team .team-thumb {
position:relative
}
.ot-team h6 a:hover {
color:#1b1d21
}
.team-1 .team-social {
position:absolute;
bottom:10px;
left:10px
}
.team-1 .team-social span,.team-1 .team-social a {
display:block;
text-align:center;
width:40px;
height:40px;
line-height:40px;
font-size:14px;
background:#262832;
color:#fff;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.team-1 .team-social span,.team-1 .team-social a:hover {
cursor:pointer;
background:#fff;
color:#262832;
font-weight:bold
}
.team-1 .team-social span:before {
display:block;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.team-1 .team-social a {
opacity:0;
visibility:hidden;
margin-bottom:5px
}
.team-1 .team-social a svg {
width:16px;
fill:#fff;
vertical-align:middle
}
.team-1 .team-social.active a {
opacity:1;
visibility:visible;
margin-bottom:10px
}
.team-1 .team-social.active span:before {
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg)
}
.team-1:hover .team-info {
background:#262832
}
.team-1:hover .team-info h6,.team-1:hover .team-info h6 a {
color:#fff
}
.team-2 {
position:relative
}
.team-2 .team-info {
position:absolute;
bottom:0;
left:50%;
width:calc(100% - 40px);
opacity:0;
visibility:hidden;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
box-shadow:6px 6px 13px 0 rgba(0,0,0,0.15);
-webkit-box-shadow:6px 6px 13px 0 rgba(0,0,0,0.15);
-moz-box-shadow:6px 6px 13px 0 rgba(0,0,0,0.15)
}
.team-2 .team-info h6 {
font-size:24px
}
.team-2 .team-info span {
font-size:14px
}
.team-2:hover .team-info {
bottom:20px;
opacity:1;
visibility:visible
}
.team-3 {
padding:40px
}
.team-3 .team-thumb {
margin-bottom:27px
}
.team-3 .team-thumb a {
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
position:relative;
display:inline-block;
overflow:hidden;
vertical-align:middle
}
.team-3 .team-thumb a:before {
content:"";
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
background:rgba(254,132,35,0.8);
opacity:0;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.team-3 .team-thumb a:after {
content:"";
font-family:Flaticon;
font-size:23px;
line-height:1;
position:absolute;
top:50%;
left:50%;
margin:-11px 0 0 -11px;
color:#fff;
opacity:0;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.team-3 .team-info {
padding:0;
background:transparent
}
.team-3 .team-info h6 {
font-weight:700
}
.team-3:hover a:before,.team-3:hover a:after {
opacity:1
}
.circle-social .team-social {
margin-top:15px
}
.circle-social .team-social a {
display:inline-block;
width:30px;
height:30px;
text-align:center;
line-height:30px;
font-size:12px;
margin-right:7px;
border:1px solid rgba(11,11,11,0.2);
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%
}
.circle-social .team-social a:last-child {
margin:0
}
.circle-social .team-social a svg {
width:12px;
fill:#1b1d21;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.circle-social .team-social a:hover {
color:#fff;
border-color:transparent;
background:#fe8423
}
.circle-social .team-social a:hover svg {
fill:#fff
}
.ot-team-carousel .ot-team {
box-shadow:none
}
.team-form {
justify-content:space-between
}
.team-form h4 {
margin-bottom:0;
color:#fff
}
.team-form>span.wpcf7-form-control-wrap {
margin-right:20px
}
.team-form input[type=text],.team-form input[type=email] {
max-width:290px;
background:transparent;
border-color:rgba(255,255,255,0.6);
color:#fff
}
.team-form::-webkit-input-placeholder {
color:#fff
}
.team-form .octf-btn {
background:#fff;
color:#0b2a41
}
.team-form .octf-btn:hover {
background:#0b2a41;
color:#fff
}
.member-info {
list-style:none;
font-size:16px;
padding-left:0
}
.member-info li {
padding-bottom:15px
}
.member-info li span {
color:#1b1d21;
font-family:"Inter",sans-serif;
font-weight:600
}
@media only screen and (max-width:1024px) {
.team-form {
display:block
}
.team-form h4 {
margin-bottom:20px
}
.team-form>div {
display:block
}
.team-form input[type=text],.team-form input[type=email] {
margin-bottom:20px
}
.team-form .octf-btn {
display:block
}
}@media only screen and (max-width:767px) {
.team-form input[type=text],.team-form input[type=email] {
max-width:100%
}
}.ot-accordions .acc-item {
margin-bottom:10px
}
.ot-accordions .acc-item .acc-toggle {
cursor:pointer;
justify-content:space-between;
overflow:hidden;
font-family:"Inter",sans-serif;
font-size:16px;
font-weight:600;
color:#1b1d21;
padding:9px 20px;
background:#f6f6f6;
border:1px solid rgba(0,0,0,0.15);
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.ot-accordions .acc-item .acc-toggle i {
float:right;
font-size:16px
}
.ot-accordions .acc-item .acc-content {
display:none;
padding:20px 20px 12px;
line-height:30px
}
.ot-accordions .acc-item .acc-content p:last-child,.ot-accordions .acc-item .acc-content ul:last-child {
margin-bottom:0
}
.ot-accordions .acc-item.current .acc-toggle {
background-image: linear-gradient(110deg,#23499e 0,#306dc8 100%);
border-color:#fe8423;
color:#fff
}
.ot-accordions .acc-item.current .acc-toggle i {
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg)
}
.ot-accordions .acc-item:last-child {
margin-bottom:0
}
.ot-tabs .tabs-heading {
margin-bottom:0;
overflow:hidden
}
.ot-tabs .tab-link {
cursor:pointer;
font-family:"Inter",sans-serif;
font-size:14px;
font-weight:600;
min-width:170px;
margin-right:30px;
padding:12px 0;
float:left;
text-align:center;
text-transform:uppercase;
color:#1b1d21;
border-bottom:3px solid #d7d7d7;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear;
-webkit-border-radius:1.5px;
-moz-border-radius:1.5px;
border-radius:1.5px
}
.ot-tabs .tab-link.current,.ot-tabs .tab-link:hover {
border-color:#fe8423
}
.ot-tabs .tab-link:last-child {
margin-right:0
}
.ot-tabs .tab-content {
display:none;
padding:33px 0 0
}
.ot-tabs .tab-content.current {
display:inherit
}
.ot-tabs .tab-content ul,.ot-tabs .tab-content ol {
list-style:none;
padding-left:0;
margin-top:17px
}
.ot-tabs .tab-content ul li,.ot-tabs .tab-content ol li {
position:relative;
padding-left:46px;
margin-bottom:15px
}
.ot-tabs .tab-content ul li:before,.ot-tabs .tab-content ol li:before {
content:"";
position:absolute;
left:0;
top:50%;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
width:30px;
height:1px;
background:#555
}
.ot-tabs .tab-content ul li:last-child,.ot-tabs .tab-content ol li:last-child {
margin-bottom:0
}
.ot-tabs p:last-child,.ot-tabs ul:last-child {
margin-bottom:0
}
.ot-testimonials .t-head {
font-family:"Inter",sans-serif
}
.ot-testimonials .t-head h6 {
font-size:22px;
font-weight:600;
margin-bottom:2px
}
.ot-testimonials .t-head span {
font-size:13px;
font-weight:500;
text-transform:uppercase;
color:#fe8423
}
.ot-testimonials .tphoto {
width:90px;
position:relative
}
.ot-testimonials .tphoto img {
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%
}
.ot-testimonials .tphoto:after {
content:"";
font-family:"Flaticon";
position:absolute;
top:-15px;
right:-15px;
font-size:29px;
background-image: linear-gradient(110deg,#23499e 0,#306dc8 100%);
color:#fff;
width:45px;
height:45px;
text-align:center;
line-height:45px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%
}
.ot-testimonials .owl-nav button.owl-prev {
left:-80px
}
.ot-testimonials .owl-nav button.owl-next {
right:-80px
}
.ot-testimonials-carousel .owl-stage-outer {
margin:-30px;
padding:30px
}
.ot-testimonials-carousel .owl-stage-outer .owl-item {
opacity:0;
visibility:hidden;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.ot-testimonials-carousel .owl-stage-outer .owl-item.active {
opacity:1;
visibility:visible;
transition:all 0s linear;
-webkit-transition:all 0s linear;
-moz-transition:all 0s linear;
-o-transition:all 0s linear;
-ms-transition:all 0s linear
}
.ot-testimonials-carousel .testi-item {
background:#fff;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12);
-webkit-box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12);
-moz-box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12)
}
.ot-testimonials-carousel .t-head {
padding:20px 20px;
border-top:1px solid rgba(0,0,0,0.15);
justify-content:left;
}
.ot-testimonials-carousel .t-head h6{
    font-size: 18px;
    text-align: center;
    width: 100%;
}
.tinfo{
    width: 100%;
}
.ot-testimonials-carousel .tphoto {
margin-right:30px
}
.ot-testimonials-carousel .ttext {
padding:33px 39px;
font-size:18px;
line-height:36px
}
.ot-testimonials-carousel.is-reverse .testi-item {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
flex-direction:column-reverse
}
.ot-testimonials-carousel.is-reverse .t-head {
border-top:0;
padding-bottom:18px
}
.ot-testimonials-carousel.is-reverse .ttext {
padding-top:0
}
.ot-testimonials-carousel-2 {
text-align:center
}
.ot-testimonials-carousel-2 .tphoto {
margin-top:15px;
margin-bottom:12px;
display:inline-block
}
.ot-testimonials-carousel-2 .t-head {
padding:0;
margin-top:32px
}
.ot-testimonials-carousel-2 .ttext {
font-size:22px;
font-weight:300
}
.ot-testimonials-carousel-2 .owl-nav button.owl-prev,.ot-testimonials-carousel-2 .owl-nav button.owl-next {
background:rgba(220,219,219,0.5);
color:#1b1d21
}
.dots-vertical .owl-dots {
bottom:50%;
left:auto;
right:-80px;
width:auto;
margin-top:0!important;
-webkit-transform:translateY(50%);
-ms-transform:translateY(50%);
transform:translateY(50%)
}
.dots-vertical .owl-dots button.owl-dot {
display:block
}
.arrows-bottom .owl-carousel .owl-nav {
top:auto;
bottom:-120px;
margin-top:0
}
.arrows-bottom .owl-carousel .owl-nav button {
position:static
}
.arrows-bottom .owl-carousel .owl-nav .owl-prev {
border-top-left-radius:3px;
border-top-right-radius:0;
border-bottom-right-radius:0;
border-bottom-left-radius:3px;
-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:0;
-webkit-border-bottom-right-radius:0;
-webkit-border-bottom-left-radius:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:0;
-moz-border-radius-bottomright:0;
-moz-border-radius-bottomleft:3px
}
.arrows-bottom .owl-carousel .owl-nav .owl-next {
border-top-left-radius:0;
border-top-right-radius:3px;
border-bottom-right-radius:3px;
border-bottom-left-radius:0;
-webkit-border-top-left-radius:0;
-webkit-border-top-right-radius:3px;
-webkit-border-bottom-right-radius:3px;
-webkit-border-bottom-left-radius:0;
-moz-border-radius-topleft:0;
-moz-border-radius-topright:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-bottomleft:0
}
.ot-video-button a {
position:relative;
width:56px;
height:56px;
line-height:56px;
text-align:center;
border:1px solid;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%
}
.ot-video-button a i {
margin-left:2px;
line-height:1
}
.ot-video-button a span {
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border:1px solid rgba(0,0,0,0.3);
z-index:-1;
animation:circle-fade-before 2s infinite ease-in-out;
-webkit-animation:circle-fade-before 2s infinite ease-in-out;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%
}
.ot-video-button a:hover span {
border-color:#fe8423
}
.ot-video-button>span {
font-size:14px;
color:#1b1d21;
text-transform:uppercase;
font-weight:600;
margin-left:10px
}
@keyframes circle-fade-before {
0% {
transform:scale(1);
opacity:0
}
10% {
transform:scale(1);
opacity:1
}
100% {
transform:scale(1.8);
opacity:0
}
}.ot-message-box {
padding:10px;
overflow:hidden;
position:relative;
background:#fff;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12);
-webkit-box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12);
-moz-box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12);
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.ot-message-box .icon-main {
float:left;
font-size:20px;
width:46px;
height:46px;
line-height:46px;
text-align:center;
color:#fff;
background-image: linear-gradient(110deg,#23499e 0,#306dc8 100%);
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.ot-message-box .icon-main svg {
height:30px;
margin-top:8px;
fill:#fff
}
.ot-message-box .content-box {
padding-left:66px
}
.ot-message-box .content-box h6 {
font-size:16px;
margin-bottom:1px
}
.ot-message-box .content-box p {
font-size:14px;
margin-bottom:0
}
.ot-message-box>i {
position:absolute;
top:24px;
right:20px;
line-height:1;
color:#a5b7d2;
cursor:pointer
}
.ot-message-box>i:before {
font-size:13px
}
@media(max-width:600px) {
.message-box>i {
top:15px;
right:10px
}
.message-box .content-box p {
line-height:1.4
}
}.wpcf7 br {
display:none
}
.wpcf7 input:not(.wpcf7-submit),.wpcf7 textarea {
width:100%;
vertical-align:middle
}
.wpcf7 p {
display:block;
margin-bottom:10px
}
.wpcf7 p:last-child {
margin-bottom:0
}
.wpcf7 .row {
margin-left:-5px;
margin-right:-5px
}
.wpcf7 .row .col-md-6 {
padding:0 5px;
margin-bottom:10px
}
.wpcf7 div.wpcf7-response-output {
margin:20px 0 0
}
.wpcf7 span.wpcf7-not-valid-tip {
display:none
}
.wpcf7 .wpcf7-not-valid {
border-color:#f00
}
.wpcf7 div.wpcf7-validation-errors,.wpcf7 div.wpcf7-acceptance-missing {
background:#f7e700;
color:#1b1d21
}
.wpcf7-placeholder-light .wpcf7-form-control::-webkit-input-placeholder {
color:#fff;
opacity:1
}
.wpcf7-placeholder-light .wpcf7-form-control:-moz-placeholder {
color:#fff;
opacity:1
}
.wpcf7-placeholder-light .wpcf7-form-control::-moz-placeholder {
color:#fff;
opacity:1
}
.wpcf7-placeholder-light .wpcf7-form-control:-ms-input-placeholder {
color:#fff;
opacity:1
}
.wpcf7-placeholder-dark .wpcf7-form-control::-webkit-input-placeholder {
color:#5f5f5f;
opacity:1
}
.wpcf7-placeholder-dark .wpcf7-form-control:-moz-placeholder {
color:#5f5f5f;
opacity:1
}
.wpcf7-placeholder-dark .wpcf7-form-control::-moz-placeholder {
color:#5f5f5f;
opacity:1
}
.wpcf7-placeholder-dark .wpcf7-form-control:-ms-input-placeholder {
color:#5f5f5f;
opacity:1
}
.features-service-wrapper {
position:relative;
width:100%;
overflow:hidden;
display:flex;
background:#262832
}
.features-service-wrapper .features-service-item {
height:745px;
position:relative;
z-index:2;
border-right:1px solid rgba(255,255,255,0.5);
flex-basis:0;
flex-grow:1
}
.features-service-wrapper .features-service-item .features-service-content {
font-family:"Inter",sans-serif;
display:flex;
height:100%;
flex-direction:column;
justify-content:flex-end;
padding:50px;
color:#fff
}
.features-service-wrapper .features-service-item .features-service-content .features-service-title {
transition:transform .3s ease;
-webkit-transition:transform .3s ease;
-moz-transition:transform .3s ease;
-o-transition:transform .3s ease;
-ms-transition:transform .3s ease
}
.features-service-wrapper .features-service-item .features-service-content .features-service-title h4 {
color:#fff;
margin-bottom:0;
font-weight:600
}
.features-service-wrapper .features-service-item .features-service-content .features-service-title span {
font-size:24px;
display:block;
line-height:1;
margin-bottom:20px;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.features-service-wrapper .features-service-item .features-service-content .features-service-desc {
overflow:hidden;
font-family:"Open Sans",sans-serif
}
.features-service-wrapper .features-service-item .features-service-content .features-service-desc p {
margin-top:15px;
margin-bottom:0
}
.features-service-wrapper .features-service-item .features-service-content .features-service-link {
justify-content:flex-start
}
.features-service-wrapper .features-service-item:nth-last-child(2) {
border-right:0
}
.features-service-wrapper .features-service-item .features-service-img-reposive {
display:none;
background-size:cover;
background-repeat:no-repeat
}
.features-service-wrapper .features-service-item .features-service-overlay {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(38,40,50,0.8);
z-index:-1;
opacity:0;
visibility:hidden;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.features-service-wrapper .features-service-img {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:0;
overflow:hidden;
visibility:hidden;
opacity:0;
transition:all .5s
}
.features-service-wrapper .features-service-img img {
width:100%!important;
height:100%!important;
object-fit:cover
}
.features-service-wrapper .features-service-img.hover {
opacity:1;
visibility:visible;
-webkit-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05)
}
/* .features-service-wrapper .features-service-img.hover img{
    opacity:1;
    visibility:visible;
    -webkit-transform:scale(0.95);
    -ms-transform:scale(0.95);
    transform:scale(0.95)
    } */
.features-service-wrapper .btn-details {
position:relative;
background:transparent;
border:1px solid rgba(255,255,255,0.5);
min-width:46px;
height:46px;
font-size:13px;
text-transform:uppercase;
color:#fff;
overflow:hidden;
margin-top:32px;
padding-right:20px
}
.features-service-wrapper .btn-details .btn-text {
opacity:0;
text-indent:-81px;
vertical-align:middle;
position:relative;
line-height:45px;
transform:translateX(-5px);
display:inline-block;
font-weight:600;
-webkit-transition:opacity 0s cubic-bezier(0.05,0.43,0.04,0.87) 0s,text-indent .2s ease-in-out;
-o-transition:opacity 0s cubic-bezier(0.05,0.43,0.04,0.87) 0s,text-indent .2s ease-in-out;
transition:opacity 0s cubic-bezier(0.05,0.43,0.04,0.87) 0s,text-indent .2s ease-in-out;
will-change:opacity,text-indent,transform;
-webkit-transform:translateX(-23px);
-ms-transform:translateX(-23px);
transform:translateX(-23px)
}
.features-service-wrapper .btn-details i {
margin:0;
line-height:45px;
position:absolute;
left:0;
top:0;
right:auto;
width:46px;
height:46px
}
.features-service-wrapper .btn-details i:before {
font-size:18px
}
.features-service-wrapper .btn-details:hover {
width:auto;
background-color:#ff8f3e;
border-color:#ff8f3e
}
.features-service-wrapper .btn-details:hover .btn-text {
opacity:1;
text-indent:45px;
-webkit-transition:opacity .4s cubic-bezier(0.05,0.43,0.04,0.87) .2s,text-indent .2s ease-in-out,-webkit-transform .1s .2s cubic-bezier(0,0.84,0.09,0.97);
-o-transition:opacity .4s cubic-bezier(0.05,0.43,0.04,0.87) .2s,text-indent .2s ease-in-out,transform .1s .2s cubic-bezier(0,0.84,0.09,0.97);
transition:opacity .4s cubic-bezier(0.05,0.43,0.04,0.87) .2s,text-indent .2s ease-in-out,transform .1s .2s cubic-bezier(0,0.84,0.09,0.97);
transition:opacity .4s cubic-bezier(0.05,0.43,0.04,0.87) .2s,text-indent .2s ease-in-out,transform .1s .2s cubic-bezier(0,0.84,0.09,0.97),-webkit-transform .1s .2s cubic-bezier(0,0.84,0.09,0.97);
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
@media only screen and (min-width:1025px) {
.features-service-wrapper .features-service-item .features-service-content .features-service-desc {
opacity:0;
visibility:hidden;
-webkit-transform:translateY(20%);
-ms-transform:translateY(20%);
transform:translateY(20%);
-webkit-transition:opacity .2s,-webkit-transform 0s .2s;
-o-transition:transform 0s .2s,opacity .2s;
transition:transform 0s .2s,opacity .2s;
transition:transform 0s .2s,opacity .2s,-webkit-transform 0s .2s
}
.features-service-wrapper .features-service-item:hover .features-service-desc {
opacity:1;
visibility:visible;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
-webkit-transition:opacity .4s cubic-bezier(0.33,0.02,0,0.93) .1s,-webkit-transform .2s cubic-bezier(0.645,0.045,0.355,1) .1s;
-o-transition:transform .2s cubic-bezier(0.645,0.045,0.355,1) .1s,opacity .4s cubic-bezier(0.33,0.02,0,0.93) .1s;
transition:transform .2s cubic-bezier(0.645,0.045,0.355,1) .1s,opacity .4s cubic-bezier(0.33,0.02,0,0.93) .1s;
transition:transform .2s cubic-bezier(0.645,0.045,0.355,1) .1s,opacity .4s cubic-bezier(0.33,0.02,0,0.93) .1s,-webkit-transform .2s cubic-bezier(0.645,0.045,0.355,1) .1s
}
.features-service-wrapper .features-service-item:hover .features-service-number {
color:#ff8f3e
}
.features-service-wrapper .features-service-item:hover .features-service-overlay {
visibility:visible;
opacity:1
}
}@media only screen and (max-width:1024px) {
.features-service-wrapper {
display:block
}
.features-service-wrapper .features-service-item {
display:block;
width:100%;
height:500px;
border-right:0
}
.features-service-wrapper .features-service-item .features-service-img-reposive {
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:-1
}
.features-service-wrapper .features-service-item .features-service-overlay {
display:none
}
.features-service-wrapper .features-service-img {
display:none
}
}.site-overlay {
cursor:url(../image/close.png) 16 16,default;
background:transparent;
width:100vw;
height:100vh;
position:fixed;
top:0;
left:0;
visibility:hidden;
opacity:0;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear;
z-index:-1
}
body .elementor-widget:not(:last-child) {
margin-bottom:0
}
div.elementor-widget-heading.elementor-widget-heading .elementor-heading-title {
color:#1b1d21;
font-weight:700;
font-family:"Inter",sans-serif;
line-height:1.2
}
.elementor-widget-heading h1.elementor-heading-title {
font-size:48px
}
.elementor-widget-heading h2.elementor-heading-title {
font-size:42px
}
.elementor-widget-heading h3.elementor-heading-title {
font-size:36px
}
.elementor-widget-heading h4.elementor-heading-title {
font-size:30px
}
.elementor-widget-heading h5.elementor-heading-title {
font-size:24px
}
.elementor-widget-heading h6.elementor-heading-title {
font-size:20px
}
.elementor-default .elementor-widget-text-editor,.elementor-default li.elementor-icon-list-item,.elementor-default li.elementor-icon-list-item a {
font-family:"Open Sans",sans-serif;
color:#5f5f5f;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.elementor-element .elementor-widget-button .elementor-button {
font-family:"Inter",sans-serif;
font-weight:600;
font-size:13px;
line-height:1;
padding:16px 20px;
border-radius:3px
}
.elementor-section.ml_0 .elementor-container {
margin-left:0!important
}
.elementor-section.mr_0 .elementor-container {
margin-right:0!important
}
.elementor_library-template-default .post-author-box,.elementor_library-template-default .post-navigation {
display:none
}
.elementor-default .elementor-widget-text-editor p:last-child {
margin-bottom:0
}
.elementor-default .elementor-widget-text-editor .elementor-drop-cap {
font-family:"Inter",sans-serif;
font-size:20px;
font-weight:900;
padding:10px 13px;
margin-top:8px;
background:#1b1d21;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.elementor-default .elementor-widget-text-editor .elementor-drop-cap span {
color:#fff
}
.elementor .elementor-section.elementor-section-boxed>.elementor-container {
padding:0 15px
}
.elementor .elementor-section>.elementor-container>.elementor-row {
width:auto;
flex:100%;
min-width:100%
}
.elementor-section>.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated,.elementor-section>.elementor-column-gap-narrow>.elementor-row>.elementor-column>.elementor-element-populated,.elementor-section>.elementor-column-gap-extended>.elementor-row>.elementor-column>.elementor-element-populated {
padding-top:0;
padding-bottom:0
}
.elementor .elementor-section>.elementor-column-gap-extended>.elementor-row {
margin-left:-15px;
margin-right:-15px
}
.elementor .elementor-section>.elementor-column-gap-default>.elementor-row {
margin-left:-10px;
margin-right:-10px
}
.elementor .elementor-section>.elementor-column-gap-narrow>.elementor-row {
margin-left:-5px;
margin-right:-5px
}
.elementor .elementor-section-full_width:not(.elementor-inner-section)>.elementor-column-gap-extended>.elementor-row {
margin-left:0;
margin-right:0
}
.page-template-template-homepage .elementor-top-section.elementor-section-full_width>.elementor-column-gap-default>.elementor-row,.page-template-template-homepage .elementor-top-section.elementor-section-full_width>.elementor-column-gap-narrow>.elementor-row,.page-template-template-homepage .elementor-top-section.elementor-section-full_width>.elementor-column-gap-extended>.elementor-row,.page-template-template-homepage .elementor-top-section.elementor-section-full_width>.elementor-column-gap-wide>.elementor-row,.page-template-template-homepage .elementor-top-section.elementor-section-full_width>.elementor-column-gap-wider>.elementor-row,.page-template-template-full-width .elementor-top-section.elementor-section-full_width>.elementor-column-gap-default>.elementor-row,.page-template-template-full-width .elementor-top-section.elementor-section-full_width>.elementor-column-gap-narrow>.elementor-row,.page-template-template-full-width .elementor-top-section.elementor-section-full_width>.elementor-column-gap-extended>.elementor-row,.page-template-template-full-width .elementor-top-section.elementor-section-full_width>.elementor-column-gap-wide>.elementor-row,.page-template-template-full-width .elementor-top-section.elementor-section-full_width>.elementor-column-gap-wider>.elementor-row,.page-template-template-home-full-width .elementor-top-section.elementor-section-full_width>.elementor-column-gap-default>.elementor-row,.page-template-template-home-full-width .elementor-top-section.elementor-section-full_width>.elementor-column-gap-narrow>.elementor-row,.page-template-template-home-full-width .elementor-top-section.elementor-section-full_width>.elementor-column-gap-extended>.elementor-row,.page-template-template-home-full-width .elementor-top-section.elementor-section-full_width>.elementor-column-gap-wide>.elementor-row,.page-template-template-home-full-width .elementor-top-section.elementor-section-full_width>.elementor-column-gap-wider>.elementor-row {
margin-left:0;
margin-right:0
}
.ot-flex-column-horizontal .elementor-widget-wrap {
flex-wrap:nowrap
}
.ot-flex-column-horizontal .elementor-widget-wrap>.elementor-widget {
display:flex;
width:auto
}
.elementor-section.ml_0 .elementor-container {
margin-left:0
}
@media(max-width:767px) {
.page-template-template-homepage .elementor-top-section:not(.elementor-section-full_width)>.elementor-container,.page-template-template-full-width .elementor-top-section:not(.elementor-section-full_width)>.elementor-container,.page-template-template-home-full-width .elementor-top-section:not(.elementor-section-full_width)>.elementor-container {
padding-left:15px;
padding-right:15px
}
.page-template-template-homepage .elementor-top-section:not(.elementor-section-full_width)>.elementor-column-gap-no,.page-template-template-full-width .elementor-top-section:not(.elementor-section-full_width)>.elementor-column-gap-no,.page-template-template-home-full-width .elementor-top-section:not(.elementor-section-full_width)>.elementor-column-gap-no {
padding-left:0;
padding-right:0
}
.elementor-widget-heading h2.elementor-heading-title {
font-size:34px
}
.elementor-widget-heading h3.elementor-heading-title {
font-size:27px
}
.elementor-widget-heading h4.elementor-heading-title {
font-size:21px
}
}@media(min-width:768px) {
.elementor .elementor-section.elementor-section-boxed>.elementor-container {
max-width:750px
}
.elementor-element .container {
width:720px;
padding:0
}
}@media(min-width:992px) {
.elementor .elementor-section.elementor-section-boxed>.elementor-container {
max-width:970px
}
.elementor-element .container {
width:940px;
padding:0
}
}@media(min-width:1230px) {
.elementor .elementor-section.elementor-section-boxed>.elementor-container {
max-width:1200px
}
.elementor-element .container {
width:1170px;
padding:0
}
}@media(min-width:1230px) {
.elementor .elementor-section:not(.elementor-section-full_width)>.elementor-column-gap-wide>.elementor-row {
margin-left:-20px;
margin-right:-20px
}
.elementor .elementor-section:not(.elementor-section-full_width)>.elementor-column-gap-wide>.elementor-row>.elementor-column>.elementor-element-populated {
padding-left:20px;
padding-right:20px
}
.elementor .elementor-section:not(.elementor-section-full_width)>.elementor-column-gap-wider>.elementor-row {
margin-left:-30px;
margin-right:-30px
}
.elementor .elementor-section:not(.elementor-section-full_width)>.elementor-column-gap-wider>.elementor-row>.elementor-column>.elementor-element-populated {
padding-left:30px;
padding-right:30px
}
}.octf-cta-header {
position:relative;
height:100%;
display:flex;
align-items:center
}
.octf-cta-header .toggle_search {
cursor:pointer
}
.octf-cta-header .toggle_search i {
color:#1b1d21;
text-align:center;
display:inline-block;
vertical-align:middle;
min-width:22px;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.octf-cta-header .toggle_search i:before,.octf-cta-header .toggle_search i:after {
font-size:21px
}
.octf-cta-header .toggle_search i.ot-flaticon-cancel:before {
font-size:18px
}
.octf-cta-header .h-search-form-field {
position:absolute;
z-index:99;
top:-webkit-calc(100%+12px);
top:expression(100%+12px);
top:-moz-calc(100%+12px);
top:-o-calc(100%+12px);
top:calc(100%+12px);
right:-30px;
width:340px;
top:54px
}
.octf-cta-header .h-search-form-field .h-search-form-inner {
padding:30px;
background-color:#fff;
box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12);
-webkit-box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12);
-moz-box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px
}
.octf-cta-header .h-search-form-field input {
background:transparent
}
.octf-cta-header .h-search-form-field:after {
content:"";
position:absolute;
height:15px;
width:15px;
top:-5px;
right:33px;
opacity:1;
background:#fff;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg)
}
.octf-cta-header .h-search-form-field.show {
-webkit-animation:searchSlideUp .5s cubic-bezier(0.23,1,0.32,1) both;
animation:searchSlideUp .5s cubic-bezier(0.23,1,0.32,1) both
}
@-webkit-keyframes searchSlideUp {
from {
-webkit-transform:translateY(10%);
transform:translateY(10%)
}
to {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}@keyframes searchSlideUp {
from {
-webkit-transform:translateY(10%);
transform:translateY(10%)
}
to {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}.octf-cart {
position:relative
}
.site-header-cart {
position:absolute;
visibility:hidden;
opacity:0;
z-index:10;
top:-webkit-calc(100%+12px);
top:expression(100%+12px);
top:-moz-calc(100%+12px);
top:-o-calc(100%+12px);
top:calc(100%+12px);
right:-30px;
background:#fff;
color:#1b1d21;
width:342px;
padding:30px;
box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12);
-webkit-box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12);
-moz-box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12);
-webkit-transform:translateY(30px);
-ms-transform:translateY(30px);
transform:translateY(30px);
transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px
}
.site-header-cart .woocommerce-mini-cart__buttons {
margin-bottom:-15px
}
.site-header-cart .widget_shopping_cart_content {
text-align:left
}
.site-header-cart p {
margin-bottom:0
}
.site-header-cart:after {
content:"";
position:absolute;
height:15px;
width:15px;
top:-5px;
right:33px;
opacity:1;
background:#fff;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg)
}
.site-header-cart:before {
content:"";
position:absolute;
height:12px;
width:100%;
top:-12px;
left:0
}
.octf-cart:hover .site-header-cart {
visibility:visible;
opacity:1;
-webkit-transform:translateY(0px);
-ms-transform:translateY(0px);
transform:translateY(0px)
}
.ot-minicart {
position:relative;
display:inline-block;
color:#1b1d21
}
.ot-minicart:hover,.ot-minicart:visited,.ot-minicart:focus {
color:#1b1d21
}
.ot-minicart i:before {
font-size:22px
}
.ot-minicart .count {
position:absolute;
bottom:4px;
left:-6px;
width:18px;
height:18px;
line-height:18px;
background-image: linear-gradient(110deg,#23499e 0,#306dc8 100%);
color:#fff;
text-align:center;
font-size:10px;
font-weight:700;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%
}
@media only screen and (max-width:1024px) {
.site-header-cart {
display:none
}
}.elementor-widget-wp-widget-polylang ul {
list-style:none;
margin:0 -7px;
padding:0
}
.elementor-widget-wp-widget-polylang .lang-item {
display:inline-block;
margin:0 7px;
font-size:14px;
font-weight:500;
font-family:"Inter",sans-serif
}
#lang_choice_wp-widget-polylang {
border:0;
background:transparent;
font-size:14px;
font-family:"Inter",sans-serif;
font-weight:500;
text-transform:uppercase;
padding:2px 10px 2px 0
}
#lang_choice_wp-widget-polylang option {
color:#1b1d21;
outline:0;
padding:10px
}
.bg-dark #lang_choice_wp-widget-polylang,.bg-dark .lang-item a {
color:#fff
}
.header-mobile {
display:none
}
.header-mobile .is-stuck {
background-color:#1b1d21
}
.mmenu-toggle button {
background:0;
border:0;
outline:0;
padding:0;
color:#1b1d21
}
.mmenu-toggle button i:before {
font-size:21px
}
.mmenu-wrapper {
position:fixed;
top:0;
bottom:0;
right:0;
width:310px;
height:100vh;
overflow-x:hidden;
z-index:9999;
background:#fff;
-webkit-transform:translateX(100%);
-ms-transform:translateX(100%);
transform:translateX(100%);
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.mmenu-wrapper.mmenu-open {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
.mmenu-wrapper .mmenu-inner {
top:0;
height:100%;
width:327px;
padding:20px 52px 35px 35px;
overflow-x:hidden;
overflow-y:auto;
box-sizing:border-box
}
.mmenu-wrapper .mmenu-close {
display:block;
margin-bottom:10px;
font-size:18px
}
.mmenu-wrapper .mobile_mainmenu {
margin:0;
padding:0;
font-family:"Inter",sans-serif
}
.mmenu-wrapper .mobile-nav {
min-width:240px
}
.mmenu-wrapper .mobile_mainmenu ul {
position:relative;
margin:0;
padding:0;
margin-left:15px
}
.mmenu-wrapper .mobile_mainmenu ul {
display:none
}
.mmenu-wrapper .mobile_mainmenu li {
position:relative;
list-style:none
}
.mmenu-wrapper .mobile_mainmenu li a {
padding:10px 30px 10px 0;
display:block;
font-size:14px;
font-weight:500;
border-bottom:1px solid rgba(0,0,0,0.1)
}
.mmenu-wrapper .mobile_mainmenu>li.menu-item-has-children .arrow {
color:#fff;
position:absolute;
display:block;
right:0;
top:0;
cursor:pointer;
width:34px;
height:auto;
padding:7px 12px 7px 0;
line-height:inherit;
text-align:right;
box-sizing:border-box
}
.mmenu-wrapper .mobile_mainmenu>li.menu-item-has-children .arrow i {
color:#9397a7;
display:inline-block;
line-height:1;
-webkit-transition:transform .3s ease-in-out;
-moz-transition:transform .3s ease-in-out;
transition:transform .3s ease-in-out
}
.mmenu-wrapper .mobile_mainmenu>li.menu-item-has-children .arrow i:before {
font-size:10px
}
.mmenu-wrapper .mobile_mainmenu>li.menu-item-has-children .arrow.active i {
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
transform:rotate(90deg)
}
.mmenu-wrapper.on-left {
right:auto;
left:0;
-webkit-transform:translateX(-100%);
-ms-transform:translateX(-100%);
transform:translateX(-100%)
}
.mmenu-wrapper.on-left.mmenu-open {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
.mmenu-wrapper.on-left .mmenu-close i {
display:inline-block;
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
transform:rotate(180deg)
}
.mmenu-active .mmenu-overlay {
background:rgba(0,0,0,0.7);
visibility:visible;
opacity:1;
z-index:9998
}
@media only screen and (max-width:1024px) {
.header-desktop {
display:none
}
.header-mobile {
display:block
}
.admin-bar section:not(.is-stuck) .mmenu-wrapper {
top:32px
}
}@media only screen and (max-width:782px) {
.admin-bar section:not(.is-stuck) .mmenu-wrapper {
top:46px
}
}.panel-btn {
line-height:1
}
.panel-btn i {
color:#1b1d21;
cursor:pointer
}
.panel-btn i:before {
font-size:21px
}
.admin-bar .side-panel {
top:32px
}
.side-panel {
width:400px;
position:fixed;
top:0;
bottom:0;
right:0;
background:#fff;
overflow-x:hidden;
z-index:9999;
-webkit-transform:translateX(100%);
-ms-transform:translateX(100%);
transform:translateX(100%);
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.side-panel .side-panel-block {
height:100%;
width:calc(100%+17px);
overflow-x:hidden;
overflow-y:auto;
box-sizing:border-box
}
.side-panel .side-panel-close {
display:block;
position:absolute;
right:30px;
top:30px;
color:#1b1d21;
font-size:20px;
width:50px;
height:50px;
line-height:50px;
font-size:16px;
cursor:pointer;
z-index:9999;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
background:#f5f5f5;
text-align:center
}
.side-panel.on-left {
right:auto;
left:0;
-webkit-transform:translateX(-100%);
-ms-transform:translateX(-100%);
transform:translateX(-100%)
}
.side-panel.on-left.mmenu-open {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
.side-panel.side-panel-open {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
.side-panel-active .panel-overlay {
background:rgba(0,0,0,0.7);
visibility:visible;
opacity:1;
z-index:9998
}
@media only screen and (max-width:782px) {
.admin-bar .side-panel {
top:46px
}
}.mc4wp-form-fields .subscribe-inner-form {
position:relative
}
.mc4wp-form-fields .subscribe-inner-form input[type=email] {
height:50px;
width:100%;
background:transparent;
color:#c0c1c2;
border-color:rgba(255,255,255,0.3);
padding:0 65px 0 20px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.mc4wp-form-fields .subscribe-inner-form input[type=email]::placeholder {
color:#c0c1c2
}
.mc4wp-form-fields .subscribe-inner-form .subscribe-btn-icon {
background:#31333f;
border:0;
outline:0;
display:block;
position:absolute;
right:5px;
top:5px;
width:40px;
height:40px;
line-height:40px;
text-align:center;
color:#fff;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.mc4wp-form-fields .subscribe-inner-form .subscribe-btn-icon i {
display:inline-block
}
.mc4wp-form-fields .subscribe-inner-form .subscribe-btn-icon i:before {
font-size:14px
}
.mc4wp-form-fields .subscribe-inner-form .subscribe-btn-icon:hover {
background:#fe8423
}
.space-1 {
width:100%;
height:1px
}
.space-2 {
width:100%;
height:2px
}
.space-3 {
width:100%;
height:3px
}
.space-4 {
width:100%;
height:4px
}
.space-5 {
width:100%;
height:5px
}
.space-6 {
width:100%;
height:6px
}
.space-7 {
width:100%;
height:7px
}
.space-8 {
width:100%;
height:8px
}
.space-9 {
width:100%;
height:9px
}
.space-10 {
width:100%;
height:10px
}
.space-20 {
width:100%;
height:20px
}
.space-30 {
width:100%;
height:30px
}
.space-40 {
width:100%;
height:40px
}
.space-50 {
width:100%;
height:50px
}
.space-60 {
width:100%;
height:60px
}
.space-70 {
width:100%;
height:70px
}
.space-80 {
width:100%;
height:80px
}
.space-90 {
width:100%;
height:90px
}
.space-100 {
width:100%;
height:100px
}
.space-110 {
width:100%;
height:110px
}
.space-120 {
width:100%;
height:120px
}
.space-130 {
width:100%;
height:130px
}
.space-140 {
width:100%;
height:140px
}
.space-150 {
width:100%;
height:150px
}
.text-color-primary {
color:#fe8423
}
.text-color-dark {
color:#1b1d21
}
.bg-color-primary {
background-color:#fe8423
}
.font-weight-600 {
font-weight:600
}
@media(min-width:1200px) {
.container {
max-width:86%;
}
}.header-topbar {
padding-top:13px;
padding-bottom:13px
}
.site-logo{
    display: flex;
    align-items: center;
}
.site-logo img {
width:180px
}
.btn-border-main {
font-family:"Inter",sans-serif;
font-size:13px;
font-weight:600;
color:#1B1D21;
background-color:rgba(255,143,62,.19);
border:1px solid #FF8F3E;
border-radius:3px 3px 3px 3px;
padding:16px 29px 16px 29px;
line-height:1
}
.btn-border-main:hover {
color:#FFF;
background-color:#FF8F3E
}
.topbar-right-btn {
margin-left:58px;
display:flex;
width:auto
}
.topbar-right {
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
@media(min-width:768px) {
.topbar-right-icon {
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-flex:0;
-ms-flex:0 0 auto;
flex:0 0 auto
}
.topbar-right-desc {
text-align:left;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row
}
}.topbar-right-info {
position:relative;
width:auto;
display:flex;
margin-left:60px;
margin-top:4px
}
.topbar-right-icon a {
margin-right:15px;
fill:#FF8523;
color:#FF8523;
border-color:#FF8523;
font-size:24px
}
.topbar-right-icon svg {
position:relative;
display:block;
width:1em;
height:1em
}
.topbar-right-desc {
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1
}
.topbar-right-desc h6 {
font-family:"Open Sans",Sans-serif;
font-size:14px;
font-weight:400;
line-height:1.4em;
color:#5F5F5F;
display:block;
margin-bottom:3px
}
.topbar-right p {
color:#1B1D21;
font-family:"Inter",Sans-serif;
font-size:15px;
font-weight:600;
display:block;
margin-bottom:0
}
.octf-main-header {
background-color:#272933;
background: none;
position: fixed;
top: 0;
right: 0;
/* bottom: 0; */
left: 0;
}
.octf-main-header.is-stuck{
    background: #23499e;
}
.octf-main-header .main-navigation>ul>li>a {
color:#fff
}
.octf-main-header.main-style .main-navigation>ul>li>a {
padding-top:20px;
padding-bottom:20px
}
.octf-btn-cta {
display:inline-flex;
vertical-align:middle;
position:relative
}
.octf-cart {
position:relative
}
.octf-cta-header .cart-contents {
position:relative;
display:inline-block;
color:#fff
}
.cart-contents:hover {
color:#fff
}
.cart-contents i:before {
font-size:22px
}
.cart-contents .count {
position:absolute;
bottom:4px;
left:-6px;
width:18px;
height:18px;
line-height:18px;
background-image: linear-gradient(110deg,#23499e 0,#306dc8 100%);
color:#fff;
text-align:center;
font-size:10px;
font-weight:700;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%
}
.woocommerce .widget_shopping_cart ul.cart_list li,.woocommerce.widget_shopping_cart ul.cart_list li {
position:relative;
display:block;
padding:0 2em 20px 0;
margin-bottom:0
}
.woocommerce a.remove {
display:block;
font-size:1.5em;
height:1em;
width:1em;
text-align:center;
line-height:1;
border-radius:100%;
color:red!important;
text-decoration:none;
font-weight:700;
border:0
}
.woocommerce a.remove:hover {
color:#fff!important;
background:red
}
.woocommerce .widget_shopping_cart ul.cart_list li a.remove,.woocommerce.widget_shopping_cart ul.cart_list li a.remove {
position:absolute;
top:0;
margin-top:0;
right:0;
left:auto;
font-weight:500;
font-size:1.3em
}
.woocommerce ul.cart_list li a,.woocommerce ul.product_list_widget li a {
display:block;
font-weight:700
}
.woocommerce ul.cart_list li img,.woocommerce ul.product_list_widget li img {
float:right;
margin-left:4px;
width:32px;
height:auto;
box-shadow:none
}
.woocommerce .widget_shopping_cart ul.cart_list li img,.woocommerce.widget_shopping_cart ul.cart_list li img {
width:70px
}
.woocommerce .amount {
color:#fe8423;
font-weight:600
}
.woocommerce .widget_shopping_cart .total,.woocommerce.widget_shopping_cart .total {
border-top:0;
padding:0;
margin-bottom:20px
}
.woocommerce .widget_shopping_cart .total strong,.woocommerce.widget_shopping_cart .total strong {
min-width:40px;
display:inline-block
}
.woocommerce .widget_shopping_cart .total strong,.woocommerce.widget_shopping_cart .total strong {
color:#1a1b1e;
font-family:"Inter",sans-serif;
font-weight:600
}
.woocommerce .widget_shopping_cart .total .amount,.woocommerce.widget_shopping_cart .total .amount {
float:right;
font-family:"Inter",sans-serif;
font-weight:600;
font-size:16px
}
.woocommerce-mini-cart__buttons a.button.wc-forward {
color:#fff;
font-family:"Inter",sans-serif;
font-size:13px;
font-weight:600;
border-radius:0;
background-color:#fe8423;
text-transform:uppercase;
padding:17px 10px;
min-width:46%;
margin:0 2%;
text-align:center;
float:left;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
line-height:1;
outline:0
}
.woocommerce-mini-cart__buttons a.button.wc-forward:hover {
background-image: linear-gradient(110deg,#23499e 0,#306dc8 100%);
border-color:#fe8423
}
.woocommerce-mini-cart__buttons a.button.checkout {
background-color:#1b1d21;
border-color:#1b1d21;
color:#fff
}
.octf-search {
margin-left:20px
}
.octf-cta-header .toggle_search i {
color:#fff;
text-align:center;
display:inline-block;
vertical-align:middle;
min-width:22px;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.octf-sidepanel {
margin-left:30px
}
.panel-btn i {
color:#fff;
cursor:pointer
}
.side-panel {
width:400px;
position:fixed;
top:0;
bottom:0;
right:0;
background:#fff;
overflow-x:hidden;
z-index:9999;
-webkit-transform:translateX(100%);
-ms-transform:translateX(100%);
transform:translateX(100%);
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.side-panel .side-panel-close {
display:block;
position:absolute;
right:30px;
top:30px;
color:#1b1d21;
font-size:20px;
width:50px;
height:50px;
line-height:50px;
font-size:16px;
cursor:pointer;
z-index:9999;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
background:#f5f5f5;
text-align:center
}
.side-panel .side-panel-block {
padding:40px 55px 40px 55px;
height:100%;
width:calc(100%+17px);
overflow-x:hidden;
overflow-y:auto;
box-sizing:border-box
}
.side-panel .the-logo img {
width:145px
}
.side-panel h4 {
font-size:22px;
font-weight:700;
color:#1b1d21;
font-family:"Inter",sans-serif;
line-height:1.2
}
.side-panel-cinfo .panel-cinfo {
list-style:none;
padding-left:0;
margin-bottom:3px
}
.panel-list-item {
margin-bottom:20px
}
.panel-list-item .panel-list-icon,.panel-list-item .panel-list-icon a {
fill:#FF8523;
color:#FF8523;
border-color:#FF8523;
font-size:20px;
line-height:1
}
.panel-list-item .panel-list-icon svg {
width:1em;
height:1em;
position:relative
}
.panel-list-text {
color:#606060;
font-family:"Inter",Sans-serif;
font-size:15px;
font-weight:500;
padding-left:15px
}
.side-panel-social {
padding-top:15px
}
.side-panel-social ul {
margin:0;
padding:0;
list-style:none
}
.side-panel-social li {
display:inline-block;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.side-panel-social a {
background-color:#2A2A2A;
font-size:13px;
border:1px solid rgba(255,255,255,.4);
border-radius:50%;
padding:6px 8px;
color:#fff;
text-align:center;
margin-right:11px
}
.side-panel-social li:hover {
transform:translateY(-8px)
}
.side-panel-social .twitter {
background-color:#1da1f2;
color:#fff
}
.side-panel-social .facebook {
background-color:#3b5998;
color:#fff
}
.side-panel-social .pinterest {
background-color:#E40000;
color:#fff
}
.side-panel-social .instagram {
background-color:#FF8523;
color:#fff
}
.side-panel-social a i {
width:13px;
height:13px
}
.side-panel-block .gallery {
display:table
}
.image-gallery .gallery-item {
float:left
}
.page-header-blog {
background-image:url('../image/pheader-blog.jpg')
}
.mobile_logo {
padding:22px 0
}
.mobile_logo img {
width:140px
}
.octf-search-mobile.octf-cta-header .toggle_search i,.octf-cart-mobile .cart-contents {
color:#000
}
.octf-menu-mobile {
padding-left:22px
}
.octf-main-header .main-navigation>ul>li>a:hover {
color:#FE8423
}
@media(min-width:992px) {
.content-area.col-md-9 {
padding-right:30px
}
}.post-box .post-inner {
margin-bottom:45px
}
.post-box .entry-meta>span {
margin-right:3px
}
.post-box .gallery-post.owl-carousel .owl-dots .owl-dot {
background-color:transparent
}
.blog-single .entry-summary p {
margin-bottom:20px
}
.site-footer {
background-color:#16171E;
padding-top:120px;
color:#C0C1C2
}
.logo-ft img {
width:140px
}
.ft-list-icon a {
display:inline-block;
width:33px;
height:33px;
color:#fff;
line-height:33px;
background-color:#24262F;
border-radius:50%;
text-align:center;
margin-right:10px
}
.ft-list-icon a:hover {
background-color:#42cafc
}
.ft-list-icon a i {
font-size:12px
}
.widget-footer-title {
color:#FFF;
font-size:16px;
font-weight:600;
text-transform:uppercase;
font-family:"Inter",sans-serif;
line-height:1.2;
margin-bottom:45px
}
.ft-list-link {
list-style:none;
padding:0;
margin:0;
font-family:"Open Sans",sans-serif
}
.ft-list-link li {
padding-bottom:10px
}
.ft-list-link li:last-child {
padding-bottom:0
}
.ft-list-link li a {
font-size:16px;
color:#C0C1C2
}
.ft-list-link li a:hover {
color:#FF8523
}
.footer-contact {
position:relative;
width:auto;
display:flex;
margin-bottom:16px
}
.footer-contact:last-child {
margin-bottom:0
}
@media(min-width:768px) {
.footer-contact-icon {
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-flex:0;
-ms-flex:0 0 auto;
flex:0 0 auto
}
.footer-contact-desc {
text-align:left;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row
}
}.footer-contact-desc {
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1
}
.footer-contact-icon {
fill:#fff;
color:#fff;
border-color:#fff;
font-size:22px;
margin-right:20px
}
.footer-contact svg {
position:relative;
display:block;
width:1em;
height:1em
}
.footer-contact h6 a,.footer-contact h6 {
font-family:"Open Sans",Sans-serif;
font-size:16px;
font-weight:400;
margin-bottom:5px;
color:#C0C1C2
}
.footer-contact h6 a:hover {
color:#FF8523
}
.footer-contact p {
color:#FFF;
font-family:"Inter",Sans-serif;
font-size:16px;
font-weight:500;
margin-bottom:0
}
.copyright-text {
text-align:center;
color:#929399;
font-size:15px;
font-family:"Open Sans",sans-serif;
border-top:1px solid rgba(255,255,255,.1);
padding:25px 0 25px 0;
margin-bottom:0
}
#back-to-top {
background-image: linear-gradient(110deg,#23499e 0,#306dc8 100%);
color:#fff;
border:0 none;
cursor:pointer;
width:46px;
height:46px;
line-height:46px;
opacity:0;
visibility:hidden;
outline:medium none;
position:fixed;
right:20px;
bottom:0;
text-align:center;
text-decoration:none;
transition:opacity .2s ease-out 0s;
z-index:1000;
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
transition:all .2s linear;
-webkit-transition:all .2s linear;
-moz-transition:all .2s linear;
-o-transition:all .2s linear;
-ms-transition:all .2s linear;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
#back-to-top.show {
opacity:1;
visibility:visible;
bottom:20px
}
#back-to-top i:before {
font-size:16px
}
#back-to-top:hover {
bottom:28px
}
@media screen and (min-width:1025px) {
.footer-fixed .site-footer {
width:100%;
position:fixed;
bottom:0;
left:0;
z-index:-1
}
.footer-fixed .site-content {
background-color:#fff
}
}.error-404 {
position:relative;
height:100vh;
display:flex;
align-items:center;
color:#fff;
background:url(../image/bg-404.jpg) center center no-repeat;
background-size:cover
}
.error-404 .error-logo {
position:fixed;
top:75px;
left:50%;
transform:translateX(-50%);
width:160px
}
.error-404 h1 {
font-size:180px;
line-height:1;
font-weight:300;
color:#fff
}
.error-404 h2 {
font-size:42px;
line-height:1;
margin-bottom:30px;
color:#fff
}
.error-404 .page-content {
font-size:18px;
line-height:32px;
max-width:480px;
margin:auto
}
.error-404 .page-content form {
margin:10px 15px 0
}
.error-404 .page-content form button {
background:#1b1d21
}
.error-404 .page-content form button:hover {
background:#fe8423
}
.error-404 .octf-btn {
display:inline-block;
margin-top:30px
}
.page-header-contact {
background-image:url(../image/pheader-contacts.jpg)
}
.contact-iconb .icon-main {
background:#FFF3E9;
width:60px;
height:60px;
font-size:27px;
line-height:60px;
border-radius:50% 50% 50% 50%
}
.contact-iconb .icon-main svg {
width:27px
}
.icon-left .contact-iconb .content-box {
margin-left:76px
}
.contact-iconb.icon-box .title-box {
padding-top:6px;
margin-bottom:1px;
font-size:16px;
font-weight:600
}
.icon-box-2 .contact-icon-phone svg {
width:22px
}
.icon-box-2 .contact-icon-mail svg {
width:24px
}
section {
position:relative
}
.contact-form {
margin-top:-245px;
margin-bottom:0;
z-index:1
}
.wpcf7-form input {
width:100%
}
.main-contact-form {
padding:60px 60px 60px 60px;
background-color:#FFF;
border-radius:5px 5px 5px 5px;
box-shadow:0 0 30px 0 rgb(0 0 0 / 12%)
}
.contact-map {
margin-top:-60px;
z-index:-1;
position:relative
}
.map {
height:520px
}
.map iframe {
width:100%;
height:520px;
filter:brightness(100%) contrast(100%) saturate(0%) blur(0) hue-rotate(0deg)
}
.page-header-about {
background-image:url('../image/pheader-about-us.jpg')
}
.about-author {
margin-left:15px
}
.about-author h6 {
color:#1b1d21;
font-weight:700;
margin-bottom:0;
font-family:"Inter",sans-serif;
line-height:1.2
}
.about-author p {
color:#878787;
font-family:"Raleway",Sans-serif;
font-size:14px;
font-weight:500;
margin-bottom:0;
text-transform:uppercase
}
.about-border-right {
border-right:1px solid #00026
}
.about-work {
background-image:url(../image/bg1-about-us.jpg);
background-position:top center;
background-repeat:no-repeat
}
.ot-image-box.hover-transfoem-none:hover {
transform:none
}
@media(max-width:600px) {
.error-404 h1 {
font-size:120px
}
.error-404 h2 {
font-size:28px
}
.error-404 .page-content {
font-size:14px;
line-height:24px
}
}svg {
position:relative;
width:1em;
height:1em
}
.logos-carousel figure {
margin:0
}
.logos-carousel img {
/* height:35px */
}
.about-testi {
background-image:url(../image/bg2-about-us.jpg);
background-position:center center;
background-repeat:no-repeat;
background-size:cover
}
.owl-carousel .owl-dots button.owl-dot:focus {
outline:0
}
@media(max-width:767px) {
.ot-counter span {
font-size:36px
}
.number-left .ot-counter h6 {
font-size:12px;
margin-left:10px
}
}.page-header-service {
background-image:url(../image/pheader-service.jpg)
}
.service-testi {
background-color:#F8F8F8;
background-image:url(../image/bg1-service-grid.jpg);
background-position:center center;
background-repeat:no-repeat;
background-size:cover
}
.service-testi .ot-testimonials .testi-item {
max-width:580px
}
.service-testi .vertical-dots .owl-dots {
right:60px
}
.vertical-dots .owl-dots {
right:-30px;
left:auto;
width:auto;
bottom:50%
}
.vertical-dots .owl-dots button.owl-dot {
display:block
}
.service-style.icon-box .icon-main svg {
width:38px;
height:38px
}
.service-icon-testi {
background-image:url(../image/bg1-service-icon.jpg);
background-position:center center;
background-repeat:no-repeat;
background-size:cover
}
.service-icon-testi .ttext {
color:#616161
}
.owl-theme .owl-nav [class*='owl-']:focus {
outline:0
}
.owl-theme .owl-nav [class*='owl-'] {
border:0
}
.service-cta {
margin-top:-101px;
margin-bottom:-101px
}
.service-cta .container {
max-width:1290px
}
.service-icon-cta {
background-color:#FF8F3E;
padding:65px 60px 65px 60px;
border-radius:5px 5px 5px 5px;
box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12)
}
.service-icon-cta h4 {
font-size:30px;
font-weight:700;
font-family:"Inter",sans-serif;
line-height:1.2;
color:#fff;
margin-bottom:0
}
.value-progress {
background-color:#F5F5F5
}
.page-header-valua {
background-image:url(../image/pheader-value.jpg)
}
.valua-tab {
background-image:url(../image/bg1-value.jpg);
background-position:center center;
background-repeat:no-repeat;
background-size:cover
}
.valua-tab .tab-titles a {
border-radius:3px 3px 0 0;
background-color:#FFF33
}
.valua-tab .tab-titles a:hover,.valua-tab .tab-titles a.tab-active {
color:#1B1D21;
background:#FFF
}
.icon-list .icon-main {
font-size:17px;
margin-right:20px;
line-height:1;
fill:#FF8F3E
}
.icon-list .title-box {
font-family:"Inter",Sans-serif;
font-size:16px;
font-weight:600;
line-height:17px;
color:#FF8F3E;
margin-bottom:10px
}
.main-principles {
background-image:url(../image/bg2-value.jpg);
background-position:center center;
background-repeat:no-repeat;
background-size:cover
}
.main-principles .acc-item:not(.current) .acc-toggle {
background:#A7A7A733;
border-color:#FFF33;
color:#FFF
}
.main-principles .acc-content {
color:#CCC
}
.value-testi {
background-image:url(../image/bg3-value.jpg);
background-position:center center;
background-repeat:no-repeat;
background-size:cover
}
.page-header-team {
background-image:url(../image/pheader-team.jpg)
}
.team-skill {
background-color:#262832
}
.team-skill-content {
max-width:600px;
padding-left:15px;
padding-right:100px
}
.team-skill-content p {
color:#CCC
}
.team-skill .line-progress h6 {
color:#fff
}
.team-skill .line-progress .iprogress {
background-color:#3B3D48
}
.team-skill-right {
background-image:url(../image/image1-team.jpg);
background-size:cover;
background-repeat:no-repeat;
/* min-height:645px */
}
.team-member-info {
padding:15px;
box-shadow:0 0 30px 0 rgba(0,0,0,0.12)
}
.team-member-info h3 {
color:#1b1d21;
font-size:36px;
margin-bottom:15px;
font-weight:700;
font-family:"Inter",sans-serif;
line-height:1.2
}
.team-member-info h6 {
color:#FF8523;
font-family:"Inter",Sans-serif;
font-size:14px;
font-weight:600;
text-transform:uppercase
}
.member-info li span {
color:#1b1d21;
font-family:"Inter",sans-serif;
font-weight:600
}
.maxbixx-pagination-vbullet .tp-bullet {
position:relative;
display:inline-block;
width:30px;
height:30px;
margin:0!important;
left:0!important;
opacity:1;
background:0;
border:1px solid;
border-color:transparent;
outline:0;
border-radius:50%;
transition:all .3s linear
}
.maxbixx-pagination-vbullet .tp-bullet:hover {
background-color:transparent;
border-color:rgba(255,255,255,0.5)
}
.maxbixx-pagination-vbullet .tp-bullet:before {
position:absolute;
content:'';
top:50%;
left:50%;
width:8px;
height:8px;
background:#fff;
border-radius:50%;
transform:translate(-50%,-50%);
transition:all .3s linear
}
.maxbixx-pagination-vbullet .tp-bullet:hover:before {
background-color:#ff8523
}
.maxbixx-pagination-vbullet .tp-bullet.selected {
border-color:rgba(255,255,255,0.5);
background-color:transparent
}
.maxbixx-pagination-vbullet .tp-bullet.selected:before {
background:#ff8523
}
.rev-btn a {
color:#fff
}
.custom.tparrows {
cursor:pointer;
background:#000;
background:rgba(0,0,0,0.5);
width:40px;
height:40px;
position:absolute;
display:block;
z-index:1000
}
.custom.tparrows:hover {
background:#000
}
.custom.tparrows:before {
font-family:'revicons';
font-size:15px;
color:#fff;
display:block;
line-height:40px;
text-align:center
}
.custom.tparrows.tp-leftarrow:before {
content:'##left-icon##'
}
.custom.tparrows.tp-rightarrow:before {
content:'##right-icon##'
}
.arr-home-2.tparrows {
cursor:pointer;
background:rgba(255,255,255,0.2);
width:50px;
height:50px;
border-radius:50%;
position:absolute;
display:block;
z-index:1000;
transition:.3s
}
.arr-home-2.tparrows:hover {
background:#fff
}
.arr-home-2.tparrows:hover:before {
color:#1b1d21
}
.arr-home-2.tparrows:before {
font-family:Flaticon;
font-size:18px;
color:#fff;
display:block;
line-height:50px;
text-align:center
}
.arr-home-2.tparrows.tp-leftarrow:before {
content:"\f145"
}
.arr-home-2.tparrows.tp-rightarrow:before {
content:"\f116"
}
.home-consulting .octf-btn-primary {
background-color:#4b83fc
}
.home-consulting .octf-btn-primary:hover {
background-color:#1b1d21
}
.rev-btn-2 a {
color:#fff;
padding:17px 35px
}
.rev-btn-video a:hover {
color:#4b83fc
}
.rev-btn-3 .octf-btn-light:hover {
border-color:#fff;
background-color:transparent;
color:#fff
}
.feature-box {
padding:25px 25px 35px 25px;
background-color:#FFF;
border-radius:5px 5px 5px 5px;
box-shadow:0 0 30px 0 rgba(0,0,0,0.12)
}
.feature-box .icon-main {
background:#e3f0ff;
width:80px;
height:80px;
font-size:45px;
line-height:80px;
border-radius:50px 50px 50px 50px;
box-shadow:0 0 0 0 rgba(0,0,0,0.5)
}
.feature-box.icon-box-2:hover .icon-main {
box-shadow:none
}
.feature-box:hover {
transform:translateY(-8px)
}
.feature-box.icon-box-2 .title-box {
margin-bottom:5px;
font-weight:600;
font-size:18px
}
.client-logo {
background-color:#F5F5F5
}
.client-logo .logos-carousel .owl-item img:hover {
/* filter:brightness(0%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg) */
}
.main-principles-img img {
border-radius:5px
}
.main-principles {
background-image:url(../img/f1.jpg);
background-position:center center;
background-repeat:no-repeat;
background-size:cover
}

.icon-box-main [class*='col-'] {
padding:50px 50px 48px 40px;
border:1px solid rgba(0,0,0,.07);
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.icon-box-main [class*='col-']:hover {
box-shadow:8px 8px 30px 0 rgba(0,0,0,.12);
-webkit-box-shadow:8px 8px 30px 0 rgba(0,0,0,.12);
-moz-box-shadow:8px 8px 30px 0 rgba(0,0,0,.12);
border-color:transparent
}
.icon-box-main .icon-main {
font-size:50px;
line-height:50px;
margin-bottom:22px;
width:auto;
height:auto
}
.icon-box-main .icon-box .icon-main svg {
width:50px
}
.icon-box-main .icon-box .title-box {
font-size:21px;
margin-bottom:10px
}
.our-benefits {
background-image:url(../image/bg-overlay-home1.png);
background-position:0 28%;
background-repeat:no-repeat
}
.benefits-icon-box .icon-main {
width:70px;
height:70px;
line-height:70px;
box-shadow:0 0 13px 0 rgba(0,0,0,0.15)
}
.benefits-icon-box .icon-main svg {
width:40px;
height:40px
}
.benefits-icon-box:hover .icon-main {
color:#FFF;
background:#FF8F3E
}
.benefits-icon-box:hover .icon-main svg {
fill:#fff
}
.benefits-icon-box a:hover {
color:#FF8F3E
}
.benefits-icon-box .content-box {
margin-left:100px
}
.benefits-icon-box.icon-box p {
color:#60626D
}
.cta-main {
background-image:url(../img/bg2-home1.jpg);
background-position:center center;
background-repeat:no-repeat;
background-size:cover
}
.cta-main h2 {
color:#FFF;
font-family:"Inter",Sans-serif;
font-size:40px;
font-weight:bold;
line-height:1.2;
margin-bottom:10px
}
.projects-main .projects-box {
position:relative;
overflow:hidden;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px
}
.projects-main .projects-box .projects-thumbnail {
overflow:hidden
}
.projects-main .projects-box img {
width:100%;
height:auto;
display:block;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.projects-main .projects-box .portfolio-info {
width:100%;
height:100%;
position:absolute;
bottom:0;
left:0;
background:rgba(254,132,35,.9);
opacity:0;
display:flex;
align-items:center;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.projects-main .projects-box:hover img {
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}
.projects-main .projects-box .portfolio-info {
background:#26283299
}
.projects-main .projects-box .portfolio-info {
align-items:flex-end
}
.projects-main .projects-box:hover .portfolio-info {
opacity:1
}
.projects-main .projects-box .portfolio-info .overlay {
opacity:1;
background:transparent;
z-index:0
}
.projects-main .projects-box .portfolio-info .portfolio-info-inner {
padding:20px 0;
width:100%;
z-index:1;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear
}
.projects-main .projects-box .portfolio-info h5 {
color:#fff;
padding:0 30px;
margin-bottom:8px
}
.projects-main .projects-box .portfolio-info h5 a {
color:#fff
}
.projects-main .projects-box .portfolio-info .portfolio-cates {
color:#fff;
font-family:"Inter",sans-serif;
font-weight:600;
font-size:14px;
text-transform:uppercase;
letter-spacing:.5px;
margin-bottom:0;
padding:0 30px
}
.projects-main .projects-box .portfolio-info .portfolio-cates a {
color:#fff;
line-height:1;
display:inline;
background-size:0;
background-position:0 100%;
background-repeat:no-repeat;
background-image:linear-gradient(0deg,#fff,#f5f5f5)
}
.projects-main .projects-box .portfolio-info .portfolio-cates a:hover {
background-size:100% 0
}
.projects-main .projects-box .portfolio-info .portfolio-cates a:hover {
color:#FF8523;
background-image:linear-gradient(0deg,#FF8523,#FF8523)
}
.counter-main {
background-image:url(../image/bg3-home1.jpg);
background-position:center center;
background-repeat:no-repeat;
background-size:cover
}
.mxdbg{
    background-image:url(../img/bg3-home1.jpg);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
.post-box-main:hover {
-webkit-transform:translateY(-15px);
-ms-transform:translateY(-15px);
transform:translateY(-15px)
}
.post-box-main.post-box .inner-post {
padding:32px 30px 26px
}
.owl-carousel .owl-dots button.owl-dot {
background:transparent
}
.home-consulting h1,.home-consulting h2,.home-consulting h3,.home-consulting h4,.home-consulting h5,.home-consulting h6 {
font-family:Amiri
}
.consulting-topbar {
background-color:#262832;
padding-top:7px;
padding-bottom:7px
}
.consulting-topbar .container-fluid {
padding-left:45px;
padding-right:45px
}
.topbar-list-icon {
display:inline-grid;
grid-template-columns:repeat(4,auto);
grid-column-gap:8px
}
.topbar-list-icon a {
display:inline-block;
width:24px;
height:24px;
color:#fff;
font-size:12px;
line-height:24px;
background-color:rgba(255,255,255,0);
border:1px solid rgba(255,255,255,0.3);
border-radius:50%;
text-align:center
}
.topbar-list-icon a:hover {
background-color:#18A6F0;
border-color:#18A6F0;
color:#fff
}
.consulting-topbar .topbar-list-icon a:hover {
color:#fff
}
.top-list-info {
display:flex;
flex-wrap:wrap;
margin-bottom:0
}
.top-list-info li {
display:flex;
align-items:center;
margin-right:calc(45px/2);
margin-left:calc(45px/2)
}
.top-list-info li:last-child {
margin-right:0
}
.top-list-info a {
display:flex
}
.top-list-icon {
display:flex;
position:relative;
font-size:15px;
line-height:15px;
padding-right:15px;
fill:#4B83FC
}
.top-list-text {
font-family:"Inter",Sans-serif;
font-size:13px;
line-height:1em;
color:#FFF
}
.consulting-header-main {
background-color:#fff
}
.consulting-header-main .container-fluid {
padding-left:45px;
padding-right:45px
}
.consulting-header-main .site-logo {
padding-top:26px;
padding-bottom:26px
}
.consulting-header-main .main-navigation ul>li.menu-item-has-children:hover>a,.consulting-header-main .main-navigation>ul>li:hover>a,.consulting-header-main .main-navigation ul li li a:hover,.consulting-header-main .main-navigation ul ul.sub-menu li.current-menu-item>a,.consulting-header-main .main-navigation ul ul.sub-menu li.current-menu-ancestor>a {
color:#4B82FB
}
.consulting-header-main .main-navigation>ul>li:before {
background-color:#4B82FB
}
.consulting-header-main .main-navigation ul>li.menu-item-has-children>a:hover:after,.consulting-header-main .main-navigation ul>li.menu-item-has-children:hover>a:after {
color:#4B82FB
}
.consulting-header-main .search-form .search-submit,.home-consulting .search-form .search-submit {
background-color:#4B82FB
}
.consulting-header-main .search-form .search-submit:hover {
background-color:#1b1d21
}
.home-consulting .octf-btn {
background-color:#4B82FB
}
.home-consulting .octf-btn:hover {
background-color:#1b1d21;
color:#fff
}
.home-consulting a:hover {
color:#4B82FB
}
.consulting-header-main .octf-cta-header .cart-contents {
position:relative;
display:inline-block;
color:#1b1d21
}
.home-consulting .cart-contents .count {
background-color:#4B82FB
}
.consulting-header-main .woocommerce .amount {
color:#4B82FB!important
}
.consulting-header-main .woocommerce-mini-cart__buttons a.button.wc-forward {
background-color:#4B82FB;
border:1px solid #4B82FB
}
.consulting-header-main .woocommerce-mini-cart__buttons a.button.wc-forward:hover {
background-color:#4B82FB;
border-color:#4B82FB
}
.woocommerce-mini-cart__buttons a.button.checkout.button.wc-forward:hover {
background-color:#1b1d21;
border-color:#1b1d21
}
.consulting-header-main .octf-search {
margin-left:20px;
margin-right:35px
}
.consulting-header-main .octf-cta-header .toggle_search i {
color:#1b1d21
}
.home-consulting .ft-list-icon a:hover {
color:#fff
}
.home-consulting .ft-list-link li a:hover,.home-consulting .footer-contact h6 a:hover {
color:#4B82FB
}
.home-consulting .footer-contact-icon {
fill:#4B82FB
}
.home-consulting .mc4wp-form-fields .subscribe-inner-form .subscribe-btn-icon:hover {
background-color:#4B82FB
}
.home-consulting #back-to-top {
background-color:#4B82FB
}
.consulting-client {
background-color:#262832
}
.home-consulting .ot-heading>span.is_highlight {
border-color:#4b83fc;
background-color:#4B83FC1A;
color:#4b83fc
}
.home-consulting .ot-heading .main-head {
font-size:38px;
font-family:Amiri;
font-weight:700;
line-height:1.2
}
.consulting-icon-box.icon-box {
padding:29px 29px 29px 29px;
overflow:hidden;
}
.consulting-icon-box:hover {
background-color:#4B83FC
}
.consulting-icon-box1{
    background-color:#4B83FC;
    position: relative;
}
.consulting-icon-box:after {
position:absolute;
left:0;
top:0;
content:"";
width:100%;
height:100%;
opacity:0;
transition:all .5s ease;
background-image:linear-gradient(145deg,#14072300,#140723);
background-image:-moz-linear-gradient(145deg,#14072300,#140723);
background-image:-webkit-linear-gradient(145deg,#14072300,#140723)
}
.consulting-icon-box1:after {
    position:absolute;
    left:0;
    top:0;
    content:"";
    width:100%;
    height:100%;
    opacity:0.39;
    transition:all .5s ease;
    background-image:linear-gradient(145deg,#14072300,#140723);
    background-image:-moz-linear-gradient(145deg,#14072300,#140723);
    background-image:-webkit-linear-gradient(145deg,#14072300,#140723)
}
.consulting-icon-box:hover:after {
opacity:.39
}
.consulting-icon-box:before {
position:absolute;
left:70px;
top:-20px;
content:"";
width:230px;
height:600px;
opacity:0;
transition:all .5s ease;
background-image:linear-gradient(35deg,#c2d5ff,#4b83fc);
background-image:-moz-linear-gradient(35deg,#c2d5ff,#4b83fc);
background-image:-webkit-linear-gradient(35deg,#c2d5ff,#4b83fc);
transform:rotate(35deg)
}
.consulting-icon-box1:before {
    position:absolute;
    left:70px;
    top:-20px;
    content:"";
    width:230px;
    height:600px;
    opacity:0.15;
    transition:all .5s ease;
    background-image:linear-gradient(35deg,#c2d5ff,#4b83fc);
    background-image:-moz-linear-gradient(35deg,#c2d5ff,#4b83fc);
    background-image:-webkit-linear-gradient(35deg,#c2d5ff,#4b83fc);
    transform:rotate(35deg)
}
.consulting-icon-box:hover:before {
opacity:.15
}
.consulting-icon-box div {
position:relative;
z-index:2
}
.consulting-icon-box.icon-box .icon-main {
margin-bottom:30px;
width:65px;
height:65px;
line-height:65px;
color:#4b83fc;
background:rgba(75,131,252,0.1)
}
.consulting-icon-box.icon-box .icon-main svg {
fill:#4b83fc;
width:32px;
height:32px
}
.consulting-icon-box.icon-box .title-box {
font-size:22px;
font-family: "Inter",sans-serif;
font-weight:600;
line-height:1.2
}
.consulting-icon-box.icon-box p {
color:#60626D;
font-family:"Open Sans",Sans-serif;
font-size:15px
}
.consulting-icon-box .link-details {
color:#4b83fc
}
.consulting-icon-box:hover a,.consulting-icon-box:hover p {
color:#fff
}
.consulting-icon-box1 a,.consulting-icon-box1 p {
    color:#fff !important;
    }
.consulting-icon-box:hover .icon-main {
background-color:#FFF1A
}
.consulting-icon-box1 .icon-main {
    background-color:#FFF1A
    }
.consulting-icon-box:hover .icon-main svg {
fill:#fff
}
.consulting-icon-box1 .icon-main svg {
    fill:#4B83FC
}
.consulting-priorities {
background-image:url(../image/bg1-home2.jpg);
background-position:center center;
background-repeat:no-repeat;
background-size:cover
}
.home-consulting .icon-list .icon-main {
fill:#4B83FC
}
.home-consulting .icon-list .title-box {
font-family:"Amiri",Sans-serif;
font-size:20px;
color:#4B83FC
}
.consulting-startup {
background-image:url(../img/bg2-home2.jpg);
background-position:top center;
background-repeat:no-repeat
}
.home-consulting .ot-image-box .content-box .title-box {
font-family:Amiri;
font-size:24px;
font-weight:700;
line-height:1.2
}
.home-consulting .ot-image-box .link-box {
color:#4b83fc
}
.home-consulting .ot-image-box:hover .link-box {
background-color:#4b83fc;
border-color:#4b83fc;
color:#fff
}
.consulting-icon-box-2.icon-box .icon-main svg {
fill:#4b83fc;
height:45px
}
.consulting-icon-box-2.icon-box-2 .title-box {
font-family: "Inter",sans-serif;
margin-bottom:9px;
font-size:22px;
font-weight: 600;
}
.consulting-team {
background-color:#F7F7F7
}
.consulting-team .ot-team .team-info span {
color:#4b83fc
}
.consulting-team .circle-social .team-social a:hover {
background-color:#4b83fc
}
.home-consulting .owl-carousel .owl-dots button.owl-dot.active span {
background-color:#4b83fc
}
.home-consulting .owl-carousel .owl-dots button.owl-dot:hover span {
background-color:#4b83fc
}
.consulting-video {
background-image:url(../image/image1-home2.jpg);
background-position:center center;
background-repeat:no-repeat;
background-size:cover
}
.consulting-video h2 {
color:#FFF;
font-family:"Amiri",Sans-serif;
font-size:60px;
font-weight:600
}
.consulting-video-divider {
margin-top:50px;
margin-bottom:50px;
height:1px;
width:100%;
background-color:#FFF4D
}
.ot-video-button.ot-video-light a {
color:#fff;
border-color:#fff
}
.consulting-video .ot-counter span {
color:#FFF;
font-family:"Amiri",Sans-serif;
font-size:56px;
font-weight:bold
}
.consulting-video .ot-counter h6 {
color:#FFF;
font-family:"Inter",Sans-serif;
font-weight:500
}
.project-consulting .project_filters li a.selected,.project-consulting .project_filters li a:hover,.project-consulting .project_filters li a:before,.project-consulting .project_filters li a .filter-count {
color:#4b83fc
}
.consulting-testi {
background-image:url(../image/bg3-home2.jpg);
background-position:center center;
background-repeat:no-repeat;
background-size:cover
}
.consulting-testi .ot-testimonials .tphoto:after {
background-color:#4B82FB
}
.consulting-testi .ot-testimonials .t-head span {
color:#4B82FB
}
.home-consulting .post-box .post-cat a {
background-color:#4B82FB;
color:#fff
}
.home-consulting .post-box .entry-title a:hover,.home-consulting .post-box .entry-meta a:hover,.home-consulting .post-box .entry-meta .btn-details:hover a {
color:#4B82FB
}
.home-consulting .post-box .entry-meta .btn-details:hover {
border-color:#4B82FB;
background-color:rgba(75,131,252,0.1)
}
.home-consulting .owl-carousel .owl-nav button.owl-prev:hover,.home-consulting .owl-carousel .owl-nav button.owl-next:hover {
background-color:#4B82FB
}
.home-business h1,.home-business h2,.home-business h3,.home-business h4,.home-business h5,.home-business h6 {
font-family:Raleway;
font-weight:600
}
.business-style .main-navigation>ul {
font-family:"Raleway",Sans-serif;
font-weight:700
}
.home-business a:hover {
color:#D92300
}
.business-btn.octf-btn {
color:#fff;
background-color:#d92300;
border-color:#d92300
}
.business-btn.octf-btn:hover,.home-business .octf-btn:focus {
background:#1b1d21;
border-color:#1b1d21;
color:#fff
}
.business-topbar {
background-color:#282828;
padding:17px 0 48px 0
}
.business-topbar .topbar-right-icon a {
fill:#D92300;
color:#D92300
}
.business-topbar .topbar-right-desc h6,.business-topbar .topbar-right-desc h6 a {
color:#A5A5A5;
line-height:1.2;
margin-bottom:0
}
.business-topbar .topbar-right p {
font-family:"Open Sans",Sans-serif;
color:#fff
}
.business-style.octf-main-header {
padding-left:30px;
padding-right:30px;
background-color:transparent;
margin-top:-35px;
margin-bottom:-35px
}
.business-style.octf-main-header.is-stuck {
margin:0
}
.business-style .octf-mainbar {
padding-left:40px;
padding-right:40px;
background-color:#fff
}
.business-style .main-navigation>ul>li>a {
color:#1a1b1e
}
.business-style .main-navigation ul>li.menu-item-has-children:hover>a,.business-style .main-navigation ul li li a:hover,.business-style .main-navigation ul ul.sub-menu li.current-menu-item>a,.business-style .main-navigation ul ul.sub-menu li.current-menu-ancestor>a,.business-style .main-navigation ul>li.menu-item-has-children:hover>a:after,.business-style .octf-main-header .main-navigation>ul>li>a:hover {
color:#D92300
}
.business-style .main-navigation>ul>li:before {
background-color:#D92300
}
.business-style .octf-cta-header .cart-contents,.business-style .octf-cta-header .toggle_search i {
color:#1b1d21
}
.business-style .cart-contents .count {
background-color:#D92300
}
.business-style .woocommerce .amount,.business-style .woocommerce-mini-cart__total .amount {
color:#D92300
}
.business-style .woocommerce-mini-cart__buttons a.button.wc-forward {
background-color:#D92300;
border:1px solid #D92300
}
.business-style .woocommerce-mini-cart__buttons a.button.wc-forward:hover {
background-color:#D92300;
border-color:#D92300
}
.business-style .woocommerce-mini-cart__buttons a.button.checkout.button.wc-forward:hover {
background-color:#1b1d21;
border-color:#1b1d21
}
.business-social-list {
display:inline-grid;
grid-template-columns:repeat(4,auto);
grid-column-gap:8px;
padding-top:22px;
padding-bottom:22px
}
.business-social-list a {
display:inline-block;
width:26px;
height:26px;
color:#373737;
font-size:13px;
line-height:26px;
background-color:02010100;
border:1px solid #C9C9C9;
border-radius:50%;
text-align:center
}
.business-social-list a:hover {
background-color:#D92300;
border-color:#D92300;
color:#fff
}
.business-style .octf-cart {
margin-left:40px
}
.business-style .search-form .search-submit {
background-color:#D92300
}
.business-service-section,.business-bg-light {
background-color:#F5F5F5
}
.business-service-section .business-icon-service {
margin-top:-60px
}
.bline-yes.business-icon-service:after {
background-color:#d92300
}
.business-icon-service .icon-box-1 {
background-color:#fff;
overflow:hidden
}
.business-icon-service .icon-box-1 .icon-main {
background-color:#D923001A
}
.business-icon-service .icon-box-1 .icon-main svg {
fill:#d92300;
width:44px;
height:44px
}
.business-icon-service .link-details {
color:#d92300
}
.business-icon-service.bline-yes .icon-box-1:after {
background-color:#d92300
}
.business-icon-service .icon-box-1:hover {
background-color:#d92300
}
.business-icon-service .icon-box:before {
position:absolute;
left:0;
top:0;
content:"";
width:100%;
height:100%;
opacity:0;
transition:all .5s ease;
background-image:linear-gradient(-149deg,#770b0200 0,#770b02 80%);
background-image:-moz-linear-gradient(-149deg,#770b0200 0,#770b02 80%);
background-image:-webkit-linear-gradient(-149deg,#770b0200 0,#770b02 80%)
}
.business-icon-service .icon-box:hover:before {
opacity:1
}
.business-icon-service .icon-box:after {
position:absolute;
left:-100px;
top:-120px;
content:"";
width:230px;
height:600px;
opacity:0;
transition:all .5s ease;
background-color:transparent;
background-image:linear-gradient(29deg,#fff,#fff00);
background-image:-moz-linear-gradient(29deg,#fff,#fff00);
background-image:-webkit-linear-gradient(29deg,#fff,#fff00);
transform:rotate(35deg)
}
.business-icon-service .icon-box:hover:after {
opacity:.2
}
.business-icon-service .icon-box div {
position:relative;
z-index:3
}
.business-icon-service .icon-box-1:hover .icon-main {
background-color:#E93613
}
.business-icon-service .icon-box-1:hover .icon-main svg {
fill:#fff
}
.business-icon-service .icon-box-1:hover .title-box a,.business-icon-service .icon-box-1:hover p,.business-icon-service .icon-box-1:hover .link-details {
color:#fff
}
.business-icon-service:hover:after {
opacity:0
}
.signature-business {
padding-left:30px;
border-left:1px solid #00026
}
.signature-business h6 {
font-size:20px;
font-weight:600;
margin-bottom:6px
}
.signature-business p {
color:#878787;
font-family:"Raleway",Sans-serif;
font-size:12px;
font-weight:500;
text-transform:uppercase;
margin-bottom:0
}
.home-business .ot-heading>span {
font-family:"Raleway",Sans-serif;
font-size:14px;
font-weight:bold;
color:#d92300
}
.rounded-img {
border-radius:5px
}
.business-icon-box.box-s2 .icon-box-2 .icon-main {
background:#D92300;
width:70px;
height:70px;
line-height:70px
}
.business-icon-box.box-s2 .icon-box-2 .icon-main svg {
fill:#FFF;
width:45px;
height:45px
}
.business-icon-box.box-s2 .icon-box-2 .content-box {
background:#FFF;
padding:22px 50px 30px 70px;
box-shadow:0 0 30px 0 rgba(0,0,0,0.12)
}
.business-icon-box.box-s2 .icon-box .title-box {
font-size:21px
}
.business-icon-box.box-s2 .icon-box p {
color:#60626D
}
.business-icon-box.box-s2 .icon-box:hover .content-box {
background:#F5F5F5;
box-shadow:0 0 0 0 rgba(0,0,0,0)
}
.business-text-link {
font-family:"Raleway",Sans-serif;
font-size:13px;
font-weight:600;
text-transform:uppercase;
fill:#D92300;
color:#D92300;
background-color:#61CE7000;
padding:0
}
.business-text-link i {
margin-right:4px
}
.home-business .line-progress .progress-bar {
background-color:#D92300
}
.team-skill-right.business-skill-right {
background-image:url(../image/image2-home3.jpg);
background: #fff;
}
.business-video-btn {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%)
}
.business-video-btn .btn-play {
width:95px;
height:95px;
line-height:95px;
color:#FFF
}
.business-video-btn .btn-play span {
border-color:#FFF
}
.business-video-btn .btn-play:hover {
color:#fff
}
.business-video-btn .ot-video-button a:hover span {
border-color:#FFF
}
.business-image-box .ot-image-box {
text-align:left
}
.business-image-box .ot-image-box .link-box {
color:#d92300
}
.business-image-box .ot-image-box:hover .link-box {
background-color:#d92300;
border-color:#d92300;
color:#fff
}
.home-business .ot-counter span {
color:#d92300;
font-family:"Open Sans",Sans-serif;
font-size:48px;
font-weight:bold
}
.home-business .ot-counter h6 {
font-family:"Raleway",Sans-serif;
font-weight:600
}
.business-pricing {
background-image:url(../image/image3-home3.jpg);
background-position:top center;
background-repeat:no-repeat
}
.business-pricing .ot-pricing-table .inner-table h2 {
color:#d92300
}
.business-pricing .octf-btn.octf-btn-border {
border-color:#d92300;
font-family:"Raleway",Sans-serif
}
.business-pricing .octf-btn.octf-btn-border:hover,.business-pricing .octf-btn.octf-btn-border:focus {
border-color:#d92300;
background-color:#d92300;
color:#fff
}
.business-pricing .ot-pricing-table h2 {
font-family:"Open Sans",Sans-serif
}
.business-pricing .ot-pricing-table.is-featured .inner-table h2,.business-pricing .ot-pricing-table.is-featured .inner-table .details ul li.active {
color:#fff
}
.business-pricing .ot-pricing-table.is-featured .inner-table .title-table span {
background-color:#d92300
}
.business-pricing .ot-pricing-table.is-featured .octf-btn {
background-color:#d92300
}
.business-pricing .ot-pricing-table.is-featured .octf-btn:hover {
background-color:transparent
}
.home-business .logos-carousel .owl-item img:hover {
filter:brightness(0%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg)
}
.home-business .ot-testimonials .t-head span {
color:#d92300
}
.home-business .owl-carousel .owl-dots button.owl-dot.active span,.home-business .owl-carousel .owl-dots button.owl-dot:hover span {
background-color:#d92300
}
.home-business .post-box .post-cat a {
background-color:#d92300;
color:#fff
}
.home-business .post-box .entry-meta a:hover {
color:#d92300
}
.home-business .post-box .entry-title a:hover {
color:#d92300
}
.home-business .post-box .entry-meta .btn-details:hover {
color:#d92300;
border-color:#d92300;
background-color:rgba(217,35,0,0.1)
}
.home-business .post-box .entry-meta .btn-details:hover a {
color:#d92300
}
.home-business .ft-list-icon a:hover {
color:#fff
}
.home-business .ft-list-link li a:hover,.home-business .footer-contact h6 a:hover {
color:#d92300
}
.home-business .footer-contact-icon {
fill:#d92300
}
.home-business .mc4wp-form-fields .subscribe-inner-form .subscribe-btn-icon:hover {
background-color:#d92300
}
.home-business #back-to-top {
background-color:#d92300
}
.home-coporate a:hover {
color:#55BB53
}
.coporate-topbar {
background-color:#0B2A41
}
.coporate-topbar .top-list-icon {
fill:#55BB53
}
.top-list-info li:first-child {
margin-left:0
}
.coporate-topbar .topbar-btn .octf-btn {
font-family:"Open Sans",Sans-serif;
font-size:14px;
line-height:1;
font-weight:600;
background-color:#55BB53;
border:0;
color:#fff;
border-radius:0;
padding:13px 29px 12px 29px
}
.coporate-topbar .topbar-btn .octf-btn:hover {
background-color:#fff;
color:#0B2A41
}
.coporate-topbar .topbar-list-icon {
margin-right:34px
}
.coporate-topbar .topbar-list-icon {
column-gap:20px
}
.coporate-topbar .topbar-list-icon a {
width:12px;
height:12px;
color:#8497A5;
line-height:1;
background:0;
border:0
}
.coporate-topbar .topbar-list-icon a:hover {
color:#fff
}
.coporate-header.octf-main-header {
background-color:#fff;
box-shadow:15px 15px 38px 0 rgba(0,0,0,0.1)
}
.coporate-header.octf-main-header .main-navigation>ul>li>a {
color:#1a1b1e
}
.coporate-header .octf-cta-header .cart-contents,.coporate-header .octf-cta-header .toggle_search i {
color:#1b1d21
}
.coporate-header .main-navigation>ul>li:before {
background-color:#55BB53
}
.coporate-header .main-navigation ul>li.menu-item-has-children>a:hover:after,.coporate-header .main-navigation ul>li.menu-item-has-children:hover>a:after,.coporate-header .main-navigation ul li li a:hover,.coporate-header .main-navigation ul ul.sub-menu li.current-menu-item>a,.coporate-header .main-navigation ul ul.sub-menu li.current-menu-ancestor>a,.coporate-header.octf-main-header .main-navigation>ul>li>a:hover {
color:#55BB53
}
.coporate-header .cart-contents .count {
background-color:#55BB53
}
.coporate-header .woocommerce-mini-cart__buttons a.button.wc-forward {
background-color:#55BB53;
border:1px solid #55BB53
}
.coporate-header .woocommerce-mini-cart__buttons a.button.wc-forward:hover {
background-color:#55BB53;
border-color:#55BB53
}
.coporate-header .woocommerce-mini-cart__buttons a.button.checkout.button.wc-forward {
background-color:#1b1d21;
border-color:#1b1d21
}
.coporate-header .woocommerce .amount,.coporate-header .woocommerce-mini-cart__total .amount {
color:#55BB53
}
.coporate-header .octf-btn-cta {
margin-left:70px
}
.coporate-header.octf-main-header.main-style .main-navigation>ul>li>a {
padding-top:25px;
padding-bottom:25px
}
.coporate-style .cart-contents .count {
background-color:#55BB53
}
.home-coporate .search-form .search-submit {
background-color:#55BB53
}
.home-coporate .octf-search-mobile.octf-cta-header .toggle_search i,.home-coporate .octf-cart-mobile .cart-contents,.home-coporate .mmenu-toggle button {
color:#fff
}
.coporate-banner {
background-image:url(../image/image-banner-home4.jpg);
background-position:center center;
background-repeat:no-repeat;
background-size:cover
}
.coporate-banner .sub-title {
margin:0 0 15px 0;
padding:0 12px;
line-height:24px;
display:inline-block;
background-color:#FFF;
border-style:solid;
border-width:0 0 0 2px;
border-color:#55BB53;
border-radius:3px 3px 3px 3px;
box-shadow:4px 4px 13px 0 rgba(0,0,0,0.1)
}
.coporate-banner .sub-title span {
color:#55BB53;
font-family:"Open Sans",Sans-serif;
font-size:14px;
line-height:1.2;
display:inline-block;
font-weight:600;
text-transform:uppercase
}
.coporate-banner h2 {
font-family:"Open Sans",Sans-serif;
font-size:60px;
line-height:1.2;
color:#fff;
font-weight:bold;
letter-spacing:-1.2px
}
.coporate-banner .hl-text {
font-weight:400!important;
color:#55bb53!important
}
.coporate-banner p {
font-family:"Open Sans",Sans-serif;
font-size:18px;
font-weight:400;
margin-bottom:40px;
color: #fff;
}
.home-coporate .octf-btn {
background-color:#55bb53;
border-color:#55bb53;
color:#fff
}
.home-coporate .octf-btn:hover,.home-coporate .octf-btn:focus {
background:#1b1d21;
border-color:#1b1d21;
color:#fff
}
.coporate-banner .octf-btn {
padding:17px 35px 17px 35px
}
.coporate-banner .icon-box-2 {
margin-left:20px
}
.coporate-banner .icon-box-2 .icon-main {
background:#FFF;
width:56px;
height:56px;
line-height:56px;
border-radius:50% 50% 50% 50%;
box-shadow:4px 4px 13px 0 rgba(0,0,0,0.1)
}
.coporate-banner .icon-box-2 .icon-main svg {
fill:#55BB53;
width:20px
}
.coporate-banner .icon-left .icon-box-2 .content-box {
margin-left:70px
}
.coporate-banner .icon-box .title-box {
padding-top:8px;
margin-bottom:3px;
font-size:14px;
font-weight:400;
color:#5F5F5F
}
.coporate-banner .icon-box .title-box a {
color:#fff;
}
.coporate-banner .icon-box p {
color:#fff;
font-size:16px;
font-weight:bold
}
.coporate-icon-box .icon-box {
padding:16px 30px 25px 12px;
border-radius:5px 5px 5px 5px;
box-shadow:0 0 30px 0 rgba(0,0,0,0.12)
}
.coporate-icon-box .icon-box:hover {
background-color:#0B2A41
}
.coporate-icon-box .icon-box .icon-main {
box-shadow:0 0 0 0 rgba(0,0,0,0.5)
}
.coporate-icon-box .icon-box .icon-main svg {
fill:#55bb53;
width:45px;
height:45px
}
.coporate-icon-box.icon-left .icon-box .content-box {
margin-left:84px
}
.coporate-icon-box .icon-box .title-box {
margin-bottom:8px
}
.coporate-icon-box .icon-box .title-box a {
color:#0B2A41
}
.coporate-icon-box .icon-box p {
color:#60626D
}
.coporate-icon-box .icon-box:hover a {
color:#fff
}
.coporate-icon-box .icon-box:hover p {
color:#AFC1CE
}
.coporate-ibox-section .container-fluid {
padding-left:30px;
padding-right:30px
}
.home-coporate .ot-heading>span {
color:#95A2AC;
border-color:#95A2AC;
font-size:14px;
font-weight:600;
margin-bottom:6px;
padding-left:calc(45px+15px)
}
.home-coporate .ot-heading>span.is_line:before {
width:45px;
background:#95A2AC
}
.coporate-solution-box .icon-box {
margin:0 0 10px 0;
padding:18px 20px 18px 20px;
border-radius:5px 5px 5px 5px
}
.coporate-solution-box .icon-box-2 .icon-main {
width:0;
height:0;
line-height:0
}
.coporate-solution-box .icon-box .icon-main svg {
fill:#55bb53;
width:17px;
height:17px
}
.coporate-solution-box.icon-left .icon-box .content-box {
margin-left:35px
}
.coporate-solution-box .icon-box .title-box {
padding-top:0;
margin-bottom:0;
font-size:16px;
font-weight:600;
color:#0B2A41
}
.coporate-solution-box .icon-box:hover {
background-color:#F7F7F7
}
.coporate-client .container {
background-color:#55BB53;
padding-left:100px;
padding-right:100px;
border-radius:5px 5px 5px 5px;
z-index:10;
position:relative
}
.coporate-client .logos-carousel .owl-item img:hover {
filter:brightness(0%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg)
}
.coporate-mkt {
background-image:url(../image/bg1-home4.jpg);
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
margin-top:-75px
}
.home-coporate .coporate-mkt .ot-heading>span {
color:#CCD5DB;
border-color:#CCD5DB
}
.coporate-mkt p {
color:#AFC1CE
}
.coporate-mkt .ot-flip-box .overlay {
background-color:#23499e;
}
.coporate-mkt .ot-flip-box a {
color:#55BB53
}
.coporate-mkt .ot-flip-box p {
color:#fff
}
.coporate-portfolio {
background-color:#F5F5F5
}
.home-coporate .owl-carousel .owl-dots button.owl-dot.active span,.home-coporate .owl-carousel .owl-dots button.owl-dot:hover span {
background-color:#55BB53
}
.coporate-counter {
margin-top:-145px
}
.coporate-counter .container {
background-color:#55BB53;
padding:60px 90px 60px 90px;
max-width:1320px;
box-shadow:0 0 30px 0 rgba(0,0,0,0.12);
border-radius:5px
}
.coporate-counter .ot-counter-2 svg {
fill:#fff;
width:55px;
margin-bottom:20px
}
.coporate-service-box .icon-box-1 {
box-shadow:0 0 0 0 rgba(0,0,0,0.5)
}
.coporate-service-box .icon-box:hover {
background:#0B2A41
}
.coporate-service-box .icon-box-1 .icon-main {
margin-bottom:25px;
width:70px;
height:70px;
line-height:70px;
border-radius:3px 3px 3px 3px;
background:#FFF;
box-shadow:0 0 13px 0 rgba(0,0,0,0.1)
}
.coporate-service-box .icon-box:hover .icon-main {
background:#12344D;
box-shadow:0 0 0 0 rgba(0,0,0,0.15)
}
.coporate-service-box .icon-box .icon-main svg {
fill:#55bb53;
width:40px;
height:40px
}
.coporate-service-box .icon-box:hover p {
color:#AFC1CE
}
.coporate-form .container {
max-width:1350px
}
.coporate-form-image {
margin:-50px -55px 0 0
}
.coporate-form-image img {
border-radius:5px
}
.coporate-form-wrap {
padding:65px 70px;
box-shadow:0 0 30px 0 rgba(0,0,0,0.12);
border-radius:5px;
margin:0 0 -50px -55px;
background-color:#fff
}
.coporate-form-wrap .main-contact-form {
padding:0;
background:0;
box-shadow:none;
border-radius:0
}
.coporate-form-wrap .main-contact-form p {
margin-bottom:10px
}
.coporate-team {
background-image:url(../image/bg2-home4.jpg);
background-position:center center;
background-repeat:no-repeat;
background-size:cover
}
.coporate-team .ot-team {
padding:40px 0 40px 0;
background:#FFF
}
.coporate-team .ot-team:hover {
transform:translateY(-8px)
}
.coporate-team .team-3 .team-thumb a:before {
background-color:rgba(85,187,83,0.8)
}
.coporate-team .ot-team .team-info span {
color:#55bb53
}
.coporate-team .circle-social .team-social a:hover {
background-color:#55bb53;
border-color:#55bb53
}
.coporate-testi {
margin-top:-190px
}
.coporate-testi .container {
background-image:url(../image/bg1-home4.jpg);
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
box-shadow:0 0 30px 0 rgba(0,0,0,0.12);
border-radius:5px;
max-width:1320px
}
.coporate-testi .ot-testimonials {
padding:55px 60px 115px 25px
}
.coporate-testi .ot-testimonials-carousel.is-reverse .testi-item {
box-shadow:none
}
.coporate-testi .ot-testimonials .ttext {
color:#C5D1DA;
font-family:"Nunito",Sans-serif;
font-size:17px
}
.coporate-testi .ot-testimonials .tphoto:after {
background-color:#55bb53
}
.coporate-testi .ot-testimonials h6 {
font-family:Open Sans;
color:#FFF
}
.coporate-testi .ot-testimonials span {
font-size:14px;
font-weight:400;
color:#55bb53;
font-family:Open Sans
}
.coporate-testi .owl-theme .owl-nav.disabled+.owl-dots {
bottom:-40px
}
.coporate-testi .owl-dots button.owl-dot span {
background:#7693A9
}
.coporate-testi .owl-dots button.owl-dot.active span {
background:#55BB53
}
.coporate-testi .owl-carousel .owl-dots button.owl-dot {
background:transparent
}
.home-coporate .post-box .post-cat a {
background-color:#55bb53;
color:#fff
}
.home-coporate .post-box .entry-title a:hover {
color:#55bb53
}
.home-coporate .post-box .entry-meta a:hover,.home-coporate .post-box .entry-meta .btn-details:hover a {
color:#55bb53
}
.home-coporate .post-box .entry-meta .btn-details:hover {
color:#55bb53;
border-color:#55bb53;
background-color:rgba(85,187,83,0.1)
}
.coporate-cta {
margin-top:-75px;
margin-bottom:-75px
}
.coporate-cta .container {
max-width:1350px
}
.coporate-cta img {
width:140px
}
.coporate-icon-cta {
background-color:#55bb53;
padding:65px 75px 65px 75px;
border-radius:5px 5px 5px 5px;
box-shadow:8px 8px 30px 0 rgba(0,0,0,0.12)
}
.coporate-cta-form .octf-btn {
color:#0b2a41;
background-color:#fff;
margin-left:10px
}
.coporate-cta-form .team-form input[type=text],.coporate-cta-form .team-form input[type=email] {
width:100%;
max-width:400px;
margin-left:10px
}
.site-footer.coporate-footer {
background-color:#061E2F;
padding-top:180px;
color:#AFC1CE
}
.coporate-footer .widget-footer-title {
margin-bottom:28px
}
.coporate-footer .ft-list-icon a {
background-color:#13364F;
color:#fff
}
.coporate-footer .ft-list-icon a:hover {
background-color:#4B83FC
}
.coporate-footer .footer-contact-icon svg {
fill:#55bb53
}
.coporate-footer .footer-contact h6 a:hover {
color:#55bb53
}
.coporate-footer .footer-locotion {
margin-left:-40px
}
.coporate-footer .copyright-text {
color:#879DAD
}
.home-coporate #back-to-top {
background-color:#55bb53
}
@media only screen and (max-width:1024px) {
.coporate-style.header_mobile,.business-style.header_mobile {
display:block;
width:100%;
background:#282828
}
}.business-style.header_mobile .octf-cta-header .cart-contents,.business-style.header_mobile .octf-cta-header .toggle_search i {
color:#fff
}
.business-style.header_mobile .mmenu-toggle button {
color:#fff
}
.finance-top-news {
background-color:#F5F5F5
}
.finance-top-news p {
color:#5F5F5F;
font-size:14px;
font-weight:600;
margin-bottom:0
}
.finance-top-news .octf-btn {
font-family:"Inter",Sans-serif;
font-size:13px;
line-height:1;
font-weight:500;
background-color:#52C5B6;
border-radius:0;
padding:13px 28px 12px 28px;
border:0
}
.finance-top-news .octf-btn:hover,.finance-top-news .octf-btn:focus {
background-color:#30344D
}
.finance-header .topbar-right-icon a {
fill:#52C5B6;
font-size:22px
}
.home-finance a:hover {
color:#52C5B6
}
.finance-header .topbar-right-desc h6 {
margin-bottom:0
}
.finance-header .octf-main-header {
background-color:#30344D
}
.finance-header .octf-main-header .main-navigation>ul>li>a:hover,.finance-header .main-navigation ul>li.menu-item-has-children:hover>a,.finance-header .main-navigation ul li li a:hover,.finance-header .main-navigation ul ul.sub-menu li.current-menu-item>a,.finance-header .main-navigation ul ul.sub-menu li.current-menu-ancestor>a,.finance-header .main-navigation ul>li.menu-item-has-children:hover>a:after,.finance-header .main-navigation ul>li.menu-item-has-children>a:hover:after {
color:#52C5B6
}
.finance-header .main-navigation>ul>li:before {
background-color:#52C5B6
}
.finance-header .cart-contents .count,.finance-header .search-form .search-submit {
background-color:#52C5B6
}
.finance-header .woocommerce .amount,.finance-header .woocommerce-mini-cart__total .amount {
color:#52C5B6
}
.finance-header .woocommerce-mini-cart__buttons a.button.wc-forward {
background-color:#52C5B6;
border:1px solid #52C5B6
}
.finance-header .woocommerce-mini-cart__buttons a.button.wc-forward:hover {
background:#1b1d21;
border-color:#1b1d21
}
.finance-header .woocommerce-mini-cart__buttons a.button.checkout.wc-forward {
background-color:#1b1d21;
border-color:#1b1d21;
color:#fff
}
.home-finance .panel-list-item .panel-list-icon,.home-finance .panel-list-item .panel-list-icon a {
fill:#52C5B6
}
.home-finance .side-panel-social a {
color:#fff
}
.finance-header .octf-search-mobile.octf-cta-header .toggle_search i,.finance-header .octf-cart-mobile .cart-contents,.finance-header .mmenu-toggle button {
color:#fff
}
.finance-banner {
background-image:url(../image/image-banner-home5.jpg);
background-position:center center;
background-repeat:no-repeat;
background-size:cover
}
.finance-banner h6 {
color:#FFF;
font-family:"Inter",Sans-serif;
font-size:16px;
font-weight:500;
text-transform:uppercase;
margin-bottom:28px
}
.finance-banner h2 {
color:#FFF;
font-family:"Prata",Sans-serif;
font-size:60px;
font-weight:400;
margin-bottom:23px
}
.finance-banner p {
color:#FFF;
font-family:"Open Sans",Sans-serif;
font-size:18px;
font-weight:400;
margin-bottom:40px
}
.finance-banner .btn-play {
width:80px;
height:80px;
line-height:80px;
color:#FFF;
border-color:#52C5B6;
background:#52C5B6
}
.finance-banner .btn-play:hover {
color:#fff
}
.finance-banner .ot-video-button>span {
color:#FFF
}
.finance-banner .btn-play span,.ot-video-button a:hover span {
border-color:#FFF4D;
z-index:0
}
.finance-quote-form {
padding:45px 40px 40px 40px;
background-color:#fff;
border-radius:5px
}
.finance-quote-form h3 {
color:#1B1D21;
font-family:"Inter",Sans-serif;
font-size:24px;
font-weight:600;
margin-bottom:15px;
text-align:center
}
.finance-quote-form p {
text-align:center;
color:#5F5F5F;
font-family:"Open Sans",Sans-serif;
font-size:14px;
font-weight:400;
margin-bottom:30px
}
.finance-quote-form form p {
margin-bottom:10px
}
.finance-quote-form .main-contact-form {
box-shadow:none;
background:0;
border-radius:0;
padding:0
}
.finance-quote-form .octf-btn {
width:100%;
background:#52c5b6;
border-color:#52c5b6
}
.finance-quote-form .octf-btn:hover,.finance-quote-form .octf-btn:focus {
background:#1b1d21;
border-color:#1b1d21
}
.finance-service-dark .icon-box-1 {
background:#30344D;
box-shadow:0 0 0 0 rgba(0,0,0,0.5);
text-align:center
}
.finance-service-dark .icon-box .icon-main {
background:#52C5B6
}
.finance-service-dark .icon-box .circle-animate {
border-color:#FFF4D
}
.finance-service-dark .icon-box .circle-animate:after {
background:#52C5B6
}
.finance-service-dark .icon-box .icon-main svg {
width:38px;
height:38px;
fill:#FFF
}
.finance-service-dark .icon-box .title-box,.finance-service-main .icon-box .title-box,.finance-service-light .icon-box .title-box {
font-size:24px;
font-family:Prata;
font-weight:400
}
.finance-service-dark .icon-box .title-box a {
color:#fff
}
.finance-service-dark .icon-box p {
color:#AFC1CE
}
.finance-service-dark .icon-box .link-details {
color:#FFF
}
.home-finance .ot-heading>span {
color:#52C5B6;
border-color:#52C5B6;
font-size:14px;
font-weight:600
}
.home-finance .ot-heading h3,.home-finance .ot-heading h2 {
font-family:Prata;
font-weight:400
}
.finance-service-main .icon-box {
background-color:#52C5B6;
box-shadow:0 0 0 0 rgba(0,0,0,0.5)
}
.finance-service-main .icon-box .circle-animate {
border-color:#FFF4D
}
.finance-service-main .icon-box .circle-animate:after {
background:#FFF
}
.finance-service-main .icon-box .icon-main {
background-color:#fff
}
.finance-service-main .icon-box .icon-main svg {
fill:#30344D;
width:38px;
height:38px
}
.finance-service-main .icon-box .title-box a {
color:#fff
}
.finance-service-main .icon-box p {
color:#FFF
}
.finance-service-main .icon-box .link-details {
color:#FFF
}
.finance-service-light .icon-box .link-details {
color:#fff
}
.finance-service-light .icon-box {
background-color:#F5F5F5;
box-shadow:0 0 0 0 rgba(0,0,0,0.5)
}
.finance-service-light .icon-box .circle-animate {
border-color:#1B1D2126
}
.finance-service-light .icon-box .icon-main {
background:#30344D
}
.finance-service-light .icon-box .icon-main svg {
fill:#fff;
width:38px;
height:38px
}
.finance-service-light .icon-box .title-box a {
color:#1B1D21
}
.finance-service-light .icon-box p {
color:#5F5F5F
}
.finance-service-light .icon-box .link-details {
color:#52c5b6
}
.finance-client .owl-item img:hover {
filter:brightness(0%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg)
}
.home-finance .icon-list .icon-main {
fill:#52C5B6
}
.home-finance .icon-list .title-box {
color:#52C5B6
}
.home-finance .octf-btn {
background-color:#52C5B6;
color:#fff;
border-color:#52C5B6
}
.home-finance .octf-btn:hover,.home-finance .octf-btn:focus {
background:#1b1d21;
border-color:#1b1d21;
color:#fff
}
.home-finance h4 {
font-family:Prata;
font-weight:400
}
.finance-principles {
background-color:#30344D
}
.finance-principles .ot-accordions {
padding-right:50px
}
.finance-principles .ot-accordions .acc-item.current .acc-toggle {
background:#52C5B6;
border-color:#52C5B6;
color:#fff
}
.finance-principles .ot-accordions .acc-item .acc-toggle {
background:#A7A7A733;
border-color:#FFF4D;
color:#FFF
}
.finance-principles .ot-accordions .acc-item .acc-content p {
color:#CCC
}
.finance-chart-img {
margin-bottom:-30px;
margin-left:-30px
}
.finance-portfolio .container-fluid {
padding:40px 40px 0 40px
}
.finance-feature.icon-box .icon-main {
background:#52C5B6;
border-radius:50px 50px 50px 50px;
box-shadow:0 0 0 0 rgba(0,0,0,0.5)
}
.finance-feature.icon-box .icon-main svg {
fill:#FFF;
width:34px;
height:34px
}
.finance-feature.icon-box .content-box {
margin-left:100px;
border-color:#E5E5E5
}
.finance-feature.icon-box .title-box {
font-family:"Inter",Sans-serif;
font-size:20px;
font-weight:500
}
.bline-yes .finance-feature.icon-box-2 .content-box:after {
background:#52C5B6
}
.bline-yes.icon-left:after {
display:none
}
.finance-testi {
background-color:#30344D
}
.finance-testi-bg {
background-image:url(../image/image1-home5.jpg);
background-size:cover;
background-repeat:no-repeat;
min-height:694px
}
.finance-testi-content {
padding-left:140px;
padding-right:140px
}
.finance-testi-content .ot-testimonials .tphoto:after {
background-color:#52C5B6
}
.finance-testi-content .ot-testimonials-carousel-2 .ttext {
color:#FFF
}
.finance-testi-content .ot-testimonials .t-head h6 {
color:#fff;
font-size:24px;
font-weight:400;
font-family:Prata
}
.finance-testi-content .ot-testimonials .t-head span {
color:#52C5B6
}
.finance-testi-content .owl-carousel .owl-nav {
bottom:-95px;
top:auto
}
.finance-testi-content .ot-testimonials-carousel-2 .owl-nav button.owl-prev,.finance-testi-content .ot-testimonials-carousel-2 .owl-nav button.owl-next {
background:#52c5b6;
color:#fff
}
.finance-testi-content .ot-testimonials .owl-nav button {
margin:0
}
.finance-testi-content .ot-testimonials .owl-nav button.owl-prev {
left:50%;
transform:translateX(-100%)
}
.finance-testi-content .ot-testimonials .owl-nav button.owl-next {
right:50%;
transform:translateX(100%)
}
.finance-testi-content .ot-testimonials-carousel-2 .owl-nav button.owl-prev:hover,.finance-testi-content .ot-testimonials-carousel-2 .owl-nav button.owl-next:hover {
background:#43B5A6
}
.home-finance .ot-team .team-info h6 {
font-family:Prata;
font-weight:400
}
.home-finance .ot-team .team-info span {
color:#52C5B6
}
.octf-btn.finance-btn-dark {
background-color:#30344D;
border-color:#30344D
}
.octf-btn.finance-btn-dark:hover,.octf-btn.finance-btn-dark:focus {
background-color:#52C5B6;
border-color:#52C5B6
}
.coporate-counter.finance-counter {
position:relative;
z-index:1
}
.coporate-counter.finance-counter .container {
background-color:#52C5B6;
padding:55px 100px;
margin-top:-145px
}
.coporate-counter.finance-counter .ot-counter-2 span {
color:#FFF;
font-family:"Prata",Sans-serif;
font-size:48px;
font-weight:400
}
.coporate-counter.finance-counter .ot-counter-2>p {
margin-top:8px;
color:#FFF
}
.finance-blog {
background-image:url(../image/bg1-home5.jpg);
background-position:top center;
background-repeat:no-repeat;
margin-top:-104px
}
.finance-blog .post-box .post-cat a {
background-color:#52C5B6;
color:#fff
}
.finance-blog .post-box .entry-title a {
font-family:"Prata",Sans-serif;
font-weight:400
}
.finance-blog .post-box .entry-title a:hover,.finance-blog .post-box .entry-meta a:hover,.finance-blog .post-box .entry-meta .btn-details:hover a {
color:#52C5B6
}
.finance-blog .post-box .entry-meta .btn-details:hover {
border-color:#52C5B6;
background-color:rgba(82,197,182,0.1)
}
.finance-contact {
background-image:url(../image/overlay-home5.png);
background-position:bottom left;
background-repeat:no-repeat
}
.finance-contact .main-contact-form {
padding:0;
box-shadow:none;
border-radius:0;
background:0
}
.home-finance #back-to-top {
background-color:#52C5B6
}
.finance-footer {
background-color:#1F2238;
color:#AFC1CE
}
.finance-footer .widget-footer-title {
margin-bottom:28px
}
.finance-footer .ft-list-icon a {
background-color:#13364F
}
.finance-footer .ft-list-icon a:hover {
background-color:#52C5B6
}
.finance-footer .footer-contact svg {
fill:#52C5B6
}
.finance-footer .footer-contact h6 a:hover {
color:#52C5B6
}
.finance-footer .footer-contact p {
color:#FFF;
font-family:"Inter",Sans-serif;
font-size:16px;
font-weight:500
}
.finance-footer .copyright-text {
color:#879DAD;
padding-top:35px;
padding-bottom:35px
}
.divider {
height:1px;
background-color:#0001A;
margin:90px 0
}
.list-icon svg {
fill:#FF8523;
width:11px;
height:11px;
margin-right:20px
}
.cta {
background-image:url(../image/bg1-faq.jpg);
background-position:center center;
background-repeat:no-repeat;
background-size:cover
}
.pricing-table-section {
background-image:url(../image/bg2-faq.jpg);
background-position:top center;
background-repeat:no-repeat
}
.coming-soon {
height:100vh;
background-image:url(../image/coming-soon.jpg);
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
padding:0;
display:flex;
align-items:center
}
.cs-logo {
padding-bottom:120px
}
.cs-logo img {
width:140px
}
.cs-content h2 {
color:#1A1A1A;
font-family:"Inter",Sans-serif;
font-size:48px;
font-weight:700;
line-height:110px;
padding-bottom:50px
}
.cs-countdown {
padding-bottom:97px
}
.cs-stext p {
font-size:18px;
margin-bottom:33px
}
.page-header-portfolio {
background-image:url(../image/pheader-project.jpg)
}
.portfolio-detail {
padding:50px;
background-color:#F5F5F5
}
.portfolio-detail h6 {
font-size:16px;
margin-bottom:3px
}
.projects-grid.gap-15 {
margin-right:-15px;
margin-left:-15px
}
.projects-grid.gap-15 .project-item {
padding:15px
}
.service-quote {
background-image:url(../image/bg1-service-detail.jpg);
border-radius:5px;
padding:50px 10px 50px 10px
}
.service-quote-desc {
padding:28px 0 25px 50px;
border-style:solid;
border-width:0 0 0 5px;
border-color:#FF8F3E
}
.service-quote h3 {
margin-bottom:2px;
color:#fff
}
.service-quote p {
text-transform:uppercase;
color:#fff;
margin-bottom:0
}
.service-blockquote {
background-color:#F5F5F5;
padding:15px 100px
}
.widget-service-icon svg {
fill:#FF8523;
width:18px;
height:18px;
margin-right:20px
}
.widget-service-text h6 {
font-family:"Inter",Sans-serif;
font-size:16px;
font-weight:600;
margin-bottom:5px
}
.widget-service-text p {
color:#5F5F5F;
font-family:"Open Sans",Sans-serif;
font-size:16px;
font-weight:400;
margin-bottom:0
}
.service-top-detail2 {
background-image:url(../image/bg1-service-detail2.jpg);
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
padding:120px 0 120px 100px;
border-radius:5px
}
.service-top-detail2 h6 {
color:#FFF;
font-family:"Inter",Sans-serif;
font-size:14px;
font-weight:bold;
text-transform:uppercase
}
.service-top-detail2 h1 {
color:#FFF;
font-family:"Inter",Sans-serif;
font-weight:bold;
font-size:48px
}
.service-benefit-detail2 {
background-image:url(../image/bg2-service-detail2.jpg);
background-position:center center;
background-repeat:no-repeat;
background-size:cover
}
.icon-service-2.icon-box {
padding:29px 29px 29px 29px;
background:#FFF
}
.icon-service-2.icon-box:hover {
background:#FF8F3E
}
.icon-service-2.icon-box:hover .icon-main {
color:#FFF;
background:#FFF1A
}
.icon-service-2.icon-box .icon-main {
margin-bottom:30px;
width:65px;
height:65px;
line-height:65px
}
.icon-service-2.icon-box .icon-main svg {
width:32px;
height:32px
}
.icon-service-2.icon-box:hover .icon-main svg {
fill:#fff
}
.icon-service-2.icon-box .title-box {
font-family:"Inter",Sans-serif;
font-size:22px;
font-weight:bold
}
.icon-service-2.icon-box:hover .title-box {
color:#fff
}
.icon-service-2.icon-box p {
color:#60626D;
font-family:"Open Sans",Sans-serif;
font-size:15px
}
.icon-service-2.icon-box:hover p,.icon-service-2.icon-box:hover .link-details {
color:#fff
}
.service-tab-img {
background-color:#F5F5F5;
padding:50px 40px
}
.icon-box svg {
height:inherit
}
.service-top-detail3 {
padding:70px 0 70px 100px;
background-image:url(../image/bg1-service-detail3.jpg);
background-position:center center;
background-repeat:no-repeat;
background-size:cover
}
.service-top-detail3 h6 {
color:#FFF;
font-family:"Inter",Sans-serif;
font-size:14px;
font-weight:bold;
text-transform:uppercase
}
.service-top-detail3 h2 {
color:#FFF;
font-size:36px;
font-weight:700;
font-family:"Inter",sans-serif;
line-height:1.2
}
.custom-nav button.owl-prev,.custom-nav button.owl-next {
color:#fff;
font-size:16px;
width:45px;
height:45px;
line-height:1;
background:rgba(220,219,219,.5);
color:#1b1d21;
border:0;
outline:0;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.custom-nav button.owl-prev:hover,.custom-nav button.owl-next:hover {
background-color:#D92300;
color:#fff
}
@media(min-width:993px) and (max-width:1400px) {
.consulting-header-main .octf-btn-cta {
display:none
}
}@media(min-width:1361px) {
.home-consulting .maxbixx-pagination-vbullet .tp-bullet {
display:none!important
}
.home-business .maxbixx-pagination-vbullet .tp-bullet {
display:none!important
}
.business-style .container {
max-width:1260px
}
.coporate-client .container {
max-width:1320px
}
}@media(min-width:1200px) {
.service-icon-cta h4 {
padding-right:60px
}
.service-icon-cta .col-text {
flex:0 0 30%;
max-width:30%
}
.service-icon-cta .col-form {
flex:0 0 70%;
max-width:70%
}
.our-philo-content {
margin-left:40px
}
.custom.tparrows {
display:none!important
}
.main-principles-detail {
margin-right:70px
}
.our-benefits-img {
/* margin:0 -20px 0 -260px */
}
.our-benefits-detail {
margin-left:70px
}
.business-about-desc {
margin-right:60px
}
.business-image-box {
padding-right:15px
}
.finance-contact-img {
margin-left:-50px
}
.finance-footer .footer-locotion {
margin-left:-35px
}
}@media(min-width:992px) and (max-width:1024px) {
.team-form {
display:flex
}
.team-form input[type=text],.team-form input[type=email] {
margin-bottom:0
}
.team-form input[type=text]:first-child {
margin-left:0
}
}@media(min-width:993px) {
.service-icon-testi .testi-item {
padding-left:15px;
padding-right:15px
}
.feature {
margin-top:-65px
}
.main-about-img {
margin-left:-56px
}
.main-principles-img {
margin-left:-30px;
margin-right:15px
}
.consulting-priorities-desc {
margin-left:40px
}
}@media(max-width:1360px) {
.maxbixx-pagination-vbullet,.arr-home-2.tparrows {
display:none!important
}
.home-consulting .maxbixx-pagination-vbullet,.home-business .maxbixx-pagination-vbullet {
display:block!important
}
.home-consulting .maxbixx-pagination-vbullet .tp-bullet.selected:before {
background-color:#4b83fc
}
.home-consulting .maxbixx-pagination-vbullet .tp-bullet:hover:before {
background-color:#4b83fc
}
.home-business .maxbixx-pagination-vbullet .tp-bullet.selected:before {
background-color:#d92300
}
.home-business .maxbixx-pagination-vbullet .tp-bullet:hover:before {
background-color:#d92300
}
.service-testi .ot-testimonials .testi-item {
padding-right:50px
}
.service-testi .vertical-dots .owl-dots {
right:30px
}
}@media(max-width:1199px) {
.team-skill-content {
padding-right:15px
}
.custom.tparrows {
display:block!important
}
.business-topbar .topbar-right-info {
margin-left:20px
}
.coporate-footer .footer-locotion {
margin-left:0
}
.finance-testi-content {
padding-left:15px;
padding-right:15px
}
.finance-header .topbar-right-info,.topbar-right-info {
margin-left:25px
}
}@media(max-width:1200px) {
.coporate-client .container {
padding-left:40px;
padding-right:40px
}
.coporate-header .octf-btn-cta {
margin-left:35px
}
}@media(max-width:1024px) {
.service-testi .vertical-dots .owl-dots {
right:-30px
}
.rev-btn .octf-btn {
font-size:12px;
padding:14px 25px
}
.finance-header .header_mobile {
background-color:#282828
}
}@media(max-width:992px) {
.service-testi {
background-position:center right
}
.team-skill-content {
padding-top:60px;
padding-bottom:60px
}
.business-service-section .business-icon-service {
margin-top:0
}
.home-business .maxbixx-pagination-vbullet .tp-bullet {
margin-top:50px!important
}
.coporate-cta-form .team-form input[type=text],.coporate-cta-form .team-form input[type=email],.coporate-cta-form .octf-btn {
margin-left:0
}
.coporate-form-image,.coporate-form-wrap {
margin:0
}
.finance-testi-content {
padding:100px
}
.finance-chart-img {
margin:0
}
.consulting-testi .owl-carousel .owl-nav {
position:relative;
margin-top:30px
}
.consulting-testi .owl-carousel .owl-nav button.owl-prev,.consulting-testi .owl-carousel .owl-nav button.owl-next {
position:initial
}
}@media(max-width:794px) {
.rev-btn-2 a,.rev-btn-3 a {
font-size:11px;
padding:12px 20px
}
.rev-btn-video .ot-video-button a {
width:41px;
height:41px;
line-height:36px
}
.rev-btn-video .ot-video-button a i,.rev-btn-video .ot-video-button>span {
font-size:11px
}
}@media(max-width:767px) {
.service-testi .vertical-dots .owl-dots {
display:none
}
.service-icon-cta .team-form input[type=text],.service-icon-cta .team-form input[type=email] {
width:100%
}
.rev-btn .octf-btn {
font-size:11px;
padding:11px 20px
}
.home-consulting .ot-heading .main-head {
font-size:30px
}
.consulting-video h2 {
font-size:42px
}
.coporate-icon-cta {
padding:40px
}
.coporate-banner h2 {
font-size:42px
}
.coporate-client .container {
padding-left:40px;
padding-right:40px
}
.finance-banner h2 {
font-size:36px;
line-height:54px
}
.finance-banner .btn-play {
width:56px;
height:56px;
line-height:56px
}
.finance-testi-content {
padding:60px 40px
}
.finance-testi-content .owl-carousel .owl-nav {
bottom:-40px
}
.service-blockquote {
padding-left:40px;
padding-right:40px
}
.service-top-detail2 h1 {
font-size:36px;
line-height:54px
}
.service-top-detail2,.service-top-detail3 {
padding:80px 30px
}
}@media(max-width:480px) {
.rev-btn-2 a,.rev-btn-3 a {
font-size:8px;
padding:10px 12px
}
.rev-btn-video .ot-video-button a {
width:33px;
height:33px;
line-height:26px
}
.rev-btn-video .ot-video-button a i,.rev-btn-video .ot-video-button>span {
font-size:8px
}
}@media(min-width:1200px) {
.contact-img {
margin:-46px -120px 0 -70px
}
.about-img {
margin:0 -60px 0 0;
box-shadow:0 0 30px 0 rgb(0 0 0 / 12%)
}
.about-imgmxd{
    margin: 0;
    box-shadow: none;
}
}@media(min-width:992px) {
.lg-hidden {
display:none
}
}@media(min-width:768px) and (max-width:991px) {
.md-hidden {
display:none
}
}@media(max-width:767px) {
.contact-map {
margin-top:60px
}
}@media(min-width:480px) and (max-width:767px) {
.sm-hidden {
display:none
}
}@media(max-width:480px) {
.main-contact-form {
padding:30px
}
}/*：源代码唯一下载地址:https://www.17sucai.com*/

.mxdvideo{
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.heimo{
    background: rgba(0,0,0,0.3);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.mxdxiangdui{
    position: relative;
}
.mxdjuedui{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}
.mxdbanner{
    height: 95vh;
}
.fex-c{
    display: flex;
    align-items: center;
}
.tc{
    text-align: center;
}

.bubbleContainer {
    width:100%;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    overflow:hidden;
    z-index:10;
    pointer-events:none
  }
  div[class^="bubble-"] {
    height:1px;
    width:1px;
    position:absolute;
    background:url(../image/buble.png) no-repeat center center;
    background-size:cover;
    border-radius:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    pointer-events:none;
  }
  .bubble-1 {
    bottom:0;
    left:60%;
    -webkit-animation:bubble-movement 10s infinite ease-in -5.7s;
    animation:bubble-movement 10s infinite ease-in -5.7s;
  }
  .bubble-2 {
    bottom:0;
    left:90%;
    -webkit-animation:bubble-movement 10s infinite ease-in -4.94s;
    animation:bubble-movement 10s infinite ease-in -4.94s
  }
  .bubble-3 {
    bottom:0;
    left:20%;
    -webkit-animation:bubble-movement 4s infinite ease-in -1.2s;
    animation:bubble-movement 4s infinite ease-in -1.2s
  }
  .bubble-4 {
    bottom:0;
    left:40%;
    -webkit-animation:bubble-movement 10s infinite ease-in -1.58s;
    animation:bubble-movement 10s infinite ease-in -1.58s
  }
  .bubble-5 {
    bottom:0;
    left:75%;
    -webkit-animation:bubble-movement 7s infinite ease-in -6.31s;
    animation:bubble-movement 7s infinite ease-in -6.31s
  }
  .bubble-6 {
    bottom:0;
    left:45%;
    -webkit-animation:bubble-movement 10s infinite ease-in -0.51s;
    animation:bubble-movement 10s infinite ease-in -0.51s
  }
  .bubble-7 {
    bottom:0;
    left:10%;
    -webkit-animation:bubble-movement 15s infinite ease-in -3.37s;
    animation:bubble-movement 15s infinite ease-in -3.37s
  }
  .bubble-8 {
    bottom:0;
    left:65%;
    -webkit-animation:bubble-movement 10s infinite ease-in -0.66s;
    animation:bubble-movement 10s infinite ease-in -0.66s
  }
  .bubble-9 {
    bottom:0;
    left:30%;
    -webkit-animation:bubble-movement 4s infinite ease-in -5.81s;
    animation:bubble-movement 4s infinite ease-in -5.81s
  }
  .bubble-10 {
    bottom:0;
    left:95%;
    -webkit-animation:bubble-movement 10s infinite ease-in -3.98s;
    animation:bubble-movement 10s infinite ease-in -3.98s
  }
  .bubble-11 {
    bottom:0;
    left:41%;
    -webkit-animation:bubble-movement 15s infinite ease-in -3.98s;
    animation:bubble-movement 15s infinite ease-in -3.98s
  }
  .bubble-12 {
    bottom:0;
    left:46%;
    -webkit-animation:bubble-movement 10s infinite ease-in -3.98s;
    animation:bubble-movement 10s infinite ease-in -3.98s
  }
  .bubble-13 {
    bottom:0;
    left:50%;
    -webkit-animation:bubble-movement 4s infinite ease-in -3.98s;
    animation:bubble-movement 4s infinite ease-in -3.98s
  }
  .bubble-14 {
    bottom:0;
    left:70%;
    -webkit-animation:bubble-movement 4s infinite ease-in -3.98s;
    animation:bubble-movement 4s infinite ease-in -3.98s
  }
  .bubble-15 {
    bottom:0;
    left:58%;
    -webkit-animation:bubble-movement 4s infinite ease-in -3.98s;
    animation:bubble-movement 4s infinite ease-in -3.98s
  }
  @-webkit-keyframes bubble-movement {
    0% {
      -webkit-transform:translate3d(-50%,0,0);
      transform:translate3d(-50%,0,0);
      height:1px;
      width:1px
    }
    100% {
      -webkit-transform:translate3d(-50%,-998px,0);
      transform:translate3d(-50%,-998px,0);
      height:75px;
      width:75px
    }
  }
  @-moz-keyframes bubble-movement {
    0% {
      transform:translate3d(-50%,0,0);
      height:1px;
      width:1px
    }
    100% {
      transform:translate3d(-50%,-998px,0);
      height:75px;
      width:75px
    }
  }
  @-o-keyframes bubble-movement {
    0% {
      transform:translate3d(-50%,0,0);
      height:1px;
      width:1px
    }
    100% {
      transform:translate3d(-50%,-998px,0);
      height:75px;
      width:75px
    }
  }
  @keyframes bubble-movement {
    0% {
      -webkit-transform:translate3d(-50%,0,0);
      transform:translate3d(-50%,0,0);
      height:1px;
      width:1px
    }
    100% {
      -webkit-transform:translate3d(-50%,-998px,0);
      transform:translate3d(-50%,-998px,0);
      height:75px;
      width:75px
    }
  }

/* 对比 */
  /* covered */



.second {
	width:100%;
	height:500px;
	background-image:url('../img/m2.jpg');
    background-size: cover;
}

.second .changeable {
	background-image:url('../img/m1.jpg');
    background-size: cover;
}

.covered {
	position:relative;
}

.handle {
	position:absolute;
	width:46px;
	height:46px;
	margin-left:-23px;
	margin-top:-23px;
	border-radius:50%;
	background-color:#fff;
	text-align:center;
}
.handle span {
	display:inline-block;
	/* margin:15px 1px 0; */
    margin: 0 0px;
	color:#000;
	-webkit-transition:.1s ease-out;
	-moz-transition:.1s ease-out;
	-ms-transition:.1s ease-out;
	-o-transition:.1s ease-out;
	transition:.1s ease-out;
    line-height: 46px;
    font-weight: bold;
}
.handle:hover {
	background-color:#555;
}
.handle:hover span {
	color:#FFF;
}
.draggable {
	background-color:#555;
	cursor:move;
}
.draggable span {
	/* margin:15px 4px 0; */
    margin: 0 3px;
	color:#FFF;
	-webkit-transition:.1s ease-out;
	-moz-transition:.1s ease-out;
	-ms-transition:.1s ease-out;
	-o-transition:.1s ease-out;
	transition:.1s ease-out;
}
.changeable img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
}
.canshu{
    width: 50%;
    text-align: center;
    background: #7ae0ff;
    /* border: solid 1px #999; */
    line-height: 50px;
    color: #23499e;
    font-weight: bold;
}
.canshumiaoshu{
    width: 50%;
    text-align: center;
    line-height: 50px;
    background: #23499e;
    color: #fff;
    font-weight: bold;
    /* border: solid 1px #999; */
}
.mt0{
    margin-top: 0;
}
.mxdkuang{
    /* box-shadow: 8px 8px 30px 0 rgba(0,0,0,0.12);
    -webkit-box-shadow: 8px 8px 30px 0 rgba(0,0,0,0.12);
    -moz-box-shadow: 8px 8px 30px 0 rgba(0,0,0,0.12);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 100%;
    padding: 29px 29px 29px 29px; */
    border-bottom: solid 1px #23499e;
    height: 100%;
    /* box-shadow: 0 8px 8px #c4d6ff; */
    -webkit-box-shadow: 6px 6px 13px 0 rgba(0,0,0,0.15);
    /* margin-top: 30px; */
}
.probg{
    background: no-repeat center url(../img/probg.jpg);
}
.container-fluid1{
    width: 86%;
}
.mxdbiaoge:nth-child(even){
    /* background: #c4ecff; */
}
.mxdbiaoge{
    line-height: 3;
}
.mxdbiaoge span{
    width: 50%;
    /* border: solid 1px #ccc; */
    margin-top: -1px;
    border-bottom: solid 1px #ccc; 
    

}
.mxdbiaoge p{
    width: 50%;
    /* border: solid 1px #ccc; */
    margin-bottom: 0;
    margin-top: -1px;
    margin-left: -1px;
    font-weight: bold;
    color: #1b1d21;
    border-bottom: solid 1px #ccc; 
}
.posr2{
    position: relative;
    z-index: 2;
}