html{
height: 100%;
padding: 0px;
margin: 0px;
-webkit-font-smoothing: antialiased !important;
font-smoothing: antialiased !important;
text-rendering: optimizeLegibility !important;
overflow-x: hidden;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
height: 100%;
background-color:#fff;
padding: 0px;
color:#000;
font-size:21px;
font-family: 'Epilogue';
font-family: 'DM Sans';
font-family: 'Space Grotesk';
font-weight: 400;
font-style: normal;
line-height: 1.5;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%	
}
html, body {
-webkit-text-size-adjust: none;
}
*,
*:after,
*::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.relative{
position: relative;
}
.clearfix:after{
font-size: 0px;
content: ".";
display: block;
height: 0px;
visibility: hidden;
clear: both;
}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
nav{display:block}
a:active,a:hover{outline:0}
a{cursor:pointer;}
img{
max-width:100%;
height: auto; 
}
.hidden{
display:none;
}
p + p {
margin-top: 10px;
}
p img{
margin-top:10px;
pading-bottom:10px;
}
section {
display: block;
}
.progress-wrap {
position: fixed;
right: 50px;
bottom: 50px;
height: 46px;
width: 46px;
cursor: pointer;
display: block;
border-radius: 50px;
box-shadow: inset  0 0 0 2px rgba(95, 58, 252,0.2);
z-index: 99;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.progress-wrap.active-progress {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.progress-wrap::after {
position: absolute;
content: '\f176';
text-align: center;
line-height: 46px;
font-size: 20px;
color: #013f7c;
left: 0;
top: 0;
height: 46px;
width: 46px;
cursor: pointer;
display: block;
z-index: 1;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),
}
.progress-wrap svg path { 
fill: none; 
}
.progress-wrap svg.progress-circle path {
stroke: #013f7c;
stroke-width: 5;
box-sizing:border-box;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.progress-wrap {
position: fixed;
right: 40px;
bottom: 40px;
z-index: 9998;
}
.whatsapp {
position: fixed;
right: 39px;
bottom: 25px;
z-index: 9999;
transition: transform 0.5s ease;
}
.whatsapp.slide-up {
transform: translateY(-80px);
}
.sliding-middle-out {
display: inline-block;
position: relative;
}
.sliding-middle-out {
text-decoration:none;
}
.sliding-middle-out:after {
content: '';
display: block;
margin: auto;
height: 1px;
width: 0px;
background: transparent;
transition: width .5s ease, background-color .5s ease;
}
.sliding-middle-out:hover:after {
width: 100%;
background:rgba(0,0,0,.5);
}
.img-responsive{
display:block;
max-width:100%;
height:auto;
}
.sep-line {
border-bottom: 1px dashed rgba(0,87,216,.3);
margin-bottom:45px; 
margin-top:45px;
border-opacity:0.2;
}
.spacee{
padding-bottom:25px;
}	
.solid-row1{
height:3px;
float:left;
width:100%;
border-bottom:1px solid #e9e9e9;
margin-bottom:25px;
padding-top:15px;
}
img {
border: 0;
}
a:focus {
outline:none;
}
section {
display: block;
}

.text-center{text-align:center}
.text-right{text-align:right;}
.text-right2{text-align:right;}
.text-left{text-align:left;}
.text-justify{text-align:justify;}

.loading {max-height:100px;overflow:hidden; text-align:center;}
.mk-body-loader-overlay{z-index:9999999999999999999999999;background:#fff;overflow:hidden;}
.IE .mk-body-loader-overlay,.IE .mk-section-color-mask{display:none!important}
.page-preloader{top:0;left:0;z-index:9999999999999999999999999;position:fixed;height:100%;width:100%;text-align:center;}.preloader-preview-area{top:6%;max-height:calc(50% - 20px);opacity:1;align:center;}.preloader-preview-area{-webkit-animation-delay:-.2s;animation-delay:-.2s;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);margin-top:0px;width:100%;text-align:center;position:absolute}

.loader {
box-sizing: border-box;
display: -ms-flexbox;
display: flex;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
height: 200px;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center; 
margin:auto auto;
}
.container1 {
width: 60px;
height: 60px;
position: relative;
}
.container1.animation-5 .shape {
width: 30px;
height: 30px;
}
.container1 .shape {
position: absolute;
width: 20px;
height: 20px;
border-radius: 1px;
}
.container1 .shape.shape1 {
left: 0;
background-color: #5C6BC0;
}
.container1 .shape.shape2 {
right: 0;
background-color: #8BC34A;
}
.container1 .shape.shape3 {
bottom: 0;
background-color: #FFB74D;
}
.container1 .shape.shape4 {
bottom: 0;
right: 0;
background-color: #F44336;
}

@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}

@keyframes rotation {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.animation-1 .shape1 {
-webkit-animation: animation1shape1 0.5s ease 0s infinite alternate;
animation: animation1shape1 0.5s ease 0s infinite alternate;
}


.animation-5 .shape1 {
animation: animation5shape1 2s ease 0s infinite reverse;
}

@-webkit-keyframes animation5shape1 {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
25% {
-webkit-transform: translate(0, 30px);
transform: translate(0, 30px);
}
50% {
-webkit-transform: translate(30px, 30px);
transform: translate(30px, 30px);
}
75% {
-webkit-transform: translate(30px, 0);
transform: translate(30px, 0);
}
}

@keyframes animation5shape1 {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
25% {
-webkit-transform: translate(0, 30px);
transform: translate(0, 30px);
}
50% {
-webkit-transform: translate(30px, 30px);
transform: translate(30px, 30px);
}
75% {
-webkit-transform: translate(30px, 0);
transform: translate(30px, 0);
}
}
.animation-5 .shape2 {
animation: animation5shape2 2s ease 0s infinite reverse;
}

@-webkit-keyframes animation5shape2 {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
25% {
-webkit-transform: translate(-30px, 0);
transform: translate(-30px, 0);
}
50% {
-webkit-transform: translate(-30px, 30px);
transform: translate(-30px, 30px);
}
75% {
-webkit-transform: translate(0, 30px);
transform: translate(0, 30px);
}
}

@keyframes animation5shape2 {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
25% {
-webkit-transform: translate(-30px, 0);
transform: translate(-30px, 0);
}
50% {
-webkit-transform: translate(-30px, 30px);
transform: translate(-30px, 30px);
}
75% {
-webkit-transform: translate(0, 30px);
transform: translate(0, 30px);
}
}
.animation-5 .shape3 {
animation: animation5shape3 2s ease 0s infinite reverse;
}

@-webkit-keyframes animation5shape3 {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
25% {
-webkit-transform: translate(30px, 0);
transform: translate(30px, 0);
}
50% {
-webkit-transform: translate(30px, -30px);
transform: translate(30px, -30px);
}
75% {
-webkit-transform: translate(0, -30px);
transform: translate(0, -30px);
}
}

@keyframes animation5shape3 {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
25% {
-webkit-transform: translate(30px, 0);
transform: translate(30px, 0);
}
50% {
-webkit-transform: translate(30px, -30px);
transform: translate(30px, -30px);
}
75% {
-webkit-transform: translate(0, -30px);
transform: translate(0, -30px);
}
}
.animation-5 .shape4 {
animation: animation5shape4 2s ease 0s infinite reverse;
}

@-webkit-keyframes animation5shape4 {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
25% {
-webkit-transform: translate(0, -30px);
transform: translate(0, -30px);
}
50% {
-webkit-transform: translate(-30px, -30px);
transform: translate(-30px, -30px);
}
75% {
-webkit-transform: translate(-30px, 0);
transform: translate(-30px, 0);
}
}

@keyframes animation5shape4 {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
25% {
-webkit-transform: translate(0, -30px);
transform: translate(0, -30px);
}

50% {
-webkit-transform: translate(-30px, -30px);
transform: translate(-30px, -30px);
}
75% {
-webkit-transform: translate(-30px, 0);
transform: translate(-30px, 0);
}
}
.letter-holder {padding: 16px 0;}
.letter {
float: left;
font-size: 15px;
color: #1f1f1f;
margin-top:0px;
}
.load-6 .letter {
animation-name: loadingF;
animation-duration: 1.6s;
animation-iteration-count: infinite;
animation-direction: linear;
}
.l-1 {animation-delay: .48s;}
.l-2 {animation-delay: .6s;}
.l-3 {animation-delay: .72s;}
.l-4 {animation-delay: .84s;}
.l-5 {animation-delay: .96s;}
.l-6 {animation-delay: 1.08s;}
.l-7 {animation-delay: 1.2s;}
.l-8 {animation-delay: 1.32s;}
.l-9 {animation-delay: 1.44s;}
.l-10 {animation-delay: 1.56s;}
@keyframes loadingA {
0 {height: 15px;}
50% {height: 35px;}
100% {height: 15px;}
}
@keyframes loadingB {
0 {width: 15px;}
50% {width: 35px;}
100% {width: 15px;}
}
@keyframes loadingC {
0 {transform: translate(0,0);}
50% {transform: translate(0,15px);}
100% {transform: translate(0,0);}
}
@keyframes loadingD {
0 {transform: rotate(0deg);}
50% {transform: rotate(180deg);}
100% {transform: rotate(360deg);}
}
@keyframes loadingE {
0 {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}
@keyframes loadingF {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes loadingG {
0% {transform: translate(0,0) rotate(0deg);}
50% {transform: translate(70px,0) rotate(360deg);}
100% {transform: translate(0,0) rotate(0deg);}
}
@keyframes loadingH {
0% {width: 15px;}
50% {width: 35px; padding: 4px;}
100% {width: 15px;}
}
@keyframes loadingI {
100% {transform: rotate(360deg);}
}
@keyframes bounce  {
0%, 100% {transform: scale(0.0);}
50% {transform: scale(1.0);}
}
@keyframes loadingJ {
0%,100% {transform: translate(0,0);}
50% {
transform: translate(80px,0);
background-color: #f5634a;
width: 25px;
}
}
#layout{
min-height: 100%;
height: auto !important;
height: 100%;
width:100%;
margin: 0;
background-color:#fff;
font-weight: normal;
color:#333333;
}
#headertop{
width:100%;
float:left;
position:absolute;
z-index: 9999999 !important;
}
.logo{
float:left;
left:0;
top:0;
padding:10px 0px;
margin-left:7%;
text-align:center;
z-index:5!important;
}
.logo img{
display:block;
margin:0 auto;
padding:4px 10px;
}
.tagline{
display:block;
font-size:21px;
margin-top:0px;
color:#000;
font-weight:500;
}
.mainmenu{
float:right;
position:absolute;
right:0;
margin-right:7%;
text-align:right;
top: 50%;
transform: translateY(-50%);
z-index:9999;

-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.menumain {
margin:0;
padding:0;
z-index: 999;
float:right;
}
.menumain li {
display: inline-block;
list-style: outside none none;
margin:0 25px;
position: relative;
}
.menumain li:last-child {
margin-right:0;
}
.menumain li a {
color:#333;
font-size: 20px;
padding: 0px 0px;
padding-bottom:10px;
font-weight:500;
font-family: 'Poppins';
text-decoration: none;
-webkit-transition: color .3s ease-in, background .3s ease-in;
-moz-transition: color .3s ease-in, background .3s ease-in;
-o-transition: color .3s ease-in, background .3s ease-in;
-ms-transition: color .3s ease-in, background .3s ease-in;
}
.menumain li.current a{
color:#cb8a11;
}
.menumain li:hover a {
color:#cb8a11;
-webkit-transition: color .3s ease-in, background .3s ease-in;
-moz-transition: color .3s ease-in, background .3s ease-in;
-o-transition: color .3s ease-in, background .3s ease-in;
-ms-transition: color .3s ease-in, background .3s ease-in;
}
.menumain li > a i{ vertical-align:middle;line-height:14px;font-size:10px; margin:0 0 0 6px; }
.menumain li a  i.fa-home{ vertical-align:middle;font-size:18px; margin:0 0px 3px 0px; }
#togmenu{
width:96%;
margin-left:2%;
margin-right:2%;
float:left;
background:none;
display:none;
font-size:19px;
text-align:left;
z-index:99999999999;
}
#togmenu span{
font-size:18px;
color:#fff;
}
#togmenu a{
text-decoration:none;
}
.dl-menuwrapper {
width: 100%;
max-width: 100%;
float: left;
position: relative;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
-webkit-perspective-origin: 50% 200%;
-moz-perspective-origin: 50% 200%;
perspective-origin: 50% 200%;
z-index:999999;
}
.dl-menuwrapper:first-child {
margin-right: 100px;
z-index:9999;
}
.dl-menuwrapper button {
background: #fff;
border: none;
width: 38px;
height: 36px;
text-indent: -900em;
overflow: hidden;
position: relative;
cursor: pointer;
outline: none;
z-index:999;
border:1px solid #d99513;
-webkit-transition: all 400ms ease-in;
-o-transition: all 400ms ease-in;
-moz-transition: all 400ms ease-in;
}
.dl-menuwrapper button:after {
content: '';
position: absolute;
width: 68%;
height: 5px;
background: #d99513;
top: 5px;
left: 16%;
box-shadow: 0 10px 0 #d99513, 0 20px 0  #d99513;
z-index:999;
-webkit-transition: all 400ms ease-in;
-o-transition: all 400ms ease-in;
-moz-transition: all 400ms ease-in;
}
.dl-menuwrapper button:hover:after {
background:#024281;
box-shadow: 0 10px 0 #024281, 0 20px 0 #024281;
-webkit-transition: padding .3s ease-in-out, background .5s ease-in, color 1s ease, border-color 4s ease; !important;
-moz-transition: padding .3s ease-in-out, background .5s ease-in, color 1s ease, border-color 4s ease; !important;
-ms-transition: padding .3s ease-in-out, background .5s ease-in, color 1s ease, border-color 4s ease; !important;
-o-transition:  padding .3s ease-in-out, background .5s ease-in, color 1s ease, border-color 4s ease; !important;
transition: padding .3s ease-in-out, background .5s ease-in, color 1s ease, border-color 4s ease; !important;
}
.dl-menuwrapper button.dl-active{
color:#fff;
}
.dl-menuwrapper ul {
padding: 0;
list-style: none;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
z-index:999999;
}
.dl-menuwrapper li {
position: relative;
z-index:999999;
}
.dl-menuwrapper li a {
display: block;
position: relative;
padding: 6px 25px;
font-size:15px;
font-weight:normal;
color:#000;
background:rgba(255,255,255,.51);
outline: none;
z-index:999999;
border-bottom:1px solid rgba(37,56,120,.2);
-webkit-transition: color .5s ease, background .5s ease-in;
-moz-transition: color .5s ease, background .5s ease-in;
-o-transition: color .5s ease, background .5s ease-in;
-ms-transition: color .5s ease, background .5s ease-in;
}
.dl-menuwrapper li:last-child a {
border-bottom:0px solid rgba(255,255,255,.3);
}
.dl-menuwrapper li.dl-back > a {
padding-left: 30px;
background:#d09405;
z-index:999999;
color:#fff;
}
.dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after {
position: absolute;
top: 0;
line-height: 35px;
font-family: 'FontAwesome';
speak: none;
-webkit-font-smoothing: antialiased;
content: "\f054";
color:#fff;
font-size:10px;
vertical-align:middle;
z-index:999999;
padding-left:30px;
font-weight:normal;
}
.dl-menuwrapper li.dl-back:after {
left: 10px;
top:-2px;
color:#fff;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
z-index:999999;
}
 .dl-menuwrapper li > a:not(:only-child):after {
color:#333;	 
-webkit-transition: color .5s ease, background .5s ease-in;
-moz-transition: color .5s ease, background .5s ease-in;
-o-transition: color .5s ease, background .5s ease-in;
-ms-transition: color .5s ease, background .5s ease-in;
 }
