@import url(https://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext);

* {
  margin:0;
  padding:0;
}

body,
html {
  width:100%;
  height:100%;
  font-size:100%;
  color:#ffffff;
}

.wrapper {
  width:100%;
  height:100%;
  /*! background: rgba(243, 148, 24, 0.92); */
  margin: 69px 0 55px 0;
}

/* slide module wrapper */
.testimonial {
  top:166px;
  transform:translateY(-50%);
  position:relative; 
  visibility: hidden;
}

.testimonial .testimonial-ul {
  height:250px;
  list-style:none;
  margin:0 auto;
  width:50%;    
  position:relative;
  /*border-top:5px solid #ffffff;*/
  border-bottom:5px solid #ffffff;
  overflow:hidden;
  visibility: hidden;
}

/* slides */
.testimonial-slide {
  width: 100%;
  height:100%;
  margin:0 auto;
  position:absolute;  
  right: 0;
  left: 0;
  opacity: 0;
  z-index:1;
}

.testimonial-slide.active {
  z-index: 2;
  opacity: 1;
  transition:opacity 1s ease-in-out;
  -webkit-backface-visibility:hidden;
}

/******* text  ***/
.testimonial p {
  font-family:'lato';
  text-align:center;
  font-size:2em;
  padding:15px 0;
  top:50%;
  position:relative;
  transform:translateY(-50%);
  color: white;
}

/******* quotes  ***/
.testimonial:before {
  content:'\201C';
  display:block;
  font-size:150px;
  line-height:0;
  text-align:center;
  position: absolute;
  left:0;
  top:58px;
  right:0;
  margin:0 auto;
  z-index:2;
}

.top-left {
  position:absolute;
  top:0;
  left:0;
  display:block;
  height:5px;
  width:44%;
  background:#ffffff;
  margin-right:10px;
}

.top-right {
  position:absolute;
  top:0;
  right:0;
  display:block;
  height:5px;
  width:44%;
  background:#ffffff;
  margin-left:10px;
}

/********* dots */
.dots-wrapper {
  margin-top:20px;
  width:100%;
  display:inline-block;
  list-style:none;
  text-align:center;  
}

.dots-wrapper li {
  position:relative;
  width:14px;
  height:14px;
  background:#7f8c8d;
  border-radius:100%;
  display:inline-block;
  margin-right:7px;
  cursor:pointer;  
  overflow:hidden;  
}

.dots-wrapper li:last-child {
  margin-right:0;
}

.dots-wrapper li:hover {
  background:#bdc3c7;
}

.dots-wrapper li:after {
  content:'';
  position:absolute;
  width:100%;
  height:100%;
  border-radius:100%;
  background:#ffffff;
  top:0;
  left:0;
  /*opacity:0;
  transition: all .15s ease-in-out;*/
  /*zoom in*/
  /*
  transform:scale(0);
  transition:all .3s ease-in-out;
  */
  /*slide up*/
  transform:translateY(15px);
   transition:all .1s ease-out;
  -webkit-backface-visibility:hidden;
}

.dots-wrapper li.active:after {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1.0, 1.0);
  /*opacity:1;*/
  /*zoom in*/
  /*transform:scale(1);*/
  /*slide up*/
  transform:translateY(0px);
}

/******* transitions */
.js-reset-left{
  left:auto
}

.testimonial-slide.left{
	left:-100%;
	right:auto;
}

.testimonial-slide.right{
	right:-100%;
	left: auto;
}

.transition .testimonial-slide.left{
  left:0%;
}
.transition .testimonial-slide.right{
  right:0%;
}

.transition .testimonial-slide.shift-right{
  right: 100%;
  left:auto;
}
.transition .testimonial-slide.shift-left{
  left: 100%;
  right:auto;
}

.transition .testimonial-slide{
	transition-property: right, left, margin;
}

/********* media queries ******/

/***** mobile */
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .testimonial p {
    font-size:1.5em;    
  }  
  .testimonial .testimonial-ul {
    width:80%;
  }  
  .top-left {
    width:30%;
  }
  .top-right {
    width:30%;
  }
  
}

/***** tablet */
@media only screen and (min-width: 481px) and (max-width: 1024px) {
  .testimonial p {
    font-size:1.8em;
  }
  .testimonial .testimonial-ul {
    width:70%;
  }  
  .top-left {
    width:40%;
  }
  .top-right {
    width:40%;
  }
  .testimonial:before { 
    font-size:150px;
  }
}

