@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

/*START GLOBAL STYLE*/
* {
  margin: 0;
  padding: 0;
}

body { 
  font-family: 'Open Sans', sans-serif!important; background: #fff;

}

*:focus {
  outline: none;
}

/* Template-1 CSS */
 
 /**** Header ***/

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

.temp-header .navbar-brand>img {
  width: 140px;
  height: 90px;
  padding: 15px;
  
} 
.temp-header .navbar-toggle {
  padding: 10px;
  margin: 25px 15px 25px 0;
  background-color:#0074bb;
}
  
.temp-header .navbar-alignit .navbar-header {
	  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  height: 50px;
}
.temp-header .navbar-alignit .navbar-brand {
	top: 50%;
	display: block;
	position: relative;
	height: auto;
	transform: translate(0,-50%);
	margin-right: 15px;
  margin-left: 15px;
}
 
.temp-header .navbar-nav>li>.dropdown-menu {
	z-index: 9999;
}
 
.temp-header .navbar-inverse .navbar-nav > li > a {
    color: #32373c;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
	padding: 10px 0px;
    margin: 0px 15px;
	background:none;
}

.temp-header .navbar {
    position: relative;
    min-height: 80px; 
}
.temp-header .navbar.navbar-inverse {
    background-color: #fff;
    border-color: #fff;
	margin-bottom:0px;
}

.temp-header .dropdown {
    top:0px;
	margin-left: 20px;
	color: #fff;
	background-color:#0074bb;
}
.temp-header .dropdown a.dropdown-toggle{     
	color: #fff !important;
    background-color:#0074bb;	
}
  
.temp-header .navbar-right {     
    margin-top: 20px;
	margin-right: 0px;
}
.temp-header span.fa.fa-chevron-down {
    margin-left: 10px;
    font-size: 10px;
    font-weight: 300;
}
  
 .temp-header .navbar-nav > li > a:hover, .temp-header .navbar-nav > li > a:focus  {
	 background:none !important;
 }
.sniphover a:before,
.sniphover a:after {
  position: absolute;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.sniphover a:before {
  bottom: 0;
  display: block;
  height: 3px;
  width: 0%;
  content: "";
  background-color: #2980b9;
}
.sniphover a:after {
  left: 0;
  top: 0;
  padding: 0.5em 0;
  position: absolute;
  content: attr(data-hover);
  color: #ffffff;
  white-space: nowrap;
  max-width: 0%;
  overflow: hidden;
}
.sniphover a:hover:before,
.sniphover .active a:before {
  opacity: 1;
  width: 100%;
}
.sniphover a:hover:after,
.sniphover .active a:after {
  max-width: 100%;
}

.sniphover .dropdown-menu > li > a {
	color:#32373c;
}
.sniphover .dropdown-menu > li > a:hover {
	background-color: rgb(0, 116, 187, 0.2);
}
 
.sniphover .dropdown-menu > li > a:before {
	background:none;
}

.sniphover .dropdown .dropdown-menu {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; 
    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
}

.sniphover .dropdown:hover .dropdown-menu {
    max-height: 200px;
    opacity: 1;
}
.temp-header.temp3-header .navbar-inverse .navbar-nav > li > a:hover{
	color:#0074bb;
}

@media (max-width: 1023px ) {

.temp-header .navbar-inverse .navbar-nav > li > a {     
    margin: 0px 8px;    
}
.temp-header .navbar-right {
    margin-top: 15px;
	margin-right:0px;
}
.temp-header .dropdown {    
    margin-left: 10px;
}
 
}


@media (max-width: 767px ) {

.temp-header .navbar-toggle {
    padding: 6px;
    margin: 23px 15px 12px 0;
    background-color: #0074bb !important;
	border-color: #0074bb;
}
.temp-header .navbar-inverse .navbar-collapse {
    border-color: #363535;
}
.temp-header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #363535;
    background-color: #fff;
    margin: 0px 2px;
}
.temp-header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{
	color:#0074bb;
}
.temp-header .navbar-brand>img {
    width: 120px;
    height: 70px; 
}


}
 
/********************************/
/*       Fade Bs-carousel       */
/********************************/
.temp-banner .fade-carousel {
    position: relative;
    height: 450px;
}
.temp-banner .fade-carousel .carousel-inner .item {
    height: 450px;
}
.temp-banner .fade-carousel .carousel-indicators > li {
    margin: 0 2px;
    background-color: #0074bb;
    border-color: #0074bb;
    opacity: .7;
}
.temp-banner .fade-carousel .carousel-indicators > li.active {
  width: 10px;
  height: 10px;
  opacity: 1;
}
.temp-banner .carousel-indicators {
    bottom: 3%;
}

/********************************/
/*          Hero Headers        */
/********************************/
.t-hero {
    position: absolute;
    top: 140px;
    left: 85px;
    z-index: 3;
    color: #fff;
    text-align: center;   
	background: rgba(0,0,0,0.9);    
    /*  -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
   */			  
}
 

.temp-banner .fade-carousel .carousel-inner .item .t-hero {
    opacity: 0;
	 /* 
    -webkit-transition: .5s all ease-in-out .1s;
       -moz-transition: .5s all ease-in-out .1s; 
        -ms-transition: .5s all ease-in-out .1s; 
         -o-transition: .5s all ease-in-out .1s; 
            transition: .5s all ease-in-out .1s; 
	*/
}
.temp-banner .fade-carousel .carousel-inner .item.active .t-hero {
    opacity: 1;
	padding:25px;
	/*
    -webkit-transition: .5s all ease-in-out .1s;
       -moz-transition: .5s all ease-in-out .1s; 
        -ms-transition: .5s all ease-in-out .1s; 
         -o-transition: .5s all ease-in-out .1s; 
            transition: .5s all ease-in-out .1s;       
   */ 			
}
 .t-hero h2 {
    color: #fff;
    font-size: 29px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}
 .t-hero ul li{
	 float:left;
 }
  .t-hero ul{
	 overflow:hidden;
 }
  .t-hero strike {
    color: #c1b6b6;
    font-size: 14px;
    font-weight: 300;
	font-family: 'Open Sans', sans-serif;
   }
   .t-hero p {
    color: #fff;
    margin-left: 15px;
    margin-right: 25px;
    font-size: 22px;
    font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 0px;
	 }
	
	.t-hero li button {
    padding: 5px 9px 6px;
    border-radius: 0px;
    background-color: #0074bb;
    text-transform: uppercase;
    font-size: 11px;
    color: #ffffffd1;
	font-family: 'Open Sans', sans-serif;	
	position:relative;
    }
	.t-hero ul li.arrw {
		position:relative;
	} 
	.t-hero ul li.arrw:before {
    content: " ";
    width: 11px;
    height: 11px;
    top: 8px;
    left: -6px;
    position: absolute;
    background-color: #0074bb;     
    transform: scaleY(1.5774) rotate(45deg);
   }

  	.t-hero i.fa.fa-map-marker {
	color:#0074bb;
	margin-right: 6px;
  }
  	.t-hero address {
    text-align: left;
    font-size: 15px;
    color: #fff;
    font-weight: 300;
	font-family: 'Open Sans', sans-serif;	
	margin-bottom: 0px;
}
.s-hero {
    position: absolute;
    top: 286px;
    left: 85px; 
}	
.s-hero ul li {
    float: left;
    background-color: #fafafa;
    padding: 15px 20px;
}
.s-hero ul li img{
	margin-right:7px;
}
.label-clr1{
	color: #6e6e6e;
    font-size: 14px;
    font-weight: 600;
}
.label-clr2{
	color: #222222;
    font-weight: 700;
    font-size: 14px;
}

