@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Teko:wght@300;400;500;600;700&display=swap");
::selection {
background: #e54347;
color: #fff;
}
@font-face {
font-family: 'icomoon';
src: url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/icomoon.eot?ajir9p);
src: url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/icomoon.eot?ajir9p#iefix) format("embedded-opentype"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/icomoon.ttf?ajir9p) format("truetype"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/icomoon.woff?ajir9p) format("woff"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/icomoon.svg?ajir9p#icomoon) format("svg");
font-weight: normal;
font-style: normal;
font-display: block; }
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.icon-custom:before {
content: "\e90a"; }
.icon-award:before {
content: "\e90f"; }
.icon-creativity:before {
content: "\e910"; }
.icon-dollar:before {
content: "\e911"; }
.icon-report:before {
content: "\e912"; }
.icon-secure:before {
content: "\e913"; }
.icon-technical:before {
content: "\e914"; }
.icon-cms:before {
content: "\e909"; }
.icon-mysql:before {
content: "\e90b"; }
.icon-portal:before {
content: "\e90c"; }
.icon-shopping-cart:before {
content: "\e90d"; }
.icon-web:before {
content: "\e90e"; }
.icon-computer:before {
content: "\e905"; }
.icon-responsive:before {
content: "\e904"; }
.icon-cloud-service:before {
content: "\e906"; }
.icon-team:before {
content: "\e907"; }
.icon-annual:before {
content: "\e900"; }
.icon-headquarters:before {
content: "\e901"; }
.icon-login:before {
content: "\e902"; }
.icon-winner:before {
content: "\e903"; }
.icon-arrow:before {
content: "\e908"; }
@font-face {
font-family: 'Rufina';
src: url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/Rufina-Regular.eot);
src: url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/Rufina-Regular.eot?#iefix) format("embedded-opentype"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/Rufina-Regular.woff) format("woff"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/Rufina-Regular.ttf) format("truetype"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/Rufina-Regular.svg#Rufina-Regular) format("svg");
font-weight: normal;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Rufina';
src: url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/Rufina-Bold.eot);
src: url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/Rufina-Bold.eot?#iefix) format("embedded-opentype"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/Rufina-Bold.woff) format("woff"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/Rufina-Bold.ttf) format("truetype"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/Rufina-Bold.svg#Rufina-Bold) format("svg");
font-weight: bold;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Sintony';
src: url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/Sintony.eot);
src: url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/Sintony.eot?#iefix) format("embedded-opentype"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/Sintony.woff) format("woff"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/Sintony.ttf) format("truetype"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/Sintony.svg#Sintony) format("svg");
font-weight: normal;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Sintony';
src: url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/Sintony-Bold.eot);
src: url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/Sintony-Bold.eot?#iefix) format("embedded-opentype"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/Sintony-Bold.woff) format("woff"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/Sintony-Bold.ttf) format("truetype"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/Sintony-Bold.svg#Sintony-Bold) format("svg");
font-weight: bold;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Aller Display';
src: url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/AllerDisplay.eot);
src: url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/AllerDisplay.eot?#iefix) format("embedded-opentype"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/AllerDisplay.woff) format("woff"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/AllerDisplay.ttf) format("truetype"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/AllerDisplay.svg#AllerDisplay) format("svg");
font-weight: normal;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Rubik';
src: url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/Rubik-Bold.eot);
src: url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/Rubik-Bold.eot?#iefix) format("embedded-opentype"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/Rubik-Bold.woff) format("woff"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/Rubik-Bold.ttf) format("truetype"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/Rubik-Bold.svg#Rubik-Bold) format("svg");
font-weight: bold;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'icomoon';
src: url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/iconfonts/icomoon.eot?2uswe8);
src: url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/iconfonts/icomoon.eot?2uswe8#iefix) format("embedded-opentype"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/iconfonts/icomoon.ttf?2uswe8) format("truetype"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/iconfonts/icomoon.woff?2uswe8) format("woff"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/iconfonts/icomoon.svg?2uswe8#icomoon) format("svg");
font-weight: normal;
font-style: normal;
font-display: block; }
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.icon-hours:before {
content: "\e900"; }
.icon-shake:before {
content: "\f903"; }
.icon-hand:before {
content: "\f904"; }
.icon-idea:before {
content: "\f905"; }
.icon-website:before {
content: "\f900"; }
.icon-winning:before {
content: "\f901"; }
.icon-automation:before {
content: "\f902"; }
.icon-browser:before {
content: "\f9ed"; }
.icon-edit-tools:before {
content: "\e916"; }
.icon-coding:before {
content: "\e917"; }
.icon-cart:before {
content: "\e918"; }
.icon-support:before {
content: "\e919"; }
.icon-migrating:before {
content: "\e90d"; }
.icon-lightbulb:before {
content: "\e9eb"; }
.icon-extension:before {
content: "\e9fa"; }
.icon-credit-card:before {
content: "\e907"; }
.icon-store:before {
content: "\e915"; }
@font-face {
font-family: 'icomoon';
src: url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/topfonts/icomoon.eot?e2c0f3);
src: url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/topfonts/icomoon.eot?e2c0f3#iefix) format("embedded-opentype"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/topfonts/icomoon.ttf?e2c0f3) format("truetype"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/topfonts/icomoon.woff?e2c0f3) format("woff"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/topfonts/icomoon.svg?e2c0f3#icomoon) format("svg");
font-weight: normal;
font-style: normal;
font-display: block; }
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.icon-mail:before {
content: "\d0e2"; }
.icon-smile:before {
content: "\d0e1"; }
@font-face {
font-family: 'icomoon';
src: url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/wfonts/icomoon.eot?3wqgy2);
src: url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/wfonts/icomoon.eot?3wqgy2#iefix) format("embedded-opentype"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/wfonts/icomoon.ttf?3wqgy2) format("truetype"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/wfonts/icomoon.woff?3wqgy2) format("woff"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/wfonts/icomoon.svg?3wqgy2#icomoon) format("svg");
font-weight: normal;
font-style: normal;
font-display: block; }
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.icon-box:before {
content: "\b9e0"; }
.icon-add:before {
content: "\a9bb"; }
.icon-browser:before {
content: "\e9a0"; }
.icon-shield:before {
content: "\a9e2"; }
.icon-web-analytics:before {
content: "\a9f3"; }
.icon-web-design:before {
content: "\a9e4"; }
@font-face {
font-family: 'icomoon';
src: url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/nfonts/icomoon.eot?fahdg4);
src: url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/nfonts/icomoon.eot?fahdg4#iefix) format("embedded-opentype"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/nfonts/icomoon.ttf?fahdg4) format("truetype"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/nfonts/icomoon.woff?fahdg4) format("woff"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/nfonts/icomoon.svg?fahdg4#icomoon) format("svg");
font-weight: normal;
font-style: normal;
font-display: block; }
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.icon-api:before {
content: "\c900"; }
.icon-ux:before {
content: "\c901"; }
@font-face {
font-family: 'icomoon';
src: url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/webfonts/icomoon.eot?2b4ofc);
src: url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/webfonts/icomoon.eot?2b4ofc#iefix) format("embedded-opentype"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/webfonts/icomoon.ttf?2b4ofc) format("truetype"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/webfonts/icomoon.woff?2b4ofc) format("woff"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/webfonts/icomoon.svg?2b4ofc#icomoon) format("svg");
font-weight: normal;
font-style: normal;
font-display: block; }
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.icon-font-designe:before {
content: "\f9ac"; }
.icon-monitoring:before {
content: "\c900"; }
.icon-payment-method:before {
content: "\c9ef"; }
.icon-pencil:before {
content: "\c902"; }
.icon-user-experience:before {
content: "\c903"; }
.icon-vector:before {
content: "\c904"; }
.icon-wall-clock:before {
content: "\c905"; }
@font-face {
font-family: 'icomoon';
src: url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/abtfonts/icomoon.eot?8k8y4a);
src: url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/abtfonts/icomoon.eot?8k8y4a#iefix) format("embedded-opentype"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/abtfonts/icomoon.ttf?8k8y4a) format("truetype"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/abtfonts/icomoon.woff?8k8y4a) format("woff"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/abtfonts/icomoon.svg?8k8y4a#icomoon) format("svg");
font-weight: normal;
font-style: normal;
font-display: block; }
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.icon-chip:before {
content: "\cefa"; }
.icon-autism:before {
content: "\eafe"; }
.icon-browser:before {
content: "\eefa"; }
.icon-mission:before {
content: "\bdce"; }
.icon-shopping-cart:before {
content: "\ecad"; }
.icon-social-media:before {
content: "\ea12"; }
.icon-spyglass:before {
content: "\12ea"; }
.icon-value:before {
content: "\32ea"; }
@font-face {
font-family: 'icomoon';
src: url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/pwfonts/icomoon.eot?vukumd);
src: url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/pwfonts/icomoon.eot?vukumd#iefix) format("embedded-opentype"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/pwfonts/icomoon.ttf?vukumd) format("truetype"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/pwfonts/icomoon.woff?vukumd) format("woff"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/pwfonts/icomoon.svg?vukumd#icomoon) format("svg");
font-weight: normal;
font-style: normal;
font-display: block; }
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.icon-qulity:before {
content: "\c0de"; }
.icon-ctnw:before {
content: "\c0d1"; }
.icon-html:before {
content: "\c0d2"; }
.icon-seo:before {
content: "\ce01"; }
.icon-slice:before {
content: "\ce02"; }
.icon-spd:before {
content: "\ce11"; }
@font-face {
font-family: 'icomoon';
src: url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/rnfonts/icomoon.eot?b848hs);
src: url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/rnfonts/icomoon.eot?b848hs#iefix) format("embedded-opentype"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/rnfonts/icomoon.ttf?b848hs) format("truetype"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/rnfonts/icomoon.woff?b848hs) format("woff"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/rnfonts/icomoon.svg?b848hs#icomoon) format("svg");
font-weight: normal;
font-style: normal;
font-display: block; }
.icon-cycle:before {
content: "\cec0"; }
.icon-agile:before {
content: "\ae0e"; }
.icon-api:before {
content: "\ae1e"; }
@font-face {
font-family: 'icomoon';
src: url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/vuefonts/icomoon.eot?wer5al);
src: url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/vuefonts/icomoon.eot?wer5al#iefix) format("embedded-opentype"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/vuefonts/icomoon.ttf?wer5al) format("truetype"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/vuefonts/icomoon.woff?wer5al) format("woff"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/vuefonts/icomoon.svg?wer5al#icomoon) format("svg");
font-weight: normal;
font-style: normal;
font-display: block; }
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.icon-booking:before {
content: "\be90"; }
.icon-contract:before {
content: "\ceb9"; }
.icon-data:before {
content: "\ceb8"; }
.icon-interaction:before {
content: "\ced7"; }
@font-face {
font-family: 'icomoon';
src: url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/sqlfonts/icomoon.eot?t66kqr);
src: url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/sqlfonts/icomoon.eot?t66kqr#iefix) format("embedded-opentype"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/sqlfonts/icomoon.ttf?t66kqr) format("truetype"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/sqlfonts/icomoon.woff?t66kqr) format("woff"), url(//www.accreteinfo.com/wp-content/themes/accreteinfo/fonts/sqlfonts/icomoon.svg?t66kqr#icomoon) format("svg");
font-weight: normal;
font-style: normal;
font-display: block; }
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.icon-business-report:before {
content: "\efb0"; }
.icon-database:before {
content: "\bfe0"; }
.icon-development:before {
content: "\fbe0"; }
.icon-infrastructure:before {
content: "\bef0"; }
.icon-servers:before {
content: "\a0ef"; } html {
position: relative;
min-height: 100%;
}
* {
margin: 0px;
padding: 0px;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.smush-detected-img{
border-radius: 0;
box-shadow: unset;
}
img{
height: unset;
} .loading07 span {
position: relative;
color: rgba(0, 0, 0, .2);
}
.loading07 span::after {
position: absolute;
top: 0;
left: 0;
content: attr(data-text);
color: #fff;
opacity: 0;
transform: scale(1.5);
animation: loading07 3s infinite;
}
.loading07 span:nth-child(2)::after {
animation-delay: 0.1s;
}
.loading07 span:nth-child(3)::after {
animation-delay: 0.2s;
}
.loading07 span:nth-child(4)::after {
animation-delay: 0.3s;
}
.loading07 span:nth-child(5)::after {
animation-delay: 0.4s;
}
.loading07 span:nth-child(6)::after {
animation-delay: 0.5s;
}
.loading07 span:nth-child(7)::after {
animation-delay: 0.6s;
}
@keyframes loading07 {
0%, 75%, 100% {
transform: scale(1.5);
opacity: 0;
}
25%, 50% {
transform: scale(1);
opacity: 1;
}
}
.loading {
font-size: 84px;
font-weight: 800;
text-align: center;
}
.loading span {
display: inline-block;
margin: 0 -0.05em;
}
section.loading {
position: fixed;
background: #e94444;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100vh;
z-index: 99999999;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
} body {
font-family: 'Rubik', sans-serif;
font-size: 16px;
color: rgb(0, 0, 0);
background: #ffffff;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding: 0px;
font-display: swap;
}
.fl {
float: left;
}
.fr {
float: right;
}
li,
ul,
ol {
list-style: none;
margin: 0px;
padding: 0px;
}
a,
a img {
text-decoration: none;
border: 0;
outline: none !important;
}
a {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
a:hover,
a:focus {
text-decoration: none;
outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-style: normal;
font-weight: normal;
margin: 0px;
padding: 0px;
}
.clear:before,
.clear:after {
display: table;
content: "";
}
.clear:after {
clear: both;
}
input,
textarea {
outline: none !important;
}
#wrapper {
width: 100%;
}
input[type=text]::-moz-placeholder,
input[type=search]::-moz-placeholder,
.input-text::-moz-placeholder,
.input_text::-moz-placeholder {
color: inherit;
opacity: 1;
}
input[type=text]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
.input-text::-webkit-input-placeholder,
.input_text::-webkit-input-placeholder {
color: inherit;
opacity: 1;
}
input[type=text]::-ms-placeholder,
input[type=search]::-ms-placeholder,
.input-text::-ms-placeholder,
.input_text::-ms-placeholder {
color: inherit;
opacity: 1;
}
input[type=email]::-moz-placeholder {
color: inherit;
opacity: 1;
}
input[type=email]::-webkit-input-placeholder {
color: inherit;
opacity: 1;
}
input[type=email]::-ms-placeholder {
color: inherit;
opacity: 1;
}
textarea::-moz-placeholder {
color: inherit;
opacity: 1;
}
textarea::-webkit-input-placeholder {
color: inherit;
opacity: 1;
}
textarea::-ms-input-placeholder {
color: inherit;
opacity: 1;
}   .logo img {
transition: all 0.8s ease;
}
.logo.active img {
filter: brightness(0) invert(1);
transition: all 0.5s ease;
}
.scroll-section {
display: flex;
align-items: center;
width: 100vw;
}
.slidenav {
transition: all 1ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transition: all 1ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 1ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-o-transition: all 1ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition-delay: 1s;
transform: scale(0, 1);
-moz-transform: scale(0, 1);
-webkit-transform: scale(0, 1);
-o-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-ms-transform-origin: 100% 0%;
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
z-index: 8000;
top: 0%;
left: 0;
width: 100vw;
height: 100vh;
position: fixed;
background-color: transparent;
color: #fff;
overflow: visible;
display: flex;
flex-wrap: wrap;
padding: 120px 0 0 70px;
align-items: center;
}
.slidenav:before {
content: "";
transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
-webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
-o-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
transform: scale(0, 0) translate(50%, -50%);
-moz-transform: scale(0, 0) translate(50%, -50%);
-webkit-transform: scale(0, 0) translate(50%, -50%);
-o-transform: scale(0, 0) translate(50%, -50%);
-ms-transform: scale(0, 0) translate(50%, -50%);
-webkit-transition-delay: 0.35s;
-moz-transition-delay: 0.35s;
-o-transition-delay: 0.35s;
-ms-transition-delay: 0.35s;
transition-delay: 0.35s;
display: block;
width: 370vw;
height: auto;
padding-top: 370vw;
background-color: #e94444;
position: fixed;
top: 0;
right: 0;
-ms-transform-origin: 100% 0%;
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
border-radius: 50%;
z-index: 1
}
nav.navlinks-wrap.right-menu-side:before {
content: "";
transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
-webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
-o-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
transform: scale(0, 0) translate(50%, -50%);
-moz-transform: scale(0, 0) translate(50%, -50%);
-webkit-transform: scale(0, 0) translate(50%, -50%);
-o-transform: scale(0, 0) translate(50%, -50%);
-ms-transform: scale(0, 0) translate(50%, -50%);
-webkit-transition-delay: 0.35s;
-moz-transition-delay: 0.35s;
-o-transition-delay: 0.35s;
-ms-transition-delay: 0.35s;
transition-delay: 0.35s;
display: block;
width: 200%;
height: auto;
padding-top: 390vw;
background-color: #000000;
position: absolute;
top: 0;
right: 0;
-ms-transform-origin: 100% 0%;
-webkit-transform-origin: 100% 0;
transform-origin: 120% 0;
border-radius: 40%;
z-index: -1;
}
.slidenav li {
transition: all 650ms cubic-bezier(0.77, 0, 0.175, 1);
-webkit-transition: all 650ms cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition: all 650ms cubic-bezier(0.77, 0, 0.175, 1);
-o-transition: all 650ms cubic-bezier(0.77, 0, 0.175, 1);
transform: scale(0.8) translate(200px, 0);
-moz-transform: scale(0.8) translate(200px, 0);
-webkit-transform: scale(0.8) translate(200px, 0);
-o-transform: scale(0.8) translate(200px, 0);
-ms-transform: scale(0.8) translate(200px, 0);
-webkit-transition-delay: 0.25s;
-moz-transition-delay: 0.25s;
-o-transition-delay: 0.25s;
-ms-transition-delay: 0.25s;
transition-delay: 0.25s;
opacity: 0;
position: relative;
-ms-transform-origin: 100% 0;
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0
}
.slidenav li:nth-child(2) {
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s
}
.slidenav li:nth-child(3) {
-webkit-transition-delay: 0.15s;
-moz-transition-delay: 0.15s;
-o-transition-delay: 0.15s;
-ms-transition-delay: 0.15s;
transition-delay: 0.15s
}
.slidenav li:nth-child(4) {
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
transition-delay: 0.1s
}
.slidenav li:nth-child(5) {
-webkit-transition-delay: 0.05s;
-moz-transition-delay: 0.05s;
-o-transition-delay: 0.05s;
-ms-transition-delay: 0.05s;
transition-delay: 0.05s
}
.slidenav li.selected .link-mask,
.slidenav li.selected .link-mask>span,
.slidenav li:hover .link-mask,
.slidenav li:hover .link-mask>span {
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
transition: all 350ms cubic-bezier(0.77, 0, 0.175, 1);
-webkit-transition: all 350ms cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition: all 350ms cubic-bezier(0.77, 0, 0.175, 1);
-o-transition: all 350ms cubic-bezier(0.77, 0, 0.175, 1)
}
.slidenav a {
display: inline-block;
color: rgba(255, 255, 255, 1);
font-weight: bold;
font-size: 70px;
line-height: 70px;
}
.menu-small li {
width: 100%;
display: inline-block;
height: auto !important;
text-align: left;
}
.menu-small li a {
color: #ffffff;
font-size: 30px;
line-height: 34px;
}
.menu-small.menu-social li {
float: left;
width: auto;
}
.menu-small.menu-social li a {
background: transparent;
font-size: 22px;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
border-radius: 100px;
margin-left: 10px;
position: relative;
overflow: hidden;
}
.menu-small.menu-social li a:after {
content: "";
height: 0px;
width: 0px;
position: absolute;
top: 0;
right: 0;
left: 0px;
bottom: 0px;
margin: auto;
border-radius: 100px;
background-color: #ffffff;
transition: 0.2s;
}
.menu-small.menu-social li a:hover:after {
width: 100%;
height: 100%;
}
ul.menu-small.menu-social {
display: flex;
align-items: center;
}
.menu-small.menu-social li a:hover i {
color: #e94444;
z-index: 9;
position: relative;
}
.navlinks-wrap.right-menu-side .start-project {
font-size: 14px;
font-weight: 600;
fill: #000000;
color: #000000;
background-color: #FFFFFF;
border-radius: 4px 4px 4px 4px;
padding: 15px 35px;
line-height: normal;
text-transform: uppercase;
float: right;
margin-top: 20px;
margin-bottom: 20px;
transition: 0.2s;
}
.navlinks-wrap.right-menu-side .start-project span {
width: 0px;
transition: 0.2s;
overflow: hidden;
float: right;
}
.navlinks-wrap.right-menu-side .start-project span svg {
width: 30px;
}
.navlinks-wrap.right-menu-side .start-project:hover {
color: #000000
}
.navlinks-wrap.right-menu-side .start-project:hover span {
width: 30px;
transition: 0.2s;
margin-left: 4px;
}
.navlinks-wrap .navlinks li a.link:hover:after {
width: 100%;
transition: 0.2s;
}
.navlinks-wrap .navlinks li a.link.actives:after {
width: 100%;
}
#zero-menu i {
cursor: pointer;
}
#zero-menu i:active {
transform: scale(0);
transition: .5s;
}
.navlinks-wrap.right-menu-side a {
font-size: 40px;
font-weight: normal;
text-align: right;
line-height: 40px;
}
.menu-large {
display: none;
}
.slidenav.active .menu-large {
display: block;
}
.slidenav.active {
transform: scale(1, 1);
-moz-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-o-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
top: 0%;
left: 0%;
bottom: 0%;
right: 0%
}
.slidenav.active:before {
transform: scale(1, 1) translate(50%, -50%);
-moz-transform: scale(1, 1) translate(50%, -50%);
-webkit-transform: scale(1, 1) translate(50%, -50%);
-o-transform: scale(1, 1) translate(50%, -50%);
-ms-transform: scale(1, 1) translate(50%, -50%);
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s
}
.slidenav.active nav.navlinks-wrap.right-menu-side:before {
transform: scale(1, 1) translate(50%, -50%);
-moz-transform: scale(1, 1) translate(50%, -50%);
-webkit-transform: scale(1, 1) translate(50%, -50%);
-o-transform: scale(1, 1) translate(50%, -50%);
-ms-transform: scale(1, 1) translate(50%, -50%);
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s
}
.slidenav.active li {
opacity: 1;
transform: scale(1) translate(0%, 0%);
-moz-transform: scale(1) translate(0%, 0%);
-webkit-transform: scale(1) translate(0%, 0%);
-o-transform: scale(1) translate(0%, 0%);
-ms-transform: scale(1) translate(0%, 0%);
-webkit-transition-delay: 0.75s;
-moz-transition-delay: 0.75s;
-o-transition-delay: 0.75s;
-ms-transition-delay: 0.75s;
transition-delay: 0.75s
}
.slidenav.active li:nth-child(2) {
-webkit-transition-delay: 0.8s;
-moz-transition-delay: 0.8s;
-o-transition-delay: 0.8s;
-ms-transition-delay: 0.8s;
transition-delay: 0.8s
}
.slidenav.active li:nth-child(3) {
-webkit-transition-delay: 0.75s;
-moz-transition-delay: 0.75s;
-o-transition-delay: 0.75s;
-ms-transition-delay: 0.75s;
transition-delay: 0.75s
}
.slidenav.active li:nth-child(4) {
-webkit-transition-delay: 0.70s;
-moz-transition-delay: 0.70s;
-o-transition-delay: 0.70s;
-ms-transition-delay: 0.70s;
transition-delay: 0.70s
}
.slidenav.active li:nth-child(5) {
-webkit-transition-delay: 0.78s;
-moz-transition-delay: 0.78s;
-o-transition-delay: 0.78s;
-ms-transition-delay: 0.78s;
transition-delay: 0.78s
}
.slidenav.active .services-list .services-box li:nth-child(2) {
-webkit-transition-delay: 0.6s;
-moz-transition-delay: 0.6s;
-o-transition-delay: 0.6s;
-ms-transition-delay: 0.6s;
transition-delay: 0.6s
}
.slidenav.active .services-list .services-box li:nth-child(3) {
-webkit-transition-delay: 0.89s;
-moz-transition-delay: 0.89s;
-o-transition-delay: 0.89s;
-ms-transition-delay: 0.89s;
transition-delay: 0.89s
}
.slidenav.active .services-list .services-box li:nth-child(4) {
-webkit-transition-delay: 0.70s;
-moz-transition-delay: 0.70s;
-o-transition-delay: 0.70s;
-ms-transition-delay: 0.70s;
transition-delay: 0.70s
}
.slidenav.active .services-list .services-box li:nth-child(5) {
-webkit-transition-delay: 0.78s;
-moz-transition-delay: 0.78s;
-o-transition-delay: 0.78s;
-ms-transition-delay: 0.78s;
transition-delay: 0.78s
}
.navlinks-wrap ul li a.link {overflow: hidden;
background: linear-gradient(to right, #000000, #000000 50%, #ffffff 50%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 200% 100%;
background-position: 100%;
transition: background-position 275ms ease;
margin-bottom: 0px;
text-transform: capitalize;
}
.navlinks-wrap ul li a.link:hover {
background-position: unset;
}
.navlinks-wrap {
transition: all 450ms cubic-bezier(0.77, 0, 0.175, 1);
-webkit-transition: all 450ms cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition: all 450ms cubic-bezier(0.77, 0, 0.175, 1);
-o-transition: all 450ms cubic-bezier(0.77, 0, 0.175, 1);
position: relative;
z-index: 8500;
flex: 0 0 40%;
max-width: 40%;
}
nav.navlinks-wrap.right-menu-side {flex: 0 0 60%;max-width: 60%;justify-content: end;display: flex;flex-direction: column;align-items: end;padding: 0 50px 30px 0;}
.right-menu-side li.selected {max-width: 500px;}
header.scrolled {
background: #fff;
} .menu-icon {
position: relative;
width: 70px;
height: 70px;
border-radius: 50%;
cursor: pointer;
}
.menu-icon span {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 30px;
height: 4px;
background-color: #fff;
transform: translateX(-50%) translateY(-50%);
}
.menu-icon span::before,
.menu-icon span::after {
content: '';
position: absolute;
top: 0;
left: 0;
display: block;
width: 30px;
height: 4px;
background-color: #fff;
transition: transform 0.5s;
}
.menu-icon span::before {
transform: translateY(-14px);
}
.menu-icon span::after {
transform: translateY(14px);
}
.menu-icon:hover span::before {
transform: translateY(-16px);
}
.menu-icon:hover span::after {
transform: translateY(16px);
}
.menu-icon-cross {
transition: transform 0.5s;
}
.menu-icon-cross span {
z-index: 2;
transition: background 0.5s, transform 0.5s;
}
.menu-icon-cross span::before,
.menu-icon-cross span::after {
transform-origin: 50% 50%;
}
.menu-icon-cross svg {
z-index: 1;
fill: #e94444;
stroke-width: 19px;
stroke: #fff;
stroke-dasharray: 1696.4600331006px;
stroke-dashoffset: 1696.4600331006px;
transition: stroke-dashoffset 0.5s, transform 0.5s;
width: 70px;
height: 70px;
}
.menu-icon-cross.is-opened {
transform: rotate(180deg);
}
.menu-icon-cross.is-opened span {
background: transparent;
}
.menu-icon-cross.is-opened span::before {
transform: translateY(0) rotate(45deg);
}
.menu-icon-cross.is-opened span::after {
transform: translateY(0) rotate(-45deg);
}
.menu-icon-cross.is-opened svg {
stroke-dashoffset: 0;
transform: rotate(-180deg);
}
.menu-icon-svg span {
transition: background 0.5s steps(1, end);
}
.menu-icon-svg span::before,
.menu-icon-svg span::after {
transform-origin: 100% 2.5px;
}
.menu-icon-svg svg {
opacity: 0;
fill: transparent;
stroke-width: 5px;
stroke: #fff;
stroke-dasharray: 243px 3392.9200662012px;
stroke-dashoffset: -35;
transition: stroke-dasharray 0.5s, stroke-dashoffset 0.5s, opacity 0.5s steps(1, end);
}
.menu-icon-svg.is-opened span::before {
transform: translateX(243px*cos(45deg) - 243px/2) translateY(-243px*sin(45deg)/2) rotate(-45deg);
}
.menu-icon-svg.is-opened span::after {
transform: translateX(243px*cos(45deg) - 243px/2) translateY(243px*sin(45deg)/2) rotate(45deg);
}
.menu-icon-svg.is-opened span {
transition: background 0.5s steps(1, start);
background-color: transparent;
}
.menu-icon-svg.is-opened svg {
opacity: 1;
transition: opacity 0.5s steps(1, start);
animation: svg-anim 0.5s linear;
animation-fill-mode: forwards;
}
.menu-icon-svg.is-closed svg {
animation: svg-anim-close 0.5s linear;
}
@keyframes svg-anim {
40% {
stroke-dasharray: 243px 3392.9200662012px;
}
60% {
stroke-dashoffset: -548px;
}
100% {
stroke-dasharray: 1696.4600331006px;
stroke-dashoffset: -548px;
}
}
@keyframes svg-anim-close {
100% {
stroke-dashoffset: -35;
}
60% {
stroke-dasharray: 243px 3392.9200662012px;
}
40% {
stroke-dashoffset: -548px;
}
0% {
stroke-dasharray: 1696.4600331006px;
stroke-dashoffset: -548px;
}
}
.services-row {
display: grid;
grid-gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(340px, 2fr));
grid-auto-rows: unset;
grid-auto-flow: dense;padding: 20px 20px 0;
position: relative;
z-index: 2;
max-height: 100vh;
overflow-y: auto;
padding-bottom: 100px;
}
.services-list {
position: absolute;
z-index: 14500;
right: 0;
max-width: 58%;
top: 0;
left: auto;
width: 100%;
bottom: 0;
transition: all 1ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transition: all 1ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 1ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-o-transition: all 1ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition-delay: 1s;
transform: scale(0, 1);
-moz-transform: scale(0, 1);
-webkit-transform: scale(0, 1);
-o-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-ms-transform-origin: 100% 0%;
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
padding: 85px 0 0 0;
overflow: hidden;
max-height: 100vh;
}
.services-list.active {
transform: scale(1, 1);
-moz-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-o-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
}
.services-list.active:before {
transform: scale(1, 1) translate(50%, -50%);
-moz-transform: scale(1, 1) translate(50%, -50%);
-webkit-transform: scale(1, 1) translate(50%, -50%);
-o-transform: scale(1, 1) translate(50%, -50%);
-ms-transform: scale(1, 1) translate(50%, -50%);
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
}
.services-list:before {
content: "";
transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
-webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
-o-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
transform: scale(0, 0) translate(50%, -50%);
-moz-transform: scale(0, 0) translate(50%, -50%);
-webkit-transform: scale(0, 0) translate(50%, -50%);
-o-transform: scale(0, 0) translate(50%, -50%);
-ms-transform: scale(0, 0) translate(50%, -50%);
-webkit-transition-delay: 0.35s;
-moz-transition-delay: 0.35s;
-o-transition-delay: 0.35s;
-ms-transition-delay: 0.35s;
transition-delay: 0.35s;
display: block;
width: 370vw;
height: auto;
padding-top: 370vw;
background-color: #172b44;
position: fixed;
top: 0;
right: 0;
-ms-transform-origin: 100% 0%;
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
border-radius: 50%;
z-index: 1;
}
.slidenav .services-list ul li{
transition: all 650ms cubic-bezier(0.77, 0, 0.175, 1);
-webkit-transition: all 650ms cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition: all 650ms cubic-bezier(0.77, 0, 0.175, 1);
-o-transition: all 650ms cubic-bezier(0.77, 0, 0.175, 1);
transform: scale(0.8) translate(200px, 0);
-moz-transform: scale(0.8) translate(200px, 0);
-webkit-transform: scale(0.8) translate(200px, 0);
-o-transform: scale(0.8) translate(200px, 0);
-ms-transform: scale(0.8) translate(200px, 0);
-webkit-transition-delay: 0.25s;
-moz-transition-delay: 0.25s;
-o-transition-delay: 0.25s;
-ms-transition-delay: 0.25s;
transition-delay: 0.25s;
opacity: 0;
position: relative;
-ms-transform-origin: 100% 0;
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.slidenav .services-list.active ul li{
opacity: 1;
transform: scale(1) translate(0%, 0%);
-moz-transform: scale(1) translate(0%, 0%);
-webkit-transform: scale(1) translate(0%, 0%);
-o-transform: scale(1) translate(0%, 0%);
-ms-transform: scale(1) translate(0%, 0%);
-webkit-transition-delay: 0.75s;
-moz-transition-delay: 0.75s;
-o-transition-delay: 0.75s;
-ms-transition-delay: 0.75s;
transition-delay: 0.75s;
}
.services-list ul li a {font-size: 17px;font-weight: 300;line-height: 33px;}
.services-list .services-box {display: flex;flex-direction: column;}
.services-list .services-box h3 {
font-weight: 800;
transition: all 650ms cubic-bezier(0.77, 0, 0.175, 1);
-webkit-transition: all 650ms cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition: all 650ms cubic-bezier(0.77, 0, 0.175, 1);
-o-transition: all 650ms cubic-bezier(0.77, 0, 0.175, 1);
transform: scale(0.8) translate(200px, 0);
-moz-transform: scale(0.8) translate(200px, 0);
-webkit-transform: scale(0.8) translate(200px, 0);
-o-transform: scale(0.8) translate(200px, 0);
-ms-transform: scale(0.8) translate(200px, 0);
-webkit-transition-delay: 0.25s;
-moz-transition-delay: 0.25s;
-o-transition-delay: 0.25s;
-ms-transition-delay: 0.25s;
transition-delay: 0.25s;
opacity: 0;
position: relative;
-ms-transform-origin: 100% 0;
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.services-list.active .services-box h3{
opacity: 1;
transform: scale(1) translate(0%, 0%);
-moz-transform: scale(1) translate(0%, 0%);
-webkit-transform: scale(1) translate(0%, 0%);
-o-transform: scale(1) translate(0%, 0%);
-ms-transform: scale(1) translate(0%, 0%);
-webkit-transition-delay: 0.75s;
-moz-transition-delay: 0.75s;
-o-transition-delay: 0.75s;
-ms-transition-delay: 0.75s;
transition-delay: 0.75s;
} @media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 100%;
max-width: 1230px;
}
}   header#header{
width: 100%;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 15555555;
transition: all .5s ease;
}
.logo a {
display: block;
}
.top-header {
display: flex;
align-items: center;
justify-content: space-between;  
width: 100%;  
position: relative;
z-index: 15555;
}
.logo a img {
max-width: 260px;
}   .banner_wapper {
width: 100%;
position: relative;
z-index: 2;
display: flex;
}
.home-banner {
width: 100%;
position: relative;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
z-index: 10;
}
.home-webdevelopment {
display: flex;
align-items: center;
justify-content: center;
}
.cd-words-wrapper b.is-visible,
.cd-words-wrapper h3.is-visible {
top: 0;
opacity: 1;
-webkit-animation: slide-in .6s;
animation: slide-in .6s
}
.cd-words-wrapper b.is-hidden,
.cd-words-wrapper h3.is-hidden {
-webkit-animation: slide-out .6s;
animation: slide-out .6s
}
.cd-words-wrapper b, 
.cd-words-wrapper h3 {
opacity: 0;
top: 0.2em;
}
.cd-words-wrapper {
position: relative;
display: inline-block;
}
.cd-words-wrapper b, .cd-words-wrapper h3 {
display: inline-block;
position: absolute;
white-space: nowrap;
left: 0;
top: 0;
color: #ffffff;
font-weight: normal;
margin: 0px;
font-family: 'Rubik', sans-serif;
font-size: 25px;
}
.home-webdevelopment span{
color: #ffffff;
font-weight: normal;
margin: 0px;
font-family: 'Rubik', sans-serif;
font-size: 25px;
text-transform: capitalize;
}
.cd-words-wrapper b.is-visible,
.cd-words-wrapper h3.is-visible {
position: relative;
}
@-webkit-keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
60% {
opacity: 1;
-webkit-transform: translateY(20%);
transform: translateY(20%)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
60% {
opacity: 1;
-webkit-transform: translateY(20%);
transform: translateY(20%)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@-webkit-keyframes slide-out {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
60% {
opacity: 0;
-webkit-transform: translateY(120%);
transform: translateY(120%)
}
100% {
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%)
}
}
@keyframes slide-out {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
60% {
opacity: 0;
-webkit-transform: translateY(120%);
transform: translateY(120%)
}
100% {
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%)
}
}
.banner-title h1 {
font-family: 'Teko', sans-serif;
font-weight: 900;
font-size: 81px;
line-height: 80px;
margin: 10px 0 10px 0;
-webkit-text-stroke: 2px #ec4e4f;
color: #172b44;
letter-spacing: 0.03em;
}    .btn-style-one {
border: none;
position: relative;
display: inline-block;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.05em;
background: #ec4e4f;
color: #ffffff;
border-radius: 8px;
overflow: hidden;  
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
cursor: pointer;
}
.btn-style-one:visited {
color: #222429;
}
.btn-style-one .btn-title {
position: relative;
display: block;
font-size: 18px;
line-height: 30px;
font-weight: 400;
padding: 19px 50px 16px;
z-index: 1;
letter-spacing: 0.1em;
color: inherit;
}
.btn-style-one:hover {
background: #ec4e4f;
color: #ffffff;
}
.btn-style-one .btn-curve {
position: absolute;
right: -15px;
top: 0;
width: 26px;
height: 100%;
background: #222429;
opacity: 0.2;
z-index: 0;
transform: skewX(-22deg);
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.btn-style-one:hover .btn-curve {
opacity: 1;
right: -1px;
width: 101%;
transform: skewX(0deg);
}
a.btn-style-one.small-btn {width: 100%;max-width: 160px;}
a.btn-style-one.small-btn span.btn-title {line-height: 45px;max-width: 160px;padding: 0;display: inline-block;width: 100% !important;font-size: 15px;letter-spacing: 0.02em;}      .about-section {
position: relative;
padding: 120px 0px 90px;
background: #ffffff;
}
.about-section:before {
content: "";
position: absolute;
left: 0;
top: 0;
margin-left: -410px;
width: 50%;
height: 100%;
background: #f4f5f8;
}
.about-section .image-column {
position: relative;
margin-bottom: 30px;
}
.about-section .image-column .inner {
position: relative;
display: block;
}
.about-section .image-column .inner:before {
content: "";
position: absolute;
left: 0;
width: 15px;
height: 280px;
background: #ec4e4f;
border-radius: 8px;
}
.sec-title h2 {
position: relative;
display: block;
font-size: 66px;
line-height: 0.9em;
text-transform: capitalize;
color: #222429;
font-weight: 400;
margin-bottom: 0px;
font-family: 'Teko', sans-serif;
}
.sec-title h2 .dot {
color: #ec4e4f;
padding-left: 7px;
}
.about-section .image-column .image-block {
position: relative;
display: block;
border-radius: 7px;
overflow: hidden;
}
.about-section .image-column .image-block img {
display: block;
width: 100%;
-webkit-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-moz-filter: grayscale(100%);
border-radius: 7px;
}
.about-section .image-column .image-block:nth-child(1) {
margin-left: 110px;
}
.about-section .image-column .image-block:nth-child(2) {
margin-right: 140px;
margin-top: -170px;
}
.about-section .text-column {
position: relative;
margin-bottom: 30px;
}
.about-section .text-column .inner {
position: relative;
display: block;
padding-left: 60px;
}
.about-section .text-column .sec-title {
margin-bottom: 35px;
}
.about-section .text-column .sec-title .lower-text {
text-transform: uppercase;
font-size: 25px;
font-weight: 300;
letter-spacing: 0;
color: #ec4e4f;
font-family: 'Teko', sans-serif;
line-height: 27px;
}
.about-section .text-column .text {
position: relative;
font-size: 16px;
font-weight: 400;
line-height: 34px;
font-family: 'Rubik', sans-serif;
}
.about-section .text-column .text p {
margin-bottom: 32px;  
font-size: 16px;
line-height: 28px;
font-family: 'Rubik', sans-serif;
letter-spacing: 0;
}
.about-section .text-column .text ul {
position: relative;
float: left;
}
.about-section .text-column .text ul li {
position: relative;
line-height: 34px;
font-size: 16px;
margin-bottom: 10px;
padding-left: 35px;
}
.about-section .text-column .text ul li:before {
content: "\f1b3";
font-family: "Flaticon";
position: absolute;
left: 0;
top: -1px;
color: #ec4e4f;
font-weight: 400;
}
.about-section .text-column .text .since {
position: relative;
float: left;
margin-left: 82px;
margin-top: 10px;
}
.about-section .text-column .text .since:before {
content: "";
position: absolute;
left: -10px;
top: 0px;
width: 80px;
height: 80px;
background: #e8e9e9;
border-radius: 50%;
}
.about-section .text-column .text .since:after {
content: "";
position: absolute;
left: -42px;
top: 0px;
bottom: 0px;
border-left: 2px solid #ec4e4f;
}
.about-section .text-column .text .since .txt {
position: relative;
display: block;
padding: 21px 5px;
width: 90px;
height: 90px;
line-height: 24px;
text-align: center;
background: #222429;
text-transform: uppercase;
color: #ffffff;
border-radius: 50%;
font-family: 'Teko', sans-serif;
font-size: 20px;
line-height: 1;
font-weight: 300;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding-top: 27px;
}
.about-section .text-column .link-box {
padding-top: 30px;
} .service-box {
box-shadow: 0px 0px 20px 0px rgb(84 72 163 / 12%);
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
margin-top: 30px;
margin-bottom: 0px;
padding:10px 10px 10px 10px;
border-radius: 5px;
background-color: #ffffff;
}
.service-box .service-icon {
margin: 0 0 15px 0;
}
.service-box .service-content h4 {
color: #1E1666;
font-size: 37px;
font-weight: 200;
line-height: 33px;
font-family: 'Teko', sans-serif;
margin: 0 0 10px 0;
}
.service-box .service-content p {
font-family: 'Rubik', sans-serif;
font-weight: 300;
font-size: 17px;
line-height: 24px;
}
.service-title h2 {
font-family: 'Teko', sans-serif;
font-size: 48px;
line-height: 41px;
margin: 0 0 10px 0;
color: #ec4e4f;
}
.service-title p {
font-family: 'Rubik', sans-serif;
font-size: 18px;
}
section.services-section {
padding: 100px 0 100px;
background-position: 500px -8px;
background-repeat: no-repeat;
background-size: contain;
overflow: hidden;
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
background-image: url(//www.accreteinfo.com/wp-content/themes/accreteinfo/images/curve-bg.png);
}
.service-space {
text-align: center;
margin-top: 30px;
margin-bottom: 0px;
padding: 50px 20px 30px 20px;
}
.service-box-inner{
overflow: hidden;
border: 1px solid #eef0f6;
position: relative;
padding: 20px 20px 30px 20px;
}
.service-box-inner:after {
content: '';
width: 68px;
height: 68px;
background-color: #eef0f6;
position: absolute;
bottom: 0;
right: 0;
-webkit-transform: translateY(50%) translateX(50%);
transform: translateY(50%) translateX(50%);
border-radius: 50%;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.service-space.p5 {
padding: 30px 0;
} section.reviews-section {
padding: 70px 0;
}
.content {
box-shadow: 4px 4px 14px 4px rgb(0 0 0 / 4%);
border-radius: 10px;
padding: 49px 37px 56px 49px;
max-height: 420px;
}
.reviews-box {
display: flex;
justify-content: space-between;
margin: 0px 0 20px 0;
}
.reviews-box h3 {
margin-bottom: 0;
font-family: 'Teko', sans-serif;
font-size: 38px;
line-height: 33px;
display: inline-block;
}
.reviews-box h4 {
font-size: 14px;
margin: 0 0 5px 0;
}
.star i {
font-size: 11px;
margin-right: -2.6px;
color: #FCC65D;
}
.review {
margin-left: 13px;
margin-top: 1px;
font-weight: 400;
font-size: 14px;
color: #777777;
}
.reviews-box .media {
margin-right: 13px;
}
.tf-texts {
padding: 22px 0 0 44px;
position: relative;
}
.tf-texts .text, .tf-texts .text p {
font-size: 16px;
font-weight: 400;
line-height: 25px;
color: #777777;
}
.tf-texts .media-1 img {
position: absolute;
top: -18px;
opacity: 0.1;
width: unset;
left: -2px;
}
.tf-texts .media-2 img {
position: absolute;
bottom: -40px;
right: 0px;
width: unset;
opacity: 0.1;
}
.reviews-slider .owl-item {
padding: 15px 15px 15px;
display: flex;
}
.reviews-slider .owl-stage {
display: flex;
} .flat-journey {
background-image: url(//www.accreteinfo.com/wp-content/themes/accreteinfo/images/journey/pattern-2.png);
background-position: center;
background-size: cover;
padding: 100px 0;
margin: 60px 0 0 0;
}
.flat-journey .img-box {
position: relative;
}
.flat-journey .img-box .img-1 {
float: left;
}
.flat-journey .img-box .img-2 {
padding: 65px 0 0 30px;
}
.flat-journey .img-box .img-3 {
float  : left;
padding: 30px 0 0 50px;
}
.journey-heading h2.tf-title {
font-family: 'Teko', sans-serif;
font-weight: 600;
font-size: 48px;
}
.journey-heading span.text-color-3.style-title {
font-weight: 200;
font-family: 'Rubik', sans-serif;
font-size: 38px;
color: #e94444;
display: inline-block;
}
.flat-journey .img-box .img-4 {
padding: 30px 0 0 30px;
}
.flat-journey .img-mark {
position: absolute;
top     : 0;
top     : 21.9%;
left    : 27.5%;
transform-origin: right top;
transition: transform 3s;
}
.flat-journey:hover .img-mark {
transform: rotate(15deg);
}
.flat-journey .img-mark.style {
mix-blend-mode: multiply;
}
.flat-journey .journey-heading {
padding: 59px 100px 10px 1px;
}
.flat-journey .text-style {
margin-bottom: 48px;
}
.flat-journey .icon-box .icon{
display       : inline-flex;
width         :48.5%;
padding-bottom: 49px;
}
.flat-journey .icon-box .icon-one {
border-bottom: solid 2px #ff4040;
}
.flat-journey .icon-box .title-icon {
font-size  : 16px;
font-weight: 700;
line-height: 30px;
padding    : 0px 20px 0 34px; 
margin     : -5px;
text-transform: capitalize;
font-family: 'Rubik', sans-serif;
}
.flat-journey ul.icon-box:before{
display: none;
}
.flat-journey .icon-box .icon-two {
padding-left: 14px;
}
.flat-journey .icon-box {
border-bottom: solid 1px rgba(28, 30, 34, 0.1);
}
.flat-journey.home3 {
padding-bottom: 120px;   
}
.flat-journey .img-box img {
filter: grayscale(100%);
transition: all 0.5s ease;
}
.flat-journey .media.img-mark.style img {
filter: unset;
}
.flat-journey .img-box img:hover {
filter: unset;
}
.owl-theme .owl-controls .owl-nav [class*=owl-] {
background: #e94444;
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
}
.owl-carousel .owl-nav {
display: flex;
justify-content: center;
align-items: center;
} .ibbox {
align-items: center;
margin: 0 auto;
background: #fef5ee;
display: flex;
width: 120px;
height: 120px;
border-radius: 100%;
justify-content: center;
position: relative;
}
.ibbox img.img-fluid {
max-width: 60px;
}
.iconbox .ibcontent {
text-align: center;
}
.iconbox .ibcontent h3 {
font-family: 'Teko', sans-serif;
margin: 10px 0 0 0;
font-size: 28px;
}
.iconbox .ibcontent p {
font-weight: 300;
font-size: 18px;
}
.iconbox .iline {
position: absolute;
left: 50%;
top: 3px;
right: -50%;
}
.iconbox {
padding: 90px 0 0 0;
}
@media screen and (min-width:1024px){
section.Process-section .container {
width: 100%;
max-width: 1600px;
}
} .service-style-two{
position: relative;
}
.service-block-two .inner-box{
position: relative;
padding: 38px 25px 40px 25px;
border-radius: 10px;
overflow: hidden;
margin-bottom: 30px;
background-color: #fff; display: flex;
flex-direction: column;
}
.service-block-two .inner-box .icon-box{
position: relative;
left: 0px;
top: 0px;
margin-bottom: 18px;
display: inline-block;
width: 128px;
height: 124px;
line-height: 124px;
text-align: center;
font-size: 55px;
color: #00224f;
transition: all 500ms ease;
}  
.service-block-two .inner-box .icon-box .pattern .pattern-1{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-repeat: no-repeat;
transition: all 500ms ease;
}
.service-block-two .inner-box .icon-box .pattern .pattern-2{
position: absolute;
left: 15px;
bottom: 0px;
width: 121px;
height: 117px;
background-repeat: no-repeat;
transition: all 500ms ease;
}
.service-block-two .inner-box .inner h3{
position: relative;
display: block;
font-size: 22px;
line-height: 30px;
font-weight: 700;
margin-bottom: 16px;
transition: all 500ms ease;
}
.service-block-two .inner-box .inner h3 a{
display: inline-block;
color: #00224f;
}
.service-block-two .inner-box .inner p{
margin-bottom: 21px;
transition: all 500ms ease;
}
.service-block-two .inner-box .pattern-layer{
position: absolute;
right: 15px;
bottom: 15px;
width: 22px;
height: 38px;
background-repeat: no-repeat;
}
.service-block-two .inner-box h4 a {
font-family: 'Teko', sans-serif;
color: #000;
}
section.industries-section {
background-image: url(//www.accreteinfo.com/wp-content/themes/accreteinfo/images/journey/pattern-2.png);
background-position: center;
background-size: cover;
padding: 100px 0;
margin: 0px 0 70px 0;
position: relative;
}
.service-block-two .icon-box:before {
display: none !important;
}
.service-block-two .icon-box img {
margin: -18px 0 0 0;
} .service-block-two .inner-box .icon-box img.img-fluid {
width: unset;
display: inline-block;
}
.service-block-two .owl-stage {
display: flex;
}
.service-block-two .owl-item {
padding: 20px 15px 0px;
display: flex;
}
@media screen and (min-width:1200px){
section.industries-section .container {
width: 100%;
max-width: 1400px;
}
} .news-section{
position:relative;
padding:80px 0px 80px;
}
.news-block{
position:relative;
margin-bottom:30px;
}
.news-block .inner-box{
position:relative;
background-color:#fff;
}
.news-block .inner-box .image{
position:relative;
overflow:hidden;
background-color:#e94444;
}
.news-block .inner-box .image img{
position:relative;
width:100%;
display:block;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
border: 1px solid #eee;
max-height: 240px;
min-height: 240px;
object-fit: cover;
}
.news-block.active .inner-box .image img,
.news-block .inner-box:hover .image img{
opacity:0.60;
transform:scale(1.06,1.06) rotate(2deg);
}
.news-block .inner-box .image:before{
position: absolute;
top: 0;
left: -85%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
-webkit-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
transform: skewX(-25deg);
z-index: 1;
}
.news-block .inner-box:hover .image::before{
-webkit-animation: shine 1s;
animation: shine 1s;
}
.news-block .inner-box .category{
position:absolute;
left:25px;
bottom:25px;
z-index:1;
font-weight:700;
padding:12px 42px;
letter-spacing:1px;
border-radius:50px;
display:inline-block;
letter-spacing:1px;
font-size:15px;
color:#fff;
text-transform:uppercase;
background-color:#172b44;
font-family:'Rubik', sans-serif;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-block.active .inner-box .category,
.news-block .inner-box:hover .category{
color:#172b44;
background-color:#fff;
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
.news-block .inner-box .lower-content{
position:relative;
padding:30px 30px;
border: 1px solid #eee;
border-top: none;
}
.news-block .inner-box .lower-content:before{
position:absolute;
content:'';
left:0px;
top:0px;
bottom:0px;
right:0px;
opacity:0;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
transform:scale(0.3,1);
background-color: #e94444;
}
.news-block.active .inner-box .lower-content:before,
.news-block .inner-box:hover .lower-content:before{
opacity:1;
transform:scale(1,1);
}
.news-block .inner-box .post-info{
position:relative;
}
.news-block .inner-box .post-info li{
position:relative;
display:inline-block;
font-size:16px;
padding-left:25px;
margin-right:15px;
color:#000;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-block .inner-box .post-info li .icon{
position:absolute;
left:0px;
top:2px;
color:#e94444;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-block .inner-box .post-info li:last-child{
margin-right:0px;
}
.news-block .inner-box h3{
font-weight:600;
margin-top:20px;
position: relative;
font-size: 25px;
min-height: 90px;
}
.news-block .inner-box h3 a{
color:#e94444;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-block .inner-box:hover .post-info li,
.news-block .inner-box:hover .post-info li .icon,
.news-block .inner-box:hover .read-more,
.news-block .inner-box:hover h3 a,
.news-block.active .inner-box .post-info li,
.news-block.active .inner-box .post-info li .icon,
.news-block.active .inner-box .read-more,
.news-block.active .inner-box h3 a{
color:#fff;
}
.news-block .inner-box .read-more{
position:relative;
letter-spacing:1px;
font-weight:500;
color:#172b44;
font-size:16px;
text-transform:uppercase;
display:inline-block;
margin-top:20px;
font-family:'Rubik', sans-serif;
padding-right:10px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-block .inner-box .read-more:before{
position:absolute;
content:'\f061';
left:100%;
top:-1px;
font-family: 'FontAwesome';
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-block.active .inner-box .read-more::before,
.news-block .inner-box .read-more:hover::before{
left:0%;
}
.news-block.active .inner-box .read-more,
.news-block .inner-box .read-more:hover{
padding-left:25px;
padding-right:0px;
} .get-quote-two {
position: relative;
padding: 90px 0px 70px;
background-color: #222429;
background-image: url(//www.accreteinfo.com/wp-content/themes/accreteinfo/images/contact-bg-1-1.png);
background-size: cover;
color: #999b9f;  
}
.get-quote-two__one-page {
padding-bottom: 120px;
}
@media (max-width: 991px) {
.get-quote-two__one-page {
padding-bottom: 70px !important;
}
}
.get-quote-two .sec-title {
margin-bottom: 25px;
}
.get-quote-two .sec-title h2 {
color: #ffffff;
}
.get-quote-two .left-col {
position: relative;
margin-bottom: 30px;
}
.get-quote-two .left-col .inner {
position: relative;
display: block;
max-width: 480px;
}
.get-quote-two .left-col .text {
position: relative;
display: block;
color: #999b9f;
margin-bottom: 35px;
font-size: 16px;
line-height: 25px;
font-family: "Rubik", sans-serif;
letter-spacing: 0;
font-weight: 400;
}
.get-quote-two .info {
position: relative;
display: block;
}
.get-quote-two .form-box form .form-group input,
.get-quote-two .form-box form .form-group select,
.get-quote-two .form-box form .form-group textarea,
.get-quote-two .form-group .ui-selectmenu-button.ui-button {
background-color: #ffffff;
border-color: #ffffff;
position: relative;
display: block;
height: 70px;
width: 100%;
color: #686a6f;
line-height: 40px;
padding: 14px 30px;
border: 1px solid #f4f5f8;
border-radius: 7px;
transition: all 300ms ease;
font-size: 14px;
font-weight: 400;
letter-spacing: 0;
}
.get-quote-two .form-box form .form-group textarea{
height: 180px;
}
.get-quote-two .info ul {
margin-bottom: 0;
}
.get-quote-two .info ul li {
position: relative;
display: block;
font-weight: 300;
line-height: 28px;
min-height: 60px;
letter-spacing: 0.1em;
padding-left: 85px;
padding-top: 5px;
margin-bottom: 20px;
font-size: 18px;
font-family: "Rubik", sans-serif;
letter-spacing: 0;
font-weight: 400;
}
.get-quote-two .info ul li strong {
display: block;
color: #ffffff;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.1em;
font-weight: 300;
font-family: "Teko", sans-serif;
}
.get-quote-two .info ul li .icon {
position: absolute;
left: 0;
top: 0;
line-height: 30px;
padding: 15px 10px;
width: 60px;
height: 60px;
text-align: center;
background-color: #e94444;
border-radius: 50%;
font-size: 18px;
color: #fff;
}
.get-quote-two .info ul li:last-child {
margin: 0;
}
.get-quote-two .info ul li a {
position: relative;
color: #999b9f;
line-height: 28px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.get-quote-two .info ul li a:hover {
color: #ffffff;
text-decoration: underline;
-webkit-text-decoration-color: #e84d52;
text-decoration-color: #e84d52;
}
.get-quote-two .right-col {
position: relative;
margin-bottom: 10px;
}
.get-quote-two .right-col .inner {
position: relative;
display: block;
}
.get-quote-two .form-box {
position: relative;
display: block;
}
.get-quote-two .form-box form .row {
margin: 0 -10px;
}
.get-quote-two .form-box form .form-group {
padding: 0px 10px;
margin-bottom: 20px;
}
.get-quote-two .form-box form .form-group:last-of-type {
margin-bottom: 0;
}
.get-quote-two .btn-style-one {
background-color: #e94444;
border: none;
}
.get-quote-two .btn-style-one:hover {
color: #999b9f;
}
.get-quote-two .btn-style-one:hover .btn-curve {
background-color: #1c1e22;
}  .title-block {max-width: 700px;margin:0 auto 30px;text-align: center;}
.title-block h3 {font-family: 'Teko', sans-serif;font-weight: 900;
font-size: 50px;
line-height: 49px;
margin: 10px 0 10px 0;
-webkit-text-stroke: 2px #ec4e4f;
color: #ffffff;
text-transform: capitalize;
letter-spacing: 0.03em;}
.title-block p {font-weight: 300;font-size: 22px;}  .about-pag-head {
position: relative;
overflow: hidden;
}
.about-pag-head:after {
content: "";
position: absolute;
right: -50rem;
bottom: -60.625rem;
width: 88.75rem;
height: 88.75rem;
border: 14.0625rem solid #fbf1ef;
border-radius: 50%;
z-index: 1;
opacity: 0.1;
}
.about-pag-head {background: #172b44;padding: 200px 0 80px 0px;}
span.sub-heading {font-family: 'Teko', sans-serif;
font-weight: 900;
font-size: 60px;
line-height: 60px;
margin: 10px 0 10px 0;
-webkit-text-stroke: 2px #ec4e4f;
color: #172b44;
letter-spacing: 0.03em;}
.page-heading span.sub-title {
font-weight: 600;
display: block;
color: #fff;
font-size: 34px;
font-family: 'Teko', sans-serif;
letter-spacing: 0.03em;
line-height: 33px;
margin: 20px 0 5px 0;
}	
.page-heading h1 {color: #cfd5d5;font-weight: 600;margin: 0 0 30px 0;}
.page-heading p {color: #f9f9f9;}
.about-pag-head .row {align-items: center;}
.about-pag-head .row img.img-fluid {
box-shadow: 0px 0px 24px -3px rgb(255 255 255/0.5);
border-radius: 10px;
position: relative;
z-index: 15;
background: #fff;
padding: 10px;
}
section.work-history-one {
padding: 90px 0 50px;
}
.work-history-one--about .title-box h2 {
font-family: 'Teko', sans-serif;
font-weight: 900;
font-size: 60px;
line-height: 59px;
margin: 10px 0 20px 0;
-webkit-text-stroke: 2px #ec4e4f;
color: #fff;
letter-spacing: 0.04em;
}
.title-box.text-center {
padding: 0 0 30px 0;
}
.work-history-one--about .title-box p {
color: rgb(0 0 0/0.8);
font-size: 24px;
line-height: 34px;
font-weight: 400;
}
.work-history-one__single {
position: relative;
display: block;
background: #f9f9f9;
padding: 43px 45px 48px;
margin-bottom: 30px;
z-index: 1;
}
.work-history-one__single-bg {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
min-height: 5px;
background-repeat: no-repeat;
background-position: left center;
z-index: -1;
}
.work-history-one__single h3 {
color: #010212;
font-size: 64px;
line-height: 1.1em;
}
.work-history-one__single h3 .plus-icon {
position: relative;
display: inline-block;
top: -16px;
color: #010212;
font-size: 30px;
}
.work-history-one__single-title {
font-size: 23px;
line-height: 34px;
font-weight: 500;
margin-top: 4px;
margin-bottom: 15px;
}
.tab-17.tabs-layout .nav-tabs .nav-link {
font-weight: 600;
border: 0 solid transparent;
color: #110a32;
background-color: transparent;
border-radius: 0;
padding: 15px;
border-bottom: 0 solid #f6f6f7;
}
.tab-17.tabs-layout .nav-tabs .nav-link.active ,
.tab-17.tabs-layout .nav-tabs li.nav-item.active .nav-link{
color: #ff5b2e;
background-color: transparent;
border-color: transparent;
border-radius: 0;
border-bottom: 1px solid #ff5b2e;
}
.tab-content>.active.in{
opacity: 1;
}
.icon-with-title {
text-align: center;
padding: 20px 0;
background: #f7f7f7;
border-radius: 14px;
margin-top: 30px;
}
.iwt-icon {
padding: 0 0 20px;
min-height: 52px;
}
.iwt-icon img {
width: 52px;
}
.iwt-content p {
font-size: 16px;
line-height: 26px;
color: #000;
}
.icon-with-title .iwt-content p {
text-align: center;
font-family: 'Rubik', sans-serif;
}
.sec-heading h2 {font-family: 'Teko', sans-serif;
font-weight: 900;
font-size: 60px;
line-height: 59px;
margin: 10px 0 20px 0;
-webkit-text-stroke: 2px #ec4e4f;
color: #fff;
letter-spacing: 0.04em;}
.sec-heading p {font-size: 24px;}
section.r-bg-x.zup.sec-pad {
padding: 80px 0 80px;
}
section.Approach-section .sec-heading {
padding: 0 0 40px 0;
}
section.Approach-section .card-header {border: none;box-shadow: 0 0 15px rgb(0 0 0 / 8%);
background: #ffffff;
padding: 15px 20px;}
section.Approach-section .card {border: none;margin: 0 0 20px 0;}
section.Approach-section .card-header span {color: #ec4e50;font-size: 27px;border-right: 1px solid #ec4e50;padding: 0 10px 0 0;margin: 0 10px 0 0;line-height: 27px;}
section.Approach-section .card-header button {line-height: 27px;font-size: 24px;color: #000;font-weight: 300;text-decoration: unset !important;border: none !important;}
section.Approach-section .card .card-body {font-weight: 300;font-size: 18px;}
section.about-style-04 {
padding: 120px 0;
background: #f4f5f8;
}
section.about-style-04 h2.text-capitalize {font-family: 'Teko', sans-serif;
font-weight: 900;
font-size: 40px;line-height: 40px;-webkit-text-stroke: 1.5px #ec4e4f;
color: #f4f5f8;
letter-spacing: 0.04em;}
section.Approach-section {padding: 120px 0 0 0;}
.about-style-04 .about-img-box .about-img-left {
position: relative;
bottom: 120px;
}
.about-style-04 .about-img-box .about-img-right {
position: absolute;
top: 20px;
right: 0px;
z-index: 9;
}
.about-style-04 .about-img-box .about-img-bottom {
position: absolute;
bottom: -30%;
left: 35%}
.about-style-04 .steps-item-wrap {
position: relative;
transition: opacity 0.5s;
display: flex;
text-align: left;
margin-left: 0;
width: calc(100% + 45px);
max-width: 100%;
}
.about-style-04 .steps-wrap {
display: flex;
flex-direction: column;
flex-basis: content;
align-items: center;
}
.about-style-04 .steps-number {
width: 45px;
height: 45px;
line-height: 45px;
background-color: #fb9a27;
position: relative;
font-size: 20px;
border-radius: 50%;
text-align: center;
}
.about-style-04 .steps-line-wrap {
flex-grow: 1;
position: relative;
width: 2px;
}
.about-style-04 .steps-line-wrap .steps-line {
position: absolute;
left: 0;
right: 0;
margin: auto;
content: '';
width: 2px;
height: 0;
top: 0;
height: calc(100% - 40px);
margin-top: 20px;
}
.about-style-04 .steps-line-wrap .steps-line:before {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
content: '';
display: block;
background-color: #fb9a27;
border-radius: 0;
}
.about-style-04 .steps-content {
margin: 0px 25px 50px 25px;
align-items: center;
}
.about-style-04 .steps-line-wrap .steps-line.last:before {
content: none;
}
@media screen and (max-width: 1199px) {
.about-style-04 h2 {
font-size: 35px;
}
}@media screen and (max-width: 1199px) {
.about-style-04 .about-img-box .about-img-right {
right: -30px;
}
.about-style-04 .about-img-box .about-img-bottom {
bottom: -130px;
}
}@media screen and (max-width: 991px) {
.about-img-box {
height: 550px;
}
.about-style-04 .about-img-box .about-img-left {
bottom: 0;
width: 400px;
}
.about-style-04 .about-img-box .about-img-right {
right: 90px;
top: 90px;
}
.about-style-04 .about-img-box .about-img-bottom {
bottom: 0;
}
.about-style-04 .steps-content {
margin: 0px 25px 40px 25px;
}
.about-style-04 .steps-number {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 18px;
}
}@media screen and (max-width: 767px) {
.about-style-04 .about-img-box .about-img-left {
width: 300px;
}
.about-style-04 .about-img-box .about-img-right {
right: -20px;
}
}@media screen and (max-width: 575px) {
.about-img-box {
height: 100%}
.about-style-04 .about-img-box .about-img-right, .about-style-04 .about-img-box .about-img-bottom {
display: none;
}
.about-style-04 .about-img-box .about-img-left {
width: 100%}
.about-style-04 h2 {
font-size: 26px;
}
}
.collapse.in{
display: block;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
outline: none;
}
.fade.show{
opacity: 1;
}         section.about-Services {
padding: 120px 0;
} section.about-Services .image-box {
overflow: hidden;
position: relative;
border-radius: 10px;
}
section.about-Services .lower-text {margin: 10px 0 35px 0;font-size: 19px;font-weight: 300;line-height: 25px;}
section.about-Services .features h6 {font-family: 'Teko', sans-serif;
font-weight: 900;
font-size: 26px;
line-height: 26px;
margin: 10px 0 10px 0;
color: #000000;
letter-spacing: 0.03em;
}
section.Services-Offered h2 {
font-family: 'Teko', sans-serif;
font-weight: 900;
font-size: 44px;
line-height: 40px;
margin: 10px 0 10px 0;
-webkit-text-stroke: 1px #ec4e4f;
color: #f4f5f8;
letter-spacing: 0.03em;
position: sticky;
top: 110px;
}
section.about-Services .image-box img {
max-width: 100%;
}
ul.ularr li{
position: relative;
padding: 0 0 0 45px;
}
ul.ularr li:before{
content:'';
position: absolute;
left: 0;
top: 5px;
background-image: url(//www.accreteinfo.com/wp-content/themes/accreteinfo/images/red-checkicon.svg);
width: 30px;
height: 30px;
background-repeat: no-repeat;
background-size: contain;
}
ul.ularr li h3 {
margin: 0 0 5px 0;
font-family: 'Teko', sans-serif;
font-size: 30px;
font-weight: 500;
}
ul.ularr li p {
font-size: 21px;
font-weight: 300;
}
section.Services-Offered {
background: #f4f5f8;
background-position: 20px center;
background-repeat: no-repeat;
background-size: 8% auto;
padding: 120px 0;
}
.we-work-box-icon img {max-width: 100%;}
section.How-We-Work-Section .we-work-box {padding: 10px 10px 10px 10px;
box-shadow: 5px 15px 50px -15px rgb(0 0 0 / 20%);
border-style: solid;
border-width: 0px 0px 0px 0px;
border-radius: 10px 10px 10px 10px;}
section.How-We-Work-Section .we-work-box h3 {font-family: 'Teko', sans-serif;margin: 14px 0 5px 0;}
section.How-We-Work-Section .we-work-box .we-work-box-img {
background: #e54347;
border-radius: 100px;
box-shadow: 0px 0px 9px -3px #000;
width: 70px;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
}
section.How-We-Work-Section .we-work-box .we-work-box-img span {
color: rgb(255, 255, 255);
font-size: 41px;
}
section.How-We-Work-Section .we-work-box .we-work-box-img img {padding: 10px;max-width: 70px;}
section.How-We-Work-Section {
padding: 0 0 100px 0;
}
.conact-us-wrap-one .heading {
position: relative;
padding-left: 34px;
font-weight: 600;
line-height: 38px;
font-size: 33px;
padding-right: 40px;
}
.conact-us-wrap-one .heading::before {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 4px;
height: 94%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background-color: #e94444;
}  
.conact-us-wrap-one .sub-heading {
margin-top: 15px;
font-size: 18px;
margin-left: 34px;
color: #696969;
}  
.conact-us-wrap-three {
position: relative;
}
.processing-contact-us-bg {
padding: 120px 0;
background-color: #f4f5f8;
background-image: url(//www.accreteinfo.com/wp-content/themes/accreteinfo/images/mitech-processing-contact-bg.png);
background-repeat: no-repeat;
background-position: top right;
}
.contact-info-two h2.call-us a {color: #000;font-weight: 900;font-size: 42px;}
.contact-info-two h6.heading {margin: 10px 0 30px 0;font-weight: 400;font-size: 24px;}
.contact-info-two  span.fa {font-size: 48px;}
.about-services-img{
position: relative;
}
.about-services-img img {
max-width: 100%;
}
.about-services-content h2 {font-family: 'Teko', sans-serif;
font-weight: 900;
font-size: 50px;
line-height: 49px;
margin: 10px 0 10px 0;
-webkit-text-stroke: 2px #ec4e4f;
color: #ffffff;
letter-spacing: 0.03em;}
.about-services-content p {font-size: 19px;font-weight: 200;margin: 0 0 35px 0;}
ul.about-services-item {list-style: none;
counter-reset: item;display: flex;flex-wrap: wrap;justify-content: space-between;}
ul.about-services-item li {counter-increment: item;display: flex;
margin-bottom: 20px;flex: 0 0 50%;max-width: calc(50% - 10px);background: #fff;box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 20%);padding: 15px 0 15px 10px;}
ul.about-services-item li:before {margin-right: 10px;
content: counter(item);
border-radius: 100%;
color: #000;
width: 1.2em;
text-align: center;
display: inline-block;}
.about-services-img:after {content: '';    
position: absolute;
top: -12%;
left: -14%;
bottom: 12%;
right: 12%;
border: 35px solid #e94444;
z-index: -1;}
section.about-services {padding: 180px 0 100px;}   
.client-slider .client-img {
background: #ffffff;
padding: 0px 15px;
max-height: 150px;
min-height: 150px;
margin: 20px 5px;
align-items: center;
display: flex;
position: relative;
border-radius: 8px;
border: 0;
box-shadow: 0 10px 15px 0px rgb(175 0 87 / 20%);
-webkit-box-shadow: 0 10px 15px 0px rgb(175 0 87 / 20%);
}
section.client-section {
padding: 120px 0;
}
section.technology-slack .nav li a{ text-decoration: none !important; position: relative; color:#333333;}
section.technology-slack .nav li a:after{ position: absolute; left: 25px; bottom: 0; height: 2px; width: 0; content: ""; background-color: #e94444; transition: width 0.3s linear 0s}
section.technology-slack .nav li a.active:after{ width: calc(100% - 50px);}
section.technology-slack .nav li a.active{  color: #e94444 !important; }
section.technology-slack .tab-pane > .row > div{ position:relative;}
section.technology-slack .tab-content .d-flex.align-items-center.p-4 {
box-shadow: 0 3px 10px rgb(0 0 0 / 10%);
margin-bottom: 35px;
border-radius: 10px;
}
section.technology-slack .tab-content p, section.technology-slack .tab-content p a {  
margin: 0;
color: #000;
font-size: 18px;
text-align: left;
}
section.technology-slack {
padding: 0 0 80px 0;
}
.tab-content .row.justify-content-center.pb-0.p-4 {
padding-bottom: 0px !important;
}
@media (max-width:767px){
.tab-pane > .row > div {  width: 50%;}
.tab-pane > .row > div > div {    padding: 10px !important;    flex-direction: column;}
.tab-pane > .row > div > div figure {    margin-right: 0 !important;    margin-bottom: 5px !important;}
}
@media (max-width:575px){
.tab-content .align-items-center { justify-content:center}
}   .get-quote-two .form-box form .form-group .custom-control.custom-checkbox {
padding: 0;
}
.get-quote-two .form-box form .form-group .custom-control.custom-checkbox input[type="checkbox"] {
max-width: 20px;
margin: 0 10px 0 0;
height: 20px;
}
.get-quote-two .form-box form .form-group .custom-control.custom-checkbox label {
display: flex;
align-items: center;
}
.get-quote-two .form-box form .form-group .custom-control.custom-checkbox span.wpcf7-list-item.first.last {
margin: 0;
}
.get-quote-two .form-box form .form-group .custom-control.custom-checkbox * {
width: 100%;
color: #fff;
}   body .get-quote-two .form-box form .form-group input.wpcf7-submit {
border: none;
position: relative;
display: inline-block;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.05em;
background: #ec4e4f;
color: #ffffff;
border-radius: 8px;
overflow: hidden;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
cursor: pointer;
max-width: 145px;
height: 52px;
font-size: 18px;
line-height: 53px;
padding: 0;
margin: 0 0 10px 0;
}
body .get-quote-two .form-box form .form-group input.wpcf7-submit:hover {
background: #869791;
}
.bg-light {
background-color: rgba(248,249,250)!important;
padding: 120px 0;
}
.box-shadows {
background: #ffffff;
box-shadow: 0 0 15px rgb(0 0 0 / 8%);
}
h2.contact-title {
font-family: 'Teko', sans-serif !important;
font-size: 48px;
line-height: 41px;
margin: 0 0 10px 0;
color: #ec4e4f !important;
text-transform: capitalize;
}
.quform-element>label {
font-weight: normal;
padding-bottom: 5px;
margin-bottom: 0;
color: #6a747b;
font-size: 15px;
}
.contact.quform input.wpcf7-form-control {
line-height: 2.5 !important;
height: 49px;
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 16px;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.contact.quform textarea.wpcf7-form-control {
line-height: normal !important;
height: 140px;
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 16px;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.contact.quform .custom-control.custom-checkbox {
padding: 0;
}
.contact.quform .custom-control.custom-checkbox span {
margin: 0;
}
.contact.quform input.wpcf7-submit {
max-width: 160px;
}
.contact.quform input.wpcf7-submit:hover {
background: #e94444;
color: #fff;
}
p.trm {
text-align: center;
}
p.trm i.fa.fa-lock {
margin: 0 10px 0 0;
}
.quform-element label span.quform-required {
color: #cc0101;
font-size: 10px;
}
.text-secondary {
color: #ec4e4f !important;
}
.fs-2 {
font-size: 2rem!important;
}
.p-lg-2-2 {
padding: 2.2rem;
}
.ms-4 {
margin-left: 1.5rem!important;
}
.flex-grow-1 {
flex-grow: 1!important;
}
.social-box {
margin-bottom: 0;
list-style: none;
padding: 0;
}
.social-box li {
display: inline-block;
margin-right: 10px;
}
.social-box li a {
text-align: center;
height: 36px;
width: 36px;
line-height: 36px;
font-size: 14px;
border-radius: 50%;
display: inline-block;
background: #e94444;
color: #ffffff;
}
.social-box li a:hover {
background-color: #fb9a27;
}
.contact-mapsection iframe{
width: 100%;
height: 550px;
}
@media screen and (min-width: 576px){
.p-sm-1-9 {
padding: 1.9rem;
}
}
.mb-2-2, .my-2-2 {
margin-bottom: 2.2rem;
}
@media screen and (min-width: 1200px){
.mb-xl-6, .my-xl-6 {
margin-bottom: 3.5rem;
}
}
.me-3 {
margin-right: 1rem!important;
}
.me-1 {
margin-right: 0.25rem!important;
}
.me-2 {
margin-right: 0.50rem!important;
}
.borders-bottom {
border-bottom: 1px solid #ededed !important;
}
.list-style2 li {
margin-bottom: 8px;
position: relative;
padding-left: 25px;
}
.list-style2 li:after {
content: '\f058';
font-family: 'FontAwesome';
position: absolute;
left: 0px;
top: 1px;
z-index: 1;
font-weight: 600;
color: #e94444 !important;
}
@media screen and (min-width: 992px){
.p-lg-2-5 {
padding: 2.5rem;
}
}
.career-detail{
padding: 120px 0;
}
section.contact-mapsection {
margin: 0 0 80px 0;
}
.quform .wpcf7-form-control {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.quform .quform-element.form-group p {
display: none;
}      .career-section{
padding: 120px 0;
}
.career-section h3.bold {
font-family: 'Teko', sans-serif;
font-size: 35px;
line-height: 35px;
margin: 0 0 4px 0;
color: #ec4e4f;
}
.min-height-350 {
min-height: 350px;
}
.cover-background {
position: relative !important;
background-size: cover !important;
overflow: hidden !important;
background-position: center !important;
background-repeat: no-repeat !important;
border-right: 1px solid #e84d52;
}
.career-type {
font-size: 14px;
text-transform: uppercase;
color: #fff;
display: inline-block;
padding: 5px 15px;
margin-bottom: 15px;
background: #000;
}
.career-info {
border-top: 2px dotted #ededed;
padding: 16px 0 0;
}
.text-muted {
color: #6c757d!important;
}
.border-start {
border-left: 1px solid #dee2e6!important;
}
@media screen and (min-width: 992px){
.pe-lg-2-5, .px-lg-2-5 {
padding-right: 2.5rem;
}
.pt-lg-2-2, .py-lg-2-2 {
padding-top: 2.2rem;
}
.pb-lg-2-2, .py-lg-2-2 {
padding-bottom: 2.2rem;
}
.ps-lg-2-5, .px-lg-2-5 {
padding-left: 2.5rem;
}
}
.text-primary {
color: #e94444 !important;
}
.vertical-align-middle {
vertical-align: middle;
}
.mt-1-9, .my-1-9 {
margin-top: 1.9rem;
}   .txt-blue:before {background-image: linear-gradient(135deg, rgb(163, 61, 228) 1%, rgb(220, 120, 209) 100%);transition: all 0.5s ease;}
.txt-aqua:before {background-image: linear-gradient(135deg, rgb(245, 78, 162) 1%, rgb(255, 118, 118) 100%);transition: all 0.5s ease;}
.txt-yellow:before {background-image: linear-gradient(135deg, rgb(96, 120, 234) 1%, rgb(23, 234, 217) 100%);transition: all 0.5s ease;}
.txt-red:before {background-image: linear-gradient(135deg, rgb(255, 162, 97) 1%, rgb(233, 205, 110) 100%);transition: all 0.5s ease;}
.txt-green:before {background-image: linear-gradient(135deg, rgb(0, 168, 127) 1%, rgb(185, 217, 127) 100%);transition: all 0.5s ease;}
.txt-purple:before {background-image: linear-gradient(135deg, rgb(96, 120, 234) 1%, rgb(23, 234, 217) 100%);transition: all 0.5s ease;}
.wpcf7-form .wpcf7-spinner{
display: none;
}
form.submitting .wpcf7-spinner{
display: block !important;
}
.wpcf7-form .btn-style-one{
background-color: #fff !important;
border-radius: 0;
}
.quform .wpcf7-form-control.wpcf7-submit:hover {
background: #e54347;
color: #fff;
cursor: pointer;
}   .agent-section.alternat-3 .inner-container {margin-top: 0px;
margin-bottom: -140px;
z-index: 1;}
.main-footer.alternat-2 .footer-top {
padding-top: 230px;
}
.auto-container {
position: static;
max-width: 1200px;
width:100%;
padding: 0px 15px;
margin: 0 auto;
}
.agent-section{
position: relative;
padding: 0px 0 0 0;
}
.agent-section .inner-container{
position: relative;
background: #e94444;
padding: 50px 50px;
border-radius: 10px;
box-shadow: 0 15px 50px rgba(0,0,0,0.1);
margin-top: -140px;
}
#content_block_2 .content-box{
position: relative;
display: block;
border: 1px dashed #d9d9d9;
border-radius: 10px;
padding: 32px 40px 21px 40px;
}
#content_block_2 .content-box h3{
display: block;
font-size: 24px;
line-height: 32px;
font-weight: 700;
margin-bottom: 16px;
color: #fff;
text-transform: capitalize;
}
#content_block_2 .content-box .support-box{
position: relative;
padding-left: 65px;
}
#content_block_2 .content-box .support-box .icon-box{
position: absolute;
left: 0px;
top: 12px;
font-size: 26px;
line-height: 30px;
color: #172b44;
}
#content_block_2 .content-box .support-box .icon-box:before {
position: absolute;
content: '';
height: 44px;
width: 36px;
top: -5px;
left: 0px;
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 60% 0%);
background: rgba(255,255,255,0.2);
opacity: 1;
}
#content_block_2 .content-box .support-box h6{
font-size: 16px;
line-height: 26px;
font-weight: 500;
margin-bottom: 0px;
color: #fff;
}
#content_block_2 .content-box .support-box h3{
display: block;
font-size: 24px;
line-height: 32px;
font-family: 'Nunito', sans-serif;
font-weight: 900;
}
#content_block_2 .content-box .support-box h3 a{
display: inline-block;
color: #ffffff;
}
#content_block_3 .content-box{
position: relative;
display: block;
border: 1px dashed #d9d9d9;
border-radius: 10px;
padding: 32px 40px 37px 40px;
}
#content_block_3 .content-box h3{
display: block;
font-size: 26px;
line-height: 34px;
font-weight: 700;
margin-bottom: 22px;
}
#content_block_3 .content-box .subscribe-form .form-group{
position: relative;
margin: 0px;
padding-right: 150px;
border-radius: 5px;
overflow: hidden;
}
#content_block_3 .content-box .subscribe-form .form-group input[type='email']{
position: relative;
display: block;
width: 100%;
height: 50px;
border: 1px solid #efeded;
font-size: 17px;
color: #808080;
padding: 10px 20px;
border-radius: 5px 0px 0px 5px;
transition: all 500ms ease;
}
#content_block_3 .content-box .subscribe-form .form-group button{
position: absolute;
top: 0px;
right: 0px;
border-radius: 0px;
padding: 12px 26px;
}
#content_block_3 .content-box .subscribe-form .form-group button:before{
border-radius: 0px;
}
.main-footer{
position: relative;
}
.footer-top{
position: relative;
width: 100%;
padding: 133px 0px 60px 0px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
background: #172b44;}
.footer-top:before{
position: absolute; background: #001b3e;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
opacity: 0.85;
}
.footer-top .widget-title{
position: relative;
display: block;
margin-bottom: 23px;
}
.footer-top .widget-title h2{
font-size: 30px;
line-height: 40px;
color: #fff;
font-weight: 700;
}
.footer-top .widget-title h3{
font-size: 22px;
line-height: 30px;
color: #fff;
font-weight: 700;
}
.footer-top .footer-widget p{
font-size: 17px;
line-height: 28px;
color: #fff;
}
.footer-top .footer-widget .social-links li{
position: relative;
display: inline-block;
float: left;
margin-right: 10px;
}
.footer-top .footer-widget .social-links li:last-child{
margin: 0px !important;
}
.footer-top .footer-widget .social-links li a{
position: relative;
display: inline-block;
font-size: 16px;
color: #bfbfbf;
background: #fff;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
border-radius: 50%;
}
.footer-top .footer-widget .social-links li a:hover{
color: #fff;
background: #e94444;
}
.footer-top .about-widget .text{
margin-bottom: 37px;
}
.footer-top .links-widget .links-list li{
position: relative;
display: block;
margin-bottom: 9px;
}
.footer-top .links-widget .links-list li a:hover {
color: #e94444;
}
.footer-top .links-widget .links-list li:last-child{
margin-bottom: 0px;
}
.footer-top .links-widget .links-list li a{
position: relative;
display: inline-block;
font-size: 17px;
font-family: 'Nunito', sans-serif;
color: #fff;
}
.footer-top .contact-widget .text{
margin-bottom: 11px;
}
.footer-top .contact-widget .info-list li{
position: relative;
display: block;
font-size: 17px;
line-height: 28px;
color: #fff;
margin-bottom: 10px;
padding-left: 28px;
}
.footer-top .contact-widget .info-list li:last-child{
margin-bottom: 0px;
}
.footer-top .contact-widget .info-list li a{
display: inline-block;
color: #fff;
font-family: 'Nunito', sans-serif;
}
.footer-top .contact-widget .info-list li i{
position: absolute;
left: 0px;
top: 4px;
font-size: 16px;
}
.footer-top .contact-widget p{
line-height: 30px;
}
.footer-top .subscribe-widget .text{
margin-bottom: 38px;
}
.footer-top .subscribe-widget .subscribe-form .form-group{
position: relative;
margin: 0px;
border-radius: 5px;
overflow: hidden;
}
.footer-top .subscribe-widget .subscribe-form .form-group input[type='email']{
position: relative;
display: block;
width: 100%;
height: 60px;
background: #fff;
border: 1px solid #fff;
padding: 10px 80px 10px 20px;
font-size: 16px;
color: #808080;
transition: all 500ms ease;
}
.footer-top .subscribe-widget .subscribe-form .form-group button{
position: absolute;
top: 0px;
right: 0px;
width: 60px;
height: 60px;
font-size: 16px;
color: #fff;
line-height: 60px;
text-align: center;
cursor: pointer;
transition: all 500ms ease;
background: #e94444;
border: none;
}
.footer-bottom{
position: relative;
background: #172b44;
padding: 30px 0px;
border-top: 1px solid #fff;
}
.footer-bottom .bottom-inner{
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.footer-bottom .bottom-inner .copyright{
position: relative;
}
.footer-bottom .bottom-inner .copyright p{
font-size: 17px;
line-height: 28px;
color: #fff;
}
.footer-bottom .bottom-inner .copyright p a{
color: #fff;
}
.footer-bottom .bottom-inner .footer-logo{
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0px;
}
.footer-bottom .bottom-inner .footer-logo img{max-width: 150px;}
.footer-bottom .bottom-inner .footer-nav{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.footer-bottom .bottom-inner .footer-nav li{
position: relative;
display: inline-block;
font-size: 17px;
line-height: 28px;
color: #fff;
margin-right: 20px;
}
.footer-bottom .bottom-inner .footer-nav li:last-child{
margin: 0px !important;
}
.footer-bottom .bottom-inner .footer-nav li a{
color: #fff;
}
.footer-widget.subscribe-widget iframe {
width: 100%;
height: 300px;
}
.grecaptcha-badge {
opacity: 0;
visibility: hidden !important;
}    header.page-header.text-center.pad-tb {
height: 450px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
header.page-header.text-center.pad-tb p {
margin: 0 0 0 0;
font-size: 24px;
}
header.page-header.text-center.pad-tb h2.page-title {
font-weight: 900;
font-size: 128px;
}   .custom-blog-singlepage {
display: flex;
padding: 40px 0 0 0;
margin: 0 0 50px 0;
}
.custom-blog-singlepage nav.navigation.post-navigation {
display: none;
}
.custom-blog-singlepage > article {
flex: 0 0 70%;
max-width: 70%;
padding: 0 15px;	
}
.custom-blog-singlepage aside#secondary {
flex: 0 0 30%;
}
.custom-blog-singlepage aside#secondary section {
margin-top: 35px;
background-color: #eeeeee;
padding: 1em;
position: sticky;
top: 100px;
}
.custom-blog-singlepage aside#secondary section h2.widget-title {
margin-bottom: 0.3em;
padding-bottom: 0.1em;
border-bottom: 3px solid #fff;
font-weight: bold;
}
.custom-blog-singlepage aside#secondary section span.rpwwt-post-title {
color: #000;
font-weight: 600;
font-size: 14px;
line-height: 15px;
display: inline-block;
margin: 9px 0 0 0;
}
.custom-blog-singlepage aside#secondary section li {
margin: 0 0 5px 0;
border-bottom: 1px solid #fff;
}
.custom-blog-singlepage aside#secondary section li a {
display: flex;
align-items: flex-start;
}
.custom-blog-singlepage aside#secondary section li .rpwwt-post-date {
display: none;
}
.custom-blog-singlepage time.updated {
display: none;
}
.custom-blog-singlepage time.entry-date.published {
padding: 0.5em 0.8em;
background: #3c3c3b;
color: #fff;
font-weight: 600;
display: inline-block;
margin: 0 0 10px 0;
}
.custom-blog-singlepage > article h1.entry-title {
font-weight: 700;
font-size: 27px;
margin: 0 0 10px 0;
}
.custom-blog-singlepage > article h2, .custom-blog-singlepage > article h2 span {
font-weight: 700 !important;
font-size: 31px;
margin: 0 0 10px 0;
}
.custom-blog-singlepage > article a {
color: #e54347;
text-decoration: underline;
margin: 0 0px 0 0;
}
.custom-blog-singlepage > article p , .custom-blog-singlepage > article p span {
font-weight: 200 !important;
font-size: 16px;
}
.breadcrumb-area.banner-1.blog_section.blogbanner {
background: #172b44;
min-height: 460px;
display: flex;
align-items: center;
justify-content: center;
}
.breadcrumb-area.banner-1.blog_section.blogbanner h2 {
font-weight: 900;
font-size: 68px;
color: #fff;
}   .main_banner .generalbanner {
height: 410px;
position: relative;
}
.main_banner.casedetail {
background: #172b44;
}
.main_banner.casedetail .generalbanner .serpg_caption {
z-index: 3;
}
section.casedetailpage {
padding: 60px 0 0 0px;
}
.main_banner .generalbanner .serpg_caption {
position: absolute;
padding-top: 90px;
left: 0;
right: 0;
top: 50%;
-o-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.main_banner.casedetail .generalbanner .halfcasetitle {
width: 52%;
float: right;
text-align: left;
position: relative;
}
.main_banner.casedetail .generalbanner .halfcasetitle h3 {
font-size: 22px;
color: #ffffff;
font-family: 'Josefin Sans', sans-serif;
font-weight: 300;
padding: 0 0 6px 0;
}
.main_banner.casedetail .generalbanner .halfcasetitle h1 {
text-align: left;
font-weight: 700;
font-family: 'Josefin Sans', sans-serif;
font-size: 50px;
color: #ffffff;
position: relative;
padding: 0;
line-height: 50px;
}
.main_banner.casedetail .generalbanner .halfcasetitle .tags_case {
display: inline-block;
vertical-align: top;
width: 100%;
padding: 0 8vw 0 0;
}
.main_banner.casedetail .generalbanner .halfcasetitle .tags_case h4 {
color: #ffffff;
font-size: 14px;
position: relative;
display: block;
float: left;
padding: 0 0 0 20px;
margin: 0 10px 0 0;
white-space: nowrap;
}
.main_banner.casedetail .generalbanner .halfcasetitle .tags_case h4:before {
width: 20px;
height: 20px;
position: absolute;
left: 0;
top: 1px;
content: ''; }
.main_banner.casedetail .generalbanner .halfcasetitle .tags_case h4:after {
content: ',';
display: inline-block;
vertical-align: top;
}
.main_banner.casedetail .generalbanner .halfcasetitle .vline {
position: absolute;
left: 4px;
top: 100%;
width: 1px;
background: #ffffff;
height: 260px;
margin-top: 7px;
}
.mainimage {
width: 100%;
position: relative;
height: 680px;
overflow: hidden;
}
.mainimage:after {
content: '';
position: absolute;
left: -1px;
top: -1px;
right: -1px;
bottom: -1px;
background: rgba(0, 0, 0, 0.6);
}
.mainimage .in_imagebox {
position: absolute;
left: 0;
top: 0px;
bottom: 0px;
right: 0;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
section.casedetailpage .in_imagebox.movetopblk1 {
width: 100%;
height: 590px;
object-position: bottom center;
background-size: cover;
}
section.casedetailpage .left_image {
padding: 0 50px 0 0px;
}
.casedetailpage .row {
margin: 0;
align-items: center;
}
.casedetailpage .row .col-md-7 {
padding: 0;
}
.cd_technology {
padding: 100px 0;
}
.cd_technology .techblock {
padding: 0;
margin: 0 0 30px 0;
}
.cd_technology .techblock h3 {
color: #333333;
font-size: 22px;
font-weight: 600;
padding: 0 0 7px 0;
}
.cd_technology .techblock .techlist {
display: inline-block;
vertical-align: top;
width: 100%;
}
.cd_technology .techblock .techlist h4 {
font-size: 16px;
color: #777777;
margin: 0;
padding: 0;
display: block;
float: left;
}
.SelectedShots .caseboxsec1 {
position: relative;
padding: 0 0 60px 0;
}
.SelectedShots .caseboxsec1 img {
max-width: 100%;
height: auto;
}
.SelectedShots .caseboxsec1 .right_mobile {
position: absolute;
right: 45px;
top: 0;
}
.entry-content{
padding: 70px 0 35px 0;
}
.entry-content ul, .entry-content ol {
margin: 0 0 1.5em 3em;
}
.entry-content  li > ul, .entry-content  li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
.entry-content  ol li , .entry-content  ul li {
font-size: 16px;
margin: 0.5em 0;
list-style: unset;
}
.entry-content ol li {
color: #3c3c3b;
line-height: 25px;
}
.entry-content ol {
list-style: decimal;
}
.entry-content a {
color: #e54347;
}
.entry-content h1 {
font-weight: 800;
font-size: 38px;
line-height: normal;
color: #e54347;
margin: 0 0 20px 0;
}
.entry-content h2 {
font-weight: 800;
font-size: 38px;
line-height: normal;
color: #e54347;
margin: 0 0 20px 0;
}
.entry-content h6 {
color: #eb4d4c;
font-size: 21px;
margin-bottom: 15px;
font-weight: 700;
}
.entry-content h3 {
color: #646464;
font-size: 26px;
margin-bottom: 15px;
font-weight: 700;
}
.entry-content h4 {
color: #646464;
font-size: 22px;
margin-bottom: 15px;
font-weight: 700;
}
.fontsize-78 {
font-size: 78px;
text-align: center;
}