@charset "utf-8";

/* CSS Document */



@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');



body{margin:0px; padding:0px; font-family: 'Titillium Web', sans-serif;}

.containerDiv{width:100%;  }

.col-md-1{ width:20%; float:left; position:fixed;}

.col-md-2{ width:80%; float:right;  border-left:1px solid #dbdbdb;}

.clearFix{ clear: both; }

.proj-row{ margin:0px -15px; }

.proj-md-2{ width: 50%; float: left; }

.proj-padd{ padding: 15px; }

.sriOmTxt{ font-size: 24px; font-style: italic; }

.sriOmTxt span{ display: block; font-weight: bold; font-size: 50px; line-height: 30px; }

.projectdetails{ padding-top:20px; font-size: 18px;  }

.projectdetails ul{ list-style: none; margin:0px; padding: 0px; }

.projectdetails ul li{ list-style: disc; margin:0px 0px 0px 20px; padding:5px 0px; }

.paddngDiv{padding:20px; }

.logoDiv{width:216px; float:right;}

.logoDiv img{width:100%; display:block;}

h1{ margin:0px; padding:0px; font-weight:500; font-size:34px; color:#f1701f;}

h2{ margin:0px; padding:0px; font-weight:500; font-size:34px; color:#f1701f;}

p{line-height:28px; font-size:18px; color: #6d6d6d;}



.menuDiv{ padding:10px 0px 0px 0px; margin:0px; clear:both; }

.menuDiv ul{ list-style:none; margin:0px; padding:0px;}

.menuDiv ul li{ text-align:right; color:#000000; line-height:28px; padding:0px; margin:0px; border-bottom:1px solid #dbdbdb; font-size:18px;}

.menuDiv ul li a{ color:#000000; text-decoration:none; padding:15px 20px; display:block; text-transform:uppercase;}

.menuDiv ul li:last-child{ border-bottom:0px;}

.menuDiv ul li a:hover{ color: #ffffff; background: #393184;}

.quickContact{clear:both; background:#ed6b1f; padding:8px 20px; border-radius:6px; float:right; margin:30px 0px 0px 0px;

text-align:right; font-size:18px; color:#ffffff;}

.quickContact span{font-size:26px; display:block; line-height: 26px;}



.footer-col-1{clear:both; padding:20px 0px 0px 0px; overflow:hidden; text-align:right; font-size:13px;}



.scrollDiv{clear:both; overflow:hidden; padding-bottom:30px;}

.boxImgDiv{width:100%; position:relative; }

.boxImgDiv img{ width:100%; display:block;}

.boxCaption{padding:10px 20px; overflow:hidden; font-size:30px; text-transform:uppercase; color:#ffffff;

position:absolute; width:100%; bottom:0px;}

.boxCaption a{ text-decoration:none; color:#ffffff;}

.boxCaption  span{ display:block; font-size:50%;}



.footer-col-2{clear:both; padding:20px 0px; overflow:hidden; text-align:center; font-size:12px; border-top:1px solid #dbdbdb; display:none;}

.mobIcn{ display:none;}



a.readMoreBtn{ display:inline-block; text-decoration:none;}

a.readMoreBtn div{ padding:10px 20px; color:#ffffff; font-size:16px; font-weight:normal; background:#393184; margin:10px 0px 0px 0px; border-radius: 30px;}

.services ul{ margin:0px; padding:0px;}

.services ul li{ margin:8px 0px 0px 20px; padding:0px; float:left; width:30%; color:#000000; font-size:14px; line-height:28px;}



.rightDivInn{width:500px; overflow:hidden;}

.rightDivInn ul{list-style:none; margin:0px; padding:0px;}

.rightDivInn ul li{list-style:none; margin:5px 0px; padding:0px;}

.defaultBtn{background:#333333; color:#ffffff; font-size:18px; border:0px; padding:10px 20px; cursor:pointer;

 font-family: 'Open Sans', sans-serif;}

.textBox{padding:10px; color:#666666; border:1px solid #cdcdcd; box-sizing:border-box; width:100%; font-family: 'Open Sans', sans-serif;

font-size:16px;}



.contentBox{padding:20px 40px; overflow:hidden;}

.paddingtopCntent{padding:20px 0px 0px 0px; clear:both;}



.footer-col-1 p{ font-size: 14px; }

.footer-col-1 p a{ text-decoration: none; color:#ed6b1f; }





/* define a fixed width for the entire menu */

.navigation {

 /*width: 300px;*/

}




@media (min-width: 768px) {

    .col-md-1 {
    /*  position: relative;*/
      z-index: 2000; /* make menu column above slider */
    }

    .col-md-2 {
    /*  position: relative;*/
      z-index: 1; /* keep slider lower */
    }


    /* Parent li remains relative */
    /* main menu */
    .mainmenu {
      list-style: none;
      margin: 0;
      padding: 0;
      position: relative;
      z-index: 1000; 
    }

    /* submenu hidden by default */
    .submenu {
      display: none;
      position: absolute;
      top: 25%;               /* aligns top of submenu with parent li */
      left: 100%;           /* pushes submenu to the right of parent */
      background: #ec6814;  /* orange background */
      min-width: 200px;
      padding: 0;
      margin: 0;
      z-index: 2000;        /* makes sure submenu is above other content */
    }

    /* show submenu on hover */
    .mainmenu li:hover > .submenu {
      display: block;
    }

    /* submenu links */
    .submenu li a {
      display: block;
      padding: 10px 15px;
      color: #fff;
      text-decoration: none;
      border-bottom: 1px solid rgba(255,255,255,0.2);
      white-space: nowrap; /* prevents text wrapping */
    }

    /* last submenu item without border */
    .submenu li:last-child a {
      border-bottom: none;
    }

    /* hover effect */
    .submenu li a:hover {
      background: #393184; /* purple hover */
      color: #fff;
    }

}



@media (max-width: 768px) {

    .mainmenu, .submenu {

     list-style: none;

     padding: 0;

     margin: 0;

    }



    /* make ALL links (main and submenu) have padding and background color */

    .mainmenu a {

     display: block;

     /*background-color: #CCC;*/

     text-decoration: none;

     padding: 10px;

     color: #000;

    }



    /* add hover behaviour */

    .mainmenu a:hover {

     background-color: #C5C5C5;

    }





    /* when hovering over a .mainmenu item,

      display the submenu inside it.

      we're changing the submenu's max-height from 0 to 200px;

    */



    .mainmenu li:hover .submenu {

     display: block;

     max-height: 200px;

    }



    /*

      we now overwrite the background-color for .submenu links only.

      CSS reads down the page, so code at the bottom will overwrite the code at the top.

    */



    .submenu a {

     /*background-color: #999;*/

    }



    /* hover behaviour for links inside .submenu */

    .submenu a:hover {

     /*background-color: #666;*/

    }



    /* this is the initial state of all submenus.

      we set it to max-height: 0, and hide the overflowed content.

    */

    .submenu {

     overflow: hidden;

     max-height: 0;

     -webkit-transition: all 0.5s ease-out;

    }
}