body, p {
    margin: 0;
}
h1, h2, h3, h4, h5, ol, ul {
    margin: 0 0 10px;
}
.bannerdiv li, .homemenu li {
    display: block;
}
.calldiv, .welcomebg {
    background-repeat: no-repeat;
    background-size: cover;
}
.contactdetails li img, .featurepic img, .footer img, .logo img, .moblogo img, .projectpic img, .social img {
    max-width: 100%}
    .footer{background-image:url(../images/footerbg.png);background-position:center;background-repeat:no-repeat;height:154px;background-size: cover;}
.formSubmit, a {
    text-decoration: none;
}
.contactform h1, .formSubmit, .innerhead {
    text-transform: uppercase;
}
body {
    padding: 0;
    font-size: 16px;
    font-family: 'Libre Franklin', sans-serif;
}
p {
    padding: 0 0 10px;
    text-align: justify;
}
h1, h2, h3, h4, h5 {
    padding: 0;
    font-family: 'Josefin Sans', sans-serif;
}
ul li {
    line-height: 21px;
}
img {
    border: 0;
}
.clear {
    clear: both;
}
.sideOpen2 .sideMenu2 {
    right: 0;
}
.Usefullinfo2 {
    padding: 8px;
}
.sideMenu2 p {
    text-align: center;
    padding-bottom: 0;
    color: #fff;
}
.headerContainerWrapper2 {
    position: fixed;
    right: 0;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    margin-top: 150px;
    z-index: 1000;
}
.sideOpen2 .headerContainerWrapper2 {
    right: -350px;
}
.closeTrigger2 {
    font-weight: 700;
    color: #fff;
    font-size: 30px;
    float: left;
    margin-left: -10%;
    margin-top: 0;
}
.sideMenu2 {
    position: fixed;
    z-index: 9999;
    right: -550px;
    height: auto;
    width: 300px;
    background-color: #0d2e62;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    margin-top: 150px;
}
.sideMenu2 a {
    color: #fff;
}
.headermenudiv {
    width: 20%;
    float: left;
}
.bannerdiv img {
    width: 100%}
.bannerdiv {
    width: 80%;
    float: right;
}
.bannerdiv ul {
    margin: 0;
    padding: 0;
}
.logo {
    text-align: center;
    margin: 60px 2% 75px;
}
.homemenu ul {
    margin: 0;
    padding: 0;
    text-align: left;
}
.homemenu li {
    padding: 25px 0;
}
.homemenu li a {
    color: #000;
}
.homemenu {
    margin-left: 30%}
.social ul {
    margin: 0;
    padding: 0;
    text-align: center;
}
.social li {
    display: inline-block;
    padding: 20px 5%}
.social {
    margin: 55px 0 0;
}
.welcomediv {
    position: relative;
    
}
.welcomebg {
    background-image: url(../images/projectbg.png);
    padding-bottom: 40px;
}
.calldiv {
    background-image: url(../images/call.png);
    padding: 15px 0;
    width: 22%;
    position: absolute;
    right: 0;
}
.calldetails {
    text-align: right;
    padding: 0 7%}