.dl-menuwrapper li:hover > a:not(:only-child):after {
color:#d09405;
-webkit-transition: color .5s ease, background .5s ease-in;
-moz-transition: color .5s ease, background .5s ease-in;
-o-transition: color .5s ease, background .5s ease-in;
-ms-transition: color .5s ease, background .5s ease-in;
 }
.dl-menuwrapper li.dl-back:after {
color:#fff;
font-size:15px;
margin-top:2px;
font-family: 'FontAwesome';
}
.dl-menuwrapper .dl-menu {
margin: 5px 0 0 0;
position: absolute;
width: 100%;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
transform: translateY(10px);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
z-index:999;
}
.dl-menuwrapper .dl-menu.dl-menu-toggle {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.dl-menuwrapper .dl-menu.dl-menuopen {
opacity: 1;
pointer-events: auto;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);z-index:999999;
}
.dl-menuwrapper li .dl-submenu {
display: none;
z-index:999;
}
.dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a {
display: none;z-index:999999;
}
.dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
display: block;z-index:999;
}
.dl-menuwrapper > .dl-submenu {
position: absolute;
width: 100%;
top: 50px;
left: 0;
margin: 0;z-index:999;
}
.dl-menu.dl-animate-out-1 {
-webkit-animation: MenuAnimOut1 0.4s linear forwards;
-moz-animation: MenuAnimOut1 0.4s linear forwards;
animation: MenuAnimOut1 0.4s linear forwards;
}
@-webkit-keyframes MenuAnimOut1 {
50% {
-webkit-transform: translateZ(-250px) rotateY(30deg);
}
75% {
-webkit-transform: translateZ(-372.5px) rotateY(15deg);
opacity: .5;
}
100% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
}
@-moz-keyframes MenuAnimOut1 {
50% {
-moz-transform: translateZ(-250px) rotateY(30deg);
}
75% {
-moz-transform: translateZ(-372.5px) rotateY(15deg);
opacity: .5;
}
100% {
-moz-transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
}
@keyframes MenuAnimOut1 {
50% {
transform: translateZ(-250px) rotateY(30deg);
}
75% {
transform: translateZ(-372.5px) rotateY(15deg);
opacity: .5;
}
100% {
transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
}
.dl-menu.dl-animate-in-1 {
-webkit-animation: MenuAnimIn1 0.3s linear forwards;
-moz-animation: MenuAnimIn1 0.3s linear forwards;
animation: MenuAnimIn1 0.3s linear forwards;
}

@-webkit-keyframes MenuAnimIn1 {
0% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
20% {
-webkit-transform: translateZ(-250px) rotateY(30deg);
opacity: 0.5;
}
100% {
-webkit-transform: translateZ(0px) rotateY(0deg);
opacity: 1;
}
}
@-moz-keyframes MenuAnimIn1 {
0% {
-moz-transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
20% {
-moz-transform: translateZ(-250px) rotateY(30deg);
opacity: 0.5;
}
100% {
-moz-transform: translateZ(0px) rotateY(0deg);
opacity: 1;
}
}

@keyframes MenuAnimIn1 {
0% {
transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
20% {
transform: translateZ(-250px) rotateY(30deg);
opacity: 0.5;
}
100% {
transform: translateZ(0px) rotateY(0deg);
opacity: 1;
}
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
-webkit-animation: SubMenuAnimIn1 0.4s ease forwards;
-moz-animation: SubMenuAnimIn1 0.4s ease forwards;
animation: SubMenuAnimIn1 0.4s ease forwards;
}

@-webkit-keyframes SubMenuAnimIn1 {
0% {
-webkit-transform: translateX(50%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
opacity: 1;
}
}

@-moz-keyframes SubMenuAnimIn1 {
0% {
-moz-transform: translateX(50%);
opacity: 0;
}
100% {
-moz-transform: translateX(0px);
opacity: 1;
}
}

@keyframes SubMenuAnimIn1 {
0% {
transform: translateX(50%);
opacity: 0;
}
100% {
transform: translateX(0px);
opacity: 1;
}
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
-webkit-animation: SubMenuAnimOut1 0.4s ease forwards;
-moz-animation: SubMenuAnimOut1 0.4s ease forwards;
animation: SubMenuAnimOut1 0.4s ease forwards;
}

@-webkit-keyframes SubMenuAnimOut1 {
0% {
-webkit-transform: translateX(0%);
opacity: 1;
}
100% {
-webkit-transform: translateX(50%);
opacity: 0;
}
}
@-moz-keyframes SubMenuAnimOut1 {
0% {
-moz-transform: translateX(0%);
opacity: 1;
}
100% {
-moz-transform: translateX(50%);
opacity: 0;
}
}
@keyframes SubMenuAnimOut1 {
0% {
transform: translateX(0%);
opacity: 1;
}
100% {
transform: translateX(50%);
opacity: 0;
}
}
.no-js .dl-menuwrapper .dl-menu {
position: relative;
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
.no-js .dl-menuwrapper li .dl-submenu {
display: block;
}
.no-js .dl-menuwrapper li.dl-back {
display: none;
}
.no-js .dl-menuwrapper li > a:not(:only-child) {
background: rgba(0,0,0,0.1);
}
.no-js .dl-menuwrapper li > a:not(:only-child):after {
content: '';
}
.demo-1 .dl-menuwrapper button {
background: #fff;
margin-top:1px;
margin-bottom:1px;
}
.demo-1 .dl-menuwrapper button:hover,.demo-1 .dl-menuwrapper button.dl-active, {
background: #fff;
}
.demo-1 .dl-menuwrapper ul {
background: #fff;
border:1px solid rgba(37,56,120,.2);
z-index:99999999;
}
.demo-1 .dl-menuwrapper ul li{
border:none;
}
.demo-1 .dl-menuwrapper ul li ul{
background: #fff;
border:0px solid rgba(0,0,0,.2);
}
.demo-1 .dl-menuwrapper ul li ul li ul{
background: #fff;
border:0px solid rgba(0,0,0,.2);
}
.demo-1 .dl-menuwrapper ul li ul li ul li a {
border-bottom:1px solid rgba(37,56,120,.2);
}
.demo-1 .dl-menuwrapper ul li ul li ul li:last-child a {
border-bottom:0px solid rgba(255,255,255,.3);
}
.c-hamburger {
display: block;
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
width: 96px;
height: 96px;
font-size: 0;
text-indent: -9999px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none;
border-radius: none;
border: none;
cursor: pointer;
-webkit-transition: background .3s;
transition: background .3s;
}
.c-hamburger:focus {
outline: 0;
}
.c-hamburger span {
display: block;
position: absolute;
top: 44px;
left: 18px;
right: 18px;
height: 8px;
background: #fff;
}
.c-hamburger span::after,.c-hamburger span::before {
position: absolute;
display: block;
left: 0;
width: 100%;
height: 8px;
background-color: #fff;
content: "";
}
.c-hamburger--htla.is-active span::after,.c-hamburger--htla.is-active span::before,.c-hamburger--htra.is-active span::after,.c-hamburger--htra.is-active span::before {
width: 50%;
}
.c-hamburger span::before {
top: -20px;
}
.c-hamburger span::after {
bottom: -20px;
}
.c-hamburger--rot {
background-color: #28aadc;
}
.c-hamburger--rot span {
-webkit-transition: -webkit-transform .3s;
transition: transform .3s;
}
.c-hamburger--rot.is-active {
background-color: #166888;
}
.c-hamburger--rot.is-active span {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.c-hamburger--htx {
background-color: #ff3264;
}
.c-hamburger--htx span {
-webkit-transition: background 0s .3s;
transition: background 0s .3s;
}
.c-hamburger--htx span::after,.c-hamburger--htx span::before {
-webkit-transition-duration: .3s,.3s;
transition-duration: .3s,.3s;
-webkit-transition-delay: .3s,0s;
transition-delay: .3s,0s;
}
.c-hamburger--htx span::before {
-webkit-transition-property: top,-webkit-transform;
transition-property: top,transform;
}
.c-hamburger--htx span::after {
-webkit-transition-property: bottom,-webkit-transform;
transition-property: bottom,transform;
}
.c-hamburger--htx.is-active {
background-color: #cb0032;
}
.c-hamburger--htx.is-active span {
background: 0 0;
}
.c-hamburger--htx.is-active span::before {
top: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.c-hamburger--htx.is-active span::after {
bottom: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.c-hamburger--htx.is-active span::after,.c-hamburger--htx.is-active span::before {
-webkit-transition-delay: 0s,.3s;
transition-delay: 0s,.3s;
}
.c-hamburger--htla {
background-color: #32dc64;
}
.c-hamburger--htla span {
-webkit-transition: -webkit-transform .3s;
transition: transform .3s;
}
.c-hamburger--htla span::before {
-webkit-transform-origin: top right;
-ms-transform-origin: top right;
transform-origin: top right;
-webkit-transition: -webkit-transform .3s,width .3s,top .3s;
transition: transform .3s,width .3s,top .3s;
}
.c-hamburger--htla span::after {
-webkit-transform-origin: bottom right;
-ms-transform-origin: bottom right;
transform-origin: bottom right;
-webkit-transition: -webkit-transform .3s,width .3s,bottom .3s;
transition: transform .3s,width .3s,bottom .3s;
}
.c-hamburger--htla.is-active {
background-color: #18903c;
}
.c-hamburger--htla.is-active span {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.c-hamburger--htla.is-active span::before {
top: 0;
-webkit-transform: translateX(38px)translateY(4px)rotate(45deg);
-ms-transform: translateX(38px)translateY(4px)rotate(45deg);
transform: translateX(38px)translateY(4px)rotate(45deg);
}
.c-hamburger--htla.is-active span::after {
bottom: 0;
-webkit-transform: translateX(38px)translateY(-4px)rotate(-45deg);
-ms-transform: translateX(38px)translateY(-4px)rotate(-45deg);
transform: translateX(38px)translateY(-4px)rotate(-45deg);
}
.c-hamburger--htra {
background-color: #ff9650;
}
.c-hamburger--htra span {
-webkit-transition: -webkit-transform .3s;
transition: transform .3s;
}
.c-hamburger--htra span::before {
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-transition: -webkit-transform .3s,width .3s,top .3s;
transition: transform .3s,width .3s,top .3s;
}
.c-hamburger--htra span::after {
-webkit-transform-origin: bottom left;
-ms-transform-origin: bottom left;
transform-origin: bottom left;
-webkit-transition: -webkit-transform .3s,width .3s,bottom .3s;
transition: transform .3s,width .3s,bottom .3s;
}
.c-hamburger--htra.is-active {
background-color: #e95d00;
}
.c-hamburger--htra.is-active span {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.c-hamburger--htra.is-active span::before {
top: 0;
-webkit-transform: translateX(-8px)translateY(4px)rotate(-45deg);
-ms-transform: translateX(-8px)translateY(4px)rotate(-45deg);
transform: translateX(-8px)translateY(4px)rotate(-45deg);
}
.c-hamburger--htra.is-active span::after {
bottom: 0;
-webkit-transform: translateX(-8px)translateY(-4px)rotate(45deg);
-ms-transform: translateX(-8px)translateY(-4px)rotate(45deg);
transform: translateX(-8px)translateY(-4px)rotate(45deg);
}
.dl-menuwrapper .dl-menu li a:hover {
color:#d09405;
-webkit-transition: color .5s ease, background .5s ease-in;
-moz-transition: color .5s ease, background .5s ease-in;
-o-transition: color .5s ease, background .5s ease-in;
-ms-transition: color .5s ease, background .5s ease-in;
}
.dl-menuwrapper .dl-menu li:last-child a:hover {

}
.dl-menuwrapper .dl-menu li ul li.dl-back a:hover {
color:#fff;
}
.dl-menuwrapper .dl-menu > li a.active,.dl-menuwrapper .dl-menu li ul li a.active{ 
color:#d09405;
}
.dl-menuwrapper .dl-menu > li:last-child a.active,.dl-menuwrapper .dl-menu li ul li:last-child a.active{ 
color:#d09405;
}
.dl-menuwrapper .dl-menu > li a.active:hover{
color:#d09405;
}
#banner{
width:100%;
float:left;
position:relative;
top:0;
overflow:hidden;
}
#indexlayout1{
width:100%;
float:left;
overflow:hidden;
}
#indexlayout{
width:86%;
margin-right:7%;
margin-left:7%;
float:left;
overflow:hidden;
}
#indexlayout2{
width:90%;
margin-right:5%;
margin-left:5%;
float:left;
overflow:hidden;
}
.padtop{
padding-top:30px;
} 
.padtop2{
padding-top:35px;
} 
.padtop1{
padding-top:45px;
} 
.padtop112{
padding-top:50px;
}
.padall{
padding:40px;
}
.padspe{
	padding:10px 30px;
}
.padallrl{
padding-right:20px;padding-left:20px;
}
.padright{
	padding-right:20px;
}
.padleft{
	padding-left:20px;
}
.padright1{
padding-right:2%;
}
.padleft1{
padding-left:2%;
}
.padbottom{
padding-bottom:90px;
}
.padbottom1{
padding-bottom:40px;
}
.padbottom11{
padding-bottom:10px;
}
.padleft7{
	padding-left:7%;
}
.padright7{
	padding-right:4%;
}
.margtop{
margin-top:80px;
}
.margtop6{
margin-top:120px;
}
.margtopminus{
	margin-top:-25px;
}
.margtop0{
margin-top:0px;
}
.padbottom4{
padding-bottom:17px;
}
.margtop3{margin-top:31px;}
.margtop4{margin-top:50px;}
.margtop1{margin-top:20px;}
.margtopbottom{
	margin-top:60px;
	margin-bottom:60px;
}
.margtopbottom1{
	margin-top:20px;
	margin-bottom:40px;
}
.padbottom3{
padding-bottom:25px;
} 
.container{
width:100%;
margin:0;
padding:0;
float:left;
}
.div50{
width:50%;
float:left;
}
.div60{
float:left;
width:60%;
}
.div40{
width:40%;
float:left;
}
.div35{
width:35%;
float:left;
}
.div65{
width:65%;
float:left;
}
.div30{
width:30%;
float:left;
}
.div70{
width:70%;
float:left;
}
.div20{
width:20%;
float:left;
}
.div80{
width:80%;
float:left;
}
.div33{
position: relative;
min-height: 1px;
float: left;
padding-left:15px;
padding-right:15px;
width: 33.33333333%;
}
.div66{width:66.66666667%;display:block;float:right;}
.div25{
float:left;
width:25%;
}
.div251{
width:25%;
float:left;
text-align:center;
padding:50px 20px;
}
.div75{
width:75%;
float:left;
padding:0 25px 0 0;
}
.projectsection{
width: 100%;
float: left;
padding: 0;
margin: 0px;
background: url("../images/map.png");
background-attachment: fixed;
background-origin: initial;
background-clip: initial;
background-size: cover;
background-repeat: no-repeat;
background-position: 100% 0;
background-position: center center;
}
.projectsection .container{
width:100%;
margin:0;
padding:0;
float:left;
padding-top:20px;
padding-bottom:10px;
position:relative;
}
.projectsection .opacity{
height: 100%;
background:  rgba(255,255,255,.81);
}
.projectsection .div20{
width:15%;
float:left;
margin-right:5%;
margin-left:5%;
position: relative;
}
.projectsection .div80{
width:75%;
float:left;
overflow:hidden;
}
h4{
color:#333333;
margin-top:0;
margin-bottom:25px;
font-weight: 500;
font-size: 30px;
}
h4 span{
color:#033d78;
}
.indexbrief1{
font-size:23px;
text-align:justify;
}
.post_image {
margin: 0;
padding:0;
overflow:hidden;
}
.post_image {
width: 100%;
float: left;
overflow:hidden;
border-radius:50%;	
}
.post_image img {
width: 100%;
margin:0;
padding:0;
overflow:hidden;	
display:block;
}
.div80 h4{
font-size: 20px;
color:#014989;
margin-top:0px;
text-transform:uppercase;
margin-bottom:0;
}
.div80 p{
padding-top:0;
margin-top:0;
}
.post_image .ImageWrapper { display:block;overflow: hidden;position: relative;}
.center .wt-small-separator{
orphans:3;
widows:3;
page-break-after:avoid;
font-size: 35px;
margin-bottom: 3px;
color:#333;
font-weight: 400;
margin-top:0px;
font-family: 'Roboto';
word spacing:5px;
position:relative; 
display:inline-block; 
line-height:40px;
}

.center .wt-small-separator div{display:inline-block;}
.center .wt-small-separator-outer{	text-align:center;}
.center .wt-small-separator div.sep-leaf-right{	position:relative;	margin-left: 50px;}
.center .wt-small-separator div.sep-leaf-left{	position:relative;	margin-right: 50px;}
.center .wt-small-separator div.sep-leaf-right:before,
.center .wt-small-separator div.sep-leaf-left:before{
position: absolute;
content: '';	
background-color:#014989;
width: 40px;
height: 3px;
bottom: 0px;	
}
.center .wt-small-separator div.sep-leaf-right:before{right: 0px;}
.center .wt-small-separator div.sep-leaf-left:before{	left: 0px;}
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
position: relative;
margin-top:40px;
padding-bottom:20px;
overflow:hidden;
}
.owl-carousel .owl-wrapper {
display: none;
position: relative;
-webkit-transform: translate3d(0,0,0);
}
.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index:0;
}
.owl-controls .owl-page,.owl-controls .owl-buttons div {
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.grabbing {
cursor: url(../images/grabbing.png) 8 8,move;
}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}
.owl-theme .owl-controls{
margin:0 auto;
margin-top: 0px;
text-align: center;
z-index:9;
}

.owl-item.loading{
min-height: 150px;
background: url(../images/index1.gif) no-repeat center center
}
.owl-item.loading {
min-height: 150px;
background: url(../images/index1.gif) no-repeat center center;
}
#owl-example{position: relative;}
#owl-example .item {display: block;overflow: hidden;margin:20px;margin-top:10px;margin-bottom:0px;position:relative;}
#owl-example .item img{display:block;margin:0;}
.owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x : 50%;
-webkit-perspective-origin-y : 50%;
-moz-perspective : 1200px;
-moz-perspective-origin-x : 50%;
-moz-perspective-origin-y : 50%;
perspective : 1200px;
}
.owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease;
}
.owl-fade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
}
.owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease;
-moz-animation: backSlideOut 1s both ease;
animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease;
-moz-animation: backSlideIn 1s both ease;
animation: backSlideIn 1s both ease;
}
.owl-goDown-out {
-webkit-animation: scaleToFade .7s ease both;
-moz-animation: scaleToFade .7s ease both;
animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
-webkit-animation: goDown .6s ease both;
-moz-animation: goDown .6s ease both;
animation: goDown .6s ease both;
}
.owl-fadeUp-in {
-webkit-animation: scaleUpFrom .5s ease both;
-moz-animation: scaleUpFrom .5s ease both;
animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
-webkit-animation: scaleUpTo .5s ease both;
-moz-animation: scaleUpTo .5s ease both;
animation: scaleUpTo .5s ease both;
}
@-webkit-keyframes empty {
0% {opacity: 1}
}
@-moz-keyframes empty {
0% {opacity: 1}
}
@keyframes empty {
0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-moz-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@keyframes fadeOut {
0% { opacity:1; }

100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
25% { opacity: .5; -webkit-transform: translateZ(-500px); }
75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
25% { opacity: .5; -moz-transform: translateZ(-500px); }
75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
25% { opacity: .5; transform: translateZ(-500px); }
75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -webkit-transform: translateZ(-500px); }
100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -moz-transform: translateZ(-500px); }
100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; transform: translateZ(-500px); }
100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
to { opacity: 0; transform: scale(1.5); }
}
.owl-theme .owl-controls .owl-page{
display: inline-block;
cursor: pointer;
zoom: 1;
*display: inline;
}
.owl-theme .owl-controls .owl-page span{
display: block;
width: 27px; 
height: 9px; 
border: 1px solid #014989;
margin: 40px 7px 0 7px;
display: block;
background: none repeat scroll 0 0 #014989;
box-shadow: none; 
transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
-webkit-transition: all .1s ease-out;
-moz-transition: all .1s ease-out;
-ms-transition: all .1s ease-out;
-o-transition: all .1s ease-out;
transition: all .1s ease-out;
}
.owl-theme .owl-controls .owl-page.active span{
background: none repeat scroll 0 0 transparent; 
border: 1px solid #014989;
transform: scale(1.222);
-webkit-backface-visibility: visible;
-webkit-transition: opacity 100ms ease;
-moz-transition: opacity 100ms ease;
-ms-transition: opacity 100ms ease;
-o-transition: opacity 100ms ease;
transition: opacity 100ms ease;
-webkit-transition: all .1s ease-out;
-moz-transition: all .1s ease-out;
-ms-transition: all .1s ease-out;
-o-transition: all .1s ease-out;
transition: all .1s ease-out;
}
.owl-theme .owl-controls .owl-page:hover span{
background: none repeat scroll 0 0 transparent; 
border: 1px solid #014989;
transform: scale(1.222);
-webkit-backface-visibility: visible;
-webkit-transition: opacity 100ms ease;
-moz-transition: opacity 100ms ease;
-ms-transition: opacity 100ms ease;
-o-transition: opacity 100ms ease;
transition: opacity 100ms ease;
-webkit-transition: all .1s ease-out;
-moz-transition: all .1s ease-out;
-ms-transition: all .1s ease-out;
-o-transition: all .1s ease-out;
transition: all .1s ease-out;
}
.projectbox{
border:1px solid rgba(203,138,17,.3);
}
.projectbox .heading-box {
background: #fff;
padding: 10px 0;
margin-bottom: 0px;
position: relative;
border-top:1px solid #d09405;
}
.projectbox .heading-box .inner-content {
position: relative;
}
.projectbox .heading-box h3 {
margin: 0;
font-weight: 400;
font-size: 21px;
}
.projectbox .image-box {
position: relative;
overflow: hidden;
}
.projectbox .image-box > img {
width: 100%;
}
.company-name {
position: relative;
display: block;
margin-top: 25px;
padding-bottom: 0px;
}
.company-name p{
color:#014989;
font-size: 17px;
line-height: 20px;
text-transform: uppercase;
margin: 0 0 5px 0px;
}
.company-name .title {
position: relative;
display: block;
font-size: 30px;
line-height: 40px;
font-weight: 700;
margin: 0 0 19px;
text-transform: capitalize;
z-index: 1;
margin-bottom:5px;
font-size:32px;
color:#333;
}
.process-one_image{
position:relative;
overflow: hidden;	
margin-bottom: 0px;	
}
.process-one_image img{
position:relative;
width:100%;
}
ul.list_style4{
margin:0;
list-style:none;
padding:0;
margin-top:15px;
padding-bottom:20px;
}
ul.list_style4 li{
line-height: 30px;
padding:0;
margin:0;
padding-top: 6px;
}
.list_style4 li {     
position: relative;	
font-family: 'Space Grotesk';
}
.list_style4.star li {
padding:3px 2px 3px 28px;
border-bottom:none;
}
.list_style4.star li:before {
font-family: FontAwesome;
content: "\f058";
display: inline-block;
border-radius:0;
font-size: 20px;
text-align: center;
position: absolute;
left: 0;
color:#014989;
top: 8px;
font-style: normal;
font-weight: normal;
line-height: 1.2;
font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),
}
#banner1{
width:100%;
float:left;
overflow:hidden;
position:relative;
}
.bgimg img{
display:block;
margin:0 auto;
}
.bgimg1 img{
display:block;
margin:0 auto;
}
.centered {
position: absolute;
width:100%;
text-align:center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.textcss h2{
z-index:99;
color: #fff;
font-size: 50px;

font-weight:500;
line-height:1;
margin:0;
padding:0;
padding-top:5px;
text-shadow: 2px 2px 0px rgba(21, 39, 61,.11), 
2px -2px 0px rgba(21, 39, 61,.11), 
-2px 2px 0px rgba(21, 39, 61,.11), 
-2px -2px 0px rgba(21, 39, 61,.11), 
2px 0px 0px rgba(21, 39, 61,.11), 
0px 2px 0px rgba(21, 39, 61,.11), 
-2px 0px 0px rgba(21, 39, 61,.11), 
0px -2px 0px rgba(21, 39, 61,.11);
line-height:1.2;
text-shadow: #142d54 0px 3px 6px;
}
.textcss p{
z-index:99;
color: #fff;
font-size: 30px;

font-weight:500;
line-height:1;
margin:0;
padding:0 20%;
padding-top:5px;
text-shadow: 2px 2px 0px rgba(21, 39, 61,.11), 
2px -2px 0px rgba(21, 39, 61,.11), 
-2px 2px 0px rgba(21, 39, 61,.11), 
-2px -2px 0px rgba(21, 39, 61,.11), 
2px 0px 0px rgba(21, 39, 61,.11), 
0px 2px 0px rgba(21, 39, 61,.11), 
-2px 0px 0px rgba(21, 39, 61,.11), 
0px -2px 0px rgba(21, 39, 61,.11);
line-height:1.2;
text-shadow: #142d54 0px 3px 6px;
}
.pinsideline{
float:left;
width:100%;
text-align:center;
position:absolute;
bottom:5px;
left: 0; 
right: 0; 
margin-left: auto; 
margin-right: auto;
}
.subtext{
orphans: 3;
widows: 3;
page-break-after: avoid;
-moz-hyphens: none;
-o-hyphens: none;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
text-align:center;
text-shadow:none;
color:#333;
text-shadow: none;
font-size: 18px;
font-weight: normal;
padding:10px 35px;
background:#fff;
border-radius: 6px 6px 0 0;
word-spacing:4px;
}
.subtext a{
text-decoration:none;
color:#333;
-webkit-transition: color .4s ease-in-out !important;
-moz-transition: color .4s ease-in-out !important;
-ms-transition: color .4s ease-in-out !important;
-o-transition: color .4s ease-in-out !important;
transition:  color .4s ease-in-out !important;
}
.subtext a:hover{
text-decoration:none;
color:#014989;
-webkit-transition: color .4s ease-in-out !important;
-moz-transition: color .4s ease-in-out !important;
-ms-transition: color .4s ease-in-out !important;
-o-transition: color .4s ease-in-out !important;
transition:  color .4s ease-in-out !important;
}
.subtext i{
padding:0 15px;
font-size: 18px;
color:#014989;
font-weight:400;
vertical-align:middle;
font-weight:normal;
font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),
}
.sec-title {
position: relative;
display: block;
margin-top: 30px;
padding-bottom:40px;
}
.sec-title.with-text{
margin: 30px auto 0;
padding-bottom: 40px;
}
.sec-title p{
color: #a0a7ae;
font-size: 14px;
line-height: 20px;
font-weight: 700;
text-transform: uppercase;
margin: 0 0 0 0px;
}
.sec-title .title {
position: relative;
display: block;
font-weight: 400;
margin: 0;
margin-bottom:7px;
color: #333;
font-weight: 500;
line-height: 1.2;
font-size: 38px;
}
.sec-title .border-box{
position: relative;
display: block;
width: 130px;
height: 7px;
}
.sec-title .border-box.center{
margin: 0 auto;
}
.sec-title .border-box:before{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
content: "";
background:#d09405;
}
.sec-title .border-box:after{
position: absolute;
top: 0;
left: 0;
width: 80px;
height: 3px;
content: "";
background:  #0061aa;
}
.sec-title .border-box.center:after{
top: 0;
left: 0;
right: 0;
margin: 0 auto;
}
h5 {
orphans:3;
widows:3;
page-break-after:avoid;
font-size: 21px;
margin-bottom: 20px;
color:#fff;
font-weight: 500;
margin-top:25px;
width:100%;
background: #013f7c;
padding:3px 0 3px 15px;
}
ul.list_style {
list-style: none;
}
ul.list_style {
margin: 0;
padding-left: 20px;
}
ul.list_style li {
margin: 0;
list-style: none;
padding-left: 0;
}
.list_style li {
line-height: 1.5;
position: relative;
padding: 3px 2px 3px 12px;
}
.list_style.square li {
padding:2px 1px 2px 23px;
}
.list_style.square li:before {
font-family: FontAwesome;
content: "\f0da";
background:  #fff;  
display: inline-block;
border-radius:0;
color:   #013f7c;
height: 12px;
width: 12px;
line-height: 12px;
text-align: center;
position: absolute;
left: 0;
top: 10px;	
}
h9 {
orphans:3;
widows:3;
page-break-after:avoid;
word spacing:5px;
display: block;
font-weight: 400;
font-size:21px;
margin-bottom:0px;
line-height:23px;
padding-bottom: 0px;
color:#000;
margin-top:25px;
}
.line-bottom {
position: relative;
margin-bottom: 5px;	
padding-bottom:10px;
}
.line-bottom:after {
bottom: -3px;
content: "";
height: 2px;
left: 0;
position: absolute;
width: 70px;
}
.line-bottom::after {
background:#013f7c;
}
.da-clients {
list-style: none;
position: relative;
margin: 0;
padding: 0;
margin-top:20px;	
}
.da-clients li {
float: left;
background:#fff;
position: relative;
width: 25%;
margin-top:0;
margin-bottom:0;
border-bottom:1px solid #eaeaea;
border-right:1px solid #eaeaea;
}
.da-clients  li img {
display: block;
position: relative;
width: 70%;
height:70%;
margin:auto auto;
padding:10px;
}