.temp-banner .carousel-control {    
    top: 107px;
	width: 33px;
}
.temp-banner .carousel-control.left {
    left: 85px;
    background-color: #0074bb;
    opacity: 1;
    padding: 2px 5px !important;
    font-size: 20px;
}
.temp-banner .carousel-control.right {
    left: 121px;
    background-color: #fff;
    opacity: 1;
    color: #0074b5;
	padding: 2px 5px !important;
    font-size: 20px;
}

.t-hero {
  animation-duration: 2s;
  animation-delay: .3s;   
}
.s-hero {
  animation-duration: 2s;
  animation-delay: .5s;   
}
	

/********************************/
/*       Slides backgrounds     */
/********************************/
.temp-banner .fade-carousel .slides .slide-1, 
.temp-banner .fade-carousel .slides .slide-2,
.temp-banner .fade-carousel .slides .slide-3 {
  height: 450px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.temp-banner .fade-carousel .slides .slide-1 {
  background-image: url(../images/banner2.jpg); 
}
.temp-banner .fade-carousel .slides .slide-2 {
  background-image: url(../images/banner2.jpg); 
}
.temp-banner .fade-carousel .slides .slide-3 {
  background-image: url(../images/banner2.jpg); 
}

/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){
    .t-hero { width: 575px; }    
}

@media screen and (max-width:1024px){ 
    .t-hero {
    width: 500px; 
     }
	  .s-hero ul li {
    float: left;
    background-color: #fafafa;
    padding: 15px 12px;
    }	
	.temp-banner .carousel-indicators {
    bottom: 7%;
    }
	.temp-form h4 { 
	line-height:1;
	}
	.sm-mb-5 {
		margin-bottom:5px !important;
	}
	.sm-mt-5 {
		margin-top:5px !important;
	}
	.grp-button button.btn.search-adv {
		margin-left:15px;
	}

}
@media screen and (max-width: 640px){
    .t-hero h1 { font-size: 4em; } 
   
.temp-banner .carousel-control.left {
    left: 15px;
}
.temp-banner .carousel-control {
    top: 65px;     
}
.temp-banner .carousel-control.right {
    left: 51px;
}
.t-hero { 
    top:99px;  
    left: 15px;
} 
.t-hero h2 {     
    font-size: 20px;
}
.t-hero p {     
    font-size: 16px;
}	
.s-hero ul li {    
    padding: 8px 10px;
}
.s-hero { 
    top:204px;
    left: 15px;
}
.label-clr1 {    
    font-size: 12px;    
}
.label-clr2 {     
    font-size: 12px;
}
.t-hero strike {    
    font-size: 12px;   
}
.t-hero address { 
    font-size: 11px;
}
.t-hero {
    width: 305px;
	padding:10px;
}
.temp-banner .fade-carousel .slides .slide-1, .temp-banner .fade-carousel .slides .slide-2, .temp-banner .fade-carousel .slides .slide-3 {
    height: 310px;   
}
.temp-banner .fade-carousel .carousel-inner .item {
    height: 310px;
}
.temp-banner .fade-carousel {
     
    height: 310px;
}

.s-hero ul li {     
    padding: 6px 6px;
}
.s-hero ul li img {
	margin-right:3px;
	width:14px;
}
.temp-banner .fade-carousel .carousel-inner .item.active .t-hero {    
    padding: 10px;
}
.temp-banner .carousel-indicators {
    bottom: 4%;
}
.grp-button button.btn.search-adv {
    margin-left: 0px;
}
.xs-p-0 {
	padding:0px;
}
.xs-pull-right {
	float:right;
}
.temp-form h2 {
   font-size: 27px !important;
}
}



.temp-form {     
    padding: 30px 20px 23px;
	background-color: #1b1b1b;
}
.temp-form h4 {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
	margin-bottom: 5px;
}
.temp-form h2 {
    font-size: 30px;
    color: #0074bb;
    font-weight: 500;
	font-family: 'Open Sans', sans-serif;
}

.temp-form h2 span {
    color: #fff;
    padding-left: 5px;
}
 
.grp-button button.btn{
    background: transparent;
    border: 1px solid #808080bd;
    color: #808080bd;
    border-radius: 2px;
	font-size: 13px;
}
 
.grp-button .dropup .dropdown-menu{
    top: 100% !important;
    bottom: auto !important;    
}
.grp-button button.btn.search-adv {
    background-color: #0065a2;
    color: #fff;
    border: 1px solid #0065a2;
	padding: 11px 15px 9px;
	border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;

}
 .grp-button button.btn.search-nor {
    background-color: #1c9ceade;
    color: #fff;
    border: 1px solid #1c9ceade;
	padding: 11px 15px 9px;
    border-top-left-radius: 0px ;
    border-bottom-left-radius: 0px;
    margin-left:-4px;
}
 .search-adv i.ti-zoom-in,  .search-nor i.ti-search {
    font-size:17px;	 
 }

    
/* Tabs*/
 
.tabbable-panel {   
  padding: 10px 0px;
}
 
.tabbable-line > .nav-tabs {
  border: none;
  width: 354px;
    margin: 0 auto;
    text-align: center;
}
.tabbable-line > .nav-tabs > li {
  margin:0px 20px;
}
.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #b5b5b5;
  font-size:13px;
  font-weight:600;
  padding:10px 0px;
}
.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  border-bottom: 3px solid #0074bb;
}

.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
  border-bottom: 3px solid #0074bb;
  position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  color: #1b1b1b;
  font-size: 13px;
  font-weight: 600;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