.calldetails a {
    color: #fff;
    font-size: 14px;
}
.welcomedetails {
    width: 40%;
    position: absolute;
    right: 5%;
    top: -20px;
    cursor:pointer;
}
.welcomeheading {
    padding: 70px 0 0;
    font-weight: lighter;
    color: #0c336e;
}
.welcomedetails p {
    color: #0c336e;
}
.main h1 {
    font-size: 40px;
}
.projectinfo a {
    color: #fff;
}
.projectpic {
    width: 40%;
    float: left;
    text-align: center;
    margin-top: 25px;
}
.projectinfo {
    width: 60%;
    float: right;
}
.projectsdiv {
    background-color: #fbaa00;
    padding-bottom: 40px;
    cursor:pointer;
}
.project {
    width: 98%;
    margin: auto;
}
.projectinfo ul {
    margin: 30px 0 0;
    padding: 0;
    text-align: left;
}
.contactdetails li p, .contactdetails ul, .contactform h1, .copyright p, .copyright p a, .features ul, .formSubmit, .formsbm, .innercopyright p, .missioncontent, .projectsdiv h1, .protagline, .protagline p, .vission {
    text-align: center;
}
.projectinfo li {
    padding: 10px 5%;
    list-style-position: inside;
    color: #fff;
}
.projectinfo h2 {
    color: #fffefa;
}
.projectinfo p 
{ padding:10px 0 0 5%; font-weight:bolder;color:#fff;
}
.border {
    border-bottom: 1px solid #fffefa;
    width: 50%;
    margin: 0 auto 20px;
}
.projectheading {
    padding: 450px 0 10px;
}
.featurediv {
    margin: 50px auto;
    width: 95%}
.featurepic {
    width: 50%;
    float: left;
}
.features {
    width: 50%;
    float: right;
}
.features ul {
    margin: 0;
    padding: 0;
}
.features li {
    display: inline-block;
    width: 45%;
    padding: 55px 0;
}
.featurecontent, .featureicon {
    display: table-cell;
    vertical-align: middle;
}
.featureicon {
    width: 30%;
    border-right: 1px solid #fbaa00;
}
.featurecontent {
    color: #0c336e;
    font-size: 14px;
    width: 60%}
.copyright, .footer img {
    width: 100%}
.bannerresdiv, .innermobilemenus, .mobWelcomebg, .mobcopyright, .moblogo, .mobsocial, .mobwelcomedetails, .top {
    display: none;
}
.featurecontent p {
    padding: 0 0 0 3%}
.footer {
    position: relative;
}
.copyright {
    position: absolute;
    bottom: 40px;
}
.copyright p, .copyright p a {
    font-size: 13px;
    color: #fff;
}
.top {
    position: fixed;
    bottom: 60px;
    right: 20px;
    z-index: 10000000;
}
.projectsdiv h1 {
    color: #fffefa;
}
.innerheader {
    background-color: #0c3270;
}
.innerlogomain {
    float: left;
    width: 40%}
.innerlogo {
    position: absolute;
    top: 0;
    background-color: #fff;
    padding: 25px 12px;
}
.innermenu {
    float: right;
    width: 60%}
.innermenu ul {
    margin: 0;
    padding: 0;
}
.innermenu ul li {
    display: inline-block;
    padding: 10px 6% 2px 6%;}
.innermenu li a {
    color: #fff;
    font-size: 15px;
}
.innerbanner img {
    width: 100%}
.innerhead {
    float: left;
    width: 84%;
    color: #0c346f;
}
.innerbreadcrump {
    float: right;
    width: 10%;
    font-size: 12px;
    padding: 10px 0;
}
.headbg, .probg, .proimg, .proleft {
    float: left;
}
.innerbreadcrump a {
    color: #fcbc58;
}
.innermain {
    width: 95%;
    margin: 0 auto;
}
.headbg {
    background-color: #fbab00;
    padding: 18px 0;
    margin-left: -3%;
    margin-right: 1%;
    width: 39px;
}
.innercopyright {
    background-color: #1f3b63;
    padding: 30px 0;
}
.innercopyright a, .innercopyright p {
    color: #fff;
}
.innercopyright p {
    padding: 0;
    font-size: 13px;
}
.innerhead h1 {
    border-left: 35px solid #fbab00;
    padding-left: 18px;
}
.aboutuscontent {
    background-color: #eee;
    padding: 20px;
    margin: 10px 0 0 35px;
    color: #0d0d0d;
}
.vission {
    margin: 40px 0;
}
.vission h1 {
    margin: 10px 0;
    color: #0c346f;
}
.missioncontent {
    width: 55%;
    margin: 0 auto;
    border-left: 10px solid #fbab00;
    border-right: 10px solid #fbab00;
}
.missioncontent p {
    padding: 0 5%;
    color: #0d0d0d;
}
.contentleft {
    background-color: #fbab00;
    padding: 20px;
}
.probg, .protagline {
    background-color: #0c336e;
}
.projects {
    width: 80%;
    margin: 20px auto;
}
.projectdetails {
    width: 60%;
    margin: 20px auto;
}
.projects h1 {
    text-align: center;
    color: #fbaa01;
    margin-top: 15px;
}
.projectdetails ul {
    margin: 0;
    padding: 0;
}
.proleft li, .proright li {
    list-style-image: url(../images/amruthaprojectbullets.jpg);
    width: 100%;
    color: #262626;
    padding: 2px 1%}