.da-clients li:nth-child(4n+4){
border-right:none;
}
.da-clients  li:nth-child(4n+1):nth-last-child(-n+4),
li:nth-child(4n+1):nth-last-child(-n+4) ~ li {
border-bottom:none;
}
.da-clients  li .caption{
	display:block;
	text-align:center;
	padding:5px;
	font-size:18px;
}
ul.uf-contactinfo1  {
padding: 0px;
margin: 0;
padding-left:0px;
margin-top:20px;
}
.uf-contactinfo1 li {
list-style: none;
margin: 0px;
text-align:left;
}
.uf-contactinfo1 li{
padding: 0px 0 15px 0;
margin-bottom:0px;
}
.uf-contactinfo1 li a{
color:#333;
text-decoration:none;
}
.uf-contactinfo1 i{
font-size:25px;
color:#013f7c;
margin-right: 19px;
float:left;
font-weight:normal;
font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.map {
width:100%;
height: 380px;
position: relative;
overflow: hidden;
margin:0;
margin-top:20px;
}
@media (max-width: 767px) {
.map {
height: auto;
padding-top: 250px;
overflow: inherit;
}
}
.google-map-api {
position: absolute;
left: 0;
right: 0;
top: 10px;
bottom: 0;
border:1px solid rgba(201,207,209,1);
}
#map-canvas {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
#map-canvas img {
max-width: none !important;
}
.phead1 u {
text-decoration: none;
position: relative;
color:#333;
font-weight:normal;
}
.phead1 u:after {
content: '';
width: 100%;
position: absolute;
left: 0;
bottom: -5px;
border-width: 0 0 1px;
border-style: dashed;
border-color:#013f7c;
}
.footer-line {
border-bottom:2px dashed #013f7c;
margin-bottom:15px; 
}
