.tabbable-line > .tab-content {
  margin-top: 25px;
  background-color: #fff;
  border: 0;  
  padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}

.tab-slider h2, .cform-section h2 {
    color: #1b1b1b;
    font-size: 30px;
    font-weight: 800;
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 25px;
}
.tab-slider .caps-para, .cform-section .caps-para{
    color: #363535;
    font-size: 11px;
    font-weight: 600;
}
 .tab-section.tab-slider {
    padding: 60px 0px 20px;
}

 
.tab-slider .carousel {
    margin-bottom: 0;
	padding: 0px;
}
/* Reposition the controls slightly */
.tab-slider .carousel-control {
	width: 32px;
	right: 0px;
	opacity:1;
	padding:3px 0px;
}
.tab-slider .right.carousel-control {
	    right: 26px;
        top: -74px;
		background-color: #f8f8f8;
        opacity: 1;
        color: #0074b5;

}
.tab-slider .left.carousel-control{
	left: 92%;
    top: -74px;
	background-color: #0074bb;
    opacity: 1;
	 color: #fff;
}
/* Changes the position of the indicators */
.tab-slider .carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-right: -19px;
}
/* Changes the colour of the indicators */
.tab-slider .carousel-indicators li {
	background: #c0c0c0;
}
.tab-slider .carousel-indicators .active {
background: #333333;
}

.tab-section.tab-slider .thumbnail img {
  width:100%; 
}

.row-fluid .span3{
	width:33%;
	float:left;
	padding: 15px;
}
.span3 .thumbnail {
	margin: 0px;
	padding:0px;
	border:none;
	position: relative;
}
.span3 .thumbnail button{
	padding: 5px 9px 6px;
    border-radius: 0px;
    background-color: #0074bb;
    text-transform: uppercase;
    font-size: 12px;
    color: #ffffffd1;
    font-family: 'Open Sans', sans-serif;
    position: absolute;
	top: 30px;
    right: -4px;
	z-index: 9999; 
}
.span3 .inner-arrw:before{
	content: " ";
    width: 12px;
    height: 12px;
    top: 38px;
    right: 35px;
    position: absolute;
    background-color: #0074bb;
    transform: scaleY(1.5774) rotate(45deg);
	z-index: 9999;
}
.span3 .thumbnail:hover .slide-overlay {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    position: absolute;
	z-index: 9999;
	transition:.5s ease-in-out;
}
.span3 .thumbnail:hover .hover-view{
	display: block;
    position: absolute;
    top: 39%;
    left: 44%;
    z-index: 9999;	
}
.span3 .thumbnail:hover .hover-view img {
    width: auto;
}
 
.thumbnail-content {
    margin: 0px;
    padding: 15px 15px 0px;
    background-color: #f8f8f8;
}
 
.thumbnail-content address {
    color: #101010;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 700;
	font-family: 'Open Sans', sans-serif;
}
 
 .thumbnail-content p {
       margin-bottom: 0px;
    font-size: 16px;
    font-weight: 800;
    color: #0074bb;
    padding-bottom: 10px;
    border-bottom: 1px solid #80808017;
}
 .tab-slider .carousel-inner {
     height: auto;
 }
 .thumb-bottom ul {
	 overflow:hidden;
	 background-color: #f8f8f8;
	 padding: 10px 9px;
 }
.thumb-bottom ul li {
    float: left;    
    padding: 5px;
}
 
.thumb-bottom ul li img {
    margin-right: 5px;
	width: 16px;
}
 .thumb-bottom .label-clr1 {     
    font-size: 11px;
 }
 
 .thumb-bottom .label-clr2 {     
    font-size: 11px;
 }
 
 .about-right h2 {
    color: #1b1b1b;
    font-size: 30px;
    font-weight: 800;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 15px;
}
 
 .about-right p {
    color: #5d5b5b;
    font-size: 14px;
    font-weight: 500; 
	margin-top: 20px;
    margin-bottom: 0px;
    font-family: 'Open Sans', sans-serif;

} 
  .about-right {
    height: auto;
	padding: 50px 50px 40px 60px;
  
} 
 .about-right .line-seperator {
    width: 70px;
    height: 2px;
    background-color: #0074bb;
}
  .about-right a.btn { 
    background-color: #0074bb;
    color: #fff;
    font-size: 22px;
    padding: 0px 13px 2px;
    border-radius: 0px;
    float: right;
    margin-top: 30px;
 
  }
 .about-section.about-bg{
   background-color: #f8f8f8;
    height: auto;
 
 }
 .contact-section.cform-section {
    padding: 60px 0px 30px;
}
 
 .cform-section .form-control,  .cform-section .post-password-form input[type='password'] {
	 font-size:13px;
	 font-family: 'Open Sans', sans-serif;
	 border-radius: 2px;
	 color:#3e3939;
 }
 .contac-form button.btn.btn-primary{
	color: #fff;
    font-size: 13px;
    background-color: #0074bb;
    border-color:  #0074bb;
	font-family: 'Open Sans', sans-serif;
	border-radius:0px;
 }
 
 .contac-form i.fa.fa-paper-plane {
    margin-right: 10px;
    font-size: 11px;
} 
 .contac-form {
    margin-top: 60px;
}

.footer-section.temp-footer {
    background-color: #1b1b1b;
	padding: 60px 0px 30px;
} 
.footer-left h2, .footer-center h2, .footer-right h2{
	font-size: 15px;
    color: #fff;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
	margin-bottom: 30px;
}
.footer-left address {
    color: #bababa;
    font-size: 13px;
    font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 0px;
}
.footer-left  ul, .footer-center ul {
	display:inline-block;
}
.footer-left  ul li, .footer-center ul li a{
    color: #bababa;
    font-size: 13px;
    margin-bottom: 20px;
	font-family: 'Open Sans', sans-serif;
}
.footer-center ul li{     
    margin-bottom: 10px;	 
}
.footer-left i.fa {
    color: #0074bb;
    font-size: 18px;
    margin-right: 10px;
	float: left;
	line-height: 22px;
}
 .footer-center ul li a:hover,  .footer-center ul li a.active{
	 color:#0074bb;	 
 }
  .footer-right .form-control {
    background-color: #dedede;
    border-radius: 0px;
    padding: 22px;
	color:#3e3939;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size: 13px;
  }
 
 .footer-right .form-control::-webkit-input-placeholder, .footer-right .form-control::-moz-placeholder, .footer-right .form-control:-ms-input-placeholder  {
	 color:#949494;
	  
 }
 
 .foo-form button.btn.btn-primary {
    background-color: #0074bb;
    border-radius: 0px;
    padding: 13px 20px;
    font-size: 13px;
    font-weight: 600;
  }
 
