/*

Author -madhulika


*/


@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,700,300,600,800,400);

body, html{
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	font-size: 16px;
	color: #000;
	letter-spacing: .06em;
	word-spacing: .09em;
	overflow-x:hidden;
	
}




.trans-bg {
	
	background: url('../images/transp-bg.png');
	background-repeat:no-repeat;
    background-size:cover;
	height: 100%;
	background-attachment: fixed;
}

.right-align{
	text-align: right;
}

.justify{
	text-align: justify;

}

.center {
	text-align: center;
}

.padding-20{
	padding: 20px;
}

.padding-t-20{
	padding-top: 20px;
}

.padding-30{
	padding: 30px;
}

.padding-20-35{
	padding: 20px 35px;
}

.smaller-font {
	font-size: smaller;
}

i {
	margin: 5px;
}

.help-block{
	font-size: smaller;
    font-weight: bold;
}

#menu, nav.navbar ,#footerDiv{
	background: #3E88BC;
	margin-bottom: 0px;
	border-radius: 0px;

}


.logo-text{
	color: #FFF;
	font-weight: bold;
	font-size: large;
	letter-spacing: .05em;
}
.logo-text h1{
	margin-top:10px;
}
.logo-text h4{
	font-weight: normal;
	margin-top:-16px;
}

nav{
	padding-top:20px;

}

.navbar-toggle{

	background-color : #D6D6D6;
	cursor: pointer;
}

.navbar .navbar-toggle .icon-bar {
    background-color: #3e88bc;
}

.navbar .navbar-nav {
	padding-top: 8vh;	
	margin-left: -5vw; 
	font-size: 18px;
	font-family: "Arial Bold", sans-serif;
}

.navbar .navbar-nav > ul{
	padding: 20px;
	padding-bottom: 10px;
}

.navbar-header{
	float: none;
}

.navbar{
	border: none;
}



.navbar .navbar-nav > li > a{
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	

}

.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus{
	color: #000;
	background: transparent;

}


.navbar .navbar-nav>.active>a, 
.navbar .navbar-nav>.active>a:focus, 
.navbar .navbar-nav>.active>a:hover,
li .active-footer>a,
li .active-footer>a:focus,
li .active-footer>a:hover,
.header-social-div a:focus,
.header-social-div a:hover
{
	color: #000;;
	background: transparent;

}

.navbar-brand{
	height: auto;
	padding:0;
}

.navbar-brand img{
	width: 100%;
}

.header-contact{
    top: 0px;
    position: absolute;
    right: 0;
}


.header-contact-phone{
	height: 50%;
	background: #F2CE54;
	color: #FFF;
	border-radius: 0 0 5px 5px;
	padding:5px 10px 5px 10px;
}

.header-social-div{
	margin-top:20px;
}

.header-social-div a{
	color: #000;
}

.border-left{
	border-bottom: 15px solid #000;
	border-right: 15px solid #3E88BC;

}

.border-middle{
	border-bottom: 15px solid #3E88BC;

}

.border-right{
	border-bottom: 15px solid #000;
	border-left: 15px solid #3E88BC;
}

.left-content{
	display: table-cell;
}

.right-content{
	overflow-y:auto;
	overflow-x:none;
}


/* ----------------------------------------Scroll bar ---------------------------------------- */


::-webkit-scrollbar {
    width: 9px;

}


/* Track */
::-webkit-scrollbar-track {
    background: #000;
    border: 4px solid transparent;
    background-clip: content-box;   
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #000;
    border: 1px solid #000;
    height: 20px;
}

/* ----------------------------------------  Page Style ---------------------------------------- */

.page-bg{
	background: url('../images/bg-page.png');
	background-repeat:no-repeat;
    background-size:cover;
	height: 100%;
	background-attachment: fixed;

}

.white-bg{
	background-color: #FFF;
	background-size:cover;
	height: 100%;
	background-attachment: fixed;
	box-shadow: 1px 5px 5px  2px #000;
}

.page{
	min-height: 80vh;
	padding-top : 5vh;
	padding-bottom: 5vh;
}

.page-header {
	border-bottom: 2px solid #3E88BC;
}