.probg {
    width: 2%;
    padding: 110px 0;
    margin: 70px 0;
}
.proimg {
    width: 96%}
.proimg img {
    width: 100%}
.proleft {
    width: 47%}
.proright {
    float: right;
    width: 46%}
.protagline {
    font-weight: 700;
    width: 60%;
    margin: auto auto 20px;
    border-radius: 20px;
    color: #fff;
    -webkit-box-shadow: -1px 8px 13px 0 rgba(0, 0, 0, .75);
    -moz-box-shadow: -1px 8px 13px 0 rgba(0, 0, 0, .75);
    box-shadow: -1px 8px 13px 0 rgba(0, 0, 0, .75);
}
.contactform, .formtxtbox {
    background-color: #1b2a41;
}
.protagline p {
    padding: 16px;
}
.contactdetails ul {
    margin: 0;
    padding: 0;
}
.contactdetails ul li {
    display: inline-block;
    width: 33%;
    vertical-align: top;
}
.bgopacity, .mobamrutapro, .mobbanner, .mobmenu {
    display: none;
}
.contactdetails li a {
    color: #000;
}
.contactdetails li p {
    padding: 10px 0 0;
}
.contactform {
    float: left;
    width: 40%;
    height: 425px;
}
.contactmap {
    float: right;
    width: 60%}
.contactmain {
    margin: 20px 0;
}
.contactform h1 {
    color: #fff;
    margin: 30px 0;
}
.formleft {
    float: left;
    width: 16%;
    padding: 15px 4%;
    color: #fff;
}
.formright {
    float: right;
    width: 76%;
    padding: 15px 0;
}
.formtxtbox {
    border: none;
    width: 90%;
    border-bottom: 1px solid #fff;
    color: #fff;
}
.bgopacity, .contactmap iframe {
    width: 100%}
