@font-face{
  font-family: colossalis;
  src: url('Colossalis Bold.ttf')
}

.navbar {
    margin: 0;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.navbar-brand {
   
    padding-bottom: 0px !important;
    
}
body {
  border-top: 8px solid #299dcc;
  color:#888;
  font-family: "Arial", Tahoma, Trebuchet MS, sans-serif;
 }

.clear {
  clear:both;
}

/****************** logo********************/
.logo{
  margin-top:10px;
  float: left;
  max-width:50%;
  
  }
  
  /****************** end logo********************/
  /****************** icone1********************/
  .phone p{
      margin:0px;
      padding-top:0px;
      color:black;
  }
.phone p a{
    color: black;
}

  .phone span {
      float:right;
        }

  .icone1 a:hover i.icon-phone{
  color: #3B5998;
  }
  
.cont-content i{
  font-size:3em;
  text-decoration: none;
  padding-left:5px;
  text-align: center;
  transition: color .5s;
  -webkit-transition: color .5s;
  -moz-transition: color .5s;
}
  /****************** end icone1********************/
  /****************** end icone1********************/
    
      .cont-content{
        background-color:#299dcc ;
        color: white;
        text-align: center;
        margin:auto;
        padding-top: 10px;
        max-width: 100%;
      }
    
  /****************** end cont-content********************/
 
  /****************** index page********************/
  
   
  .carousel-inner img {
    width: 100%;
    height: 100%;
  }

  /*.carousel-caption {
  height:165px ;
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -100%);  
    z-index: 10;
    
    padding-top: 5px;
    padding-left: 20px;
    padding-bottom: 20px;
    
    color: #fff;
    
    text-align: center;
    
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  
    background-color: rgba(0, 0, 0, .3);
  }*/
  
  /*.fill {
  
    width: 100%;
   
    height: 100%;
   
    background-position: center;
   
    -webkit-background-size: cover;
   
    -moz-background-size: cover;
      
    background-size: cover;
   
    -o-background-size: cover;
    background-color: rgba(0, 0, 0, .3);
  }*/

.carousel-caption {
    top: auto;
    bottom:10;
    left:15px;
    color:black;
}
  .custom-btn {
    /* background-color: #299dcc; */
    border-color: #299dcc;
    color: black !important;
  }
  .custom-btn:hover{
    background-color: #299dcc ;
  }

  .cc-content
{
  font-size: 18px;
}

  @media screen and (max-width: 768px) {
  h2 {font-size: 20px; line-height: 1.5em}
  p {font-size: 16px; line-height: 1.5em}
  .carousel-caption {top: 10%; left: 0%; transform: none;}
  }

      /****************** end icone1********************/
    
      .cont-content{
        background-color:#299dcc ;
        color: white;
        text-align: center;
        margin:auto;
        padding-top: 10px;
        max-width: 100%;
      }
    
/****************** end index page********************/  
      
.cont-content{
  background-color:#299dcc ;
  color: white;
  text-align: center;
  margin:auto;
  padding-top: 10px;
  max-width: 100%;
}

/****************** end cont-content********************/
/****************** contact page********************/   
.my-page{
 background-color: rgba(169, 210, 230, 0.589);
 background-image: linear-gradient(to bottom, #299dcc , #a4dae7);

}


.my-form{
padding:30px;
padding-top:0px;
margin: auto;
color: rgba(0, 0, 0, 0.63);
}
/* 
.my-form h1{
font-size: 25px;
text-align: center;
}   */
.custom-btn {
/* background-color: #299dcc; */
border-color: #299dcc;
color: white;
}
.custom-btn:hover{
background-color: #299dcc ;
}

@media screen and (max-width: 768px) {
h1 {font-size: 10px; line-height: .25em}
.carousel-caption {top: 0%; left: 0%; transform: none;}
}

/****************** end cotact page********************/
/****************** quotes page********************/
.top-row{
background-color: rgba(169, 210, 230, 0.589);
background-image: linear-gradient(to bottom, #96d6f0 , #dcedf1);
margin: auto;
margin-bottom: 10px;
padding-top: 10px;
             
}

.bottom-row{
background-color: rgba(169, 210, 230, 0.589);
background-image: linear-gradient(to top, #96d6f0 , #dcedf1);
margin: auto;
margin-top: 10px;
padding-top: 10px;
             
}

.travel-cols{

text-align: center;

}  

.travel-cols p {

text-align: left;
margin-top: 10px;
margin-right: 7px;
margin-left: 7px

}

.travel-cols a:visited {
color: purple;
}
.incrance-col{
padding: 20px;
background-color: rgb(239, 250, 252);
text-align: center;
} 

.incrance-col first-row{
background-color: white;
}

.first-col{
margin-top: 20px;
margin-bottom: 20px;
}
.second-col{
margin-top: 20px;
margin-bottom:20px ;
}

/******************links effect********************/

.hovereffect {
width:100%;
height:100%;
/* float:left; */
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

/*     .hovereffect .overlay {
width:100%;
height:25%;
padding:4px;
position:absolute;
overflow:hidden;
bottom:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
} */

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

/*     .hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
} */

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
/* margin:50px 0 0; */
padding:0px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}

/****************** end quotes page********************/
/******************footer********************/
#wrapper .text {
  position:relative;
  visibility:hidden;
  letter-spacing: 0px;
  opacity: 0;
  transition: opacity 1s;
  transition:   letter-spacing 1s;
   }
  
  #wrapper:hover .text {
  visibility:visible;
  letter-spacing: 5px;
  opacity: 1;
  }
  

footer{
margin-top: 20px;
width:100%;
align-content: center;
}

/* overlay-icone{
  float: right;
  } */
  
  .overlay-icone ul{
    list-style-type: none;
    padding:0;
    margin:0;
    }
  
/*   .overlay-icone ul li{
    display: inline-block;
    position: relative;
  } */
  
  
  .overlay-icone a i {
  color:#a1a1a1;
  font-size:1.5em;
  text-decoration: none;
  
  text-align: center;
  transition: transform .2s;
  }
  
  .overlay-icone a i.icon-home{
  color:#468aa5 ;
  /* position:absolute; */
  margin-right: 15px;
  }
  
  .overlay-icone a i.icon-comments{
  color: #468aa5;
  /* position:absolute; */
  margin-right: 15px;
  }
  
  .overlay-icone a i.icon-umbrella{
  color: #468aa5;
  /* position:absolute; */
  margin-right: 15px;
  }
  
  
  .overlay-icone a:hover i.icon-home{
    -ms-transform: scale(1.7); /* IE 9 */
    -webkit-transform: scale(1.7); /* Safari 3-8 */
    transform: scale(1.7); 
    }
  
  .overlay-icone a:hover i.icon-comments{
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5); 
  }
  
  .overlay-icone a:hover i.icon-umbrella{
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5); 
  }
  

.copyright {
  border-top: 1px solid #888;
  font-size: 12px;
  text-align: center;
  width: 50%;
  margin:0 auto;
  padding: 10px;
  }





/******************clearfix********************/

.clearfix:after {


  content: ".";


  display: block;


  clear: both;


  visibility: hidden;


  line-height: 0;


  height: 0;

}




.clearfix {


  display: inline-block;

}




html[xmlns] .clearfix {


  display: block;

}




* html .clearfix {


  height: 1%;

}

/******************end clearfix********************/