@font-face {font-family: "Museo Slab 300";
	src: url("../font/196c0c5e71a561354be4ab3f1b12788a.eot"); /* IE9*/
	src: url("../font/196c0c5e71a561354be4ab3f1b12788a.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	url("../font/196c0c5e71a561354be4ab3f1b12788a.woff2") format("woff2"), /* chrome、firefox */
	url("../font/196c0c5e71a561354be4ab3f1b12788a.woff") format("woff"), /* chrome、firefox */
	url("../font/196c0c5e71a561354be4ab3f1b12788a.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url("../font/196c0c5e71a561354be4ab3f1b12788a.svg#Museo Slab 300") format("svg"); /* iOS 4.1- */
}

body{
	font-family:'Open Sans', sans-serif !important;
}

.navbar {
	padding: 15px 0;
	border-bottom: 0;
	letter-spacing: 1px;	
	background:#FFF;
	-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
	-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
	transition: background .5s ease-in-out,padding .5s ease-in-out;
	border-bottom: 1px solid rgba(228, 228, 228, 0.23);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.10);
}
.navbar-nav > li > a {
    color:#333 !important;
	font-weight:bold;s
}

.navbar-nav .active {
	color:#fff;
	background-color:#CCC;	
	
}

.navbar-nav .active > a,
.navbar-nav .active > a:hover,
.navbar-nav .active > a:focus{
	color:#fff !important;
	background-color:#36AAE7 !important;
	font-weight:bold;
	font-family:'Open Sans', sans-serif;
}

.icon-bar{
	background-color:#333 !important;
}

.navbar-toggle:hover .icon-bar , .navbar-toggle:focus .icon-bar{
	background-color:#FFF !important;
}

.top-nav-coll{
	padding:0 !important;
	color:#000 !important;
}

.site-slider ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.site-slider ul li {
	float: left;
	margin: 0;
}

.bx-wrapper img {
	opacity: 0.6;
	filter: alpha(opacity=80);
}

.bx-wrapper {
    background-color: #000000;
}


.slider-caption {
    position: absolute;
    z-index: 988;
    color: #ffffff;
    display:flex;
	justify-content:center;
	align-items:center;
	
	top:0;
	right:0;
	bottom:0;
	left:0;
}

.slider-caption h2{
	font-weight:bold;	
}

.s-pic img{	
	opacity:1;
	width:100% !important;
	vertical-align:middle;
}

.ts{
	display:flex;
	justify-content:center;
	align-items:center;
	
	top:0;
	right:0;
	bottom:0;
	left:0;
}

.s-pic{
	width:40%;
	float:left;
	height:100%;
	top:0;
	bottom:0;
}

.s-text{
	float:left;
	position:relative;
	width:60%;
	padding-left:20px;
	align-items:center;
	vertical-align:baseline;
}

@media only screen and (min-width: 992px){
	.slider-caption h2{
		font-size:50px;
	}
	
	.slider-caption p{
		font-size:26px;
	}
}

@media only screen and (max-width: 992px){
	.slider-caption h2{
		font-size:40px;
	}
	.slider-caption p{
		font-size:18px;
	}
}

@media only screen and (max-width: 768px){
	.slider-caption h2{
		font-size:30px;
	}
	.slider-caption p{
		font-size:15px;
	}
}

@media only screen and (max-width: 480px){
	.slider-caption h2{
		font-size:20px;
	}
	.slider-caption p{
		font-size:12px;
	}
}

@media only screen and (max-width: 320px){
	.slider-caption h2{
		font-size:10px;
	}
	.slider-caption p{
		font-size:8px;
	}
}

.p-r-0{
	padding-right:0;
}
	
.p-t-b-10{
	padding-top:10px;
	padding-bottom:10px
}
	
.p-t-b-50{
	padding-top:50px;
	padding-bottom:50px
}

.f-left{
	float:left;
}

.mar-t-10{
	margin-top:10px;	
}

.mar-r-10{	
	margin-right:10px;
}

.heading{
	text-align:center;
	font-family:"Museo Slab 300";
	font-weight:bold;
	font-size:18px;	
}

.sub-heading{
	text-align:center;	
	font-size:18px;
}

h3{	
	text-align:center;
	font-size:16px;
	font-weight:bold;
}

.h-line{
	background:-moz- linear-gradient(to left,white, #36AAE7,white) repeat scroll 0% 0% transparent;
	background:-o- linear-gradient(to left,white, #36AAE7,white) repeat scroll 0% 0% transparent;
	background:-webkit- linear-gradient(to left,white, #36AAE7,white) repeat scroll 0% 0% transparent;
	background:linear-gradient(to left,white, #36AAE7,white) repeat scroll 0% 0% transparent;
	height:1px;
	margin-bottom:20px;
}

section{
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.07);	
}

#welcome{
	background: #E9E9E9;
	border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
	font-family:"Museo Slab 300";
}

#welcome h2{
	text-align:center;
	font-weight:bold;
	
}

#about{
	background-color:#FFF;
	font-family:'Open Sans', sans-serif;
	line-height: 30px;
	text-align:justify;
}

#service{
	padding-top: 10px;
    padding-bottom: 60px;
    background: url(../img/service.jpg);
    padding: 0;
    -webkit-background-size: cover;
    background-size: cover;
    color: #fff;
    background-attachment: fixed;	
	font-family:'Open Sans', sans-serif;
	line-height: 30px;
	text-align:justify;

}