/* footer social icons */
ul.social-network {
	list-style: none;
	display: inline;
	margin-left:10px;
	padding: 0;
}
ul.social-network li {
	display: inline;
	margin: 0 5px;
}


/* footer social icons */
.social-network a.icoInstagram:hover {
	background-color: #fb3958;
}
.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icoYoutube:hover {
	background-color:#ff0000;
}
.social-network a.icoVimeo:hover {
	background-color:#0590B8;
}
.social-network a.icoLinkedin:hover {
	background-color:#007bb7;
}
.social-network a.icoInstagram:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoYoutube:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
}

.social-circle li a {
	background-color: #323232;
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 40px;
	height: 40px;
	font-size:17px;
} 
.social-circle li i {
	margin:0;
	line-height:40px;
	text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle i {
	color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}
 .foo-form {
    padding-top: 7px;
}
 
 
 @media (max-width:1023px) {
 .tab-slider .left.carousel-control {
    left: 87%; 
 }
 .thumb-bottom ul li {    
    padding: 0px 5px;
}
.about-right {
    height: auto;
    padding: 25px 25px 10px 30px;
}
.about-right p { 
    font-size: 12px;
	line-height: 17px;
}
.about-right a.btn {     
    margin-top: 0;
}
.about-right p {    
    margin-top: 15px;
}
.about-right h2 { 
    margin-bottom: 10px;
}
 .footer-left i.fa {     
    line-height: 40px;
 }
 .footer-right .form-control {
	 height:44px;
	 padding:8px 15px;
 }

 }
 
  @media (max-width:568px) {
 .grp-button button.btn{
	height:40px; 
    margin-bottom: 10px;
 }
 .tab-section.tab-slider {
    padding: 50px 0px;
}
.tab-slider h2 {
    color: #1b1b1b;
    font-size: 25px;
}
.tab-slider .caps-para,.cform-section .caps-para {    
    font-size: 11px;
    line-height: 18px;
}
.tabbable-line > .nav-tabs > li > a {    
    font-size: 11px !important;
}
.tabbable-line > .nav-tabs > li {
    margin: 0px 13px;
}
.tabbable-line > .nav-tabs {    
    width: 100%;
}
.tab-slider .right.carousel-control {
    right: 18px;
    top: -22px;     
}
.tab-slider .left.carousel-control {
    left: 73%;
	top: -22px;
}
.tab-slider .carousel-control {     
    padding: 0px;
}	
.row-fluid .span3 {
    width: 100%;
}
.thumbnail-content address {    
    font-size: 13px;
}
.thumbnail-content p {
    font-size: 15px;
}
.tabbable-line > .nav-tabs > li {
    margin: 0px 18px;
}
.thumb-bottom ul li {
    padding: 5px 5px;
}
.about-right {    
    overflow: hidden;
}
.about-right h2, .cform-section h2 {    
    font-size: 24px; 
}
.cform-section .form-control, .cform-section .post-password-form input[type='password'] {
    font-size: 13px !important;
    height:40px;
}
.contac-form {
    margin-top: 30px;
}
.contac-form button.btn.btn-primary {     
    padding: 8px 10px;
}

.footer-section.temp-footer {   
    padding: 40px 0px 30px;
}
.footer-left ul li, .footer-center ul li a {    
    margin-bottom: 15px;   
}
.footer-left h2, .footer-center h2, .footer-right h2 {
    font-size: 14px;    
    margin-bottom: 21px;
}
.footer-left, .footer-center, .footer-right {
	padding:0px 10px;
}
 .footer-right .form-control {
    height: 40px;
    padding: 8px 15px;
    font-weight: 500;
} 
.xs-mt-5 {
	margin-top:5px !important;
}
.foo-form button.btn.btn-primary {     
    padding: 11px 20px;
}
.tab-section.tab-slider {
    padding: 50px 0px 0px;
}
.about-right {    
    padding: 50px 25px 10px 30px;
}
.contact-section.cform-section {
    padding: 50px 0px 30px;
}
 
 }
 
 
 
/* Template-2 CSS */ 
 
 
 .temp-banner.temp2 .fade-carousel .slides .slide-1 {
  background-image: url(../images/banner-tt2.jpg); 
  background-position: inherit;
}
.temp-banner.temp2 .fade-carousel .slides .slide-2 {
  background-image: url(../images/banner2.jpg); 
  background-position: inherit;
}
.temp-banner.temp2 .fade-carousel .slides .slide-3 {
  background-image: url(../images/banner2.jpg); 
  background-position: inherit;
}

 .temp2 .t-hero {
	 background:none;
 }
 
 .temp2 .t-hero h2 {    
    font-size: 36px;    
} 
  .temp2 .t-hero {    
    padding: 10px;
}
.temp2-overlay {
	width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
} 
.t-hero p.hero-content {
	margin-left:0px;
    margin-right: 110px;
    font-size: 15px;
    text-align: left;    
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 15px;

}
.temp2 .t-hero {
    position: absolute;
    top: 100px;
    left: 70px;
}

p.price-content {	 
    margin-left: 0px;    
    font-size: 28px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 35px;
}
  

/* Shutter Out Vertical */
.hvr-shutter-out-vertical {
  display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: transparent;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    padding: 12px 47px;
    border: 1px solid #fff;  
    float: left;
    color: #fff;
}
.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #0074bb;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
  color: white;
  border:1px solid #0074bb;
}
.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
} 
 
 
.temp-banner.temp2 .carousel-indicators {
	left: 60%;
	bottom:12%;
    text-align:right;	
}
.temp-form.form2 {     
    background-color: #f7f7f7;
} 
 .temp-form .form-inner h4 {
    color: #000;
    font-size: 15px;
    font-weight: 800; 
    font-family: 'Open Sans', sans-serif;    
}
 
 .form-inner {
    background-color: #fff;
    padding: 30px 20px 35px;
    display: inline-block;
	width:100%;
	margin-top: -65px;  
    position: relative;
	box-shadow: 0px 1px 2px 1px #ddd;
}
 .grp-button .btn-form button.btn.search-nor {
	background-color:#0074bb;
    border-color:#0074bb;
    padding: 12px 40px 10px;	
	text-transform:uppercase;
	font-size: 12px;
    font-weight: 600;
	 font-family: 'Open Sans', sans-serif;
 }
 
 .grp-button .btn-form button.btn.search-adv {
	 background-color:#0074bb;
    border-color:#0074bb;
 }
 
 .grp-button .btn-form button.btn{
	 border-radius:0px;
	 padding: 12px 15px 9px;
	 background: #dddddd2e;
     border: 1px solid #808080bd;
 }
  
 .select-gray .btn-group.bootstrap-select {
	 background-color:#f7f7f7;	 
 }
 
 .select-gray button.btn.form-control {
	  border-color:#f7f7f7;
  }
 .temp-gallery {
    padding-top: 50px;
}
.temp-gallery .line-seperator {
    width: 70px;
    height: 2px;
    background-color: #0074bb;
	margin-bottom: 45px;
}
 .cform-section .line-seperator {
    width: 70px;
    height: 2px;
    background-color: #0074bb;
	margin-bottom: 30px;
}
.gallery-content {
	position: relative;
    display: inline-flex;
	margin-bottom: 20px;
} 
 
