.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.wpcf7-not-valid-tip {
direction: rtl;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
right: 1em;
}
.wpcf7-list-item {
margin: 0 1em 0 0;
}.popup-template .modal{opacity:0;transition:all .25s ease}.popup-template .modal.is-open{opacity:1;transition:all .25s ease}@import url("https://fonts.googleapis.com/css2?family=Cairo&family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap");
html {
scroll-padding-top: 300px;
}
.indBr {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.indCont, .indCont p {
text-align: left !important;
}
section.support {
padding: 80px 0;
}
section.support p {
font-family: 'IBM Plex Sans Arabic', sans-serif; font-weight:500;
color: #222;
}
.supHead {
color: #fff;
background: linear-gradient(184.23deg, #1BB833 3.45%, #009CDD 95.19%);
border-radius: 16px 16px 0 0;
padding: 20px;
text-align: center;
font-family: 'IBM Plex Sans Arabic', sans-serif; font-weight:700;
text-transform: uppercase;
font-size: 16px;
}
.supCont ul li a {
font-family: 'IBM Plex Sans Arabic', sans-serif; font-weight:500;
color: #222;
border-bottom: 1px solid rgb(0 0 0 / 10%);
padding-bottom: 10px;
margin-bottom: 10px;
display: block;
}
.supCont {
padding: 20px 15px;
text-align: center;
}
.suppCvr {
border: 1px solid #009CDD;
border-radius: 16px;
margin-bottom: 30px;
}
.supCont ul li:last-child a {
border: 0;
}
.suppoDiv {
padding-top: 30px;
}
.gnTrd {
padding: 50px 0 30px;
}
section.cusVideo {
padding-bottom: 50px;
}
section.sec.testmoSec {
padding: 90px 0 50px;
}
section.customerLogoSec {
padding: 80px 0;
}
.custLogo img {
filter: grayscale(1);
transition: all .5s;
width: 65%;
}
.custLogo:hover img {
filter: grayscale(0);
}
.custLogo {
text-align: center;
padding: 30px 0;
}
.blogMainImg.locImg img {
width: 100%;
height: 440px;
object-fit: cover;
}
.solCvr.INcVR {
border: 1px solid #1BB833;
border-radius: 16px;
margin-bottom: 30px;
}
.solCvr.INcVR .solImg img {
width: 100%;
height: 180px;
object-fit: cover;
border-radius: 16px;
transition: all .5s;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.solCvr.INcVR .solImg:hover img {
width: 100%;
height: 180px;
transition: all 1s;
}
.solCvr.INcVR .solTit {
margin: 25px 0 15px;
font-size: 18px;
color: #000;
font-family: 'IBM Plex Sans Arabic', sans-serif; font-weight:700;
}
.indLink {
display: flex;
align-items: center;
justify-content: flex-end;
}
.indLin {
background: linear-gradient(184.23deg, #1BB833 3.45%, #009CDD 95.19%);
border-radius: 0px 16px 16px 0px;
height: 100%;
width: 50%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.all-cvr .indLin a {
background: transparent;
padding: 0;
color: #fff;
border-radius: 5px;
display: block;
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
background: none !important;
}
section.industryMain {
padding: 50px 0;
}
.supInHead {
color: #009cdd;
font-family: 'IBM Plex Sans Arabic', sans-serif; font-weight:500;
font-size: 20px;
margin-bottom: 15px;
} .blog .subHead {
font-size: 20px;
font-family: 'IBM Plex Sans Arabic', sans-serif; font-weight:700;
}
button.owl-prev span {
font-size: 30px;
background: #cccc;
}
button.owl-next span {
font-size: 30px;
background: #cccc;
}
.blog .titleArea h1 {
margin-bottom: 0;
}
.blog .titleArea {
padding: 20px 0;
border-bottom: 1px solid #ccc;
}
.blogArea {
text-align: center;
padding: 50px 0;
}
.blogHead {
font-size: 32px;
font-family: 'IBM Plex Sans Arabic', sans-serif; font-weight:700;
padding-bottom: 30px;
}
.blogcvrCont {
padding: 30px 0px 0px;
}
.blogCover.Listbtm {
padding: 0px;
background: none;
margin-bottom: 50px;
}
.blImg img {
width: 100%; }
section.media {
text-align: center;
padding: 30px 0 80px;
}
.mediaHead {
font-size: 32px;
font-family: 'IBM Plex Sans Arabic', sans-serif; font-weight:700;
padding-bottom: 30px;
}
.medBut {
padding-top: 30px;
}
.counterBtHead {
color: #fff;
font-family: 'IBM Plex Sans Arabic', sans-serif; font-weight:700;
font-size: 32px;
padding-bottom: 15px;
}
.blueStrBx p {
color: #fff;
font-size: 18px;
max-width: 800px;
}
.submBtn {
background: #85c226;
border-color: #85c226;
height: 50px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
text-align: center;
margin: 0px auto;
color: #fff;
font-family: 'IBM Plex Sans Arabic', sans-serif; font-weight:700;
}
section.subscribe {
background: #009cdd;
padding: 30px 0;
}
.subBtnDiv {
display: flex;
align-items: center;
justify-content: center;
}
.submBtn {
background: #85c226;
border-color: #85c226;
height: 50px;
width: 100%;
display: none;
align-items: center;
justify-content: center;
border-radius: 5px;
text-align: center;
margin: 0px auto;
font-size: 20px;
color: #fff;
font-family: 'IBM Plex Sans Arabic', sans-serif; font-weight:700;
}
.blogCover {
margin-bottom: 20px;
background: #f4f8fb;
padding: 25px;
}
section.comments {
text-align: center;
padding: 50px 0;
background: url(//www.tranquilbs.com/wp-content/themes/Otlet_theme/images/bg2.jpg);
}
.cmtHead {
font-size: 32px;
font-family: 'IBM Plex Sans Arabic', sans-serif; font-weight:700;
padding-bottom: 30px;
color: #fff;
}   section.blog.detBlog {
padding-bottom: 50px;
position: relative;
overflow-x: hidden;
}
.blog .pagination {
display: block !important;
}
.banner-cont.inner h1 {
font-size: 35px;
}
section.innersec02 {
padding: 4rem 0 2rem;
}
.dflx {
display: flex;
align-items: center;
justify-content: left;
}
ul.listng.\33 col li {
width: 33.33%;
float: left;
}
section.innersec02 p {
margin: 0;
}
section.innersec03 {
padding: 0rem 0 2rem;
}
.blogArea button.owl-prev {
position: absolute;
left: -65px;
top: 50%;
width: 45px;
height: 45px;
margin-top: -25px !important;
background: #009cdd !important;
}
.blogArea button.owl-prev span, .blogArea button.owl-next span {
font-size: 35px;
color: #fff;
display: block;
margin-top: -5px;
}
.blogArea button.owl-next {
position: absolute;
right: -65px;
top: 50%;
width: 45px;
height: 45px;
margin-top: -25px !important;
background: #009cdd !important;
} body {
font-family: "Cairo", sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 17px;
color: #474747;
font-weight: 400;
line-height: auto;
direction: rtl;
}
a {
text-decoration: none;
}
ul {
padding: 0;
margin: 0;
}
ul li {
list-style-type: none;
}
.mob-hed {
display: none;
} .snglBlg .entry {
display: none;
}
.ftrItems h2 {
color: #fff;
font-size: 19px;
font-weight: 400;
font-family: inherit;
margin-bottom: 15px;
}
.snglBlg small {
float: left;
font-family: "Cairo", sans-serif;
font-size: 13px;
color: #8c8a8a;
}
.pro-con .fl {
float: left;
width: 50%;
text-align: left;
}
.pro-img img {
width: 100%;
}
.head-pro {
font-size: 28px;
padding-bottom: 16px;
text-transform: capitalize;
font-family: "Cairo", sans-serif; font-weight:700;
}
section.ecs {
padding: 30px 0;
}
.blogMainImg img {
width: 100%;
}
li#polylang-2 {
list-style: none;
}
section.ecs form {
border: 1px solid #ccc;
padding: 20px;
}
section.ecs input {
margin-bottom: 10px;
}
.addr li {
list-style: none;
}
.textwidget .title {
color: #fff;
font-size: 19px;
margin-bottom: 15px;
}
section.ecs textarea {
height: 90px;
margin-bottom: 15px;
}
.blogImg img {
width: 100%;
}
.job {
font-size: 17px;
font-weight: 600;
color: #009cdd;
}
ul.two li {
width: 50%;
float: left;
display: block !important;
padding-right: 10px;
}
ul.two li strong {
display: block;
width: 100%;
float: left;
}
.head-pro span {
color: #1bb833;
}
.ticovr {
width: 100%;
height: 210px;
background-repeat: no-repeat;
float: left;
margin-bottom: 20px;
background-size: cover;
}
.snglBlg h2 {
font-size: 22px;
}
.entry { float: left;
}
.banner-cont p {
color: #fff;
font-size: 18px;
}
li.widget.widget_polylang ul {
margin: 0px;
padding: 0px;
list-style: none;
}
li.widget.widget_polylang {
list-style: none;
height: 40px;
display: flex;
align-items: center;
font-weight: bold;
}
.banner-cont a {
background: #009cdd;
color: #fff;
padding: 10px 20px;
margin-top: 10px;
display: inline-block;
}
.banner-cont a {
background: #1bb833;
}
.pro-con .fr {
float: right;
width: 50%;
padding-left: 15px;
}
ul.listng li {
text-align: left;
display: block !important;
margin-bottom: 10px !important;
}
section.pro-con li {
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: center;
}
section.pro-con li:nth-child(2n) {
flex-direction: row-reverse;
}
section.sm-con {
margin: 50px 0 0;
text-align: center;
}
section.sm-con li {
width: 33%;
float: left;
padding: 20px;
}
.hduhd {
font-size: 20px;
padding: 10px 0;
}
.details-pro strong {
display: block;
padding: 10px 0;
color: #000;
}
section.featuresSec03 ul.two li {
padding-left: 15px;padding-right: 0px;
}
section.featuresSec03 .details-pro ul.two {
position: relative;
padding-top: 25px;
margin-bottom: 20px;
}
section.featuresSec03 .details-pro ul.two:before {
content: '';
position: absolute;
width: 50px;
height: 5px;
background: #ff7105;
right: 0;
top: 12px;
}
a.rdmore {
background: #29bc40;
padding: 10px 25px;
color: #fff;
font-weight: 600;
}
a.rdmore:hover {
background: #009cdd;
}
textarea#comment {
background: #FFF;
margin-top: 4px;
border: none;
padding: 10px 20px;
font-size: 14px;
color: #000000;
box-shadow: none;
outline: none!important;
width: 100%;
height: 150px;
margin-bottom: 17px;
border-radius: 2px;
}
.comment-form input[type="text"] {
background: #FFF;
margin-top: 4px;
border: none;
padding: 10px 20px;
font-size: 14px;
color: #000000;
box-shadow: none;
outline: none!important;
width: 100%;
height: 50px;
margin-bottom: 17px;
border-radius: 2px;
}
.comment-form-url {
display: none;
}
.comment-form-author {
width: 48%;
float: left;
}
.comment-form-email {
width: 48%;
float: left;
margin-left: 30px;
}
.comment-form input#submit {
margin: 5px auto;
background: #58c747;
color: #FFF;
border-radius: 0px;
padding: 10px 20px;
display: block;
transition-duration: 0.5s;
display: block;
width: 160px;
border: 0;
text-align: center;
border-color: #58c747;
font-size: 17px;
border-radius: 2px;
}
.blogLftfSdbar.innerrightside .col-md-6 {
width: 100%;
margin-bottom: 9px;
}
.blogLftfSdbar.innerrightside .col-md-6 .form-control {
border-radius: 0px;
font-size: 14px;
height: 40px;
color: #837e7e;
}
.blogLftfSdbar.innerrightside .form-submit {
margin: 0;
background: #58c747;
color: #FFF;
border-radius: 0px;
padding: 8px 30px 8px 30px;
display: block;
transition-duration: 0.5s;
display: inline-block;
width: 160px;
border: 0;
height: 48px;
text-align: left;
position: relative;
border-color: #58c747;
font-size: 17px;
border-radius: 2px;
}
.blogLftfSdbar.innerrightside span.submitArea {
margin-top: 3px;
}
.blogLftfSdbar.innerrightside .form-submit:hover {
background: #e77723;
transition: all 1s;
}
.blogLftfSdbar.innerrightside span.ajax-loader {
background: #fff url(//www.tranquilbs.com/wp-content/themes/Otlet_theme/images/btnarrow.jpg) center top no-repeat;
background-size: contain;
width: 60px;
position: absolute;
top: 0px;
right: 15px;
height: 48px;border: 1px solid #ccc;
} .relative{position: relative;}
.indRightIMg {
position: sticky;
top: 150px;
}
section.featuresSec03.homenwms .col-lg-6.ms-auto {
margin-right: auto;
margin-left: 0px !important;
}
section.featuresSec03.homenwms img.ppmImg {
right: 0px;
left: auto;
}
@media (min-width: 1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: 1280px !important;
}
}
a.arabic {
font-size: 17px;
color: #fff;
line-height: 40px;
padding: 0px 0;
background: transparent;
transition-duration: 0.5s;
text-decoration: none;
}
.topHeader ul li {
list-style: none;
display: inline-block;
float: left;
width: 33.33%;
color: #FFF;
font-size: 14px;
text-align: center;
}
.topHeader ul {
padding: 10px 0;
}
.topHeader ul li a {
color: #FFF;
font-size: 14px;
text-align: center;
}
span.is-search-icon {
border: none !important;
background: #1bb833 !important;
height: 35px !important;
}
.is-search-submit path {
fill: #fff !important;
}
span.is-search-icon:hover {
background: #122a4c !important;
}
input#is-search-input-213 {
background: #d6d6d6;
height: 35px;
padding: 0 15px;
color: #000;
}
.topHeader ul li i {
color: #ff7105;
margin-left: 10px;
}
.hdrIcon {
text-align: left;
display: flex;
justify-content: right;
align-items: center;
padding-top: 8px;
}
.hdrIcon i { width: 25px;
font-size: 24px;
padding-right: 0px;
padding-left: 5px;
color: #42b634;
}
.hdrIcon {
color: #fff;
font-size: 14px;
line-height: 40px;
padding: 0 0 0 10px;
display: flex;
justify-content: left;
align-items: center;
}
.no-js .owl-carousel, .owl-carousel.owl-loaded {
direction: ltr;
}
.topHeader {
position: relative;
left: 0;
top: 0;
padding: 0;
background: #122a4c;
display: block;
width: 100%;
}
input#example-search-input {
border-radius: 0px !important;
background: #e6e6e6;
height: 30px;
width: 100%;
}
span.input-group-append {
position: absolute;
right: 10px;
background: transparent !important;
}
.mainHeader .input-group {
align-items: center;
justify-content: flex-end;
}
.search {
padding: 12px 0px 12px 20px;
text-align: right;
}
.search a i {
padding-left: 8px;
}
.search a {
color: #000;
font-size: 14px;
padding-top: 10px;
display: flex;
align-items: center;
justify-content: flex-end;
}
.dmenu {
display: flex;
align-items: center;
justify-content: flex-end;
}
.menuHEad {
color: #1bb833;
font-family: 'IBM Plex Sans Arabic', sans-serif;     font-weight: 900;
font-size: 17px;    text-align: right;
}
a.btn.btn-primary {
border-radius: 0;
}
.btn-primary {
color: #fff;
background-color: #e77723;
border-color: #e77723;
}
.btn-primary:hover {
background-color: #58c747;
border-color: #58c747;
}
.topHeader ul li a:hover {
color: #ff7105;
}
.mainHeader {
background: #fff;
height: 60px;
margin-top:20px;
}
section.bannersec {
margin-top: 0;
}
.carousel-inner, .carousel-inner img {
height: 375px;
object-fit: cover;
}
.bannerCont {
text-align: right !important;
max-width: 670px;
}
.bannerHead {
font-size: 30px;
line-height: 39px;
}
.carousel-caption {
right: 16% !important;
top: 0;
bottom: inherit;
left: auto !important;
top: 65px;
text-align: right !important;
}
a.know {
color: #fff;
text-transform: uppercase;
font-size: 14px;
padding: 10px 0;
display: block;
}
section.bannerBottom ul li {
float: left;
width: 20%;
text-align: center;
color: #fff;
padding: 35px 25px 10px;
background: #122a4c;
border-right: 1px solid #475973;
min-height: 201px;
}
.srvcCvr a {
color: #fff;
}
section.bannerBottom ul li:hover {
background: #58c747;
}
.srvcCvr .heading {
text-transform: uppercase;
font-size: 16px;
margin: 10px 0;
font-weight: 700;
}
.description {
font-size: 14px;
}
section.bannerBottom {
position: relative;
bottom: 42px;
}
section.bannerBottom ul li:hover img {
filter: brightness(0) invert(1);
}
section.clients {
padding: 18px 0 12px;
text-align: center;
}
h1, h2 {
font-size: 27px;
color: #323232;
line-height: 1.3em;
margin-bottom: 18px;
position: relative;
margin-bottom: 22px;
font-family: 'IBM Plex Sans Arabic', sans-serif; font-weight:700;
}
.clients p {
font-size: 17px;
}
.clientImg img {
width: 100%;
}
.clientImg {
padding: 35px 0;
text-align: center; }
.clientImg:hover img {
opacity: 0.6;
}
section.business {
padding: 43px 0;
background: url(//www.tranquilbs.com/wp-content/themes/Otlet_theme/images/bg1.png);
}
.busImg img {
width: 100%;
}
.dflx {
display: flex;
justify-content: left;
align-items: center;
}
.busCont label {
color: #e77723;
font-size: 22px;
font-family: 'IBM Plex Sans Arabic', sans-serif; font-weight:700;
padding-bottom: 15px;
}
.busCont {
padding-left: 30px;
}
.busCont p {
color: #fff;
font-size: 17px;
}
.busCont i {
color: #fff;
font-size: 16px;
}
section.solutions {
text-align: center;
padding: 85px 0 60px;
}
section.solutions label {
color: #323232;
font-size: 17px;
font-family: 'IBM Plex Sans Arabic', sans-serif; font-weight:500;
}
.conLbel {
border: 1px solid #ccc;
padding: 15px;
width: 100%;
border-radius: 5px;
height: 100%;
}
.conLbel .fa-phone {
display: none;
}
.soud {
padding-top: 15px;
}
.col-md-6.fr textarea {
margin-bottom: 10px;
height: 120px;
}
.col-md-6.fr input {
margin-bottom: 10px;
}
.fr h2 {
margin-bottom: 10px;
font-size: 22px;
}
.conLbel label {
font-size: 19px;
font-weight: 600;
color: #1bb833;
padding-bottom: 10px;
cursor: pointer;
}
.nmbr {
font-weight: 700;
color: #000;
}
.conLbel a {
font-weight: 600;
color: #000;
padding-top: 10px;
display: block;
}
section.solutions h2 {
margin-bottom: 15px;
}
.solutions ul li {
display: inline-block;
width: 20%;
float: left;
}
.solutions ul {
padding: 56px 0 25px;
}
.solImg img {
width: 160px;
height: 160px;
border-radius: 50%;
transition: all .5s;
object-fit: cover;
}
.solImg:hover img {
width: 150px;
height: 150px;
transition: all 1s;
}
.solTit {
margin: 15px 0;
font-size: 17px;
color: #000;
}
.btn-secondary {
color: #fff;
background-color: #009cdd;
border-color: #009cdd;
padding: 8px 20px;
}
section.freeQuote {
padding: 120px 0 100px;
background: url(//www.tranquilbs.com/wp-content/themes/Otlet_theme/images/bg2.jpg);
}
.quotCont h2 {
color: #fff;
margin-top: 20px;
}
.quPara p {
font-size: 17px;
color: #fff;
line-height: 1.4em;
}
.freeQuote .form-control {
background: #FFF;
margin-top: 4px;
border: none;
padding: 10px 20px;
font-size: 14px;
color: #000000;
box-shadow: none;
outline: none!important;
width: 100%;
height: 48px;
margin-bottom: 17px;
border-radius: 2px;
}
.freeQuote .form-submit {
margin: 0;
background: #58c747;
color: #FFF;
border-radius: 0px;
padding: 8px 30px 8px 30px;
display: block;
transition-duration: 0.5s;
display: inline-block;
width: 160px;
border: 0;
height: 48px;
text-align: left;
position: relative;
border-color: #58c747;
font-size: 17px;
border-radius: 2px;
}
.freeQuote span.submitArea {
margin-top: 3px;
}
.freeQuote .form-submit:hover {
background: #e77723;
transition: all 1s;
}
.freeQuote span.ajax-loader {
background: #fff url(//www.tranquilbs.com/wp-content/themes/Otlet_theme/images/btnarrow.jpg) center top no-repeat;
background-size: contain;
width: 60px;
position: absolute;
top: 0px;
right: 15px;
height: 48px;
}
span.submitArea br {
display: none;
}
span.submitArea {
display: inline-block;
position: relative;
}
.quotCont h2:before {
content: "";
position: absolute;
width: 50px;
height: 5px;
background: #ff7105;
right: 0;
top: -20px;
}
section.blog {
padding: 30px 0 50px;
}
section.blog.inner {
padding: 30px 0 0px;
position: relative;
overflow-x: hidden;
} a.glink {
color: #fff;
line-height: 40px;
}
a.glink span {
color: #000;
}
.contRgt { border: 1px solid #ccc;
padding: 15px;
border-radius: 6px;
}
.erpBlog {
box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%);
background: #fff;
}
.blogImg {
position: relative;
right: -45px;
top: 30px;
width: 400px;
}
.blogLeftHead {
font-size: 25px;
color: #ff9547;
padding: 35px 0 0 35px;
line-height: 33px;
font-family: 'IBM Plex Sans Arabic', sans-serif; font-weight:500;
}
.blogLeft a {
color: #000;
font-size: 18px;
padding: 10px 0 16px 35px;
display: block;
font-family: 'IBM Plex Sans Arabic', sans-serif; font-weight:500;
}
.blogRight {
padding: 40px 0 0 80px;
}
.blogRightHead {
font-size: 30px;
color: #323232;
line-height: 1.3em;
margin-bottom: 18px;
position: relative;
margin-bottom: 22px;
font-family: 'IBM Plex Sans Arabic', sans-serif; font-weight:500;
}
.blogRight .blogCvrImg img {
width: 100%; }
.blogCvrImg img {
transition: all .5s;
}
.blogCvrImg img:hover { }
.blogCont .head {
font-size: 16px;
color: #323232;
line-height: 1.3em;
margin-bottom: 18px;
position: relative;
margin-bottom: 0px;
font-family: 'IBM Plex Sans Arabic', sans-serif; font-weight:500;
width: 500px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.blogCont {
padding-left: 25px;
}
.blogPara p {
color: #323232;
font-size: 14px;
line-height: 23px;
margin: 0;
}
.blogPara {
height: auto;
overflow: hidden;
}
.read a {
font-size: 14px;
color: #e77723;
margin: 0;
font-family: 'IBM Plex Sans Arabic', sans-serif; font-weight:500;
padding: 0;
}
.viewAll a {
color: #000;
font-family: 'IBM Plex Sans Arabic', sans-serif; font-weight:500;
}
.blogCvr {
margin-bottom: 45px;
}
.viewAll {
position: relative;
bottom: 25px;
} section.business.testimonialsec {
padding: 100px 0;
}
.testimonialsec h3 {
color: #fff;
font-size: 14px;
text-transform: uppercase;
}
.testCvr .name {
color: #fff;
font-size: 16px;
font-family: 'IBM Plex Sans Arabic', sans-serif; font-weight:500;
padding: 3px 0 4px;
}
.testCvr .desg p {
font-size: 13px;
margin-bottom: 25px;
}
.btnArea ul li .btn {
padding: 10px 25px;
border-radius: 6px;
font-size: 14px;
}
.btnArea ul li {
display: inline-block;
padding-right: 13px;
}
.btnArea ul li .btn.btn-primary:hover, .btnArea ul li .btn.btn-secondary {
background: #85c800;
border-color: #85c800;
}
.btnArea ul li .btn.btn-primary, .btnArea ul li .btn.btn-secondary:hover {
background: transparent;
border: 2px solid #fff;
transition: all 1s;
}
.testmCont p {
}
.btnArea {
padding: 15px 0 0;
}
section.cyber .videowrapper {
margin-top: 62px;
}
.videowrapper {
width: 100%;
height: 100%;
}
iframe.embed-responsive-item {
width: 520px;
height: 260px;
}
.ftrTitl {
color: #fff;
margin-bottom: 10px;
font-size: 18px;
}
.ftrItems ul li {
list-style: none;
display: block;
color: #8f9196;
margin-bottom: 9px;
}
.ftrItems ul li a {
color: #8f9196;
transition-duration: 0.5s;
font-size: 13px;
padding-left: 0px;
}
.ftrItems ul li a:hover {
color: #85c800;
transition: all 1s;
}
.ftrItems .addr, .ftrItems .adEm {
color: #8f9196;
transition-duration: 0.5s;
font-size: 13px;
line-height: 28px;
}
.toll a, .toll {
color: #ff7105;
margin-top: 19px;
font-size: 21px;
}
.toll i {
display: none;
}
.adEm i {
display: none;
}
.ftrItems {
margin-bottom: 38px;
}
ul.global li i {
color: #fff;
padding-right: 10px;
}
ul.social li {
width: 30px;
height: 30px;
background: #fff;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
ul.social li a i {
color: #354157;
font-size: 18px;
}
ul.social li:hover {
background: #354157;
transition: all 1s;
}
ul.social li:hover a i {
color: #fff;
} .all-cvr {
margin: 50px 0;
text-align: center;
}
.all-cvr a {
background: #009cdd;
padding: 10px 20px;
color: #fff;
border-radius: 5px;
}
.all-cvr a:hover {
background: #1bb833;
}
.all-cvr li {
text-align: center;
width: 25%;
margin-bottom: 50px;
display: inline-block;
}
footer .form-control {
outline: none;
width: 100%;
height: 40px;
border: none;
background: #fff;
border-radius: 5px;
left: 0;
position: relative;
padding: 4px 10px 2px;
font-size: 14px;
}
.cnsubm {
background: #50535b;
color: #fff;
height: 40px;
padding: 0 20px;
border: none;
border-radius: 0 5px 5px 0;
position: absolute;
right: 0;
top: 0;
}
.connectform {
position: relative;
height: 55px;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450;
color: #46b450;
}
.wpcf7 form .wpcf7-response-output {
margin: 0 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2;
}
.wpcf7 form.invalid .wpcf7-response-output {
margin: 10px 0.5em 1em;
}
.btn-secondary:hover {
background-color: #1bb833 !important;
border-color: #1bb833 !important;
transition: all 1s;
}
.menuItms {
padding-bottom: 20px;
}
footer .logo img {
width: 130px;
height: auto;
}
.reqForm .form-control {
background: #FFF;
margin-top: 4px;
border: none;
padding: 10px 20px;
font-size: 14px;
color: #000000;
box-shadow: none;
outline: none!important;
width: 100%;
height: 38px;
margin-bottom: 17px;
border-radius: 2px;
border: 1px solid #ccc;
}
.reqForm textarea.form-control {
height: 100px;
margin-bottom: 10px;
}
header.aniPos{
position: fixed;
top: 0;
width: 100%;
background: #fff;
z-index: 999;
box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%);
}
.wpcf7 form.invalid .wpcf7-response-output {
border-color: red !important;
color: red;
} .wrap {
border: 0;
clear: both;
float: none;
font-size: 1px;
height: 0;
line-height: 1px;
margin: 0;
padding: 0;
visibility: hidden;
}
.ban_inn li:last-child a:hover {
background-color: #E2B72C;
color: #fff;
border: 1px solid #E2B72C;
}
.ban_inn li:last-child a img {
display: inline-block;
vertical-align: middle;
}
.leftfl {
float: left;
}
.rgtfl {
float: right;
}
.tall {
text-align: left;
}
.talr {
text-align: right;
}
.talc {
text-align: center;
}
.justify {
text-align: justify;
}
.violet {
color: #8F5E99;
}
.indigo {
color: #4b0082;
}
.blue {
color: #005aff;
}
.green {
color: #5a8e00;
}
.yellow {
color: #f87b00;
}
.orange {
color: #FF6600;
}
.red {
color: #ff0000;
}
.black {
color: #000;
}
.m0 {
margin: 0px 0px 0px 0px;
}
.wid:after, li:after, ul:after, .social:after, div:after {
display: block;
content: "";
clear: both;
}
::-webkit-input-placeholder {
opacity: 1;
color: #acacac;
}
:-moz-placeholder {
opacity: 1;
color: #acacac;
}
::-moz-placeholder {
opacity: 1;
color: #acacac;
}
:-ms-input-placeholder {
opacity: 1;
color: #acacac;
}
*, :before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.hidecal {
display: none;
}
a.phn {
color: #000;
display: inline-block;
font-size: 20px;
font-weight: bold;
line-height: inherit;
}
a.phn:hover {
color: #ff9609;
transition: all 1s;
}
.rcapcha {
border-radius: 3px;
height: 75px;
margin: 0 auto 6px;
overflow: hidden;
width: 100%;
}
section.banner-sec {
background-size: cover;
height: 400px;
display: flex;
align-items: center;position: relative;
}
section.banner-sec .container{position: relative;z-index: 1;}
section.banner-sec:after {
position: absolute;
content: '';
left: 0px;
top: 0px;
background: #01043a94;
width: 100%;
height: 100%;
}
.banner-cont h1 {
color: #fff;
font-size: 25px;
line-height: 35px;
font-family: 'IBM Plex Sans Arabic', sans-serif; font-weight:500;
}
p {
font-size: 17px;
}
section.cyber {
padding: 60px 0;
}
h2 span {
color: #1bb833;
}
section.ceo-b {
background: #009cdd;
padding: 70px 0 50px;
color: #fff;
}
section.ceo-b strong {
color: #000;
font-weight: 900;
font-size: 16px;
}
.ceo-img {
padding-bottom: 25px;
}
.current_page_item a, .current-menu-item a {
color: #1bb833 !important;
}
.current_page_item a:hover, .current_page_item li a:hover, .current-menu-item a:hover {
color: #FF7900 !important;
transition: all 1s;
}
footer .current_page_item a, footer .current-menu-item a {
background: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
color: #fff !important;
}
.sitmpee .current_page_item a {
color: inherit !important;
}
footer .current_page_item a:hover, footer .current-menu-item a:hover {
background: none;
transition: all 1s;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
color: #FF7900 !important;
}
.current_page_item li a {
color: #FF7900 !important;
background: none;
}
a.menu-link {
color: #000;
display: block;
text-decoration: none;
height: 22px;
width: 35px;
}
.menu-link:hover span {
border-color: #666;
}
.menu, .menu > ul, .menu > ul ul {
clear: both;
flex-flow: column;
}
.menu.active1 {
background: #000;
border-bottom: 1px solid #074373;
border-top: 1px solid #074373;
margin: 1em 0 1em -12px;
max-height: 55em;
width: 100vw;
}
.js .menu > ul ul.active1 {
margin: 0;
max-height: 55em;
padding: 0;
}
.menu > ul {
padding: 0;
}
nav li {
display: inline-block;
margin: 0;
position: relative;
}
.menu li a {
font-family: 'IBM Plex Sans Arabic', sans-serif; font-weight:500;
color: #212529;
display: inline-block;
font-size: 17px;
line-height: 30px;
padding: 0 9px;
text-decoration: none;
white-space: nowrap;
}
.menu li a:hover {
color: #1BB833;
}
li.menu-item-has-children a {
padding-right: 23px !important;
}
span.has-subnav {
display: block;
color: #fff;
font-size: 1em;
line-height: 34px;
position: absolute;
padding: 0 0.5em;
cursor: pointer;
right: -4px;
top: 2px;
width: 30px;
height: 30px;
background: url(https://www.tranquilbs.com/wp-content/themes/Otlet_theme/css/images/dpDownArrow.png) no-repeat center center;
background-size: 11px;
} #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
cursor: pointer;
border-radius: 1px;
height: 5px;
width: 35px;
position: absolute;
display: block;
content: '';
}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
background: #84c126;
}
#nav-toggle span::before {
top: 8px;
}
#nav-toggle span:after {
bottom: -16px;
}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
transition: all 500ms ease-in-out;
}
#nav-toggle.active1 span {
background-color: transparent;
}
#nav-toggle.active1.active1 span::before, #nav-toggle.active1.active1 span::after {
top: 11px;
}
#nav-toggle.active1 span:before, #nav-toggle.active1 span:after {
top: 0;
}
#nav-toggle.active1 span:before {
transform: rotate(45deg);
}
#nav-toggle.active1 span:after {
transform: rotate(-45deg);
}
.menuD {
float: left;
width: auto;
padding-right: 15px;
padding-top: 0;
}
@media screen and (min-width: 875px) { a.menu-link {
display: none;
}
.js .menu, .js .menu > ul ul {
max-height: none;
overflow: visible;
}
.js .menu > ul li:hover > ul {
display: flex;
transition: all 1s;
}
.menu ul {
float: right;
margin: 0;
padding: 0;
}
nav > ul > li:last-child {
padding-right: 0;
}
.menu > ul > li > a {
position: relative;
}
.menu li a:hover {
transition: all 1s;
}
.menu ul ul {
border-radius: 0px 0px 5px 5px;
border-bottom: solid 1px transparent;
display: none;
height: auto;
overflow: hidden;
padding: 20px 0 0;
position: absolute;
text-align: left;
left: 0;
top: 30px;
width: 245px;
z-index: 999;
}
.chrome .js .menu > ul ul {
top: 43px;
}
.menu ul ul.wide {
width: 300px;
}
.menu ul ul li { display: inline-block;
position: relative;
background: #fff;
}
.menu > ul ul li:last-child {
border-bottom: none;
}
.menu ul ul li a {
display: block;
padding: 5px 10px;
border-left: 3px solid #fff;
}
.menu ul ul li a }
.menu ul ul li a:hover {  color: #009cdd;
}
li.soluMenu>a {
padding-right: 22px;
}
@media screen and (max-width: 874px) {
.menuCvrSolu {
display: none !important;
}
.menuCvrSolu.active {
display: block !important;
}
ul.megasub {
max-height: 100% !important;
padding: 0px;
left: 0px;
margin: 0px;
}
.menuCvrSolu {
position: initial !important;
padding: 0px !important;
}
ul.level-01 {
max-height: 50em;
overflow-y: auto;
}
.soluMenuCvr {
padding: 0px !important;
margin: 0px !important;
}
.menuHEad {
font-size: 17px;
background: #093b63;
color: #fff;
padding: 5px 15px;
}
.menu ul ul.megasub {
padding-top: 0px !important;
}
.soluMenuCvr .col-lg-3 {
display: inline-grid !important;
}
.menu li li a {
padding-left: 30px !important;
color: #FF7900 !important;
}
span.has-subnav {
right: 4px;
}
li.soluMenu>a {
padding-right: 0px;
}
.menu ul ul.megasub li a {
font-size: 17px !important;
}
.details-pro ul.two li p{padding-left: 0px !important;}
}
@media screen and (max-width: 767px) {
.mob-hed a {
color: white;
}
.snglBlg {
width: 100%;
}
.snglBlg .title {
height: inherit;
}
.menu {
top: 135px;
}
.menu li a {
color: #fff;
}
.menuD {
float: right;
padding-right: 0;
}
}
.slideCvr > a {
color: #000;
}
.slideCvr {
margin: 0;
width: 100%;
clear: both;
float: left;
padding: 92px 0 0;
}
.slideCvr::after, .content-slider::after {
clear: both;
content: "";
display: block;
}
.lSSlideOuter {
overflow: hidden;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.lightSlider:before, .lightSlider:after {
content: " ";
display: table;
}
.lightSlider {
overflow: hidden;
}
.lSSlideWrapper {
max-width: 100%;
overflow: hidden;
position: relative;
}
.lSSlideWrapper > .lightSlider:after {
clear: both;
}
.lSSlideWrapper .lSSlide {
-webkit-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition: all 1s;
-webkit-transition-property: -webkit-transform, height;
-moz-transition-property: -moz-transform, height;
transition-property: transform, height;
-webkit-transition-duration: inherit;
transition-duration: inherit;
-webkit-transition-timing-function: inherit;
transition-timing-function: inherit;
}
.lSSlideWrapper .lSFade {
position: relative;
}
.lSSlideWrapper .lSFade > * {
position: absolute !important;
top: 0;
left: 0;
z-index: 9;
margin-right: 0;
width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-duration: inherit;
transition-duration: inherit;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: inherit;
transition-timing-function: inherit;
}
.lSSlideWrapper .lSFade > *.active {
z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
opacity: 1;
}  .whyChSlider .lSSlideOuter .lSPager.lSpg > li:hover a, .whyChSlider .lSSlideOuter .lSPager.lSpg > li.active a {
background-color: #97ca41;
}
.whyChSlider .lSSlideOuter .lSPager.lSpg > li a {
width: 20px;
height: 10px;
border: none;
background-color: #fff;
}
.lSSlideOuter .lSPager.lSpg {
margin: 10px 0 0;
padding: 0;
text-align: center;
position: relative;
}
.lSSlideOuter .lSPager.lSpg > li {
cursor: pointer;
display: inline-block;
padding: 0 2px;
}
.lSSlideOuter .lSPager.lSpg > li a {
border: 0px solid #000;
background-color: #1c1c1c;
border-radius: 30px;
display: inline-block;
height: 10px;
overflow: hidden;
text-indent: -999em;
width: 20px;
position: relative;
z-index: 99;
-webkit-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
background-color: #97ca41;
}
.lSSlideOuter .media {
opacity: 0.8;
}
.lSSlideOuter .media.active {
opacity: 1;
}  .lSSlideOuter .lSPager.lSGallery {
list-style: none outside none;
padding-left: 0;
margin: 0;
overflow: hidden;
-moz-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
opacity: 0.7;
overflow: hidden;
-webkit-transition: opacity 0.35s linear 0s;
transition: opacity 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
opacity: 1;
}
.lSSlideOuter .lSPager.lSGallery img {
display: block;
height: auto;
max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
content: " ";
display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
clear: both;
}  .lSAction > a {
width: 32px;
display: block;
top: 50%;
height: 32px; cursor: pointer;
position: absolute;
z-index: 9999;
margin-top: -16px;
opacity: 0.5;
-webkit-transition: opacity 0.35s linear 0s;
transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
opacity: 1;
}
.lSAction > .lSPrev {
background-position: 0 0;
left: 10px;
}
.lSAction > .lSNext {
background-position: -32px 0;
right: 10px;
}
.lSAction > a.disabled {
pointer-events: none;
}
.cS-hidden {
height: 1px;
opacity: 0;
filter: alpha(opacity=0);
overflow: hidden;
} .lSSlideOuter.vertical {
position: relative;
}
.lSSlideOuter.vertical.noPager {
padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
position: absolute !important;
right: 0;
top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
width: 100% !important;
max-width: none !important;
}  .lSSlideOuter.lSrtl {
direction: rtl;
}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
padding-left: 0;
list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
padding-right: 0;
}
.lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li {
float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li {
float: right !important;
} @-webkit-keyframes rightEnd {
0% {
left: 0;
}
50% {
left: -15px;
}
100% {
left: 0;
}
}
@keyframes rightEnd {
0% {
left: 0;
}
50% {
left: -15px;
}
100% {
left: 0;
}
}
@-webkit-keyframes topEnd {
0% {
top: 0;
}
50% {
top: -15px;
}
100% {
top: 0;
}
}
@keyframes topEnd {
0% {
top: 0;
}
50% {
top: -15px;
}
100% {
top: 0;
}
}
@-webkit-keyframes leftEnd {
0% {
left: 0;
}
50% {
left: 15px;
}
100% {
left: 0;
}
}
@keyframes leftEnd {
0% {
left: 0;
}
50% {
left: 15px;
}
100% {
left: 0;
}
}
@-webkit-keyframes bottomEnd {
0% {
bottom: 0;
}
50% {
bottom: -15px;
}
100% {
bottom: 0;
}
}
@keyframes bottomEnd {
0% {
bottom: 0;
}
50% {
bottom: -15px;
}
100% {
bottom: 0;
}
} .contentarea {
width: 50%;
float: left;
padding-right: 20px;
}
.contentarea p {
line-height: 30px;
margin: 0px;
margin-bottom: 15px;
}
.fullWdth {
width: 100%;
float: left;
}
.lSSlideOuter .rightEnd {
-webkit-animation: rightEnd 0.3s;
animation: rightEnd 0.3s;
position: relative;
}
.lSSlideOuter .leftEnd {
-webkit-animation: leftEnd 0.3s;
animation: leftEnd 0.3s;
position: relative;
}
.lSSlideOuter.vertical .rightEnd {
-webkit-animation: topEnd 0.3s;
animation: topEnd 0.3s;
position: relative;
}
.lSSlideOuter.vertical .leftEnd {
-webkit-animation: bottomEnd 0.3s;
animation: bottomEnd 0.3s;
position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
-webkit-animation: leftEnd 0.3s;
animation: leftEnd 0.3s;
position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
-webkit-animation: rightEnd 0.3s;
animation: rightEnd 0.3s;
position: relative;
}
body {
margin: 0;
padding: 0;
}
.wid {
max-width: 1200px;
margin: 0 auto;
}
header {
position: relative;
left: 0;
top: 0;
right: 0; }
.logo img {
width: 176px;
height: auto;
}
#gtranslate_wrapper {
display: none;
}
a.glink span {
color: #fff;
line-height: 41px;
}
header .logo {
float: left;
margin: 0 0;
height: 40px;
text-decoration: none;
display: flex;
align-items: center;
justify-content: flex-start;
}
header .logo span {
display: block;
font-family: inherit;
color: #1c1c1c;
font-size: 19px;
}
.hdrBtns {
float: right;
padding-top: 8px;
}
.logoRgt {
float: right;
width: auto;
}
.homeSec3 {
position: relative;
background-repeat: no-repeat;
padding: 70px 0;
background-position: center 0;
background-size: cover;
}
.homeSec3 .wid {
position: relative;
}
.homeSec3 .wid p {
font-size: 17px;
}
.homeSec3 h2 {
color: #fff;
font-family: 'Barlow', sans-serif;
margin-bottom: 60px;
}
.homeSec3 .whyChIcon {
text-align: left;
border-bottom: 3px #97ca41 solid;
padding-bottom: 11px;
}
.homeSec3 .whychsBx {
text-align: left;
}
.homeSec3 .whyChTitlt {
font-size: 25px;
color: #85c226;
text-transform: uppercase;
padding: 15px 0;
}
.homeSec3 .whyChCont p {
color: #fff;
}
.homeSec3:before {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.8);
}
.banner {
margin-top: 94px;
background: #6e9a2b;
background: -moz-linear-gradient(left, #6e9a2b 0%, #83c126 51%, #6e9a2b 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #6e9a2b), color-stop(51%, #83c126), color-stop(100%, #6e9a2b));
background: -webkit-linear-gradient(left, #6e9a2b 0%, #83c126 51%, #6e9a2b 100%);
background: -o-linear-gradient(left, #6e9a2b 0%, #83c126 51%, #6e9a2b 100%);
background: -ms-linear-gradient(left, #6e9a2b 0%, #83c126 51%, #6e9a2b 100%);
background: linear-gradient(to right, #6e9a2b 0%, #83c126 51%, #6e9a2b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e9a2b', endColorstr='#6e9a2b', GradientType=1 );
}
.banner h1 {
text-align: left;
font-family: 'Barlow', sans-serif;
font-size: 38px;
color: #fff;
text-transform: uppercase;
padding-top: 103px;
}
.banner .banForm {
width: 335px;
float: left;
margin: 32px 0;
border-radius: 25px;
}
.banner .bannerLft {
width: 865px;
float: left;
min-height: 536px;
}
.banner .bannerLft ul {
max-width: 343px;
text-align: left;
}
.banner .bannerLft ul li span {
display: block;
padding-left: 30px;
background: url(//www.tranquilbs.com/wp-content/themes/Otlet_theme/images/banner-icon.png) no-repeat 0 4px;
color: #fff;
font-size: 18px;
font-family: 'Barlow', sans-serif;
}
.qtForm {
padding: 17px 20px 20px;
background: #293aa1;
margin: 31px 0;
border-radius: 25px;
}
.qtForm li {
margin-bottom: 8px;
}
.qtForm input[type="submit"] {
width: 100%;
}
.qtForm .qtTitl {
font-size: 30px;
text-transform: uppercase;
color: #85c226;
font-family: 'Barlow', sans-serif;
position: relative;
text-align: center;
padding: 0 50px 29px;
}
.qtForm .qtTitl:before, .qtForm .qtTitl:after {
content: "";
display: block;
position: absolute;
top: 2px;
width: 50px;
height: 52px;
background-position: center center;
background-repeat: no-repeat;
}
.qtForm .qtTitl:before {
left: 11px;
}
.qtForm .qtTitl:after {
right: 13px;
}
.homeSec2 li {
width: 33.33%;
float: left;
padding: 0 14px 15px;
}
.homeSec2 .servImg {
overflow: hidden;
height: 278px;
position: relative;
}
.homeSec2 .servImg small {
position: absolute;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
color: #fff;
text-align: center;
font-size: 22px;
padding: 10px 10px;
}
.homeSec1 {
padding: 85px 0;
}
.homeSec1 .welSc {
padding-top: 8px;
}
.homeSec1 .welLeft {
float: left;
width: 44%;
}
.homeSec1 .welRight {
float: left;
width: 56%;
text-align: left;
padding-left: 35px;
}
.hdrBtns li a {
display: block;
padding: 2px 10px 0 39px;
height: 38px;
border: 2px #84c126 solid;
border-radius: 25px;
position: relative;
font-family: 'Barlow', sans-serif;
font-size: 24px;
text-decoration: none;
text-transform: uppercase;
}
.hdrCall:hover {
background-color: #293aa1;
color: #fff;
transition: all 1s;
border-color: #293aa1;
}
.hdrQt:hover {
background-color: #293aa1;
color: #fff;
border-color: #293aa1;
}
.hdrBtns li a:before {
content: "";
position: absolute;
left: 2px;
top: 0px;
width: 34px;
height: 34px;
overflow: hidden;
border-radius: 50%;
background-position: center center;
background-repeat: no-repeat;
}
.hdrCall:before {
background-image: url(//www.tranquilbs.com/wp-content/themes/Otlet_theme/images/call-icon.png);
background-color: #fff;
}
.hdrQt:before {
background-image: url(//www.tranquilbs.com/wp-content/themes/Otlet_theme/images/get-aquote-icon.png);
background-color: #84c126;
}
.hdrQt {
color: #84c126;
}
.hdrCall {
background-color: #84c126;
color: #fff;
}
.hdrBtns li:nth-child(1) {
float: left;
}
.hdrBtns li:nth-child(2) {
float: right;
margin-left: 3px;
}
.revContInn, .revContInn p {
font-size: 17px;
line-height: 29px;
}
.revContInn {
overflow: hidden;
height: 117px;
}
.revwCont small {
display: block;
}
.review {
padding: 0 0 29px;
}
footer {
padding: 56px 0 25px;
background: #282c37;
}
.menuFtr li {
float: left;
width: 50%;
}
.menuFtr li a, .serviceFtr li a {
color: #fff;
font-size: 14px;
text-decoration: none !important;
}
.menuFtr li a:hover, .serviceFtr li a:hover, ul.addressScn a:hover {
color: #FF7900;
}
.cntactFtr {
float: right;
width: 28.6%;
}
.addressScn li span, .addressScn li a {
padding: 0 0 0 27px;
display: block;
text-decoration: none;
color: #fff;
font-size: 14px;
background-position: -6px 1px;
background-repeat: no-repeat;
}
.ftrTop {
border-bottom: 1px #85c226 solid;
}
.blog h2, h3, h4 {
color: #009cdd;
font-family: 'IBM Plex Sans Arabic', sans-serif; font-weight:700;
font-size: 25px;
margin: 25px 0px 25px 0px;
}
.blog h3,.innersecContent h3{font-size: 24px;}
.blog h4,.innersecContent h4{font-size: 22px;}
.blog h5,.innersecContent h5{font-size: 19px;}
.blog h6,.innersecContent h6{font-size: 18px;}
.blogContentCvrmain h1 {
color: #e77723;
font-family: 'IBM Plex Sans Arabic', sans-serif; 
font-size: 29px;
margin-bottom: 25px;
} a.readmore {
background: #009cdd;
padding: 10px 20px;
color: #fff;
border-radius: 5px;
}
a.readmore:hover {
background: #85c226;
}
section.sec .container {
border-top: 1px solid #ccc;
}
.cont h1 span {
color: #1bb833;
}
.col-md-6.col-sm-12.fr {
float: right;
padding-top: 50px;
}
.col-md-6.col-sm-12.cont {
float: left;
}
span.wpcf7-list-item.first.last {
margin-left: 0;
}
span.wpcf7-list-item.first.last label {
font-size: 12px;
}
.hea {
padding-bottom: 15px;
color: #1bb833;
font-weight: 600;
}
section.sec h1 {
padding-top: 40px;
padding-bottom: 15px;
}
.sec {
min-height: 400px;
}
.testu {
margin-top: 50px;
margin-bottom: 50px;
}
.imgtest {
width: 100px;
height: 100px;
border-radius: 130px;
margin: -56px auto 10px;
background-repeat: no-repeat !important;
text-align: center;
background-size: contain !important;
}
.sec .name {
color: #1bb833;
font-weight: 600;
font-size: 17px;
}
.sec .desg p {
color: #000;
font-size: 16px;
}
.sec .testCvr {
float: left;
width: 100%;
text-align: center;
background: #eee;
margin: 1px;
padding: 15px; height: 100%;
}
.row.testu .col-md-4 {
margin-bottom: 80px;
}
ul.addressScn li span {
line-height: 25px;
padding-top: 3px;
}
li.ftrEmail a {
background-image: url(//www.tranquilbs.com/wp-content/themes/Otlet_theme/images/footer-email.png);
}
li.ftrMob a {
background-image: url(//www.tranquilbs.com/wp-content/themes/Otlet_theme/images/footer-mobile.png);
}
li.ftrPhone a {
background-image: url(//www.tranquilbs.com/wp-content/themes/Otlet_theme/images/footer-phone.png);
}
li.locaAddre span {
background-image: url(//www.tranquilbs.com/wp-content/themes/Otlet_theme/images/address-icon.png);
}
.listng, .blogContentCvrmain ul, .ftrmaindetails ul,.autolisting ul {
margin-bottom: 30px;
}
.listng li, .blogContentCvrmain ul li, .ftrmaindetails ul li,.autolisting ul li {
padding: 0px 0px 0px 30px;
margin-bottom: 10px;
position: relative;
}
.listng li:before, .blogContentCvrmain ul li:before, .ftrmaindetails ul li:before,.autolisting ul li:before {
position: absolute;
left: 0;
top: -1px;
width: 25px;
content: "";
background-size: 17px;
height: 25px;
background: url(//www.tranquilbs.com/wp-content/themes/Otlet_theme/images/blog-arrow.png) no-repeat center center;
background-size: 15px;
}
.listng.threeCol > li {
float: left;
width: 100%;
}
h6, h5 {
color: #009cdd;
}
.getinTouchForm {
width: 100%;
}
.getinTouchForm li {
width: 33%;
float: left;
padding: 0 6px;
}
.getinTouchForm input[type="submit"] {
height: 48px;
border-radius: 5px;
width: 100%;
font-size: 24px;
position: static !important;
margin: 0 !important;
}
.social li {
margin-left: 9px;
float: left;
}
.social li:first-child {
margin-left: 0;
}
.social li a {
display: flex;
align-items: center;
justify-content: center;
} ul.social {
margin: 0;
}
.serviceFtr {
padding: 0;
}
section.welcomeSc h2 {
font-size: 39px;
line-height: 60px;
}
.reviewImg {
overflow: hidden;
float: left;
width: 136px;
height: 136px;
border-radius: 50%;
}
.revwCont {
float: left;
width: 75%;
text-align: left;
padding: 0 0 0 13px;
}
section.reviewScn {
padding: 111px 0 30px;
}
.contentarea {
width: 100%;
}
.imgarea {
width: 100%;
}
.ftrSitemap > li {
margin-bottom: 10px;
}
.copy, .copy a {
text-decoration: none;
color: #8f9196;
text-align: right;
}
.powerd, .powerd a {
text-align: right;
text-decoration: none;
color: #8f9196;
}
.copy a:hover {
color: #97ca41;
}
.innerpage {
margin-top: 95px;
padding-top: 73px;
min-height: 700px;
padding-bottom: 33px;
}
.innerpage h1 {
text-transform: uppercase;
font-family: 'Barlow', sans-serif;
font-size: 45px;
position: relative;
padding-bottom: 11px;
display: inline-block;
margin-bottom: 16px;
}
.innerpage h1:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 6px;
width: 80px;
background: #97ca41;
}
.innerpage .blogCover {
padding: 32px 0 0;
}
.innerpage .blogCover .contLft {
float: left;
width: 65.5%;
text-align: left;
}
.innerpage .blogCover .contLft h2 {
text-transform: none;
line-height: 40px;
}
.innerpage .blogCover .contLft h2 small {
display: block;
font-size: 20px;
font-family: 'Barlow', sans-serif;
}
.innerpage .blogCover .contLft h2:before {
background: none;
}
.innerpage .blogCover .contLft .blogMainImg {
margin: 0 0 15px;
}
.innerpage .blogCover .contLft .blogShare {
border-top: 1px #000 solid;
padding: 15px 0 0;
}
.innerpage .blogCover .contLft .blogShare li {
float: left;
margin-right: 10px;
}
.innerpage .blogCover .contLft .blogShare li a {
display: block;
border-radius: 20px;
overflow: hidden;
background-repeat: no-repeat;
background-position: 19px 50%;
padding: 1px 29px 1px 48px;
color: #fff;
text-decoration: none;
font-size: 16px;
font-family: 'Barlow', sans-serif;
}
.innerpage .blogCover .contLft .blogShare li a:hover {
opacity: 0.5;
}
.innerpage .blogCover .contLft .blogShare .fbShare a {
background-image: url(//www.tranquilbs.com/wp-content/themes/Otlet_theme/images/facebook-share.png);
background-color: #4268b3;
}
.innerpage .blogCover .contLft .blogShare .gplusShare a {
background-image: url(//www.tranquilbs.com/wp-content/themes/Otlet_theme/images/google-plus-share.png);
background-color: #dd493d;
}
.innerpage .blogCover .contLft .blogShare .twShare a {
background-color: #1ccaff;
}
.innerpage .blogCover .contRgt {
float: right;
width: 31%;
text-align: left;
padding-top: 6px;
}
.innerpage .blogCover .contRgt .heading {
font-size: 29px;
text-transform: none;
padding: 6px 17px;
margin: 0 0 7px;
color: #84c126;
font-family: 'Barlow', sans-serif;
background: whitesmoke;
}
.innerpage .blogCover .contRgt .blogRecent {
padding: 21px 16px;
background: whitesmoke;
margin-bottom: 7px;
}
.innerpage .blogCover .contRgt .blogRecent .listng {
margin: 0;
}
.innerpage .blogCover .contRgt .blogRecent .listng li {
padding-bottom: 10px;
padding-left: 34px;
}
.innerpage .blogCover .contRgt .blogRecent .listng li a {
text-decoration: none;
color: #000;
font-size: 18px;
line-height: 25px;
display: block;
}
.innerpage .blogCover .contRgt .blogRecent .listng li a:hover {
color: #85c226;
}
.innerpage .blogCover .contRgt .blogRecent .listng li:before {
top: 1px;
}
.innerpage .innerCvr {
text-align: left;
}
.innerpage .innerCvr .qtForm {
float: right;
width: 335px;
margin: 0 0 30px 53px;
}
.innerpage .innerCvr .qtForm.mobForm {
display: none;
}
.innerpage h2:before,  .innerpage h3:before,  .innerpage h4:before,  .innerpage h5:before,  .innerpage h6:before {
background: none;
}
.innerpage h2, .innerpage h3, .innerpage h4, .innerpage h5, .innerpage h6 {
text-transform: none;
}
.innerpage .contactCvr {
text-align: left;
padding: 33px 0 0;
}
.innerpage .contactCvr .contnLft {
float: left;
padding-right: 30px;
width: 50%;
}
.innerpage .contactCvr .contnLft h2 {
text-transform: none;
line-height: 31px;
font-size: 32px;
color: #84c126;
}
.innerpage .contactCvr .contnLft .addressScn {
margin-bottom: 30px;
}
.innerpage .contactCvr .contnLft .addressScn li {
color: #000;
font-size: 16px;
}
.innerpage .contactCvr .contnLft .addressScn li span {
color: inherit;
font-size: inherit;
}
.innerpage .contactCvr .contnLft .addressScn li a {
color: inherit;
font-size: inherit;
}
.innerpage .contactCvr .contnLft .qtForm {
max-width: 542px;
margin: 0;
}
.innerpage .contactCvr .contnLft .qtForm input[type="text"], .innerpage .contactCvr .contnLft .qtForm input[type="tel"], .innerpage .contactCvr .contnLft .qtForm input[type="phone"], .innerpage .contactCvr .contnLft .qtForm input[type="email"] {
height: 50px;
padding: 4px 18px;
font-size: 14px;
}
.innerpage .contactCvr .contnLft .qtForm textarea {
height: 110px;
}
.innerpage .contactCvr .contnLft .qtForm input[type="submit"] {
height: 50px;
}
.innerpage .contactCvr .contnLft .qtForm li {
margin-bottom: 14px;
}
.innerpage .contactCvr .contnLft .qtForm .qtTitl:before, .innerpage .contactCvr .contnLft .qtForm .qtTitl:after {
display: none;
}
.innerpage .contactCvr .contMap {
float: left;
width: 50%;
}
@media screen and (max-width: 1370px) {
h1 {
font-size: 46px;
}
.menuFtr ul li {
margin: 0px 36px;
} h1, h2, h3, h4, h5, h6, .h2 {
font-size: 35px !important;
}
}
input.wpcf7-form-control.has-spinner.wpcf7-submit.form-submit.btn.btn-secondary {
}
.contbxCvr {
margin-bottom: 25px;
}
html.with-featherlight{overflow:hidden}.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;margin-left:5%;margin-right:5%;max-height:95%;max-width: 1000px;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight link.featherlight-inner,.featherlight script.featherlight-inner,.featherlight style.featherlight-inner{display:none}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font-family:Arial,sans-serif;background: #f00;
color: #fff;border:0;padding:0}.featherlight .featherlight-close-icon::-moz-focus-inner{border:0;padding:0}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0;-webkit-overflow-scrolling:touch}.featherlight iframe{border:0}.featherlight *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:0;margin-right:0;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}}@media print{html.with-featherlight>*>:not(.featherlight){display:none}}
@media all {
.lightbox { display: none; }
.fl-page h1,
.fl-page h3,
.fl-page h4 {
font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-weight: 100;
letter-spacing: 1px;
}
.fl-page h1 { font-size: 110px; margin-bottom: 0.5em; }
.fl-page h1 i { font-style: normal; color: #ddd; }
.fl-page h1 span { font-size: 30px; color: #333;}
.fl-page h3 { text-align: right; }
.fl-page h3 { font-size: 15px; }
.fl-page h4 { font-size: 2em; }
.fl-page .jumbotron { margin-top: 2em; }
.fl-page .doc { margin: 2em 0;}
.fl-page .btn-download { float: right; }
.fl-page .btn-default { vertical-align: bottom; }
.fl-page .btn-lg span { font-size: 0.7em; }
.fl-page .footer { margin-top: 3em; color: #aaa; font-size: 0.9em;}
.fl-page .footer a { color: #999; text-decoration: none; margin-right: 0.75em;}
.fl-page .github { margin: 2em 0; }
.fl-page .github a { vertical-align: top; }
.fl-page .marketing a { color: #999; } .fixwidth {
background: rgba(256,256,256, 0.8);
}
.fixwidth .featherlight-content {
width: 500px;
padding: 25px;
color: #fff;
background: #111;
}
.fixwidth .featherlight-close {
color: #fff;
background: #333;
}
}
@media(max-width: 768px){
.fl-page h1 span { display: block; }
.fl-page .btn-download { float: none; margin-bottom: 1em; }
} img{max-width: 100%;}
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1320px !important;
}
@media (max-width: 15660px){
.carousel-caption {
left: 12%;
top: 0;
bottom: inherit;
right: inherit;
top: 65px;
text-align: left;
}
}
@media (max-width: 1400px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1280px !important;
}
}
@media (max-width: 1280px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1120px !important;
}
.menuD{padding-left: 25px !important;}
}
section.featuresCvr {
width: 100%;
display: inline-block;
background: #f7fbfc;
padding: 50px 0px;
}
.featurTop {
text-align: center;
}
.featurTop {
text-align: center;
margin-bottom: 60px;
}
.featurTop p {
color: #103c5f;
font-size: 17px;
}
.featurTop h1, .featurTop h2, .featurTop h3 {
color: #e77723;
margin-bottom: 25px;
}
.ftrPrdHead {
color: #263a5b;
font-family: 'IBM Plex Sans Arabic', sans-serif; font-weight:700;
font-size: 18px;
margin-bottom: 5px;
}
.ftrPrdCvr p {
font-size: 16px;
}
.ftrPrdCvr {
background: #fff;
border-radius: 5px;
padding: 20px 20px 10px;
position: relative;
height: 100%;
-webkit-box-shadow: 0px 6px 18px 0px rgb(202 220 234);
-moz-box-shadow: 0px 6px 18px 0px rgb(202 220 234);
box-shadow: 0px 6px 18px 0px rgb(202 220 234);
padding-left: 85px;
min-height: 116px;
}
.ftrPrdCvr img {
position: absolute;
left: 10px;
top: 16px;
}
.featuredProductsCvr .col-lg-4 {
margin-bottom: 30px;
}
section.featuresSec03 {
padding: 100px 0px;
position: relative;
}
a.rdmorebord {
padding: 10px 25px;
color: #58c747;
font-weight: 600;
border: 2px solid #58c747;
text-transform: uppercase;
}
a.rdmorebord:hover {
background: #e77723;
color: #fff;
border: 2px solid #e77723;
}
section.featuresSec03 .container {
display: flex;
align-items: center;
justify-content: center;
}
img.ppmImg {
position: absolute;
left: 0px;
width: 43%;
}
section.featuresSec04 {
background: #f6f7f9;
padding: 100px 0px;
display: inline-block;
width: 100%;
position: relative;
}
section.featuresSec04 .details-pro ul.two:before {
content: '';
position: absolute;
width: 50px;
height: 5px;
background: #ff7105;
left: 0;
top: 12px;
}
img.ppmImg2 {
position: absolute;
right: 0px;
top: 0px;
}
section.featuresSec04 .details-pro ul.two {
position: relative;
padding-top: 25px;
margin-bottom: 20px;
}
section.featuresSec04 ul.two li {
padding-right: 15px;
}
.holder a {
padding: 5px;
min-width: 37px;
display: inline-flex;
align-items: center;
justify-content: center;
border-right: 1px solid #ccc;
color: #009cdd;
cursor: pointer;
}
.holder {
border: 1px solid #ccc;
display: inline-block;
border-radius: 5px;
}
a.jp-current {
color: #000;
font-size: 16px;
font-weight: bold;
}
.ppmImg2 {
position: absolute;
right: 0px;
top: 0px;
width: 40%;
height: 100%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.post h1.title a {
color: #000;
}
.ppmImg2 img {
height: 100%;
width: 100%;
object-fit: cover;
}
section.sec.testimonialIn {
width: 100%;
display: inline-block;
padding: 100px 0px 60px;
}
section.sec.testimonialIn .container {
border: none;
}
.navigation {
display: inline-flex;
padding: 10px 0px;
}
.navigation a {
border: 1px solid #009cdd;
padding: 10px 15px; margin-right: 10px;
}
.navigation a:hover{background:#009cdd ; color: #fff;}
.testHead {
font-size: 34px;
text-align: center;
margin-bottom: 50px;
display: inline-block;
width: 100%;
color: #3b6281;
}
section.sec.testimonialIn .col-md-4 {
margin-bottom: 50px;
}
section.blogTitTop {
height: 180px;
background-repeat: no-repeat;
background-size: cover;
display: flex;
align-items: center;
justify-content: flex-start;position: relative;
}
section.blogTitTop:after {
position: absolute;
content: '';
left: 0px;
top: 0px;
background: #01043acf;
width: 100%;
height: 100%;
}
section.blogTitTop .container{position: relative; z-index: 11;}
section.blogTitTop h1 {
color: #fff;
position: relative;
margin-bottom: 0px;
padding-top: 30px;
}
section.blogTitTop h1:before {
content: '';
position: absolute;
width: 50px;
height: 5px;
background: #ff7105;
left: 0;
top: 12px;
}
.tagCVr {
display: flex;
align-items: center;
justify-content: flex-start;
}
.blogTags {
padding: 0px 15px;
background: #009cdd;
height: 23px;
text-transform: uppercase;
font-size: 12px;
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 23px;
color: #fff;
border-radius: 3px;
margin-right: 5px;
padding-top: 1px;
margin-right: 5px;
}
.row.blogchild .col-lg-6:nth-child(2n) .blogTags, .blogArea .col-lg-4:nth-child(2n) .blogTags {
background: #55b935;
}
.row.blogchild .col-lg-6:nth-child(3n) .blogTags, .blogArea .col-lg-4:nth-child(3n) .blogTags {
background: #ee5635;
}
.row.blogchild .col-lg-6:nth-child(4n) .blogTags, .blogArea .col-lg-4:nth-child(4n) .blogTags {
background: #092059;
}
.blogcvrCont .title {
float: left;
width: 100%;
text-align: left;
margin-top: 15px;
}
.blogcvrCont .title a {
color: #0b1d4d;
font-size: 19px;
height: 46px;
text-align: left;
line-height: 25px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.blogLftfSdbar {
background: #f7fbfc;
position: relative;
height: 100%;
width: 90%;
padding: 30px 30px 30px 0px;
}
.blogLftfSdbar:before {
height: 100%;
width: 100%;
top: 0px;
left: -100%;
content: '';
background: #f7fbfc;
position: absolute;
}
.blogLEftHead {
position: relative;
font-size: 24px;
padding-top: 26px;
margin-bottom: 12px;
color: #414b59;
}
.blogLEftHead:before {
content: '';
position: absolute;
width: 50px;
height: 5px;
background: #ff7105;
left: 0;
top: 12px;
}
ul.blogLeftmenu {
margin-bottom: 40px;
}
ul.blogLeftmenu li a {
color: #212631;
padding: 5px 0;
display: inline-block;
transition-duration: .5s;
font-size: 14px;
position: relative;
padding-left: 15px;
}
ul.blogLeftmenu li a:after {
position: absolute;
width: 7px;
height: 7px;
content: '';
left: 0px;
top: 10px;
background: #000;
border-radius: 10px;
}
ul.blogLeftmenu li a:hover {
padding-left: 20px;
}
.blogCovercat {
margin-bottom: 20px;
}
.blogCovercat .blogCover {
height: 100%;
}
.blogCovercat .title a {
color: #0b1d4d;
font-size: 19px;
text-align: left;
line-height: 25px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.blogCovercat .title {
margin-top: 8px;
}
section.blogAchive {
width: 100%;
padding-top: 70px;
}
.blogLftfSdbar.innerrightside:before {
left: auto;
right: -100%;
}
.blogLftfSdbar.innerrightside {
padding: 30px 0px 30px 50px;
width: 100%;
}
.blogMainImg {
width: 100%;
display: inline-block;
margin-bottom: 30px;
}
.blogContentCvrmain {
width: 90%;
display: inline-block;
}
.blogContentCvrmain img {
margin-bottom: 20px;
}
section.subscribe.subscrBluestr {
background: #0b1d4f;
}
.subscriHead {
font-size: 24px;
color: #fff;
}
.blueStrBxblg {
display: flex;
align-items: center;
justify-content: center;
}
.subScr {
margin-left: auto;
width: 50%;
}
.subscriCVr {
width: 100%;
position: relative;
}
.subscriCVr .inputtext {
width: 100%;
height: 50px;
background: #fff;
border-radius: 5px;
-webkit-box-shadow: inset 0px 0px 21px -2px rgb(11 29 79 / 44%);
-moz-box-shadow: inset 0px 0px 21px -2px rgba(11,29,79,0.44);
box-shadow: inset 0px 0px 21px -2px rgb(11 29 79 / 44%);
border: none;
padding-left: 15px;
}
input:focus {
outline: none;
}
.inputbtn {
position: absolute;
background: #e77723;
color: #fff;
font-size: 22px;
height: 54px;
padding: 5px 30px;
right: -1px;top:-2px;
border: nane;
border-radius: 0px 7px 7px 0px;
}
.subScr {
position: relative;
}
.subScr .wpcf7-response-output {
position: absolute;
bottom: 2px;
left: 9px;
background: #fefefe;
border: none !important;
font-size: 14px;
max-width: 100%;
line-height: 17px;display: none;
padding: 0px !important;
}
.subscriCVr span.wpcf7-spinner {
display: none;
}
.bannerBtm {
max-width: 1000px;
margin: 0px auto;
display: inline-block;
}
.bannerBtm p {
font-size: 23px;
font-family: 'IBM Plex Sans Arabic', sans-serif; font-weight:500;
color: #474747;
}
.bannerBtm p  span{}
.bannerBtm h2, .bannerBtm h3, .bannerBtm h4 {
color: #1bb833;
font-family: 'IBM Plex Sans Arabic', sans-serif; font-weight:500;
font-size: 23px;
}
.ftrTobCvr {
width: 100%;
display: inline-block;
background: #f7fbfc;
padding: 30px;
height: 100%;
border: 1px solid #f0f0f0;
border-radius: 10px;
}
.ftrTobCvr .iconn {
height: 75px;
width: 75px;
margin: 0px auto;
display: inline-flex;
align-items: center;
justify-content: center;
background: #fff;
border-radius: 100%;
webkit-box-shadow: 0px 6px 18px 0px rgb(202 220 234);
-moz-box-shadow: 0px 6px 18px 0px rgb(202 220 234);
box-shadow: 0px 6px 18px 0px rgb(202 220 234);
margin-bottom: 10px;
}
.ftrTobCvr .hduhd {
font-size: 22px;
}
.ftrproducsec02 {
margin-top: 50px;
}
.ftProductListCvr {
width: 100%;
display: inline-block;
background: #fff;
padding: 50px 0px;
background-repeat: no-repeat;
background-size: cover;
}
.ftProductListCvr:nth-child(2n) {
background-color: #f4f7f9;
}
.ftProductListCvr:nth-child(2n) .row {
flex-direction: row-reverse;
}
.ftrmainImage img {
max-width: 100%;
}
.ftrMainHeading {
font-size: 28px;
padding-bottom: 16px;
text-transform: capitalize;
font-family: 'IBM Plex Sans Arabic', sans-serif; font-weight:700;
margin-top: 10px;
}
.ftrMainHeading span {
color: #1bb833;
}
.ftProductListCvr.whiteclr .ftrMainHeading {
color: #fff;
}
.ftProductListCvr.whiteclr p {
color: #fff;
}
.ftProductListCvr .row {
align-items: center;
}
li.soluMenu {
position: inherit;
}
li.soluMenu:hover .menuCvrSolu {
display: block;
}
.menuCvrSolu {
position: absolute;
width: 100%;
right: 0px;
top: 29px;
padding-top: 10px;
z-index: 100;
display: none;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.mainHeader .row:nth-child(2) {
position: relative;
}
.soluMenuCvr {
background: #fff;
padding: 30px;
margin-top: 8px;
}
.menu ul ul.megasub {
position: initial;
display: inline-block;
width: 100%;
padding-top: 7px;
}
.menu ul ul.megasub li {
width: 100%;
border-bottom: none;
}
.menu ul ul.megasub li a, .menu ul ul li a {
font-size: 14px;
padding: 5px 0px;
text-align: right;
font-family: 'IBM Plex Sans Arabic', sans-serif; font-weight:500;
}
.menu ul ul.megasub li a:hover, .menu ul ul li a:hover {
background-color: #fff;
color: #009cdd;
padding-left: 0px;
}
section.featuresSec05 {
background: url(//www.tranquilbs.com/wp-content/themes/Otlet_theme/images/featured-bg-shipping-containers.jpg) no-repeat center;
background-size: cover;
width: 100%;
padding: 100px 0px;
color: #fff;
}
section.featuresSec05 .details-pro strong {
color: #fff;
}
section.featuresSec05 ul.two {
margin-top: 60px;
margin-bottom: 30px;
}
.details-pro ul.two li p {
padding-left: 70px;
min-height: 130px;
}
section.featuresSec06 {
padding: 100px 0px;
}
section.featuresSec06 ul.two {
margin-bottom: 30px;
}
.featImgcvr img {
max-width: 100%;
}
.featImgcvr {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
section.featuresSec07 {
padding: 100PX 0PX;
background: #f6f7f9;
}
section.featuresSec07 ul.two {
margin-bottom: 30px;
}
section.featuresSec08 {
background: url(//www.tranquilbs.com/wp-content/themes/Otlet_theme/images/payroll.jpg) no-repeat center;
background-size: cover;
width: 100%;
padding: 100px 0px;
color: #fff;
}
section.featuresSec08 .details-pro strong {
color: #fff;
}
section.featuresSec08 ul.two {
margin-bottom: 30px;
}
.contactFrm input {
height: 43px;
border-radius: 3px;
}
.contactFrm .form-group {
margin-bottom: 15px;
}
.contactFrm .form-group textarea {
height: 120px;
}
section.contact-details.cyber h2 {
font-family: 'IBM Plex Sans Arabic', sans-serif; font-weight:500;font-size: 25px;
}
section.contact-details.cyber h3 {
color: #e77723;
}
section.contact-details.cyber h3 a {
color: #009cdd;
}
section.contact-details.cyber h3 a:hover, section.contact-details.cyber p a:hover {
color: #e77723;
}
section.contact-details.cyber p a {
color: #009cdd;
font-family: 'IBM Plex Sans Arabic', sans-serif; font-weight:500;
}
.contactFrm h4 {
margin-top: 5px;
color: #000;
font-family: 'IBM Plex Sans Arabic', sans-serif; font-weight:500;
}
.imga {
width: 25%;
}
.contCvr img {
width: 100%;
}
.contCvr {
display: flex;
align-items: center;
justify-content: flex-start;
flex-flow: row wrap;
}
.contRgtcvr {
width: 70%;
margin-left: auto;
}
.call a {
color: #009cdd;
}
.contRgtcvr .call i {
display: block;
color: #009cdd;
font-size: 20px;
margin-right: 10px;
}
.contRgtcvr .call {
display: flex;
align-items: flex-end;
justify-content: flex-start;
line-height: 20px;
}
.locationMainCvr {
margin-top: 50px;
}
.conLbel:hover {
-webkit-box-shadow: 0px 6px 18px 0px rgb(202 220 234);
-moz-box-shadow: 0px 6px 18px 0px rgb(202 220 234);
box-shadow: 0px 6px 18px 0px rgb(202 220 234);
border: 1px solid #f0f0f0;
}
.tab-container {
width: 100%;
float: left;
margin-bottom: 25px;
position: relative
}
.tab-container h2 {
font-size: 18px;
background: #1968b3;
color: #fff;
width: 22.31%;
margin-bottom: 0px;
line-height: 46px;
padding-left: 15px;
border-radius: 6px 6px 0px 0px
}
#verticalTab h1 {
color: #96C613;
font-size: 18px
}
#verticalTab h2 {
color: #000;
font-size: 14px
}
#verticalTab strong {
font-weight: bold
}
.photo-style {
float: right;
margin: 0 0 15px 15px
}
ul.resp-tabs-list, p {
margin: 0px 0 20px 0;
padding: 0px
}
.resp-tabs-list li {
font-size: 15px;
display: inline-block;
padding: 8px 15px;
margin: 0;
list-style: none;
cursor: pointer;
float: left;
}
.resp-tabs-list li a {
font-size: 15px;
text-decoration: none;
color: #515151
}
.resp-tabs-list li:first-child {
margin-top: 0px !important
}
.resp-tabs-container {
padding: 0px;
background-color: #fff;
clear: left
}
h2.resp-accordion {
cursor: pointer;
padding: 5px;
display: none
}
.resp-tab-content {
display: none;
padding: 0px
}
.resp-tab-active {
border-bottom: none;
margin-bottom: -1px !important;
padding: 12px 14px 14px 14px !important
}
.resp-tab-active {
border-bottom: none;
background-color: #fff
}
.resp-content-active, .resp-accordion-active {
display: block
}
h2.resp-tab-active {
margin-bottom: 0px !important;
padding: 10px 15px !important
}
h2.resp-tab-title:last-child {
background: blue
}
.resp-vtabs ul.resp-tabs-list {
float: left;
width: 22.31%;
color: #515151;
border: 1px solid #bebebe
}
.resp-vtabs .resp-tabs-list li {
display: block;
padding: 4px 15px !important;
margin: 4px 0 4px 0px;
cursor: pointer;
float: none
}
.resp-vtabs .resp-tabs-list li :first-child {
margin-top: 0px !important
}
.resp-vtabs .resp-tabs-container {
padding: 0px;
background-color: #fff;
float: right;
width: 73.077%;
min-height: 250px;
clear: none
}
.resp-vtabs .resp-tab-content {
border: none
}
.resp-vtabs li.resp-tab-active {
border-right: none;
background-color: #009cdd;
position: relative;
z-index: 1;
margin: 4px 0 4px 0px;
color: #fff
}
.resp-vtabs li.resp-tab-active a {
color: #fff
}
.resp-arrow {
width: 0;
height: 0;
float: right;
margin-top: 3px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 12px solid #c1c1c1
}
h2.resp-tab-active span.resp-arrow {
border: none;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 12px solid #9B9797
}
h2.resp-tab-active {
background: #DBDBDB !important
}
.resp-easy-accordion h2.resp-accordion {
display: block
}
.resp-easy-accordion .resp-tab-content {
border: 1px solid #c1c1c1
}
.resp-easy-accordion .resp-tab-content:last-child {
border-bottom: 1px solid #c1c1c1 !important
}
.resp-jfit {
width: 100%;
margin: 0px
}
.resp-tab-content-active {
display: block
}
h2.resp-accordion:first-child {
border-top: 1px solid #c1c1c1 !important
}
section.innersecContent {
width: 100%;
padding: 75px 0px;
display: inline-block;
}
.row.testu .col-lg-4 {
margin-bottom: 65px;
}
section.sec.testmoSec .row .col-lg-4 {
margin-bottom: 65px;
}
section.sec.testmoSec .container {
border: navajowhite;
}
.details-pro a.btn.btn-primary {
border: 2px solid #e77723;
background: none;
padding: 7.5px 25px;
margin-top: -2px;
margin-left: 10px;
font-weight: 600;
text-transform: uppercase;
font-size: 16px;
color: #e77723;
height: 49.5px;
line-height: 33px;
}
.details-pro a.btn.btn-primary:hover {
background: #e77723;
color: #fff;
}
.details-pro a {
margin-bottom: 11px;
display: inline-block;
margin-left: 0px;
}
.details-pro a:last-child {
margin-bottom: 0px;
}
.bannerbtn a.know {
display: inline-flex;
border: 1px solid #1bb833;
padding: 8px 16px;
margin-top: 10px;
}
.bannerbtn a.know:hover {
background: #1bb833;
}
.textwidget p a {
color: #009cdd;
}
.textwidget p a:hover {
color: #009cdd;
}
.ftrItems.ftrpdnew {
padding-left: 5%;
}
.somediaCvr {
width: 100%;
display: inline-block;
margin-top: 20px;
}
.cnsubm:hover {
background: #1bb833;
}
.teamnamDes {
background: #009cdd;
padding: 10px 10px;
display: inline-flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: 100%;
color: #fff;
}
.teamDes p {
margin-bottom: 0px;
}
.teameName {
font-family: 'IBM Plex Sans Arabic', sans-serif; font-weight:700;
}
.teamList {
margin-bottom: 20px;
}
section.team {
padding: 75px 0px;
}
.featherlight-content .teameName {
font-size: 24px;
}
.featherlight-content .teamDes p {
color: #787676;
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
margin-bottom: 10px;
}
header.aniPos .search {
display: none;
}
header.aniPos .mainHeader {
height: auto;
padding: 7px 0px;
}
select.sortsecfld {
height: 40px;
border: 1px solid #ccc;
max-width: 270px;
float: right;
width: 100%;
}
select#clientcat {
width: 100%;
max-width: 300px;
height: 40px;
padding: 0px 5px;
border: 1px solid #ccc;
float: right;
}
.ClentCvrBx {
width: 100%;
height: 100%;
position: relative;
}
.cliImgBx {
width: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
height: 170px;
border: 1px solid #eaeaea;
}
.cliImgBx img {
max-width: 100%;
max-height: 98%;
}
.cleHead {
font-size: 17px;
font-family: 'IBM Plex Sans Arabic', sans-serif; font-weight:700;
margin-bottom: 10px;
color: #000;text-transform: capitalize;
}
.clintMainListing {
margin-top: 40px;
}
div#story-items_show {
margin-top: 30px;
}
.cleHeadCvr {
background: #f4f4f4;
padding: 17px;min-height: 140px;
}
.commonList {
margin-bottom: 25px;
} @media screen and (max-width: 991px) { .hdrBut a {
padding: 10px 10px;
font-size: 14px;
width: 100%;
}
.hdrBut {
margin-left: 0;
width: 100%;
margin: 0;
}
.sec .testCvr {
height: auto;
margin-bottom: 70px;
}
section.sec.testmoSec {
padding: 90px 0 0px;
}
section.customerLogoSec {
padding: 30px 0;
}
.gnTrd {
padding: 20px 0 0px !important;
}
.ftrTobCvr {
height: auto !important;
margin-bottom: 20px;
}
.ceo-img img {
width: 100%;
}
iframe.embed-responsive-item {
width: 100%;
height: auto;
}
section.featuresSec03 {
padding: 30px 0px;
text-align: center;
}
.teamImg img {
width: 100%;
}
.teamImg {
margin-bottom: 10px;
}
section.blogTitTop{height: auto; min-height: 135px;}
section.featuresSec03 ul.two li {
padding-right: 0;
width: 100%;
float: none;
}
section.featuresSec03 .container {
display: block;
}
img.ppmImg {
position: static;
left: inherit;
width: 100%;
}
.details-pro ul.two li p {
padding-right: 0;
min-height: auto;
}
.ppmImg2 {
position: static;
margin: 30px 0 0;
width: 100%;
height: auto;
display: block;
}
section.featuresSec04 {
padding: 30px 0;
text-align: center;
}
section.featuresSec05, section.featuresSec07, section.featuresSec08 {
width: 100%;
padding: 30px 0;
text-align: center;
}
section.featuresSec05 ul.two {
margin-top: 0;
margin-bottom: 20px;
}
section.featuresSec06 {
padding: 30px 0;
text-align: center;
}
.featImgcvr {
height: auto;
margin: 30px 0 0;
}
.details-pro ul.two li {
width: 100%;
padding-right: 0;
}
.featuresSec07 .featImgcvr {
height: auto;
margin: 0px 0 30px;
} section.sec.testimonialIn {
width: 100%;
display: inline-block;
padding: 30px 0;
min-height: auto;
}
.testu {
margin-top: 0;
margin-bottom: 0;
}
.blogMainImg.locImg {
padding: 30px 0 0;
}
.mainHeader .hdrBut {
display: none;
}
.mob-hed a {
color: #fff;
}
.blogRight .blogCvrImg img {
width: 100%;
height: auto;
overflow: hidden;
}
.read a {
margin: 10px 0;
}
section.support {
padding: 30px 0;
text-align: center;
}
.suppoDiv {
padding-top: 0;
}  .blogArea button.owl-next {
right: -15px;
width: 30px;
height: 45px;
}
.blogArea button.owl-prev {
left: 0;
width: 30px;
height: 45px;
}
.topHeader {
display: none;
}
.search {
display: none;
}
.mainHeader {
background: #fff;
height: 70px;
padding: 12px 0;
}
.logo img {
width: 150px;
height: auto;
}
.mob-hed {
display: block;
background: #079fde;
color: white;
padding: 11px;
font-size: 14px;
width: 100%;
margin: 0;
text-align: center;
}
section.bannersec {
margin-top: 0%;
}
header .logo {
margin: 4px 0;
width: 300px;
}
header.aniPos .mainHeader{min-height: 60px;}
.bannerCont {
text-align: center;
max-width: 100%;
}
.carousel-caption {
left: 0;
top: 0;
bottom: inherit;
right: inherit;
top: 65px;
text-align: center;
}
.bannerHead {
font-size: 20px;
}
a.know {
font-size: 12px;
}
section.bannerBottom ul li {
width: 100%;
border-right: 1px solid #475973;
}
section.business {
text-align: center;
}
.solutions ul li {
width: 33%;
}
.blogImg {
position: inherit;
width: 100%;
text-align: center;
margin: 30px 0 0;
}
.blogLeft {
text-align: center;
}
.testimonialsec h3 {
font-size: 14px !important;
}
.videowrapper {
padding-bottom: 20px;
}
footer {
text-align: center;
} .blogCover {
margin-bottom: 30px;
}
.blogArea {
text-align: center;
padding: 50px 0 0;
}
.mediaCvr {
padding-bottom: 20px;
}
section.subscribe {
text-align: center;
}
.contRgt {
position: inherit;
width: 100%;
}
ul.listng.\33 col li {
width: 100%;
float: none;
}
section.innersec02 {
text-align: center;
}
.innerPageImg {
padding: 50px 0;
}
.teamImgMn img{width: 100%;} .featherlight .featherlight-content{max-width: 95%;}
header .menuD {
float: right;
padding-top: 18px;
padding-right: 0;
}
.banner .bannerLft ul li span {
background-position: 0 6px;
}
.menu.active1 {
right: 0;
width: 100%;
}
.aniPos .menu {
top: 58px;
}
.menu {
z-index: 999999 !important;
right: 0;
margin: 0 0 0 !important;
position: absolute;
top: 93px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
width: 100%;
}
a.menu-link {
float: right;
}
.menu, .menu > ul ul {
margin: 0;
max-height: 0;
overflow: hidden;
}
.menu li a {
border-bottom: 1px solid #074373;
display: block;
padding: 5px 15px;
color: #fff;
}
.menu li li a {
padding-left: 50px;
}
.menu li:last-child a {
border: none;
}
.menu li li:last-child a {
border-bottom: 1px solid #074373;
}
.menu li:hover {
background: #0e4571;
}
.current_page_item a:hover, .current_page_item li a:hover, .current-menu-item a:hover {
color: #000 !important;
} .navigate .menu-item-has-children > span {
display: block;
right: 2%;
position: absolute;
width: 40px;
height: 40px;
background: url(//www.tranquilbs.com/wp-content/themes/Otlet_theme/css/images/dpDownArrow.png) no-repeat center center;
top: 8px;
cursor: pointer;
}
.navigate .menu-item-has-children:hover > ul {
display: none;
}
.menu ul li {
background: #125184;
display: block;
float: left;
padding: 0 0;
width: 100%;
}
.sub-menu {
float: left;
margin: 0;
padding: 0;
position: inherit;
top: inherit;
width: 100% !important;
}
.sub-menu li {
width: 100%;
padding: 0%;
}
.menu li a {
font-size: 20px;
}
.sub-menu li a {
border-bottom: 1px solid #074373 !important;
font-size: 17px !important;
padding: 0px 32px !important;
width: 100%;
}
.sub-menu ul li {
background: none repeat scroll 0 0 #666;
display: block;
padding: 16px 10px;
}
.sub-menu .sub-menu {
float: left;
position: static;
padding: 0;
margin: 0;
}
.sub-menu .sub-menu li {
padding: 0;
margin: 0;
}
.sub-menu .sub-menu li a {
padding-left: 9% !important;
background: #414141;
}
.sub-menu .menu-item-has-children a {
background-image: none;
}
.sub-menu .menu-item-has-children a:hover {
background-image: none;
}
.sitmpee .sub-menu li a {
background-position: 0 1px;
font-size: 16px !important;
line-height: inherit !important;
padding: 0 22px !important;
}
.sitmpee .sub-menu li a:hover {
background-position: 0 1px !important;
}
.sitmpee li a {
font-size: 16px;
background-position: 0 2px;
}
.sitmpee li a:hover {
font-size: 16px;
background-position: 0 2px;
}
section.sm-con {
margin: 30px 0;
text-align: center;
}
section.ftProductList {
text-align: center;
}
.ftProductListCvr {
padding: 30px 0;
}
}
@media screen and (max-width: 874px) {
a.arabic {
line-height: 19px;
}
} @media only screen and (max-width: 767px) { section.blog.detBlog {
padding-top: 20px;
}
.supInHead {
font-size: 17px;
margin-bottom: 5px;
}
section.industryMain {
padding: 30px 0;
}
.industryMain .all-cvr {
margin: 25px 0;
}
.solCvr.INcVR .indCont, .solCvr.INcVR .indCont p {
text-align: center !important;
}
.indLin {
border-radius: 16px;
width: 100%;
height: 40px;
max-width: 200px;
margin: 20px auto;
}
.indBr {
overflow: hidden !important;
margin-bottom: 0px;
padding: 0px 20px;
height: 45px;font-size: 14px;
}
.solCvr.INcVR .solImg img {
border-top-right-radius: 16px;
border-bottom-right-radius: 16px;
}
.blogLEftHead:before, section.featuresSec03 .details-pro ul.two:before,  section.featuresSec04 .details-pro ul.two:before {
left: 50% !important;
margin-left: -25px;    right: auto;
}
.blogLftfSdbar {
width: 100%;
}
.pe-0 {
padding-right: calc(var(--bs-gutter-x) * .5) !important;
}
.blogContentCvrmain {
width: 100%;
}
.blogContentCvrmain.pt-5 {
padding-top: 5px !important;
}
.listng li, .blogContentCvrmain ul li, .ftrmaindetails ul li {
text-align: left;
}
.blogLftfSdbar.innerrightside {
padding: 30px 0px;
}
.sec .testCvr {
height: auto;
margin-bottom: 50px;
}
section.ceo-b {
padding: 35px 0;
text-align: center;
}
section.cyber {
padding: 30px 0;
text-align: center;
}
.ceo-img img {
width: auto;
}
.solutions ul li:last-child {
width: 100%;
}
.freeQuote span.submitArea {
margin-top: 30px;
}
.read a {
margin: 10px auto;
}
ul.megasub {
max-height: fit-content;
overflow: visible;
z-index: 9999999;
} .sec .col-md-4.testCvr {
width: 100%;
min-height: inherit;
margin-bottom: 10px;
}
.blogCover {
width: 100%;
}
.pro-con .fl:nth-child(even) {
float: left;
width: 100%;
}
section.pro-con li {
display: block;
}
.pro-con .fl {
width: 100%;
}
.head-pro {
padding-top: 15px;
display: inline-block;
}
.pro-con .fr {
float: none;
width: 100%;
}
section.sm-con li {
width: 100%;
padding: 10px;
}
.all-cvr li {
width: 49%;
}
.contRgt {
width: 100%;
} section.bannersec {
margin-top: 0;
}
section.bannerBottom ul li {
width: 100%;
border-bottom: 1px solid #475973;
}
h1, h2, h3, h4, h5, h6, .h2 {
font-size: 22px !important;
}
p {
font-size: 14px !Important;
}
section.business {
text-align: center;
}
.busCont {
padding-left: 0;
}
.busCont label {
padding-bottom: 0;
}
section.solutions {
text-align: center;
padding: 50px 0;
}
.solutions ul {
padding: 35px 0 20px;
}
.solutions ul li {
width: 49%;
height: 241px;
}
section.freeQuote {
padding: 50px 0;
text-align: center;
}
.quotCont h2:before {
left: 50%; right: auto;
margin-left: -25px;
}
.freeQuote .form-control {
margin-bottom: 10px;
}
section.blog {
padding: 0px 0 0;
text-align: center;
}
.blogImg {
position: relative;
left: 0;
top: 20px;
width: 100%;
}
.blogRight {
padding: 20px 0;
text-align: center;
}
.blogCvr {
margin-bottom: 30px;
}
.blogCvrImg {
margin: 0px auto 15px;
}
.blogCont {
padding-left: 0;
}
.blogCont .head {
width: 100%;
}
section.business.testimonialsec {
padding: 50px 0;
text-align: center;
}
iframe.embed-responsive-item {
width: 100%;
height: auto;
}
.testimonialsec h3 {
font-size: 14px !important;
margin-bottom: 0;
}
.testCvr .name {
padding: 0;
}
.testCvr .desg p {
margin-bottom: 10px;
}
.btnArea ul li .btn {
padding: 8px 15px;
font-size: 12px;
}
.powerd {
text-align: center;
padding: 10px 0;
}
.copy {
text-align: center; padding: 10px 0 10px;
}
.connectForm {
padding: 0px 50px;
}
.ftrItems {
margin-bottom: 25px;
} section.media {
text-align: center;
padding: 30px 0;
}
.media .mediaCvr {
padding-bottom: 10px;
}
section.subscribe {
text-align: center;
}
.subForm input#subscribe {
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem;
}
.subForm .input-group-append span {
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem;
width: 100%;
display: block;
padding: 0;
}
.subForm .input-group-append {
margin: 0px auto;
text-align: center;
width: 100%;
}
section.comments {
padding: 20px 0;
}
.cmtHead {
font-size: 25px;
padding-bottom: 10px;
}
.innerPageImg {
padding: 10px 0;
}
section.innersec03 {
text-align: center;
}
section.innersec02 {
padding: 2rem 0 2rem;
}
section.innersec03 {
padding: 0rem 0 0;
} .innerpage {
margin-top: 137px;
min-height: 300px;
}
.innerpage .blogCover .contLft, .innerpage .blogCover .contRgt {
width: 100%;
}
.innerpage .blogCover .contLft {
margin-bottom: 40px;
}
.innerpage .blogCover .contLft .blogShare {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #fff;
z-index: 9;
padding: 8px 0;
}
.innerpage .blogCover .contLft .blogShare li {
float: left;
margin-right: 0;
width: 33.33%;
padding: 0 10px;
}
.innerpage .blogCover .contLft .blogShare li a {
padding: 1px 14px 1px 40px;
background-position: 7px 50%;
}
.innerpage .innerCvr .qtForm {
display: none;
}
.innerpage .innerCvr .qtForm.mobForm {
display: block;
width: 100%;
max-width: 350px;
margin: 0 auto;
float: none;
}
.innerpage .contactCvr .contnLft, .innerpage .contactCvr .contMap {
width: 100%;
}
.innerpage .contactCvr .contnLft {
padding-right: 0;
padding-bottom: 20px;
}
.revContInn, .revContInn p {
font-size: 17px;
line-height: 23px;
}
.homeSec2 {
padding-bottom: 20px;
}
.menuFtr, .serviceFtr, .cntactFtr {
width: 100%;
text-align: center;
}
.menuFtr li {
width: 100%;
}
ul.addressScn li span, ul.addressScn li a {
display: inline-block;
}
.social li {
display: inline-flex !important;
float: none;
}
ul.social {
text-align: center;
}
.review {
padding: 35px 0;
}
.reviewBx {
margin: 0 auto;
max-width: 480px;
}
.revwCont {
width: 68%;
}
.revContInn {
overflow: hidden;
height: 144px;
margin-bottom: 7px;
}
.revwCont small {
font-family: 'Barlow', sans-serif;
display: block;
padding: 0 0 7px;
}
.whychsBx {
margin: 0 auto;
max-width: 480px;
}
.whyChCont {
overflow: hidden;
height: auto;
}
header .logo {
position: absolute;
left: 0;
top: 0;
width: 130px;
padding-left: 15px;
margin: 5px 0;
}
header .logo span {
font-size: 14px;
}
header .logoRgt {
width: 100%;
}
header .hdrBtns {
padding-top: 31px;
}
.banner {
margin-top: 135px;
padding-bottom: 3px;
}
.banner h1 {
font-size: 25px;
line-height: 34px;
text-align: center;
padding-top: 47px;
}
.banner .bannerLft {
background: none;
width: 100%;
min-height: 420px;
}
.banner .bannerLft ul {
max-width: 100%;
background-size: 378px !important;
padding-bottom: 233px;
position: relative;
}
.banner .bannerLft ul li {
text-align: center;
}
.banner .bannerLft ul li span {
display: inline-block;
}
.banner .banForm {
margin: 0 auto;
width: 100%;
display: block;
float: none;
clear: both;
}
.banner .banForm .qtTitl {
padding: 0 40px 41px;
font-size: 25px;
}
.banner .banForm .qtForm li {
margin-bottom: 7px;
}
.banner input[type="text"], .banner input[type="tel"], .banner input[type="phone"], .banner input[type="email"] {
height: 45px;
}
.banner textarea {
height: 122px;
}
.hdrBtns {
padding: 70px 0 0;
width: 100%;
}
.hdrBtns li a {
font-family: 'Barlow', sans-serif;
font-size: 22px;
}
.bannerLft h1 br {
display: none;
}
.homeSec1 {
padding: 30px 0;
}
.homeSec1 .welLeft {
margin: 15px 0;
width: 100%;
}
.homeSec1 .welRight {
width: 100%;
margin: 15px 0;
padding: 0;
text-align: center;
}
.homeSec2 li {
width: 50%;
padding: 0 5px 10px;
}
.homeSec2 li .servImg {
overflow: hidden;
height: 150px;
position: relative;
}
.homeSec2 li .servImg small {
position: absolute;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
color: #fff;
}
.homeSec3 {
padding: 37px 0;
}
.homeSec3 h2 {
margin-bottom: 20px;
}
.banner .qtForm .qtTitl:before, .banner .qtForm .qtTitl:after {
width: 28px;
background-size: 37px;
}
h2, h3, h4, h5, h6, .h2 {
font-size: 25px !important;
margin-bottom: 10px;
line-height: 30px !important;
}
.innerpage h1 {
font-size: 30px;
line-height: 30px;
}
.innerpage h1:before {
width: 42px;
}
.innerpage .blogCover {
padding: 0px 0 0;
}
.innerpage .blogCover .contLft h2 {
text-transform: none;
line-height: 29px;
}
.innerpage .blogCover .contLft h2 small {
font-size: 17px;
line-height: 20px;
}
.innerpage .contactCvr .contnLft h2 {
text-transform: none;
line-height: 31px;
font-size: 24px;
color: #84c126;
}
footer {
padding: 50px 0 0;
text-align: center;
}
.all-cvr .indLin a {
height: 30px;
display: inline-flex;
width: 100px;
}
html, body {
overflow-x: hidden;
}
.bannerHead {
font-size: 17px;
line-height: 23px;
max-width: 290px;
margin: 0px auto;
}
.carousel-caption {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.banner-cont p br {
display: none;
}
.blueStrBxblg {
flex-direction: column;
}
.subscriHead {
font-size: 19px;
}
.subScr {
width: 100%;
margin-top: 15px;
}
.inputbtn {
position: absolute;
background: #e77723;
color: #fff;
font-size: 19px;
height: 50px;
padding: 5px 19px;
right: -1px;top:0px;
border: none;
border-radius: 0px 7px 7px 0px;
}
section.cyber .videowrapper {
margin-top: 0px;
}
.blogArea {
text-align: center;
padding: 0px 0 0;
}
.clintMainListing {
margin-top: 20px;
}
section.innersecContent{padding: 30px 0px;}
section.banner-sec{height: 230px;}
.gnTrd {
padding: 0px 0 0px !important;
}
.banner-cont {
text-align: center;
}
.banner-cont p {
line-height: 26px;
}
.banner-cont h1 {
font-size: 15px !important;
line-height: 25px;
margin-bottom: 0px;
}
.banner-cont a {
background: #009cdd;
color: #fff;
padding: 7px 15px;
margin-top: 10px;
display: inline-block;
font-size: 13px;
}
.banner-cont.ftrbnr h1 {
margin-bottom: 1px;
}
.banner-cont p {
line-height: 26px;
margin-bottom: 0px;
}
.banner-cont a{font-size: 14px;}
.ftrproducsec02 {
margin-top: 0px;
}
.ftProductListCvr:first-child {
padding-top: 0px;
}
section.sm-con {
margin: 30px 0 0px
}
li.widget.widget_polylang {
list-style: none;
height: 21px;
display: flex;
align-items: center;
font-weight: bold;
justify-content: center;
}
.blogLeftHead {padding: 35px 0 0 0px;}
}