@charset "utf-8";
/* CSS Document */
 body {
     padding-bottom: 0;
}
.offcanvas-title a {
	color: #000000;
	text-decoration: none;
	
}
 .navbar{
     border-bottom: #1e9fce solid 0.7em;
}
 .navbar button {
     border: none;
}
 .home {
     width: 100%;
     height: 140vh;
     background-image: url("../img/map.jpg");
     background-position: center top;
     background-size:cover;
     margin-top: 0em;
}
.country {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;	
}
.country img {
	width: 100%;
	margin-bottom: 0.5em;
}
 .title {
     text-align:center;
     font-weight: bold;
     background-image: url("../img/line.png");
     background-repeat:repeat-x;
     background-position:center;
     margin-bottom: 0.4em;
     margin-top: 2em;
     margin-bottom: 1em;
}
 .title span {
     text-align:center;
     background: #FFFFFF;
     padding-left: 0.5em;
     padding-right:0.5em;
     color: #0b91ba;
     font-size: 1.3em;
	 font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"
}
 .about {
     font-size: 1.3em;
     color: #666666;
     margin-bottom: 1em;
     font-family: "sans-serif" ;
     margin-bottom: 2em;
}
.product {
	margin-top: 5em;
}
 .pro {
     border: #E4E2E2 solid 1px;
     background: #ffffff;
     -moz-border-radius: 5px;
     -moz-border-radius-topright: 5px;
     -moz-border-radius-bottomleft: 5px;
     border-radius: 10px;
     border-top-right-radius: 10px;
     border-bottom-left-radius: 10px;
     padding: 0.7em;
     margin-bottom: 2em;
     -webkit-box-shadow: 0px 0px 5px #E3E3E3;
     box-shadow: 0px 0px 5px #E3E3E3;
     -o-box-shadow: 0px 0px 5px #E3E3E3;
     -moz-box-shadow: 0px 0px 5px #E3E3E3;
     width: 95%;
}
 .pro a {
     text-decoration: none;
     color: #636262;
}
 .pro a:hover {
     text-decoration: none;
     color: #5499E3;
}
 .pro img {
     width: 100%;
     margin-bottom: 1em;
     border: #F4F4F4 solid 1px;
     border-top-right-radius: 10px;
     border-top-left-radius: 10px;
}
 .viewmore {
     text-align: right;
     color: #777272;
     text-decoration: none;
     margin-bottom: 2em;
}
 .viewmore a {
     color: #3F8CC4;
     text-decoration: none;
}
 .viewmore a:link {
     color: #3F8CC4;
}
 .viewmore a:visited {
     color: #3F8CC4;
}
 .viewmore a:hover {
     color: #0151B0;
}
 .viewmore a:acitve {
     color: #3F8CC4;
}
 .pro a:hover img {
     -webkit-box-shadow: 0px 0px 10px #E3E3E3;
     box-shadow: 0px 0px 10px #E3E3E3;
     -o-box-shadow: 0px 0px 10px #E3E3E3;
     -moz-box-shadow: 0px 0px 10px #E3E3E3;
}
 .pro h2 {
     font-size: 1.2em;
     text-align: center;
     font-weight: bold;
}
 .pro h3 {
     font-size: 1.1em;
     text-align: center;
     font-family: "sans-serif" 
}
 .contact {
}
 .contact p {
     font-size: 1.3em;
     color: #666666;
     font-family: "sans-serif" ;
     text-align: center;
     padding-bottom: 2em;
}
 .contact2 {
     margin-top: 2em;
}
 .contact2 button {
     font-size: 1.3em;
     font-weight: bold;
}
 .pager{
     text-align: center;
     margin: 2em 0 0.5em 0;
}
 .pager a {
     color: #1e9fce;
     text-decoration: none;
     padding: 0 0.1em 0 01em;
}
 .pager a:link {
     color: #1e9fce;
}
 .pager a:visited {
     color: #1e9fce;
}
 .pager a:hover {
     color: #000000;
}
 .pager a:active {
     color: #1e9fce;
}
 .form-check-input {
     width: 1.5em;
     height: 1.5em;
     margin-right: 0.5em;
     margin-bottom: 0.5em;
}
 .footer {
     background: #1e9fce;
     padding: 2em 0 1em 0;
     margin-top: 4em;
     color: #FFFFFF;
	 overflow: hidden;
}
 .info h1 {
     font-size: 1.5em;
     font-weight: bold;
}
 .info ul {
	 margin-bottom: 0;
	 padding-bottom: 0;
}
 .info ul li {
     font-size: 0.9em;
     list-style:square;
}

 .service {
     text-align: right;
}
 .service ul {
     overflow: hidden;
	 margin-bottom: 0;
}
 .service ul li {
     font-size: 0.9em;
     display: block;
     float: right;
	 padding-right: 0.2em;
}
 .service p {
     font-size: 0.7em;
     color: #ade0f3;
     margin-top: 1em;
}
 .service p a {
     color: #ade0f3;
     text-decoration: none;
}
 .service p a:link {
     color: #ade0f3;
}
 .service p a:visited {
     color: #ade0f3;
}
 .service p a:hover {
     color: #ffffff;
}
 .service p a:active {
     color: #ade0f3;
}

 @media(max-width:1440px){
	 
}
 @media(max-width:1366px){
	 
}
 @media(max-width:1280px){
	 
}
 @media(max-width:1024px){

}
 @media(max-width: 991px){
	 .home {
         width: 100%;
         height: 100vh;
         margin-top: 3em;
    }
}
 @media(max-width:768px){
}
 @media(max-width:640px){
     .home {
         width: 100%;
         height: 60vh;
         margin-top: 4em;
    }
	 .country {
         margin-top: 0em;	
}
     .country img {
         margin-bottom: 0.2em;
}
     .service {
         text-align: left;
		 margin-top: 2em;
    }
	 .service ul li {
         font-size: 1em;
         display: block;
         float: left;
	     padding-right: 0.2em;
}
     .title {
         margin-top: 1em;
         margin-bottom: 1em;
    }
     .title span {
         font-size: 1.2em;
    }
	
	 
	 
}
 @media(max-width:480px){
}
 @media(max-width:320px){
}