.temp-gallery h2 {
    color: #000;
    font-weight: 700;
	font-size: 28px;
}

 .content-front {
    position: absolute;
    left: 30px;
    bottom: 10px;
}
.gallery-overlay {
    width: 100%;
    position: absolute;
    height: 100%;
    background: rgba(0,0,0,0.4);
}
.content-front h4 {
    font-size: 18px;
    font-weight: 700;
	margin-bottom:0px;
}
.content-front p {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 15px;
	line-height: 12px;
}
 .content-front a.hvr-shutter-out-vertical {
    padding: 10px 30px;
    font-size: 11px;
    font-weight: 700;
    background-color: #0074bb;
    border-color: #0074bb;
}
 
.content-front a.hvr-shutter-out-vertical:hover {
	background-color:transparent;
}
 
 .gallery-content:hover a.hvr-shutter-out-vertical{
	 display:block !important; 	 
 }
 
 .gallery-content:hover .content-front {    
    bottom: 25px; 
}
 
.gall-padding{
	padding-right: 10px;
    padding-left: 10px;
}
 
.content-recent .row-fluid .span3 {
	width:25%;
	padding: 7px;
	height: 370px;
}
 
 .content-recent .span3 .thumbnail:hover .slide-overlay {    
    background: rgba(0,0,0,0.4);
 }
 
  .content-recent .span3 .inner-arrw:before {
	  display:none;
  }
 
  .content-recent .span3 .thumbnail button {
    padding: 7px 14px 8px;
    font-weight: 700;    
    font-size: 13px;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif; 
	top: initial;
    bottom: 20px;
    right: 0px;
z-index: 9999;    
}
  .content-recent .thumbnail-content p {
      font-weight: 700; 
	  border:none;
	  padding-bottom:0px;
 }
 
 .content-recent .thumbnail-content {  
    padding: 15px 0px 0px;
    background-color: #fff;
}
 
  .content-recent .thumb-bottom ul {
    overflow: hidden;
    background-color: #fff;
    padding: 5px 0px;
	margin-bottom:0px;
}
 
 .content-recent .thumb-bottom ul li {
	 width:50%;
 }
.content-recent {
    padding-bottom: 60px;
}
 .content-recent .foo-form button.btn.btn-primary{
	 text-transform:uppercase;
	 padding: 13px 38px;
     font-size: 12px;
 }
 
 .content-recent .foo-form button.btn.btn-primary:hover{
	 background-color:#0074bbc9; 
 }
 
 .about-title .line-seperator {
    width: 70px;
    height: 2px;
    background-color: #0074bb;
	margin-bottom: 30px;
}
 
.about-section.about-content {
    background: url(../images/about-us.jpg);     
	padding: 50px 0px 0px;
	height:auto;
}
.about-section.about-content .about-title {
    margin-bottom: 50px;
}
 
.about-title h2 { 
    color: #fff;
    font-weight: 700;
	font-size: 28px;
	font-family: 'Open Sans', sans-serif; 
}
.about-title p {
    color: #e0dbdb;
    font-size: 13px; 
	margin-bottom: 0px;
	font-family: 'Open Sans', sans-serif; 
}
.about-section.about-content h4{
    color: #fff;
    font-size: 21px;
    font-weight: 700;
	margin-bottom: 15px;
	font-family: 'Open Sans', sans-serif; 
}
.about-section.about-content ul li {
    width: 50%;
    float: left;
    margin-bottom: 20px;
} 
 span.about-img {
    width: 72px;
    height: 72px;
    background-color: #0074bb;   
    border-radius: 50px; 
    padding: 20px;
    display: inline-block;
	float:left;
}
 
.about-section.about-content ul { 
    display: inline-block;
    padding-top: 35px; 
}
 
 .abt-cont {
	 overflow: hidden;
    padding: 20px 30px;
    margin: 0 auto;
    margin-right: 0px;
 }
 .contac-form.temp2-form {
    margin-top: 40px;
} 
 .cform-section .caps-para.con-color {
	 color:#949494;
	 font-size:13px; 
    font-weight: 500;
 }
 
 .cform-section .temp2-form .form-control {     
    background-color: #f7f7f7;
	border: none;
}
 .footer-section.temp2-footer {
    background-color: #1b1b1b;
    padding: 30px 0px 20px;
}
.temp2-footer img {    
    opacity: 0.6;
}
.temp2-footer p {
    color: #7d7c7ce3;
    font-size: 13px;
    font-weight: 600;
    padding-top: 10px;   
} 
.temp2-footer ul.social-network li {     
    margin: 0px 8px;
} 
.temp2-footer ul.social-network li a { 
   color:#7d7c7ce3; 
   font-size: 18px;
}
 .temp2-footer ul.social-network {     
    margin-top: 10px;    
 }
 
 .temp2-footer ul i.fa.fa-facebook:hover, .temp3-footer ul i.fa.fa-facebook:hover{
	 color:#3B5998;
 }
 .temp2-footer ul i.fa.fa-twitter:hover , .temp3-footer ul i.fa.fa-twitter:hover{
	 color:#33ccff;
 }
 .temp2-footer ul i.fa.fa-linkedin:hover, .temp3-footer ul i.fa.fa-linkedin:hover {
	 color:#007bb7;
 }
 
 .temp2-footer ul i.fa.fa-instagram:hover, .temp3-footer ul i.fa.fa-instagram:hover{
	 color:#fb3958;
 }
 .temp2-footer ul i.fa.fa-youtube-play:hover, .temp3-footer ul i.fa.fa-youtube-play:hover{
	 color:#ff0000;
 }
 
 
 
