@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}

body{margin:0;padding:0;font-family: Chaparral Pro!important;font-size: 16px!important;color:#115987;font-weight:500;
/*	letter-spacing:1px;*/
}

p{font-family:Chaparral Pro;font-size: 16px;text-align:center;}

span{font-family:Chaparral Pro;font-size: 20px;color:gold;}
span:hover{color:orangered}

ul li{padding:2px; margin:0px;font-family: Chaparral Pro!important;font-size: 18px!important; }

h2{font-size:20px;}

h1{color:#115987!important;font-size:45px!important;}

hr.line { width:300px;margin:0 auto;
  border: 3px solid black; margin-top:5px;
}



/* endd--------------------*/

.tracking-in-contract-bck {
	-webkit-animation: tracking-in-contract-bck 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-contract-bck 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}
 
@-webkit-keyframes tracking-in-contract-bck {
  0% {
    letter-spacing: 1em;
    -webkit-transform: translateZ(400px);
            transform: translateZ(400px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes tracking-in-contract-bck {
  0% {
    letter-spacing: 1em;
    -webkit-transform: translateZ(400px);
            transform: translateZ(400px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}


/*---------------text anim------------------*/

.top-header{background:#145377;padding:5px; margin:0px;color:white}
.top-header ul li:hover{color:gold;}

.top-header .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group {
    margin-right: 2px;
    margin-top: 5px;
}
.navbar-default {
	height:auto;
    background-color:ghostwhite;
	border-bottom:none!important;
      
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color:none!important;
    padding: 20px;
}

.navbar-default .navbar-nav > li > a {
    color: #115987!important;
    font-size: 20px;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color:orangered!important;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}

/*banner*/

.banner{margin:0px;padding: 0px;margin-top:15px;}

.banner img{ width:100%;height:450px;
	background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;margin:0 auto; }

.home{width:80%;height:auto; color:white;padding:35px;background:#145377;margin:0 auto;}
.home p{font-family:Chaparral Pro!important;font-size:18px!important; }


/*aboutus*/

.about-us{width:100%; height:auto;margin-top:50px;margin-bottom: 50px;background-color:antiquewhite;}
.about-us img{width:80%; height:auto;}
.about-us p{font-size:18px!important;  padding:10px;float:left;margin:0 auto;margin-top:20px;
	font-family:Chaparral Pro!important;color:black!important}

.about-us span {color:green;font-size:20px;	content: "\2713";}
.about-us ul li{list-style-type:none!important;font-family:Chaparral Pro!important;font-size:16px;color:black!important}

/************service page -----------------*/
.sliders p{font-size:20px!important;}

/*---------------------------------*/
/*end---------------*/
.services{width:100%; height:500px; padding: 10px; margin-top:50px;font-size:16px!important;}
.services p{font-size:16px!important;font-family:Chaparral Pro!important;font-weight:500}
.services ul li{
    padding: 2px;
    margin: 0px;
    font-family: Chaparral Pro!important;
    font-size: 18px!important;
    color: black;
}

#text{
display:none;
}
#text .btn-container{
  margin: auto;
  height:44px;
  width:166.23px;
  
}
#text a:active{
  color:#ffd323;
}

.btn-container button{
  user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  cursor:pointer;
  border:none;
  padding:8px;
  font-size:20px;
  background:linear-gradient(141deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);
  color:white;
  font-family:cursive;
  box-sizing:border-box;
}
/*------------*/
#text1{
display:none;
}
#text1 .btn-container{
  margin: auto;
  height:44px;
  width:166.23px;
  
}
#text1 a:active{
  color:#ffd323;
}

#text1 button{
  user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  cursor:pointer;
  border:none;
  padding:8px;
  font-size:20px;
  background:linear-gradient(141deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);
  color:white;
  font-family:cursive;
  box-sizing:border-box;
}
/*--------------*/
#text2{
display:none;
}
#text2 .btn-container{
  margin: auto;
  height:44px;
  width:166.23px;
  
}
#text2 a:active{
  color:#ffd323;
}

#text2 button{
  user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  cursor:pointer;
  border:none;
  padding:8px;
  font-size:20px;
  background:linear-gradient(141deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);
  color:white;
  font-family:cursive;
  box-sizing:border-box;
}
/*---------------*/
#text3{
display:none;
}
#text3 .btn-container{
  margin: auto;
  height:44px;
  width:166.23px;
  
}
#text3 a:active{
  color:#ffd323;
}