.b
{
	color:red;
	background-color:white;
}
.top1 i
{
color: #0042ff99;
cursor: pointer;
font-size: 142%;
margin-left: 10px;
margin-top: 4px;
}
.top2 i
{
	color: #0042ff99;
cursor: pointer;
font-size: 142%;
margin-left: 8px;
margin-top: 4px;
}
.top3 i
{
	color: #0042ff99;
cursor: pointer;
font-size: 142%;
margin-left: 8px;
margin-top: 4px;
}
.top4 i
{
	color: #0042ff99;
cursor: pointer;
font-size: 142%;
margin-left: 8px;
margin-top: 4px;
}
.top5 i
{
color: #0042ff99;
cursor: pointer;
font-size: 142%;

}

.top6 i
{
	color: #0042ff99;
cursor: pointer;
font-size: 142%;

}
.top1 i:hover
{
	color:white;
	border:red;
}
.top2 i:hover
{
	color:white;
}
.top3 i:hover
{
	color:white;
}
.top4 i:hover
{
	color:white;
}
.top5 i:hover
{
	color:red;
}

.top6 i:hover
{
	color:red;
	
}
.footer_class form
{
	color:red;
}
.top_position
{
	background-color:#00a1ff;
	padding: 0.5%;
}
.top1
{
	float: left;
border-radius: 50%;
width: 3%;
height: 34px;
border: solid;
margin-top: -4px;
margin-left: 190px;
background-color: white;
}
	
.top2
{
	float: left;
border-radius: 50%;
width: 3%;
height: 34px;
border: solid;
margin-top: -4px;
background-color: white;
margin-left:9px;
}
	
.top3
{
	float: left;
border-radius: 50%;
width: 3%;
height: 34px;
border: solid;
margin-top: -4px;
background-color: white;
margin-left:8px;
}

.top4
{
	float: left;
border-radius: 50%;
width: 3%;
height: 34px;
border: solid ;
margin-top: -4px;
background-color: white;
margin-left:7px;
}
.top1:hover
{
	background-color:#3B5998;
	color:white;
}
	
.top2:hover
{
	background-color:#33ccff;
	color:white;
}
	
.top3:hover
{
	background-color:#BD3518;
	color:white;
}

.top4:hover
{
	background-color:#007bb7;
	color:white;
}
.logotitle
{
	color:red;
}
.tenth_section	h1
{
	color:white;
	font-family: 'Crimson Text', serif;
	font-size: 386%;
}
.tenth_section	h1:hover
{
color:#0c28f899;
}
.navbar-header h3
{
		margin-top: 12px;
	margin-bottom: -9px;
	margin-left: 76px;
	font-size: 217%;
	color: #f9250c;
	font-family: 'Playfair Display SC', serif;
	    font-weight: 900;
}
}
.container-fluid img
{
	padding:10%;
}
.row
{
	max-width: 147.5rem;
}
.top_position
{
	color:white;
}



.footer_fnt
{
	color:white;
}

.footer_fnt a

{
	color:white;
}
.footer_fnt a:hover
{
	color:orange;
}
.
.a1
{
	
}

.form-group
{
margin-bottom: 8px;
color: #4214f8b3;
}
.six_sectn_abt span
{
	color:#6cce62;
}
.top5
{
	width: 435px;
	font-family: 'Titillium Web', sans-serif;
	font-weight:700;
}
	
.fifth_sectn_p span
{
	
color: red;
font-size: 127%;
font-weight: 600;
font-family: 'Crimson Text', serif;
}
.bs-example-navbar-collapse-1 li:hover
	{
		color:red;
	}
.top6
{
	font-family: 'Titillium Web', sans-serif;
	font-weight:700;
}
	
.selection
{
	width:42%;
}
	
    
	
@media (max-width:1100px)
{
	.navbar-header h3
	{
		font-size:205%;
	}
}


@media (max-width:984px)
{
	.navbar-header h3
	{
	margin-top: -45px;
margin-bottom: 36px;
	}

	
	.top1
	{
		margin-left: 34px;
		width: 38px;
	}
	.top2
	{
		
		width: 38px;
	}
	.top3
	{
		
		width: 38px;
	}
	.top4
	{
		
		width: 38px;
	}
}
@media (max-width:984px)
{
	.top5 i
   {
    margin-left: 22px;
   }
   .top6 i
   {
	   margin-left: 21px;
margin-bottom: 9px;
   }
}
