.logo1{
	width: 178px;
    padding: 10px;
    max-width: 93%;
    height: auto;
}
.mainlink{
     color:#000 /*#3333cc*/;
     font-weight: bold;
}
.panel-bodys p{
	margin:0 10px 0 10px;
}
.panel-bodys{
	background:#f5f5f5;
}
.col4 ul{
	list-style-type:none !important;
	margin-left:-3%;
}
.col4 a,.flickrbox a{
	color:#FFF;
}
.box ul{
	list-style-type:none !important;
	margin-left:-7%;
}
.page-headers {
    margin: 0 0 0 -3px;
    padding: 9px 9px 9px 15px;
	background:#13A3F7;
	color:#fff;
}
.cases{
   background:#f5f5f5;
   padding:10px 10px 10px 10px;
}

.pages{
	background:#f5f5f5;
	margin-left:-3px;
}
.pages li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
}
.web{
	width:110%;
}
.web1{
	width:107%;
	
}
.web1 h2{
	margin-top:-19px;
}
.nav-tabs {
    border-bottom: 1px solid #fff;
}
.tab-content p{
	margin-right:10px;
	margin-left:10px;
}
.tab-content li{
	margin-right:10px;
	margin-left:-10px;
}
.tab-content h3{
	margin-left:10px;
}
.info{
	background:#F2F2F2;
	width:54%;
	margin:0 0 20px 10px;
}



.top a{
	
	color: #13A3F7;
}


.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	
	 -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffffff;
    border-color: #fff #fff transparent;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #13A3F7;
    cursor: default;
}

.nav-tabs a:hover {
	color:#960;
}
.tab-pane1,.tab-pane2,.tab-pane3,.tab-pane4,.tab-pane5,.tab-pane6 {
	 position: relative; 
	 background: #fff; 
	 box-shadow: 1px 1px 1px 1px #888888;
	/* border: 2px solid #c2e1f5; */
	 } 
	 .tab-pane1 h3,.tab-pane2 h3,.tab-pane3 h3,.tab-pane4 h3,.tab-pane5 h3,.tab-pane6 h3 {
		 color: #13A3F7;
	 }
.tab-pane1:after, .tab-pane1:before,.tab-pane2:after,.tab-pane3:after,.tab-pane4:after,.tab-pane5:after,.tab-pane6:after,.tab-pane2:before,.tab-pane3:before,.tab-pane4:before,.tab-pane5:before,.tab-pane6:before  {
	 bottom: 100%; left: 50%;
	 border: solid transparent;
     content: " "; height: 0;
	 width: 0; position: absolute; 
	 pointer-events: none; 
	 }
.tab-pane1:after {
	 border-color: rgba(136, 183, 213, 0); 
	 border-bottom-color: #fff; 
	 border-width: 12px; 
	 margin-left: -460px; 
	 }

.tab-pane2:after {
	 border-color: rgba(136, 183, 213, 0); 
	 border-bottom-color: #fff; 
	 border-width: 10px; 
	 margin-left: -376px; 
	 }
	 
.tab-pane3:after {
	 border-color: rgba(136, 183, 213, 0); 
	 border-bottom-color: #fff; 
	 border-width: 12px; 
	 margin-left: -270px; 
	 }

.tab-pane4:after {
	 border-color: rgba(136, 183, 213, 0); 
	 border-bottom-color: #fff; 
	 border-width: 12px;
	  margin-left: -162px; 
	 }
.tab-pane5:after {
	 border-color: rgba(136, 183, 213, 0); 
	 border-bottom-color: #fff; 
	 border-width: 12px; 
	 margin-left: -22px; 
	 }
	
.tab-pane6:after {
	 border-color: rgba(136, 183, 213, 0); 
	 border-bottom-color: #fff; 
	 border-width: 12px; 
	 margin-left: 100px;  
	 }
	 
.tab-pane1:before {
	 border-color: rgba(194, 225, 245, 0); 
	 border-bottom-color: #888888;
	 border-width: 13px; 
	 margin-left: -461px; 
	 }

.tab-pane2:before {
	 border-color: rgba(194, 225, 245, 0); 
	 border-bottom-color: #888888; 
	 border-width: 11px; 
	 margin-left: -377px; 
	 }
.tab-pane3:before {
	 border-color: rgba(194, 225, 245, 0); 
	 border-bottom-color: #888888;
	 border-width: 13px; 
	 margin-left: -271px; 
	 }
.tab-pane4:before {
	 border-color: rgba(194, 225, 245, 0); 
	 border-bottom-color: #888888;
	 border-width: 13px; 
	 margin-left: -163px;  
	 }
