@charset "utf-8";
/* CSS Document */
.clear{clear:both; padding:0; margin:0}
.top-contact{padding:5px; color:#fcd905; font-family: 'Archivo Black', sans-serif; text-transform:uppercase; font-size:16px;}
.top-contact img{padding:0 10px;}
.carousel-caption-inner{  margin:auto; text-align:center; padding:15px; font-size:22px; }
.carousel-caption-inner h3{font-family: 'Archivo Black', sans-serif; font-size:30px;}
.carousel-caption-inner h3 span{background-color:#000; font-family:arial; font-size:20px; margin-left:20px; padding:6px;}
.bg1{ background-color:#f5f4f4; padding:30px 0}
.bg2{background:url(../images/line-vertical.gif) 0 0 repeat-x; padding:30px 0 30px 0}
.bg3{background-color:#000; padding:20px 0}
.bg4{background-color:#000;  padding:20px 0; min-height:400px; border-top:solid 14px #000; color:#fff;}
	 .bg4 a{color:#fff;}
.img-mobile1{display:none}
.desktop{display:block;}
.mobile{display:none}
.thumb{ width:100%; overflow:hidden; text-align:center}
.thumb img{padding:8px 4px;}
.services img{max-width:100%; margin:auto}
.services h3{font-size:20px; font-family:Arial, Helvetica, sans-serif}
.caret2{background:url(../images/arrow3.png) 100%  50% no-repeat; }

.box1{background-color:#210f09; font-family: 'Source Serif 4', sans-serif; padding:5px; color:#fff; margin:0}


.col1{color:#8d5888}
.col2{color:#05c5fc}
.col3{color:#c9b95a}
.col4{color:#aaaced}
.col5{color:#c5d510}
.col6{color:#86ccc6}

.gallery img{margin-bottom:30px;}
.social img{padding:0 5px;}
.white{color:#fff;}
.black{color:#000;}
.orange{color:#e68067}
.caps{text-transform:uppercase}
.bold{font-weight:bold}
h1{font-family: 'Oxygen', sans-serif; font-size:23px; color:#000; margin:15px 0}
.font1{font-size:14px; padding-top:35px;padding-left:25px; }
.vlarge{font-size:40px; font-weight:bold}
.floating{position:fixed; z-index
:1000; bottom:20px; right:0;  
}
.floating img{width:120px;}
.call{width:100px !important; margin-left:10px;}
.phone{background-image: linear-gradient(45deg, rgba(5,49,106,1), rgba(2,52,221,1), rgba(7,45,174,1)); padding:4px 10px; width:250px; font-size:14px;}
.phone img{width:35px; margin-right:6px; }
.phone a{color:#fff}
.email{background:url(../images/email.gif) 0 4px no-repeat; padding:3px 0 3px 25px;}

.wh{background-image: linear-gradient(45deg, rgba(5,207,78,1), rgba(50,224,52,1), rgba(86,232,32,1)); padding:4px 10px; width:250px; font-size:14px}
.wh img{width:35px; margin-right:6px; }
.wh a{color:#fff}
.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.iframe-container{
	float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
	margin-bottom:20px;
	}
	.iframe-container iframe{
		position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
		}
.floating-box{background:url(../images/bg-float.png) 0 0 no-repeat;  padding:10px; width:80px; float:right; text-align:right ; }

.but1{background-color:#ffdc00; padding:8px; border-radius:4px; margin:5px 0}


ul.list1{padding:0; margin:0}
ul.list1 li{background:url(../images/arrow2.png) 0 2px no-repeat; padding:0 0 8px 25px; list-style:none; line-height:20px;}

.no-mobile{display:inline-block; width:100%;}
.yes-mobile{display:none !important;}
/*--fig caption--*/
.figure {
    position: relative;
    float: left;
    width: 100%;
	margin:auto;
	margin-bottom:20px;
}
.figure span{
  display:block;
  width:100%;
  height:100%;
  position:relative;
  z-index:2;
  max-width:400px;
  margin:auto;
}
.figure span img{
  width:100%;
  display:block;
}
.figcaption {
    font-size: 0.9em;
    letter-spacing: 0.1em;
    position: absolute;
    top: 0;
    left:0;
    width:100%;
    z-index: 2;
    height:100%;
    background-color:rgba(31,127,199,0);
    transition:all 0.4s ease;
	color:#fff;
	max-width:400px;
  
}
.figcaption h3{
  font-family: 'Abel', sans-serif;
  padding:0 20px;
}
.figcaption p{
	font-family: 'Oxygen', sans-serif;
	padding:4px 20px;
	line-height:17px;
}
.min-h1{min-height:145px;}
.figure span:hover .figcaption {
  opacity:100;
  color:#fff;
  background-color:rgba(31,127,199,1);
}
.footer{}

   .list-item1{background-color:#fff; padding:30px 20px; text-align:center; font-size:16px; text-transform:uppercase; margin-bottom:20px; font-family: 'Lora', serif; color:#000; }
   .list-item1 p{padding:0; margin:0; height:}
   ul.footer-menu{padding:0; margin:0}
   ul.footer-menu li{list-style:none; line-height:30px;}
   ul.footer-menu li a{color:#fff;  font-weight:bold !important; font-size:15px;}
   ul.footer-menu li a:hover{color:#e51d27;}
   .title1{color:#575656; text-transform:uppercase; font-weight:bold ; font-size:15px; font-family: 'Open Sans Condensed', sans-serif ;}
   .design a{color:#bfbdbd; text-transform:uppercase; font-weight:bold ; font-size:15px; font-family: 'Open Sans Condensed', sans-serif ; margin-right:10px}
   
   nav a {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  font-size: 18px;
}
.home{padding-top:14px !important;}

nav .navbar-toggle {
  margin: 13px 15px 13px 0;
}

.navbar-brand {
  font-size: 30px;
}
.navbar-brand .logo-name{display:none;}


.margin-l1{margin-left:-100px;}
.margin-r1{margin-right:-100px;}

.video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
.video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}


/* YOUR CSS simplified */  
.carousel-inner > .item >, .carousel-inner > .item > a > {
        display: block;
        height: auto;
        width: 100%;
        line-height: 1;
    }

/*Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}    
.carousel-fade .carousel-inner .active {
  opacity: 1;
}    
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}    
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}    
.carousel-fade .carousel-control {
  z-index: 2;
}

/*WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
 @media (max-width:767px){

	 .top-contact{display:none}
.mobile-margin-auto{margin:auto}
.bg1{background:none; min-height:546px; background-color:#ddc3af;}
.img-mobile1{display:block; width:100%;}

.desktop{display:none;}
.mobile{display:block}
.top-contact{font-size:12px;}
.logo{width:120px !important}
.service-thumb img{max-width:150px; margin-bottom:10px;}


.mobile-center{text-align:center;}
.navbar-collapse.collapse { 
      display: none!important; 
    }
    .navbar-nav { 
      float: none!important; 
    }
    .navbar-nav > li { 
      float: none;
    }
    .collapse.in { 
      display:block !important;
    }
	.navbar-header { 
      float: none; 
    }
    .navbar-left,
    .navbar-right { 
      float: none !important;
    }
    .navbar-toggle { 
      display: block; 
    }
	
	.img-responsive{margin:auto}
	
	.bg4{;
	}
	.nav{height:270px;}
	.nav a{padding:15px 0 !important}
	.yes-mobile{display:inline-block !important}
.no-mobile{display:none !important;}
	
 }
 @media (max-width: 991px) {
    
    .navbar-fixed-top { 
      top: 0; 
      border-width: 0 0 1px; 
    }
    
	.logo-full{display:none !important;}
	.logo-name{display:block !important;}
	.carousel-caption-inner{ margin:auto; text-align:center; padding:7px; font-size:16px; }
.carousel-caption-inner h3{font-family: 'Archivo Black', sans-serif; font-size:20px;}

.margin-l1{margin-left:-70px;}
.margin-r1{margin-right:-70px;}
	
}
 @media (max-width: 450px) {
.copy h1{font-family: 'Abel', sans-serif; font-size:18px;}
h1{font-family: 'Abel', sans-serif; font-size:18px;}
.font1{font-size:18px; padding-left:10px;}
.floating{position:fixed; z-index
:1000; bottom:10px; right:0; width:120px; 
}
 }
 
  @media (max-width: 767px) {
.margin-l1{margin-left:0px;}
.margin-r1{margin-right:0px;}
 .dropdown-toggle{background-color:#fff !important;}
 .caret2{background:url(../images/arrow3.png) 90%  50% no-repeat; }

  }
  
  
@media (max-width:575px){
	.logo-text{font-size:17px;}
	.footer-logo{border-right:0;}
	.hovereffect {width:100%; max-width:500px; margin:auto; ;}
	
	
}
.footer {
    background: linear-gradient(135deg, #2c1810 0%, #1a0f08 100%);
    color: #fff;
    padding: 60px 0 20px;
    font-family: 'Georgia', serif;
}

.footer-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    align-items: start;
}

.footer-column h3 {
    color: #fff;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
}

.footer-column p {
    line-height: 1.7;
    margin-bottom: 15px;
    opacity: 0.9;
}

.footer-logo {
    max-width: 160px;
    height: auto;
    margin-bottom: 15px;
}

.footer-links {
    list-style: none;
    padding: 0;
}

.footer-links li {
    margin-bottom: 10px;
}

.footer-links a {
    color: #fff;
    text-decoration: none;
    transition: color 0.3s ease;
    opacity: 0.9;
}

.footer-links a:hover {
    color: #f4d03f;
    opacity: 1;
}

.social-icons {
    display: flex;
    gap: 5px;
    margin-top: 25px;
    flex-wrap: wrap;
}

.social-icons a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: rgba(244, 208, 63, 0.12);
    border: 2px solid rgba(244, 208, 63, 0.25);
    border-radius: 16px;
    color: #f4d03f;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    backdrop-filter: blur(12px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.social-icons a:hover {
    background: linear-gradient(135deg, #f4d03f 0%, #e67e22 100%);
    border-color: #f4d03f;
    color: #1a0f08;
    transform: translateY(-4px) scale(1.08);
    box-shadow: 0 15px 35px rgba(244, 208, 63, 0.4);
}


.footer-bottom {
    border-top: 1px solid rgba(232, 213, 183, 0.2);
    margin-top: 40px;
    padding-top: 20px;
    text-align: center;
    grid-column: 1 / -1;
}

.footer-bottom p {
    margin: 0;
    opacity: 0.7;
    font-size: 14px;
}

/* MOBILE RESPONSIVE */
@media (max-width: 768px) {
    .footer-container {
        grid-template-columns: 1fr;
        gap: 30px;
        text-align: center;
    }
    
    .social-icons {
        justify-content: center;
    }
    
    .contact-info {
        text-align: center;
    }
}

@media (max-width: 480px) {
    .footer {
        padding: 40px 0 15px;
    }
}


      .blog-hero {
          
            padding: 80px 20px;
            text-align: center;
            color: white;
			height:500px;
        }
        .blog-hero h1 {
            font-size: clamp(2.5rem, 5vw, 4rem);
            margin-bottom: 20px;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
        }
        
        /* Main Content */
        .blog-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 60px 20px;
            display: grid;
            grid-template-columns: 1fr 350px;
            gap: 60px;
        }
        
        /* Blog Posts Grid */
        .blog-posts {
            display: grid;
            gap: 40px;
        }
        
        .blog-card {
            background: white;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 20px 60px rgba(0,0,0,0.1);
            transition: all 0.4s ease;
            border: 1px solid rgba(244,208,63,0.2);
        }
        .blog-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 30px 80px rgba(0,0,0,0.15);
        }
        .blog-image {
            height: 250px;
            background: linear-gradient(45deg, #f4d03f, #e67e22);
            position: relative;
            overflow: hidden;
        }
        .blog-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.4s ease;
        }
        .blog-card:hover .blog-image img { transform: scale(1.1); }
        .blog-content {
            padding: 30px;
        }
        .blog-meta {
            display: flex;
            gap: 15px;
            margin-bottom: 15px;
            font-size: 14px;
            color: #666;
        }
        .blog-meta span { display: flex; align-items: center; gap: 5px; }
        .blog-date { color: #f4d03f; }
        .blog-category { 
            background: #f4d03f;
            color: #2c1810;
            padding: 4px 12px;
            border-radius: 20px;
            font-size: 12px;
            font-weight: 600;
        }
        .blog-title {
            font-size: 1.8rem;
            margin-bottom: 15px;
            line-height: 1.3;
        }
        .blog-title a {
            color: #2c1810;
            text-decoration: none;
            transition: color 0.3s;
        }
        .blog-title a:hover { color: #f4d03f; }
        .blog-excerpt {
            color: #666;
            margin-bottom: 20px;
            font-size: 16px;
        }
        .read-more {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            color: #f4d03f;
            text-decoration: none;
            font-weight: 600;
            padding: 12px 24px;
            border: 2px solid #f4d03f;
            border-radius: 30px;
            transition: all 0.3s ease;
        }
        .read-more:hover {
            background: #f4d03f;
            color: #2c1810;
            transform: translateY(-2px);
        }
        
        /* Sidebar */
        .blog-sidebar {
            position: sticky;
            top: 100px;
        }
        .sidebar-widget {
            background: white;
            border-radius: 20px;
            padding: 30px;
            margin-bottom: 30px;
            box-shadow: 0 15px 40px rgba(0,0,0,0.08);
            border: 1px solid rgba(244,208,63,0.2);
        }
        .sidebar-widget h3 {
            color: #2c1810;
            margin-bottom: 20px;
            font-size: 1.4rem;
            position: relative;
        }
        .sidebar-widget h3::after {
            content: '';
            position: absolute;
            bottom: -8px;
            left: 0;
            width: 40px;
            height: 3px;
            background: #f4d03f;
        }
        .category-list {
            list-style: none;
        }
        .category-list li {
            margin-bottom: 10px;
        }
        .category-list a {
            color: #666;
            text-decoration: none;
            display: block;
            padding: 10px 15px;
            border-radius: 10px;
            transition: all 0.3s;
        }
        .category-list a:hover {
            background: #f4d03f;
            color: #2c1810;
            transform: translateX(5px);
        }
        
        /* Mobile */
        @media (max-width: 768px) {
            .blog-container {
                grid-template-columns: 1fr;
                gap: 40px;
                padding: 40px 15px;
            }
            .blog-sidebar {
                position: static;
            }
            nav ul { gap: 20px; }
        }
		
		
		
		/* blog single */
		
		        .content-section {
            background: white;
            padding: 50px;
            border-radius: 25px;
            margin-bottom: 40px;
            box-shadow: 0 25px 70px rgba(0,0,0,0.12);
            border: 1px solid rgba(244,208,63,0.2);
        }
        
        .blog-meta {
            display: flex;
            gap: 20px;
            margin-bottom: 30px;
            color: #666;
            font-size: 15px;
        }
        
        .blog-meta .date { color: #f4d03f; font-weight: 600; }
        .blog-meta .author { color: #2c1810; font-weight: 500; }
        .blog-meta .category { 
            background: linear-gradient(45deg, #f4d03f, #e67e22);
            color: white;
            padding: 6px 16px;
            border-radius: 25px;
            font-size: 13px;
            font-weight: 600;
        }
        
        .benefit-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 40px;
            margin: 60px 0;
        }
        
        .benefit-card {
            text-align: center;
            padding: 40px 30px;
            border-radius: 20px;
            background: linear-gradient(135deg, #fff8e7 0%, #f5e8c7 100%);
            border: 2px solid rgba(244,208,63,0.3);
            transition: all 0.4s ease;
            position: relative;
            overflow: hidden;
        }
        
        .benefit-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, #f4d03f, #e67e22, #f4d03f);
            background-size: 200% 100%;
            animation: shimmer 3s infinite;
        }
        
        @keyframes shimmer {
            0% { background-position: 200% 0; }
            100% { background-position: -200% 0; }
        }
        
        .benefit-card:hover {
            transform: translateY(-12px);
            box-shadow: 0 35px 90px rgba(0,0,0,0.18);
            border-color: #f4d03f;
        }
        
        .benefit-number {
            font-size: 4rem;
            font-weight: bold;
            background: linear-gradient(135deg, #f4d03f, #e67e22);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            margin-bottom: 20px;
            line-height: 1;
        }
        
        .benefit-title {
            font-size: 1.5rem;
            color: #2c1810;
            margin-bottom: 15px;
            font-weight: 600;
        }
        
        .benefit-card p {
            color: #666;
            font-size: 16px;
            margin-bottom: 0;
        }
        
        .cta-section {
            background: linear-gradient(135deg, #f4d03f 0%, #e67e22 100%);
            padding: 60px 40px;
            border-radius: 25px;
            text-align: center;
            color: #2c1810;
            margin: 60px 0;
        }
        
        .cta-section h2 {
            font-size: 2.2rem;
            margin-bottom: 20px;
            font-weight: 700;
        }
        
        .cta-button {
            display: inline-block;
            background: #2c1810;
            color: #f4d03f;
            padding: 18px 40px;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 700;
            font-size: 18px;
            transition: all 0.3s ease;
            box-shadow: 0 10px 30px rgba(44,24,16,0.3);
            margin-top: 20px;
        }
        
        .cta-button:hover {
            transform: translateY(-3px);
            box-shadow: 0 20px 50px rgba(44,24,16,0.4);
            color: #f4d03f;
        }
        
        .author-bio {
            display: grid;
            grid-template-columns: 120px 1fr;
            gap: 30px;
            align-items: center;
            padding: 40px;
            background: linear-gradient(135deg, #2c1810 0%, #1a0f08 100%);
            color: #e8d5b7;
            border-radius: 25px;
            margin: 60px 0;
        }
        
        .author-photo {
            width: 120px;
            height: 120px;
            border-radius: 50%;
            background: linear-gradient(45deg, #f4d03f, #e67e22);
            border: 4px solid #e8d5b7;
        }
        
        .related-posts {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 25px;
            margin-top: 60px;
        }
        
        .related-card {
            background: white;
            padding: 25px;
            border-radius: 20px;
            text-decoration: none;
            color: #333;
            border: 1px solid rgba(244,208,63,0.2);
            transition: all 0.3s ease;
            display: block;
        }
        
        .related-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 50px rgba(0,0,0,0.15);
            color: #333;
        }
        
        .related-image {
            width: 100%;
            height: 180px;
            object-fit: cover;
            border-radius: 15px;
            margin-bottom: 15px;
        }
        
        @media (max-width: 768px) {
            .container { padding: 15px; }
            .content-section { padding: 30px 20px; }
            .blog-hero h1 { font-size: 2rem; }
            .benefit-grid { grid-template-columns: 1fr; }
            .author-bio { grid-template-columns: 1fr; text-align: center; }
        }