footer {
width: 100%;
height:auto;
bottom: 0px;
float:left;
right:0px;
padding-bottom:0px;
left:0px;
background-color: #1f1f1f;
clear:both; 
color:#fff;
}
#footermain{
width:94%;
float:left;
margin-left:3%;
margin-right:3%;
font-size:14px;
color:#888888;
padding:15px 0px 20px 0px;
}
#footerlogo{
width:100%;
float:left;
margin-top:6px;
text-align:center;
}
#footerlogo img{
display:block;
margin:0 auto;
padding:0px;
border-radius: 6px 6px 6px 6px;
}
.logo_name{
display:block;
font-weight:600;
font-family: 'Poppins';
color: #ffffff; 
font-size: 18px;
margin-top:0px;
text-transform:uppercase;
}
#footermain a{
color:#fff;
text-decoration:none;
}
#footermain .sliding-middle-out:hover:after {
width: 100%;
background:rgba(255,255,255,.5);
}
#footermain .div50{
position:relative;
text-align:center;
}
#footermain ul {
margin: 0;
padding: 0;
border: 0;
font-size:21px;
font-family: 'Poppins';
font-weight:normal;
color:#fff;
position: absolute;
left: 0; 
right: 0; 
margin-inline: auto; 
width: fit-content;
top: 50%;
transform: translate(0%, -50%);
}
#footermain ul li{
display: block;
list-style:none;
margin:0;padding:0;
}
#footermain i {
font-size:46px; 
padding: 0 10px 0 0;
color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