.tab-pane5:before {
	 border-color: rgba(194, 225, 245, 0); 
	 border-bottom-color: #888888; 
	 border-width: 13px; 
	 margin-left: -23px; 
	 }
	 
.tab-pane6:before {
	 border-color: rgba(194, 225, 245, 0); 
	 border-bottom-color: #888888; 
	 border-width: 13px; 
	 margin-left: 99px; 
	 }
	 .btn-learn-more {
		 /* Reduced from 8px 12px */
      
	 }
	/* .btn-learn-more {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #3e9ed6;
    background-image: -moz-linear-gradient(center top , rgb(112, 181, 242) 0%, rgb(84, 164, 238) 49%, rgb(54, 144, 240) 50%, rgb(26, 97, 219) 100%);
    border-color: #2f71a3 #265a82 #1e4766;
    border-image: none;
    border-radius: 8px;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
	box-shadow: 0 -4px 5px rgba(255, 255, 255, 0.2) inset, 0 1px 5px rgba(255, 255, 255, 0.2) inset, 0 2px 0 #1e4766, 0 4px 0 #1e4766, 0 6px 0 #1e4766, 0 8px 5px rgba(0, 0, 0, 0.5);
    line-height: 1;
    margin: 0 10px;
    min-width: 150px;
    padding: 10px 15px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
} */

 .screenshot {
    float: right;
	margin:137px 0 0 0;
}
#linearBg2{
	width:470px;
	height:150px;
	
    /* fallback */
  background-color: #2F2727;
  background-image: url(images/radial_bg.png);
  background-position: center center;
  background-repeat: no-repeat;

  /* Safari 4-5, Chrome 1-9 */
  /* Can't specify a percentage size? Laaaaaame. */
  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#1a82f7), to(#2F2727));

  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #1a82f7, #2F2727);

  /* Firefox 3.6+ */
  background: -moz-radial-gradient(circle, #1a82f7, #2F2727);

  /* IE 10 */
  background: -ms-radial-gradient(circle, #1a82f7, #2F2727);

  /* Opera couldn't do radial gradients, then at some point they started supporting the -webkit- syntax, how it kinda does but it's kinda broken (doesn't do sizing) */
}

#linearBg3{
	width:470px;
	height:150px;
	
    /* fallback */
  background-color: #2C5302;
  background-image: url(images/radial_bg.png);
  background-position: center center;
  background-repeat: no-repeat;

  /* Safari 4-5, Chrome 1-9 */
  /* Can't specify a percentage size? Laaaaaame. */
  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#60A305), to(#2C5302));

  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #60A305, #2C5302);

  /* Firefox 3.6+ */
  background: -moz-radial-gradient(circle, #60A305, #2C5302);

  /* IE 10 */
  background: -ms-radial-gradient(circle, #60A305, #2C5302);

  /* Opera couldn't do radial gradients, then at some point they started supporting the -webkit- syntax, how it kinda does but it's kinda broken (doesn't do sizing) */
}

#linearBg4{
	background:#9dc0d4;
}

.searchtop {
    float: right;
    margin: 10px 0 -10px;
}
input, textarea, select {
    border: 1px solid #cccccc;
    border-radius: 3px;
    color: #000000;
    font-size: 11px;
    padding: 7px 10px;
}
.nav a:hover{
	color:#000;
}
.sand{
	margin-left:7%;
	width:85%;
	height:50%;
}
.sands{
	margin-left:7%;
	width:85%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
}
.sandp{
	margin-left:6%;
	width:87%;
}
.btn-twitter {
    background-color: #1c95d0;
    background-image: linear-gradient(to bottom, #2daddc, #0271bf);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-linkedin {
    background-color: #60a9ce;
    background-image: linear-gradient(to bottom, #73b8db, #4393bb);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-google-plus {
    background-color: #d34332;
    background-image: linear-gradient(to bottom, #dd4b39, #c53727);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-facebook {
    background-color: #2b4b90;
    background-image: linear-gradient(to bottom, #3b5998, #133783);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.myclass,.myclas,.my,.mycla {
	float:right;
}
.navbar-nav > li > a {padding-top:5px !important; padding-bottom:5px !important;}
.navbar {min-height:74px !important}




/*Added Styles*/

.para{
	font-size: 16px;
    color: #666;
    line-height: 2.1;
    margin-bottom: 15px;
}
.hed{
	font-size: 21px;
    color: #000000;
    margin-bottom: 20px;
    position: relative;
}
.deh{
	font-size: 21px;
    color: #fff;
    margin-bottom: 20px;
    position: relative;
}
.list-view {
	font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 15px;
}

/* Modal Account Section */
.modal-content .well {
    background-color: #eeeeee;
    border: none;
    padding: 20px;
    margin: 0;
}
.modal-content .nav-tabs {
    margin-bottom: 20px;
}
.modal-content .nav-tabs > li > a {
    color: #333;
    font-size: 16px;
}
.modal-content .nav-tabs > li.active > a,
.modal-content .nav-tabs > li.active > a:hover,
.modal-content .nav-tabs > li.active > a:focus {
    background-color: #eeeeee;
    border-color: #ddd;
    color: #003399;
}
.modal-content .tab-content {
    padding: 20px;
    background: #fff;
    border: 1px solid #ddd;
    border-top: none;
}
.modal-content fieldset {
    margin-bottom: 20px;
}
.modal-content legend {
    font-size: 24px;
    margin-bottom: 20px;
    font-family: Arial, Helvetica, sans-serif;
}
.modal-content .form-group {
    margin-bottom: 15px;
}
.modal-content .form-control {
    width: 100%;
    max-width: 400px;
}
.modal-content label {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 5px;
}
.modal-content .btn {
    font-size: 16px;
    padding: 10px 20px;
}

/* Responsive Adjustments */
@media (max-width: 767px) {
    .modal-content .form-control {
        max-width: 100%;
    }
}

/* Footer Section */
.footer-section {
	background: #1a1d24; /* Dark background, */
  }
  
  .footer-section .text-white {
	color: #fff !important;
  }
  
  .footer-section .text-muted {
	color: #8b95a5 !important; /* Light gray for body text */
  }
  
  .footer-section h5 {
	font-size: 18px;
	font-weight: 600;
	color: #fff;
  }
  
  .footer-section .list-unstyled a {
	color: #8b95a5;
	font-size: 16px;
	transition: color 0.3s ease;
  }
  
  .footer-section .list-unstyled a:hover {
	color: #d9d9d9 !important;
  }
  .footer-section .g-5{
	justify-content: flex-end;
  }
  /* Social Icons */
  .footer-social .social-icon {
	width: 40px;
	height: 40px;
	border: 1px solid #2d323d;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	margin-bottom: 10px;
	font-size: 16px;
	transition: all 0.3s ease;
  }
  
  .footer-social .social-icon:hover {
	background: #007bff; /* Blue on hover, matching your site’s theme */
	border-color: #007bff;
	transform: translateY(-3px);
  }
  
  /* Copyright */
  .footer-section .border-top {
	border-color: #2d323d !important;
  }
  
  /* Responsive */
  @media (max-width: 991px) {
	.footer-section {
		padding-top: 40px; /* Reduce padding on tablets */
	}
  
	.footer-section .row.g-5.g-md-3 {
		gap: 1rem; /* Further reduce gutter spacing on tablets */
	}
  
	.footer-section .col-md-6 {
		margin-bottom: 30px; /* Add spacing between stacked columns */
	}
  
	.footer-section h5 {
		font-size: 16px; /* Slightly smaller headings on tablets */
	}
  
	.footer-section .list-unstyled a,
	.footer-section .content,
	.footer-section address {
		font-size: 14px; /* Smaller text for better fit */
	}
  
	.footer-section .footer-social {
		justify-content: center; /* Center social icons on tablets */
	}
  }
  
  @media (max-width: 767px) {
	.footer-section {
		padding-top: 30px; /* Further reduce padding on mobile */
	}
  
	.footer-section .footer-widgets-item,
	.footer-section address {
		text-align: center; /* Center all content on mobile */
	}
  
	.footer-section .footer-social {
		justify-content: center; /* Already centered, reinforced */
	}
  
	.footer-section .list-unstyled {
		text-align: center; /* Center the quick links */
	}
  
	.footer-section .list-unstyled li {
		margin-bottom: 15px; /* Adjust spacing between links */
	}
  
	.footer-section h5 {
		font-size: 16px;
		text-align: center;
	}
  
	.footer-section .list-unstyled a,
	.footer-section .content,
	.footer-section address {
		font-size: 14px;
	}
  
	.footer-section .row.mt-5 {
		margin-top: 3rem; /* Reduce margin above copyright on mobile */
	}
	#socials{
	  justify-content: center;
	}
  }
  
  @media (max-width: 576px) {
	.footer-section .container-1470 {
		padding-left: 15px;
		padding-right: 15px; /* Ensure proper padding on very small screens */
	}
  
	.footer-section .col-md-6 {
		margin-bottom: 20px; /* Further reduce spacing on very small screens */
	}
  }