@charset "utf-8";
/* CSS Document */
/***body***/
body
{
    /* background-color:#f1f4f9; */
    font-family: 'Lato', sans-serif;
    }
    
.col-md-12
{
    /* width:100%; */
    }
    
.col-lg-1 
{
    width:3%; 
    padding:0;
    }    

.col-lg-10
{
    width:94%; 
    padding:0; 
    background-color:white;
    }  
    
    
#myNavbar
{
    /* text-transform:uppercase; */
    } 
    

.menu-search input[type="text"]
{
    background-color: #444a56;
    background-position: 9px center;
    color: #ffffff;
    height: 30px;
    margin: 0;
    outline: medium none;
    padding: 0;
    text-indent: 30px;
    transition: all 0.4s ease 0s;
    width: 0;
    display:inline-block;
    border: 0px;
}

.menu-search input[type=text]:focus
{
    width: 200px;
    background-color: #ffffff;
    background-position: 175px center !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: black;
}
    
.navstyle
{
    margin:10px 0 0 0; 
    z-index:1;}  
       
.logo
{
    margin: -20px 0 0 80px;
    /* position:absolute; */
    /* left:10%; */
    }     
    
.bluebanner {
        /* height:100%; */
        width: 100%;
        }     
     
.carousel-inner img {
      width: 100%;
      margin: auto;
      /* min-height:300px; */
  }
  
  .carousel-inner .carousel-caption{
      left:53%;
      text-align: right;
      top:18%;
      font-size:30px;
      max-width:95%;
      top: 6vw;
      }     
.carousel-inner .carousel-caption h1
{
    font-size:50px;}
    
.carousel-inner .carousel-caption p
{
    font-size:26px;
    color:#244981;
    margin-top:20px;
    
}

.img-responsive
    {
        margin:auto;
        }
.images5
{
    /* padding-top:4%; */
    /* padding-bottom:5%; */
    margin: 20px auto;
    }

.images3 img
{
    padding-top:8%;
    opacity: 0.7;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;
    }
    
    
.images3 img:hover
{
    opacity: 1.0;
}
    

/*****About Banner***/    
.about
{
    background-image: url("../images/AboutUs.jpg");
    background-repeat:no-repeat;   
    background-size: cover;
    color:#ffffff;
    padding: 70px 180px;
    text-align: center;
}

.about h1
{
    padding-bottom:20px;
}

.about p
{
    padding-bottom:20px;
    font-size:20px;
}

/******Footer*****/
  
  
 .footerblue    
 {
      background-color:#1c70b6; 
      color:#ffffff;
 }
      
  
.footerco1, .footerco3
{
    padding-top:20px; 
    padding-left:10%;
    }
    
.footerco2
{
    padding-top:20px; 
    float:right;
    }
    
.footerco2 p
{
     padding-bottom:10%;
     }    
    
.social-icons
{
   margin-right:15px; 
    }
    
