.homescreen .csi,
.homescreen .mbut,
.homescreen .social {
    z-index: 9;
    position: absolute;
}
.contect_area,
.footer_top_inner,
.header,
.prog_box,
.services_area ul,
.w_content_inner {
    box-sizing: border-box;
}
.with_over a,
.with_over a:hover,
a {
    text-decoration: none;
}
.homescreen,
.homescreen1,
.hvr_ftr_line,
.hvr_under_line,
.news_box,
.thumb_app_box,
.thumb_box,
.vdcontainer {
    overflow: hidden;
}
@font-face {
    font-family: RobotoMedium;
    src: url(fonts/RobotoMedium.eot);
    src: url(fonts/RobotoMedium.eot) format("embedded-opentype"), url(fonts/RobotoMedium.woff2) format("woff2"), url(fonts/RobotoMedium.woff) format("woff"), url(fonts/RobotoMedium.ttf) format("truetype"),
        url(fonts/RobotoMedium.svg#RobotoMedium) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: Aller;
    src: url(fonts/Aller.eot);
    src: url(fonts/Aller.eot) format("embedded-opentype"), url(fonts/Aller.woff2) format("woff2"), url(fonts/Aller.woff) format("woff"), url(fonts/Aller.ttf) format("truetype"), url(fonts/Aller.svg#Aller) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: RobotoThin;
    src: url(fonts/RobotoThin.eot);
    src: url(fonts/RobotoThin.eot) format("embedded-opentype"), url(fonts/RobotoThin.woff2) format("woff2"), url(fonts/RobotoThin.woff) format("woff"), url(fonts/RobotoThin.ttf) format("truetype"),
        url(fonts/RobotoThin.svg#RobotoThin) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: RobotoLight;
    src: url(fonts/RobotoLight.eot);
    src: url(fonts/RobotoLight.eot) format("embedded-opentype"), url(fonts/RobotoLight.woff2) format("woff2"), url(fonts/RobotoLight.woff) format("woff"), url(fonts/RobotoLight.ttf) format("truetype"),
        url(fonts/RobotoLight.svg#RobotoLight) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: Aller_Rg;
    src: url(fonts/Aller_Rg.eot);
    src: url(fonts/Aller_Rg.eot) format("embedded-opentype"), url(fonts/Aller_Rg.woff2) format("woff2"), url(fonts/Aller_Rg.woff) format("woff"), url(fonts/Aller_Rg.ttf) format("truetype"), url(fonts/Aller_Rg.svg#Aller_Rg) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: RobotoBold;
    src: url(fonts/RobotoBold.eot);
    src: url(fonts/RobotoBold.eot) format("embedded-opentype"), url(fonts/RobotoBold.woff2) format("woff2"), url(fonts/RobotoBold.woff) format("woff"), url(fonts/RobotoBold.ttf) format("truetype"),
        url(fonts/RobotoBold.svg#RobotoBold) format("svg");
  font-weight: normal;
  font-style: normal;
}
* {
    outline: 0;
    -moz-appearance: none;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-weight: 400;
    line-height: normal;
    outline: 0;
}
html {
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
    padding: 0;
    font-family: RobotoMedium;
    font-size: 13px;
    line-height: normal;
    background: #fff;
}
ol,
ul {
    list-style: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: inherit;
}
.clear,
.clearf,
.clearfloat {
    clear: both;
    display: block;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.disblock {
    display: block;
}
.homescreen {
    width: 96%;
    position: relative;
    background: #fff;
    padding: 27px 2% 0;
}
.homescreen .mbut {
    top: 55px;
    left: 55px;
}
.homescreen .social {
    top: 55px;
    right: 45px;
}
.homescreen .csi {
    top: 50%;
    left: 50%;
    width: 478px;
    margin: -91px 0 0 -236px;
}
.homescreen .bbg {
    background: url(images/bbg.png);
    width: 96%;
    height: 100%;
    position: absolute;
    left: 2%;
    top: 27px;
    z-index: 5;
}
@-webkit-keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}
@keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}
.hvr-pop,
.hvr_under_line {
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    box-shadow: 0 0 1px transparent;
    -moz-osx-font-smoothing: grayscale;
}
.vdcontainer {
    position: relative;
}
.downarrow {
    position: absolute;
    bottom: 200px;
    left: 50%;
    margin-left: -27px;
    display: none;
    opacity: 0;
}
.hvr-pop {
    display: inline-block;
    transform: translateZ(0);
    backface-visibility: hidden;
}
.hvr-pop:active,
.hvr-pop:focus,
.hvr-pop:hover {
    -webkit-animation-name: hvr-pop;
    animation-name: hvr-pop;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
.wrapper {
    width: 100%;
    float: left;
}
.homescreen1 {
    width: 100%;
    position: relative;
    background: #fff;
    padding: 0;
}
.homescreen1 .csi {
    position: absolute;
    z-index: 9;
    top: 3%;
    width: 100%;
    float: left;
    text-align: center;
}
.homescreen1 .csi img {
    max-width: 320px;
}
.homescreen1 .redband {
    position: absolute;
    z-index: 9;
    bottom: -4px;
    width: 100%;
    float: left;
}
.bg_red {
    width: 273px;
    margin: 0 auto;
    cursor: pointer;
}
.homescreen1 .bbg {
    background: url(images/bbg.png);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
}
.redband_menu {
    width: 100%;
    float: left;
    margin-top: -90px;
    position: absolute;
    z-index: 100;
}
.wrapper1 {
    max-width: 100%;
    float: left;
    overflow-x: hidden;
}
.band {
    position: static;
    z-index: 10;
    width: 100%;
    border-bottom: 10px solid rgba(255, 255, 255, 0.7);
    border-top: 10px solid rgba(255, 255, 255, 0.7);
}
a.myPlayer {
    display: block;
    width: 96%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 0;
    padding-top: 27px;
}
.header,
.we_create_text,
.we_create_text h3,
.we_create_text p {
    width: 100%;
    float: left;
}
.we_create_text {
    position: absolute;
    top: 0;
    text-align: center;
    text-transform: uppercase;
    margin-top: 70px;
}
.we_create_text h3 {
    font-size: 21px;
    font-family: Aller;
    font-weight: 700;
    color: #fff;
}
.we_create_text h1,
.we_create_text h2 {
    width: 100%;
    float: left;
    font-size: 31px;
    font-family: Aller;
    font-weight: 700;
    color: #fff;
}
.we_create_text p {
    margin-top: 15px;
}
.we_create_text p a {
    color: #e1a21b;
    font-weight: 700;
    background: url(images/arrow-right.png) right no-repeat;
    padding-right: 20px;
    transition: all 0.4s;
}

.tabmenu_list ul li {margin: 15px 0 !important;}
.tabmenu_list ul li a {
    font-weight: 600;
    text-transform: uppercase;
}
.submenu li a {
    font-weight: 600;
    text-transform: capitalize !important;
}
.we_create_text p a:hover {
    color: #000;
    background: url(images/arrow-right-hover.png) right no-repeat;
    transition: all 0.4s;
}
.hvr_out,
.hvr_under_line:before {
    -webkit-transition-duration: 0.3s;
}
.header {
    background-color: rgba(255, 255, 255, 0.7);
    padding: 0 10px;
}
.logo {
    width: 17%;
    float: left;
}
.top_menu {
    width: 58%;
    float: left;
    margin-top: 30px; position:relative; z-index:99;
}
.social_right {
    width: 25%;
    float: right;
    margin-top: 30px;
}
.res_menu {
    width: 32px;
    height: 32px;
    background: url(images/responsive-menu.png) center no-repeat repeat;
    background-size: 29px 21px;
    display: none;
    cursor: pointer;
    margin-top: -11px;
    margin-bottom: 6px;
}
.menu {
    width: auto;
    margin: 0 auto;
}
.menu ul {
    width: auto;
    text-align: center;
}
.menu ul li {
    width: auto;
    margin: 0 13px;
    display: inline-block;
    position: relative;
}
.menu ul li a {
    color: #000;
    font-size: 15px;
    font-family: RobotoMedium;
    padding-bottom: 4px;
}
.menu ul li a:hover {
    color: #ee1c25;
}
.menu ul ul {
    display: none;
    position: inherit;
    z-index: 9;
}
.menu ul li:hover > ul {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 250px;
    margin-top: 24px;
    text-align: left;
    padding: 10px 0;
    border: solid 2px #fff;
    box-shadow: 1px 1px 5px #ccc;
}
.menu ul li:hover > ul li {
    display: block;
    padding: 4px 6px;
    border-bottom: solid 2px #fff;
}
.menu ul li:hover > ul li a {
    font-weight: 500 !important;
    text-transform: capitalize;
    font-size: 14px;
    font-family: RobotoLight !important;
}
.hvr_under_line {
    display: inline-block;
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
}
.hvr-bounce-to-right,
.hvr_out {
    vertical-align: middle;
    -webkit-backface-visibility: hidden;
}
.hvr_under_line:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #ee1c25;
    height: 2px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.share_one,
.tabmenu_one {
    height: 30px;
    cursor: pointer;
}
.active_underline:before,
.hvr_under_line:hover:before {
    left: 0;
    right: 0;
}
.active_underline {
    color: #ee1c25 !important;
}
.right_show {
    width: 100px;
    float: right;
    display: none;
}
.tabmenu {
    width: 40px;
    float: left;
    position: relative;
}
.tabmenu_one {
    width: 50px;
    float: left;
    background: url(images/responsive-menu.png) center no-repeat;
    background-size: 29px 21px;
    margin-top: 10px;
}
.tabmenu_list {
    width: 270px !important;
    float: left;
    position: absolute;
    right: -70px;
    top: 41px;
    text-align: left !important;
    background-color: #fff;
    display: none;
    z-index: 10000 !important; padding:10px 20px;
}
.tabmenu_list li i{float:right; color:#000; font-size:18px; margin-right:5px;}
.submenu{padding-left:20px; display:none; background: #eee;    padding: 10px;}
ul.submenu li{  width: 100%; margin: 10px 0 !important;}
.tabmenu_list ul li.sbl{position:relative;}
.tabmenu_list ul li.sbl:before {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    background-color: white;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f067";
}
.tabmenu_list ul li.sbl_add:before {
    content: "\f068";
}

.hvr-bounce-to-right:before,
.hvr_ftr_line:before,
.hvr_out:before,
.submit_btn_effect:before {
    content: "";
    z-index: -1;
    bottom: 0;
}
.tabmenu_list ul li {
    width: 100%;
    margin: 18px 0;
    color: #000;
    font-size: 13px;
    font-family: RobotoMedium;
}
.tabmenu_list ul li a {
    color: #000;
    padding-bottom: 3px;
}
.fb,
.fb:hover,
.in,
.in:hover,
.ld,
.ld:hover,
.tw,
.tw:hover {
    padding: 3px 12px;
    transition: all 0.4s;
}
.tabmenu_list ul li a:hover {
    color: #ee1c25;
}
.social_right ul {
    width: auto;
    float: right;
}
.social_right ul li {
    float: left;
    width: auto;
}
.fb {
    background: url(images/social.png) 5px 0 no-repeat;
}
.tw {
    background: url(images/social.png) -25px 0 no-repeat;
}
.in {
    background: url(images/social.png) -60px 0 no-repeat;
}
.ld {
    background: url(images/social.png) -95px 0 no-repeat;
}
.fb:hover {
    background: url(images/social.png) 5px -25px no-repeat;
}
.tw:hover {
    background: url(images/social.png) -25px -25px no-repeat;
}
.in:hover {
    background: url(images/social.png) -60px -25px no-repeat;
}
.ld:hover {
    background: url(images/social.png) -95px -25px no-repeat;
}
.share_social {
    width: 50px;
    float: right;
    display: none;
    position: relative;
}
.share_one {
    width: 50px;
    float: left;
    background: url(images/share.png) center no-repeat;
    background-size: 28px 28px;
    margin-top: 10px;
}
.share_two {
    width: 140px;
    float: left;
    position: absolute;
    right: 0;
    top: 50px;
    display: none;
    background: rgba(255, 255, 255, 0.8);
    text-align: center;
    height: 25px;
}
.share_two ul {
    width: auto;
    float: right;
    margin-top: 3px;
}
.share_two ul li {
    float: left;
    width: auto;
    margin: 0 5px;
}
.cont_who_we_are {
    width: 100%;
    float: left;
    background: url(images/who-we-are-bg-banner.png) center no-repeat #002d4e;
    height: 680px;
}
.cont_who_we_are h1 {
    width: 100%;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 45px;
    font-family: Aller;
    text-transform: uppercase;
    margin-top: 125px;
}
.who_we_are_content_outer {
    width: 100%;
    float: left;
    margin-top: 75px;
}
.w_content_inner {
    width: 975px;
    margin: 0 auto;
}
.contect_area {
    width: 100%;
    float: left;
    background: rgba(37, 93, 131, 0.75);
    padding: 40px;
}
.contect_area p {
    width: 100%;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    font-family: RobotoThin;
}
.contect_area p strong {
    font-family: RobotoMedium;
}
.latest_work_top h1,
.our_services_inner h1 {
    font-size: 45px;
    font-family: Aller;
    text-align: center;
    text-transform: uppercase;
}
.our_services_inner h2 {
    font-size: 45px;
    font-family: Aller;
    text-align: center;
    text-transform: uppercase;
}
.top_red_border {
    width: 100%;
    float: left;
    text-align: center;
}
.top_red_border p {
    width: 260px;
    background: #ee1c25;
    margin: -42px auto 0;
    float: none;
    height: 2px;
}
.learn_more {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: -10px;
}
.learn_more span a {
    background: #fff;
    color: #000;
    padding: 8px 30px;
}
.hvr-bounce-to-right {
    display: inline-block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    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;
}
.hvr-bounce-to-right:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #ee1c25;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -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;
}
.hvr-bounce-to-right:active,
.hvr-bounce-to-right:focus,
.hvr-bounce-to-right:hover {
    color: #fff;
}
.hvr-bounce-to-right:active:before,
.hvr-bounce-to-right:focus:before,
.hvr-bounce-to-right:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(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);
}
.latest_work_outer {
    width: 100%;
    float: left;
    background: #dcdcdc;
    padding: 84px 0;
}
.latest_work_top {
    width: 100%;
    float: left;
}
.latest_work_top h1 {
    width: 100%;
    float: left;
    color: #000;
}
.latest_work_inner {
    width: 100%;
    float: left;
    margin-top: 50px;
}
.our_services_outer {
    width: 100%;
    float: left;
    background: url(images/our-services-bg.png) center no-repeat;
}
.our_services_inner {
    width: 1200px;
    margin: 0 auto;
}
.our_services_inner h1 {
    width: 100%;
    float: left;
    margin: 60px 0;
}
.our_services_inner h2 {
    width: 100%;
    float: left;
    margin: 60px 0;
}
.services_area {
    width: 100%;
    float: left;
    margin-bottom: 40px;
}
.services_area ul {
    width: 33%;
    float: left;
    padding: 0 30px;
}
.services_area ul li {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}
.services_area ul li a {
    width: 100%;
    float: left;
    font-family: RobotoLight;
    color: #000;
    border-left: 4px solid #ee1c25;
    background: linear-gradient(#fff, #f0f0f0);
    padding: 15px 0 15px 25px;
    box-sizing: border-box;
    font-size: 18px;
    box-shadow: 0 2px 7px 3px #ccc;
}
.hvr_out,
.submit_btn_effect {
    box-shadow: 0 0 1px transparent;
}
.hvr_out {
    display: inline-block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    transition-duration: 0.3s;
}
.hvr_ftr_line,
.submit_btn_effect {
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
}
.hvr_out:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #ee1c25;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr_out_active {
    background: #ee1c25 !important;
    color: #fff !important;
    border-left: 4px solid #000 !important;
}
.hvr_out:active,
.hvr_out:focus,
.hvr_out:hover {
    color: #fff;
    border-left: 4px solid #000;
}
.hvr_out:active:before,
.hvr_out:focus:before,
.hvr_out:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.compn_outer {
    width: 100%;
    float: left;
    background: #e7e7e7;
}
.compn_inner {
    width: 1200px;
    margin: 0 auto;
}
.companies_area,
.companies_area ul,
.compn_inner h1 {
    width: 100%;
    float: left;
}
.compn_inner h1 {
    text-align: center;
    font-size: 45px;
    color: #fff;
    margin: 60px 0;
    text-transform: uppercase;
    font-family: Aller;
}
.compn_inner h1 span {
    color: #ee1c25;
}
.companies_area {
    margin-bottom: 50px;
}
.companies_area ul li {
    width: 16%;
    display: inline-block;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.companies_area ul li a img {
    width: 60%;
    margin: 0 auto;
    padding: 20%;
}
.companies_area table tr td:last-child {
    border-right: none;
}
.companies_area table tr td {
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    width: 16.66%;
}
.companies_area table tr:last-child td {
    border-bottom: none;
}
.tb_resul1,
.tb_resul2,
.tb_resul3 {
    display: none;
}
.slider_points {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.slider_points ul {
    text-align: center;
}
.slider_points ul li {
    display: inline-block;
    cursor: pointer;
    padding: 10px;
}
.slid_icon {
    background: url(images/circle.png) center no-repeat;
}
.slid_icon_active {
    background: url(images/circle-active.png) center no-repeat;
}
.view_all_comp {
    width: 100%;
    float: left;
    margin-bottom: 90px;
    text-align: center;
}
.view_all_comp a {
    font-family: Aller;
    color: #ee1c25;
    font-size: 18px;
    text-transform: uppercase;
    font-style: italic;
    border-bottom: 2px solid #ee1c25;
    padding-bottom: 1px;
    transition: all 0.4s;
}
.view_all_comp a:hover {
    color: #fff;
    border-bottom: 2px solid #fff;
    transition: all 0.4s;
}
.our_progres_outer {
    width: 100%;
    float: left;
    background: #ee1c25;
    border-bottom: 5px solid #fff;
}
.our_progress_inner {
    width: 1200px;
    margin: 0 auto;
}
.prog_box {
    width: 25%;
    float: left;
    padding: 50px 60px;
    color: #fff;
}
.footer_area,
.footer_top_outer,
.prog_box h2,
.prog_box p {
    width: 100%;
    float: left;
}
.prog_box h2 {
    text-align: center;
    font-size: 60px;
    font-family: Aller;
}
.prog_box p {
    text-align: center;
    font-size: 18px;
    font-family: RobotoLight;
}
.footer_area {
    background: url(images/footer-bg.jpg) center no-repeat #1b2d39;
    background-size: cover;
}
.footer_top_inner {
    width: 1200px;
    margin: 0 auto;
    padding: 0 45px;
}
.footer_form,
.lets_talk,
.lets_talk h2,
.lets_talk p,
.top_form {
    width: 100%;
    float: left;
}
.lets_talk {
    margin-top: 45px;
}
.lets_talk h2 {
    font-size: 48px;
    color: #fff;
    font-family: Aller;
}
.lets_talk p {
    font-size: 18px;
    font-family: RobotoLight;
    color: #fff;
}
.footer_form {
    margin-top: 25px;
}
.top_left_form {
    width: 35%;
    float: left;
}
.top_right_form {
    width: 62%;
    float: right;
}
.input_area,
.input_textarea {
    width: 100%;
    background: #1d4159;
    padding: 14px;
    color: #fff;
    margin-bottom: 7px;
    font-size: 18px;
    font-family: RobotoThin;
    box-sizing: border-box;
    border: none;
}
.input_area {
    float: left;
}
.input_textarea {
    float: left;
    height: 170px;
    resize: none;
}
.call_me {
    width: 15%;
    position: absolute;
    top: 39px;
    right: 330px;
    text-align: right;
    font-size: 16px;
    z-index: 999;
}
.call_me a {
    color: #ee1c25;
    font-weight: 400;
}
.call_me img {
    vertical-align: middle;
    width: 8%;
}
.whatsapp {
    width: 50px;
    position: fixed;
    bottom: 30px;
    left: 40px;
    font-size: 16px;
    z-index: 99;
    /* animation: bounce 2s infinite alternate;
    -webkit-animation: bounce 2s infinite alternate; */
}
.whatsapp:hover {
    animation: 1s;
    -webkit-animation: 1s;
}
div.vert-move {
    -webkit-animation: mover 2s infinite  alternate;
    animation: mover 2s infinite  alternate;
}
div.vert-move {
    -webkit-animation: mover 2s infinite  alternate;
    animation: mover 2s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); opacity:0; }
    50% { transform: translateY(); opacity:1; }
    100% { transform: translateY(-50px); }
}
@keyframes mover {
    0% { transform: translateY(0); opacity:0; }
    50% { transform: translateY(); opacity:1; }
    100% { transform: translateY(-50px); }
}
.call-popup-bg {
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    display: none;
}
.call-popup-con {
    background: url(images/call-bg.jpg) no-repeat #fff;
    border: solid 4px #fff;
    width: 100%;
    max-width: 500px;
    height: 340px;
    position: fixed;
    margin: auto;
    z-index: 9999;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 50px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 5px;
    display: none;
}
.call-popup-con .head {
    color: #333;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 40px;
}
.call-popup-con input {
    width: 80%;
    padding: 12px 10px;
    border: solid 1px #ccc;
    border-radius: 5px;
    margin-bottom: 15px;
    font-size: 16px;
}
.call-popup-con .but {
    width: 86%;
    padding: 12px 10px;
    border: solid 1px #ee1c25;
    border-radius: 5px;
    font-size: 20px;
    background: #ee1c25;
    color: #fff;
    cursor: pointer;
}
.call-popup-con .close a {
    position: absolute;
    right: 15px;
    top: 15px;
    color: #ee1c25;
    font-size: 18px;
    font-weight: 700;
}
.what_call {
    width: 10%;
    position: absolute;
    top: 37px;
    right: 200px;
}
.what_call img:hover {
    opacity: 0.7;
}
.blink_img {
    animation: blinker 2s linear infinite;
}
@keyframes blinker {
    50% {
        opacity: 0;
    }
}
.blink_img1 {
    animation: blinker 2s linear infinite;
}
@keyframes blinker {
    50% {
        opacity: 0;
    }
}
.request_quote {
    text-align: center;
    width: 10%;
    position: absolute;
    top: 20px;
    right: 120px;
}
.request_quote img {
    width: 100%;
}
.request_quote1 {
    text-align: center;
    width: 10%;
    position: absolute;
    top: 28px;
    right: 230px;
    border-radius: 6px;
}
.request_quote1 img {
    width: 100%;
}
.g_partner {
    width: 14%;
    margin-top: -5px;
}
.fix_box_shadow .call_me {
    top: 30px;
}
.fix_box_shadow .what_call {
    top: 28px;
}
.fix_box_shadow .request_quote {
    top: 10px;
}
.top_form input[type="checkbox"] {
    opacity: 0;
    float: right;
}
.top_form input[type="checkbox"] + label span {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: -2px 3px 0 0;
    vertical-align: middle;
    background: url(images/check_radio_sheet.png) left top no-repeat !important;
    background-size: 76px 19px;
    cursor: pointer;
}
.footer_area .footer_form label,
.top_form input[type="checkbox"] + label {
    color: #fff;
    line-height: 30px;
    font-size: 15px;
    width: 31%;
    display: inline-block;
    cursor: pointer;
}
.gp {
    position: fixed;
    right: 8%;
    margin-top: -5px;
}
.top_form input[type="checkbox"]:checked + label span {
    background: url(images/check_radio_sheet.png) -19px top no-repeat !important;
    background-size: 76px 19px;
}
.select_drpdn {
    -webkit-appearance: none;
    cursor: pointer;
}
.submit_btn {
    width: 150px;
    float: left;
    color: #fff;
    text-transform: uppercase;
    font-size: 24px;
    font-family: Aller_Rg;
    font-weight: 500;
    background: #226ea3;
    border: none;
    margin-top: 20px;
    padding: 9px 0;
    cursor: pointer;
    margin-bottom: 45px;
    letter-spacing: 2px;
}
.submit_btn_effect {
    display: inline-block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
    background: #ee1c25;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.submit_btn_effect:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #226ea3;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.submit_btn_effect:active,
.submit_btn_effect:focus,
.submit_btn_effect:hover {
    color: #fff;
}
.submit_btn_effect:active:before,
.submit_btn_effect:focus:before,
.submit_btn_effect:hover:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}
.email_box_left img:hover,
.phone_box_left img:hover,
.visit_box_left img:hover {
    transform: scale(1.2);
    transition: all 0.5s;
}
.footer_mid_outer {
    width: 100%;
    float: left;
    background: #fff;
}
.footer_mid_inner {
    width: 1200px;
    margin: 0 auto;
}
.footer_mid_main {
    width: 100%;
    float: left;
    padding: 25px 35px;
    box-sizing: border-box;
}
.email_box {
    width: 30%;
    float: left;
}
.email_box_left {
    width: 25%;
    float: left;
}
.email_box_left img {
    transition: all 0.5s;
}
.email_box_right {
    width: 75%;
    float: left;
}
.email_box_right h2 {
    width: 100%;
    float: left;
    color: #226ea3;
    font-size: 30px;
    font-family: Aller;
}
.email_box_right p {
    width: 100%;
    float: left;
    color: #226ea3;
    font-size: 18px;
    font-family: RobotoLight;
}
.email_box_right p a {
    color: #226ea3;
}
.email_box_right p a:hover {
    color: #ee1c25;
}
.phone_box {
    width: 30%;
    float: left;
}
.phone_box_left {
    width: 20%;
    float: left;
}
.phone_box_left img {
    transition: all 0.5s;
}
.phone_box_right {
    width: 80%;
    float: left;
}
.phone_box_right h2 {
    width: 100%;
    float: left;
    color: #226ea3;
    font-size: 30px;
    font-family: Aller;
}
.phone_box_right p {
    width: 100%;
    float: left;
    color: #226ea3;
    font-size: 18px;
    font-family: RobotoLight;
}
.visit_box {
    width: 40%;
    float: left;
}
.visit_box_left {
    width: 14%;
    float: left;
}
.visit_box_left img {
    transition: all 0.5s;
}
.hvr_ftr_line:before,
.hvr_st {
    -webkit-transition-duration: 0.3s;
}
.visit_box_right {
    width: 86%;
    float: left;
}
.footer_bottom_outer,
.visit_box_right h2,
.visit_box_right p {
    width: 100%;
    float: left;
}
.visit_box_right h2 {
    color: #226ea3;
    font-size: 30px;
    font-family: Aller;
}
.visit_box_right p {
    color: #226ea3;
    font-size: 18px;
    font-family: RobotoLight;
}
.footer_bottom_inner {
    width: 1200px;
    margin: 0 auto;
}
.footer_bottom_main {
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 20px 30px 20px;
}
.footer_menu {
    width: 55%;
    float: left;
}
.footer_copyright {
    width: 100%;
    float: left;
    margin-top: -25px;
    color: #fff;
}

.footer_menu ul li {
    width: auto;
    float: left;
    background: url(images/footer-menu-right-border.png) right no-repeat;
    background-size: 2px 12px;
    padding: 0 15px;
}
.footer_menu ul li:last-child {
    background: 0 0;
}
.about_menu,
.adjust_header_home,
.band_inner {
    background: #fff;
}
.footer_menu ul li a {
    color: #fff;
    padding: 3px 0 4px;
    font-size: 14px;
    font-family: RobotoLight;
}
.footer_menu ul li:last-child a {
    border: none;
}
.footer_menu ul li:first-child {
    padding-left: 0;
}
.microsoft_partner {
    width: 23%;
    float: right;
    text-align: right;
}
.google_partner {
    width: 20%;
    float: right;
    text-align: right;
}
.hvr_ftr_line {
    display: inline-block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 0 transparent;
    backface-visibility: hidden;
    position: relative;
}
.hvr_ftr_line:before {
    position: absolute;
    left: 50%;
    right: 50%;
    background: #fff;
    height: 2px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.adjust_header,
.adjust_header_home {
    height: 78px;
    width: 100%;
    float: left;
    box-sizing: border-box;
}
.hvr_ftr_line:active:before,
.hvr_ftr_line:focus:before,
.hvr_ftr_line:hover:before {
    left: 0;
    right: 0;
}
.footer_copyright p {
    font-family: RobotoThin;
    font-size: 14px;
}
.footer_copyright p span {
    font-family: RobotoMedium;
}
.adjust_header_home {
    display: none;
    position: fixed;
    top: 0;
}
.about_menu ul li,
.contact_info li i,
.hvr_st,
.thmbnl_area ul li,
.thmbnl_area_app ul li {
    display: inline-block;
}
.about_banner_outer {
    width: 100%;
    float: left;
    position: relative;
    box-sizing: border-box;
}
.aboout_banner_text,
.about_read_tng {
    position: absolute;
    width: 100%;
    float: left;
    text-align: center;
}
.about_banner_main_img {
    width: 100%;
    float: left;
}
.about_banner_main_img img {
    width: 100%;
}
.about_read_tng {
    bottom: 0;
}
.aboout_banner_text {
    bottom: 40px;
}
.aboout_banner_text h2 {
    text-transform: uppercase;
    font-size: 45px;
    color: #fff;
    font-family: Aller;
}
.about_cont_outer {
    width: 100%;
    float: left;
}
.about_cont_inner {
    width: 1200px;
    margin: 0 auto;
}
.about_cont_main,
.about_menu,
.about_top,
.about_top h1 {
    width: 100%;
    float: left;
}
.about_menu {
    height: 70px;
    padding-top: 40px;
    z-index: 9;
}
.about_menu ul {
    text-align: center;
}
.about_menu ul li a {
    padding: 12px 30px;
    color: #000;
    font-family: RobotoLight;
    font-size: 18px;
    border-radius: 40px;
    border: 2px solid #fff;
}
.about_menu ul li a:hover {
    color: #ee1c25 !important;
    border: 2px solid #ee1c25;
}
.about_menu_active {
    color: #ee1c25 !important;
    font-family: RobotoMedium !important;
    border: 2px solid #ee1c25 !important;
}
.about_top {
    padding: 0 80px;
    box-sizing: border-box;
    margin-top: 40px;
}
.about_top h1 {
    color: #255e85;
    font-family: Aller;
    font-size: 130px;
    text-align: center;
    text-transform: uppercase;
}
.about_top h4,
.about_top h5 {
    font-family: Aller;
    color: #4f4f4f;
    width: 100%;
    float: left;
    text-align: center;
}
.about_top h4 {
    font-size: 36px;
}
.about_top h5 {
    font-size: 40px;
    margin-top: 30px;
}
.with_over,
.with_over a,
.with_over a:hover {
    font-size: 20px;
    margin-top: 40px;
    line-height: 36px;
    font-family: RobotoLight;
}
.with_over {
    width: 100%;
    float: left;
    text-align: center;
    color: #000;
}
.with_over a {
    color: #000;
}
.with_over a:hover {
    color: #ee1c25;
}
.with_over1 {
    width: 100%;
    float: left;
    text-align: center;
    color: #000;
    font-family: RobotoLight;
}
.with_over strong {
    font-family: RobotoMedium;
}
.clients_include {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 45px;
}
.clients_include span {
    color: #fff;
    font-family: Aller;
    background: #00385c;
    font-style: italic;
    font-size: 29px;
    line-height: 45px;
    padding: 0 5px 3px;
}
.clients_include span strong {
    color: #ee1c25;
}
.since_its {
    width: 100%;
    float: left;
    text-align: center;
    color: #000;
    font-family: RobotoLight;
    font-size: 20px;
    margin-top: 70px;
    line-height: 36px;
    margin-bottom: 60px;
}
.since_its strong {
    font-family: RobotoMedium;
}
.about_mid {
    width: 100%;
    float: left;
    padding: 0 30px;
    box-sizing: border-box;
}
.about_mid_left {
    width: 42%;
    float: left;
}
.about_mid_left img {
    width: 100%;
}
.about_mid_right {
    width: 100%;
    float: left;
    background: #00385c;
    padding: 60px 50px;
    box-sizing: border-box;
    color: #fff;
}
.about_mid_right h2 {
    width: 100%;
    float: left;
    font-family: Aller;
    font-style: italic;
    font-size: 36px;
}
.about_mid_right h4 {
    width: 100%;
    float: left;
    font-family: Aller;
    font-size: 18px;
    margin-top: 5px;
}
.about_he_heads p,
.about_mid_right p {
    width: 100%;
    float: left;
    font-family: RobotoLight;
    font-size: 20px;
}
.about_mid_right p {
    margin-top: 39px;
    line-height: 28px;
}
.about_he_heads {
    width: 100%;
    float: left;
    padding: 0 90px;
    box-sizing: border-box;
    margin: 60px 0;
}
.about_he_heads p {
    text-align: center;
    line-height: 36px;
}
.about_service h1,
.about_service h2,
.about_service h4 {
    font-family: Aller;
    width: 100%;
    float: left;
    text-align: center;
}
.about_service {
    width: 100%;
    float: left;
    padding: 0 30px;
    box-sizing: border-box;
}
.about_service h4 {
    font-size: 36px;
    color: #4f4f4f;
}
.about_service h1 {
    color: #255e85;
    font-size: 130px;
    text-transform: uppercase;
}
.about_service h2 {
    color: #255e85;
    font-size: 130px;
    text-transform: uppercase;
}
.about_service_type {
    width: 100%;
    float: left;
    margin: 50px 0 130px;
}
.about_service_type ul {
    text-align: center;
}
.about_service_type ul li {
    display: inline-block;
    width: 207px;
    height: 207px;
    margin: 0 15px 15px 0;
}
.about_service_type ul li a {
    width: 100%;
    height: 100%;
    float: left;
    padding: 30px 20px 50px;
    box-sizing: border-box;
    transition: all 0.4s;
}
.about_service_type ul li a span {
    width: 100%;
    float: left;
    text-align: center;
}
.about_service_type ul li a p {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-family: RobotoMedium;
    margin-top: 20px;
    line-height: 30px;
}
.abs1 {
    background: #003c65;
}
.abs2 {
    background: #00375b;
}
.abs3 {
    background: #002a47;
}
.abs4 {
    background: #00243d;
}
.abs5 {
    background: #001e32;
}
.abs6 {
    background: #00243d;
}
.abs7 {
    background: #002c4a;
}
.abs8 {
    background: #003458;
}
.abs9 {
    background: #00385c;
}
.about_service_type ul li a:hover {
    background: #ee1c25;
    transition: all 0.4s;
}
.curent_opning {
    margin: 50px 0;
}
.table-format-career {
    width: 100%;
    margin: 0 0 50px;
    padding: 0;
}
.table-format-career .head {
    margin: 10px 0 0;
    font-style: normal;
    font-size: 15px !important;
    padding: 10px 0 10px 10px !important;
    font-weight: 400;
    line-height: 18px;
    background: #255e85;
    color: #fff !important;
    font-family: RobotoMedium;
}
.clientslist h1,
.servoce_page_main p strong,
.table-format-career td a,
td.head {
    font-weight: 700;
}
.table-format-career td,
.table-format-career td a {
    font-size: 15px;
    color: #000;
    font-family: RobotoLight;
}
.table-format-career td {
    border-bottom: #255e85 1px solid;
    padding: 10px !important;
    vertical-align: top;
    line-height: 16px;
}
.table-format-career td a:hover {
    color: #ee1c25;
}
.table-format-career td .last {
    border-bottom: none;
}
.table-format-career td p {
    margin-bottom: 0 !important;
}
.current_head {
    font-size: 105px !important;
}
.table_apply tr:last-child td {
    border-bottom: none !important;
}
.sup_dg {
    font-size: 10px;
}
.portfolio_top {
    width: 100%;
    float: left;
    margin-top: 50px;
    background: url(images/portfolio-bg.jpg) center no-repeat #031f37;
    background-size: cover;
}
.portfolio_top_inner {
    width: 1200px;
    margin: 0 auto;
}
.portfolio_top_main {
    width: 100%;
    float: left;
    padding: 30px 15px;
    box-sizing: border-box;
}
.prot_top_head {
    width: 100%;
    float: left;
    text-align: center;
}
.prot_top_head p {
    color: #fff;
    font-size: 24px;
    font-family: RobotoMedium;
    text-transform: uppercase;
}
.prot_top_head p span {
    color: #ee1c25;
}
.clientslist {
    width: 1152px;
    margin: 0 auto;
}
.clientslist h1 {
    width: 100%;
    float: left;
    font-size: 72px;
    line-height: 72px;
    font-family: Aller;
    color: #255e85;
    text-transform: uppercase;
    padding: 60px 0 45px;
    text-align: center;
}
.thmbnl_area {
    width: 100%;
    float: left;
    margin-top: 30px;
}
.thmbnl_area ul {
    text-align: center;
}
.thmbnl_area ul li {
    width: auto;
    margin: 7px;
}
.thumb_box {
    width: 372px;
    height: 303px;
    float: left;
    position: relative;
}
.thumb_box_hover {
    width: 100%;
    height: 65px;
    float: left;
    position: absolute;
    bottom: -65px;
    left: 0;
    background: rgba(0, 0, 0, 0.92);
    box-sizing: border-box;
    transition: all 0.7s;
    padding: 10px;
}
.thumb_box_hover h3 {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 18px;
    font-family: RobotoBold;
}
.thumb_box_hover p {
    width: 100%;
    float: left;
    color: #fff;
}
.thumb_box_hover p a {
    color: #fff;
    font-family: RobotoMedium;
    font-size: 16px;
}
.thumb_box:hover .thumb_box_hover {
    bottom: 0;
    transition: all 0.7s;
}
.news_cont_outer {
    width: 100%;
    float: left;
    margin-top: 50px;
}
.news_cont_inner {
    width: 1200px;
    margin: 0 auto;
}
.news_cont_main {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}
.news_area {
    width: 100%;
    float: left;
    margin-top: 30px;
}
.news_area ul {
    text-align: center;
}
.news_area ul li {
    width: auto;
    float: left;
    margin: 7px;
}
.news_box {
    width: 372px;
    height: 275px;
    float: left;
    position: relative;
    border: 1px solid #ccc;
}
.cont_contact_outer,
.news_hover,
.news_hover p,
.news_hover span {
    width: 100%;
    float: left;
}
.news_hover {
    height: 80px;
    position: absolute;
    top: 303px;
    left: 0;
    background: rgba(238, 28, 37, 0.9);
    box-sizing: border-box;
    transition: all 0.4s;
    padding: 15px;
}
.news_hover p {
    color: #fff;
    font-size: 18px;
    font-family: RobotoBold;
}
.news_hover span {
    color: #fff;
    margin-top: 2px;
    font-size: 16px;
}
.news_box:hover .news_hover {
    top: 200px;
    transition: all 0.4s;
}
.cont_contact_outer {
    border-bottom: 2px solid #1b2d39;
}
.cont_contact_inner {
    width: 1200px;
    margin: 0 auto;
}
.cont_cont_main,
.contact_top {
    width: 100%;
    float: left;
}
.cont_cont_main {
    margin: 50px 0;
}
.contact_top_left {
    width: 45%;
    float: left;
}
.contact_top_left h2 {
    width: 100%;
    float: left;
    font-family: RobotoMedium;
    font-size: 24px;
}
.contact_top_left p {
    width: 100%;
    float: left;
    margin-top: 20px;
    font-family: RobotoLight;
    font-size: 18px;
}
.contact_info li h6,
.contact_top_left p strong {
    font-family: RobotoMedium;
}
.contact_top_left p a {
    color: #000;
}
.contact_top_left p a:hover {
    color: #ee1c25;
}
.contact_top_right {
    width: 50%;
    float: right;
}
.contact_info {
    width: 100%;
    float: left;
}
.contact_info li {
    text-align: center;
    width: 33.33%;
    float: left;
    padding: 30px 20px;
    border-right: 1px solid #f0f0f0;
    box-sizing: border-box;
}
.contact_info li i {
    height: 160px;
    width: 160px;
    line-height: 160px;
    text-align: center;
    border: 1px solid #255e85;
    font-size: 65px;
    color: #ee1c25;
    border-radius: 50%;
}
.contact_info li h6 {
    font-size: 17px;
    margin-top: 20px;
}
.contact_info li p {
    font-size: 16px;
    color: #1f1e1e;
    width: 75%;
    margin: 7px auto 0;
    line-height: 25px;
    font-family: RobotoLight;
}
.contact_info li p a {
    color: #1f1e1e;
}
.contact_info li p a:hover {
    color: #ee1c25;
}
.contact_info li:last-child {
    border: none;
}
.bank-details {
    width: 100%;
    float: left;
    text-align: center;
    color: #000;
    font-family: RobotoLight;
    font-size: 20px;
    margin-top: 5px;
    line-height: 36px;
}
.bank-details strong {
    font-family: RobotoMedium;
}
.bank-details h4,
.contact_us_mid h2 {
    font-family: Aller;
    color: #4f4f4f;
    width: 100%;
    float: left;
    text-align: center;
}
.bank-details h4 {
    font-size: 30px;
}
.contact_us_mid {
    width: 100%;
    float: left;
    margin-top: 50px;
    padding: 0 100px;
    box-sizing: border-box;
}
.contact_us_mid h2 {
    font-size: 36px;
}
.contact_us_mid p {
    width: 100%;
    float: left;
    text-align: center;
    color: #000;
    font-family: RobotoLight;
    font-size: 16px;
    margin-top: 10px;
}
.ct_input_submit,
.ct_input_submit1 {
    border: none;
    font-family: RobotoMedium;
    cursor: pointer;
}
.ct_form_contact {
    width: 100%;
    float: left;
    margin-top: 30px;
}
.ct_form_left {
    width: 45%;
    float: left;
}
.ct_form_right {
    width: 50%;
    float: right;
}
.ct_input,
.ct_input_submit,
.ct_input_text_area {
    width: 100%;
    float: left;
    margin-top: 10px;
    padding: 15px;
    box-sizing: border-box;
}
.ct_input_text_area {
    height: 168px;
    resize: none;
}
.ct_input_submit {
    color: #fff;
}
.ct_input_submit1 {
    width: 18%;
    margin-top: 15px;
    padding: 8px;
    box-sizing: border-box;
    color: #fff !important;
    font-size: 25px;
}
.map_area,
.service_pagee_outer {
    width: 100%;
    float: left;
    padding-top: 50px;
}
.map_area {
    border-bottom: 2px solid #1b2d39;
}
.service_page_inner {
    width: 1200px;
    margin: 0 auto;
}
.servoce_page_main {
    width: 100%;
    float: left;
    padding-bottom: 0px;
}
.service_head_inner {
    width: 100%;
    float: left;
    text-align: center;
    margin: 11px 0 8px;
    font-size: 45px;
    font-family: Aller;
    text-transform: uppercase;
    color: #255e85;
}
.servoce_page_main p {
    width: 100%;
    float: left;
    text-align: center;
    color: #000;
    font-family: RobotoLight;
    font-size: 20px;
    margin-top: 20px;
    line-height: 36px;
}
.servoce_page_main h5 {
    width: 100%;
    float: left;
    margin: 50px 0 0;
    font-size: 25px;
    font-family: Aller;
    text-transform: uppercase;
    color: #255e85;
    text-align: center;
}
.first_head_sr {
    color: #333 !important;
}
.servoce_page_main ul li,
.servoce_page_main1 ul li {
    color: #000;
    font-family: RobotoLight;
    font-size: 20px;
    line-height: 36px;
    float: left;
    text-align: center;
}
.servoce_page_main ul {
    width: 100%;
    float: left;
    margin-top: 20px;
}
.servoce_page_main ul li {
    width: 100%;
}
.two_colom_list li {
    width: 50% !important;
}
.servoce_page_main1 ul {
    width: 100%;
    float: left;
    margin-top: 20px;
}
.servoce_page_main1 ul li {
    width: 100%;
}
.servoce_page_main ul li i,
.servoce_page_main1 ul li i {
    font-size: 10px;
    padding: 13px;
    width: auto;
    color: #ed1c24;
}
td.padtop0 {
    padding-bottom: 11px;
}
td.head {
    padding-bottom: 26px;
    font-size: 24px;
    font-family: RobotoMedium;
}
input.inp {
    padding: 8px;
    width: 100%;
    box-sizing: border-box;
}
.generalaply {
    width: 500px;
    margin: 50px auto;
    font-family: RobotoLight;
}
.gr_text_area,
.select1 {
    padding: 8px;
    width: 100%;
}
.select1 {
    float: left;
}
.select2 {
    padding: 8px;
}
.gr_text_area {
    box-sizing: border-box;
}
.generalaply table tr td:first-child {
    font-family: RobotoMedium;
    color: #265f85;
}
.submit_btn_gr {
    width: 165px;
    height: 45px;
    margin-top: 15px;
    border: none;
    background: #226ea3;
    color: #fff;
    font-family: RobotoMedium;
    cursor: pointer;
    transition: all 0.4s;
}
.submit_btn_gr:hover {
    background: #ee1c25;
    transition: all 0.4s;
}
.table-format-career td p {
    color: #ee1c25;
    padding-left: 4px;
}
.thmbnl_area_app {
    width: 100%;
    float: left;
    margin-top: 30px;
}
.thmbnl_area_app ul {
    text-align: center;
}
.thmbnl_area_app ul li {
    width: auto;
    margin: 7px;
}
.thumb_app_box {
    width: 372px;
    height: 500px;
    float: left;
    position: relative;
}
.app_box_bg,
.app_box_hover {
    float: left;
    position: absolute;
    left: 0;
    width: 100%;
}
.app_box_bg {
    top: 0;
    transition: all 2s;
}
.app_box_bg img {
    width: 100%;
}
.app_box_hover {
    top: 505px;
    text-align: center;
    background: rgba(238, 28, 37, 0.9);
    box-sizing: border-box;
    transition: all 0.7s;
    padding: 5px 0 0;
}
.cont_multi_main ul li,
.photo_main ul li {
    height: 303px;
    padding: 3px;
    border: 1px solid #ccc;
    float: left;
    box-sizing: border-box;
    overflow: hidden;
}
.app_box_hover h3 {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 20px;
    font-family: RobotoBold;
}
.app_box_hover p {
    width: 100%;
    float: left;
    color: #fff;
    margin: 10px 0;
}
.app_box_hover p a {
    color: #fff;
    font-family: RobotoMedium;
    font-size: 18px;
}
.thumb_app_box:hover .app_box_hover {
    top: 430px;
}
.thumb_app_box:hover .app_box_bg {
    top: -220px;
    transition: all 2s;
}
.cont_multimedia {
    width: 100%;
    float: left;
}
.cont_multimedia_inner {
    width: 1200px;
    margin: 0 auto;
}
.cont_multi_main {
    width: 100%;
    float: left;
    margin: 50px 0;
}
.cont_multi_main ul {
    text-align: center;
}
.cont_multi_main ul li {
    width: 372px;
    margin: 14px;
}
.cont_multi_main ul li img {
    width: 100%;
    float: left;
    transition: all 0.9s;
}
.cont_multi_main ul li:hover img {
    transform: scale(1.5, 1.5);
    transition: all 0.9s;
}
.main_menu a,
.main_menu a:hover,
.sub_menu ul li a,
.sub_menu ul li a:hover {
    transition: all 0.4s;
}
.photo_outer {
    width: 100%;
    float: left;
}
.photo_inner {
    width: 1200px;
    margin: 0 auto;
}
.photo_main {
    width: 100%;
    float: left;
    margin: 50px 0;
}
.photo_main h5 {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 22px;
    font-family: RobotoLight;
    margin-bottom: 30px;
    font-weight: 400;
}
.photo_main ul {
    text-align: center;
}
.photo_main ul li {
    width: 372px;
    margin: 14px;
}
.photo_main ul li:hover {
    border: 1px solid #ee1c25;
}
.main_menu::before,
.menu_row_home::after,
.sub_menu ul li::before {
    border-left: 1px solid #265f85;
    content: "";
}
.fix_box_shadow {
    box-shadow: 0 0 0 1px #e6e5e5;
}
.mobile_apps_outer {
    width: 100%;
    float: left;
}
.mobile_apps_inner {
    width: 1200px;
    margin: 0 auto;
}
.mobile_apps_inner h1 {
    width: 100%;
    float: left;
    font-size: 72px;
    line-height: 72px;
    font-family: Aller;
    font-weight: 700;
    color: #255e85;
    text-transform: uppercase;
    padding: 60px 0 30px;
    text-align: center;
}
.mobile_apps_inner h2 {
    width: 100%;
    float: left;
    font-size: 72px;
    line-height: 72px;
    font-family: Aller;
    font-weight: 700;
    color: #255e85;
    text-transform: uppercase;
    padding: 60px 0 30px;
    text-align: center;
}
.moble_apps_main {
    width: 100%;
    float: left;
    margin-bottom: 50px;
}
.moble_apps_main ul {
    text-align: center;
}
.moble_apps_main ul li {
    width: auto;
    float: left;
    margin: 14px;
}
.sitemap_outer {
    width: 100%;
    float: left;
}
.site_map_inner {
    width: 1200px;
    margin: 0 auto;
}
.site_map_main {
    width: 100%;
    float: left;
    margin-top: 30px;
}
.menu_row_home {
    width: 100%;
    float: left;
    text-align: center;
    font-family: RobotoMedium;
    font-size: 22px;
    color: #000;
    text-transform: uppercase;
    position: relative;
}
.menu_row_home a {
    font-weight: 700;
    color: #255e85;
    font-family: RobotoLight;
}
.menu_row_home a:hover {
    color: #ee1c25;
}
.menu_row_home::after {
    position: absolute;
    width: 2px;
    left: 50%;
    top: 27px;
    height: 27px;
}
.menu_row_line {
    width: 100%;
    float: left;
    margin-top: 24px;
    margin-bottom: 25px;
}
.main_menu {
    position: relative;
    padding-bottom: 2px;
}
.main_menu::before {
    position: absolute;
    width: 2px;
    left: 50%;
    top: -25px;
    height: 25px;
}
.main_menu_one::before {
    left: 49%;
    top: -26px;
    height: 27px;
}
.main_menu a {
    color: #696969;
    font-size: 16px;
    font-family: RobotoMedium;
}
.main_menu a:hover {
    color: #ee1c25;
}
.menu_row_line_inner {
    width: 1003px;
    margin: 0 auto;
    border-bottom: 1px solid #265f85;
}
.menu_row {
    width: 100%;
    float: left;
}
.menu_row ul {
    text-align: center;
}
.menu_row ul li {
    width: 200px;
    float: left;
}
.sub_menu,
.sub_menu ul li,
.sub_menu ul li a {
    width: 100%;
    float: left;
}
.sub_menu {
    padding: 20px;
    box-sizing: border-box;
}
.sub_menu ul li {
    margin-bottom: 24px;
    position: relative;
}
.clcheck,
.cltabs {
    margin-bottom: 20px;
}
.sub_menu ul li a {
    padding: 10px 5px;
    color: #000;
    border: 1px solid #265f85;
    background: #f5f5f5;
    box-sizing: border-box;
}
.sub_menu ul li::before {
    position: absolute;
    width: 2px;
    left: 50%;
    top: -25px;
    height: 25px;
}
.curent_opning,
.you_are_well {
    width: 100%;
    float: left;
}
.you_are_well {
    text-align: center;
    color: #000;
    font-family: RobotoLight;
    font-size: 20px;
    margin-top: 40px;
    line-height: 36px;
}
.your_details {
    text-align: center;
}
.hvr_st {
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    transition-duration: 0.3s;
}
.hvr_st:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ee1c25;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr_st:active,
.hvr_st:focus,
.hvr_st:hover {
    color: #fff;
    border-left: 4px solid #255e85;
}
.hvr_st:active:before,
.hvr_st:focus:before,
.hvr_st:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.cldiv {
    position: relative;
    float: left;
    border: 1px solid #ccc;
    margin-top: -1px;
    margin-left: -1px;
    width: 275px;
    height: 238px;
    overflow: hidden;
}
.cllogo,
.clroll,
.clweb {
    position: absolute;
}
.cllogo {
    top: 0;
    left: 0;
}
.cllogo img {
    padding: 24px 0 0 27px;
}
.clweb {
    top: 0;
    left: 100%;
}
.clweb img {
    padding: 15px 0 0 10px;
    background-color: #fff;
    width: 255px;
    height: 208px;
}
.clroll,
.clroll table,
.clroll table td {
    width: 100%;
    height: 100%;
}
.clroll {
    top: 100%;
    left: 0;
    background: rgba(0, 0, 0, 0.9);
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-family: Aller_Rg;
}
.cllist,
.cltabs {
    position: relative;
}
.clroll table td {
    vertical-align: middle;
}
.clroll span {
    font-size: 12px;
}
.cllist {
    float: left;
    width: 1104px;
}
.cllist h1,
.cllist h2,
.cltabs {
    width: 100%;
    float: left;
}
.cllist h1 {
    font-size: 72px;
    line-height: 72px;
    font-family: Aller;
    font-weight: 700;
    color: #255e85;
    text-transform: uppercase;
    padding: 60px 0 15px;
    text-align: center;
}
.cllist h2 {
    font-size: 72px;
    line-height: 72px;
    font-family: Aller;
    font-weight: 700;
    color: #255e85;
    text-transform: uppercase;
    padding: 60px 0 15px;
    text-align: center;
}
.cltabs {
    border-bottom: 1px solid #bababa;
    background: #fff;
    max-width: 1103px;
    padding-top: 3px;
}
.clloader,
.clloaderpic,
.clrollbox {
    position: absolute;
}
.clrollbox {
    top: 2px;
    left: 25px;
    width: 140px;
    height: 47px;
    border: 1px solid #bababa;
    border-bottom: 1px solid #fff;
}
.clloader {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 1;
    display: none;
}
.clloaderpic {
    top: 300px;
    left: 50%;
    margin-left: -16px;
}
.clcheck {
    float: left;
    width: 100%;
    border-top: 1px solid #bababa;
    padding: 14px 0;
}
.clcheck a {
    position: relative;
    display: block;
    font-family: Aller_Rg;
    font-size: 12px;
    color: #4f4f4f;
    padding: 4px 0 4px 16px;
    background: url(images/chbox.gif) 0 6px no-repeat;
}
.clcheck a:hover {
    color: #255e85;
    font-weight: 700;
}
.clcheck_active {
    color: #255e85 !important;
    font-weight: 700 !important;
    background: url(images/chbox_active.gif) 0 6px no-repeat !important;
}
.chroll {
    position: absolute;
    top: 6px;
    left: 8px;
    width: 9px;
    height: 9px;
    background: url(images/chbox_active.gif);
    opacity: 0;
}
.btn_cllogo,
.btn_clweb {
    position: relative;
    font-family: RobotoMedium;
    font-size: 16px;
    color: #4f4f4f;
    padding: 12px 40px 14px 32px;
    float: left;
}
.btn_cllogo {
    background: url(images/icon-list.gif) 0 12px no-repeat;
    margin-left: 44px;
}
.btn_clweb {
    background: url(images/icon-thumb.gif) 0 12px no-repeat;
}
.btn_cl_active {
    color: #ee1c25;
    background-position: 0 -48px;
}
#scroll-up {
    display: none;
    bottom: 50px;
    position: fixed;
    right: 20px;
    display: none;
}
.nos_head p,
.vaw_btn {
    display: inline-block;
}
#scroll-up i {
    color: #fff;
}
.work_list_coll {
    width: 25%;
    float: left;
}
.error_page_outer {
    width: 100%;
    float: left;
}
.error_page_inner {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}
.error_page_main {
    width: 100%;
    float: left;
    margin: 70px 0;
}
.error_page_main h1 {
    width: 100%;
    float: left;
    color: #255e85;
    font-family: Aller;
    font-size: 130px;
    text-align: center;
    text-transform: uppercase;
}
.error_page_main h3,
.error_page_main h4 {
    color: #4f4f4f;
    width: 100%;
    float: left;
    font-family: Aller;
    text-align: center;
}
.error_page_main h4 {
    font-size: 36px;
}
.error_page_main h3 {
    font-size: 20px;
}
.work_page_outer {
    width: 100%;
    float: left;
}
.work_page_inner {
    width: 1104px;
    margin: 0 auto;
}
.core_valude_head,
.work_page_main {
    width: 100%;
    float: left;
}
.core_valude_head {
    margin: 50px 0 -35px;
    font-size: 25px;
    font-family: Aller;
    color: #255e85;
    text-align: center;
}
.crr_submit {
    width: 150px;
    font-family: RobotoMedium;
    height: 45px;
    margin-top: 15px;
    border: none;
    background: #226ea3;
    color: #fff;
    cursor: pointer;
    transition: all 0.4s;
}
.crr_submit:hover {
    background: #ee1c25;
    transition: all 0.4s;
}
a.link {
    color: #265f85;
}
.vaw_btn,
a.link:hover {
    color: #ee1c25;
}
.table-format-career td span {
    font-family: RobotoLight !important;
}
.photo_main ul li img {
    width: 100%;
    height: 100%;
}
ul#flexiselDemopawan li {
    width: 395px !important;
}
.n_ltwork_outer {
    width: 100%;
    float: left;
}
.n_ltwork_inner {
    width: 1200px;
    margin: 0 auto;
}
.n_ltwork_head {
    text-align: center;
}
.n_ltwork_head h1 {
    margin: 40px 0 -20px 0;
    font-size: 30px;
    font-weight: 600;
    color: #ee1c25;
    position: relative;
}
.n_ltwork_head h1::before {
    content: "";
    width: 52%;
    height: 3px;
    background: #ee1c25;
    position: absolute;
    top: 45px;
    margin-left: 32px;
}
.n_ltwork_head h1 span {
    color: #000;
    font-weight: 600;
    font-size: 26px;
}
.n_ltwork_head h2 {
    margin: 60px 0 30px 0;
    font-size: 35px;
    font-weight: 500;
}
.nlw_half,
.nlw_qtr {
    margin-right: 1%;
    overflow: hidden;
    float: left;
    box-sizing: border-box;
}
.nlw_row {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.nlw_half {
    width: 48.8%;
}
.nlw_qtr {
    width: 24%;
}
.nlw_row a img {
    width: 100%;
    transition: ease-in-out 0.5s; vertical-align: top;
}
.nlw_row a:hover img {
    transform: scale(1.2, 1.2);
    transition: ease-in-out 0.5s;
}
.vaw_outer {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 40px;
}
.vaw_btn {
    position: relative;
    padding: 8px 30px;
    border: 2px solid #ee1c25;
    font-weight: 700;
}
.vaw_btn::after,
.vaw_btn::before {
    content: "";
    position: absolute;
    width: 5px;
    background: #ee1c25;
    height: 2px;
    top: 50%;
    margin-top: -1px;
    transition: ease-in-out 0.4s;
}
.vaw_btn::before {
    left: 0;
}
.vaw_btn::after {
    right: 0;
}
.vaw_btn:hover:after,
.vaw_btn:hover:before {
    width: 25px;
    transition: ease-in-out 0.4s;
}
.vaw_btn-cs {
    position: relative;
    padding: 8px 30px;
    border: 2px solid #fff;
    font-weight: 700;
    color: #fff;
}
.vaw_btn-cs::after,
.vaw_btn-cs::before {
    content: "";
    position: absolute;
    width: 5px;
    background: #fff;
    height: 2px;
    top: 50%;
    margin-top: -1px;
    transition: ease-in-out 0.4s;
}
.vaw_btn-cs::before {
    left: 0;
}
.vaw_btn-cs::after {
    right: 0;
}
.vaw_btn-cs:hover:after,
.vaw_btn-cs:hover:before {
    width: 25px;
    transition: ease-in-out 0.4s;
}
.nos_outer {
    width: 100%;
    float: left;
    background: #f0f0f0;
    background-size: cover;
    padding-bottom: 40px;
}
.nos_inner {
    width: 1200px;
    margin: 0 auto;
}
.nos_head {
    text-align: center;
}
.nos_head h2 {
    margin: 60px 0 20px;
    font-size: 35px;
    font-weight: 500;
}
.nos_head p {
    max-width: 775px;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
}
.nos_head p a {
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    text-decoration: none;
    color: #000;
}
.nos_list ul li {
    width: 33.33%;
    float: left;
    text-align: center;
    margin: 20px 0;
}
.nos_list ul li a p {
    color: #000;
    font-size: 16px;
    margin-top: 10px;
}
.nos_list ul li a:hover img {
    transform: rotateY(360deg);
    transition: ease-in-out 1s;
}
.wwr_outer {
    width: 100%;
    float: left;
    background: #eef3f9;
    background-size: cover;
    min-height: 606px;
}
.wwr_head h2::before,
.wwr_right h3::before {
    content: "";
    left: 50%;
    background: #000;
}
.wwr_inner {
    width: 1200px;
    margin: 0 auto;
}
.wwr_head {
    text-align: center;
}
.wwr_head h2 {
    margin: 100px 0 0;
    font-size: 45px;
    font-family: Aller;
    font-weight: 500;
    position: relative;
}
.wwr_head h2::before {
    position: absolute;
    top: -92px;
    height: 90px;
    width: 1px;
}
.wwr_head p {
    font-size: 16px;
    color: #fff;
}
.wwr_left {
    width: 50%;
    float: left;
    margin-top: 50px;
}
.wwr_left h2 {
    font-size: 62px;
    line-height: 62px;
}
.wwr_left h3 {
    color: #eb4046;
    font-size: 28px;
    margin-bottom: 50px;
}
.wwr_left p {
    line-height: 28px;
    font-size: 17px;
}
.wwr_left p a {
    line-height: 24px;
    font-size: 14px;
    color: #000;
    text-decoration: none;
}
.wwr_readmore {
    margin-top: 30px;
}
.wwr_right {
    width: 40%;
    float: left;
    text-align: center;
    margin-left: 10%;
    margin-top: 0;
    background: #eb383e;
    position: relative;
}
.wwr_right h3 {
    font-size: 32px;
    font-weight: 500;
    color: #fff;
    font-weight: 600;
    position: absolute;
    margin: 0 auto;
    bottom: 25%;
    left: 0;
    right: 0;
}
.wwr_right p {
    line-height: 30px;
    font-size: 26px;
    color: #fff;
    position: absolute;
    margin: 0 auto;
    bottom: 9%;
    left: 0;
    right: 0;
}
.view_allwork {
    text-align: center;
    margin: 30px 0;
}
.compn_inner h2 span {
    color: #ee1c25;
}
.compn_inner h2 {
    margin: 60px 0;
    font-size: 45px;
    position: relative;
    color: #000;
    text-align: center;
    font-weight: 400;
}
.companies_area table tr td a {
    position: relative;
    display: block;
}
.img_two,
.new_hover {
    position: absolute;
    width: 100%;
}
.img_two {
    top: 0;
    left: 0;
    visibility: hidden;
}
.new_hover {
    background: rgba(0, 0, 0, 0.8);
    height: 65px;
    bottom: -114px;
    transition: all 0.7s;
    text-align: center;
    display: block;
}
.we01:hover .new_hover {
    bottom: 0;
    transition: all 0.7s;
}
.we01 {
    position: relative;
}
.nlw_half a.we01,
.nlw_qtr a.we01 {
    display: block;
}
.new_hover h3 {
    width: 100%;
    color: #fff;
    font-size: 18px;
    font-family: RobotoBold;
    font-weight: 400;
    padding: 10px 0 0;
    box-sizing: border-box;
}
.new_hover p {
    color: #fff;
    font-family: RobotoMedium;
    font-size: 16px;
}
.thumb_box_bg img {
    width: 100%;
    transition: ease-in-out 0.5s;
}
.thumb_box_bg:hover img {
    transform: scale(1.2, 1.2);
}
.vcb {
    position: absolute;
    left: 22.5%;
    bottom: 15px;
    font-weight: 600;
    font-family: Aller;
    font-size: 15px;
}
.vcb span {
    color: red;
}
.odd {
    position: fixed;
    bottom: 43%;
    right: -158px;
    z-index: 999;
    transform: rotate(270deg);
    margin: 0 auto;
}
.odd li {
    display: inline-block;
    margin: 0;
    color: #fff;
    padding: 10px 20px;
    border-radius: 10px 10px 0 0;
    box-shadow: -1px -1px 4px #000;
    background: #ee1c25;
    transition: all 0.5s;
}
.odd li:hover {
    background: #000;
    transition: all 0.5s;
}
.odd a {
    color: #fff;
}
.odd a:hover {
    color: #000;
}
.case-studies {
    background: url(images/cs-bg.jpg) no-repeat center;
    background-size: cover;
    padding: 180px 20px 140px 20px;
    width: 100%;
    float: left;
    text-align: center;
    color: #fff;
    box-sizing: border-box;
}
.case-studies h2 {
    font-size: 35px;
    color: #fff;
    line-height: 0.625;
    margin-bottom: 30px;
    font-weight: 500;
}
.case-studies p {
    font-size: 18px;
    color: #fff;
    line-height: 1.5;
    margin-bottom: 25px;
    font-weight: 500;
}
.why_c_us {
    background: url(images/wsycu-bg.jpg) no-repeat center;
    background-size: cover;
    padding: 60px 20px 20px 20px;
    width: 100%;
    float: left;
    text-align: center;
    color: #fff;
    box-sizing: border-box;
}
.why_c_us h2 {
    font-size: 45px;
    color: #ee1c25;
    line-height: 0.625;
    margin-bottom: 30px;
    font-weight: 500;
}
.why_c_us p {
    font-size: 17px;
    color: #fff;
    line-height: 1.5;
    margin-bottom: 25px;
    font-weight: 500;
}
.why_c_us a {
    cursor: default;
    color: #fff;
}
.why_c_us a p {
    color: #fff !important;
}
.img_one img {
    width: 75%;
    padding: 8px 0;
    opacity: 0.7;
}
.csimg {
    text-align: center;
    margin-top: 20px;
}
.csimg .fimg {
    max-width: 800px;
    width: 100%;
}
.csa {
    color: #333;
    padding-bottom: 5px;
}
.csa:hover {
    color: #ee1c25;
}
.blog_box {
    box-sizing: border-box;
    width: 30%;
    float: left;
    margin: 20px;
    text-align: center;
    border: solid 1px #ccc;
    padding: 10px;
    box-shadow: 0 0 5px #ccc;
    transition: all 0.5s;
    min-height: 400px;
    position: relative;
}
.blog_box:hover {
    box-shadow: 0 0 5px #ee1c25;
    transition: all 0.5s;
}
.blog_box img {
    width: 100%;
    border: solid 1px #eee;
    margin-bottom: 20px;
}
.blog_box a p {
    font-size: 20px;
    color: #1a1a1a;
    line-height: 30px;
    margin-bottom: 15px;
}
.blog_box a span {
    color: #003b54;
    display: block;
    background: #f5f5fe;
    float: right;
    padding: 5px;
    font-size: 11px;
    position: absolute;
    bottom: 1px;
    right: 1px;
    font-style: italic;
}

.testimonials{background:url(images/testy_bg.jpg) no-repeat top center; width:100%; padding:60px 0 30px 0; min-height:613px; text-align:center; background-size: cover;   margin-bottom: 5px;}
.testimonials h2 {
    font-size: 45px;
    color: #ee1c25;
    line-height: 0.625;
    margin-bottom: 30px;
font-weight: 500;}
.testimonials .tesy_img{width:39%; display:inline-block; float:left;}
.testimonials .tesy_text{width:50%; margin-left:4%; display:inline-block; position:relative; height:350px; vertical-align:top; padding:60px 40px 50px 40px; text-align:center; float:right;}
.testimonials .tesy_text:before{content:''; background:url(images/borL.png) no-repeat top left; position:absolute; top:20px; left:0; width:120px; height:350px;}
.testimonials .tesy_text:after{content:''; background:url(images/borR.png) no-repeat top right; position:absolute; top:20px; right:0; width:81px; height:350px;}
.testimonials .tesy_text .arot{position:absolute; top:-30px; left:125px;}
.testimonials .tesy_text .arob{position:absolute; bottom:60px; right:86px;}
#testimonials_slider .item{padding:30px 0;}
.testimonials .tesy_text .date{border:1px solid #fff; text-align:center; padding:10px 30px; color:#fff; font-size:20px; display:inline-block; margin-bottom:10px;}
.testimonials .tesy_text p{ color:#fff; font-size:22px; line-height:30px; text-align:center; margin-bottom:10px; }
.testimonials .tesy_text .autor{border-top:1px solid #fff; border-bottom:1px solid #fff; padding:10px 20px; display:inline-block;}
.testimonials .tesy_text .autor h5{ color:#fff; font-size:27px; line-height:30px; text-align:center; }
.testimonials .tesy_text .autor h6{ color:#848484; font-size:13px; line-height:10px; text-align:center; }
#testimonials_slider .owl-dots { display: block;  position: absolute;  bottom: 20px;  right: 50%;}
#testimonials_slider .owl-dots .owl-dot{display:inline-block; margin-right:5px; border:1px solid transparent; padding:3px; }
#testimonials_slider .owl-dots .owl-dot.active span, #testimonials_slider .owl-dots .owl-dot:hover span{background:#eb383c !important; transition:0.5s; outline:none;}
#testimonials_slider .owl-dots .owl-dot.active{border:1px solid #fff; border-radius: 50px; padding:3px; }
#testimonials_slider .owl-dots .owl-dot:focus{outline:none; border:none;}
#testimonials_slider .owl-dots .owl-dot span{ width: 15px;  height: 15px;  background: #fff;  display: block;  -webkit-backface-visibility: visible; border-radius: 50px; transition:0.5s;}



.widt90{width:90%; margin:0 auto; padding-bottom: 40px;}
#testimonials_slider1{width:100%;font-family: 'Hind', sans-serif;}
#testimonials_slider1 .item{ padding:30px 0;}
#testimonials_slider1 .tesy_bx{width:88%; border-left:5px solid #fff; border-right:5px solid #fff; position:relative; padding:40px 60px 0px 60px;}
#testimonials_slider1 .tesy_bx .textbx{width:60%; float:left;}
#testimonials_slider1 .tesy_bx .video_bx{width:40%; float:right;}



#testimonials_slider1 .tesy_bx .date{ text-align:left; color:#fff; font-size:20px; margin-bottom:20px;}
#testimonials_slider1 .tesy_bx p{ color:#fff; font-size:18px; line-height:24px; text-align:left; margin-bottom:10px; font-family: 'Hind', sans-serif; padding-right:20px;}
#testimonials_slider1 .tesy_bx .autor{float:right; text-align:right; margin:20px 30px 20px 0px; }
#testimonials_slider1 .tesy_bx .autor h5{ color:#fff; font-size:27px; line-height:30px; text-align:left; font-family: 'Hind', sans-serif;}
#testimonials_slider1 .tesy_bx .autor h6{ color:#848484; font-size:13px; line-height:15px; text-align:left;font-family: 'Hind', sans-serif; }

#testimonials_slider1 .item .tesy_bx .arot{position:relative; top:-69px; left:0px;}
#testimonials_slider1 .item .tesy_bx .arot::before{position:absolute; top:50%; left:-95px; width:7%; height:5px; background:#fff; content:'';}
#testimonials_slider1 .item .tesy_bx .arot::after{position:absolute; top:50%; right:-95px; width:100%; height:5px; background:#fff; content:'';}
#testimonials_slider1 .item .tesy_bx .arob{position:relative; bottom:-29px; right:00px; float:right; background:url(images/arrowB.png) no-repeat top right; height:58px; width:100%;}
#testimonials_slider1 .item .tesy_bx .arot img{width:auto !important;}
#testimonials_slider1 .item .tesy_bx .arob::before{position:absolute; top:50%; left:-95px; width:100%; height:5px; background:#fff; content:'';}
#testimonials_slider1 .item .tesy_bx .arob::after{position:absolute; top:50%; right:-95px; width:7%; height:5px; background:#fff; content:'';}

#testimonials_slider1 .owl-dots { display: block;  position: absolute;  bottom: -30px;  right: 50%;}
#testimonials_slider1 .owl-dots .owl-dot{display:inline-block; margin-right:5px; border:1px solid transparent; padding:3px; }
#testimonials_slider1 .owl-dots .owl-dot.active span, #testimonials_slider .owl-dots .owl-dot:hover span{background:#eb383c !important; transition:0.5s; outline:none;}
#testimonials_slider1 .owl-dots .owl-dot.active{border:1px solid #fff; border-radius: 50px; padding:3px; }
#testimonials_slider1 .owl-dots .owl-dot:focus{outline:none; border:none;}
#testimonials_slider1 .owl-dots .owl-dot span{ width: 15px;  height: 15px;  background: #fff;  display: block;  -webkit-backface-visibility: visible; border-radius: 50px; transition:0.5s;}
.uae_flag{
    width: 17%;
    position: absolute;
    top: 7px;
    right: 176px;
    text-align: right;
    font-size: 16px;
    z-index: 999;
}
.uae_flag img{height:18px; vertical-align: text-bottom;}



@media (max-width: 1600px) {
    .top_menu {
        width: 51%;
    }
    .call_me {
        top: 40px;
        right: 310px;
    }
    .call_me a {
        color: #ee1c25;
    }
    .call_me img {
        vertical-align: middle;
        width: 8%;
    }
    .fix_box_shadow .call_me {
        top: 30px;
    }
    .request_quote {
        top: 30px;
    }
    .fix_box_shadow .request_quote {
        top: 20px;
    }
}
@media (max-width: 1366px) {
    .gp {
        right: 13%;
    }
    .fix_box_shadow .call_me {
        top: -2px;
    }
    .request_quote {
        top: 34px;
    }
    .fix_box_shadow .request_quote {
        top: 25px;
    }
    .top_menu {
        width: 57%;
    }
    .call_me {
        top: 7px;
        right: 12px;
    }
    .call_me a {
        color: #ee1c25;
    }
    .call_me img {
        vertical-align: middle;
        width: 8%;
    }
}
@media (max-width: 1225px) {
    .n_ltwork_inner,
    .nos_inner,
    .wwr_inner {
        max-width: 1200px;
        margin: 0 auto;
        width: 100%;
    }
    .wwr_main {
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }
    .wwr_readmore {
        margin-bottom: 20px;
    }
}
@media (max-width: 1024px) {
    .vcb {
        left: 18%;
        bottom: 10px;
    }
	#testimonials_slider1 .item .tesy_bx .arob {
    position: relative;
    bottom: -28px;}
	#testimonials_slider1 .tesy_bx {
    width: 86%;}
}
@media (max-width: 996px) {
    .redband_menu {
        position: static;
        margin-top: 0;
    }
    .call_me {
        width: 25%;
        top: 26px;
        right: 246px;
    }
    .fix_box_shadow .call_me {
        top: 16px;
    }
}
@media (max-width: 960px) {
    .ct_input_submit1 {
        width: 25%;
        margin-top: 15px;
        padding: 10px;
        box-sizing: border-box;
        border: none;
        color: #fff !important;
        font-family: RobotoMedium;
        cursor: pointer;
        font-size: 20px;
    }
}
@media (max-width: 800px) {
    .mae_01 .nlw_qtr,
    .nlw_half {
        margin-bottom: 5px;
    }
    .wwr_left p,
    .wwr_readmore {
        text-align: center;
    }
    .ct_input_submit1 {
        width: 35%;
        margin-top: 15px;
        padding: 10px;
        box-sizing: border-box;
        border: none;
        color: #fff !important;
        font-family: RobotoMedium;
        cursor: pointer;
        font-size: 20px;
    }
    .nos_list ul li {
        width: 50%;
    }
    .nlw_qtr {
        width: 49.5%; margin-right:0.5%;
    }
    .no_mar {
        margin-right: 0 !important;
        margin-bottom: 5px;
    }
    .nlw_half {
        width: 100%;
    }
    .wwr_left {
        width: 100%;
        margin-top: 0;
    }
    .wwr_right {
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .wwr_right h3::before {
        display: none;
    }
    .wwr_outer {
        min-height: 545px;
    }
    .top_form input[type="checkbox"] + label {
        width: 48%;
    }
    .vcb {
        left: 18%;
        bottom: 5px;
        font-size: 12px;
    }
	.wwr_left h2 {
    font-size: 30px;
    line-height: 40px;
    text-align: center;
}
.wwr_left h3 {
    color: #eb4046;
    font-size: 24px;
    margin-bottom: 30px;
    text-align: center;
}
}
@media (max-width: 768px) {
	#testimonials_slider1 .tesy_bx {
    width: 81%;}
	#testimonials_slider1 .tesy_bx .autor {
    float: left;}
}
@media (max-width: 767px) {
    .blog_box {
        width: 100%;
    }
    .whatsapp {
        display: none;
    }
    .call_me {
        width: 94%;
        top: 15px;
        right: auto;
        text-align: right;
        position: initial;
    }
    .call_me img {
        vertical-align: middle;
        width: 4%;
    }
}
@media (max-width: 700px) {
    .wwr_right img {
        width: 100%;
    }
    .top_form input[type="checkbox"] + label {
        width: 100%;
    }
    .odd {
        bottom: 5px;
        left: 0;
        right: 0;
        z-index: 999;
        transform: rotate(0);
        padding: 10px 0;
        margin: 0 auto;
        width: 98%;
        text-align: center;
        background: #ee1c25;
        box-shadow: -1px -1px 4px #000;
        border-radius: 10px 0 10px 10px;
        display: none;
    }
    .odd li {
        box-shadow: 0 0 0 #333;
        padding: 6px 7px;
        border-radius: 10px 10px 10px 10px;
        color: #fff;
        background: 0 0;
        border: solid 1px;
        font-size: 12px;
        margin-right: 2px;
    }
    .odd li:hover {
        background: 0 0;
    }
}
@media (max-width: 500px) {
    .vcb {
        left: 12%;
        bottom: 2px;
        font-size: 10px;
    }
    .footer_area .footer_form label,
    .top_form input[type="checkbox"] + label {
        line-height: 21px;
    }
    .mae_01 .nlw_qtr,
    .nlw_half {
        margin-bottom: 5px;
    }
    .ct_input_submit1 {
        width: 50%;
        margin-top: 15px;
        padding: 10px;
        box-sizing: border-box;
        border: none;
        color: #fff !important;
        font-family: RobotoMedium;
        cursor: pointer;
        font-size: 20px;
    }
    .nlw_half,
    .nos_list ul li {
        width: 100%;
    }
    .nlw_qtr {
        width: 49%; margin-bottom:4px;
    }
	.nlw_row {  margin-bottom: 0;}
    .new_hover h3 {
        font-size: 14px;
    }
    .new_hover p {
        font-size: 12px;
    }
    .no_mar {
        margin-right: 0 !important;
    }
.testimonials h2 { font-size: 30px;}
#testimonials_slider1 .tesy_bx{width:89%; border-left:5px solid #fff; border-right:5px solid #fff; position:relative; padding:40px 2% 20px 2%;}
#testimonials_slider1 .tesy_bx .textbx{width:100%; float:right; margin-top: 20px;}
#testimonials_slider1 .tesy_bx .video_bx{width:100%; float:left;}
#testimonials_slider1 .item .tesy_bx .arob {bottom: -43px; background:url(images/arrowB.png) no-repeat top right 80px}
#testimonials_slider1 .tesy_bx p {
    padding-right: 0;
    padding: 0 15px;
    font-size: 14px;
    line-height: 20px;
}
#testimonials_slider1 .tesy_bx .autor {
    float: none;
    text-align: center;
    margin: 0 auto;
    width: 100%;
}
#testimonials_slider1 .tesy_bx .autor h5 {
    font-size: 20px; text-align:center;
}
#testimonials_slider1 .tesy_bx .autor h6 {
    text-align:center;
}
#testimonials_slider1 .item .tesy_bx .arob::before {width: 80%;}
#testimonials_slider1 .item .tesy_bx .arot {
    position: relative;
    top: -69px;
    left: 0;
    padding-left: 59px;
}
#testimonials_slider1 .item .tesy_bx .arot::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 7%;
    height: 5px;
    background: #fff;
    content: '';
}
#testimonials_slider1 .item .tesy_bx .arot::after {
    position: absolute;
    top: 50%;
    right: -95px;
    width: 87%;
    height: 5px;
    background: #fff;
    content: '';
}
}
@media (max-width: 414px) {
    .call {
        left: 15% !important;
        top: 35% !important;
        transform: translate(-5%, 50%) !important;
    }
    .vcb {
        left: 27%;
        bottom: -15px;
        font-size: 12px;
    }
	#testimonials_slider1 .tesy_bx { width: 88%;}
	#testimonials_slider1 .tesy_bx .autor h5 { font-size: 24px;	}
	
}
@media (max-width: 375px){
#testimonials_slider1 .tesy_bx {  width: 93%;}
}
@media (max-width: 400px) {
    .nlw_qtr {
        width: 100%;
    }
    .er_0125 {
        margin-bottom: 5px;
    }
    .call {
        left: 50% !important;
        top: 45% !important;
        transform: translate(-50%, 50%) !important;
    }
    .vcb {
        left: 24%;
        bottom: -15px;
        font-size: 12px;
    }
}
@media (max-width: 320px) {
    .vcb {
        left: 20%;
        bottom: -15px;
        font-size: 12px;
    }
	#testimonials_slider1 .tesy_bx {
    width: 87%;
}
	#testimonials_slider1 .tesy_bx .autor h5 { font-size: 20px;	}
}