/* Fonts */
@import url(effect.css);
@import url(stellarnav.css);
@import url(../font-awesome.min.css);
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Raleway:500,700,800');
@import url('https://fonts.googleapis.com/css?family=Bree+Serif');
/* Fonts */
html {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}
body{ 
font-family: 'Open Sans'; font-weight:normal; padding:0; color:#222; font-weight:400; background:#e8f7f8;
font-size:15px;
line-height:1.3;
height:100%; 
min-height:100%;
}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

img{border:0;}

*{ box-sizing:border-box;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-ms-transition: 1s;
transition: 1s;
}
*:hover{
}

a{color:#373737; text-decoration:none;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-ms-transition: 1s;
transition: 1s;
}
a:hover{text-decoration:none; color:#138acc;}

h1, h2, h3, h4{margin:0 0 20px; padding:0; font-weight:normal;}


/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */
.wrap {
    width: 1150px;
    margin: 0 auto;
    position: relative;
}

.header-top {
    background: #ebe9e9;
    border-bottom: 1px #d1cfcf solid;
    color: #71777b;
    display: block;
    overflow: hidden;
    text-transform: uppercase;
    height: 28px;
}

    .header-top ul {
        float: right;
        list-style:none;
    }

        .header-top ul li {
            border-left: 1px #acb1b4 solid;
            float: left;
        }

            .header-top ul li a {
                display: block;
                padding: 3px 4px 0px 5px;
                color: #71777b;
            }

                .header-top ul li a:hover {
                    background: #ffffff;
                }

            .header-top ul li:first-child {
                border: none;
                padding: 0px 6px;
                font-size: 10px;
            }

            .header-top ul li:last-child {
                border-right: 1px #acb1b4 solid;
            }

            .header-top ul li select {
                padding: 2px 3px;
            }

.header{margin:0; padding:0; background:#fafafb;}
.header a.logo{float:left; position:relative;}

.add-on .input-group-btn > .btn {
  border-left-width:0;left:-2px; background:#057bbf; color:#fff; cursor:pointer;
}
/* stop the glowing blue shadow */
.add-on .form-control:focus {
 border-color:#cccccc; 
}
.add-on label{display:block; clear:both; overflow:hidden;}

.navigation-area{display:block;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9fa+0,ebebed+100 */
background: #fff; /* Old browsers */
background: -moz-linear-gradient(top,  #fff 0%, #ebebed 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fff 0%,#ebebed 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fff 0%,#ebebed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#ebebed',GradientType=0 ); /* IE6-9 */
}
.navigation-area > div{position:relative;}

.banner-area{position:relative; top:160px}
.fixedhead1 {
    position: fixed;
    z-index: 999;
    width: 100%
}
.home-products-box{margin:0 auto; position:relative; top:100px; margin-bottom:-145px; z-index:100;}
/*.home-products-box [class^="col-"] > div{ display:block; background-color:rgba(2,134,165,0.9); overflow:hidden; padding:15px 20px; text-align:center; border-bottom:6px #2f3282 solid;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}*/
    .home-products-box [class^="col-"] > div {
        display: block;
        background-color: rgba(2,134,165,0.9);
        overflow: hidden;
        padding: 15px 20px;
        text-align: center;
        border-bottom: 6px #2f3282 solid;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
        height: 540px;
    }
    /*.home-products-box  .second {
        background-color: rgba(11,207,143,0.9)!important;
    }*/
    .home-products-box h2 {
        font-size: 22px;
        text-transform: uppercase;
        color: #fff;
        line-height: 0.6em;
        margin: 0 0 10px;
        padding: 0 0 15px;
        font-family: 'Raleway';
        font-weight: 800;
        border-bottom: 1px #eee solid;
    }
.home-products-box p{line-height:1.5; font-size:13px; text-transform:uppercase; color:#fff; margin-bottom:10px;}
.home-products-box a.button{padding:8px 20px; text-transform:uppercase; font-size:12px; color:#fff; background:#004281; border-radius:20px;}
.home-products-box a{color:#fff; }
.home-products-box a.button:hover{background:#004281; color:#79e2e7;}
    .home-products-box .rounded-circle {
        background: #fff;
        width: 100px;
        height: 100px;
        text-align: center;
        margin: 0 auto 10px;
        line-height: 100px;
    }
.home-products-box ul li .fa{ color:#79e2e7}

.home-products-box ul {
		width:100%;
		margin:0;
		padding:0;
        text-align: left;
    }

    .home-products-box ul li {
        width: 100%;
        padding: 6px 5px 6px 0px;
        margin-left: 13px;
        display: inline-block;
        text-align: left;
        border-bottom: 1px solid #20b7da;
    }
.home-products-box ul li a {               
                background-color: transparent;
                border-radius: 0;
            }
.home-products-box ul  li{			
			/*background: url("../images/bullet4.png") no-repeat left 10px;*/ 
            margin-left:0px}
    .home-products-box p {
        border-bottom: 1px solid #89f2ce;
        padding-bottom: 10px;
    }		
.topScroll{background-color:rgba(2,63,106,0.5); color:#fff; position:absolute; top:0; z-index:10; padding:6px 0; width:100%}			

.banner-space{margin-bottom:30px;}
.banner-space [class^="col-"] > div{background:#87e0ef; padding:25px 0; text-align:center; font-size:22px; color:#fff; margin-bottom:15px;}
.banner-space .carousel-control-prev, .banner-space .carousel-control-next{width:auto; color:#000; font-size:22px;}
.banner-space .carousel-control-prev{ left:-25px;}
.banner-space .carousel-control-next{ right:-25px;}


.three-circle-area{padding-top:280px; padding-bottom:45px;}
.three-circle-area h3{font-family:'Raleway'; font-weight:800; color:#2d4580; text-transform:uppercase; margin:0; padding:10px 0; font-size:36px;}
.three-circle-area p{line-height:1.5; margin-bottom:20px;}
.three-circle-area a{padding:8px 20px; text-transform:uppercase; font-size:12px; color:#000; background:#fff; border-radius:20px;}
.three-circle-area a:hover{background:#004281; color:#fff;}
.three-circle-area [class^="col"]{margin-bottom:10px;}
.three-circle-area [class^="col"]:last-child h3{font-size:48px;}
.three-circle-area [class^="col"]:last-child{ font-size:18px;}
.three-circle-area [class^="col"]:last-child a{padding:12px 25px; background:rgba(2,134,165,0.9) ; text-transform:uppercase; font-size:16px; color:#fff;}
    /*.three-circle-area [class^="col"]:last-child a {
        padding: 12px 25px;
        background: #37cc92;
        text-transform: uppercase;
        font-size: 16px;
        color: #fff;
    }*/

.logo-scroll-area {
    background: #def6fd;
    padding: 20px 0;
    display: block;
    clear: both;
    overflow: hidden;
    border-top: 1px solid #6ebdee
}

    .logo-scroll-area a img {
        float: left;
        margin-right: 3px;
        margin-bottom: 5px;
    }

    .logo-scroll-area a:last-child img {
        margin-right: 0px;
    }

/*.footer{ padding:30px 0; display:block; color:#fff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1075ab+0,129cc1+50,1075ab+100 
background: #1075ab; /* Old browsers 
background: -moz-linear-gradient(left,  #1075ab 0%, #129cc1 50%, #1075ab 100%); /* FF3.6-15 
background: -webkit-linear-gradient(left,  #1075ab 0%,#129cc1 50%,#1075ab 100%); /* Chrome10-25,Safari5.1-6 
background: linear-gradient(to right,  #1075ab 0%,#129cc1 50%,#1075ab 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1075ab', endColorstr='#1075ab',GradientType=1 ); /* IE6-9 
}
.footer ul{margin:0; padding:0; list-style-type:none;}
.footer ul li{display:inline-block; margin:0;}
.footer ul li a{color:#fff;}
.footer ul li a i{width:40px; height:40px; margin:0 5px; line-height:40px; background:#79e2e7; color:#138dbc; border-radius:50%!important; text-align:center; font-size:20px;}
.footer ul li a:hover i{background:#fff;}
.footer [class^="col"]:first-child ul li{ border-left:1px rgba(255,255,255,0.3) solid; padding:0 15px; line-height:1; margin:5px 0;}
.footer [class^="col"]:first-child ul li:first-child{border:none;}
.footer p{ text-align:center; display:block; margin-top:30px; padding-top:20px; border-top:1px rgba(255,255,255,0.3) solid; margin-bottom:0;}*/

.footer {
    display: block;
    color: #fff;
}

    .footer ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    .footer p {
        text-align: center;
        display: block;
        padding-top: 20px;
    }

.footer-top-wrapper {
    width: 100%;
    text-align: center;
    background: url(/images/main/footer-bg1.jpg) repeat #333;
    border-bottom: 3px solid #000;
}

.footer-bottom-wrapper {
    width: 100%;
    background-image: url(/images/main/footer-bg2.jpg);
    background-repeat: repeat;
    background-color: #333;
    padding: 0px 0px;
    color: #fff;
    position: relative;
    text-align: center;
}

.footer-top-wrapper ul {
    display: inline-block;
    padding: 12px 0px 7px 0px;
}

    .footer-top-wrapper ul li a {
        padding: 0px 12px;
        color: #fff;
    }

    .footer-top-wrapper ul li {
        float: left;
        color: #888888;
    }

.footer-content {
    width: 100%;
    display: inline-block;
    padding: 15px 0;
}

.copyright-content {
    float: left;
    width: auto;
    color: #fff;
    font-size: 76%;
    line-height: 150%;
    text-align: left;
}

.footer .social {
    float: right;
    width: auto;
    padding-top: 10px
}

    .footer .social ul li {
        display: inline-block
    }

        .footer .social ul li a i {
            width: 40px;
            height: 40px;
            margin: 0 5px;
            line-height: 40px;
            background: #79e2e7;
            color: #138dbc;
            border-radius: 50% !important;
            text-align: center;
            font-size: 20px;
        }

.social ul li a:hover i {
    background: #fff;
}

.footer-top-wrapper ul li::before {
    content: '|';
}

.footer-top-wrapper ul li:first-child::before {
    content: '';
}


.inner-banner-area{display:block; clear:both; overflow:hidden; margin-bottom:25px;padding-top:222px;}
.inner-banner-area img{width:100%;}

.innerpage h1{font-size:36px; font-weight:600; padding-bottom:10px; border-bottom:1px #54c2d8 solid; margin-bottom:30px; color:#2e488d; position:relative;}
.innerpage h1:after{position:absolute; left:0; width:200px; bottom:0; height:3px; background:#54c2d8; display:block; content:'';}
.innerpage p{text-align:justify; line-height:25px}
.innerpage h3{font-size:23px; font-weight:600; padding-top:10px; color:#2e488d; position:relative;}
.innerpage h4{font-size:18px; font-weight:600; padding-top:10px; color:#2aacdd; position:relative;}
.contact{margin-bottom:25px;}
.contact [class^="col"]{margin-bottom:25px;}
.contact [class^="col"]:last-child > div{display:block; border:5px #00b69f solid; overflow:hidden; padding:0;}
.contact h2{ text-transform:uppercase; color:#2e488d; font-size:24px; font-weight:600; display:block; padding:0; margin:0 0 15px;}
.contact p{margin:0 0 10px;}
.contact1 {
    margin-bottom: 15px;
    border-bottom: 1px #54c2d8 solid;
}

    .contact1 [class^="col"] {
        margin-bottom: 15px;
        font-size: 13px;
    }


.enquiry-form{border:2px solid #54c2d8 ; background-color:rgba(255,255,255,0.4); padding:40px; margin-bottom:30px;}
.enquiry-form .rounded{border-radius:15px!important; border:none;
-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);
}
.enquiry-form input[type="submit"]{background:#37cc92 ; font-weight:800;}
.enquiry-form input[type="submit"]:hover{background:#1075ab;}
.enquiry-form textarea{height:175px;}
.img-feedback{width:70%; margin:0 auto}


#data-tables  {
 width:100%!important;
  text-align: left;
  line-height: 18px;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #5dc8f3;
  width: 100%;
  margin: 50px auto;
  border-radius: .25rem;
    font-size: 100%;
  font-size:13px;
  vertical-align: baseline;
}


#data-tables tr.rows {
            background-color: #1980c5!important;  color:#fff; font-weight:bold; text-transform:uppercase;
        }
		
#data-tables tr.rows td {
            padding-left: 16px;
        }		



#data-tables thead tr:last-child th {
  border-bottom: 3px solid #ddd;
}

#data-tables tbody tr:hover {
  background-color: #dcf4fd!important;
  cursor: default;
}

#data-tables tbody tr:last-child td {
  border: none;
}
#data-tables tbody td {
  border-bottom: 1px solid #ddd;
}

#data-tables .center-aligned{
	text-align:center!important;
}




#data-tables  > tr {
    vertical-align: middle;
}
#data-tables  tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
#data-tables  tbody tr:nth-child(even) {
  background-color:#f2f2f2;;
}
#data-tables  tbody tr:nth-child(odd) {
  background-color:#fff;
}
#data-tables  td, th {
	display: table-cell;
  vertical-align: inherit;
  text-align: inherit; 
  padding: 10px 8px;
}

#data-tables  th {
    font-weight: bold; background-color:#5dc8f3; color:#fff;
}


#data-tables  thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit
}

#data-tables tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit
}

#data-tables  tfoot {
    display: table-footer-group;
    vertical-align: middle;
    border-color: inherit
}

.underline-blue{border-bottom:1px solid #54c2d8}

.hide-div{text-align:center; display:block}
.login-box{margin:0 auto; position:relative; }
.login-box [class^="col-"] > div{ display:block; background-color:rgba(18,151,190,0.9); overflow:hidden; padding:15px 20px; text-align:center; border-bottom:6px #2f3282 solid;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}
.login-box h2{font-size:22px; text-transform:uppercase; color:#fff; line-height:1.3; margin:0 0 10px; padding:0 0 5px; font-family:'Raleway'; font-weight:800;}
.login-box p{line-height:1.5; font-size:13px; text-transform:uppercase; color:#fff; margin-bottom:15px; text-align:center}
.login-box a{color:#fff; }
.login-box .rounded-circle{background:#fff; width:130px; height:130px; text-align:center; margin:0 auto 10px; line-height:130px;}
.login-box .rounded-circle img:hover{ transform: rotateY(180deg); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;}

#btns a {
    padding: 12px 25px;
    background: #1980c5;
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
}

.a-btn {
    padding: 12px 25px;
    background: #1980c5;
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
	border:0px;
}

.topTxt {
    width: 370px;
    position: absolute;
    top: 80px;
    z-index: 5;
    /* background: rgba(255, 255, 255, 0.8); */
    color: #666;
    padding: 20px;
    margin-left: 7%;
    margin-right: 15%;
    font-family: 'Bree Serif', serif;
    font-size: 24px;
    line-height: 26px;
    /*font-weight: bold;*/
}

.row{margin-bottom: 5px;}
form {font-size:13px;}
.srchbox{padding:25px; border:10px solid #fff; background-color:#c2ecfd}
/*------------------------------------*\
    Media Queries
\*------------------------------------*/


@media (max-width: 1024px){
.project-box{padding:80px 0;}
    .topTxt {
        width: 36%;
        top: 50px;
    }
    .logo-scroll-area{
        text-align:center;
    }
    
    .logo-scroll-area a img {
        float: none;
        display: inline-block;
    }
}



@media (max-width: 991px){
.navigation{width:100%;}
ul#navigation > li > a:after{display:none;}
.logo img{width:200px;}

.home-products-box{top:0px; margin-bottom:25px;}
.navigation-area{ padding:10px 0;}
}


        @media only screen and (max-width: 800px) {
            /* Force table to not be like tables anymore */
            #data-tables table, #data-tables thead, #data-tables tbody, #data-tables th, #data-tables td, #data-tables tr {
                display: block;
            }
                /* Hide table headers (but not display: none;, for accessibility) */
           #data-tables thead tr {
                    position: absolute;
                    top: -9999px;
                    left: -9999px;
                }

            #data-tables tr {
                border: 1px solid #ccc;
            }
			#data-tables tbody td {
				border-bottom: 1px solid #ccc;
					}

            #data-tables td {
                /* Behave  like a "row" */
                border: none;
                border-bottom: 1px solid #eee;
                position: relative;
                padding-left: 30%;
                white-space: normal;
                text-align: left !important;
                width: unset !important;
            }

             #data-tables td:before {
                    /* Now like a table header */
                    position: absolute;
                    /* Top/left values mimic padding */
                    top: 10px;
                    left: 6px;
                    width: 30%;
                    padding-right: 10px;
                    white-space: nowrap;
                    text-align: left;
                    font-weight: bold;
                }

                /*Label the data*/
				
              #data-tables td:before {
                    content: attr(data-title);
                }
        }



@media (max-width: 768px) {
	.underline-blue{border-bottom:none}
	.a-btn{width:100%}
    .banner-space {
        padding-top: 30px;
    }

        .banner-space .carousel-control-prev {
            left: 40%;
            top: -35px;
            bottom: auto;
        }

        .banner-space .carousel-control-next {
            right: 40%;
            top: -35px;
            bottom: auto;
        }

    .three-circle-area [class^="col"] {
        margin-bottom: 40px;
        text-align: center;
    }

    .footer [class^="col"] {
        text-align: center !important;
        padding: 10px 0;
    }

    .copyright-content {
        float: none;
        width: 100%;
        text-align: center;
        clear: both;
    }

    .footer .social {
        float: none;
        width: 100%;
        text-align: center
    }

    .hide-div {
        display: none;
    }
    /*.topTxt{
	width: 100%;
	position: relative;
	top: 0px;
	z-index: 5;
	color: #000;
	margin-left:0%;
	margin-right:0%;
	font-size:15px;
}*/
    .fixedhead1 {
        position: relative;
    }
    .banner-area {
        position: relative;
        top: 0px
    }
    .inner-banner-area {
        padding-top: 0px;
    }
    .home-products-box {
        top: 0px;
        margin-bottom: 25px;
    }

    .topTxt {
        width: 100%;
        top: 0px;
        font-size: 14px;
        line-height: 18px;
        margin-left: 0%;
        position:relative;
    }

        .home-products-box [class^="col-"] > div {
            height: auto;
        }

    .header a.logo {
        float: none;
        display: block;
        text-align: center;
    }

    .footer-top-wrapper ul li {
        float: none;
        display: inline-block;
    }

    .three-circle-area {
        padding-top: 30px;
    }
}
@media (max-width: 500px){
.fixed-top {position: static; display:block; background:rgba(0,0,0,0.8);}
.three-circle-area [class^="col"]:last-child h3{font-size:30px;}
.header [class^="col"]{clear:both; width:100%!important; display:block; flex-basis: auto;}
}

@media (max-width: 360px){

}

@media (max-width: 1920px){
.carousel-item { width:100%;}
.carousel-item > img {width: 100%;}

}


/*  New addition for gallery 24th Oct 2017    */
.newGalleryLeftCol {
    width: 55%;
    float: left
}

    .newGalleryLeftCol .PhotoArea {
        border: 1px solid #dfdfdf;
        padding: 10px;
        height: 500px
    }

    .newGalleryLeftCol .newGalleryData ul {
        width: 100%;
        margin-left: 0;
        margin-bottom: 40px
    }

        .newGalleryLeftCol .newGalleryData ul li {
            list-style-type: none;
            border-bottom: 1px solid #dfdfdf;
            line-height: 40px
        }

            .newGalleryLeftCol .newGalleryData ul li span {
                float: right;
                width: 70%
            }

.newGalleryRightCol {
    width: 42%;
    float: right
}

    .newGalleryRightCol .col2 {
        float: left;
        width: 45%
    }

        .newGalleryRightCol .col2:nth-child(2) {
            float: right
        }


/*These part need to be added to the corresponding part....................*/
@media (max-width: 1030px) {
    .newGalleryRightCol .col2 {
        float: none;
        width: 100%
    }
}

@media (max-width: 720px) {
    .newGalleryLeftCol, .newGalleryRightCol {
        width: 100%;
        float: none
    }

        .newGalleryLeftCol .PhotoArea {
            height: 350px
        }
}

.tiled-gallery .image-block{
    float:left;
    margin-right:4px;
    margin-bottom:4px;
    position:relative;
    width:204px;
    height:154px;
}
.tiled-gallery .image-block img {
    width: 200px;
    height: 150px;
}
    .tiled-gallery .image-block:first-child {
        float: left;
        width: 412px;
        height: 312px;
    }
    .tiled-gallery .image-block:first-child img {
        width: 408px;
        height: 308px;
    }

.tender-form-top .row div{
    width:150px;
    line-height:36px;
}