@media screen and (max-width: 1023px) {
 .temp2 .t-hero {     
    left: 50px;
 }
 .grp-button .btn-form button.btn.search-nor {
	margin-left: 20px;
 }
 .xs-galle {
	 width:48.5%;
	 float:left;
 }
 .xs-ml-20 {
	 margin-left:20px !important;
 }
 .thumbnail-content p {    
    font-size: 13px;
 }
 .content-recent .thumb-bottom ul li {
    width: 100%;
  } 
  .about-section.about-content h4 {
	  line-height:22px;
  }
  .map-padding {
	  padding-left:30px !important;
  }
  .content-recent .row-fluid .span3 { 
    height: 330px;
}
.gall-padding { 
    overflow: hidden;
}

}
  
  
 @media screen and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
  .sm-mt-5 {
    margin-top: 1px !important;
 }
 .grp-button .btn-form button.btn.search-nor {     
    padding: 12px 20px 10px;
 }
 
}
 
@media screen and (max-width: 568px) {
	
.temp2 .t-hero {
    left: 10px;
	top:50px;
} 
.temp2 .t-hero h2 {
    font-size: 26px;
}
.t-hero p.hero-content {    
    margin-right: 30px;
    font-size: 13px;
}
p.price-content {    
    font-size: 21px;
    font-weight: 600;     
    margin-bottom: 15px;
}
.hvr-shutter-out-vertical {
	padding:7px 33px;
}
.temp-form h2 {
    font-size: 24px !important;
}
.temp-gallery .line-seperator {     
    margin-bottom: 30px;
}
.xs-galle {
    width: 100%;     
}
.gallery-content.xs-galle.xs-ml-20 {
	margin-left:0px !important;
}
.content-recent .row-fluid .span3 {
    width: 100%;
padding:15px;	
}
 
.thumbnail-content p {
    font-size: 15px;
}
.content-recent .thumb-bottom ul li {
    width: 50%;
}
.foo-form {     
    text-align: center;
}
.content-recent {	 
    padding-bottom: 40px;
}
.xs-pleft{
	padding-left:20px;
}
.temp-gallery {
    padding-top: 40px;
}
.temp-gallery h2 {     
    font-size: 24px;
}
.about-title h2 { 
    font-size: 24px;    
}
.about-section.about-content {    
    padding: 40px 10px 0px;
}
.about-title p {     
    font-size: 12px;
}
.about-section.about-content ul li {
    width: 100%;     
}
.abt-cont {    
    padding: 20px 0px 0px 15px;
}
.about-section.about-content h4 { 
    font-size: 18px;
}
span.about-img {
    width: 63px;
    height: 63px;    
    padding: 15px;     
}
.contact-section.cform-section {
    padding: 40px 15px 30px; 
}
.cform-section textarea.form-control{
	height:auto;
}
.map-padding {
    padding-left: 0px !important;
}
.temp2-footer img {
    width:130px;
}
.temp2-footer ul.social-network {    
    position: absolute;
    right: 0px;
    top: -107px;
}
.temp2-footer ul.social-network li a {    
    font-size: 15px;
}
.temp2-footer ul.social-network li {
    margin: 0px 7px;
}
.temp2-footer p {    
    font-size: 12px;    
    padding-top: 20px;
}
 
} 
 
 /** Template-3 CSS **/ 
 
.temp-banner.temp3 .fade-carousel .slides .slide-1, 
.temp-banner.temp3 .fade-carousel .slides .slide-2,
.temp-banner.temp3 .fade-carousel .slides .slide-3 {
  height: 530px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
  
.temp-banner.temp3 .fade-carousel .slides .slide-1 {
  background-image: url(../images/bannertt3.jpg); 
  background-position: inherit;
}
.temp-banner.temp3 .fade-carousel .slides .slide-2 {
  background-image: url(../images/bannertt3.jpg); 
  background-position: inherit;
}
.temp-banner.temp3 .fade-carousel .slides .slide-3 {
  background-image: url(../images/bannertt3.jpg); 
  background-position: inherit;
}
 
 .temp-form.temp3-form{
	 padding: 20px 20px 35px;
	 background-color: #1b1b1b;
}   
 
 .temp3-form label{
	 color: #606060;	  
	 font-size: 12px;
	 font-weight: 600;
	 padding-bottom: 6px;
	 display: block;
}       
.temp-header.temp3-header .navbar.navbar-inverse {        
    border: none;
    margin-bottom: 0px;
    background: rgba(0,0,0,0.2);
    z-index: 9999;
} 
.temp-header.temp3-header .navbar-inverse .navbar-nav > li > a {
    color: #fff;
	text-transform: uppercase;
}  
 .banner-section.temp-banner.temp3 {
    position: relative;
    margin-top: -90px;
}
 .temp-banner.temp3 .fade-carousel {     
    height: 530px;
}       
		
 .temp-banner.temp3 .carousel-inner {
     height:530px;
}		
/**
header.temp3-nav {		
    position: fixed;
    z-index: 9999;
    width: 100%;
}	
**/		
.temp-banner.temp3 .fade-carousel .carousel-inner .item {
    height: 530px;
}		
	
.temp3-collapse .sniphover a:hover:before, .temp3-collapse .sniphover .active a:before {
    opacity: 1;
    width: 40%;
	height: 2px;
}		
.temp3-collapse .sniphover a:before	{
	background-color:#fff;
}	
.banner-content3 {
    position: absolute;
	width: 60%;
    top: 37%;
    left: 20%;
}		
.banner-content3 h2 {
    color: #ecebeb;
    font-size: 48px;
    font-weight: 300;
    line-height: 65px;
    letter-spacing: 5px;
    font-family: 'Open Sans', sans-serif;
	margin-bottom: 5px;
}		
.banner-content3 p {		
    color: #fff;
    font-weight: 600;
    word-spacing: 2px;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 1px;	
}	
button.btn.btn-more {
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 0px;
    color: #fff;
    background-color: #0074bb;
    padding: 15px 30px 13px;
    font-weight: 600;
	font-family: 'Open Sans', sans-serif;
}	
button.btn.btn-more:hover {
    background-color: #fff;
    color: #0074bb;
	transition: all 0.5s ease-in-out;
}		
		
.temp3 .temp2-overlay {    
    background: rgba(0,0,0,0.4);
}		
		
.temp-banner.temp3 .carousel-control.left {
	top:50%;
    left: 3%;
	opacity: 0.4;
    background-color: transparent;    
    font-size: 38px;
}		
.temp-banner.temp3 .carousel-control.right {
    left: 94%;
    top: 50%;
    background-color: transparent;
    opacity: 0.4;
    color: #fff;    
    font-size: 38px;
}		
.temp-banner.temp3 .carousel-control.right:hover{
	opacity:1;
}		
.temp-banner.temp3 .carousel-control.left:hover {	
    opacity:1;
}	
		
.temp3-form .grp-button button.btn {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    border-radius: 0px;
}		
		
.temp3-form .grp-button button.btn.search-adv:hover {		
background-color:#139bec;		
		
}		
.temp3-gallery h2.gallery-title, .animateform-section h2 {
    color: #222222;
    font-size: 24px;
    font-weight: 400;
    width: 400px;
    margin: 0 auto;
    line-height: 34px;
    word-spacing: 2px;
    letter-spacing: 2px;
	font-family: 'Open Sans', sans-serif;
}	
 .gallery-section {
    padding: 60px 0px 0px;
}		
.temp3-gallery .line-seperator {
    width: 80px;
    height: 1px;
    background-color: #222222;
    margin: 30px auto;    
}		
		
.temp3-gallery p, .animateform-section p {
    color: #323232;
    font-weight: 600;
    font-size: 13px;
    padding: 25px 80px;
	font-family: 'Open Sans', sans-serif;
}		
.inner-gallery .gallery-overlay {     
    background: rgba(0,0,0,0.5);
}
.inner-gallery {
    width: 100%;
    height: 393px;
	overflow:hidden;
}		
.inner-gallery img {
    height: auto;   
    width: auto;
} 
.inner-position {
    position: absolute;
    top: 40%;
    left: 0%;
    width: 100%;
}		
		
.inner-position h2{
	color:#ffffff;
	font-size:30px;
	font-weight:300;
	letter-spacing:3px;
	margin-bottom: 34px;
	font-family: 'Open Sans', sans-serif;
}		
		

/* Rectangle Out */
.hvr-rectangle-out {
    display: inline-block;
    padding: 6px 30px;
    font-size: 13px;
    font-weight: 500;
    vertical-align: middle;
    text-transform: uppercase;
    border: 1px solid #fff;
    color: #fff;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: transparent;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #39537e;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
  color: #fff;
  border-color:#39537e;
}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}
		