#service img{
	alignment-baseline:central;
}

.read-more{
	display:block;
	
}

.read-more a{
	text-decoration:none;
	display:block;
	padding: 10px;
	
}


.read-more div a {
	color: #fff;
  background-color: #6496c8;
  text-shadow: -1px 1px #417cb8;
  border: none;
}
.read-more div a:hover {
	background-color: #346392;
  text-shadow: -1px 1px #27496d;
}
.read-more div a:active {
	  background-color: #27496d;
  text-shadow: -1px 1px #193047;
}


.img-gal img{
	width:100%;
}

#map{	
	padding-top: 10px;
    padding-bottom: 60px;
    background: url(../img/map.png);
    padding: 0;
    -webkit-background-size: cover;
    background-size: cover;
    color: #fff;
    background-attachment: fixed;	
	font-family:'Open Sans', sans-serif;
	line-height: 30px;
	text-align:justify;
}

#map_canvas{
	height:300px;
	background:#FFF;	
}

.service-list li{
	font-weight:bold;
}

.fa-check{
	margin: 10px;
    width: 13px;
    color: #25CBF5;
}

.overlay {
    background: rgba(0, 0, 0, 0.76);
}

#home{
	padding-top:60px;	
}

#contact{
	background-color:#FFF;
	font-family:'Open Sans', sans-serif;
	line-height: 30px;
	
}

#contact label{
	font-weight:normal;
}

