@import url('https://fonts.googleapis.com/css2?family=Prata&family=Spartan:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap');	
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fauna+One&display=swap');

input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;       /* Remove default arrow */
   background-image: url(...);   /* Add custom arrow */
   background-image: url(../images/small-down-arrow.png);
   background-repeat: no-repeat;
   background-position: 90% center;
}



body {font-family: 'Poppins', sans-serif;font-size:16px; background-color: #fff; color:#444;	line-height:30px; margin:0px; font-weight:300;  overflow-x: hidden;}

html {  scroll-behavior: smooth;}

a{transition: all 0.5s ease-in 0s; text-decoration:none; outline:none;}

a:focus, a:active,  a, focus, select {border:0px; outline:none;}

.clear{clear:both;}

p{margin-top:0px; }

img {border:0px;}

form{margin:0px;}

input {outline:none;}

* {box-sizing:border-box; }

.grid-1280 {display:table; width:1280px; margin:auto; }


h2 {font-size: 36px; line-height: 120%; text-align: center;  font-weight: 300;  margin: 40px 0px 10px 0px; color: #191919; display: block; font-family: 'Fauna One', serif;}


.float-right {float: right; margin-left: 30px;}

.float-left {float: left; margin-right: 30px;}



header {display: block; width: 100%; position: fixed; left: 0px; top:0px; z-index: 100; background-color: #fff; }

header  .grid-1280 {position:relative;}


header.darker .logo {margin: 0px 0px; transition: all 0.5s ease-in 0s; padding:10px 0px;}

header.darker .logo img {width: 60px; transition: all 0.5s ease-in 0s;}

header.darker .search-area {margin: 12px 0px 0px 0px; transition: all 0.5s ease-in 0s;}

header.darker .social-media { padding: 25px 0px;} 

header.darker .gurujee {margin-top:20px;}

header.darker .socialmedia  { margin-top:25px;}

.gurujee {width:100%; text-align:center; position:absolute; margin-top:40px; height:1px; transition: all 0.5s ease-in 0s;}

.gurujee img {width:56px; width:56px; transition: all 0.5s ease-in 0s;}

header.darker .gurujee img {width:45px; transition: all 0.5s ease-in 0s;} 

.header-right-image {float:right; } 

.header-right-image  img {transition: all 0.5s ease-in 0s; width:160px;}

header.darker .header-right-image img {  width: 75px; transition: all 0.5s ease-in 0s; display: block; } 








.header-title {position:absolute; text-align:center; width:100%; }

.header-title img  { display:block; margin:43px auto 0px auto;  width:526px; transition: all 0.5s ease-in 0s;}

header.darker .header-title img {  display: block;  margin: 20px auto 0px auto;  width: 300px;  transition: all 0.5s ease-in 0s;}


.logo {display: inline-block; float: left;  transition: all 0.5s ease-in 0s; text-align: center; padding: 15px 0px; }

.logo a {display: block; transition: all 0.5s ease-in 0s; text-align: center;}

.logo img {display: block; transition: all 0.5s ease-in 0s; margin: auto; width: 125px;}


.socialmedia  { display:inline-block; float:right; margin-top:50px; transition: all 0.5s ease-in 0s;}

.socialmedia  a {display:inline-block;}

.socialmedia  a img {display:block; width:35px;}




.top-navigation {width: 100%; display: table; background-color: #13a8a8; transition: all 0.5s ease-in 0s; }

.header-gap {width: 100%; height: 210px; background-color: #fff;}



.biography {display:table; width:100%; padding:60px 0px;}

.biography img {float: left; margin-right: 30px; margin-bottom: 50px;}

.biography h2 {text-align: left; margin-bottom: 20px; margin-top:0px;}

.biography p {text-align: justify;}

.biography a {    display: inline-block;    background-color:#13a8a8;    border-radius: 200px;    padding: 10px;    color: #fff;    font-weight: 400;    width: 200px;    margin:20px 0px;    text-align: center;}

.biography a:hover {background-color: #e74c3c; color: #fff; border: 2px solid #e74c3c;}


.biography-content { display:inline-table; float:right; width:66%;}



.short-video {width: 24%; margin:.5%; float: left;}

.short-video iframe {width:100%; height:550px;}



.home-banner1 {width:100%; display: table; text-align: center; height: 500px;  background-image: url(../images/home-banner1.jpg); background-position: center center; background-repeat: no-repeat; background-size:cover;}
.home-banner2 {width:100%; display: table; text-align: center; height: 500px;  background-image: url(../images/home-banner2.jpg); background-position: center center; background-repeat: no-repeat; background-size:cover;}
.home-banner3 {width:100%; display: table; text-align: center; height: 500px;  background-image: url(../images/home-banner3.jpg); background-position: center center; background-repeat: no-repeat; background-size:cover;}

.banner-content {width: 50%; float: left; color: #fff; font-size: 28px; padding: 420px 0px 0px 0px; text-align: left; line-height: 150%; font-weight: 600;}



.introduction {display: table; width: 100%; padding: 50px 0px; background-color: #e74c3c; text-align: center; color: #fff; }

.introduction h2 {color: #fff;}

.introduction p {text-align: center; font-size: 20px; line-height: 200%; margin: 30px 0px;    }

.introduction  a {display: block; border: 1px solid #fff; border-radius:200px; padding: 10px; color: #fff; font-weight: 400; width: 200px; margin: auto;}

.introduction  a:hover {background-color: #fff; color: #e74c3c;}




.event-big {width: 100%; margin-bottom: 2%; display: block;   }

.event-big img {width: 30%; transition: all 0.5s ease-in 0s; display: inline-block; float: left; margin: 30px;}

.event-big span {display: inline-block; font-size: 14px; }

.event-big h4 { margin:10px 0px; font-family: 'Fauna One'; font-size: 24px; font-weight: normal;}

.event-big .date {margin-top: 20px;}



.event-big-box {width: 100%; margin-bottom: 2%; display: block;  display: table; box-shadow: 0px 0px 20px 0px #ddd;}

.event-big-box img {width: 30%; transition: all 0.5s ease-in 0s; display: inline-block; float: left; margin: 30px;}

.event-big-box span {display: inline-block; font-size: 14px; }

.event-big-box h4 { margin:10px 0px; font-family: 'Fauna One'; font-size: 24px; font-weight: normal;}

.event-big-box .date {margin-top: 20px;}




.two-column-news-big h4 , .news-big h4 {margin:5px 0px; font-weight: 500; font-size: 22px; line-height: 30px; color: #e74c3c;}

.two-column-news-small h4, .news-small h4 {margin:5px 0px; font-weight: 500; font-size: 22px; line-height: 30px; color: #e74c3c;}


.news-big figure {margin: 0px; padding: 0px; width: 100%; height: 468px; overflow: hidden; display:block; margin-bottom: 10px; } 

.news-big:hover figure img {width: 120%; margin: -10%; transition: all 0.5s ease-in 0s; }


.news-small figure {margin: 0px; padding: 0px; width: 100%; height: 235px; overflow: hidden; display:block; margin-bottom: 10px; } 

.news-small:hover figure img {width: 120%; margin: -10%; transition: all 0.5s ease-in 0s; }


.news-right {float: right; width: 360px;  padding: 10px;  background-color: #f1f1f1; }

.news-right h3 { display: table;    padding: 10px; font-weight: 500; font-size: 14px; text-transform: uppercase; background-image: url(../images/bg.png); background-size:100% 100%;  letter-spacing: 1px;  color: #fff; background-color: #e74c3c;     width: 100%;  margin: 0px;   }


.video-big {float: left; width: 65%;}

.video-big  iframe { width:100%; height: 500px;}

.video-small {float: right; width: 409px; margin-bottom: 15px; }

.video-small  iframe { width:100%; height: 220px;}

.video-small img  {display: block;}


.featured-video {display: table; background-color: #eee; width: 100%; padding-top: 20px;  padding-bottom: 30px;}




.two-column-news-big {float: left; width: 845px;}

.two-column-news-small {float: right; width: 409px; margin-bottom: 20px; }

.two-column-news-big  figure { width:100%; height: 530px; display: block; overflow: hidden; margin: 0px; padding: 0px; margin-bottom: 10px;}

.two-column-news-small  figure { width:100%; height: 220px; display: block; overflow: hidden; margin: 0px; padding: 0px; margin-bottom: 5px;}

.two-column-news-big figure img {width: 100%; margin: 0%; transition: all 0.5s ease-in 0s; }

.two-column-news-small figure img {width: 100%; margin: 0%; transition: all 0.5s ease-in 0s; }

.two-column-news-big:hover figure img {width: 120%; margin: -10%;}

.two-column-news-small:hover figure img {width: 120%; margin: -10%;}



.photo-gallery .two-column-news-big  figure { width:100%; height: 500px; display: block; overflow: hidden; margin: 0px; padding: 0px; margin-bottom: 10px;}

.gray.photo-gallery {margin-bottom: 0px;}




.yoga-postures {display: table; width: 100%; padding: 20px 0px 40px 0px; box-shadow:inset 0px 0px 40px 0px #ccc;}

.postures-box {display: inline-block; float:left; margin: 1%; width: 31.3%; }

.postures-box img {width: 100%;}

.yoga-postures a {    display: block;    border: 1px solid #fff; background-color: #13a8a8; text-align: center; border-radius: 200px;    padding: 10px;    color: #fff;    font-weight: 400;    width: 200px;    margin: auto;}











.blog-box {width: 30.3%; float: left; margin: 1.5%; box-shadow: 0px 0px 30px 0px #ccc;}

.blog-box figure {padding: 0px; margin: 0px; width: 100%; height: 235px; overflow: hidden;}

.blog-box h4 {margin:10px 0px; font-weight: 400; font-size: 22px; line-height: 30px; color: #e74c3c;}

.post-by {font-size:12px; color: #666; }

.post-by strong {color: #000; font-weight: 400;}

.blog-box figure img {width: 100%; margin:0%; transition: all 0.5s ease-in 0s;}

.blog-box:hover figure img {width: 120%; margin:-10%; transition: all 0.5s ease-in 0s;}

.blog-content {padding: 25px; height:360px;}

.readmore {display: block;  background-image: url(../images/bg.png); background-size:100% 100%;    background-color: #e74c3c; text-align: center; border-radius: 200px;    padding: 10px;    color: #fff;    font-weight: 400;    width: 200px;    margin: auto;}

.readmore:hover {background-color: #191919; background-image: url(../images/bg2.png); background-size:100% 100%;}




.text-center {text-align:center;}










.subscribe { padding: 20px 0px; box-shadow: inset 0px 0px 20px 0px #ddd; background-color: #eee; }

.subscribe h2 {text-align: center; font-size: 15px; text-transform: uppercase; letter-spacing: 4px; margin: 20px 0px;}

.subscribe h2::after {margin: 20px auto;}

.subscribe p {text-align: center; margin: auto; width: 70%; margin-bottom: 30px;}

.subscribe-area {width:500px; margin: auto; box-shadow: -5px 0px 20px 0px #ccc;  display: table; border-radius: 100px;}

.subscribe-textbox1 {font-family: poppins; color:#666; font-weight: 300; font-size: 15px; padding: 25px 25px 25px 75px;  height: 60px; color:#666; border-radius:30px 0px 0px 30px; float: left; line-height: 20px; border: 0px; background-color: #fff; width: 300px; background-image: url(../images/email-icon.png); background-repeat: no-repeat; background-position: 10px center; }

.subscribe-textbox11 {font-family: poppins; color:#666; font-weight: 300; font-size: 15px; padding: 25px 25px 25px 75px;  height: 50px; color:#666; float: left; line-height: 20px; border: 0px; background-color: #fff; width: 300px; background-image: url(../images/email-icon.png); background-repeat: no-repeat; background-position: 10px center; }


.subscribe-textbox2 {font-family: poppins; color:#666; font-weight: 300; font-size: 15px; padding: 25px 25px 25px 65px; height: 60px; color:#666; border-radius:0px 0px 0px 0px; float: left; line-height: 20px; border: 0px; background-color: #fff; width: 300px;  background-image: url(../images/phone-icon.png); background-repeat: no-repeat; background-position: 5px center; border-left:1px solid #ccc; }

.subscribe-button {font-family: poppins; font-size: 15px; transition: all 0.5s ease-in 0s; color: #fff; font-weight: 400; height: 60px; padding: 15px; border-radius:0px 30px 30px 0px; float: left; line-height: 30px; border: 0px; background-color: #e74c3c; width: 200px; cursor: pointer; background-image: url(../images/bg.png); background-size:100% 100%;}

.subscribe-button:hover {background-color: #191919; background-image: url(../images/bg2.png); background-size:100% 100%;}

.subscribe-button11 {font-family: poppins; font-size: 15px; transition: all 0.5s ease-in 0s; color: #fff; font-weight: 400; height: 50px; padding: 15px;  float: left; line-height: 20px; border: 0px; background-color: #e74c3c; width: 150px; cursor: pointer; background-image: url(../images/bg.png); background-size:100% 100%; border: 1px solid #e77647;}

.subscribe-button11:hover {background-color: #191919; background-image: url(../images/bg2.png); background-size:100% 100%;}




.brands {padding: 50px 0px;}

.brands h2 {text-align: center;}

.brands h2::after {margin: 20px auto;}

.brands img {width: 13%; transition: all 0.5s ease-in 0s; float: left; border: 1px solid #ccc; margin: .5%; }



.blog-details-left {width: 72%; float: left; padding: 20px 0px;}

.blog-details-right {width: 25%; float: right; padding: 20px 0px;}

.blog-details-left h3 {    margin: 10px 0px;    font-weight: 400;    font-size: 30px;    line-height: 30px;    color: #e74c3c;}

.fullsize {width: 100%;}

.first-para {color: #000;  font-weight: 300; font-size: 20px; line-height: 150%; }

.hline {    box-shadow: inset 0px 5px 5px 0px #ddd;    width: 100%;    height: 10px;    margin-top: 20px;}


.blog-details-left a {color: #e74c3c; border-bottom: 1px solid #e74c3c;}



.sharing-button {display: inline-block; border: 0px!important; margin-right: 5px; float: left;}

.like-button {display: inline-block; border: 0px!important; margin-right: 5px; float: left;}

.like span {text-transform: uppercase; font-size: 12px; letter-spacing: 2px; line-height: 50px; margin-left: 20px; color: #999;}


.blog-details-right h6 { text-align: center; line-height: 40px; font-weight: 500; text-transform: uppercase; font-size: 14px; color: #000; letter-spacing: 2px; width: 100%; margin: 30px auto;}

.blog-details-right h6::before {background-color: #e85041; content: ''; width: 10%; float: left; height: 2px;  margin-top: 20px; margin-left: 20px;}

.blog-details-right h6::after {background-color: #e85041; content: ''; width: 10%; float: right; height: 2px;  margin-top: 20px; margin-right: 20px;}

.blog-details-right h6 span {display: block; margin: 0px 0% 20px 9%;  width: 50%; border: 2px solid #e85041; float: left; }

.face {display: block; margin: auto; border: 5px solid #e85041; border-radius: 1000px;}

.blog-details-right p {text-align: center; font-size: 14px; font-weight: 400;  }

.blog-details-right p a {text-align: center; color: #e85041; border-bottom: 1px solid #e85041;  }

.half-left {float:left; width: 48%; margin-bottom: 15px;}

.half-right {float:right; width: 48%; margin-bottom: 15px;}





footer {display: table; width: 100%; background-color: #20213b; font-weight: 400; color: #999;  padding: 30px 0px 30px 0px;  }

.social-media-bottom {text-align: center; display: block;}

.social-media-bottom  a {display: inline-block; margin: 10px; }

.social-media-bottom  a img {display: block;}

.social-media-bottom  a:hover {opacity:1.0;}

.copyright  {display: block; text-align: center; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; color: #fff;}

.copyright a {color:#fff; border-bottom:1px solid #fff;}

.copyright-left  {display: inline-block; float: left; text-align: left; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; margin-top: 10px; color: #fff;}


.social-media-bottom-right {text-align: right; display: inline-block; float: right;}

.social-media-bottom-right  a {display: inline-block; margin: 10px; opacity:0.6;}

.social-media-bottom-right  a img {display: block;}

.social-media-bottom-right  a:hover {opacity:1.0;}



.footer-column {width: 25%; float: left; padding-right: 40px; margin-bottom:20px; color:#fff;} 

.footer-column p {text-align: left; font-size: 15px; color: #fff;}

.footer-column h6 { margin:10px 0px; font-size: 20px; font-weight: 300; color: #fff;}

.footer-column h6::after {content: ''; display: block; width: 30px; height: 1px; background-color: #fff; margin: 10px 0px 30px 0px;}

.footer-column a {display: block; color: #fff; margin-bottom: 10px;} 

.footer-column a img {display: inline-block; float: left; margin-right:10px; margin-top: 3px; }

.footer-column a:hover {color: #fff;}









/* menu */

.menu {
padding: 0;
list-style: none;
width: 100%;
margin: 0px;	
border-left:1px solid #0c7272; 	
display: table;
}
.menu li{
display: inline-block;
position: relative;
line-height: 50px;
text-align: center;
width: 14.27%;
float: left;
border-right:1px solid #0c7272; 	
}
.menu li a{
display: block;
padding:0px;
color: #fff;
text-decoration: none;
font-size: 14px;
font-weight: 500;    
}
.menu li a:hover{
color: #fff;
background-color:#0c8181;
background-size:100% 100%;
}
.menu li ul.dropdown-menu{
min-width: 100%; /* Set width of the dropdown */
background: #981611;
display: none;
position: absolute;
z-index: 999;
left: 0;
border: 0px!important;
width: 200px;	
padding: 0px;	
border: 1px solid #e16b42!important;
border-bottom:0px!important;
margin-left: -1px;
}

.menu li ul.dropdown-menu li{
display: inline-block!important;
border: 0px!important;	
text-align: left!important;
width: 100%;	
line-height: 40px;	
	
}

.menu li ul.dropdown-menu li a {padding:5px 20px!important; border-bottom: 1px solid #e16b42;}

.menu li ul.dropdown-menu li a:hover {padding-left: 10px;}

.dropdown span {display: inline-block; float: right; margin-right: 20px;}

.dropdown:hover {}

/* menu */









/* responsive menu */

.responsive-menu-icon { display:none;}


.responsive-menu-icon {
    display: block;
    cursor: pointer;
    background-color:#13a8a8;
    width: 53px;
    height: 53px;
    position: fixed;
    right: 0;
    top: 0px;
    padding: 16px;
    box-sizing: border-box;
    z-index: 10000;
    display: none;
    z-index: 1000;
}

.bar1, .bar2, .bar3 {
    width: 23px;
    height: 2px;
    background-color: #fff;
    margin: 4px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-4px, 4px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-4px, -5px);
}


/* responsive menu */






::-webkit-input-placeholder { /* Edge */
  color: #000;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
}

::placeholder {
  color: #000;
}

.select-box {background-image: url(../images/menu-arrow.png); background-repeat: no-repeat; background-position: 95% center;}

.textbox1 {
    background-color: #f1f1f1;
    border: 0px solid #ccc;
    box-sizing: border-box;
    color: #666;
    float: left;
	font-family: 'Poppins';
    font-size: 13px;
    font-weight: 300;
    padding: 11px;
    width: 31.3%;
	margin: 1%;
}


.textbox2 {
    background-color: #f1f1f1;
    border: 0px solid #ccc;
    box-sizing: border-box;
    color: #666;
    float: left;
	font-family: 'Poppins';
    font-size: 13px;
    font-weight: 300;
    padding: 11px;
    width: 98%;
	margin: 1%;
}



.submit-button {
    background: #0170cc none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    cursor: pointer;
	font-family: 'Poppins';
    font-size: 16px;
    font-weight: normnal;
    letter-spacing: 2px;
    padding: 10px 30px;
    text-transform: uppercase;
	transition: all 0.5s ease-in 0s; 
	width: 150px;
	text-align: center;
	margin: 1% auto;
	border-radius:1000px;
	display: block;
}


.submit-button:hover {
    background-color: #222;
}


.submit-button2 {
    background: #ee2c4f none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    cursor: pointer;
	font-family: 'Poppins';
    font-size: 16px;
    font-weight: normnal;
    letter-spacing: 2px;
    padding: 10px 30px;
    text-transform: uppercase;
	transition: all 0.5s ease-in 0s; 
	text-align: center;
	margin: 1% auto;
	display: block;
	width: 100%;
}


.submit-button2:hover {
    background-color: #000;
}






/* Scroll Top */

.scrolltop {
	display:none;
	width:100%;
	margin:0 auto;
	position:fixed;
	bottom:0px;
	right:0px;	
	z-index:99;
}
.scroll {
	position:absolute;
	right:20px;
	bottom:20px;
	padding:0;
	text-align: center;
	margin: 0 0 0 0;
	cursor:pointer;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 	
}

.scroll a {padding:6px 10px 0px 10px; display:block; color:#fff; height:60px; width:60px;}



/* Scroll Top */




/* Flip */

.flip-card {
  background-color: transparent;
  width: 33.26%;
  height: 400px;
  perspective: 1000px;
  float: left;
  margin-bottom: 1px;	
  margin-right: 1px;	
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #bbb;
  color: black;
}

.flip-card-back {
  background-color: #222;
  color: white;
  transform: rotateY(180deg);
}

.flip-card img {width: 100%;}

.flip-card-back a {display: block; font-size: 24px; width: 100%; height: 100%; text-align: center; position: absolute; background-color: rgba(0,0,0,0.2); z-index: 1; color: #fff; padding-top: 25%; }

.flip-card-back a:hover {background-color: rgba(0,0,0,0.5);}

.flip-card-back  a span {display: block; border: 1px solid #fff; width: 150px; padding: 10px; margin: 20px auto; border-radius:100px; font-size:14px; transition: all 0.5s ease-in 0s; }

.flip-card-back a span:hover {background-color: #fff; color: #000;}


/* Flip */


.data-table {border-collapse:collpase; width:100%;}

.data-table td {padding: 5px; border: 1px solid #ccc;}


.data-table th {padding: 5px; border: 1px solid #ccc;  background-color: #0170cc; color: #fff;}

.data-table tr {background-color:#f8f8f8;}

.data-table tr:nth-child(even) {background-color:#f1f1f1;}





.news-container ul  {padding: 0;margin: 0;list-style: none;}

.news-container li  {list-style: none;}

.news-container {width: 100%;height: 800px;overflow: Hidden;color:#fff;}



.gray {display: table; padding: 50px 0px; width: 100%; background-color: #f7f7f7; margin-bottom: 20px; }




.block-hdnews {display: block; width: 100%;}

.list-wrpaaer {height: 575px;}

.list-aggregate > li {  border-bottom: solid 1px transparent;    -webkit-transition: ease-in-out background-color .15s .05s;     -o-transition: ease-in-out background-color .15s .05s;     transition: ease-in-out background-color .15s .05s; }





#marquee-vertical {margin: 0px; padding: 0px; width: 100%;}

.list-aggregate > li {list-style: none;  width: 100%; display: block; margin: 0px; }

.list-aggregate > li a {background-color: #fff; padding: 10px; display: block; background-position: 120% center; background-repeat: no-repeat;}

.list-aggregate > li h6 {margin:0px 0px; font-weight: 400; font-size: 17px; line-height: 30px; color: #e74c3c;}

.list-aggregate > li a:hover {background-color: #fff; background-image: url(../images/news-arrow.png); background-position: 95% center; background-repeat: no-repeat; border-left:4px solid #e74c3c; }






.magzine {padding: 40px; background-color: #EBEBEB; background-image: url(../images/magzine-bg.jpg); background-position: 95% center; background-repeat: no-repeat;   }

.magzine-cover {width: 30%; float: left;}

.magzine h3 {font-size: 30px; font-weight: 300; font-family: 'Fauna One', serif;}

.magzine .readmore {float: left; margin-top: 40px;}

.magzine p {font-size: 18px; line-height: 36px; } 


.t-news-box {width: 32%; float: left; margin-right: 2%; }

.t-news-box.last {margin-right: 0px;}

.t-news-box img {float: left; width: 150px; margin-right: 15px;}

.t-news-box h4 {margin: 0px; font-weight: 500; font-size: 20px; line-height: 24px; color: #e74c3c;}

.t-news-box p {text-align: left;}

.t-news-box a {display: table; width: 100%; padding: 5px; border: 1px solid #fff;}

.t-news-box a:hover {border: 1px solid #e74c3c; }


.gallery {display: table; width: 100%;}







#media-marquee .list-wrpaaer {height: 545px;}


.heading-stripe {display: table;  width: 100%; margin-bottom: 20px;}

.heading-stripe strong {display: inline-block; font-size: 24px; font-weight: 300; letter-spacing:0px; float: left; color: #000; font-family: 'Fauna One', serif; }

.heading-stripe a {display: inline-block; float: right; font-size: 14px; color: #e74c3c; font-weight: 400; letter-spacing: 0px; border-bottom: 1px solid #e74c3c; line-height: 17px; margin-top: 5px; }


.news-box {width: 32.3%; margin-right:1.5%; float: left;}

.news-box:last-child {margin-right: 0px;}

.news-box h4 {    margin: 5px 0px;    font-weight: 500;    font-size: 24px;    line-height: 30px;    color: #e74c3c;}

.news-box figure {padding: 0px; margin: 0px; height: 180px; overflow: hidden; display: block; width: 100%;}

.news-box figure img {display: block; width: 100%; transition: all 0.5s ease-in 0s; }

.news-box:hover figure img {width: 120%; margin: -10%; transition: all 0.5s ease-in 0s; }

.photocaption {display: block;  z-index: 10; position: absolute; margin:54% 0px 0px 20px; background-color:rgb(0,0,0,0.7); color: #fff; padding: 5px 10px; border-radius:5px;  }



.testimonial {border-top:1px solid #ddd; padding: 50px 0px; width: 100%; display: table;}

.testimonial h2 {margin: 0px;}

.testimonial p {width: 100%; margin: 20px auto; text-align: center;}

.testimonial .post-by {text-align: center; display: block; color: #e74c3c; font-size: 14px;}


.ushakaal-b {width:150px; height:50px; display: inline-block; background-image: url(../images/ushakaal.png); background-size:100% auto; background-position:center center; background-repeat: no-repeat; margin-right: 5px;  }

.ushakaal-m {width:100px; height:20px; display: inline-block; background-image: url(../images/ushakaal.png); background-size:100% auto; background-position:center center; background-repeat: no-repeat;  margin-top: 7px; margin-right: 5px;  float:left;}

.ushakaal-sw {width:60px; height:12px; display: inline-block; background-image: url(../images/ushakaal2.png); background-size:100% auto; background-position:center center; background-repeat: no-repeat;  margin-top: 10px; margin-right: 5px;  float:left;}






.three-column {width: 31.3%; margin: 1%; float: left; border: 1px solid #ccc; padding: 20px; }

.three-column h4 {font-weight: 400; text-align: center; font-size: 24px; margin: 0px; }

.three-column .ushakaal-m {float: none; height:30px;}



h2.text-center {text-align: center; margin: 0px 0px 20px 0px;}

.inside-content-area {padding: 40px 0px; display: table; width: 100%;}


.contact-box1, .contact-box2, .contact-box3 {width: 31.3%; float: left; text-align: center; border: 0px solid #ddd; margin: 1%; padding: 20px; height: 300px; box-shadow: 0px 0px 20px 0px #eee;}

.contact-box1 img, .contact-box2 img, .contact-box3 img {display: block; margin:40px auto;}


.pic-box {  width: 32.33%;  margin: .5%;  float: left;}

.pic-box a, .pic-box img {display: block; width: 100%;}



.video-list-box {width: 48%; margin:1%; float: left;}




.recent-post-box {display: table; padding:20px 0px; border-bottom: 1px solid #ddd; line-height: 22px;}

.recent-post-box img {float:left; margin-right: 20px;}

.recent-post-box a {padding: 0px;}


.right-panel-heading {font-size: 20px; margin: 0px; font-weight: 400; color: #000;}


.pic-box span {display: block; font-size: 14px; color: #000; padding:20px; background-color:#f7f7f7; border:1px solid #ddd; height:280px;}

.pic-box span strong {display:block; font-weight:700; font-size:16px;}