.about-in h2.gallery-title {
    color: #222222;
    font-size: 24px;
    font-weight: 400;   
    margin: 0 auto;
    line-height: 34px;
    word-spacing: 2px;
    letter-spacing: 2px;
	font-family: 'Open Sans', sans-serif;
}		
		
.about-in .line-seperator {
    width: 80px;
    height: 1px;
    background-color: #222222; 
    margin:20px 0px;    
}		
.about-in p{
    color: #323232;
    font-weight: 600;
    font-size: 13px;
    padding: 15px 60px 0px 0px;
	margin-bottom:10px;
	font-family: 'Open Sans', sans-serif;
	text-align:justify;
} 	
.about-in .btn.btn-more {
    color: #222222;
    background-color: #fff;
    border: 1px solid #222222;
    font-weight: 700;
    padding: 8px 40px;
	margin-top: 20px;
}		
		
.about-in .btn.btn-more:hover {
	color:#fff;
	background-color:#222222;
	border:1px solid #222222;
	transition:0.3 ease-in-out;
} 	
.about-section.about3 {
    padding: 70px 0px 60px;
} 
/**	
.about-in {
    padding-top: 60px;
}
**/	
.about-left img{
	width:100%;
}		
 	
.mat-div {
  padding: 15px 0 0 0;
  position: relative;
}

.mat-div:after, .mat-div:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #0074bb; 
  bottom: 0;
  left: 0;
  transition: all 0.5s;
}

.mat-div::after {
  background-color: #fff;
  transform: scaleX(0);
}

.mat-label {
  display: block;
  font-size: 12px;
  transform: translateY(25px);
  color: #fff;
  transition: all 0.5s;
}

.mat-input {
  position: relative;
  color:#fff;
  background: transparent;
  width: 100%;
  border: none;
  outline: none;
  padding: 8px 0;
  font-size: 14px;
}

.is-active::after {
  transform: scaleX(1);
}

.is-active .mat-label {
  color: #0074bb;
}

.is-completed .mat-label {
  font-size: 12px;
  transform: translateY(0);
}		
		
 .contact-section.animateform-section {
    padding: 60px 0px;
	background-color: #111111;
}		
		
.contact-section.animateform-section h2 {
    color: #fff;
	font-family: 'Open Sans', sans-serif;
}		
.contact-section.animateform-section p {
    color: #949494;
	padding: 15px 80px 0px;
	font-family: 'Open Sans', sans-serif;
}		
 			 	
 .contact-section.animateform-section .line-seperator{    
    background-color: #949494;
	width: 80px;
    height: 2px;     
    margin: 20px auto;   
 } 	
.form-last {
    width: 500px;
    margin: 0 auto;
}		
 .btn-send {
    color: #fff;
    border-radius: 0px;
    width: 120px;
    font-size: 12px;
    font-weight: 600;
    padding: 8px 15px;
    background-color: #0074bb;
    border: 1px solid #0074bb;
    margin-right: 5px;
    text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
}
.btn-send:hover{
	background-color:transparent;
	color:#fff;
	border:1px solid #fff; 
}	
 .btn-map  {
    color: #fff;
	border-radius: 0px;
    width: 120px;
	font-size: 12px;
	font-weight: 600;
    padding: 8px 15px;
    background-color: transparent;
    border:1px solid #fff;
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
}		
 .btn-map:hover {
	background-color: #0074bb;
    border: 1px solid #0074bb;
	color:#fff;
 }		
		
 .map-modal .modal-body	{
	 padding:0px 15px;
 }	
 .map-modal button.close {
    -webkit-appearance: none;
    padding: 4px 8px;
    color: #fff;
    position: absolute;
    cursor: pointer;
    right: -15px;
    top: -15px;
    background: #0074bb;
    border: 0;
    border-radius: 30px;     
    opacity: 1;
    font-size: 20px;
	font-weight:400;
}		
		
.footer-section.temp3-footer {
    padding: 50px 0px 40px;
}		
.temp3-footer .navbar-nav > li > a {
    padding: 10px 50px 10px 0px;
    font-size: 12px;
    color: #606060;
    font-weight: 600;
    text-transform: uppercase;   
} 	
.temp3-footer .dropdown {     
    top: 0;
}		
.temp3-footer .temp3-collapse .sniphover a:hover:before, .temp3-collapse .sniphover .active a:before {
    opacity: 1;
    width: 30%;
    height: 2px;
}
temp3-footer .navbar-nav > li > a :hover, .nav > li > a:hover, .nav > li > a:focus{
	background-color:transparent;
	color:#363535;
}
.temp3-footer .temp3-collapse .sniphover a:before {
    background-color: #606060;
}		
.temp3-footer .sniphover a:before{
	height: 2px;
}		
		