#text3 button{
  user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  cursor:pointer;
  border:none;
  padding:8px;
  font-size:20px;
  background:linear-gradient(141deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);
  color:white;
  font-family:cursive;
  box-sizing:border-box;
}
/*---------------------*/
#text4{
display:none;
}
#text4 .btn-container{
  margin: auto;
  height:44px;
  width:166.23px;
  
}
#text4 a:active{
  color:#ffd323;
}

#text4 button{
  user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  cursor:pointer;
  border:none;
  padding:8px;
  font-size:20px;
  background:linear-gradient(141deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);
  color:white;
  font-family:cursive;
  box-sizing:border-box;
}

/*------------------------*/

#text5{
display:none;
}
#text5 .btn-container{
  margin: auto;
  height:44px;
  width:166.23px;
  
}
#text5 a:active{
  color:#ffd323;
}

#text5 button{
  user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  cursor:pointer;
  border:none;
  padding:8px;
  font-size:20px;
  background:linear-gradient(141deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);
  color:white;
  font-family:cursive;
  box-sizing:border-box;
}


/*---------------------*/
#text7{
display:none;
}
#text7 .btn-container{
  margin: auto;
  height:44px;
  width:166.23px;
  
}
#text7 a:active{
  color:#ffd323;
}

#text7 button{
  user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  cursor:pointer;
  border:none;
  padding:8px;
  font-size:20px;
  background:linear-gradient(141deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);
  color:white;
  font-family:cursive;
  box-sizing:border-box;
}




/*-----------------------------------------------------------*/
/*Products*/

.products{height:auto!important;padding:20px;background-color:none;width:100%;display:block;font-family: Chaparral Pro!important;}

 .col-item h5{color:orangered!important;text-align:center;font-size:20px}
 .col-item
{
/*    border: 1px solid #337ab7;*/
	padding:10px;

    border-radius: 5px;
    background:antiquewhite;
	
}
 .col-item .photo img
{
    margin: 0 auto;
    width: 100%;height:255px!important;
}

 .col-item .info
{
    padding: 10px;
    border-radius: 0 0 5px 5px;
    margin-top: 1px;
}

 .col-item:hover .info {
    background-color:white!important;
}
.col-item .price
{
    /*width: 50%;*/
    float: left;
    margin-top: 5px;
}

.col-item .price h5
{
    line-height: 20px;
    margin: 0;
}

.price-text-color
{
    color:orangered;
}

.col-item .info .rating
{
    color: #777;
}

.col-item .rating
{
    /*width: 50%;*/
    float: left;
    font-size: 17px;
    text-align: right;
    line-height: 52px;
    margin-bottom: 10px;
    height: 52px;
}

.col-item .separator
{
    border-top: 1px solid #E1E1E1;
}

.clear-left
{
    clear: left;
}

.col-item .separator p
{
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
}

.col-item .separator p i
{
    margin-right: 5px;
}
.col-item .btn-add
{
    width: 50%;
    float: left;
}

.col-item .btn-add
{
    border-right: 1px solid #E1E1E1;
}

.col-item .btn-details
{
    width: 50%;
    float: left;
    padding-left: 10px;
}
.controls
{
    margin-top: 20px;
}
[data-slide="prev"]
{
    margin-right: 10px;
}


.col-item a{font-size: 16px!important;}


/*end products*/


/*.contact*/

.contact{height:auto!important;margin-top:50px;padding:10px;}
/* Full-width input fields */
input[type=text], input[type=password] {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  display: inline-block;
  border: none;
  background: #f1f1f1;
}

input[type=text]:focus, input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

hr {
  border: 1px solid #f1f1f1;
  margin-bottom: 25px;
}

/* Set a style for all buttons */
.conact button {
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
}

.conact button:hover {
  opacity:1;
}

/* Extra styles for the cancel button */
.cancelbtn {
    padding: 10px 20px;
    background-color: #f44336;
    margin-left: 160px;
    color: white;
    font-size: 18px;
}

/* Float cancel and signup buttons and add an equal width */
.cancelbtn, .signupbtn {
  float: left;
  width: 50%;
}

.form{border:none!important;}

/* Add padding to container elements */
/*
.contact .container {
  padding: 16px;
}
*/

/* Clear floats */
.contact .clearfix::after {
  content: "";
  clear: both;
  display: table;
}

/* Change styles for cancel button and signup button on extra small screens */
@media screen and (max-width: 300px) {
  .cancelbtn, .signupbtn {
     width: 100%;
  }
}

/*end contact*/