a:link, a:visited {color: #ffffff;text-decoration:none;}
a:active, a:hover {    color: #244981;  }

.locationMap
{
    padding:0;
    margin:0;
    }
    
.locationMap img
{
    width:100%;}

.col-lg-5
{
    padding-top:10px;
    padding-bottom:10px;}   
    
    .copy
    {
        background-color:#333;
        padding: 20px;
        color:white;
        font-size:13px;
        text-align: left;
        }
  
  /*****Subpage****/
  
.subpagebanner
    {
        position:relative;}
        
.subpagetitle
{
    position: absolute;
    left:25%;
    top:28%;
    z-index:12;
    max-width:25%;
    color:#244981;
    font-size:40px;
    font-weight:bold;}
    
    

    
 .bodytext 
    {
        padding:0 40px;
        margin:0;
        }
        
        .bodytext h3
        {
            padding-bottom:15px;
            }
            
        .bodytext p
        {
            font-size:1.13em;
            padding:10px 0;}

      
    .customers      
    {
       height:150px;
       vertical-align:middle;
       padding:10px 0;
      }
	   
	   /****** Products and gallery*****/

.gallRow
{
    /* margin:0 -20px; */
    }
    
.productstitle
{
    position: absolute;
    left:10%;
    top:55%;
    z-index:12;
    max-width:25%;
    color:#ffffff;
    font-size:40px;
    }       

.galleryTitle
{
    position: absolute;
    right:10%;
    top:45%;
    z-index:12;
    max-width:25%;
    color:#ffffff;
    font-size:40px;
    } 
    
    
.galleryimg img
{
    padding:10px;
    border-radius: 4px;
    transition: 0.3s;}
    
.galleryimg img:hover{
    box-shadow: 0 0 5px 2px rgba(0, 140, 186, 0.5);
        }    
    
/****** Media Queries ******/

@media screen and (max-width:1300px)
{
    .col-lg-10
    {
        width:100%;
        }
        
   .midcolor
   {
       background-color:#ffffff;
       }  
}

@media screen and (max-width:1260px)
{
        
    .footerco2 p
    {
        padding-bottom:0;
    }
	
	.productstitle
    {
       left:8%;
       top:30%;
       }  
}

@media screen and (max-width:1170px)
{
    
    .logo
    {
        left:5%;}
        
    .logo img
    {
        width:80%;}
        
    #myNavbar .navbar-nav li a
    {
        padding-left:12px;
        padding-right:12px;}
 
    .carousel-inner .carousel-caption h1
    {
        font-size:35px;}
        
   .carousel-inner .carousel-caption p
   {
       font-size:22px;}
       
       .about
    {
        padding:40px 100px;}
        
         .subpagetitle
    {
        font-size:35px;
        max-width:32%;
        top:25%;
        left:20%;}
        
    .galleryTitle
    {
        right:10%;
        top:35%;
        font-size:35px;}       
  }

   
@media screen and (max-width:1090px)
{
    .logo
    {   left:0; }
        
    .logo img
    {   width:75%; }
        
    .navbar-nav input[type=text]:focus
    {   
        width:100px;}
        
    .footerco1, .footerco2
    {
        padding: 1% 3% 2% 10%;}
        
     .footerco3
     {
        margin-top:-4%;}
		 
     .productstitle
     {
        left:4%;
       top:18%;
       font-size:35px;
       } 
}

/************************/

@media screen and (max-width:900px)
{
    #myNavbar .navbar-nav li a
    {
        padding-left:6px;
        padding-right:6px;}
        
    .navbar-nav input[type=text]:focus
    {   
        width:90px;}
    
    .carousel-inner .carousel-caption
     {
        top:8%;
        max-width:35%;
     }
        .galleryTitle
    {
        right:10%;
        top:30%;
        font-size:30px;}
 }
 
@media screen and (max-width:844px)
{
   
  
  
    .footerco2
    {
        padding-top:0;
    }
    .footerco3
    {
        padding-bottom:2%;}
		
    .productstitle
     {
       left:3%;
       top:15%;
       font-size:30px;
       }
 }
        
@media screen and (max-width:768px)
{
    
    .logo
    {
        left:3%;
        z-index:1;
        }
        
    .logo img
    {
        width:61.5%;}
        
        
    .navbar-nav input[type=text]:focus
    {   
        width:90%;}
    .carousel-inner .carousel-caption h1
    {
        font-size:28px;}
        
   .carousel-inner .carousel-caption p
   {
       font-size:18px;}
  
  .carousel-inner .carousel-caption
  {
      top:8%;
  }
  
   .about
    {
        padding:22px 53px;}
        
   .about h1
    {
        font-size:26px;}
        
    .about p
    {
        font-size:16px;}
        
             
   .subpagetitle
    {
        font-size:28px;
        max-width:38%;
        top:18%;
        left:14%;}
		
    .productstitle
     {
       left:2%;
       top:10%;
       font-size:23px;
       max-width:30%;
       }
       
    .galleryTitle
    {
        right:10%;
        top:25%;
        font-size:25px;}  
} 

@media screen and (max-width:498px)
{
    .logo
    {
        margin-left:0;
    }
    
    .logo img
    {
        width:55%;
    }
    
    .carousel-inner .carousel-caption h1
    {
        font-size:23px;}
        
   .carousel-inner .carousel-caption p
   {
       font-size:15px;}
  
   .subpagetitle
    {
        font-size:15px;
        max-width:100%;
        top:3%;
        left:4%;} 
		
    .productstitle
     {
       left:2%;
       top:2%;
       font-size:20px;
       max-width:35%;
       }
       
    .galleryTitle
    {
        right:10%;
        top:10%;
        font-size:20px;}
} 



/*************************************************/
/*              Hussain was here                 */
/*************************************************/

.midcolor .navbar {background-color: #31353d;-webkit-border-radius: 0 0 0 0;border-radius: 0 0 0 0;}

.midcolor .navstyle .navbar-header button span {
    color: white;
    border: 1px solid white;
}

.midcolor .navstyle .navbar-header button.navbar-toggle {
    background-color: #1c70b6;
}

.midcolor .navstyle .navbar-header button.navbar-toggle.collapsed {
    background-color: #31353d;
}

.midcolor .navstyle .navbar-header button {
    -webkit-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
}

.bluebanner img {
    width: 100%;
}

#myCarousel .left.carousel-control {
    background-image: url('../images/left-arrow.png');
    background-position: center;
    background-repeat: no-repeat;
}

#myCarousel .right.carousel-control {
    background-image: url('../images/left-arrow.png');
    background-position: center;
    background-repeat: no-repeat;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.locationMap iframe {
    width: 100%;
    height: 310px;
    padding: 0;
}

.copy p {
    margin: 0;
}

#myCarousel {
    /* height: 300px; */
    /* overflow: hidden; */
}

@media only screen and (max-device-width:768px){
    .carousel-inner .carousel-caption{
        display:none;
    }
}

.footer-detail {
    padding-bottom: 0px;
    float: left;
    width: 100%;
}

.footer-detail #icon {
    width: 9%;
    margin-right: 1%;
    float: left;
}