.formsbm {
    padding: 5px 0;
}
.formSubmit {
    background-color: #fbab00;
    color: #000;
    padding: 5px 8px;
}
.mobwelcomedetails a, .welcomedetails a {
    color: #0c336e;font-weight: bold;
}
.bgopacity {
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    height: 100%;
    overflow: hidden;
    background-color: #000;
    background-color: rgba(0, 0, 0, .4);
}
.fb .sprite, .infrastru .sprite, .insta .sprite, .link .sprite, .responsteam .sprite, .resprice .featureicon .sprite, .resrcwork .sprite, .youtube .sprite {
    background-repeat: no-repeat;
    display: block;
}
.fb .sprite {
    background-image: url(../images/fbicon.png);
}
.mobsocial li .sprite-fbicon, .mobsocial li .sprite-insta, .mobsocial li .sprite-linkdin, .mobsocial li .sprite-youtube, .social li .sprite-fbicon, .social li .sprite-insta, .social li .sprite-linkdin, .social li .sprite-youtube {
    width: 27px;
    height: 28px;
    background-position: -5px -5px;
}
.insta .sprite {
    background-image: url(../images/insta.png);
}
.youtube .sprite {
    background-image: url(../images/youtube.png);
}
.link .sprite {
    background-image: url(../images/linkedin.png);
}
.resprice .featureicon .sprite {
    background-image: url(../images/reasonableprice.png);
}
.featureicon .sprite-reasonableprice {
    width: 80px;
    height: 55px;
}
.infrastru .sprite {
    background-image: url(../images/infrastructure.png);
}
.sprite-infrastructure {
    width: 37px;
    height: 55px;
}
.resrcwork .sprite {
    background-image: url(../images/resourcefulwork.png);
}
.sprite-resourcefulwork {
    width: 79px;
    height: 61px;
}
.responsteam .sprite {
    background-image: url(../images/responsibleteam.png);
}
#leftquotes, #rightquotes, .vission .sprite {
    display: inline-block;
    background-repeat: no-repeat;
}
.sprite-responsibleteam {
    width: 59px;
    height: 62px;
}
.vission .sprite {
    background-image: url(../images/missionvissionicon.png);
}
.sprite-missionvissionicon {
    width: 150px;
    height: 103px;
    background-position: -5px -5px;
}
.sprite-QB, .sprite-QT {
    width: 28px;
    height: 20px;
    background-position: -5px -5px;
}
#leftquotes {
    background-image: url(../images/QB.png);
}
#rightquotes {
    background-image: url(../images/QT.png);
}
.headerContainer2 .sprite, .sideMenu2 .sprite {
    background-image: url(../images/call.png);
    background-repeat: no-repeat;
    display: block;
}
.headerContainer2 .sprite-call, .sideMenu2 .sprite-call {
    width: 41px;
    height: 41px;
}
.top .sprite {
    background-image: url(../images/AVtopicon.png);
    background-repeat: no-repeat;
    display: block;
}
.sprite-AVtopicon {
    width: 59px;
    height: 59px;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated .infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animated .hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
.animated .bounceIn, .animated .bounceOut, .animated .flipOutX, .animated .flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}
@-webkit-keyframes zoomIn {
    from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
}
50% {
    opacity: 1;
}
}@keyframes zoomIn {
    from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
}
50% {
    opacity: 1;
}
}.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}


.flrPlan ul { margin:0; padding:0; text-align:center;}
.flrPlan ul li { display:inline-block; width:48%;margin: 10px 0.5%;}
.flrPlan ul li img { max-width:100%; border: 1px solid #A9A9A9;border-radius: 14px;-webkit-box-shadow: -1px 4px 14px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 4px 14px 0px rgba(0,0,0,0.75);
box-shadow: -1px 4px 14px 0px rgba(0,0,0,0.75);}