.footer{height:auto!important; background-image:url(imgs/banners/footerbanner.jpg);background-size: cover;width:100% }

.footer{width:100%;z-index: 2;position: absolute;margin-top:30px;height:250px;}
.footer ul li{color:ghostwhite!important;text-align: center;font-weight:400!important;fon-size:16px;}

.footer ul li{text-decoration:none!important;list-style-type: none;}
.footer p{color:ghostwhite!important;text-align: center;}

/* start of ab0utuspage*/
.box1 p{font-size:14px;  padding:10px;float:left;Margin:0 auto;margin-top:20px;}

.box1 span {color:green;font-size:20px;	content: "\2713";}
.box1 ul li{list-style-type:none!important;}

/*endd*/


/*info-abouy*/
.counter{
   font-family:Chaparral Pro!important;
    text-align: center;
    width: 201px;
    padding: 20px 0 55px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.counter:before{
    content: '';
    background: #286090;
    height: 200px;
    width: 200px;
    border-radius: 50% 50%  20px;
    transform: rotate(45deg);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.counter .counter-content{
    color: #fff;
    height: 160px;
    width: 160px;
    padding: 50px 10px 20px;
    margin: 0 auto;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5),0 0 0 10px #fff;
}
.counter h3{
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 10px;
}
.counter .counter-value{
    font-size: 35px;
    font-weight: 600;
    line-height: 30px;
    display: block;
}
.counter:hover .counter-value{ text-shadow: 0 0 4px rgba(0, 0, 0, 0.5) }
.counter .counter-icon{
    color: #fff;
    font-size: 25px;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    bottom: 4px;
    transition: all 0.3s;
}
.counter:hover .counter-icon i{
    transform: rotateY(0);
    transition: all 0.3s;
}
.counter:hover .counter-icon i{
    transform: rotateY(360deg);
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
}
.counter.magenta:before,
.counter.magenta .counter-content:before{
    background-color: #d11094;
}
.counter.red:before,
.counter.red .counter-content:before{
    background-color: #d82222;
}
.counter.blue:before,
.counter.blue .counter-content:before{
    background-color: #344aba;
}
@media screen and (max-width:990px){
    .counter{ margin-bottom: 30px; }
}

/*end*/

/*servicepage----------------------------------------------*/
.item img{width:1400px;height:500px!important;}
.carousel-caption
			{
				position: absolute;
				right: 0;
				bottom: 0;
				left: 0;
				z-index: 10;
				padding-top: 20px;
				padding-bottom: 20px;
				color: #fff;
				text-align: center;
				background: rgba(0,0,0,0.4);
			}

.carousel-caption h3{font-size:40px!important;}

.service-area{width:100%;height:auto;padding:10px;background-color:antiquewhite;}


.service-area p{font-size:18px!important;  padding:10px;float:left!important;margin:0 auto;text-align:left;color:black;}
.service-area span {color:green;font-size:40px;	content: "\2713";background-color:gold;border-radius: 50px;}

.service-area ul li{list-style-type:none!important;text-decoration: none;list-style: none!important;color:black;}

.service-area h3{color:orangered;}


.box{
    position: relative;
    overflow: hidden;
}
.box img{
    width: 100%;
    height: auto;
    transform-origin: left center 0;
    transform: perspective(400px) rotateY(0deg);
    transition: all 0.5s ease 0s;
}
.box:hover img{
    transform: perspective(400px) rotateY(90deg);
}
.box .box-content{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background:#F9D102;
    padding: 30px 25px;
    text-align: center;
    transform-origin: right center 0;
    transform: perspective(400px) rotateY(-90deg);
    transition: all 0.5s ease 0s;
}
.box:hover .box-content{
    transform: perspective(400px) rotateY(0deg);
}
.box .title{
    font-size: 20px;
    font-weight: bold;
    color:#0F287A;
    margin-bottom: 20px;
    text-transform: capitalize;
}
.box .title:after{
    content: "";
    display: block;
    margin-top: 20px;
    border-bottom: 1px solid #fff;
}
.box .description{
    font-size: 18px!important;font-weight:500;
    line-height: 23px;
    color: #0F287A;
}


.box .btn-sm {
    padding: 5px 10px;
    font-size: 15px;
    line-height: 1.5;
    border-radius: 3px;
}
@media only screen and (max-width: 990px){
    .box{ margin-bottom:15px; }
}
@media only screen and (max-width: 359px){
    .box .title{ margin: 10px 0; }
    .box .box-content{ padding: 15px; }
}


/*end-----------------------------------------*/