a 
	{
	  text-decoration: none;
	 }

.navbar 
	{
		margin-bottom: 0;
		border-radius: 0;
    }
    
  
	nav 
	{
		background: red;
		min-height: 100px;
	}
	
	.bgimg-1
	{
		background-position: center;
		background-size: cover;
		background-image: url("/w3images/mac.jpg");
		min-height: 100%;
	}

	.w3-bar .w3-button 
	{
		padding: 16px;
	}
  
	.main 
	{
		margin-top: 60px;
	}

	

	.main2 
	{
		margin-top: 2px;
	}

	.ll:Active 
	{
		box-shadow: 0 5px #666;
		transform: translateY(4px);
		box-shadow: 0 5px #999;
	}
	
	.lll:Active 
	{
		box-shadow: 0 5px #666;
		transform: translateY(4px);
		box-shadow: 0 5px #999;
	}

	
	.col
	{
		position: relative;
		min-height: 5px;
		padding-top: -10px
	}
	
	
	.p 
	{
	font-style:
	}

	@media (min-width: 1000px)
	{
	.col-sm-2cols 
		{
        width: 315px;
        float: left;
		padding-top:50px;
		padding-left:190px;
		
		}
	}
	
	
	.free
	{
	font-size:30px;
	font-family:arival;
	font-weight: bold;
	}

	
	

	.quotes
	{
		position: relative;
		top: -10px
	}

	.quotes-down 
	{
		position: relative;
		top: -4 px
	}
	
	.bor
	{
	border:2px solid black;
	}


	 @import url('https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed');

	.wrapper
	{ 
	padding: 20px;     
	} 

	@keyframes shadow-pulse
	{
	0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
	}
	100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
	}
}

	@keyframes shadow-pulse-big
	{
	0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
	}
	100% {
    box-shadow: 0 0 0 70px rgba(0, 0, 0, 0);
  }
}

	.example-1
	{
		float: left;
		margin: -70px;
		width: 30px;
		height: 30px;
		font: 10px/65px 'Barlow Semi Condensed', sans-serif;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: #fff;
		
		background: rgba(30, 144, 255, 0.6);
		border-radius: 50%;
		animation: shadow-pulse 1s infinite;
	}
	.sticky
	{
		padding:0px;
		margin-top:180px;
		position:fixed;
		float:right;
		top:110px;
		width:210px;
		z-index: 110;
	}


	/*.tragle1
	{
		width:450px;
		height:80px;
		background-color:white;
		border:1px solid black;
		margin-left: auto;
		margin-right: auto;
	}*/
	

	.write
	{
		font-family:arival;
		font-size:20px;
		color:black;
		text-align:center;
		padding:0px;
	}
	
	
	
	/* Button used to open the chat form - fixed at the bottom of the page */
	.open-button
	{
		background-color:#f2f2f2;
		
		padding: 2px 2px;
		border: none;
		cursor: pointer;
		opacity: 0.8;
		position: fixed;
		bottom: 25px;
		border-radius:50%;
		left:100%;
		width: 70px;
		height:70px;
	}

	/* The popup chat - hidden by default */
	.chat-popup 
	{
		display: none;
		position: fixed;
		bottom: 0;
		border: 3px solid #f1f1f1;
		z-index: 9;
		right: 5px;
		
	}

	/* Add styles to the form container */
	.form-container
	{
		max-width: 300px;
		padding: 10px;
		background-color: white;
		margin-bottom:0px;
		
		
	}

	/* Full-width textarea */
	.form-container textarea
	{
		width: 100%;
		padding: 15px;
		margin: 5px 0 22px 0;
		border: none;
		background: #f1f1f1;
		resize: none;
		min-height: 120px;
	}

	/* When the textarea gets focus, do something */
		.form-container textarea:focus 
	{
		background-color: #ddd;
		outline: none;
	}

	/* Set a style for the submit/send button */
	.form-container .btn 
	{
		background-color: #4CAF50;
		color: white;
		padding: 16px 20px;
		border: none;
		cursor: pointer;
		width: 100%;
		margin-bottom:10px;
		opacity: 0.8;
	}

	/* Add a red background color to the cancel button */
	.form-container .cancel
	{
		background-color: red;
	}

	/* Add some hover effects to buttons */
		.form-container .btn:hover, .open-button:hover 
	{
		opacity: 1;
	}
	
	
	/* carousel */
	
	#quote-carousel 
	{
	padding: 0 10px 30px 10px;
	margin-top: 30px;
	text-align:center;
	}
	
	/* indicator position */
	
	#quote-carousel .carousel-indicators
	{
	right: 50%;
	top: auto;
	bottom: -10px;
	margin-right: -19px;
	}
	
	/* indicator color */
	
	#quote-carousel .carousel-indicators li 
	{
	background: #c0c0c0;
	}
	
	/* active indicator */
	
	#quote-carousel .carousel-indicators .active
	{
	background: #333333;
	height:10px;
	width:10px;
	margin-bottom:1px;
	}
	
	h1 
	{
	text-align:center;
	margin-bottom:-20px !important;
	}
	
	p 
	{
	font-style:italic;
	}
	
	.bg
	{
	background-image:url('images/b17.jpg');
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
	}
	
	
	
	
	.bg2
	{
	background-image:url('images/b1.jpg');
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
	}
	
	.bg3
	{
	background-image:url('images/t9.jpg');
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
	}
	
	.scro 
	{
	width: 100%;
	height: 420px;
	overflow: auto;
	}
	

	.carousel-control     		 { width:  4%; }
	.carousel-control.left,.carousel-control.right {margin-left:15px;background-image:none;}
	@media (max-width: 767px) {
	.carousel-inner .active.left { left: -100%; }
	.carousel-inner .next        { left:  100%; }
	.carousel-inner .prev		 { left: -100%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }

	}
	@media (min-width: 767px) and (max-width: 992px ) {
		.carousel-inner .active.left { left: -50%; }
		.carousel-inner .next        { left:  50%; }
		.carousel-inner .prev		 { left: -50%; }
		.active > div { display:none; }
		.active > div:first-child { display:block; }
		.active > div:first-child + div { display:block; }
	}
	@media (min-width: 992px ) {
		.carousel-inner .active.left { left: -16.7%; }
		.carousel-inner .next        { left:  16.7%; }
		.carousel-inner .prev		 { left: -16.7%; }	
	}

.tr1
	{
		width:300px;
		height:63px;
		background-color:white;
		border:1px solid black;
		margin-left: auto;
		margin-right: auto;
		padding:15px;
		border-radius:0px;
	}
	
	.tr2
	{
		width:100px;
		height:100px;
		background-color:white;
		border:1px solid black;
		border-radius:50%;
		margin-left: auto;
		margin-right: auto;
		padding-top:38px;
		
	}