input[type=email],
input[type=password],
input[type=tel],
input[type=text],
textarea {
    width: 100%;
    border: solid 1px #e3e3e3;
    border-bottom-color: #F0F0F0;
    border-top-color: #e0e0e0;
    color: #777;
    background-color: rgba(0,0,0,.03) !important;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px !important;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    outline: none !important;
    -moz-box-shadow: 0 1px 2px rgba(10,10,10,.1)inset;
    -webkit-box-shadow: 0 1px 2px rgba(10,10,0,.1)inset;
    -o-box-shadow: 0 1px 2px rgba(10,10,10,.1)inset;
    box-shadow: 0 1px 2px rgba(10,10,10,.1)inset;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

input[type=email]:focus,
input[type=text]:focus,
textarea:focus {
    color: #323436;
    background-color: rgba(150,150,150,.01) !important;
    outline: none !important;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

/***********model dialog***********/
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	z-index:1000;
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    padding: 0;
    border: 1px solid #888;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.xclose {
	margin:3px 20px !important;
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.xclose:hover,
.xclose:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 8px 16px;
    background-color: #494D56;
    color: white;
	font-size:25px;
}

.modal-body {padding: 2px 16px;}

.modal-body div{
	text-align:center;
	font-weight:bold;	
}

.modal-footer {
    padding: 2px 16px;
    background-color: #446390;
    color: white;
}
/***************************/

.modal-body ol{
	counter-reset:item;	
}

.modal-body li{
	display:block;
}

.modal-body li:before{
	content:counters(item , ". ") " ";
	counter-increment:item;
}

.msg{
	top:100px;
	background:#FFF;
	text-align:center;
	font-family: "Museo Slab 300";
	font-size: 30px;
	padding: 50px;
	
    position: fixed;
    display: none;
    z-index: 146738;
    overflow: hidden;
	box-shadow: 0 0 10px rgba(10,10,10,.1)inset;
	border: 1px #999999;
}


.msg i{
	position:absolute;
	top:0;
	right:0;
	padding:5px 10px ;
	font-weight:normal;
	cursor:pointer;
}
.msg i:hover{
	color:#66F;	
}


.ser-con > div{
	background-color: #FFF;;
	color:#333;
	font-weight:bold;
	text-align:center;
	padding:10px;
	transition: all .25s;
	
}

.ser-icon{
	display: inline-block;
    width: 80px;
    height: 80px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin: 15px;
    position: relative;
    overflow: hidden;
	transition: all .25s;
}

.ser-icon img{
	transition: all .25s;
}

.ser-con:hover .ser-icon{
	transform: rotate(90deg);
}

.ser-con:hover .ser-icon img{
	transform: rotate(-45deg)
}
/*--------------------------------
		 footer style 
--------------------------*/

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

.footer-info{
	background-color:#222222;
}

footer .fa{
    margin-right: 10px;
    font-size: 14px;
    width: 12px;
}

.copyright{
	background:#2C2C2C;
}

footer li{
	color:#AAAAAA;
	}

footer h4{
	color:#FFF;
	}
	
footer a{	
	color:#FFFFFF;
	text-decoration:none;
}
	
.copyright-color{
	color:#CCCCCC;
	font-size:12px;
}

/*-------------------------------------
		Social media icons css
---------------------------------------*/
footer li a{
    color: #fff;
	text-decoration:none !important;
}

.social-icons {
    height: auto;
    overflow: hidden;
    list-style: none!important;
}
/*.social-icons li:not(.sf-love) a {*/
.social-icons li a {
    display: inline-block;
    padding: 10px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    overflow: hidden;
    position: relative;
    text-align: center;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}

.social-icons li {
    float: left;
    display: inline-block;
	margin-right:10px;
    /* height: 36px; */
}

.social-icons li a i {
    display: block;
    height: 100%;
    position: relative;
    top: 1%;
    -moz-transition: top 0.35s;
    -o-transition: top 0.35s;
    -webkit-transition: top 0.35s;
    transition: top 0.35s;
    width: 100%;
    margin-bottom: 30px;
}

.social-icons li a{	
	border:1px solid rgba(247, 247, 247, 0.17);
}

social-icons a:hover {
	text-decoration:none;
}
	
.social-icons li a:hover i{
    top: -44px;
	color:#FFF;
}

.social-icons li.twitter a:hover {
    background-color: #00aced;
}

.social-icons li.facebook a:hover {
    background-color: #3b5998;
}

.social-icons li.googleplus a:hover {
    background-color: #dd4b39;
}


.my-gallery {
  width: 100%;
  float: left;
}
.my-gallery img {
  width: 100%;
  height: auto;
}
.my-gallery figure {
  display: block;
  float: left;
  margin: 0 5px 5px 0;
  width: 150px;
}
.my-gallery figcaption {
  display: none;
}