body {
margin:0;
font-family: 'Cabin', sans-serif;
}

a:link, a:visited, a:hover {
    color: #000000;
	text-decoration:none;
}

.p {
font-size: 18px;
}

h1 {
font-size:36px;
margin:0 0 10px 0;
}
h2 {
font-size: 33px;
margin:0 0 10px 0;
}
h3 {
font-size: 30px;
margin:0 0 10px 0;
}
h4 {
font-size:24px;
margin:0;
font-family: 'Bellefair', serif;
font-weight:300;
}
h5 {
font-size:;
margin:0 0 10px 0;
}


img {
    max-width: 100%;
    height: auto;
    width: auto\9;
}

p {
font-size: 24px;
font-family: 'Bellefair', serif;
}

strong {
font-weight: 400;
color: #d2a000;
}

strong a {
color: #d2a000 !important;
}

.downarrow {
    position: absolute;

    bottom: 5vh;
    right: 0;
    left: 0;
    margin: 0 auto;
	text-align:center;
}

.downarrow p {
color:#fff;
margin:0 0 5px 0;
}

.downarrow img {
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.downarrow img:hover {
	opacity:0.8;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}


.headerwrap {
position: relative;
overflow:hidden;
}

.top {
background-color:#fff;
}


header {
position:relative;
}

.phone {
position:absolute;
display:table;
left:13px;
z-index:1;
top:0;
color:#fff;
}
.phone p {
margin: 18px;
font-family: 'Cabin', sans-serif;
font-size: 20px;
}

.wrap {
max-width:1260px;
margin:0 auto;
}

.wrap2 {
display:table;
margin:0 auto;
}

.spacewrap {
margin:70px auto;
}

.spacebg1 {
padding:30px 20px 20px 20px;
border: 7px double #dedede
}

.spacebg1 h1 {
font-size:46px;
}

.homeimgs img {
padding:6px;
    background: #d6d6d6;
}

.upper {
overflow:hidden;
}

.upperpage {
background:#000;
    background-image: url(images/home4.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;

}

.ptop {
height: calc(100vh - 60px);
}


.logo {
position:absolute;
height:auto;
width:367px;
top:38vh;
right:0;
left:0;
margin:0 auto;

}


.logo img {

}

.upperpage .logo {
position:relative;
display:table;
margin:0 auto;
top:0;
padding:20px;
max-width: 260px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.upperpage .logo:hover {
opacity:0.7;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}


.parallax-mirror {

}

.content {
position:relative;
}

.sec {
padding: 60px 0;
float:left;
width:33%;
}

.sec p {
color:#fff;
margin:0;
font-size: 32px;
}
.sec h1 {
color:#fff;
margin:0;
text-align:center;
font-size: 40px;
}

.bg1 {
background: #153873;
}
.bg2 {
background: #ad0000;
}
.bg3 {
background: #d2a000;
}

.rightheader h1 {
font-size: 1vw;
font-family: 'Mukta Vaani', sans-serif;
margin:0 0 8px 0;
color:#fff;
display:table;
}
.rightheader h3 {
font-size: .5vw;
font-family: 'Mukta Vaani', sans-serif;
margin:0;
color:#fff;
font-weight:400;
}
.rightheader img {
float:left;
}

.icons {
display: table;
position:absolute;
top:0;
right:0;
}
.icons img {
padding:12px 12px 12px 0;
opacity:0.7;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.icons img:hover {
opacity:1;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

section {

}

.projectsbox {
width:300px;
margin:40px auto;
}

.projectslink {
font-family: 'Bellefair', serif;
color:#fff;
font-size:22px;
padding:8px 15px 6px 15px;
border:3px solid #fff;
text-align:center;
display:table;
margin:0 auto;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.projectslink:hover {
padding:8px 25px 6px 25px;
background-color:rgba(255, 255, 255, 0.34);
border:3px solid rgba(255, 255, 255, 0);
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.hidden {
opacity:0;
}

.maincontent {
margin:40px 10px;

}


.homeh1 {
max-width:520px;
text-align:center;
margin:0 auto;
padding:58px 0;
}

.testimony {
background-color: #182233;
margin:1%;
padding:2%;
width:44%;
float:left;
min-height:188px;
}

.testimony h3 {
color:#fff;
}

.testimony p {
color:#fff;
}
.testimony a {
color:#d2a000;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.testimony a:hover {
color:#ffdc6e;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.testlink {
    display: table;
    position: relative;
    background-color: #d2a000;
    padding: 12px;
font-size: 18px;
margin:0 auto;
	font-family: 'Cabin', sans-serif;
    color: #000 !important;
    font-weight: 700 !important;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.testlink:hover {
    padding: 12px 12px 12px 40px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.testlink::before {
    content: '';
    position: absolute;
    background-image: url(images/paper@2x.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    margin: auto;
    bottom: 0;
    left: 9px;
    top: 0;
    height: 24px;
    width: 24px;
    opacity: 0;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.testlink:hover::before {
    opacity: 1;
}

.companylogos {
    display: table;
    margin: 0 auto;
}

.companylogos img {
max-height:150px;
padding:20px;
filter:grayscale(100%);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.companylogos img:hover {
filter:grayscale(0%);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.companylogoscolor {
    display: table;
    margin: 0 auto;
}


.clogo {
width:23%;
margin:1%;
float:left;
text-align:center;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.clogo:hover {
filter: brightness(1.6);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.clogo p {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.clogo:hover p {
color:#5179bd;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.clogo img {
max-height:112px;
}

.lisbox {
display:table;
margin:0 auto;
}
.lisbox h6 {
font-weight:300;
}
h6 {
font-size:24px;
margin:0 0 10px 0;
padding:10px;
color:#fff;
border: 2px solid #b78a00;
    background: #d29f00;
}
h6 {
position: relative;
padding-left: 47px;
display:table;

}
h6::before  {
content: '';
position: absolute;
background-image:url('images/lis@2x.png');
background-position: center;
background-repeat: no-repeat;
background-size:32px 32px;
margin: auto;
bottom: 0;
left: 8px;
top:0;
height: 32px;
width: 32px;
}

.rights {
font-size:16px;
text-align:center;
font-family: 'Cabin', sans-serif;
}







/* projects page */

.projects {

}


.projects h2 {
background-color:#d29f00;
padding:10px;
font-size:28px;
margin:10px auto 0 auto;
cursor:pointer;
border-radius:2px;
display:table;
width:80%;
}

.projects h2:hover {
background-color:#b58a03;
}

.projects h2 img {
float:right;
padding: 1px;
}

.project {
display:none;
margin:10px 0;
padding:10px 5px;
background-color: #d5d5d5;
}

.project2 {
margin:10px 0;
}


.before img {
}
.pic {
float:left;
position:relative;
width:49%;
margin:1% 0.5%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.pic::before {
content:"FULL SIZE";
color:#fff;
z-index: 1;
position:absolute;
left: 0;
font-family: 'Bellefair', serif;
font-size: 20px;
opacity:0;
width: 92px;
right: 0;
top: 50%;
transform: translateY(-50%);
margin: auto;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.pic:hover::before {
opacity:1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.pic img {
filter: brightness(1);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.pic:hover img {
filter: brightness(0.4);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}


.before h4 {
background-color:#000;
padding:10px;
color:#fff;
display:table;
margin:0 auto;
}

.details {
    background-color: #ffffff;
    margin: 0 0.5% 1% 0.5%;
    padding: 18px;
    border: 2px solid #d2d2d2;
}


.after img {
}
.after img:hover {
}

.after h4 {
background-color:#000;
padding:10px;
color:#fff;
display:table;
margin:0 auto;
}

.expandicon {
-webkit-transform: rotate3d(0, 0, 1, -0deg);
	transform: rotate3d(0, 0, 1, -0deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.spin {
-webkit-transform: rotate3d(0, 0, 1, -135deg);
	transform: rotate3d(0, 0, 1, -135deg);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.out {
display:block;
animation-name: fadeinstill;
animation-duration: 0.5s;
}

.details h1 {
font-size:39px;
}
.details h3 {
font-size:24px;
}
.details p {
font-size: 22px;
margin:10px 0;
}

.newp {
filter: saturate(150%)
}
.newp::after {
content:'New';
position:absolute;
top:5px;
left:5px;
font-size:13px;
padding:5px;
color:#000;
display:table;
background:#ffd400;
width: 35px;
text-align: center;
border:2px solid #000;
}
.oldp {
filter: sepia(80%)
}
.oldp::after {
content:'Old';
position:absolute;
top:5px;
left:5px;
font-size:13px;
padding:5px;
color:#fff;
display:table;
background:#353535;
width: 35px;
text-align: center;
border:2px solid #fff;
}

/* projects page */


/* Contact page and Form */

.contactleft {
width: 35%;
float:left;
}
.contactright {
width: 64%;
float:right;
}

.contactform h3 {
font-size:25px;
}

.closeform {
position:absolute;
right:10px;
top:10px;
}

.closeform:hover {
cursor: pointer;
}

.contactform input {
width: 90%;
height: 35px;
border: 0;
padding: 5px;
    font-size: 20px;
margin:10px 0;
background: #f0f0f0;

}
.contactform input:hover {
background-color:#d8d8d8;
}
.contactform textarea {
width: 90%;
border: 0;
background: #f0f0f0;
padding:5px;
font-size: 20px;
height:70px;
margin:10px 0;
}
.contactform textarea:hover {
background-color:#d8d8d8;
}
.contactform label {
font-weight:300;
}

.contactform select {
width: 91%;
border: 0;
padding: 11px;
font-size: 21px;
margin:10px 0;
background: #f0f0f0;
}

.wrap50 {
width:47%;
float:left;
}


.submitbtn input {
width:180px;
height:40px;
color:#fff;
background-color:#182233;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-ms-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
.submitbtn input:hover {
color:#000;
cursor: pointer;
}

.note {
float:right;
width:285px;
padding: 13px 62px;
}

/* Contact page and Form */

/* Footer */

footer {
padding: 1px 0;
background: #000;
}

footer p {
color:#fff;
}

/* Footer */

.mobileicon {
display:none;
}

.navmenu {
position:relative;
background-color:#182233;
font-family: 'Bellefair', serif;
height:60px;
}

nav {
display:table;
margin:0 auto;
}

.navmenu ul {
    position: relative;
    padding: 0px;
    white-space: nowrap;
    margin: 0px;
    text-align: center;
    list-style: none;
}

.navmenu ul li  {
float:left;
padding:16px 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.navmenu ul li:hover  {
background-color:#2a3d5d;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.navmenu ul li a {
position:relative;
font-size:24px;
padding: 16px 30px;
color:#fff;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.navmenu ul li:hover a  {
padding: 10px 15px 10px 45px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.navmenu ul li a::before  {
content: '';
position: absolute;
background-position: center;
background-repeat: no-repeat;
background-size:24px 24px;
margin: auto;
bottom: 0;
left: 5px;
top:0;
height: 24px;
width: 24px;
opacity:0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.navmenu ul li:hover a::before  {
opacity:1;
left: 15px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.navmenu ul li a.li0::before  {
background-image: url(images/home@2x.png);
}
.navmenu ul li a.li1::before  {
background-image: url(images/projects@2x.png);
}
.navmenu ul li a.li2::before  {
background-image: url(images/about@2x.png);
}
.navmenu ul li a.li3::before  {
background-image: url(images/lic@2x.png);
}
.navmenu ul li a.li4::before  {
background-image: url(images/contact@2x.png);
}


.colorproj {
background-color: #ffd141 !important;
}


/* Animations */

@keyframes menu {
  from {
    background-color:transparent;
  }

  50% {
    background-color: #2f2e26;
  }

  to {
    background-color: #000;
  }
}
@-webkit-keyframes menu {
  from {
    background-color:transparent;
  }

  50% {
    background-color: #2f2e26;
  }
s
  to {
    background-color: #000;
  }
}


@keyframes fadein {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@-webkit-keyframes fadein {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadein {
  animation-name: fadein;
  animation-duration: 1s;
}

@keyframes fadeinstill {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadeinstill {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeinstill {
  animation-name: fadeinstill;
  animation-duration: 1s;
}
@keyframes fadeinstillout {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@-webkit-keyframes fadeinstillout {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeinstillout {
  animation-name: fadeinstillout;
  animation-duration: 1s;
}


@-webkit-keyframes colorIn {
  from {
opacity: 0;
    filter:grayscale(100%);
-webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

50% {
opacity: 1;
    filter:grayscale(100%);
-webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}

  to {
    filter:grayscale(0%);
-webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes colorIn {
  from {
opacity: 0;
    filter:grayscale(100%);
-webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

50% {
opacity: 1;
    filter:grayscale(100%);
-webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}

  to {
    filter:grayscale(0%);
-webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.colorin {
-webkit-animation: colorIn 3s;
animation: colorIn 3s;
}

@-webkit-keyframes loader {
  from {
  -webkit-transform: rotate3d(0, 0, 1, -0deg);
	transform: rotate3d(0, 0, 1, -0deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -360deg);
	transform: rotate3d(0, 0, 1, -360deg);
  }
}
@keyframes loader {
  from {
  -webkit-transform: rotate3d(0, 0, 1, -0deg);
	transform: rotate3d(0, 0, 1, -0deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -360deg);
	transform: rotate3d(0, 0, 1, -360deg);
  }
}

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

60% {
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
    transform: scale3d(1.3, 1.3, 1.3);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

60% {
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
    transform: scale3d(1.3, 1.3, 1.3);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}


/* Animations */

/* Preloader */

#preloader {
position: fixed;
left: 0;
top: 0;
z-index: 9999;
width: 100%;
height: 100%;
overflow: visible;
background-color: #fff;
}

#preloader::before {
content:'';
position: absolute;
left: 0;
top: 0;
bottom:0;
right:0;
margin: auto;
height:220px;
width:145px;
background-image: url('images/loader.gif');
background-size:220px 145px;
background-position:center;
background-repeat:no-repeat;
z-index: 99999;
}

/* Preloader */



@media all and (max-width: 1300px) and (min-width: 0px) {

nav {
    margin: 0 0 0 auto;
}

}

@media all and (max-width: 1280px) and (min-width: 0px) {


.homeimgs {
display:table;
margin:0 auto;
}
.homeimgs img {
width:32%;
}
.companylogos {
text-align: center;
}
.companylogos img {
width:15%;
padding:0px;
height:auto;
margin:1%;
}

.companylogos img {
padding:0px;
}

}

@media all and (max-width: 1000px) and (min-width: 0px) {

p {
font-size:18px;
}


.mobileicon {
display:block;
position:fixed;
top:0;
left:0;
background-color:#182233;
z-index:99999;
padding:14px;
cursor:pointer;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.mobileicon:hover {
opacity:0.7;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

nav {
border-top:60px solid #182233;
}

.navmenu {
position:fixed;
display:block;
width:200px;
left:-200px;
background-color:#2a3d5d;
z-index:9999;
text-align:center;
height:100%;
}
.navmenu  ul {
padding:0;
margin-top: 15px;
}
.navmenu ul li {
list-style:none;
padding: 10px 0;
margin:0;
}

.navmenu ul li a {
color:#fff;
font-size:20px;
padding: 10px 30px;
}

.navmenu ul li a::before {
top: -3px;
}

header {
height:60px;
background-color:#182233;
}

.phone {
right: 0;
left: auto;
}

.downarrow {
display:none;
}

.logo {
padding: 0 20px;
}

.spacebg1 h1 {
font-size:36px;
}

.spacebg1 h1 span {
    margin: 0 auto !important;
    display: table;
}

.lisbox h6 {
font-size:18px;
}

}

@media all and (max-width: 970px) and (min-width: 0px) {
.contactleft {
float:none;
width: 100%;
}
.contactright {
float:none;
width: 100%;
}
}

@media all and (max-width: 940px) and (min-width: 0px) {
.homeimgs{
display:none;
}

.companylogos img {
width:22%;

}

@media all and (max-width: 700px) and (min-width: 0px) {
.testimony {
float:none;
width:94%;
}
.clogo {
width:48%;
}
}

@media all and (max-width: 630px) and (min-width: 0px) {

.note {
float:none;
display:table;
padding:0;
margin:8px auto;
}
.submitbtn {
text-align: center;
}

.contactform input {
width:98%;
}

.wrap50 {
float:none;
width:100%;
}

}

@media all and (max-width: 618px) and (min-width: 0px) {
.spacebg1 h1 {
font-size:36px !important;
}
.logo {
width: 280px;
}
}


@media all and (max-width: 425px) and (min-width: 0px) {
.spacebg1 h1 span {
font-size:38px;
}
.clogo {
width:98%;
}
}

@media all and (max-width: 340px) and (min-width: 0px) {
.logo {
width: 180px;
}
.projectsbox {
display:none;
}
}