.footer-detail #content {
    float: right;
    width: 90%;
}

.menu-search {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.menu-search li {
    display: inline-block;
    padding: 10px;
    color: white;
    cursor:pointer;
}

.menu-search #search-form:hover input {
    width: 200px;
}


@media only screen and (min-device-width: 768px ){
#myNavbar ul li.dropdown:hover .dropdown-menu {
    display: block;
    right: auto;
    left: 0;
    background-color: white;
    -webkit-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
}}

#myNavbar ul{
    border:0px;
}


#myNavbar ul li{
    border:0px;
}



#myNavbar ul li a:hover,#myNavbar ul li a:focus {
    color: black;
    background-color: white;
}

#myNavbar ul li.dropdown .dropdown-menu li {
    border-bottom: 1px solid #ddd;
    margin-right: 10px;
    padding: 5px;
    margin-left: 10px;
}

#myNavbar ul li.dropdown .dropdown-menu li:last-child {
    border: 0;
}

#myNavbar ul li:hover {
    background-color: white;
    color: black;
}

#myNavbar ul li:hover a {
    color: black;
    background: none;
}

#myNavbar li a {
    text-transform: uppercase;
}

#myNavbar ul li.dropdown .dropdown-menu li a:hover {
    /* background-color: lightgray; */
    color: #134e94;
}

#myNavbar ul li.dropdown a.dropdown-toggle {
    position: absolute;
    right: 0;
    top: 0;
}

.menu-search li:hover {
    background-color: #31353d !important;
    color: white !important;
}

.menu-search a:hover {
    color: #d0d0d0 !important;
}

.menu-search li:hover a {
    color: #d0d0d0 !important;
}
.social-m li{padding:0px;margin:0px;}
.con-m-he{min-height:200px;}



.event-listing {
    margin-top: 40px;
    margin-bottom: 40px;
}

.event {
    
margin-top: 20px;
}

.event #thumb,.product #thumb  {

-webkit-transition: all 400ms ease-out;

-moz-transition: all 400ms ease-out;

-ms-transition: all 400ms ease-out;

-o-transition: all 400ms ease-out;

transition: all 400ms ease-out;
}

.event #title a, .product #title a  {
    color: black;
}
.event #title a:hover, .product #title a:hover {
    color: #1358b3;
}

.event #date {

}

.event #abstract {

margin-top: 10px;
}

.event #date span {

}

.event #date i {
    margin-right: 10px;
}

.event #thumb:hover,.product #thumb:hover {
    -moz-transform: translateY(5px);
    -webkit-transform: translateY(5px);
    -o-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
}

.rr-pagination {
    text-align: center;
    margin: 10px auto;
}



.product-listing {
    margin-top: 40px;
    margin-bottom: 40px;
}

.product {
    margin-top: 20px;
}

.parallax-light .fact-ico, .parallax-light .timer, .parallax-light h1, .parallax-light h2, .parallax-light h3{
	color:#fff;

}
.parallax-light .fact, .parallax-light p{
	color:rgba(255,255,255,.6);

}
.parallax-text-block{
	padding:40px;
	background:#fff;
	width:360px;
	box-shadow:0 0 10px rgba(0,0,0,.2);
}