#footermain i.fa-mobile{
font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),
}
#footerbottom{
width:100%;
float:left;
padding: 9px 0 4px 0;
color:#fff;
font-size:.7em;
text-align:center;
background:#111;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#footerbottom a{
color: #fff;
text-decoration: none;
}
#footerbottom .sliding-middle-out:hover:after {
width: 100%;
background:#fff;
}

@media screen and (max-width: 35.5em)  {
.mainmenu{display:none;}#togmenu {display: block; position: relative;}
.logo{left:auto;top:auto;margin-left:0%;text-align:center;width:100%;}
.div50{width:100%;}.padright{	padding-right:0px;}.padleft{padding-left:0px;}
.margtop6{margin-top:40px;}
.projectsection .div20{width:20%;margin-right:5%;margin-left:0%;}
.projectsection .div80{width:75%;}
.process-one_image{margin-bottom: 20px;	}
#footermain .div30{width:100%;float:left;display:block;margin-bottom:30px;}#footermain .div70{width:100%;float:left;display:block;}#footermain .div50{width:100%;float:left;display:block;margin-bottom:20px;}
#footermain .div50:first:child{margin-bottom:30px;}
#footermain ul {font-size:23px;top: auto;transform: translate(0%, 0%);position:relative;}
#footermain i {font-size:36px;padding: 0 5px 0 0;}
#footermain ul li{font-size:20px;}
.pinsideline{display:none;}
.bgimg img{height:350px;width:auto;}
.textcss h2{font-size: 24px;margin-top:150px;}
.padall{padding:0;}
.da-clients li {width: 50%;margin-top:0;margin-bottom:30px;border-bottom:1px solid #000;border-right:1px solid #eaeaea;}
.da-clients li:nth-child(2n+2){border-right:none;}
.da-clients  li:nth-child(4n+1):nth-last-child(-n+4),li:nth-child(4n+1):nth-last-child(-n+4) ~ li {border-bottom:none;}
.bgimg1 img{height:750px;width:auto;}
.bgimg1 .textcss p{font-size: 23px;}
.bgimg1 .textcss h2{font-size: 27px;margin-top:160px;}

#footerbottom{background:red}
}
@media screen and (min-width: 35.5em) and (max-width: 480px) {

}
@media all and (min-width: 480px) and (max-width: 768px) {
.mainmenu{display:none;}#togmenu {display: block; position: relative;}
.logo{left:auto;top:auto;margin-left:0%;text-align:center;width:100%;}
.div50{width:100%;}.padright{	padding-right:0px;}.padleft{padding-left:0px;}
.margtop6{margin-top:40px;}
.projectsection .div20{width:20%;margin-right:5%;margin-left:0%;}
.projectsection .div80{width:75%;}
.process-one_image{margin-bottom: 20px;	}
#footermain .div30{width:100%;float:left;display:block;margin-bottom:30px;}#footermain .div70{width:100%;float:left;display:block;}#footermain .div50{width:100%;float:left;display:block;margin-bottom:20px;}
#footermain .div50:first:child{margin-bottom:30px;}
#footermain ul {font-size:23px;top: auto;transform: translate(0%, 0%);position:relative;}
.pinsideline{display:none;}
.bgimg img{height:350px;width:auto;}
.textcss h2{font-size: 28px;margin-top:120px;}
.padall{padding:0;}
.da-clients li {width: 50%;margin-top:0;margin-bottom:30px;border-bottom:1px solid #000;border-right:1px solid #eaeaea;}
.da-clients li:nth-child(2n+2){border-right:none;}
.da-clients  li:nth-child(4n+1):nth-last-child(-n+4),li:nth-child(4n+1):nth-last-child(-n+4) ~ li {border-bottom:none;}
.bgimg1 img{height:750px;width:auto;}
.bgimg1 .textcss p{font-size: 23px;}
.bgimg1 .textcss h2{font-size:30px;margin-top:140px;}

#footerbottom{background:orange}
}
@media all and (min-width: 768px) and (max-width: 959px) {
.mainmenu{display:none;}#togmenu {display: block; position: relative;}
.logo{left:auto;top:auto;margin-left:0%;text-align:center;width:100%;}
.div50{width:100%;}.padright{	padding-right:0px;}.padleft{padding-left:0px;}
.margtop6{margin-top:40px;}
.process-one_image{margin-bottom: 20px;	}
#footermain .div30{width:100%;float:left;display:block;margin-bottom:30px;}#footermain .div70{width:100%;float:left;display:block;}#footermain .div50{width:100%;float:left;display:block;margin-bottom:20px;}
#footermain .div50:first:child{margin-bottom:30px;}
#footermain ul {font-size:23px;top: auto;transform: translate(0%, 0%);position:relative;}
.bgimg img{height:350px;width:auto;}
.textcss h2{font-size: 34px;margin-top:120px;}
.padall{padding:0;}
.da-clients li {width: 50%;margin-top:0;margin-bottom:30px;border-bottom:1px solid #000;border-right:1px solid #eaeaea;}
.da-clients li:nth-child(2n+2){border-right:none;}
.da-clients  li:nth-child(4n+1):nth-last-child(-n+4),li:nth-child(4n+1):nth-last-child(-n+4) ~ li {border-bottom:none;}
.bgimg1 img{height:750px;width:auto;}
.bgimg1 .textcss p{font-size: 26px;}
.bgimg1 .textcss h2{font-size:36px;margin-top:140px;}

#footerbottom{background:blue}
}
@media all and (min-width: 959px) and (max-width: 1024px) {
.logo{margin-left:2%;}
.mainmenu{margin-right:2%;}
.bgimg img{height:350px;width:auto;}
.textcss h2{font-size: 34px;margin-top:100px;}
.div50{width:100%;}.padright{	padding-right:0px;}.padleft{padding-left:0px;}
.margtop6{margin-top:40px;}
.process-one_image{margin-bottom: 20px;	}
#footermain{width:100%;margin-left:0%;margin-right:0%;}
#footermain .div50{width:50%;}
.bgimg1 img{height:750px;width:auto;}
.bgimg1 .textcss p{font-size: 26px;}
.bgimg1 .textcss h2{font-size:36px;margin-top:140px;}

#footerbottom{background:purple}
} 
@media all and (min-width: 1024px) and (max-width: 1200px) {
.textcss h2{font-size:35px;margin-top:100px;}
}
@media all and (min-width: 1280px) {

}
@media all and (min-width: 1900px) {

}