.page-header h1,
.page-header h2,
.page-header h3,
.page-header h4{
	color: #3E88BC;
	font-family: "Arial Bold", sans-serif;
	font-weight: bold;
	
}

.page-content {
	margin-left: 20px;
	margin-right:20px;
}

.right-border{
	border-right: 3px solid #c6c6c6;
}



/* ----------------------------------------Portfolio Style----------------------------------------  */


.portfolio-img img{
	width: 100%;
	height: auto;
	box-shadow: 1px 5px 5px  2px #000;
}

.blur img {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.blur img:hover {
  /*-webkit-filter: blur(2px);*/
  -webkit-filter: brightness(50%);
   color: #FFF;
}

.blur img:hover > .txt{
   color: #FFF;
}


.blur > .txt{
	margin-top: -30%;
	text-align: center;
	/*color: transparent;*/
}

.txt > h3 {
	padding: 20%;
	text-align: center;
	text-transform: uppercase;
}


.img-with-text{
    position: relative;
    cursor: pointer;
}

.img-with-text > div a {
	color: transparent;
}

.txt  a{
	/*padding: 20%;*/
	text-align: center;
	text-transform: uppercase;
}
.img-with-text > div{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    right: 15px;
    background-color: rgba(0, 0, 0, 0);
    color: transparent;
    transition: 1s;
    margin: 20px 5px;
}
.img-with-text > div:hover{
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
}


.img-with-text > div:hover a  {
	color: white;
}

.img-with-text > div:hover a:hover,
.img-with-text > div:hover a:focus,
.img-with-text > div:hover a:active{


	text-decoration: none;
	color: #3e88bc;
}


/*.img-with-text > div:hover .image{
-webkit-transform: rotateY(180deg);
-webkit-transform-style: preserve-3d;
transform: rotateY(180deg);
transform-style: preserve-3d;
}
.img-with-text > div .image, .img-with-text> div :hover .image {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
*/
/* ----------------------------------------Review Style----------------------------------------  */

.review-vid iframe {
	width: 100%;
	height: 300px;
	border:2px solid #000;

}

.review-vid-content {
	height: 300px;
	overflow-y : auto;

}

.review{
	height: 220px;
	overflow-y: auto;
}


/* ----------------------------------------Service Style----------------------------------------  */

.service-nav a{
	font-weight: bold;
	color: #000;
	font-size: 16px;

}

.service-nav a:hover,
.service-nav a:focus,
.service-nav a:active{
	text-decoration: none;
	color: #3E88BC;
	font-style: italic;

}
/* ----------------------------------------FOOTER----------------------------------------  */

#footerDiv {
	/*background-color: #E32E17;*/
	/*text-align: center;*/
	padding: 10px;
	font-size: smaller;
   /*font-family: "Arial", sans-serif;*/
   font-weight:bold;

}

.footer-link{
	padding: 0 30px 0 30px;
}

.footer-link,
.footer-link a{
	color: #FFF;
}

.footer-link a:hover,
.footer-link a:focus
{
	color: #000;
	text-decoration: none;
}


.verticle-border {
	border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
}



.no-list-style{
	list-style: none;
	padding-left: 0;
}



/*   Bottom */

.bottom{
	height: 40vh;
}

.bottom-content{
	background: url('../images/bg-cloud-img.png');
	background-size: cover;
	height: 100%;
	width: 100%;
	background-attachment: fixed;
}

/*.bottom h2{
		padding-top: 5vh;

}*/

.middle-align{

	padding-top: 5vh;
}

.home-content h1{
	color: #FFF;
	text-transform: uppercase;


}

.left-home-content{
	background: #51B6FA;
	background-size:cover;
	color: #000;
}

.right-home-content{
	background: #3D83B5;
}


/* Footer */

.footer-top{
	height: 50px;
	background-color: #EFEFEF;
}

.footer-logo img {
	width: 5%;
}

.footer-logo-text{
	color: #FFF;
}

.footer-logo-text h2{
	margin-top: 5px;
}




.social-icons-bg {
	color: #000;
}

.copyright a {
	color: #000;
}

.copyright a:active,
.copyright a:hover{
	color: #FFF;
}


#map, .google-map iframe  {
  height: 400px;
  width: 100%;
 }