.parallax{
	background-attachment: fixed!important;
	background-position:center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
	background-color:#333;
	position:relative;
	margin-top: 25px;
	margin-bottom: 25px;
}
.touch .parallax, .page-banner.parallax{
	background-attachment:scroll!important;
}


.social-icons, .social-icons-colored{
	margin:0;
	list-style-type:none;
}
.social-icons li, .social-icons-colored li{
	display:inline-block;
	margin-right:5px;
}
.social-icons li:last-child{
	margin-right:0;
}
.social-icons li a{
	text-align:center;
	color:#5E5E5E;
	display:block;
}
.social-icons-colored li a{
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:rgba(0,0,0,.4);
	display:block;
	color:#fff;
}
.social-icons li.facebook a:hover{
	color:#3B5998;
}
.social-icons li.twitter a:hover{
	color:#00ACED;
}
.social-icons li.behance a:hover{
	color:#1769FF;
}
.social-icons li.delicious a:hover{
	color:#3274D1;
}
.social-icons li.deviantart a:hover{
	color:#4B5D50;
}
.social-icons li.digg a:hover{
	color:#14589E;
}
.social-icons li.dribbble a:hover{
	color:#EA4C89;
}
.social-icons li.foursquare a:hover{
	color:#2398C9;
}
.social-icons li.github a:hover{
	color:#4183C4;
}
.social-icons li.google a:hover{
	color:#245DC1;
}
.social-icons li.googleplus a:hover{
	color:#D14836;
}
.social-icons li.instagram a:hover{
	color:#3F729B;
}
.social-icons li.jsfiddle a:hover{
	color:#4679A4;
}
.social-icons li.linkedin a:hover{
	color:#007FB1;
}
.social-icons li.pinterest a:hover{
	color:#CB2027;
}
.social-icons li.reddit a:hover{
	color:#FF4500;
}
.social-icons li.skype a:hover{
	color:#00AFF0;
}
.social-icons li.tumblr a:hover{
	color:#2C4762;
}
.social-icons li.vimeo a:hover{
	color:#44BBFF;
}
.social-icons li.youtube a:hover{
	color:#CD332D;
}
.social-icons li.flickr a:hover{
	color:#0063DB;
}
.social-icons-colored li.facebook a:hover{
	background-color:#3B5998;
}
.social-icons-colored li.twitter a:hover{
	background-color:#00ACED;
}
.social-icons-colored li.behance a:hover{
	background-color:#1769FF;
}
.social-icons-colored li.delicious a:hover{
	background-color:#3274D1;
}
.social-icons-colored li.deviantart a:hover{
	background-color:#4B5D50;
}
.social-icons-colored li.digg a:hover{
	background-color:#14589E;
}
.social-icons-colored li.dribbble a:hover{
	background-color:#EA4C89;
}
.social-icons-colored li.foursquare a:hover{
	background-color:#2398C9;
}
.social-icons-colored li.github a:hover{
	background-color:#4183C4;
}
.social-icons-colored li.google a:hover{
	background-color:#245DC1;
}
.social-icons-colored li.googleplus a:hover{
	background-color:#D14836;
}
.social-icons-colored li.instagram a:hover{
	background-color:#3F729B;
}
.social-icons-colored li.jsfiddle a:hover{
	background-color:#4679A4;
}
.social-icons-colored li.linkedin a:hover{
	background-color:#007FB1;
}
.social-icons-colored li.pinterest a:hover{
	background-color:#CB2027;
}
.social-icons-colored li.reddit a:hover{
	background-color:#FF4500;
}
.social-icons-colored li.skype a:hover{
	background-color:#00AFF0;
}
.social-icons-colored li.tumblr a:hover{
	background-color:#2C4762;
}
.social-icons-colored li.vimeo a:hover{
	background-color:#44BBFF;
}
.social-icons-colored li.youtube a:hover{
	background-color:#FFF;
}
.social-icons-colored li.flickr a:hover{
	background-color:#0063DB;
}
.social-icons-rounded a{
	border-radius:100%;
}
.footer_widget h4.widgettitle{
	text-transform:uppercase;
	border-bottom:0;
	color:#fff;
	font-weight:700;
	font-size:14px;
	margin-bottom:26px;
	letter-spacing:1px;
	font-family:"Lato",sans-serif;
}
.footer_widget h4.widgettitle:before, .footer_widget h4.widgettitle:after{
	display:none;
}
.footer_widget, .site-footer .footer_widget a{
	color:#fff;
}