html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
* {
box-sizing: border-box;
}
body {
margin: 0px;
padding: 0px;
font-family: 'Roboto Slab', serif;
font-size: 20px;
color: #737373;
background: #FFF;
overflow-x: hidden;
line-height: 38px;
}
.ar-link {
width: 50px;
background: #9a9a9a;
padding: 5px;
margin: 0px 0px 0px 0px;
border-radius: 50px;
font-size: 10px !important;
position: relative;
top: -4px;
text-align: center;
}
a:focus {
background-color: transparent;
}
.left {
float: left;
}
.right {
float: right;
}
input[type='text'], input[type='submit'] {
border: none;
font-family: 'Cabin', sans-serif;
}
input[type='submit'] {
-webkit-appearance: none;
}
p {
font-family: 'Roboto Slab', serif;
font-weight: normal;
margin: 0px;
padding: 0px 0px 12px 0px;
font-size: 20px;
line-height: 38px;
color: #737373;
}
.chat-bot, .chat-bot-pop {
display: none;
}
.quote {
color: #d90501;
font-size: 28px;
line-height: 42px;
margin: 0px 0 20px;
font-style: italic;
}
.white {
color: #fff;
}
.clear {
clear: both;
margin: 0px;
padding: 0px;
}
.dotted-box {
padding: 30px !important;
text-align: center;
background: #eee;
border-radius: 6px;
}
span.clear {
clear: both;
display: block;
}
p.clear {
clear: both;
}
a.gry {
color: #2b2b2b;
}
img {
border: none;
}
.hid {
display: none !important;
}
.service-gray-sec span {
font-family: 'Cabin', sans-serif;
font-size: 35px;
font-style: normal;
font-weight: bold;
line-height: 51.7px;
color: #df0306;
margin-bottom: 20px;
text-transform: uppercase;
display: inline-block;
}
h1.cs {
margin: 20% 0;
text-align: center;
}
.video-responsive {
padding-bottom: 56.25%;
position: relative;
width: 100%;
}
.canvas, .video {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.video-timeline {
background: rgba(255, 255, 255, 0.4);
bottom: 0;
cursor: pointer;
height: 12px;
left: 0;
opacity: 1;
position: absolute;
transition: all 0.2s;
width: 100%;
z-index: 12;
}
.video-timeline-passed {
background: #E81D31;
height: 100%;
width: 0;
}
@media screen and (min-width: 768px) {
.video-timeline-passed {
background: rgba(255, 255, 255, 0.7);
}
}
.video-wrapper:hover .video-timeline {
height: 12px;
opacity: 0.85;
}
.video-wrapper:hover .video-timeline-passed {
background: #E81D31;
}
.video-wrapper:hover .video-event {
bottom: 12px;
}
.video-wrapper:hover .video-timeline-event {
background: #790c17;
opacity: 0.8;
}
.plus-bttn {
text-align: left;
font-size: 14px;
font-family: 'Cabin', sans-serif;
border: 1px solid #333;
padding: 10px 32px 10px 15px;
cursor: pointer;
background: url(../images/arrow-down.png) 93% 11px no-repeat;
text-indent: -9999;
color: #333;
text-transform: uppercase;
font-family: 'Cabin', sans-serif;
display: inline-block;
vertical-align: middle;
line-height: normal;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.plus-bttn:after {
content: "Read More";
}
.plus-bttn:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1 url(../images/arrow-down-white.png) 93% 11px no-repeat;
;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.plus-bttn:hover, .plus-bttn:focus, .plus-bttn:active {
color: white;
border: 1px solid #2098d1;
}
.plus-bttn:hover:before, .plus-bttn:focus:before, .plus-bttn:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.minus-bttn {
text-align: left;
font-size: 14px;
font-family: 'Cabin', sans-serif;
border: 1px solid #333;
padding: 10px 32px 10px 15px;
cursor: pointer;
background: url(../images/arrow-up.png) 93% 11px no-repeat;
text-indent: -9999;
color: #333;
text-transform: uppercase;
font-family: 'Cabin', sans-serif;
display: inline-block;
vertical-align: middle;
line-height: normal;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.minus-bttn:after {
content: "Close";
}
.minus-bttn:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1 url(../images/arrow-up-white.png) 93% 11px no-repeat;
;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.minus-bttn:hover, .minus-bttn:focus, .minus-bttn:active {
color: white;
border: 1px solid #2098d1;
}
.minus-bttn:hover:before, .minus-bttn:focus:before, .minus-bttn:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/*.plus-bttn{
text-align: left;
font-size:14px;
font-family: 'Cabin', sans-serif;
border:1px solid #333;
padding:10px 32px 10px 15px;
cursor:pointer;
background: url(../images/arrow-down.png) 93% 11px no-repeat;
text-indent:-9999;
color:#333;
text-transform:uppercase;
}
.plus-bttn:after{content: "Read More";}
.minus-bttn{
text-indent:-9999;
text-align: left;
font-size:14px;
font-family: 'Cabin', sans-serif;
border:1px solid #333;
padding:10px 32px 10px 15px;
cursor:pointer;
background: url(../images/arrow-up.png) 93% 11px no-repeat;
color:#333;
text-transform:uppercase;
}
.minus-bttn:after{content: "Close";}*/
.service-slider.plus-bttn {
background: url(../images/arrow-down.png) 96% 11px no-repeat;
}
.service-slider.plus-bttn:before {
background-position: 96% 11px
}
.service-slider.plus-bttn:after {
content: "Learn about the benefits";
}
.seo-learn-more.plus-bttn:after {
content: "Benefits of SEO Services";
}
/*.beta {
background: url(../images/beta.png);
width: 50px;
height: 50px;
position: fixed;
right: 0;
z-index: 9999;
background-repeat: no-repeat;
background-size: 100%;
top: 0;
}*/
.image img {
display: block;
}
.img-responsive {
width: 100%;
display: block;
}
a {
color: #f47d03;
transition: 0.5s;
}
a, a:hover {
outline: medium none;
text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
margin: 0px;
}
h1 {
font-family: 'Cabin', sans-serif;
font-size: 47px;
font-style: normal;
font-weight: bold;
line-height: 51.7px;
color: #262b31;
margin-bottom: 15px;
text-transform: uppercase;
}
h2 {
font-family: 'Cabin', sans-serif;
font-size: 47px;
font-style: normal;
font-weizght: bold;
line-height: 51.7px;
color: #262b31;
margin-bottom: 15px;
text-transform: uppercase;
}
h3 {
font-family: 'Cabin', sans-serif;
font-size: 32px;
font-style: normal;
font-weight: bold;
line-height: 51.7px;
color: #df0306;
margin-bottom: 20px;
}
h4 {
font-family: 'Cabin', sans-serif;
font-size: 30px;
font-style: normal;
font-weight: bold;
line-height: 29.7px;
color: #df0306;
}
h5 {
font-size: 16px;
}
.font-60 {
font-size: 60px !important;
line-height: normal;
}
hr {
width: 100px;
height: 5px;
float: left;
background: #118bcb;
border: none;
margin-bottom: 50px;
}
h3 a {
color: #df0306;
}
.padding-none {
padding: 0!important;
}
.margin-none {
margin: 0!important;
}
.row {
margin-bottom: 20px !important;
margin: 0 -10px;
}
.row:after {
display: block;
content: "";
clear: both;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
padding: 0 0px;
}
span.col-1, span.col-2, span.col-3, span.col-4, span.col-5, span.col-6, span.col-7, span.col-8, span.col-9, span.col-10, span.col-11, span.col-12 {
display: block;
}
.cenr {
width: 185px;
margin: 0 auto !important;
display: block !important;
}
.col-1 {
width: 8.33333%;
}
.col-2 {
width: 16.6667%;
}
.col-3 {
width: 25%;
}
.col-4 {
width: 33.3333%;
}
.col-5 {
width: 41.6667%;
}
.col-6 {
width: 50%;
}
.col-7 {
width: 58.3333%;
}
.col-8 {
width: 66.6667%;
}
.col-9 {
width: 75%;
}
.col-10 {
width: 83.3333%;
}
.col-11 {
width: 91.6667%;
}
.col-12 {
width: 100%;
}
.hidden {
opacity: 0;
}
.visible {
opacity: 1;
}
.text-valign-center {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.desktop {
display: block;
}
.mobile-top {
display: none!important;
}
.sm-mobile {
display: none;
}
.div-align-center {
margin: 0px auto;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-left {
text-align: left;
}
.devider {
background: #000000;
height: 1px;
margin-bottom: 20px;
margin-top: 10px;
display: block;
}
.show-mob {
display: none;
}
.hide-mob {
display: block;
}
label {
color: #58595b;
font-size: 19px;
}
label span {
display: block;
font-size: 15px;
}
input[type="text"], input[type="password"], input[type="file"], input[type="email"], textarea, select, button {
border: medium none;
color: #8e8071;
font-size: 16px;
outline: medium none;
padding: 10px;
border: 2px solid #797979;
width: 100%;
margin-bottom: 5px;
font-family: 'Cabin', sans-serif;
}
input[type="submit"] {
outline: medium none;
}
#floating-contact label {
color: #58595b;
font-size: 19px;
}
#floating-contact label span {
display: block;
font-size: 15px;
}
#floating-contact input[type="text"], input[type="password"], input[type="file"], input[type="email"], textarea, select, button {
border: medium none;
color: #8e8071;
font-size: 16px;
outline: medium none;
padding: 10px;
border: 1px solid #b9b9b9;
width: 100%;
margin-bottom: 5px;
font-family: 'Cabin', sans-serif;
border-radius: 0 !important;
}
#floating-contact input[type="submit"] {
outline: medium none;
}
#result p {
line-height: normal;
font-size: 18px;
font-weight: bold;
}
#result .color-green {
color: #0C3;
}
#success-message {
color: #093;
margin-top: 15px;
}
.mrg-top-15 {
margin-top: 15px !important;
}
.mrg-top-35 {
margin-top: 35px !important;
}
.mrg-top-70 {
margin-top: 70px !important;
}
.mrg-bottom-15 {
margin-bottom: 15px !important;
}
.mrg-bottom-35 {
margin-bottom: 35px !important;
}
.mrg-left-25 {
margin-left: 20px !important;
}
.mrg-right-25 {
margin-right: 20px !important;
}
.pad-left-50 {
padding-left: 50px !important;
}
.pad-right-50 {
padding-right: 50px !important;
}
.pad-left-25 {
padding-left: 20px !important;
}
.pad-right-25 {
padding-right: 20px !important;
}
.bdr-none {
border: none !important;
}
.box-shadows {
box-shadow: -4px 4px 10px #999;
}
.box-shadows-dark {
box-shadow: 0 0 8px #161616;
}
#service-page-slider {
display: none;
}
.srv-page-next {
background: #e1e1e1;
margin: 0px;
padding: 50px;
display: table;
position: relative;
width: 100%;
font-family: 'Cabin', sans-serif;
font-weight: 700;
font-size: 30px;
color: #333;
transition: all 0.5s ease-in-out;
background-position: -100%;
line-height: normal;
text-align: left;
}
.srv-page-next span {
width: 243px;
float: left;
}
.srv-page-next > img {
display: table-cell;
vertical-align: middle;
margin: 0 10px;
display: inline;
}
.srv-page-next:hover {
background: url(../images/abstract-5.png) left bottom no-repeat;
background-size: cover;
transition: all 0.5s ease-in-out;
}
.srv-page-prev {
background: #e1e1e1;
margin: 0px;
padding: 50px 50px 43px 50px;
display: table;
position: relative;
width: 100%;
font-family: 'Cabin', sans-serif;
font-weight: 700;
font-size: 30px;
color: #333;
transition: all 0.5s ease-in-out;
background-position: -100%;
line-height: normal;
text-align: right;
}
.srv-page-prev > img {
display: table-cell;
vertical-align: middle;
margin: 0 10px;
transform: scaleX(-1);
display: inline;
}
.srv-page-prev:hover {
background: url(../images/abstract-5.png) left top no-repeat;
background-size: cover;
transition: all 0.5s ease-in-out;
}
.middle {
display: table !important;
margin: auto !important;
z-index: 0;
}
.icons {
position: relative;
top: 7px;
width: 30px !important;
display: inline-block !important;
margin-left: 5px;
}
.main-wrapper {
max-width: 1260px;
margin: auto;
}
.common-container {
max-width: 1260px;
margin: auto;
padding: 0px 20px;
}
.banner-wrap {
margin: 0px;
padding: 0px;
width: 100%;
position: relative;
height: 534px;
overflow: hidden;
background: #282b31 url(../images/gmi-logo-gif.gif) center 40% no-repeat;
}
.banner-iframe {
width: 100%;
margin-top: -82px;
height: 700px;
}
.headertop {
margin: 0px;
padding: 0px 0 0 0;
position: absolute;
top: 0;
width: 100%;
}
.banner-video {
background: url(../images/bg-menu.png);
width: 100%;
height: 100%;
position: absolute;
top: 0;
background-repeat: repeat-x;
background-position: 0 -40px;
}
.banner-wrap video {
width: 100%;
height: 760px;
margin-top: -116px;
}
.main-logo {
width: auto;
display: block;
float: left;
}
.gmi-small-logo {
display: none;
}
.smaller .gmi-small-logo {
display: block;
float: left;
margin-right: 5px;
}
.smaller .wsmenu-list > li > a {
padding: 0px 24px 0 12px;
}
.top-right {
margin: 22px 0 0 0;
padding: 0 0 0px 0px;
float: right;
position: relative;
}
.top-right:before, .top-right:after {
content: "";
position: absolute;
bottom: -2px;
left: -3px;
}
.top-right:after {
right: 0px;
height: 2px;
background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#686362), to(transparent));
background-image: -webkit-linear-gradient(right, #686362, transparent);
background-image: -moz-linear-gradient(right, #686362, transparent);
background-image: -ms-linear-gradient(right, #686362, transparent);
background-image: -o-linear-gradient(right, #686362, transparent);
}
.top-right a {
font-family: 'Cabin', sans-serif;
font-size: 15px;
color: #e4e4e4;
margin: 0 5px 0 5px;
}
.top-right a:hover {
color: #f37904;
}
.top-right a span {
font-size: 18px;
color: #fff;
transition: all 0.5s ease;
font-family: 'Roboto', sans-serif;
}
.top-right a span:hover {
color: #f37904;
}
.top-right a:last-child {
margin-right: 0;
}
.top-right a i {
margin-right: 3px;
}
.main-menu-wrap {
clear: both;
padding: 11px 0 10px 0;
top: 80px;
width: 100%;
position: absolute;
}
.smaller {
background: #282b31 url(../images/strip.jpg) repeat-x center 71px;
height: 74px;
position: fixed;
top: 0;
z-index: 1000;
}
.banner-title {
position: absolute;
top: 37%;
left: 50%;
margin-left: -432px;
text-align: center;
max-width: 832px;
}
.banner-title h4 {
font-family: 'Cabin', sans-serif;
font-weight: bold;
font-size: 47px;
line-height: 57px;
color: #fff;
}
.banner-title h3 {
font-family: 'Cabin', sans-serif;
font-weight: 400;
font-size: 24px;
line-height: 57px;
color: #fff;
text-transform: uppercase;
letter-spacing: 10px;
border-bottom: 2px solid #2e76ba;
display: inline-block;
padding: 0 0 0px 0;
white-space: nowrap;
overflow: hidden;
width: 20.1em;
animation: type 3s steps(60, end);
}
@keyframes type {
from {
width:0;
}
}
@keyframes type2 {
0% {
width:0;
}
50% {
width:0;
}
100% {
width:0;
}
}
@keyframes blink {
to {
opacity:.0;
}
}
.banner-bottom-strip {
height: 16px;
margin: 0px;
padding: 0px;
background: url(../images/strip.jpg) left top;
-webkit-animation: AnimationName 10s ease infinite;
-moz-animation: AnimationName 10s ease infinite;
-ms-animation: AnimationName 10s ease infinite;
animation: AnimationName 10s ease infinite;
}
@-webkit-keyframes AnimationName {
0% {
background-position:0% 50%
}
50% {
background-position:100% 50%
}
100% {
background-position:0% 0%
}
}
@-ms-keyframes AnimationName {
0% {
background-position:0% 50%
}
50% {
background-position:100% 50%
}
100% {
background-position:0% 0%
}
}
.more-button {
margin: 15px 0;
padding: 15px 15px;
font-size: 18px;
color: #fff;
text-transform: uppercase;
font-family: 'Cabin', sans-serif;
letter-spacing: 6px;
display: inline-block;
vertical-align: middle;
line-height: normal;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
text-align: center;
background: #2098d1;
}
.more-button:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
color: #2098d1;
border-top: 2px solid #2098d1;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
background: #fff;
}
.more-button:hover, .more-button:focus, .more-button:active {
color: #2098d1;
}
.more-button:hover:before, .more-button:focus:before, .more-button:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.more-button-sm {
margin: 0px 0;
padding: 5px 5px;
font-size: 14px;
text-transform: uppercase;
font-family: 'Cabin', sans-serif;
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
background: #2098d1;
color: #fff;
}
.more-button-sm:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fff;
border-top: 2px solid #2098d1;
color: #2098d1;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.more-button-sm:hover, .more-button-sm:focus, .more-button-sm:active {
color: #2098d1;
}
.more-button-sm:hover:before, .more-button-sm:focus:before, .more-button-sm:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.submit-button {
margin: 15px 0;
padding: 6px 35px !important;
font-size: 18px !important;
letter-spacing: 2px;
text-transform: uppercase;
font-family: 'Cabin', sans-serif;
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
cursor: pointer;
line-height: 22px;
background: #2098d1;
color: #fff;
border: none;
}
.submit-button:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
background: #fff;
border-top: 2px solid #2098d1;
color: #2098d1;
}
.submit-button:hover, .submit-button:focus, .submit-button:active {
color: #2098d1;
}
.submit-button:hover:before, .submit-button:focus:before, .submit-button:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.play-btn_new {
display: block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.play-text {
color: #fff;
font-family: 'Cabin', sans-serif;
font-size: 25px;
font-style: italic;
padding: 10px;
display: block;
position: absolute;
bottom: 60px;
left: 0;
width: 100%;
text-align: center;
}
.play-button {
height: 77px;
background: url(../images/play-round.png) left top no-repeat;
padding: 7px 7px 7px 7px;
display: block;
position: absolute;
bottom: 33px;
left: 27px;
}
.play-button span {
color: #fff;
font-family: 'Cabin', sans-serif;
font-size: 25px;
font-style: italic;
margin-top: 8px;
margin-left: 20px
}
.play-bttn-play {
display: inline-block;
height: 56px;
position: relative;
transition-duration: 1s;
transition-property: transform;
transition-timing-function: ease-in-out;
width: 56px;
}
.play-bttn-play:hover {
transform: rotate(360deg);
}
.list-style {
margin: 0px;
padding: 0px;
}
.list-style ul {
margin: 0px;
padding: 0px;
}
.list-style ul li {
margin: 0 0 15px 0;
padding: 0;
list-style: none;
}
.list-style ul li a {
margin: 0 0 0px 0;
padding: 0;
color: #f37904;
font-size: 25px;
text-decoration: none;
cursor: pointer;
}
.list-style ul li a span {
margin: 0 25px 0px 0;
padding: 0;
color: #f37904;
font-size: 25px;
text-decoration: none;
font-family: 'Cabin', sans-serif;
font-style: italic;
}
.list-style ul li a:hover {
background: url(../images/orange-line.jpg) left no-repeat;
padding-left: 50px;
}
.h-video-sec-one {
margin: 0px;
padding: 0px;
overflow: hidden;
position: relative;
min-height: 486px;
}
.home-sliding-wrap {
margin: 0px 0px 0px 0px;
padding: 0px;
background: #fff;
box-shadow: -4px 4px 10px #999;
float: right;
right: -496px;
width: 694px;
position: absolute;
transition: all 0.5s ease-in-out;
}
.home-sliding-wrap img {
width: 100%;
}
.play-button img {
width: auto;
}
.home-sliding-wrap:hover {
right: 0px;
transition: all 0.5s ease-in-out;
}
.video-full {
width: 800px;
margin: 0;
padding: 0;
}
.iframe-video {
width: 800px;
height: 450px;
}
.pop-width {
max-width: 800px;
height: auto;
}
.home-sec-three {
margin: 0px;
padding: 0px;
clear: both;
}
.home-project-blk {
background: #272b31 url(../images/strip-sm.jpg) left bottom repeat-x;
padding: 50px;
position: relative;
overflow: hidden;
min-height: 500px;
}
.home-project-blk h3 {
font-size: 47px;
color: #fff;
margin-bottom: 30px;
font-family: 'Cabin', sans-serif;
font-weight: 900;
position: relative;
z-index: 1;
}
.home-project-blk p {
color: #fff;
position: relative;
z-index: 1;
}
.abstract-1 {
left: -191px;
position: absolute;
top: -236px;
}
@-webkit-keyframes rotating {
from {
-ms-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
}
to {
-ms-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);
}
}
@keyframes rotating {
from {
-ms-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
}
to {
-ms-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);
}
}
.rotating {
-webkit-animation: rotating 15s linear infinite;
-moz-animation: rotating 15s linear infinite;
-ms-animation: rotating 15s linear infinite;
-o-animation: rotating 15s linear infinite;
animation: rotating 15s linear infinite;
}
.home-sec-four {
width: 100%;
margin: 0px;
padding: 74px 0 180px;
background: url(../images/home-forth-bg.jpg) fixed top center;
position: relative;
background-size: cover;
}
.home-sec-four .left-sec {
position: relative;
z-index: 1;
}
.home-sec-four p {
color: #fff;
font-size: 25px;
}
.home-sec-four .list-style ul li a {
cursor: pointer !important;
}
.home-sec-four ul {
margin-top: 25px;
}
.flip-sec {
position: absolute;
padding: 0;
margin: 0;
right: 0;
top: 150px;
width: 100%;
}
.intro.sp .play-button {
}
.link .play-button {
display: none;
}
.sp-active .play-button {
display: block;
}
.intro {
box-shadow: 0 0 8px #161616;
cursor: pointer;
float: right;
position: relative;
}
.sp {
position: absolute;
z-index: 1;
top: -66px;
right: -59px;
cursor: default;
}
.mid-box {
left: 0;
max-width: 698px;
right: 0;
margin: auto;
z-index: 2;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.mid-box {
width: 698px;
}
}
.parter {
margin: 50px auto 30px;
padding: 0px 50px;
}
.parter p {
text-transform: uppercase;
color: #000;
font-family: 'Cabin', sans-serif;
font-weight: 600;
padding: 5px 0 0 0;
}
.footer {
width: 100%;
margin: 0px;
padding: 0px 0;
background: #2c2e32 url(../images/footer-strip.jpg) bottom center repeat-x;
height: 446px;
overflow: hidden;
}
.footer .col {
width: 16%;
padding: 0 15px;
}
.footer-pattern {
background: url(../images/patterns.png) repeat top left;
padding: 50px 0;
}
.footer-logo {
width: 150px;
}
.footer ul {
margin: 0;
padding: 0;
}
.footer ul li {
list-style: none;
margin: 0;
padding: 0;
line-height: 15px;
margin-bottom: 10px;
}
.footer ul li a {
color: #838383;
text-transform: none;
font-size: 14px;
font-family: 'Roboto Slab', serif;
transition: all 0.5s ease;
}
.footer ul li a:hover {
color: #f37904
}
.footer ul li a span {
color: #fff;
text-transform: uppercase;
font-size: 14px;
font-family: 'Cabin', sans-serif;
transition: all 0.5s ease;
}
.footer ul li a span:hover {
color: #f37904
}
.footer .address {
margin: 0;
padding: 0px;
}
.footer .address p {
font-size: 12px;
color: #838383;
text-transform: uppercase;
margin: 0 0 3px 0;
padding: 0;
line-height: normal;
}
.footer .address p span {
font-size: 12px;
color: #fff;
text-transform: uppercase;
margin: 0;
padding: 0
}
.social-media {
margin-top: 5px;
margin-bottom: 10px;
}
.social-media a img {
float: left;
margin: 0 3px 0 auto;
}
.footer-bottom {
position: relative;
top: -100px;
display: inline;
}
.menu-bottom-strip {
width: 100%;
background: url(../images/lg-strip.jpg) left top no-repeat;
background-size: cover;
padding: 25px;
}
.menu-bottom-col {
border-right: 2px solid #959595;
padding: 0 15px;
box-sizing: border-box;
float: left;
}
.menu-bottom-col p {
color: #fff;
font-family: 'Cabin', sans-serif;
font-size: 18px;
margin-bottom: 0px;
line-height: normal;
}
.menu-bottom-col-50 {
width: 50%;
float: left;
}
.floating-one {
display: inline-block;
padding: 8px;
z-index: 100;
background: #f8bc26;
}
/*.floating-one:hover{background:#128bcb;}*/
.floating-one:focus {
background: #f8bc26;
}
.floating-two {
padding: 9px 4px 8px 8px !important;
background: #f8bc26;
line-height: 0;
}
.floating-two:hover {
background: #128bcb;
}
.floating-two:focus {
background: #f8bc26;
}
.home-team-link {
margin-left: 25px;
}
.slide-slide-bar {
margin: 0;
padding: 0;
position: fixed;
right: 0;
z-index: 100;
top: 200px;
width: 46px;
}
#slide-panel {
width: 279px;
padding: 0px;
background: #fff;
margin-right: -282px;
position: absolute;
z-index: 100;
right: 0;
margin-top: -5px;
padding: 15px;
box-shadow: 0 0 3px #999;
height: 410px;
overflow: auto;
}
#opener {
float: left;
margin: -5px 0 0 0px;
border-radius: 0;
}
#slide-panel h3 {
margin-bottom: 15px;
float: left;
}
.close-bttn {
float: right;
margin-top: 10px;
}
.copy-right {
font-size: 12px;
color: #fff;
text-transform: uppercase;
line-height: 18px;
}
.animated-1 {
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.other-services {
margin-top: 40px;
}
.other-services .col-6 {
margin-bottom: 25px;
}
.inner-wrapper-main {
width: 100%;
margin: 0px;
padding: 0px;
}
.inner-banner-wrap {
height: 155px;
background: #282b31;
}
.strip-height {
height: 10px !important;
}
.bread-comes {
margin: 15px 0 0 0;
padding: 0;
}
.bread-comes a {
font-size: 16px;
color: #5b5b5b;
text-decoration: none;
font-family: 'Cabin', sans-serif;
text-transform: capitalize;
}
.bread-comes a:hover {
color: #f47f03;
}
.bread-comes a.act {
color: #f47f03;
}
.bread-comes span {
font-size: 16px;
color: #5b5b5b;
text-decoration: none;
font-family: 'Cabin', sans-serif;
margin: 0 5px;
}
.inner-wrapper-main hr {
margin-bottom: 30px;
}
.inner-video-sec {
margin: 0px;
padding: 0px;
position: relative;
}
.logo-16-red {
margin-top: -100px;
margin-bottom: 20px;
}
.red-color {
color: #d90501;
font-style: italic;
font-size: 20px;
}
.orange-color {
color: #f8bc26;
font-size: 20px;
}
.black-color {
color: #333;
font-size: 24px;
}
.about-secton {
background: #ebebeb;
padding: 72px 0 50px 0px;
margin-top: -72px;
}
.about-secton ul {
list-style: none;
margin: 0;
padding: 0;
}
.about-secton ul li {
margin: 0;
padding: 0 0 0 30px;
font-size: 17px;
text-decoration: none;
line-height: 28px;
background: url(../images/tick.png) left 7px no-repeat;
margin-bottom: 10px;
}
.about-secton p {
letter-spacing: -0.5px;
}
.service-gray-sec {
background: #ebebeb;
padding: 50px 0 50px 0px;
margin-top: -72px;
}
.service-gray-sec h3 {
text-transform: uppercase;
}
.service-gray-sec ul {
list-style: none;
margin: 0 0 20px;
padding: 0;
}
.service-gray-sec ul li {
margin: 0;
padding: 0 0 0 30px;
font-size: 17px;
text-decoration: none;
line-height: 28px;
background: url(../images/tick.png) left 7px no-repeat;
margin-bottom: 10px;
}
.color-blk {
color: #000;
}
.directors-block {
padding: 25px 25px 35px 25px;
background: #272b31 url(../images/abstract-3.png) left -50px no-repeat;
margin-top: 50px;
}
.directors-block h4 {
font-size: 24px;
color: #fff;
font-family: 'Cabin', sans-serif;
font-weight: 600;
line-height: 38px;
}
.directors-bg2 {
background: #272b31 url(../images/strip-sm.jpg) repeat-x left bottom;
}
.directors-block h4 span {
font-weight: 300;
font-family: 'Cabin', sans-serif;
font-size: 24px;
}
.directors-block p {
color: #fff;
font-family: 'Cabin', sans-serif;
font-size: 24px;
}
.directors-block p a {
color: #fff;
font-family: 'Cabin', sans-serif;
font-size: 24px;
}
.directors-block p a:hover {
color: #00b1f5;
font-family: 'Cabin', sans-serif;
font-size: 24px;
}
.call-button {
background: url(../images/call-round.png) left top no-repeat;
padding: 7px;
display: inline-block;
}
.call-button span {
color: #fff;
font-family: 'Cabin', sans-serif;
font-size: 18px;
letter-spacing: 3px;
margin-top: 15px;
margin-left: 25px;
text-transform: uppercase;
text-decoration: underline;
font-weight: 400;
}
.call-button-play {
display: inline-block;
position: relative;
transition-duration: 1s;
transition-property: transform;
transition-timing-function: ease-in-out;
}
.call-button-play:hover {
transform: rotate(360deg);
}
.call-button:hover > .call-button-play {
transform: rotate(360deg);
}
.big-slider {
margin: 60px 0 0px 0;
padding: 0;
}
.big-slider .owl-prev {
background: url(../images/yellow-arrow-prev.png) left top no-repeat;
width: 68px;
height: 70px;
position: absolute;
left: 0px;
top: 40%;
transition: 0.3s ease-in-out;
}
.big-slider .owl-prev:hover {
left: 0px;
}
.big-slider .owl-next {
background: url(../images/yellow-arrow-next.png) right top no-repeat;
width: 68px;
height: 70px;
position: absolute;
right: 0px;
top: 40%;
transition: 0.3s ease-in-out;
}
.big-slider .owl-next:hover {
right: 0px;
}
.big-slider .owl-pagination {
display: block;
float: right;
}
.big-slider .owl-page {
width: 15px;
height: 15px;
float: left;
background: #b7b7b7;
margin-left: 8px;
margin-top: 5px
}
.big-slider .owl-page.active {
width: 15px;
height: 15px;
float: left;
background: #555;
}
.btm-three-block {
margin: 70px 0px 70px;
padding: 0px 50px;
box-sizing: border-box;
}
.three-col {
width: 31.3%;
margin: 0 1%;
}
.blue-block {
margin: 0px 0 0px 0;
padding: 15px 15px;
background: #2c2e32;
padding: 140px 40px 20px;
position: relative;
overflow: hidden;
transition: all .5s ease-in-out;
}
.blue-block h3 {
font-size: 47px;
color: #fff;
text-transform: uppercase;
font-weight: 900;
font-family: 'Cabin', sans-serif;
line-height: normal;
}
.blue-block span {
font-size: 47px;
color: #fff;
text-transform: uppercase;
font-weight: 900;
font-family: 'Cabin', sans-serif;
line-height: normal;
margin-bottom: 20px;
display: inline-block;
width: 100%;
}
.blue-block hr {
width: 100px;
height: 5px;
background: #138bcc;
border: none;
margin-bottom: 0px;
}
.blue-block p {
text-transform: none;
color: #138bcc;
}
.blue-block .white-arrow {
position: absolute;
top: 25px;
left: -40px;
transition: 0.5s ease-in-out;
}
.blue-block:hover {
background: url(../images/abstract-4.png) left top no-repeat;
transform: scale(1.2);
z-index: 1;
}
.blue-block:hover .white-arrow {
left: 35px;
transition: 0.5s ease-in-out;
}
.blue-block:hover p {
color: #fff !important;
transition: all .5s ease-in-out;
margin-left: 5px;
}
.blue-block:hover hr {
background: #fff;
transition: all .5s ease-in-out;
}
.orange-block {
margin: 0px 0px 20px 0px;
padding: 15px 0;
background: #2c2e32;
padding: 140px 40px 20px;
position: relative;
overflow: hidden;
transition: all .5s ease-in-out;
}
.orange-block h3 {
font-size: 47px;
color: #fff;
text-transform: uppercase;
font-weight: 900;
font-family: 'Cabin', sans-serif;
line-height: normal;
}
.orange-block span {
font-size: 47px;
color: #fff;
text-transform: uppercase;
font-weight: 900;
font-family: 'Cabin', sans-serif;
line-height: normal;
width: 100%;
margin-bottom: 20px;
display: inline-block;
}
.orange-block hr {
width: 100px;
height: 5px;
background: #f8bd26;
border: none;
margin-bottom: 0px;
}
.orange-block p {
text-transform: none;
color: #f8bd26;
}
.orange-block .white-arrow {
position: absolute;
top: 25px;
left: -40px;
transition: 0.5s ease-in-out;
}
.orange-block:hover {
background: url(../images/abstract-4-orange.png) left top no-repeat;
transform: scale(1.2);
z-index: 1;
}
.orange-block:hover .white-arrow {
left: 35px;
transition: 0.5s ease-in-out;
}
.orange-block:hover p {
color: #fff !important;
transition: all .5s ease-in-out;
margin-left: 5px;
}
.orange-block:hover hr {
background: #fff;
transition: all .5s ease-in-out;
}
.red-block {
margin: 0px 0 0px 0;
padding: 15px 0;
background: #2c2e32;
padding: 140px 40px 20px;
position: relative;
overflow: hidden;
transition: all .5s ease-in-out;
}
.red-block h3 {
font-size: 47px;
color: #fff;
text-transform: uppercase;
font-weight: 900;
font-family: 'Cabin', sans-serif;
line-height: normal;
}
.red-block span {
font-size: 47px;
color: #fff;
text-transform: uppercase;
font-weight: 900;
font-family: 'Cabin', sans-serif;
line-height: normal;
margin-bottom: 20px;
display: inline-block;
width: 100%;
}
.red-block hr {
width: 100px;
height: 5px;
background: #e02525;
border: none;
margin-bottom: 0px;
}
.red-block p {
text-transform: none;
color: #e02525;
}
.red-block .white-arrow {
position: absolute;
top: 25px;
left: -40px;
transition: 0.5s ease-in-out;
}
.red-block:hover {
background: url(../images/abstract-4-red.png) left top no-repeat;
transform: scale(1.2);
z-index: 1;
}
.red-block:hover .white-arrow {
left: 35px;
transition: 0.5s ease-in-out;
}
.red-block:hover p {
color: #fff !important;
transition: all .5s ease-in-out;
margin-left: 5px;
}
.red-block:hover hr {
background: #fff;
transition: all .5s ease-in-out;
}
.tab-slider {
margin: 0px 0px 0px 0px;
padding: 0px;
}
.tab-frame {
margin: 0px;
padding: 31px 60px 0 59px;
box-shadow: 0 24px 15px #2d2d2d;
background: url(../images/tab.png) left top no-repeat;
background-size: cover;
position: relative;
top: 11px;
background-size: 100%;
}
.tab-frame .owl-pagination {
display: block;
float: right;
position: absolute;
bottom: 57px;
right: -217px;
}
.tab-frame .owl-page {
width: 15px;
height: 15px;
float: left;
background: #b7b7b7;
margin-left: 8px;
margin-top: 15px
}
.tab-frame .owl-page.active {
width: 15px;
height: 15px;
float: left;
background: #555;
}
.red-full-sec {
background: rgba(0, 0, 0, 0) url("../images/home-forth-bg.jpg") repeat fixed center top;
margin: 0;
padding: 74px 0 70px;
position: relative;
width: 100%;
}
.red-full-sec .video-div {
position: absolute;
right: 0;
top: 115px;
}
.red-full-sec h3 {
font-size: 47px;
color: #fff;
line-height: normal;
}
.red-full-sec h4 {
font-family: 'Cabin', sans-serif;
font-size: 40px;
font-weight: bold;
line-height: normal;
color: #f37904;
}
.red-full-sec h5 {
font-family: 'Cabin', sans-serif;
font-size: 32px;
font-weight: bold;
line-height: 45px;
color: #fff;
}
.red-full-sec-sm {
background: rgba(0, 0, 0, 0) url("../images/home-forth-bg.jpg") repeat center top;
margin: 0;
padding: 35px 0 35px;
position: relative;
width: 100%;
background-size: cover;
}
.red-full-sec-sm h5 {
font-family: 'Cabin', sans-serif;
font-size: 32px;
font-weight: bold;
line-height: 45px;
color: #fff;
}
.two-col-slider {
background: url(../images/strip-sm.jpg) left bottom repeat-x;
padding: 0 0 15px 0;
}
.slider-txt {
padding-left: 50px;
}
#Container {
margin: 0 -15px;
clear: both;
}
#Container .mix {
display: none;
box-sizing: border-box;
}
.port-2-col .zoom-port, .port-3-col .zoom-port, .port-2-row .zoom-port {
transform: scale(1.0);
transition: all .5s ease-out;
}
.port-2-col .zoom-port:hover, .port-3-col .zoom-port:hover, .port-2-row .zoom-port:hover {
z-index: 0;
transform: scale(1.1);
transition: all .5s ease-in;
}
button.filter {
border: none;
background: none;
cursor: pointer;
float: right;
text-transform: uppercase;
font-size: 18px;
color: #4c4c4c;
width: auto;
position: relative;
top: -60px;
border: 0 !important;
}
button.filter:hover {
color: #118bcb;
}
button.active {
color: #118bcb;
}
.port-2-col {
width: 52%;
padding: 0 15px;
float: left;
overflow: hidden;
}
.port-3-col {
width: 33.33%;
padding: 0 15px;
float: left;
margin-bottom: 25px;
overflow: hidden;
}
.port-2-row {
width: 48%;
padding: 0px 15px;
float: left;
margin-bottom: 23px;
position: relative;
overflow: hidden;
}
.port-2-row .play-button {
top: 50%;
left: 40%;
transform: translateY(-50%);
z-index: 10;
}
.port-2-row img {
width: 100%;
}
.status-on .port-2-row {
width: 49.7%;
float: none;
box-sizing: border-box;
}
#Container .home-project-blk {
min-height: 0px;
background-image: none;
}
#Container .home-project-blk img {
width: 87%;
height: auto;
}
#Container .home-project-blk .abstract-1 {
left: -95px;
position: absolute;
top: -263px;
}
#Container .home-project-blk .more-button {
position: relative;
z-index: 1;
}
.pick-purpose {
margin: 0px;
padding: 0 50px;
}
.pick-purpose h4 {
font-size: 30px;
text-align: center;
font-family: 'Cabin', sans-serif;
color: #6d6e71;
font-weight: 300;
}
.pick-purpose .more-button {
display: block;
text-align: center;
font-weight: 600;
margin-bottom: 5px;
}
.directors-block-contact {
padding: 50px 50px 50px 50px;
background: #272b31;
background: #2c2e32 url(../images/strip-sm.jpg) left bottom repeat-x;
}
.directors-block-contact h4 {
font-size: 24px;
color: #d8d8d8;
text-transform: uppercase;
font-family: 'Cabin', sans-serif;
font-weight: 800;
line-height: 27px;
}
.directors-block-contact h4 span {
font-weight: 300;
font-family: 'Cabin', sans-serif;
font-size: 20px;
text-transform: uppercase;
}
.directors-block-contact p {
color: #d8d8d8;
font-family: 'Cabin', sans-serif;
font-size: 24px;
}
.directors-block-contact p a {
color: #d8d8d8;
font-family: 'Cabin', sans-serif;
font-size: 20px;
}
.directors-block-contact p a:hover {
color: #00b1f5;
font-family: 'Cabin', sans-serif;
font-size: 20px;
}
.directors-block-contact .call-button span {
color: #00b1f5;
}
.directors-block-contact .call-button {
margin-top: 15px
}
.contact-form {
margin-bottom: 25px;
}
.contact-form input {
margin: 0 0 15px;
padding: 0;
border: 1px solid #a1a1a1;
padding: 20px;
font-size: 16px;
color: #000;
font-family: 'Cabin', sans-serif;
font-weight: 600;
width: 100%;
}
.contact-form select {
margin: 0 0 15px;
padding: 0;
border: 1px solid #a1a1a1;
padding: 20px;
font-size: 16px;
font-weight: 600;
font-family: 'Cabin', sans-serif;
color: #000;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url(../images/black-arrow-bold.png) 97% 27px no-repeat;
}
.contact-form textarea {
margin: 0 0 15px;
font-weight: 600;
padding: 0;
border: 1px solid #a1a1a1;
padding: 20px;
color: #000;
height: 150px;
font-size: 16px;
resize: none;
font-family: 'Cabin', sans-serif;
border-radius: 0;
box-shadow: none;
}
.contact-form label {
font-size: 16px;
color: #000;
text-transform: uppercase;
font-family: 'Cabin', sans-serif;
font-weight: 600;
}
.contact-form label i {
position: relative;
top: 5px;
margin-right: 10px;
}
.fileUpload {
margin: 10px;
overflow: hidden;
position: relative;
}
.btn-primary.upload-image {
background: url(../images/right-arrow.png) no-repeat scroll 97% 20px !important;
color: #000;
display: inline-table;
padding: 13px 50px 13px 20px;
text-transform: uppercase;
font-family: 'Cabin', sans-serif;
font-size: 14px;
font-weight: 600;
border: 1px solid #a1a1a1;
width: 100%;
margin: 0;
}
.fileUpload input[type="file"] {
border: 1px solid #797979;
color: #8e8071;
font-size: 16px;
outline: medium none;
padding: 10px;
width: 100%;
min-height: 67px;
}
.fileUpload input.upload {
cursor: pointer;
font-size: 20px;
margin: 0;
opacity: 0;
padding: 0;
position: absolute;
right: 0;
top: 0;
}
.fileUpload span {
color: #4a4542;
font-size: 15px;
margin: 0 0 30px;
}
.squaredTwo {
position: relative;
margin: 0px auto;
display: inline-block;
float: left;
width: 100%;
}
.squaredTwo label {
width: 28px;
height: 28px;
cursor: pointer;
position: relative;
left: 2px;
top: 2px;
background: #fff;
border: 2px solid #333;
display: block;
float: left;
margin-top: 3px;
}
.squaredTwo span {
font-family: 'Cabin', sans-serif;
font-size: 15px;
color: #000;
margin-left: 10px;
text-transform: uppercase;
font-weight: 600;
margin-top: -5px;
}
.check-div {
float: left;
}
.squaredTwo .em {
font-style: italic;
font-size: 20px;
text-transform: inherit;
font-weight: 500;
}
.squaredTwo label:after {
content: '';
width: 9px;
height: 5px;
position: absolute;
top: 6px;
left: 6px;
border: 3px solid #333;
border-top: none;
border-right: none;
background: transparent;
opacity: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.wiki-faq-sec {
margin-top: 30px;
}
.wiki-faq-sec h2 {
font-size: 30px !important;
margin-bottom: 20px;
}
.wiki-faq-sec p {
color: #666;
font-family: 'Cabin', sans-serif !important;
margin-bottom: 1.6em;
padding: 0;
font-size: 18px;
line-height: 1.6em;
letter-spacing: 0.25px;
}
.wiki-faq-sec blockquote {
border-left: 10px solid #eeeeee;
color: #888888;
padding: 10px 20px;
margin-bottom: 1.6em;
margin-left: 0;
}
.wiki-faq-sec p a {
color: #f47d03;
transition: 0.5s;
}
.wiki-faq-sec p strong {
color: #000;
font-weight: bold;
font-family: 'Cabin', sans-serif !important;
line-height: 1.25em;
margin-bottom: 1.25em;
}
.squaredTwo label:hover::after {
opacity: 0.3;
}
.squaredTwo input[type=checkbox] {
visibility: hidden;
position: absolute;
left: 9px;
}
.squaredTwo input[type=checkbox]:checked + label:after {
opacity: 1;
}
.check-box p {
font-family: 'Cabin', sans-serif;
font-size: 15px;
color: #000;
text-transform: uppercase;
font-weight: 600;
}
.contact-form .back {
margin: 0 0 40px 0;
padding: 0 0px 0px 60px;
background: url(../images/blue-arrow.png) 0px 11px no-repeat;
font-size: 30px;
color: #118bcb;
text-align: left;
float: left;
transition: all 0.2s ease-in-out;
}
.contact-form .back:hover {
margin-left: -9px;
transition: all 0.2s ease-in-out;
background: url(../images/blue-arrow.png) 10px 11px no-repeat;
}
.tool-tip {
margin: 0;
padding: 0;
visibility: hidden;
opacity: 0;
transition: visibility 0s 1s, opacity 1s linear;
}
.pick-purpose div:hover > .tool-tip {
visibility: visible;
opacity: 1;
transition: opacity 1s linear;
}
.popup-wrap {
width: 100%;
height: 100%;
display: none;
position: absolute;
top: 0px;
left: 0px;
content: '';
}
.popup-box > iframe {
width: 100%;
height: 100%;
position: relative;
}
.sp .popup-box > iframe {
width: 100%;
height: 100%;
position: relative;
left: 0px;
}
.popup-box {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
background: #fff;
text-align: center;
height: 100%
}
.popup-box h2 {
color: #1a1a1a;
}
.popup-box h3 {
color: #888;
}
.popup-box .close-btn {
display: inline-block;
position: absolute;
top: 0px;
right: 0px;
text-decoration: none;
color: #fff;
font-family: 'Cabin', sans-serif;
background: #000;
padding: 0px 15px;
height: 32px;
background-image: url(../images/close.png);
}
.inner-video-sec .close-btn {
display: inline-block;
position: absolute;
top: 0px;
text-decoration: none;
color: #fff;
font-family: 'Cabin', sans-serif;
background: #000;
padding: 0px 15px;
height: 41px;
}
.transform-in, .transform-out {
display: block;
}
.transform-in {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.transform-out {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.team {
margin: 0;
padding: 0;
float: left;
line-height: 0;
position: relative;
}
.team-row {
margin: 0 0 100px 0;
padding: 0;
}
.index-0 {
margin: 0;
padding: 0;
z-index: 0;
}
.index-1 {
margin: 0;
padding: 0;
z-index: 1;
}
.index-2 {
margin: 0;
padding: 0;
z-index: 2;
}
.move-left-1 {
margin-left: -50px;
}
.move-left-2 {
margin-left: -74px;
}
.move-left-3 {
margin-left: -65px;
}
.move-left-4 {
margin-left: -60px;
}
.move-left-5 {
margin-left: -45px;
}
.move-left-6 {
margin-left: -55px;
}
.move-left-7 {
margin-left: -60px;
}
.move-left-8 {
margin-left: -60px;
}
.move-left-9 {
margin-left: -133px;
}
.move-left-9-a {
margin-left: -90px;
}
.move-left-10 {
margin-left: -94px;
}
.move-left-11 {
margin-left: -46px;
}
.move-left-12 {
margin-left: -85px;
}
.move-left-13 {
margin-left: -81px;
}
.move-left-14 {
margin-left: -69px;
}
.move-left-15 {
margin-left: -71px;
}
.move-left-16 {
margin-left: -87px;
}
.move-left-17 {
margin-left: -100px;
}
.move-left-18 {
margin-left: -40px;
}
.move-left-19 {
margin-left: -42px;
}
.move-left-20 {
margin-left: -74px;
}
.move-left-21 {
margin-left: -54px;
}
.move-left-22 {
margin-left: -15px;
}
.move-left-23 {
margin-left: -85px;
}
.move-left-24 {
margin-left: -105px;
}
.move-left-25 {
margin-left: -85px;
}
.move-left-26 {
margin-left: -93px;
}
.move-left-27 {
margin-left: -95px;
}
.move-left-28 {
margin-left: -85px;
}
.move-left-29 {
margin-left: -76px;
}
.move-left-30 {
margin-left: -99px;
}
.move-left-31 {
margin-left: -85px;
}
.move-left-32 {
margin-left: -85px;
}
.move-left-33 {
margin-left: -110px;
}
.move-left-34 {
margin-left: -61px;
}
.move-left-35 {
margin-left: -45px;
}
.move-left-36 {
margin-left: -83px;
}
.move-left-37 {
margin-left: -96px;
}
.move-left-38 {
margin-left: -74px;
}
.move-left-39 {
margin-left: -85px;
}
.move-left-40 {
margin-left: -85px;
}
.move-left-41 {
margin-left: -102px;
}
.move-left-42 {
margin-left: -51px;
}
.move-left-43 {
margin-left: -85px;
}
.move-left-44 {
margin-left: -69px;
}
.move-left-45 {
margin-left: -81px;
}
.move-left-46 {
margin-left: -115px;
}
.move-left-47 {
margin-left: -55px;
}
.move-left-48 {
margin-left: -85px;
}
.move-left-49 {
margin-left: -30px;
}
.move-left-50 {
margin-left: -33px;
}
.move-left-51 {
margin-left: -43px;
}
.move-left-52 {
margin-left: -89px;
}
.move-left-53 {
margin-left: -56px;
}
.move-left-54 {
margin-left: -85px;
}
.move-left-55 {
margin-left: -76px;
}
.move-left-56 {
margin-left: -67px;
}
.move-left-57 {
margin-left: -87px;
} /*Changed*/
.move-left-58 {
margin-left: -96px;
}
.move-left-59 {
margin-left: -85px;
}
.move-left-60 {
margin-left: -85px;
}
.move-left-61 {
margin-left: -52px;
}
.move-left-61-a {
margin-left: -72px;
}
.move-left-61-a {
margin-left: -72px;
}
.move-left-62 {
margin-left: -86px;
}
.move-left-63 {
margin-left: -89px;
}
.move-left-64 {
margin-left: -60px;
}
.move-left-65 {
margin-left: -40px;
}
.move-left-66 {
margin-left: -103px;
}
.move-left-67 {
margin-left: -41px;
}
.move-left-68 {
margin-left: -64px;
}
.move-left-69 {
margin-left: -85px;
}
.move-left-70 {
margin-left: -65px;
}
.move-left-71 {
margin-left: -37px;
}
.move-left-72 {
margin-left: -97px;
}
.move-left-73 {
margin-left: 0px;
}
.move-left-74 {
margin-left: 0px;
}
.move-left-75 {
margin-left: 0px;
}
.move-left-76 {
margin-left: 0px;
}
.move-left-77 {
margin-left: 0px;
}
.move-left-78 {
margin-left: 0px;
}
.move-left-79 {
margin-left: 0px;
}
.move-left-80 {
margin-left: 0px;
}
.move-left-81 {
margin-left: -80px;
}
.move-left-82 {
margin-left: -80px;
}
.move-left-83 {
margin-left: -61px;
}/*Changed*/
.move-left-83-a {
margin-left: -61px;
}/*Changed*/
.move-left-84 {
margin-left: -80px;
}
.move-left-85 {
margin-left: -94px;
}
.move-left-86 {
margin-left: -45px;
}
.move-left-87 {
margin-left: 0px;
}
.move-left-88 {
margin-left: -58px;
}
.move-left-89 {
margin-left: -35px;
}
.move-left-90 {
margin-left: -80px;
}
.move-left-91 {
margin-left: 0px;
}
.move-left-92 {
margin-left: -80px;
}
.move-left-93 {
margin-left: -26px;
}
.move-left-94 {
margin-left: -49px;
}
.move-left-95 {
margin-left: -54px;
}
.move-left-96 {
margin-left: -37px;
}
.move-left-97 {
margin-left: -33px;
}
.move-left-98 {
margin-left: -33px;
}
.move-left-99 {
margin-left: -64px;
}
.move-left-100 {
margin-left: -67px;
}
.move-left-101 {
margin-left: -67px;
}
.new-person {
margin-left: 0px;
}
.pos-1 {
top: -69px;
right: -61px;
}
.pos-2 {
top: -69px;
right: -8px;
}
.pos-3 {
top: -69px;
left: 22px;
text-align: right;
}
.pos-4 {
top: -69px;
right: 7px;
}
.pos-5 {
top: -69px;
right: -18px;
}
.pos-6 {
top: -69px;
right: 27px;
}
.pos-7 {
top: -69px;
left: -45px;
text-align: right;
}
.pos-8 {
top: -69px;
right: 31px;
}/*Changed*/
.pos-9 {
top: -69px;
right: -62px;
}
.pos-10 {
top: -69px;
left: 40px;
text-align: right;
}
.pos-11 {
top: -69px;
right: 12px;
}
.pos-12 {
top: -69px;
right: -61px;
}
.pos-13 {
top: -69px;
right: -39px;
}
.pos-14 {
top: -69px;
left: -65px;
text-align: right;
}
.pos-15 {
top: -69px;
right: -27px;
}
.pos-16 {
top: -69px;
right: 15px;
}
.pos-17 {
top: -69px;
right: -27px;
}
.pos-18 {
top: -69px;
right: -35px;
}
.pos-19 {
top: -69px;
left: -20px;
text-align: right;
}
.pos-20 {
top: -69px;
right: -27px;
}
.pos-21 {
top: -69px;
left: -47px;
text-align: right;
}
.pos-22 {
top: -69px;
right: -47px;
}
.pos-23 {
top: -69px;
right: -28px;
}
.pos-24 {
top: -69px;
right: -22px;
}
.pos-24-a {
top: -69px;
right: -34px;
}
.pos-25 {
top: -69px;
right: -52px;
}
.pos-26 {
top: -69px;
right: -28px;
}
.pos-27 {
top: -69px;
right: -9px;
}
.pos-28 {
top: -69px;
left: 20px;
text-align: right;
}
.pos-29 {
top: -69px;
right: -46px;
}
.pos-30 {
top: -69px;
right: 4px;
}
.pos-31 {
top: -69px;
left: -25px;
text-align: left;
}
.pos-31 img {
float: right;
}
.pos-32 {
top: -69px;
right: -19px;
}/*changed*/
.pos-33 {
top: -69px;
left: -69px;
text-align: left;
}
.pos-33 img {
float: right;
}
.pos-34 {
top: -69px;
left: -24px;
text-align: right;
}
.pos-35 {
top: -69px;
right: -50px;
}
.pos-36 {
top: -69px;
right: 11px;
}
.pos-37 {
top: -69px;
right: -30px;
}
.pos-38 {
top: -69px;
right: -51px;
}
.pos-39 {
top: -69px;
right: -30px;
}
.pos-40 {
top: -69px;
right: -49px;
}
.pos-41 {
top: -69px;
right: -16px;
}
.pos-42 {
top: -69px;
left: -50px;
text-align: right;
}
.pos-43 {
top: -69px;
right: -55px;
}
.pos-44 {
top: -69px;
right: -63px;
}
.pos-45 {
top: -69px;
left: -75px;
text-align: right;
}
.pos-46 {
top: -69px;
right: -92px;
}
.pos-47 {
top: -69px;
right: 40px;
}
.pos-48 {
top: -69px;
right: -17px;
}
.pos-49 {
top: -69px;
right: -13px;
}
.pos-50 {
top: -69px;
right: -69px;
}
.pos-51 {
top: -69px;
right: 15px;
}
.pos-52 {
left: -40px;
text-align: right;
top: -69px;
}
.pos-53 {
top: -69px;
right: -10px;
}
.pos-54 {
top: -69px;
right: -39px;
}
.pos-55 {
top: -69px;
left: -60px;
text-align: right;
}
.pos-55 img {
float: right;
margin-right: 35px;
}
.pos-56 {
top: -69px;
left: -50px;
text-align: right;
}
.pos-57 {
top: -69px;
right: -69px;
}/*Changed*/
.pos-58 {
top: -69px;
right: -39px;
}
.pos-59 {
top: -69px;
right: -95px;
}
.pos-60 {
top: -69px;
left: -19px;
text-align: right;
}
.pos-61 {
top: -69px;
left: -29px;
text-align: right;
}
.pos-62 {
top: -69px;
right: 15px;
}
.pos-63 {
top: -69px;
left: -45px;
text-align: right;
}
.pos-64 {
top: -69px;
right: -54px;
}
.pos-65 {
top: -69px;
right: 28px;
}
.pos-66 {
top: -69px;
right: 20px;
}
.pos-67 {
top: -69px;
right: -72px;
}
.pos-68 {
top: -69px;
right: -37px;
}/*Changed*/
.pos-68-a {
top: -69px;
right: 8px;
}/*Changed*/
.pos-69 {
top: -69px;
left: -18px;
text-align: right;
}
.pos-70 {
top: -69px;
right: 15px;
}
.pos-71 {
top: -69px;
left: -25px;
text-align: right;
}
.pos-72 {
top: -69px;
right: -32px;
}
.pos-73 {
top: -69px;
right: 3px;
}
.pos-74 {
top: -69px;
right: -65px;
}
.pos-75 {
top: -69px;
right: 0px;
}
.pos-76 {
top: -69px;
right: -15px;
}
.pos-77 {
top: -69px;
right: -42px;
}
.pos-78 {
top: -69px;
right: -71px;
}
.pos-79 {
top: -69px;
left: -15px;
text-align: right;
}
.pos-80 {
top: -69px;
right: -63px;
}/*Changed*/
.pos-81 {
top: -69px;
right: -40px;
}
.pos-82 {
top: -69px;
right: -14px;
}
.pos-83 {
top: -69px;
left: -35px;
text-align: right;
}
.pos-84 {
top: -69px;
left: -80px;
text-align: right;
}
.pos-84 img {
margin-top: 5px;
}
.pos-85 {
top: -69px;
left: 10px;
text-align: right;
}
.pos-86 {
top: -69px;
right: 18px;
}
.pos-87 {
top: -69px;
right: -30px;
}
.pos-88 {
top: -69px;
right: 15px;
}
.pos-89 {
top: -69px;
left: -59px;
text-align: right;
}
.pos-90 {
top: -69px;
right: -69px;
text-align: center;
}
.pos-91 {
top: -69px;
right: 0px;
text-align: center;
}
.pos-92 {
top: -69px;
right: 19px;
text-align: center;
}/*Changed*/
.pos-93 {
top: -69px;
right: -41px;
text-align: center;
}/*Changed*/
.pos-94 {
top: -69px;
left: -38px;
text-align: center;
}/*Changed*/
.pos-95 {
top: -69px;
right: -50px;
}/*Changed*/
.pos-96 {
top: -69px;
right: -50px;
}
.pos-97 {
top: -69px;
right: 10px;
}/*Changed*/
.pos-98 {
top: -69px;
right: -57px;
}/*Changed*/
.pos-99 {
top: -69px;
right: -80px;
}/*Changed*/
.pos-100 {
top: -69px;
right: 7px;
}/*Changed*/
.pos-101 {
top: -69px;
right: -43px;
}/*Changed*/
.pos-102 {
top: -69px;
right: 7px;
}/*Changed*/
.pos-103 {
top: -69px;
right: -70px;
}/*Changed*/
.team-strip {
margin: 0 0 100px 0;
padding: 0;
height: 12px;
background: url(../images/strip.jpg) left top repeat-x;
float: left;
width: 100%;
}
.details {
display: none;
float: right;
position: absolute;
}
.details h4 {
margin: 0;
padding: 0;
font-size: 26px;
font-family: 'Roboto Slab', serif;
text-align: center;
font-weight: 400;
color: #666;
line-height: 20px;
}
.details h4 span {
margin: 0;
padding: 0;
font-size: 15px;
font-family: 'Cabin', sans-serif;
text-align: center;
}
.team:hover {
z-index: 10;
}
.team:hover .details {
display: block;
}
.details > img {
margin-left: -11px;
}
.history-gmi {
margin: 0;
padding: 0;
}
.history-gmi h2 {
text-transform: capitalize;
margin: 70px 0 0 0;
padding: 0;
text-align: center;
font-weight: 300;
font-size: 47px;
color: #000;
line-height: 57px;
}
.history-gmi h4 {
margin: 0;
padding: 0;
text-align: left;
font-weight: 300;
font-size: 27px;
color: #138bcc;
}
.cd-horizontal-timeline {
opacity: 0;
margin: 2em auto;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
transition: opacity 0.2s;
display: none;
}
.cd-horizontal-timeline::before {
content: 'mobile';
display: none;
}
.cd-horizontal-timeline.loaded {
opacity: 1;
}
.cd-horizontal-timeline .timeline {
position: relative;
height: 100px;
width: 100%;
margin: 0 auto;
}
.cd-horizontal-timeline .events-wrapper {
position: relative;
height: 100%;
margin: 0 0px;
overflow: hidden;
}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
content: '';
position: absolute;
z-index: 2;
top: 0;
height: 100%;
width: 20px;
}
.cd-horizontal-timeline .events-wrapper::before {
left: -21px;
}
.cd-horizontal-timeline .events-wrapper::after {
right: -16px;
}
.cd-horizontal-timeline .events {
position: absolute;
z-index: 1;
left: 10px;
top: 49px;
height: 6px;
background: url(../images/strip.jpg) left top repeat-x;
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.4s;
}
.cd-horizontal-timeline .filling-line {
position: absolute;
z-index: 1;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #e13102;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
position: absolute;
bottom: 0;
z-index: 2;
text-align: center;
font-size: 1.3rem;
padding-bottom: 15px;
color: #383838;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
font-family: 'Cabin', sans-serif;
}
.cd-horizontal-timeline .events a::after {
content: '';
position: absolute;
left: 48%;
right: auto;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -10px;
height: 25px;
width: 25px;
border-radius: 50%;
border: 2px solid #eee;
background-color: #fff;
-webkit-transition: background-color 0.3s, border-color 0.3s;
-moz-transition: background-color 0.3s, border-color 0.3s;
transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
background-color: #138bcc;
border-color: #acacac;
box-shadow: 0 5px 4px #666;
}
.cd-horizontal-timeline .events a.selected {
pointer-events: none;
}
.cd-horizontal-timeline .events a.selected::after {
background-color: #138bcc;
border-color: #acacac;
box-shadow: 0 5px 4px #666;
}
.cd-horizontal-timeline .events a.older-event::after {
border-color: #eee;
}
.cd-horizontal-timeline .events li:first-child a::after {
left: 10px;
}
.cd-horizontal-timeline .events li:last-child a::after {
right: -22px;
left: auto;
}
.slide-slide-bar .floating-one {
display: none;
}
img.animated.bounceIn.infinite.mobile_top {
display: none;
}
.reviews_div {
font-size: 12px;
color: #fff;
text-transform: uppercase;
line-height: 18px;
}
.table-contents p {
margin-bottom: 0 !important;
}
.table-contents .post-content ul {
margin-left: 0;
}
.table-contents .post-content ul li {
padding: 0 0 0 30px;
font-size: 16px;
}
@media only screen and (min-width:1100px) {
.cd-horizontal-timeline {
margin: 0em auto;
}
.cd-horizontal-timeline::before {
content: 'desktop';
}
}
.cd-timeline-navigation a {
position: absolute;
z-index: 1;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
height: 50px;
width: 50px;
border: 2px solid #dfdfdf;
overflow: hidden;
color: transparent;
text-indent: 100%;
white-space: nowrap;
-webkit-transition: border-color 0.3s;
-moz-transition: border-color 0.3s;
transition: border-color 0.3s;
}
.cd-timeline-navigation a::after {
content: '';
position: absolute;
height: 21px;
width: 16px;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background: url(../images/cd-arrow.svg) no-repeat 0 0;
}
.cd-timeline-navigation a.prev-main {
left: 0px;
top: 338px;
-webkit-transform: translateY(-50%) rotate(180deg);
-moz-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
-o-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
.cd-timeline-navigation a.next-main {
right: -36px;
top: 338px;
}
.cd-timeline-navigation .inactive {
opacity: 0.2;
}
.cd-timeline-navigation a.prev-main:hover, .cd-timeline-navigation a.next-main:hover {
background: #333;
}
.cd-horizontal-timeline .events-content {
position: relative;
width: 100%;
margin: 12px 0;
-webkit-transition: height 0.4s;
-moz-transition: height 0.4s;
transition: height 0.4s;
}
.cd-horizontal-timeline .events-content li {
position: absolute;
z-index: 1;
width: 100%;
left: 0;
top: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
padding: 0 20px;
opacity: 0;
-webkit-animation-duration: 0.4s;
-moz-animation-duration: 0.4s;
animation-duration: 0.4s;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
.cd-horizontal-timeline .events-content li.selected {
position: relative;
z-index: 0;
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
-webkit-animation-name: cd-enter-right;
-moz-animation-name: cd-enter-right;
animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
-webkit-animation-name: cd-enter-left;
-moz-animation-name: cd-enter-left;
animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
-webkit-animation-direction: reverse;
-moz-animation-direction: reverse;
animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {
max-width: 800px;
margin: 0 auto;
}
.cd-horizontal-timeline .events-content em::before {
content: '- ';
}
@-webkit-keyframes cd-enter-right {
0% {
opacity:0;
-webkit-transform:translateX(100%);
}
100% {
opacity:1;
-webkit-transform:translateX(0%);
}
}
@-moz-keyframes cd-enter-right {
0% {
opacity:0;
-moz-transform:translateX(100%);
}
100% {
opacity:1;
-moz-transform:translateX(0%);
}
}
@keyframes cd-enter-right {
0% {
opacity:0;
-webkit-transform:translateX(100%);
-moz-transform:translateX(100%);
-ms-transform:translateX(100%);
-o-transform:translateX(100%);
transform:translateX(100%);
}
100% {
opacity:1;
-webkit-transform:translateX(0%);
-moz-transform:translateX(0%);
-ms-transform:translateX(0%);
-o-transform:translateX(0%);
transform:translateX(0%);
}
}
@-webkit-keyframes cd-enter-left {
0% {
opacity:0;
-webkit-transform:translateX(-100%);
}
100% {
opacity:1;
-webkit-transform:translateX(0%);
}
}
@-moz-keyframes cd-enter-left {
0% {
opacity:0;
-moz-transform:translateX(-100%);
}
100% {
opacity:1;
-moz-transform:translateX(0%);
}
}
@keyframes cd-enter-left {
0% {
opacity:0;
-webkit-transform:translateX(-100%);
-moz-transform:translateX(-100%);
-ms-transform:translateX(-100%);
-o-transform:translateX(-100%);
transform:translateX(-100%);
}
100% {
opacity:1;
-webkit-transform:translateX(0%);
-moz-transform:translateX(0%);
-ms-transform:translateX(0%);
-o-transform:translateX(0%);
transform:translateX(0%);
}
}
ul.cd-timeline-navigation li {
list-style: none;
}
.cd-horizontal-timeline ol {
list-style: none;
margin: 0;
padding: 0;
}
.hidden {
display: none;
}
.slides-wrapper1, .slides-wrapper2, .slides-wrapper3, .slides-wrapper4, .slides-wrapper5, .slides-wrapper6, .slides-wrapper7, .slides-wrapper8 {
-webkit-transform-style: preserve-3d;
-webkit-perspective: 700px;
-webkit-perspective-origin: 50% 100px;
-webkit-transform: translateZ(0);
transform-style: preserve-3d;
perspective: 700px;
-webkit-perspective-origin: 50% 100px;
-webkit-transform: translateZ(0);
transform-style: preserve-3d;
perspective-origin: 50% 100px;
transform: translateZ(0);
z-index: 2;
margin-bottom: 0px;
position: relative;
}
.history-img {
margin-top: 20px;
width: 100%;
}
.slide h2 {
text-align: left;
font-family: 'Roboto', sans-serif;
font-weight: 900;
color: #138bcc;
font-size: 75px;
margin: 25px 0 25px 0;
}
.slide h3 {
line-height: normal;
margin-bottom: 20px;
}
.slide p {
font-size: 16px;
line-height: 28px;
color: #afafaf;
}
.slide {
opacity: 0;
color: #eee;
left: 0;
-webkit-transition: 0.7s all cubic-bezier(0.260, 0.860, 0.440, 0.900);
transition: 0.7s all cubic-bezier(0.260, 0.860, 0.440, 0.900);
-webkit-transform: translateZ(0);
transform: translateZ(0);
background: #999;
box-sizing: border-box;
padding: 35px;
overflow: hidden;
position: absolute;
padding-bottom: 60px;
min-height: 480px;
max-width: 590px;
width: 100%;
}
.slide.current {
opacity: 1;
position: relative;
top: 0;
background: #333;
}
.slide.next {
opacity: 0;
-webkit-transform: rotateY(90deg) translate3d(0%, 0, 155px);
-webkit-transform-origin: top left;
transform: rotateY(90deg) translate3d(0, 0, 125px);
transform-origin: top left;
left: 60%;
position: absolute;
top: 0;
}
.slide.prev {
-webkit-transform: rotateY(-90deg) translate3d(20%, 0, 155px);
-webkit-transform-origin: top right;
transform: rotateY(-90deg) translate3d(0, 0, 125px);
transform-origin: top right;
opacity: 1;
left: -60%;
}
.slide ul, .slide ol {
margin: 1em 0;
}
.slide li {
list-style-position: inside;
}
.nav-button {
z-index: 10;
min-width: 150px;
width: 5%;
height: 100%;
border: none;
background-color: transparent;
background-position: center;
background-repeat: no-repeat;
text-indent: -99999px;
cursor: pointer;
}
.nav-button:focus {
outline: none;
}
.nav-button.prev {
background-image: url(../images/arrow-left.png);
height: 22px;
width: 74px;
position: absolute;
left: 19px;
bottom: 50px;
opacity: 1;
}
.nav-button.next {
background-image: url("../images/arrow-right.png");
height: 22px;
width: 74px;
position: absolute;
right: 19px;
bottom: 50px;
z-index: 10;
opacity: 1;
}
@media all and (max-width:1280px) {
.nav-button {
background-size: 60%;
min-width: 100px;
}
}
@media all and (max-width:750px) {
.nav-button {
width: 100%;
height: 50px;
background-size: contain;
}
}
.orange-dis {
color: #ffd55c;
font-family: 'Cabin', sans-serif;
font-style: italic;
font-size: 38px;
line-height: normal;
margin-bottom: 25px;
padding-top: 80px;
}
.his-italic {
line-height: normal;
}
.contact-form .error {
color: red !important;
font-size: 14px !important;
}
#slide-panel .error {
border: 1px solid #F00 !important;
}
.chat-bot {
right: 65px;
position: fixed;
bottom: 0;
background: #212b2f;
padding: 10px 15px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
z-index: 100;
width: 450px;
text-align: right;
}
.chat-bot a:focus {
background-color: #212b2f !important;
}
.chat-bot-pop span {
padding-top: 38px;
display: inline-block;
vertical-align: top;
color: #f47d03;
}
.chat-bot-pop {
width: 450px;
position: fixed;
margin-bottom: -560px;
bottom: 0;
right: 65px;
z-index: 1000;
padding: 10px 0px 0px;
background: #212b2f;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.chat-bot-pop iframe {
width: 100%;
height: 460px;
border: none;
background: #fff;
margin-bottom: -11px;
}
.robo-img {
margin: 0px 0;
margin-left: 15px;
}
.robo-img-small {
margin: 3px 0 0 0;
padding: 0;
width: 25px;
float: left;
}
.bot-close {
float: right;
margin-top: 40px;
margin-right: 15px;
}
.error-wrap {
text-align: center;
margin: 50px 0 15px 0;
padding: 0;
}
.error-wrap img {
margin-bottom: 25px;
max-width: 100%;
}
.error-wrap h1 {
font-size: 40px;
color: #333;
font-family: 'Cabin', sans-serif;
text-transform: none;
}
.error-wrap p {
font-size: 20px;
color: #333;
font-family: 'Cabin', sans-serif;
}
.thank-you {
text-align: center;
margin: 100px 0;
padding: 0;
}
.thank-you h1 {
font-size: 40px;
color: #f37904;
font-family: 'Cabin', sans-serif;
text-transform: uppercase;
line-height: none;
margin-bottom: 15px;
line-height: normal;
}
.history-new {
width: 100%;
margin: 0;
padding: 0;
display: none;
}
.history-round {
width: 130px;
height: 130px;
border-radius: 100%;
border: 1px solid #eee;
padding: 10px;
margin: auto;
}
.history-round-blue {
background: url(../images/hash-bg.jpg) repeat left top;
text-align: center;
padding: 15px;
color: #fff;
font-size: 18px;
padding: 35px 35px;
float: left;
border-radius: 100%;
}
.history-round-blue:hover {
background: url(../images/blue-bg.jpg) no-repeat left top;
background-size: cover;
}
.synced .item .history-round .history-round-blue {
background: url(../images/blue-bg.jpg) no-repeat left top;
background-size: cover;
}
.history-round-blue-bg {
background: url(../images/blue-bg-big.jpg) repeat left top !important;
}
.history-round-red {
background: url(../images/hash-bg.jpg) repeat left top;
text-align: center;
padding: 15px;
color: #fff;
font-size: 18px;
padding: 35px 35px;
float: left;
border-radius: 100%;
}
.history-round-red:hover {
background: url(../images/red-bg.jpg) no-repeat left top;
background-size: cover;
}
.synced .item .history-round .history-round-red {
background: url(../images/red-bg.jpg) no-repeat left top;
background-size: cover;
}
.history-round-red-bg {
background: url(../images/red-bg-big.jpg) repeat left top !important;
}
.history-round-orange {
background: url(../images/hash-bg.jpg) repeat left top;
text-align: center;
padding: 15px;
color: #fff;
font-size: 18px;
padding: 35px 35px;
float: left;
border-radius: 100%;
}
.history-round-orange:hover {
background: url(../images/orange-bg.jpg) no-repeat left top;
background-size: cover;
}
.synced .item .history-round .history-round-orange {
background: url(../images/orange-bg.jpg) no-repeat left top;
background-size: cover;
}
.history-round-orange-bg {
background: url(../images/orange-bg-big.jpg) repeat left top !important;
}
.history-round-yellow {
background: url(../images/hash-bg.jpg) repeat left top;
text-align: center;
padding: 15px;
color: #fff;
font-size: 18px;
padding: 35px 35px;
float: left;
border-radius: 100%;
}
.history-round-yellow:hover {
background: url(../images/yellow-bg.jpg) no-repeat left top;
background-size: cover;
}
.synced .item .history-round .history-round-yellow {
background: url(../images/yellow-bg.jpg) no-repeat left top;
background-size: cover;
}
.history-round-yellow-bg {
background: url(../images/yellow-bg-big.jpg) repeat left top !important;
}
.history-content {
width: 100%;
padding: 50px 0 50px 0;
margin: 30px 0 0 0;
background: #666;
min-height: 600px;
text-align: center;
}
.history-content img {
max-width: 100%;
}
.border-right {
border-right: 1px solid rgba(255, 255, 255, .5)
}
.history-content h3 {
font-size: 60px;
color: #fff;
margin-bottom: 50px;
font-weight: 900;
font-family: 'Cabin', sans-serif;
text-align: center;
}
.history-content h4 {
font-size: 26px;
color: #fff;
margin-bottom: 10px;
font-weight: 900;
font-family: 'Cabin', sans-serif;
line-height: normal;
}
.history-content p {
font-size: 16px;
color: #fff;
margin-bottom: 0px;
line-height: 26px;
font-family: 'Cabin', sans-serif;
}
.history-new .owl-controls {
position: absolute;
top: 50%;
width: 100%;
}
.history-new .owl-controls .owl-next {
float: right;
background: url(../images/next.png) no-repeat right top;
height: 64px;
width: 64px;
}
.history-new .owl-controls .owl-prev {
float: left;
background: url(../images/back.png) no-repeat left top;
height: 64px;
width: 64px;
}
/* NIJO - 14-7-2017*/
.klifo-logo {
text-align: right;
}
.Klip-ul {
padding-left: 0px;
}
.Klip-ul li {
color: #d90501;
background: url(../images/bullets.png) no-repeat left;
display: block;
padding-left: 32px;
margin-bottom: 5px;
font-style: italic;
}
h5.hd {
margin-bottom: 20px;
font-size: 17px;
}
h4.clt {
text-transform: uppercase;
line-height: 40px;
}
#f1_container {
position: relative;
z-index: 1;
width: 100%;
}
#f1_container h5 {
color: #000;
text-transform: uppercase;
text-align: left;
font-family: 'Cabin', sans-serif;
font-size: 22px;
padding: 40px 0 20px 0;
}
#f1_container p {
color: #737373;
text-align: left;
font-family: 'Cabin', sans-serif;
font-size: 16px;
}
.captions {
vertical-align: middle;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 10px;
right: 10px;
text-align: center;
color: #fff;
font-family: 'Cabin', sans-serif;
line-height: 30px;
}
.captions_bk {
text-align: center;
color: #fff;
background: #fff;
padding: 10px 20px;
margin: 10px;
height: 95%;
font-family: 'Cabin', sans-serif;
}
.kb {
padding: 15px 12px;
margin-top: 10%;
}
.red-tx {
text-transform: uppercase;
color: #df0306;
}
.btm-div {
text-align: center;
}
.f1_card {
width: 1000px;
margin: 50px auto;
}
.front {
position: relative;
display: inline-block;
overflow: hidden;
margin: 0 25px;
}
.back {
position: absolute;
bottom: 679px;
height: 100%;
transition: all 300ms ease;
}
.front:hover .back {
bottom: 0px;
transition: all 300ms ease;
}
.captions_bk h5 {
color: #000;
font-size: 21px;
text-align: left;
font-family: 'Cabin', sans-serif;
line-height: 35px;
}
.captions_bk p {
color: #737373;
font-size: 18px;
text-align: left;
}
.sider-div .owl-wrapper-outer {
width: 42% !important;
margin: 0 auto;
}
.gallery-slider .owl-wrapper-outer {
width: 100% !important;
}
.klifo-logo img {
width: 85%;
}
.f1_card .owl-controls {
margin-top: 10px;
text-align: center;
}
.f1_card .owl-controls .owl-page {
display: inline-block;
zoom: 1;
}
.f1_card .owl-controls .owl-page span {
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: Alpha(Opacity=50);
opacity: 0.5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #118bcb;
}
.f1_card .owl-controls .owl-page.active span, .f1_card .owl-controls.clickable .owl-page:hover span {
filter: Alpha(Opacity=100);
opacity: 1;
}
/*21-9-2017*/
.item-lp {
width: 32%;
padding: 30px 22px;
border: 1px solid #737373;
border-radius: 10px;
text-align: center;
vertical-align: top;
margin-left: 19px;
min-height: 410px;
float: left;
}
.item-lp:first-child {
margin-left: 0;
}
.analytics-lp {
margin-top: 30px;
float: left;
}
.item-lp h4 {
color: #262b31;
margin-bottom: 20px;
font-size: 23px;
}
.item-lp .more-button {
font-size: 16px;
margin-bottom: 0;
}
.item-lp p {
font-size: 16px;
line-height: 28px;
}
.buss-dash {
font-size: 30px;
line-height: 45px;
font-weight: 600;
padding: 40px 0;
color: #d6362a;
}
img.lp-logo {
margin: 5px 0 15px 0;
}
.buss-dash span {
font-size: 17px;
color: #000;
}
.seo_report input {
margin: 0 0 10px;
padding: 0;
border: 1px solid #a1a1a1;
padding: 13px;
font-size: 16px;
color: #000;
font-family: 'Cabin', sans-serif;
font-weight: 600;
width: 100%;
}
.seo_report .error {
font-size: 13px;
color: red;
margin-bottom: 0;
}
.plat_forms h3 {
text-align: center;
}
.plat_forms hr {
float: none;
margin: 0 auto;
}
.plat_forms ul {
list-style: none;
margin: 0;
padding: 0;
margin-top: 30px;
}
.plat_forms ul li {
display: inline-block;
vertical-align: middle;
text-align: center;
padding: 0 25px;
}
.plat_forms ul li img {
max-width: 100%;
}
.project-updates .item {
margin: 0 10px;
}
.project-updates .item img {
max-width: 100%;
}
.more-project {
margin: 0 auto;
display: block;
width: 250px;
}
a.featured_work {
float: right;
padding-right: 10px;
font-size: 14px;
text-decoration: underline;
}
.project-updates h3 {
color: #737373;
text-align: left;
font-weight: 400;
font-size: 25px;
margin-left: 10px;
}
.clor-full-sec {
background: #fff;
padding: 25px 0;
}
.clor-full-sec h3 {
color: #737373;
text-align: left;
font-weight: 400;
font-size: 25px;
margin-left: 10px;
}
.service-gray-sec.web_des {
padding-bottom: 20px;
}
.featured-clients .item {
margin: 0 10px;
border: 1px solid #ebebeb;
}
.featured-clients .item img {
max-width: 100%;
}
.gry-full-sec {
background: #ebebeb;
padding: 0 0 25px 0;
}
.seen-sec h3 {
color: #737373;
text-align: left;
font-weight: 400;
font-size: 25px;
margin-left: 10px;
}
.seen-sec .item {
margin: 0 10px;
}
.seen-sec .item img {
max-width: 100%;
}
.web-portfolio-menu {
background: #282b31;
text-align: center;
}
.web-portfolio-menu ul {
margin: 0;
list-style: none
}
.web-portfolio-menu ul li {
display: inline-block;
vertical-align: middle;
margin: 10px 15px;
}
.web-portfolio-menu ul li a {
display: block;
line-height: 20px;
text-decoration: none;
font-family: 'Cabin Condensed', sans-serif!important;
text-transform: uppercase;
font-weight: 600;
color: #fff;
font-size: 18px;
}
.web-portfolio-menu ul li a:hover {
color: #f47f03;
}
.web-portfolio .footer {
display: none;
}
.web-footer {
background: #2c2e32 url(../images/patterns.png) repeat top left;
padding: 50px 0;
text-align: center;
}
.web-footer .footer-bottom {
top: inherit;
}
.web-footer .social-media a img {
float: none;
}
.web-portfolio .port-2-col .zoom-port, .web-portfolio .port-3-col .zoom-port, .web-portfolio .port-2-row .zoom-port {
transform: scale(1.0);
transition: all 1.5s ease-out;
}
.web-portfolio .port-2-col .zoom-port:hover, .web-portfolio .port-3-col .zoom-port:hover, .web-portfolio .port-2-row .zoom-port:hover {
z-index: 0;
transform: scale(1.1);
transition: all 1.5s ease-in;
}
.design-elements p {
font-size: 18px;
line-height: 34px;
}
.web-portfolio .port-3-col {
padding: 0 10px;
}
.acc_head {
margin: 0;
padding: 0 30px 0 0px;
font-size: 18px;
text-decoration: none;
line-height: 28px;
margin-bottom: 10px;
border-bottom: 1px solid #e0e0e0;
padding-bottom: 10px;
}
.acc_content p {
font-family: 'Roboto Slab', serif;
font-weight: normal;
margin: 0px;
padding: 0px 0px 12px 0px;
font-size: 14px;
line-height: 30px;
color: #737373;
}
.accordion_2 .acc_content p {
font-size: 17px;
line-height: 34px;
}
.news_div {
padding: 30px;
margin-bottom: 20px;
border: 1px solid #efefef;
border-radius: 10px;
display: inline-block;
width: 100%;
}
.news_div blockquote {
font-family: 'Roboto Slab', serif;
font-weight: normal;
margin: 0px;
padding: 20px 60px;
font-size: 15px;
line-height: 30px;
color: #737373;
position: relative;
margin-top: 20px;
}
.news_div a {
font-size: 14px;
line-height: 18px;
float: right;
margin-right: 68px;
}
.news_div blockquote:before {
content: '';
position: absolute;
right: 0px;
bottom: 0;
background: url(../images/bottom.png) no-repeat;
width: 40px;
height: 40px;
}
.news_div blockquote:after {
content: '';
position: absolute;
left: 0px;
top: 0;
background: url(../images/top.png) no-repeat;
width: 40px;
height: 40px;
}
.news_div h5 {
font-size: 19px;
font-family: 'Roboto Slab', serif;
color: #737373;
}
.news_div h6 {
font-size: 17px;
font-family: 'Roboto Slab', serif;
color: #737373;
line-height: 18px;
}
.news_div img {
max-width: 100%;
}
.pdf_images {
width: 70%;
margin: 0 auto;
}
.pdf_images img {
max-width: 100%;
}
.pdf_images p {
text-align: right;
}
.pdf_images blockquote {
font-family: 'Roboto Slab', serif;
font-weight: normal;
margin: 0px;
padding: 20px 60px;
font-size: 15px;
line-height: 30px;
color: #737373;
position: relative;
margin-top: 20px;
}
.pdf_images blockquote:before {
content: '';
position: absolute;
right: 0px;
bottom: 0;
background: url(../images/bottom.png) no-repeat;
width: 40px;
height: 40px;
}
.pdf_images blockquote:after {
content: '';
position: absolute;
left: 0px;
top: 0;
background: url(../images/top.png) no-repeat;
width: 40px;
height: 40px;
}
.pdf_images a {
font-size: 14px;
line-height: 18px;
}
.pdf_images span {
font-size: 16px;
}
.pdf_images p {
text-align: right;
margin: 20px 0;
padding-bottom: 0;
}
.our_main_services ul {
list-style: none;
padding: 0;
}
.our_main_services ul li {
float: left;
background: #333;
margin-bottom: 20px;
width: 32%;
text-align: center;
margin: 10px 5px;
}
.our_main_services ul li a {
color: #fff;
padding: 10px 20px;
display: inline-block;
font-size: 18px;
}
.our_main_services ul li:hover {
background: #f47d03;
}
.our_main_services h3 {
text-align: center;
margin-bottom: 35px;
}
.empower-our-clients {
text-align: left;
}
.empower-our-clients h3 {
color: #fff;
}
.empower-our-clients p {
color: #fff;
}
.empower-our-clients .owl-carousel .owl-item {
text-align: left;
}
.case-study-section .case-study {
text-align: left;
padding: 70px 0;
margin-bottom: 0px !important;
}
.case-study-section .dr-joy {
background: url(../images/dr-joy.png) no-repeat right bottom;
}
.case-study-section .harklinikken {
background: url(../images/harklinikken.png) no-repeat right bottom;
}
.case-study-section .case-study h2 {
font-weight: 900;
color: #f47d03;
text-transform: uppercase;
margin: 0px;
padding: 0px;
line-height: 60px;
text-align: left;
}
.case-study-section .case-study h2 span {
font-weight: 200;
color: #262b31;
text-transform: uppercase;
margin: 0px;
padding: 0px;
text-align: left;
}
.case-study-section .case-study p {
color: #262b31;
text-transform: uppercase;
padding: 0px 10px 0px 0px;
width: 65%;
text-transform: none;
}
.case-study-section .bord2 {
border-right: 3px solid #f47d03;
margin-right: 50px;
}
.case-study-section .box {
width: 260px;
height: auto;
float: left;
margin-top: 5%;
}
.case-study-section .case-study h5 {
font-weight: 600;
color: #262b31;
text-transform: none;
margin: 0px;
padding: 0px;
line-height: 30px;
text-align: left;
}
.case-study-section .box2 {
width: 300px;
height: auto;
float: left;
margin-top: 5%;
}
.harklinikken-section {
background: #ebebeb;
}
.empower-our-clients .owl-controls {
display: none !important;
}
.empower-our-clients img {
max-width: 100%;
}
.table-contents.accordion {
background-color: #eee;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s;
}
.table-contents .active, .table-contents .accordion:hover {
background-color: #ccc;
}
.table-contents .panel {
padding: 0 18px;
display: none;
background-color: white;
overflow: hidden;
}
.stats-benefits h5 {
font-size: 25px;
line-height: 34px;
}
.stats-benefits span {
font-size: 12px !important;
color: #fff;
line-height: 22px;
margin-top: 5px;
}
@media only screen and (min-width:1023px) and (max-width:1366px) {
.sider-div .owl-wrapper-outer {
width: 60% !important;
}
}
@media only screen and (min-width:991px) and (max-width:1200px) {
.plat_forms ul li {
padding: 0 15px;
width: 16%;
}
}
@media only screen and (min-width:768px) and (max-width:1366px) {
.front {
width: 400px;
height: 500px;
}
.captions_bk h5 {
font-size: 19px !important;
line-height: 28px !important;
}
.captions_bk p {
font-size: 16px !important;
line-height: 28px;
}
.kb {
margin-top: 0% !important;
}
}
@media only screen and (min-width:767px) and (max-width:1024px) {
.sider-div .owl-wrapper-outer {
width: 80% !important;
}
}
@media only screen and (min-width:768px) and (max-width:1024px) {
.history-content {
height: 754px;
}
.play-button span {
font-size: 18px;
}
.banner-bottom-strip {
position: relative;
margin-top: -10px;
}
.history-content h4 {
font-size: 26px;
}
.history-content p {
font-size: 18px;
}
.banner-wrap {
height: auto;
margin-top: 80px;
}
.banner-wrap video {
margin-top: -107px;
}
.error-wrap {
text-align: center;
margin: 50px 0 15px 0;
padding: 0;
}
.error-wrap img {
margin-bottom: 25px;
}
.error-wrap h1 {
font-size: 30px;
color: #333;
font-family: 'Cabin', sans-serif;
text-transform: capitalize;
}
.error-wrap p {
font-size: 20px;
color: #333;
font-family: 'Cabin', sans-serif;
}
.chat-bot {
right: 20px;
}
.chat-bot-pop {
right: 20px;
}
.close-bttn {
float: right;
margin-top: 0px;
}
.top-right a {
display: none;
}
.top-right a:last-child {
display: block !important;
}
#Container .home-project-blk .abstract-1 {
left: -95px;
position: absolute;
top: -36px;
}
.more-button {
border: none;
padding: 10px 15px;
letter-spacing: 3px;
background: #118bcb;
color: #fff;
margin: 5px 0;
}
.pick-purpose h4 {
font-size: 24px;
}
.pick-purpose {
padding: 0;
}
.headertop {
position: fixed;
background: #282b31;
z-index: 100;
height: 85px;
}
.main-menu-wrap {
z-index: inherit;
}
.list-style ul li a {
font-size: 20px;
}
.list-style ul li a span {
font-size: 20px;
margin: 0 20px 0 0;
}
.banner-title {
padding: 0 75px;
}
.cloned {
display: none !important;
}
.banner-title h4 {
font-size: 36px;
line-height: 38px;
}
.top-right {
margin: 22px 46px 0;
}
p {
font-family: 'Roboto Slab', serif;
font-weight: normal;
margin: 0px;
padding: 0px 0px 12px 0px;
font-size: 18px;
line-height: 28px;
color: #737373;
}
h1 {
font-family: 'Cabin', sans-serif;
font-size: 32px;
font-style: normal;
font-variant: normal;
font-weight: bold;
line-height: 40px;
color: #262b31;
margin-bottom: 0px;
}
h2 {
font-family: 'Cabin', sans-serif;
font-size: 32px;
font-style: normal;
font-variant: normal;
font-weight: bold;
line-height: 40px;
color: #262b31;
margin-bottom: 0px;
margin-top: 15px;
}
h3 {
font-family: 'Cabin', sans-serif;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: bold;
line-height: 32px;
color: #df0306;
}
.home-project-blk h3 {
font-size: 28px;
}
.home-sec-four {
padding: 50px 0;
}
.home-sec-four p {
font-size: 20px;
}
.btm-three-block {
padding: 0;
}
.big-slider {
margin: 25px 0 50px;
}
.btm-three-block {
margin-bottom: 20px;
margin-left: -1%;
margin-right: -1%;
}
.blue-block {
padding: 50px 25px 0px 25px;
margin-bottom: 15px;
}
.blue-block h3 {
font-size: 24px;
}
.blue-block span {
font-size: 24px;
}
.blue-block p {
font-size: 14px;
}
.blue-block hr {
width: 50px;
margin-bottom: 0;
}
.blue-block:hover {
background: url(../images/abstract-4.png) left top no-repeat;
transform: scale(1.0);
z-index: 1;
}
.blue-block:hover .white-arrow {
left: 20px;
transition: 0.5s ease-in-out;
top: 10px
}
.blue-block:hover p {
color: #fff !important;
transition: all .5s ease-in-out;
margin-left: 0px;
}
.orange-block {
padding: 50px 25px 0px 25px;
margin-bottom: 15px;
}
.orange-block h3 {
font-size: 24px;
}
.orange-block span {
font-size: 24px;
}
.orange-block p {
font-size: 14px;
}
.orange-block hr {
width: 50px;
margin-bottom: 0;
}
.orange-block:hover {
background: url(../images/abstract-4-orange.png) left top no-repeat;
transform: scale(1.0);
z-index: 1;
}
.orange-block:hover .white-arrow {
left: 20px;
transition: 0.5s ease-in-out;
top: 10px
}
.orange-block:hover p {
color: #fff !important;
transition: all .5s ease-in-out;
margin-left: 0px;
}
.red-block {
padding: 50px 25px 0px 25px;
margin-bottom: 15px;
}
.red-block h3 {
font-size: 24px;
}
.red-block span {
font-size: 24px;
}
.red-block p {
font-size: 14px;
}
.red-block hr {
width: 50px;
margin-bottom: 0;
}
.red-block:hover {
background: url(../images/abstract-4-red.png) left top no-repeat;
transform: scale(1.0);
z-index: 1;
}
.red-block:hover .white-arrow {
left: 20px;
transition: 0.5s ease-in-out;
top: 10px
}
.red-block:hover p {
color: #fff !important;
transition: all .5s ease-in-out;
margin-left: 0px;
}
.btm-three-block {
margin-bottom: 20px;
}
.big-slider .owl-prev {
left: 0;
}
.big-slider .owl-prev:hover {
left: 0;
}
.big-slider .owl-next {
right: 0;
}
.big-slider .owl-next:hover {
right: 0;
}
.inner-banner-wrap {
background: #282b31 none repeat scroll 0 0;
height: 82px;
position: fixed;
width: 100%;
z-index: 100;
}
.strip-height {
padding-top: 90px;
}
.red-color {
font-size: 18px;
}
.about-secton {
background: #ebebeb none repeat scroll 0 0;
margin-top: 30px;
padding: 30px 0 30px;
}
.flex-direction-nav .flex-next {
text-align: right;
}
.red-full-sec h3 {
color: #fff;
font-size: 30px;
line-height: normal;
}
.red-full-sec h4 {
font-size: 30px;
line-height: normal;
}
.srv-page-prev {
padding: 20px 20px 20px;
}
.srv-page-next {
padding: 20px;
}
.port-2-col {
width: 52%;
padding: 0 6px;
float: left;
margin-bottom: 0px;
overflow: hidden;
}
.port-3-col {
width: 33.33%;
padding: 0 5px;
float: left;
margin-bottom: 11px;
overflow: hidden;
}
.port-2-row {
width: 48%;
padding: 0px 5px;
float: left;
margin-bottom: 13px;
position: relative;
overflow: hidden;
}
#Container {
clear: both;
margin: 0px -5px;
}
.inner-wrapper-main hr {
margin-bottom: 10px;
}
.canvas {
margin-top: 0px;
position: inherit;
}
.Klip-ul li {
background: url(../images/bullets.png) no-repeat left 10px;
line-height: 30px;
}
.item-lp {
margin-left: 14px;
min-height: 470px;
}
.item-lp .more-button {
font-size: 15px;
}
.item-lp p {
font-size: 17px;
}
}
@media screen and (min-width:1024px) and (max-width:1230px) {
.footer-bottom {
top: -149px;
}
#slider .flex-direction-nav .flex-next {
height: 50px !important;
width: 50px !important;
background-size: 50px !important;
}
#slider .flex-direction-nav .flex-prev {
height: 50px !important;
width: 50px !important;
background-size: 50px !important;
}
#slider1 .flex-direction-nav .flex-next {
height: 50px !important;
width: 50px !important;
background-size: 50px !important;
}
#slider1 .flex-direction-nav .flex-prev {
height: 50px !important;
width: 50px !important;
background-size: 50px !important;
}
.flex-direction-nav .flex-next {
text-align: right;
}
#carousel .flex-viewport ul.slides {
display: none;
}
.red-full-sec .video-div {
width: 50%;
}
.srv-page-next {
padding: 20px;
}
.srv-page-prev {
padding: 20px 20px 13px;
}
.tab-frame img {
width: 100%;
}
.tab-frame {
padding: 25px 47px 0 47px;
}
.orange-block h3, .blue-block h3, .red-block h3 {
font-size: 35px;
}
.orange-block span, .blue-block span, .red-block span {
font-size: 35px;
}
.big-slider .owl-prev {
left: 0;
}
.big-slider .owl-prev:hover {
left: 0;
}
.big-slider .owl-next {
right: 0;
}
.big-slider .owl-next:hover {
right: 0;
}
.wsmenu-list > li > a {
padding: 0 8.5px !important;
}
.home-sec-four {
padding-bottom: 125px !important;
}
.list-style ul li a {
font-size: 18px;
}
.list-style ul li a:hover {
padding-left: 0;
background: none;
color: #333;
}
.list-style ul li a span {
font-size: 20px;
margin: 0 20px 0 0;
}
p {
font-family: 'Roboto Slab', serif;
font-weight: normal;
margin: 0px;
padding: 0px 0px 12px 0px;
font-size: 18px;
line-height: 28px;
color: #737373;
}
h1 {
font-family: 'Cabin', sans-serif;
font-size: 32px;
font-style: normal;
font-variant: normal;
font-weight: bold;
line-height: 40px;
color: #262b31;
margin-bottom: 0px;
}
h2 {
font-family: 'Cabin', sans-serif;
font-size: 32px;
font-style: normal;
font-variant: normal;
font-weight: bold;
line-height: 40px;
color: #262b31;
margin-bottom: 0px;
margin-top: 15px;
}
h3 {
font-family: 'Cabin', sans-serif;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: bold;
line-height: 32px;
color: #df0306;
}
.home-project-blk h3 {
font-size: 28px;
}
.home-sec-four {
padding: 50px 0;
}
.home-sec-four p {
font-size: 20px;
}
.home-sliding-wrap:hover {
right: -148px;
transition: all 0.5s ease-in-out 0s;
}
.flip-sec {
height: auto;
width: 53%;
top: 117px;
}
.intro > img {
width: 100%;
}
.slide h2 {
text-align: left;
font-family: 'Roboto', sans-serif;
font-weight: 900;
color: #138bcc;
font-size: 60px !important;
margin: 25px 0 25px 0;
}
.slide h3 {
line-height: normal;
}
.slide p {
font-size: 16px;
line-height: 28px;
color: #afafaf;
}
.sp .popup-box > iframe {
width: 100%;
left: 0;
}
.pos-46 {
margin-left: 15px;
}
}
@media only screen and (min-width:320px) and (max-width:1023px) {
.f1_card {
width: 100% !important;
}
}
@media only screen and (min-width:320px) and (max-width:1260px) {
.move-left-1, .move-left-2, .move-left-3, .move-left-4, .move-left-5, .move-left-6, .move-left-7, .move-left-8, .move-left-9, .move-left-9-a, .move-left-10, .move-left-11, .move-left-12, .move-left-13, .move-left-14, .move-left-15, .move-left-16, .move-left-17, .move-left-18, .move-left-19, .move-left-20, .move-left-21, .move-left-22, .move-left-23, .move-left-24, .move-left-25, .move-left-26, .move-left-27, .move-left-28, .move-left-29, .move-left-30, .move-left-31, .move-left-32, .move-left-33, .move-left-34, .move-left-35, .move-left-36, .move-left-37, .move-left-38, .move-left-39, .move-left-40, .move-left-41, .move-left-42, .move-left-43, .move-left-44, .move-left-45, .move-left-46, .move-left-47, .move-left-48, .move-left-49, .move-left-50, .move-left-51, .move-left-52, .move-left-53, .move-left-54, .move-left-55, .move-left-56, .move-left-57, .move-left-58, .move-left-59, .move-left-60, move-left-61-a, move-left-61, .move-left-62, .move-left-63, .move-left-64, .move-left-65, .move-left-66, .move-left-67, .move-left-68, .move-left-69, .move-left-70, .move-left-71, .move-left-72, .move-left-73, .move-left-74, .move-left-75, .move-left-76, .move-left-77, .move-left-78, .move-left-79, .move-left-80, .move-left-81, .move-left-82, .move-left-83, .move-left-84, .move-left-85, .move-left-86, .move-left-87, .move-left-88, .move-left-89, .move-left-90, .move-left-91 {
margin-left: 0;
}
.pos-1, .pos-2, .pos-3, .pos-4, .pos-5, .pos-6, .pos-7, .pos-8, .pos-9, .pos-10, .pos-11, .pos-12, .pos-13, .pos-14, .pos-15, .pos-16, .pos-17, .pos-18, .pos-19, .pos-20, .pos-21, .pos-22, .pos-23, .pos-24, .pos-25, .pos-26, .pos-27, .pos-28, .pos-29, .pos-30, .pos-31, .pos-32, .pos-33, .pos-34, .pos-35, .pos-36, .pos-37, .pos-38, .pos-39, .pos-40, .pos-41, .pos-42, .pos-43, .pos-44, .pos-45, .pos-46, .pos-47, .pos-48, .pos-49, .pos-50, .pos-51, .pos-52, .pos-53, .pos-54, .pos-55, .pos-56, .pos-57, .pos-58, .pos-59, .pos-60, .pos-61, .pos-62, .pos-63, .pos-64, .pos-65, .pos-66, .pos-67, .pos-68, .pos-68-a, .pos-69, .pos-70, .pos-71, .pos-72, .pos-73, .pos-74, .pos-75, .pos-76, .pos-77, .pos-78, .pos-79, .pos-80, .pos-81, .pos-82, .pos-83, .pos-84, .pos-85, .pos-86, .pos-87, .pos-88, .pos-89, .pos-90, .pos-24-a, .pos-91, .pos-92, .pos-93, .pos-94, .pos-95, .pos-96, .pos-97, .pos-98, .pos-99, .pos-100, .pos-101, .pos-102, .pos-103 {
top: 0;
left: 0;
}
.sp {
right: 0;
}
.directors-block-contact br {
display: block !important;
}
.cd-horizontal-timeline .events-wrapper {
overflow: inherit !important;
}
.cd-horizontal-timeline {
overflow: hidden !important;
}
.team-center {
max-width: 1024px;
margin: auto;
}
.team-strip {
display: none;
}
.team {
width: 25%;
margin: 0 -35px 20px;
padding-bottom: 25px;
display: inline-block;
float: none !important;
background: url(../images/strip-thin.png) center 75.8% repeat-x;
}
.team-center {
text-align: center;
}
.team br {
display: block !important;
}
.details {
display: block;
float: none;
position: inherit;
margin-top: 15px;
}
.details img {
display: none;
}
.details h4 {
padding-top: 8px;
}
.move-left-62 .staff {
margin-left: -51px;
}
.move-left-73 .staff {
margin-left: -30px;
}
.move-left-42 .staff {
margin-left: 12px;
}
.move-left-60 .staff {
margin-left: -0px !important;
}
.move-left-8 .staff {
margin-left: -34px;
}
.move-left-51 .staff {
margin-left: 0 !important;
}
.move-left-70 .staff {
margin-left: 0 !important;
}
.pos-72 {
margin-left: -50px;
}
.move-left-7 .staff {
margin-left: 33px;
}
.pos-9 {
margin-left: 50px;
}
.move-left-74 .staff {
margin-left: 26px;
}
.move-left-15 .staff {
margin-left: -18px;
}
.move-left-19 .staff {
margin-left: 0px;
}
.move-left-66 .staff {
margin-left: 23px;
}
.pos-80 {
margin-left: -30px;
}
.move-left-50 .staff {
margin-left: 16px;
}
.move-left-18 .staff {
margin-left: 28px;
}
.pos-21 {
margin-left: 50px;
}
.move-left-47 .staff {
margin-left: -28px;
}
.pos-56 {
margin-left: -30px;
}
.move-left-55 .staff {
margin-left: 20px;
}
.pos-66 {
margin-left: 30px;
}
.move-left-38 .staff {
margin-left: -54px;
}
.move-left-31 .staff {
margin-left: -26px;
}
.pos-46 {
margin-left: -30px;
}
.move-left-75 .staff {
margin-left: 15px;
}
.move-left-29 .staff {
margin-left: -17px;
}
.move-left-53 .staff {
margin-left: 13px;
}/*Changed*/
.move-left-61-a .staff {
margin-left: -36px;
}/*Changed*/
.move-left-77 .staff {
margin-left: -15px;
}/*Changed*/
.pos-63 {
margin-left: -60px;
}
.move-left-13 .staff {
margin-left: 26px;
}
.move-left-3 .staff {
margin-left: 16px;
}/*Changed*/
.pos-4 {
margin-left: -60px;
}
.move-left-2 .staff {
margin-left: 22px;
}
.move-left-64 .staff {
margin-left: -22px;
}
.move-left-65 .staff {
margin-left: -26px;
}
.move-left-20 .staff {
margin-left: 26px;
}
.move-left-52 .staff {
margin-left: -43px;
}
.index-0 .staff {
margin-left: -63px;
}
.move-left-100 .staff {
margin-left: -10px;
}
.move-left-61 .staff {
margin-left: 0;
}
.move-left-49 .staff {
margin-left: 0px;
}
.pos-59 {
margin-left: 60px;
}
.move-left-48 .staff {
margin-left: 64px;
}
.pos-58 {
margin-left: 100px;
}
.move-left-22 .staff {
margin-left: -44px;
}
.pos-26 {
margin-left: -50px;
}
.move-left-41 .staff {
margin-left: -12px;
}
.move-left-79 .staff {
margin-left: 0px;
}
.move-left-80 .staff {
margin-left: -20px;
} /*Changed*/
.move-left-83-a .staff {
margin-left: -44px;
} /*Changed*/
.move-left-87 .staff {
margin-left: -15px;
} /*Changed*/
.move-left-88 .staff {
margin-left: -52px;
} /*Changed*/
.move-left-89 .staff {
margin-left: -22px;
} /*Changed*/
.move-left-85 .staff {
margin-left: -11px;
} /*Changed*/
.move-left-57 .staff {
margin-left: -13px;
}/*Changed*/
.move-left-84 .staff {
margin-left: 15px;
}/*Changed*/
.move-left-27 .staff {
margin-left: -43px;
}/*Changed*/
.move-left-40 .staff {
margin-left: -4px;
}
.move-left-83 .staff {
margin-left: 0px;
}
.move-left-92 .staff {
margin-left: 11px;
}
.new-person .staff {
margin-left: -28px
}
.team {
background: rgba(0, 0, 0, 0) url("../images/strip-thin.png") repeat-x scroll center 75%;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.move-left-84 .staff {
margin-left: -16px;
} /*Changed*/
.move-left-87 .staff {
margin-left: -36px;
} /*Changed*/
.status-on .port-2-row {
width: 49.5%;
float: none;
box-sizing: border-box;
}
.logo-16-red {
margin-top: 20px;
margin-bottom: 20px;
margin: auto;
display: table;
margin-bottom: 30px;
}
.list-style ul li a {
font-size: 18px;
}
.list-style ul li a:hover {
padding-left: 0;
background: none;
color: #333;
}
.home-sliding-wrap {
right: -339px;
width: 100%;
}
.inner-video-sec .play-button span {
display: none;
}
.inner-video-sec .play-button {
bottom: 20px;
height: 77px;
}
h3 {
font-family: 'Cabin', sans-serif;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: bold;
line-height: 32px;
color: #df0306;
}
.sp .popup-box > iframe {
width: 100%;
left: 0;
}
.home-project-blk {
padding: 25px 25px 50px 25px;
}
.flip-sec {
height: auto;
width: 53%;
top: 117px;
}
.intro > img {
width: 100%;
}
.flip-sec .play-button span {
display: none;
}
.flip-sec .play-button {
bottom: 13px;
}
.font-60 {
font-size: 30px !important;
line-height: normal;
}
.events-content .pad-right-50 {
padding-right: 0 !important;
}
.slide {
max-width: 100%;
min-height: 399px;
}
.team-center {
width: 768px;
}
.team {
width: 30% !important;
}
.move-left-73 .staff {
margin-left: -3px;
}
.move-left-21 .staff {
margin-left: 38px;
}
.pos-25 {
margin-left: 50px;
}
.pos-38 {
margin-left: 50px;
}
.move-left-42 .staff {
margin-left: -0px;
}
.pos-51 {
margin-left: -20px;
}
.move-left-9 .staff {
margin-left: -30px;
}
.move-left-9-a .staff {
margin-left: -30px;
}
.move-left-76 .staff {
margin-left: -6px;
}
.move-left-62 .staff {
margin-left: -78px;
}
.move-left-59 .staff {
margin-left: -25px;
}
.move-left-8 .staff {
margin-left: -60px;
}
.move-left-66 {
z-index: 2 !important;
}
.move-left-50 .staff {
margin-left: -60px;
}
.move-left-31 .staff {
margin-left: -2px;
}
.move-left-25 .staff {
margin-left: -53px;
}
.pos-60 {
margin-left: -70px;
}
.move-left-77 .staff {
margin-left: -25px;
}
.pos-12 {
margin-left: -70px;
}
.pos-27 {
margin-left: -60px;
}
.move-left-18 .staff {
margin-left: 0px;
}
.move-left-4 .staff {
margin-left: -30px;
}
.move-left-47 .staff {
margin-left: 5px;
}
.move-left-55 .staff {
margin-left: 0px;
}
.pos-66 {
margin-left: -70px;
}
.move-left-67 .staff {
margin-left: -19px;
}
.move-left-80 .staff {
margin-left: 0px;
}
.move-left-56 .staff {
margin-left: -13px;
}
.move-left-52 .staff {
margin-left: -70px;
}
.move-left-58 .staff {
margin-left: 0px;
}
.move-left-7 .staff {
margin-left: -8px;
}
.move-left-34 .staff {
margin-left: -27px;
}
.move-left-70 .staff {
margin-left: -42px !important;
}
.move-left-29 .staff {
margin-left: -45px;
}
.move-left-72 .staff {
margin-left: -28px;
}
.move-left-26 .staff {
margin-left: -22px;
}
.move-left-66 .staff {
margin-left: 0;
}
.move-left-19 .staff {
margin-left: 0 !important;
}
.move-left-33 .staff {
margin-left: -32px;
}
.move-left-61 .staff {
margin-left: 0px;
}
.move-left-1 .staff {
margin-left: -5px;
}
.move-left-16 .staff {
margin-left: -32px;
}
.move-left-39 .staff {
margin-left: 7px;
}
.move-left-81 .staff {
margin-left: -34px;
}
.move-left-61-a .staff {
margin-left: 8px;
}
.move-left-53 .staff {
margin-left: 30px;
}
.pos-74 {
margin-left: -70px;
}
.pos-63 {
margin-left: 30px;
}
.move-left-54 .staff {
margin-left: -30px;
}
.move-left-13 .staff {
margin-left: -0px;
}
.move-left-3 .staff {
margin-left: -8px;
}
.pos-55 {
margin-left: 40px;
}
.move-left-78 .staff {
margin-left: 15px;
}
.pos-79 {
margin-left: 60px;
}
.move-left-44 .staff {
margin-left: 0px;
}
.pos-50 {
margin-left: 60px;
}
.move-left-2 .staff {
margin-left: 0px;
}
.move-left-24 .staff {
margin-left: -39px;
}
.move-left-20 .staff {
margin-left: -0px;
}
.move-left-22 .staff {
margin-left: 18px;
}
.pos-26 {
margin-left: 40px;
}
.move-left-41 .staff {
margin-left: -0px;
}
.pos-49 {
margin-left: -60px;
}
.pos-52 {
margin-left: -52px;
}
.move-left-57 .staff {
margin-left: -37px;
}
.move-left-79 .staff {
margin-left: -47px;
}
.move-left-49 .staff {
margin-left: 0px;
}
.move-left-75 .staff {
margin-left: -17px;
}
.move-left-40 .staff {
margin-left: -32px;
}
.move-left-82 .staff {
margin-left: -16px;
}
.move-left-83 .staff {
margin-left: -15px;
}/*Changed*/
.move-left-84-a .staff {
margin-left: 50px;
}/*Changed*/
.move-left-10 .staff {
margin-left: 16px;
}/*Changed*/
.move-left-27 .staff {
margin-left: -21px;
}/*Changed*/
.move-left-85 .staff {
margin-left: -21px;
}/*Changed*/
.move-left-86 .staff {
margin-left: -21px;
}/*Changed*/
.move-left-87 .staff {
margin-left: -46px;
}/*Changed*/
.move-left-95 .staff {
margin-left: -6px;
}
.move-left-88 .staff {
margin-left: -30px;
}
.move-left-103 .staff {
margin-left: -28px;
}
.move-left-90 .staff {
margin-left: -14px;
}
.move-left-92 .staff {
margin-left: -13px;
}
.move-left-91 .staff {
margin-left: -16px;
}
.pos-73 {
margin-left: -47px;
}
.pos-48 {
margin-left: -50px;
}
.new-person .staff {
margin-left: -57px;
height: auto;
}
.slider-txt {
padding-left: 0px;
margin-top: 25px;
}
.quote {
font-size: 20px;
}
.history h4 {
font-size: 26px;
}
.history-gmi h2 {
font-size: 26px;
margin-top: 0px;
}
.check-box .pad-left-25 {
padding-left: 0 !important;
}
#Container .home-project-blk {
background-image: none;
min-height: auto;
padding: 15px;
}
.srv-page-prev {
font-size: 16px;
}
.srv-page-prev > img {
width: 44px;
}
.srv-page-prev .black-arrow {
width: 4%;
}
.srv-page-next {
font-size: 16px;
}
.srv-page-next > img {
width: 52px;
}
.srv-page-next .black-arrow {
width: 4%;
}
.srv-page-next span {
width: auto;
float: none;
}
#slider .flex-direction-nav .flex-next {
height: 50px !important;
width: 50px !important;
background-size: 50px !important;
}
#slider .flex-direction-nav .flex-prev {
height: 50px !important;
width: 50px !important;
background-size: 50px !important;
}
#slider1 .flex-direction-nav .flex-next {
height: 50px !important;
width: 50px !important;
background-size: 50px !important;
}
#slider1 .flex-direction-nav .flex-prev {
height: 50px !important;
width: 50px !important;
background-size: 50px !important;
}
.more-button {
font-size: 16px;
border: none;
padding: 10px 15px;
letter-spacing: 3px;
background: #118bcb;
color: #fff;
}
.red-full-sec .video-div {
display: none;
}
.mrg-top-35 {
margin-top: 20px !important;
}
.mrg-top-70 {
margin-top: 35px !important;
}
.tab-frame {
padding: 17px 31px 0;
}
.tab-frame img {
width: 100%;
}
.details h4 {
font-size: 20px;
}
.tab-frame .owl-pagination {
bottom: 36px;
right: -188px;
}
.full-width {
width: 100% !important;
padding: 0 !important;
}
.slider-txt {
padding-left: 0px;
margin-top: 25px;
}
.flexslider {
margin-bottom: 20px !important;
}
.h-video-sec-one {
margin-top: 25px;
padding-left: 0 !important;
}
hr {
width: 100px;
height: 3px;
float: left;
background: #118bcb;
border: none;
margin-bottom: 20px;
}
h1 {
font-family: 'Cabin', sans-serif;
font-size: 26px;
font-style: normal;
font-variant: normal;
font-weight: bold;
line-height: 30px;
color: #262b31;
margin-bottom: 0px;
}
h2 {
font-family: 'Cabin', sans-serif;
font-size: 26px;
font-style: normal;
font-variant: normal;
font-weight: bold;
line-height: 30px;
color: #262b31;
margin-bottom: 0px;
margin-top: 0px;
}
.slide h2 {
text-align: left;
font-family: 'Roboto', sans-serif;
font-weight: 900;
color: #138bcc;
font-size: 60px !important;
margin: 25px 0 25px 0;
}
.slide h3 {
line-height: normal;
font-size: 20px;
}
.slide p {
font-size: 16px;
line-height: 28px;
color: #afafaf;
}
.team {
background: rgba(0, 0, 0, 0) url("../images/strip-thin.png") repeat-x scroll center 76%;
padding-bottom: 23px;
}/*Changed*/
h4.clt {
margin: 0 0 20px 0 !important;
}
}
@media only screen and (min-width:320px) and (max-width:1024px) {
.gmi-small-logo {
display: none;
}
img.desktop_top {
display: none;
}
img.animated.bounceIn.infinite.mobile_top {
display: inline-block;
padding-top: 5px;
vertical-align: top;
}
.ten-six {
height: auto !important;
}
.play-bttn-play:hover {
transform: rotate(0deg) !important;
}
.call-button-play:hover {
transform: rotate(0deg) !important;
}
.call-button:hover > .call-button-play {
transform: rotate(0deg) !important;
}
.banner-video {
display: none;
}
.smaller .gmi-small-logo {
display: none;
}
.strip-height {
height: 0px !important;
background: none;
}
.service-gray-sec h3 br {
display: block !important;
}
.home-team-link {
display: table;
margin: auto;
margin-top: 20px;
}
.tool-tip {
visibility: visible;
font-size: 12px;
opacity: 1;
}
.cd-horizontal-timeline .events li:last-child a::after {
right: -6px;
}
.footer-logo {
width: 100px !important;
}
.smaller {
background: none;
height: 0;
}
.orange-dis {
padding-top: 0;
}
.cd-timeline-navigation a.next-main {
top: 120px;
left: 55px;
}
.cd-timeline-navigation a.prev-main {
top: 120px;
}
.orange-block p {
font-size: 14px;
float: left;
width: 100%;
}
.blue-block p {
font-size: 14px;
float: left;
width: 100%;
}
.red-block p {
font-size: 14px;
float: left;
width: 100%;
}
.bread-comes {
line-height: 25px;
padding-right: 25px;
}
.bread-comes a {
font-size: 14px;
}
.red-full-sec-sm {
padding: 15px 0 !important;
}
.service-gray-sec {
padding: 30px 0 !important;
}
.inner-wrapper-main br {
display: none;
}
.directors-block br {
display: block;
}
.quote {
font-size: 22px;
line-height: 30px;
margin: 10px 0;
}
.red-full-sec-sm h5 {
color: #fff;
font-family: "Cabin", sans-serif;
font-size: 20px;
font-weight: bold;
line-height: 29px;
}
.call-button {
background-size: 60px;
padding: 5px 6px 6px 6px;
}
.call-button-play {
width: 49px;
}
.call-button span {
margin-top: 6px;
letter-spacing: 1px;
font-size: 16px;
}
.directors-block {
margin-top: 20px;
margin-bottom: 20px;
padding: 20px
}
.directors-block h4 {
font-size: 18px;
line-height: 28px;
}
.directors-block h4 span {
font-size: 16px;
line-height: 28px;
}
.directors-block p {
font-size: 18px;
line-height: normal;
}
.directors-block p a {
display: inline-block;
font-size: 18px;
}
.directors-block p a:hover {
display: inline-block;
font-size: 18px;
}
.directors-block-contact {
margin-top: 20px;
margin-bottom: 20px;
padding: 20px 20px 40px;
}
.directors-block-contact h4 {
font-size: 18px;
line-height: 28px;
}
.directors-block-contact h4 span {
font-size: 16px;
line-height: 28px;
}
.directors-block-contact p {
font-size: 18px;
line-height: normal;
}
.directors-block-contact p a {
display: inline-block;
font-size: 18px;
}
.directors-block-contact p a:hover {
display: inline-block;
font-size: 18px;
}
.directors-block-contact .mrg-top-70 {
margin-top: 25px !important;
}
button.filter {
top: -16px;
}
.menuopen .mobile-top {
display: block !important;
background: #e5e5e5;
margin-bottom: 15px;
padding: 0px 30px;
position: fixed;
width: 320px;
z-index: 1001;
}
.mobile-top a {
font-family: 'Roboto Condensed', sans-serif !important;
margin-right: 9px;
font-size: 14px;
color: #f47d03 !important;
}
#carousel {
display: none;
}
#carousel1 {
display: none;
}
.white-arrow img {
width: 10px;
}
.menu-bottom-strip {
display: none;
}
.megacollink {
padding: 0;
text-align: left;
}
.footer .col {
display: none;
}
.footer {
height: auto;
}
.footer-bottom {
top: 0;
text-align: center;
display: block !important;
}
p {
font-size: 17px;
}
.social-media a img {
float: none !important;
}
.footer-pattern .adress_sec {
text-align: center;
width: 100%;
display: block !important;
margin-bottom: 25px;
}
.footer-pattern {
padding: 30px 0 50px 0;
}
}
@media only screen and (min-width:320px) and (max-width:768px) {
.sider-div .owl-wrapper-outer {
width: 100% !important;
}
p.copy-right {
font-size: 13px !important;
line-height: 20px !important;
}
.plat_forms ul li {
padding: 0px 15px;
width: 32%;
}
.other-services .col-6 {
margin-bottom: 20px;
width: 49% !important;
}
.news_div a {
margin-right: 0;
}
.pdf_images {
width: 100%;
}
}
@media only screen and (min-width:320px) and (max-width:991px) {
.item-lp {
width: 100%;
min-height: 0px;
margin-bottom: 15px;
margin-left: 0;
}
.our_main_services ul li a {
padding: 10px 10px;
font-size: 15px;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.top-right a span {
font-size: 11px !important;
}
.ar-link {
top: -3px;
right: 8px;
}
.banner-video {
display: none;
}
.pdf_images p {
margin: 15px 0;
}
#Container .fancybox {
display: none;
}
.status-on .pop-width {
margin-bottom: -40px;
}
.category-2.port-2-row {
margin-bottom: 0 !important;
}
.popup-wrap {
display: block !important;
}
.popup-box {
position: inherit;
left: 0;
top: 0;
}
.popup-box .close-btn {
display: none;
}
.transform-out {
transform: translate(0%, 0%);
}
.inner-video-sec img {
display: none;
}
.sp-mob {
display: block !important;
}
.news_div a {
float: left;
}
.news_div img#popup-link-11 {
margin-bottom: 25px;
}
/*.pop-width {
display: block !important;
}*/
.btm-three-block .three-col {
margin: 0 1%;
width: 31.3%;
}
.btm-three-block p {
display: none;
}
.banner-bottom-strip {
position: relative;
top: -10px;
}
.show-mob {
display: block;
margin-bottom: 10px;
}
.canvas, .video {
height: auto;
top: 0px;
position: inherit;
}
.hide-mob {
display: none;
}
.history-new .owl-controls {
position: absolute;
top: 50px;
width: 100%;
}
.history-content h4 {
font-size: 20px;
}
.history-content p {
font-size: 16px;
}
.history-content h3 {
font-size: 30px;
}
.history-content {
text-align: center;
padding: 25px 0 25px;
min-height: auto;
margin-top: 20px;
height: auto;
}
.history-new .owl-controls .owl-next {
background-size: 60%;
margin-right: 20px;
}
.history-new .owl-controls .owl-prev {
background-size: 60%;
margin-left: 20px;
}
.border-right {
border: none;
}
.history-content h4 {
margin-bottom: 7px;
}
.history-round {
width: 88px;
height: 86px;
border-radius: 100%;
border: 1px solid #eee;
padding: 10px;
}
.history-round {
padding: 5px;
}
.history-round-yellow, .history-round-blue, .history-round-red, .history-round-orange {
padding: 18px;
}
.banner-wrap video {
width: 100%;
height: auto;
margin-top: 0px;
margin-left: 0px;
}
.parter {
margin: 20px auto 20px;
}
.footer-pattern {
padding: 30px 0 50px;
}
.copy-right {
font-size: 8px;
}
.nav-button.next {
top: 30px;
right: 10px;
}
.nav-button.prev {
top: 30px;
left: 10px;
}
.status-on .port-2-row {
width: 100%;
float: none;
box-sizing: border-box;
}
.banner-iframe {
width: 100%;
margin-top: -245px;
}
.link .play-button {
display: block;
}
.intro {
width: 50% !important;
}
#floating-contact input[type="text"], input[type="password"], input[type="file"], input[type="email"], textarea, select, button {
padding: 6px 10px;
font-size: 14px;
margin-bottom: 2px;
}
.submit-button {
margin: 5px 0;
}
.cd-horizontal-timeline .events a {
font-size: 15px;
}
.cd-horizontal-timeline .events a::after {
width: 20px;
height: 20px;
bottom: -7px;
}
.thank-you {
text-align: center;
margin: 25px 0;
padding: 0;
}
.thank-you h1 {
font-size: 24px;
color: #f37904;
font-family: 'Cabin', sans-serif;
text-transform: uppercase;
}
.error-wrap {
text-align: center;
margin: 20px 0;
padding: 0;
}
.error-wrap img {
margin-bottom: 25px;
}
.error-wrap h1 {
font-size: 19px;
color: #333;
font-family: 'Cabin', sans-serif;
text-transform: capitalize;
}
.error-wrap p {
font-size: 16px;
color: #333;
font-family: 'Cabin', sans-serif;
}
.robo-img-small {
margin: 3px 9px 0 0;
padding: 0;
width: 22px;
float: left;
}
.chat-bot {
right: 0px;
position: fixed;
bottom: 0;
background: #000;
padding: 1px 15px;
border-radius: 0;
z-index: 99;
width: auto;
font-size: 16px;
}
.chat-bot-pop {
right: 0;
z-index: 9999;
border-radius: 0;
width: 100%;
}
.robo-img {
margin: 0px 0 0 15px;
width: 39px;
}
.chat-bot-pop iframe {
width: 100%;
height: 310px;
border: none;
}
.bot-close {
float: right;
margin-top: 10px;
}
.close-bttn {
float: right;
margin-top: 0px;
}
#slide-panel .slideInRight {
animation-name: none !important;
}
.slide-slide-bar .slideInRight {
animation-name: none !important;
}
.slide-slide-bar {
width: 39px;
top: 48px;
}
#slide-panel {
margin-top: -1px;
height: 290px;
}
#slide-panel h3 {
margin-bottom: 0;
}
.intro > img {
width: 100%;
}
.sp .popup-box > iframe {
width: 100%;
left: 0;
top: 0px;
}
.play-button {
background-size: 61%;
height: 50px;
bottom: 3px;
left: 9px;
top: initial;
display: none;
}
.play-button img {
height: auto;
width: 50%;
}
.home-sliding-wrap {
margin-top: 15px;
}
.play-button span {
display: none;
}
.overflow > div {
height: 234px;
overflow-y: auto;
}
.font-60 {
font-size: 20px !important;
line-height: normal;
margin-top: 0;
}
.staff {
height: 156px;
}
.team {
width: 50%;
height: 165px;
}
.move-left-70 .staff {
margin-left: -20px;
}
.move-left-16 .staff {
margin-left: 31px;
}
.move-left-59 .staff {
margin-left: -25px;
}
.move-left-59 .staff {
margin-left: -25px;
}
.move-left-27 .staff {
margin-left: -14px;
}
.move-left-11 .staff {
margin-left: 0px;
}
.move-left-8 .staff {
margin-left: -35px;
}
.move-left-31 .staff {
margin-left: -26px;
}
.move-left-25 .staff {
margin-left: -28px;
}
.move-left-72 .staff {
margin-left: -15px;
}
.move-left-66 .staff {
margin-left: -7px;
}
.move-left-73 .staff {
margin-left: -6px;
}
.move-left-21 .staff {
margin-left: 0px;
}
.move-left-95 .staff {
margin-left: 0 !important;
}
.move-left-42 .staff {
margin-left: -0px;
}
.move-left-71 .staff {
margin-left: -18px;
}
.move-left-34 .staff {
margin-left: -13px;
}
.move-left-10 .staff {
margin-left: 0;
}
.move-left-60 .staff {
margin-left: -50px !important;
}
.move-left-7 .staff {
margin-left: -0px;
}
.pos-72 {
margin-left: 10px;
}
.pos-9 {
margin-left: 5px;
}
.pos-43 {
margin-left: 15px;
}
.move-left-70 .staff {
margin-left: -21px !important;
}
.move-left-59 .staff {
margin-left: -14px;
}
.move-left-26 .staff {
margin-left: -10px;
}
.move-left-27 .staff {
margin-left: -15px;
}/*Changed*/
.move-left-20 .staff {
margin-left: 0px;
}
.move-left-19 .staff {
margin-left: 0px;
}
.move-left-28 .staff {
margin-left: -25px;
}
.move-left-9 .staff {
margin-left: 0px;
}
.move-left-9-a .staff {
margin-left: 0px;
}
.move-left-5 .staff {
margin-left: 0px;
}
.move-left-45 .staff {
margin-left: -22px;
}
.move-left-50 .staff {
margin-left: 0px;
}
.move-left-33 .staff {
margin-left: -15px;
}
.move-left-77 .staff {
margin-left: 0px;
}
.move-left-6 .staff {
margin-left: 0px;
}
.move-left-98 .staff {
margin-left: -22px;
}
.move-left-100 .staff {
margin-left: -19px;
}
.move-left-18 .staff {
margin-left: 6px;
}
.move-left-51 .staff {
margin-left: -5px;
}
.move-left-4 .staff {
margin-left: -15px;
}
.pos-21 {
margin-left: 8px;
}
.move-left-47 .staff {
margin-left: 0;
}
.move-left-55 .staff {
margin-left: 0;
}
.move-left-38 .staff {
margin-left: 0;
}
.pos-46 {
margin-left: 0px;
}
.pos-63 {
margin-left: 16px;
}
.move-left-31 .staff {
margin-left: -0px;
}
.move-left-25 .staff {
margin-left: -28;
}
.move-left-75 .staff {
margin-left: -19px;
}
.move-left-52 .staff {
margin-left: -39px;
}
.move-left-61 .staff {
margin-left: 0px;
}
.move-left-61-a .staff {
margin-left: 9px;
}
.move-left-53 .staff {
margin-left: 0px;
}
.move-left-29 .staff {
margin-left: -23px;
}
.move-left-13 .staff {
margin-left: 0;
}
.move-left-3 .staff {
margin-left: 0;
}
.move-left-12 .staff {
margin-left: 0px;
}
.move-left-56 .staff {
margin-left: -4px;
}
.pos-4 {
margin-left: -27px;
}
.move-left-74 .staff {
margin-left: -5px;
}
.pos-86 {
margin-left: -37px;
}
.move-left-78 .staff {
margin-left: 14px;
}
.pos-79 {
margin-left: 15px;
}
.move-left-64 .staff {
margin-left: 0;
}
.move-left-2 .staff {
margin-left: 0;
}
.move-left-44 .staff {
margin-left: 0px;
}
.move-left-15 .staff {
margin-left: 0;
}
.move-left-63 .staff {
margin-left: 9px;
}
.move-left-65 .staff {
margin-left: -28px;
}
.move-left-24 .staff {
margin-left: -20px;
}
.move-left-48 .staff {
margin-left: 7px;
}
.pos-58 {
margin-left: 22px;
}
.move-left-49 .staff {
margin-left: -38px;
}
.pos-59 {
margin-left: -28px;
}
.move-left-22 .staff {
margin-left: 15px;
}
.pos-26 {
margin-left: 12px;
}
.pos-66 {
margin-left: 0px;
}
.move-left-79 .staff {
margin-left: -28px;
}
.move-left-41 .staff {
margin-left: 0px;
}
.move-left-40 .staff {
margin-left: -15px;
}
.move-left-30 .staff {
margin-left: 0px;
}
.move-left-39 .staff {
margin-left: 10px;
}
.move-left-57 .staff {
margin-left: -6px;
}
.move-left-81 .staff {
margin-left: -15px;
}
.move-left-80 .staff {
margin-left: 0;
}
.move-left-82 .staff {
margin-left: -7px;
}
.move-left-83 .staff {
margin-left: -6px;
}
.move-left-94 .staff {
margin-left: -4px;
}
.move-left-83-a .staff {
margin-left: -16px;
}/*Changed*/
.move-left-10 .staff {
margin-left: 15px;
}/*Changed*/
.move-left-84 .staff {
margin-left: -3px;
}/*Changed*/
.move-left-84-a .staff {
margin-left: -25px;
}/*Changed*/
.move-left-85 .staff {
margin-left: -19px;
} /*Changed*/
.move-left-86 .staff {
margin-left: 0px;
} /*Changed*/
.move-left-87 .staff {
margin-left: -25px;
} /*Changed*/
.move-left-88 .staff {
margin-left: -20px;
} /*Changed*/
.move-left-89 .staff {
margin-left: 10px;
} /*Changed*/
.move-left-102 .staff {
margin-left: 0px;
}
.move-left-90 .staff {
margin-left: 0px;
} /*Changed*/
.move-left-91 .staff {
margin-left: 0px;
}
.move-left-62 .staff {
margin-left: 0 !important;
}
.move-left-103 .staff {
margin-left: -12px;
}
.move-left-92 .staff {
margin-left: -3px;
}
.new-person .staff {
margin-left: -32px;
}
.details h4 {
padding-top: 0px;
font-size: 16px;
line-height: 15px;
}
.details h4 span {
font-size: 11px;
}
.team {
margin: 0 -15px 20px -15px;
padding-bottom: 25px;
display: inline-block;
float: none !important;
background: url(../images/strip-thin.png) center 100% repeat-x !important;
}
.team-center {
width: 320px;
}
.cd-timeline-navigation a.next-main {
top: 120px;
left: 44px;
}
.cd-timeline-navigation a.prev-main {
top: 120px;
}
.cd-timeline-navigation a {
width: 38px;
height: 38px;
}
.slide {
height: auto;
}
.history-gmi h4 {
font-size: 20px;
}
.history-gmi h2 {
font-size: 20px;
margin-top: 0px;
line-height: normal;
}
.black-color {
color: #333;
font-size: 16px;
}
.slider-txt {
padding-left: 0px;
margin-top: 25px;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
padding: 0 0px;
width: 100%;
}
p {
font-family: 'Roboto Slab', serif;
font-weight: normal;
margin: 0px;
padding: 0px 0px 12px 0px;
font-size: 16px !important;
line-height: 24px !important;
color: #737373;
}
h1 {
font-family: 'Cabin', sans-serif;
font-size: 20px;
font-style: normal;
font-variant: normal;
font-weight: bold;
line-height: 30px;
color: #262b31;
margin-bottom: 0px;
}
h2 {
font-family: 'Cabin', sans-serif;
font-size: 20px;
font-style: normal;
font-variant: normal;
font-weight: bold;
line-height: 30px;
color: #262b31;
margin-bottom: 0px;
margin-top: 15px;
}
h3 {
font-family: 'Cabin', sans-serif;
font-size: 20px;
font-style: normal;
font-variant: normal;
font-weight: bold;
line-height: 30px;
color: #df0306;
}
h4 {
font-size: 18px;
line-height: 24px
}
h5 {
font-size: 16px;
line-height: 24px
}
hr {
width: 100px;
height: 3px;
float: left;
background: #118bcb;
border: none;
margin-bottom: 20px;
}
.hide {
display: none;
}
.hide.inner-video-sec {
display: block !important;
}
.main-logo {
width: 118px;
}
.top-right {
margin: 0px 30px 0 0;
}
.top-right::after {
background-image: none;
}
.banner-wrap {
height: auto;
margin-top: 40px;
}
.banner-title {
margin-left: 0;
max-width: 800px;
position: absolute;
text-align: center;
top: 28%;
padding: 0 40px;
width: 100%;
left: 0;
}
.banner-title h4 {
font-size: 18px;
line-height: 20px;
}
.banner-title h3 {
letter-spacing: 3px;
font-size: 14px;
margin-left: -15px;
}
.mrg-top-70 {
margin-top: 30px !important;
}
.pad-left-50 {
padding-left: 0px !important;
}
.pad-right-50 {
padding-right: 0px !important;
}
.pad-left-25 {
padding-left: 0px !important;
}
.pad-right-25 {
padding-right: 0px !important;
}
.mrg-top-35 {
margin-top: 15px !important;
}
.mrg-bottom-35 {
margin-bottom: 15px !important;
}
.list-style ul li a {
font-size: 16px;
}
.home-sec-four .list-style ul li a {
font-size: 16px;
color: #f8bc26;
}
.home-sec-four .list-style ul li a:hover {
color: #fff;
}
.list-style ul li a span {
margin: 0 15px 0px 0;
padding: 0;
color: #f37904;
font-size: 18px;
text-decoration: none;
font-family: 'Cabin', sans-serif;
font-style: italic;
}
.list-style ul li a:hover {
background: none;
padding-left: 0px;
color: #333;
}
.list-style ul li {
margin-bottom: 0;
}
.home-sliding-wrap {
display: block;
left: 0;
position: inherit;
right: 0;
width: 100%;
}
.h-video-sec-one {
min-height: auto;
}
.home-project-blk {
padding: 25px;
min-height: auto;
}
.more-button {
font-size: 12px;
margin-top: 5px;
z-index: 1;
position: relative;
border: none;
padding: 10px 15px;
letter-spacing: 0px;
background: #118bcb;
color: #fff;
}
.home-sec-four p {
font-size: 18px;
}
.home-sec-four {
padding: 25px 0 0;
background-size: cover;
}
.home-sec-four ul {
margin-top: 0;
}
.parter {
padding: 0 10px;
}
.parter p {
margin-bottom: 10px;
}
.footer .col {
display: none;
}
.home-project-blk {
margin-bottom: 0px;
}
.floating-one {
margin-bottom: 7px;
padding: 6px;
float: left;
}
.floating-one img, .floating-two img {
width: 20px;
}
.home-project-blk h3 {
margin-bottom: 15px;
font-size: 20px;
}
#opener-bottom {
margin: 0px 0 0 0px;
padding: 11px 10px !important;
float: left;
}
.floating-two {
background: #f8bc26 none repeat scroll 0 0;
padding: 0px 8px 1px 12px;
}
.abstract-1 {
top: -330px;
}
.icons {
display: inline-block !important;
margin-left: 5px;
position: relative;
top: 4px;
width: 19px !important;
}
.service-gray-sec {
padding: 15px 0 !important;
}
.overflow > div {
overflow-y: auto;
height: auto;
width: 100%;
margin: 0;
padding: 0;
}
.submit-button {
padding: 0 15px;
}
.headertop {
position: fixed;
background: #282b31;
z-index: 100;
}
.headertop .common-container {
padding: 0;
}
.cloned {
display: none !important;
}
.logo-16 {
margin: 15px auto;
width: 100px;
display: flex;
}
.logo-16-red {
margin: 20px auto;
width: 100px;
display: flex;
}
.inner-wrapper-main hr {
margin-bottom: 15px;
}
.inner-banner-wrap {
height: 30px;
background: none !important;
}
.about-secton {
margin-top: 20px;
padding: 25px 0px;
}
.directors-block {
margin-top: 20px;
margin-bottom: 20px;
}
.directors-block h4, .directors-block h4 span {
font-size: 18px;
line-height: 28px;
}
.directors-block p {
font-size: 18px;
}
.directors-block p a {
display: inline-block;
font-size: 18px;
}
.red-color {
font-size: 16px;
}
.big-slider .owl-prev {
display: none;
}
.big-slider .owl-next {
display: none;
}
.big-slider .banner-bottom-strip {
height: 8px;
}
.btm-three-block {
padding: 0;
margin-bottom: 10px;
margin-top: 25px;
}
.three-col {
width: 100%;
margin: 0
}
.big-slider {
margin: 25px 0 35px;
}
.blue-block {
padding: 30px 10px 15px;
margin-bottom: 15px;
}
.blue-block h3 {
font-size: 12px;
margin-bottom: 0;
}
.blue-block span {
font-size: 12px;
margin-bottom: 0;
}
.blue-block hr {
width: 50px;
margin-bottom: 0;
}
.blue-block:hover {
background: url(../images/abstract-4.png) left top no-repeat;
background-size: cover;
transform: scale(1.0);
z-index: 1;
}
.blue-block:hover .white-arrow {
left: 20px;
transition: 0.5s ease-in-out;
top: 10px;
display: none;
}
.orange-block {
padding: 30px 10px 15px;
margin-bottom: 15px;
}
.orange-block h3 {
font-size: 12px;
margin-bottom: 0;
}
.orange-block span {
font-size: 12px;
margin-bottom: 0;
}
.orange-block hr {
width: 50px;
margin-bottom: 0;
}
.orange-block:hover {
background: url(../images/abstract-4-orange.png) left top no-repeat;
background-size: cover;
transform: scale(1.0);
z-index: 1;
}
.orange-block:hover .white-arrow {
left: 20px;
transition: 0.5s ease-in-out;
top: 10px;
display: none;
}
.red-block {
padding: 30px 10px 15px;
margin-bottom: 15px;
}
.red-block h3 {
font-size: 12px;
margin-bottom: 0;
}
.red-block span {
font-size: 12px;
margin-bottom: 0;
}
.red-block hr {
width: 50px;
margin-bottom: 0;
}
.red-block:hover {
background: url(../images/abstract-4-red.png) left top no-repeat;
background-size: cover;
transform: scale(1.0);
z-index: 1;
}
.red-block:hover .white-arrow {
left: 20px;
transition: 0.5s ease-in-out;
top: 10px;
display: none;
}
.red-full-sec h3 {
font-size: 20px;
}
.red-full-sec h4 {
font-size: 20px;
}
.tab-frame {
background-image: none;
box-shadow: none;
border: 1px solid #eee;
padding: 5px;
}
.tab-frame img {
width: 100%;
}
.tab-frame .owl-pagination {
position: inherit;
float: right;
}
.red-full-sec {
padding: 25px 0;
}
.srv-page-prev {
font-size: 16px;
padding: 20px;
text-align: left;
line-height: 22px;
}
.srv-page-prev > img {
width: 50px;
display: none;
}
.srv-page-prev .black-arrow {
width: 4%;
display: block !important;
float: left;
}
.srv-page-next {
font-size: 16px;
padding: 20px;
text-align: right;
line-height: 22px;
}
.srv-page-next > img {
width: 50px;
display: none;
}
.srv-page-next .black-arrow {
width: 4%;
display: block !important;
float: right;
}
.srv-page-next span {
float: none;
position: inherit;
top: 0px;
width: 243px;
}
#service-page-slider .col-6 {
width: 50% !important;
}
.port-2-col {
width: 100%;
padding: 0 0px;
margin-bottom: 10px;
float: left;
overflow: hidden;
}
.port-3-col {
width: 100%;
padding: 0 0px;
float: left;
margin-bottom: 10px;
overflow: hidden;
}
.port-2-row {
width: 100%;
padding: 0px 0px;
float: left;
margin-bottom: 10px;
position: relative;
overflow: hidden;
}
.iframe-video {
width: 100%;
height: auto;
}
.fancybox-inner {
height: auto !important;
}
.port-2-row .play-button {
left: 29px;
bottom: 6px;
transform: none;
width: 75px;
top: inherit;
}
.pick-purpose {
padding: 0;
}
.pick-purpose h4 {
font-size: 20px;
}
.contact-form .back {
margin-bottom: 0;
font-size: 18px;
background-size: 32px;
padding: 0 0 0 40px;
}
.contact-form .back:hover {
margin-bottom: 0;
background-size: 32px;
}
.pick-purpose .more-button {
font-size: 16px;
}
.contact-form input {
padding: 10px;
margin-bottom: 8px;
}
.contact-form select {
padding: 10px;
margin-bottom: 8px;
background: url(../images/black-arrow-bold.png) 97% 15px no-repeat;
}
#Container .home-project-blk .abstract-1 {
left: -70px;
position: absolute;
top: -77px;
}
.service-gray-sec ul li {
font-size: 16px;
}
.quote {
font-size: 18px;
margin: 0px 0;
}
.slide h2 {
text-align: left;
}
.flip-sec {
position: relative;
padding: 0;
margin: 0;
right: 0;
top: 0px;
clear: both;
display: inline-block;
margin-top: 15px;
width: 100%;
margin-bottom: 0px;
}
.sp {
left: 0;
top: 0;
}
.mobile-show
{
display: block !important;
}
}
@media only screen and (min-width:320px) and (max-width:667px) {
#slider .flex-direction-nav .flex-prev, #slider .flex-direction-nav .flex-next {
height: 35px !important;
width: 35px !important;
background-size: 100% !important;
}
#slider1 .flex-direction-nav .flex-prev, #slider1 .flex-direction-nav .flex-next {
height: 35px !important;
width: 35px !important;
background-size: 100% !important;
}
.flexslider {
padding: 0 40px !important;
}
.wiki-faq-sec h2 {
font-size: 22px !important;
}
}
@media screen and (max-width: 480px) {
.other-services .col-6 {
width: 100% !important;
}
.acc_head {
padding: 0 30px 10px 0px;
font-size: 14px;
line-height: 23px;
}
.acc_content p {
font-size: 12px !important;
line-height: 24px !important;
}
.wiki-faq-sec h2 {
font-size: 16px !important;
line-height: 24px !important;
margin-bottom: 10px !important;
}
}
@media screen and (max-width: 768px) {
.news_div h5 {
font-size: 18px;
line-height: 22px;
}
.news_div h6 {
font-size: 14px;
margin-top: 5px;
}
.news_div blockquote {
font-size: 14px;
line-height: 26px;
}
.news_div {
margin-bottom: 10px;
}
.play-text {
display: none;
}
.our_main_services ul li {
width: 49%;
margin: 5px 3px;
}
.our_main_services ul li a {
padding: 5px 10px;
font-size: 15px;
}
.case-study-section .dr-joy {
background: none;
}
.case-study-section .harklinikken {
background: none;
}
.case-study-section .case-study {
padding: 30px 0;
}
.block-blue h2 {
margin-bottom: 25px;
}
.inner-video-sec {
margin: 20px 0;
}
.case-study-section .case-study p {
width: 100%;
}
}
@media screen and (max-width: 667px) {
.news_div {
padding: 20px;
}
.news_div img {
width: 300px;
}
.news_div blockquote {
margin-top: 10px;
}
.inner-video-sec {
margin: 0;
}
.case-study-section .box {
width: 45%;
}
.case-study-section .box2 {
width: 45%;
}
}
@media screen and (max-width: 568px) {
.our_main_services ul li {
width: 48.5%;
margin: 5px 3px;
}
}
@media screen and (max-width: 480px) {
.news_div h5 {
font-size: 14px;
line-height: 20px;
}
.news_div h6 {
font-size: 12px;
}
.news_div blockquote:before {
width: 25px;
height: 25px;
background-size: 100%;
}
.news_div blockquote:after {
width: 25px;
height: 25px;
background-size: 100%;
}
.news_div blockquote {
padding: 20px 30px;
font-size: 13px;
line-height: 25px;
margin-top: 10px;
}
.news_div {
padding: 15px;
}
.news_div a {
font-size: 13px;
float: right;
margin-right: 35px;
}
.our_main_services ul li a {
padding: 5px 5px;
font-size: 12px;
}
.case-study-section .box {
width: 100%;
}
.case-study-section .box2 {
width: 100%;
}
.case-study-section .bord2 {
border-right: none;
}
.case-study-section .case-study h2 {
line-height: 30px;
margin-bottom: 15px;
}
.case-study-section .case-study h2 span {
width: 100%;
display: inline-block;
}
}
@media screen and (max-width: 414px) {
.our_main_services ul li {
width: 100%;
margin: 5px 0px;
}
}
@media screen and (max-width: 320px) {
.plat_forms ul li {
padding: 0px 15px;
width: 49%;
}
.pdf_images blockquote {
padding: 20px 45px;
font-size: 14px;
line-height: 26px;
margin-top: 15px;
}
.address p {
font-size: 14px !important;
}
p.copy-right {
font-size: 12px !important;
}
}
.path {
stroke-dasharray: 1000;
stroke-dashoffset: 1000;
animation: dash 4s linear infinite;
}
@keyframes dash {
from {
stroke-dashoffset: 1000;
}
to {
stroke-dashoffset:0;
}
}
#Capa_1 {
width: 100%;
}
.news_pop img {
max-width: 100%;
}