.flrPlan p{color: #262626;text-align: center;margin-top: 10px;font-weight: bold;}



.gallery ul { margin:0; padding:0; text-align:center}
.gallery li { display:inline-block; padding:10px; width:47%;}
.gallery li img { max-width:100%;}


@media(max-width:1200px) {
    .homemenu li {
    padding: 15px 0;
}
.logo {
    margin: 50px 2% 40px;
}
.social {
    margin: 50px 0 0;
}
.featurecontent {
    font-size: 12px;
}
.features li {
    padding: 45px 0;
    width: 49%}
.copyright {
    bottom: 30px;
}
.welcomebg {
    margin-top: 80px;
}
.calldiv {
    width: 25%;
    top: -80px;
}
.welcomedetails {
    top: -80px;
    width: 50%}
.projectheading {
    padding: 380px 0 10px;
}
.innerbreadcrump {
    width: 12%}
.innerhead {
    width: 82%}
.probg {
    display: none;
}
.proimg {
    float: none;
    width: 100%}
}@media(max-width:999px) {
    .headermenudiv {
    width: 30%}
.bannerdiv {
    width: 70%}
.logo {
    margin: 27px 2%}
.homemenu li {
    padding: 10px 0;
}
.social {
    margin: 0;
}
.featurecontent {
    font-size: 9px;
}
.features li {
    padding: 25px 0;
    width: 49%}
.copyright {
    bottom: 20px;
}
.calldiv {
    width: 32%;
    top: -140px;
}
.welcomebg {
    margin-top: 80px;
}

.projectheading {
    padding: 300px 0 10px;
}
.innermenu ul li {
    padding: 10px 5% 2px 5%;}
.innerbreadcrump {
    width: 15%}
.innerhead {
    width: 78%}
.contactdetails ul li {
    width: 30%;
    padding: 0 1.5%}
.formleft {
    width: 20%}
.formright {
    width: 72%}
.aboutuscontent {
    margin: 0;
}
.vission {
    margin: 30px 0;
}
.welcomeheading {
    padding: 10px 0 0;
}

.gallery li { width:45%;}

}@media(max-width:800px) {
    .bannerresdiv ul, .homemenu ul, .moblogo {
    text-align: center;
}
.bannerresdiv, .innermobilemenus, .moblogo {
    display: block;
}
.bannerdiv, .homemenu, .logo, .social {
    display: none;
}
.innermobilemenus {
    position: absolute;
    top: 35px;
    right: 2%;
    z-index: 10000;
}
.innermobilemenus img {
    cursor: pointer;
}
.homemenu {
    background-color: #ffae00;
    z-index: 100;
    width: 100%;
    position: absolute;
    top: 80px;
    margin: 0 auto;
}
.mobWelcomebg, .mobsocial {
    display: block;
}
.homemenu li {
    padding: 5px 0;
    border-bottom: 1px solid #0f3a62;
}
.headermenudiv {
    width: 100%;
    float: none;
}
.mobheader {
    position: relative;
}
.copyright, .footer {
    position: static;
}
.owlbanner li img {
    width: 100%;
    max-width: 100%}
.owlbanner li {
    list-style: none;
}
.bannerresdiv ul {
    margin: 0;
    padding: 0;
}
.homemenu li a {
    color: #133966;
}
.homemenu li:last-child {
    border-bottom: none;
}
.featurepic {
    float: none;
    width: 100%}
.featurepic img {
    width: 100%}
.features {
    float: none;
    width: 100%}
.features li {
    padding: 40px 0;
}
.featurecontent {
    font-size: 14px;
}
.calldiv {
    width: 42%;
    top: 0;
}
.welcomedetails {
    width: 96%;
    margin: 5px auto;
}
.mobWelcomebg img, .mobmenu {
    width: 100%}
.mobsocial {
    margin-top: -300px;
    text-align: right;
}
.mobwelcomedetails p, .welcomedetails p {
    text-align: left;
}
.mobsocial ul {
    margin: 0;
    padding: 0;
}
.mobsocial ul li {
    display: inline-block;
    padding: 20px 2%}
.mobsocial ul li img {
    max-width: 100%}
.footer img {
    display: none;
}
.footer {
    bottom: 5px;
    background-color: #1f3b63;
    padding: 30px 0;background-image:none;height:auto;
}
.copyright p {
    padding: 0;
}
.mobcopyright {
    display: block;
}

.projectsdiv h1 {
    padding: 60px 0 0;
}
.projectinfo li {
    padding: 5px 5%}
.border {
    margin: 0 auto 10px;
}
.featurediv {
    margin: 10px auto;
}
.projectsdiv {
    padding-bottom: 20px;
}
.projectheading {
    padding: 170px 0 10px;
}
.mobwelcomedetails {
    display: block;
    padding: 0 2%}
.amrutapro, .welcomedetails {
    display: none;
}
.mobwelcomedetails h1, .mobwelcomedetails p {
    color: #0c336e;
}
.mobwelcomedetails h1 {
    padding: 0;
    font-weight: lighter;
}
.welcomebg {
    background-image: none;
    margin-top: 0;
}
.mobamrutapro, .mobbanner {
    display: block;
}
.innerheader, .innerpagebanner {
    display: none;
}
.mobmenu {
    background-color: #ffae00;
    z-index: 100;
    position: absolute;
    top: 84px;
    margin: 0 auto;
}
.mobmenu li {
    display: block;
    padding: 5px 0;
    border-bottom: 1px solid #0f3a62;
}
.mobmenu ul {
    text-align: center;
    margin: 0;
    padding: 0;
}
.mobmenu li a {
    color: #133966;
}
.innerbreadcrump {
    width: 20%}
.innerhead {
    width: 72%}
.contactdetails ul li {
    width: 100%;
    padding: 5px 0;
}
.contactform, .contactmap {
    float: none;
    width: 100%}
.projectdetails, .projects {
    width: 90%}
.contactform h1 {
    margin: 0;
    padding: 20px 0 0;
}
.innercontenthead {
    margin: 20px 0;
}
.mobmenu li:last-child {
    border-bottom: none;
}
.moblogo {
    width: 70%;
    margin: 20px auto;
}
.innermobilemenus img {
    max-width: 100%;
    width: 45px;
}
}@media(max-width:700px) {
    .missioncontent {
    width: 90%}
.protagline {
    width: 86%}
.innermobilemenus {
    top: 26px;
}
.homemenu, .mobmenu {
    top: 70px;
}
.flrPlan ul li { width:48%; }
}@media(max-width:600px) {
    .innerbreadcrump p, .innerhead, .projectinfo h2, .projectpic {
    text-align: center;
}
.projects {
    width: 98%}
.homemenu, .mobmenu {
    top: 70px;
}
.innermobilemenus {
    top: 25px;
}
.calldiv {
    width: 55%}
.innerbreadcrump, .innerhead, .projectinfo, .projectpic, .proleft, .proright {
    float: none;
    width: 100%}
.projectinfo h2 {
    padding: 10px 0;
}
.mobsocial {
    margin-top: -220px;
}
.projectheading {
    padding: 130px 0 10px;
}
.projectsdiv h1 {
    padding: 30px 0 0;
}
.innerhead {
    margin: 20px 0 0;
}
.aboutuscontent {
    margin: 0;
    padding: 10px 5px;
}
.vission {
    margin: 20px 0;
}
.innerbreadcrump {
    padding: 0;
}
.contactdetails ul li p {
    font-size: 16px;
}
.proleft ul:first-child, .proright ul:first-child {
    margin-bottom: 0;
}
.propadd {
    margin: 0;
}
.headbg {
    margin-left: 23%}
.innerhead h1 {
    display: inline-block;
}
.welcomebg {
    padding-bottom: 0;
}

.gallery li { width:100%; padding:10px 0;}


}@media(max-width:450px) {
    .innermobilemenus {
    top: 17px;
}.flrPlan ul li{width:80%;margin:8px auto}
.homemenu, .mobmenu {
    top: 54px;
}
.calldiv {
    width: 70%}
.projectheading {
    padding: 90px 0 10px;
}
.mobsocial {
    margin-top: -180px;
}
.mobfeature {
    width: 60%;
    margin: auto;
}
.featurecontent, .featureicon {
    display: block;
    width: 100%;
    border: 0;
    padding: 0;
}
.featurecontent p {
    text-align: center;
}
.features li {
    padding: 15px 0;
    display: block;
    width: 100%}
.protagline {
    width: 94%}
.innermobilemenus img {
    width: 35px;
}
}@media(max-width:350px) {
    .calldiv {
    width: 95%}
.copyright p, .copyright p a {
    font-size: 12px;
}
.mobsocial {
    margin-top: -160px;
}
.projectheading {
    padding: 70px 0 10px;
}
.homemenu, .mobmenu {
    top: 52px;
}
.innerhead h1, .projectdetails h1, .vission h1 {
    font-size: 25px;
}
.flrPlan ul li {  width:100%; }
}