.temp3-footer ul.social-network li a { 
   color:#606060; 
   font-size: 16px;
}		
.temp3-footer ul.social-network li {
    display: inline;
    margin: 0 8px;
}		
.temp3-footer ul.social-network { 
    margin-top: 8px;		
}
.footer-logo {
    padding: 40px 0px 20px;
}		
.footer-address p {
    color: #606060;
    margin-bottom: 0px;
    font-size: 11px;
    font-weight: 600;
	font-family: 'Open Sans', sans-serif;
}		
.temp3-footer .temp3-collapse .sniphover .dropdown-menu a:before {
    background-color: transparent;
}		
 
@media (max-width:1024px) {
	
 .banner-content3 h2 { 
    font-size: 35px;   
    line-height: 55px;    
}
.banner-content3 {    
    width: 80%;    
    left: 11%;
}
.temp3-form .grp-button button.btn {
	height:40px;
}
.temp3-form .sm-mt-5 {
    margin-top: 0px !important;
}
.temp3-gallery p, .animateform-section p {     
    padding: 0px 80px 25px;   
}
.inner-gallery {  
    height: 223px;   
}
.inner-position h2 { 
    font-size: 25px; 
    margin-bottom: 20px; 
}
.inner-position { 
    top: 33%;
}
.about-in {
    padding-top: 0;
}
.about-in p { 
    font-size: 12px;
    padding: 10px 30px 0px 0px;
    margin-bottom: 5px; 
}
.about-in .line-seperator {     
    margin: 10px 0px;
}
.about-in .btn.btn-more { 
    margin-top: 10px;
}
.about-section.about3 {
    padding-bottom:45px;
}
.contact-section.animateform-section {
    padding: 50px 0px; 
}
.mat-div {
    padding: 10px 0 0 0;    
}
.temp3-footer .navbar-nav > li > a {
    padding: 10px 13px 10px 0px;
}
ul.social-network { 
    margin-left: 0px; 
}
.temp3-footer ul.social-network li { 
    margin: 0 4px;
}
.footer-logo {
    padding: 30px 0px 15px;
}
.footer-section.temp3-footer {
    padding: 40px 0px 40px;
}

}
 
 
 @media (max-width:568px) {
	 
.temp-header .navbar-right {     
    margin-left: 0px;
}

.temp-header.temp3-header .navbar.navbar-inverse { 
    background: rgba(0,0,0,0.9);
 
} 
.banner-section.temp-banner.temp3 { 
    margin-top: 0px;
} 
 .form-last {
    width: 100%;
    padding: 0px 10px;	
}
.temp3-gallery h2.gallery-title, .animateform-section h2 {
	width: 100%; 
}
.temp-banner.temp3 .carousel-control.right {
    left: 88%; 
}
.temp3-footer .temp3-collapse .sniphover a:hover:before, .temp3-collapse .sniphover .active a:before { 
    width: 38px; 
}
/**
.temp-banner.temp3 .fade-carousel .slides .slide-1, .temp-banner.temp3 .fade-carousel .slides .slide-2, .temp-banner.temp3 .fade-carousel .slides .slide-3 {
	height:330px;
}
**/
.temp3-footer .navbar-nav > li > a { 
    font-size: 9px;
}
.banner-content3 h2 {
    font-size: 20px;
    line-height: 26px;
	letter-spacing: 1px;
}
 .banner-content3 { 
    top: 26%; 
}
button.btn.btn-more { 
    font-size: 11px; 
    padding: 12px 22px 12px; 
}
.temp-banner.temp3 .carousel-control.right, .temp-banner.temp3 .carousel-control.left { 
    top: 29%;
	font-size: 20px;
}
.temp-banner.temp3 .fade-carousel .carousel-inner .item {
    height: 330px;
}
.temp-banner.temp3 .carousel-inner {
    height: 330px;
}
.temp-banner.temp3 .fade-carousel {
    height: 330px;
}
.banner-content3 {
    top: 30%;
}
.banner-content3 p {     
    font-size: 10px;
}
.temp-banner.temp3 .carousel-control.right, .temp-banner.temp3 .carousel-control.left {
    top: 46%; 
}
.temp3-form .grp-button button.btn {
    height: 38px;
	font-size:11px !important;
}
.temp3-form label { 
    font-size: 11px;
}
.temp-form.temp3-form {
    padding: 25px 20px 25px; 
}
.gallery-section {
    padding: 40px 0px 0px;
}
.temp3-gallery h2.gallery-title, .animateform-section h2 { 
    font-size: 20px; 
    line-height: 27px;
    word-spacing: 0px;
    letter-spacing: 1px;
}
.temp3-gallery p, .animateform-section p {
    padding: 0px 10px 25px;
	text-align: justify;
}
.inner-gallery {
    height: auto;
}
.inner-position {
    top: 31%;
}
.inner-position h2 {
    font-size: 20px; 
}
.about-section.about3 {
    padding: 40px 0px;
}
.about-in { 
    text-align: center; 
	margin-bottom: 20px;
}
.about-in .line-seperator {
    margin: 10px auto;
}
.about-in p { 
    text-align: justify;
    padding: 10px 10px; 
}
.contact-section.animateform-section {
    padding: 40px 0px;
}
.contact-section.animateform-section p { 
    padding: 10px 10px 0px;
    text-align: justify 
}
.btn-send, .btn-map {
	width:100px;
}
.footer-section.temp3-footer .collapse {
	display:block;
}
.footer-section.temp3-footer .nav > li {
    position: relative;
    display: inline-block;
 }
 .temp3-footer .navbar-nav > li > a {
    padding: 10px 8px;
}
ul.social-network { 
    width: 100%;
    margin: 0 auto;
    text-align: center;
	display: block;
}
.temp3-footer ul.social-network li a { 
    font-size: 14px;
}
.footer-address p { 
    font-size: 10px;
    
}
 
 }
 
 
 
 .cform-section .footer-left address {
    color: #1c1c1c;
}
 .cform-section .footer-left ul li {
      color: #1c1c1c;
}
 @media (max-width:1024px) {

 .cform-section .footer-left ul li { 
    display: table;
}
.cform-section .footer-left i.fa {
    line-height: 22px;
}
 
}
 
 @media (max-width:568px) { 

 .content-recent .row-fluid .span3 {
    height: auto;
}
.temp2-footer ul.social-network { 
    right: 20px !important;
    top: -88px;
    width: auto; 
}
 
}