/*

Theme Name: X - Child Theme: Integrity Light
Theme URI: http://theme.co/x/ 
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to the light version of Integrity in this child theme.
Version: 1.0.0
Template: x

*/
 
@import url(https://fonts.googleapis.com/css?family=Work+Sans);
@import url(https://fonts.googleapis.com/css?family=Montserrat);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alegreya&display=swap');

@font-face { 
font-family: YT Sans; 
src: url(https://www.conservationindia.org/wp-content/themes/x-child/youtube-sans-medium.ttf); 
font-weight: normal; 

}

@font-face { 
font-family: YT Sans nor; 
src: url(https://www.conservationindia.org/wp-content/themes/x-child/youtube-sans-light.ttf); 
font-weight: normal; 

}

.alm-listing {
	list-style: none !important;
}

#gallery li {
	height: 475px !important;
	    padding: 10px;
}
 
html {
    height: 102%;
}
#fcom1 {
	display: none !important;
}
 
 div#fcom1 {
    display: none !important;
}

a.post-edit-link {
	padding-top: 20px;
	display: block !important;
	margin-top: 10px !important;
}

.fimage {
 
overflow:hidden;
display:block;
}

.fimage img{
height:auto;
}
 
div#fancybox-title-over p {
color:#fff;
}
.collapse-card__title {
    background-color: transparent !important;
     
}

.collapse-card__body p { 
    color: #333333 !important;
}



@font-face {
  font-family: 'RobotoDraft';
  font-style: normal;
  font-weight: 400;
  src: local('RobotoDraft'), local('RobotoDraft-Regular'), url(https://fonts.gstatic.com/s/robotodraft/v1/0xES5Sl_v6oyT7dAKuoni4gp9Q8gbYrhqGlRav_IXfk.woff2) format('woff2'), url(https://fonts.gstatic.com/s/robotodraft/v1/0xES5Sl_v6oyT7dAKuoni7rIa-7acMAeDBVuclsi6Gc.woff) format('woff');
}

  .heateorSssEmailBackground
{
  background-color: grey !important;
}

.collapse-card.active {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}


a.post-page-numbers {
    /* padding: 10px; */
    border: 1px solid #999;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: whitesmoke;
}

span.post-page-numbers.current {
    border: 1px solid #999;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: white;
}

li#menu-item-163820 a {
    background: none;
}

#fancybox-title-over {
text-transform:uppercase;}


 	.tptn_counter {
		display:none !important ;
	}

#h41 {
height:280px; overflow:hidden; }

#h42 {
height:280px; overflow:hidden; }

 
#home2_22 {
display:none;}
.x-comments-area {
    margin: 1em 0 0 !important;
}
a.prev-next.hidden-phone {
    font-size: 16px !important;
}

.entry-wrap.entry-404 {
    margin-bottom: 40px;
}

#fcom2 {
display:none;}

#ctwo{
display:none;}
.desktop .sub-menu a:hover  {
color:#d50000 !important ;
background:none;
}

#home4_11 {
display:none;}

#home4_111 {
display:none;}

.titlenew {
background:none !important;
padding:0px !important;
width:100% !important;}

li#menu-item-156803 a {
background:none !important;}
.titlenew:hover {
background:none !important;
padding:0px !important;
width:100% !important;
box-shadow:none !important;}
.gform_wrapper .top_label .gfield_description {
margin-top:-9px;
font-size:11px;}
.gform_wrapper div.charleft {
    margin-top: -.5em !important;
}
#un-button.un-left.css3 {
color:#fff !important;}

a:hover {
color:#d50000 ;
}

.gf_directory table td {
width:40%;
}
.count {
padding-right:10px;
float:left;
font-family:  'Questrial' !important;
 
    color: #000;
    font-size: 38px;
   
    line-height: 40px;
}
.frizzly-icon-pinterest {
margin-top:3px;
margin-left:3px;
}
.tag header.entry-header {
    border-bottom: 1px solid #ddd;
    margin-top: -8px;
}
.tag .entry-content.excerpt {
display:none;}
.rpwe-block li {
margin-bottom:0px !important;}
#html5-text {
display:none !important;
}
#html5lightbox-div {
overflow:auto !important;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=image], .gform_wrapper .gform_footer input[type=submit] {

background-image: URL("http://conservationindia.org/wp-content/files_mf/arrow-btn.jpg") !important;
    background-repeat: no-repeat;
    background-position-x: 97%;
    background-position-y: 50%;
    padding-right: 20px;
    background-color: #fff !important;
    text-shadow: none !important;
    border: 2px solid #d83531;
    width: 100% !important;
    color: #d83531!important;
margin-bottom:10px;
}

body .gform_wrapper .top_label .gfield, body .gform_wrapper .top_label li.gsection.gf_scroll_text {
margin-bottom:0em !important;}

.x-colophon.top {
background:transparent;
padding:0px !important}

#html5-watermark {
display:none !important;
}

.x-breadcrumb-wrap {
display:none;}
 

.entry-content li {
margin-bottom:10px;}
#wprmenu_bar {
padding:0px 10px !important;}

.x-logobar-inner {
padding-top:0px !important;}

.x-navbar-inner {
padding-bottom:5px;}
.x-container.max {
padding-bottom:0px !important;}

.x-navbar .desktop .x-nav>li.x-menu-item-search>a {
display:none;}
.accordion-box {
margin-top:-10px;
margin-bottom:20px !important;}
.collapse-card.active {
margin:0px !important;}
.collapse-card {
    transition: transform 500ms ease-out !important;
  background-color: #fff;
  border-bottom: 1px solid #666;
  color: #777;
  -webkit-transition:none !important;
  -moz-transition:none !important;
  -o-transition: none !important;
  transition:none !important;
}

 
.collapse-card__body p{
 
text-align:left !important;}
.post-meta {
margin-top:5px;
font-size:11px; text-transform:uppercase;}
.post {

  
}
.collapse-card__body {
 
padding-left:1.5rem !important;
padding-right:1rem !important;
padding-top:0rem !important;
padding-bottom:0rem !important;
 }

 
.collapse-card {
padding-left:15px !important;
padding:0px;
background-color:#f5f5f5 !important;
  border-bottom:1px solid #dddddd !important;}

.collapse-card__title {
margin-top:15px;
 
  background: url("images/icons.png") no-repeat 0 -79px;
padding-left:25px;
font-size:16px !important;
color: #0677B9 !important;; }

@import url( '../x/framework/css/site/stacks/integrity-light.css' );

.x-container.max {
  padding-bottom: 5px;
}

.frahd {
 
 font-family:   'Questrial' !important;
 font-weight:400;
 line-height:22px;
font-size:14px;
 
}
.x-breadcrumbs {
 font-family:   'Questrial' !important;
text-transform:uppercase;
font-size:12px;
padding-bottom:1px;
width:100% !important;}

.x-breadcrumbs a {

color:#000;
}


/* Accordion Start */

/**
 *  CSS3 Only Horizontal and Vertical Accordion
 *  Author: Paul Underwood for Hongkiat.com
 *  Website: www.paulund.co.uk
 *  Date: 27/11/11
 *  Version: 1.0
 */

 
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

/*Define Accordion box*/
.accordion { width:100%; overflow:hidden; margin:10px auto; color:#474747; background:#f5f5f5; padding:10px; }

/*General Accordion****************************************************************************/
/*Set style of open slide*/
.accordion section:target { padding:10px;}
.accordion section:target:hover {  }
.accordion section:target h2 {width:100%;}
.accordion section:target h2 a{ color:#333; padding:0;   }
.accordion section:target p {display:block;  background:#FFF;}
.accordion section h2 a{padding-left:50px !important; padding:8px 10px;display:block; font-size:18px; font-weight:normal;color:#eee; text-decoration:none;  background: url("images/bluearrow.png") right no-repeat;}

/*set style of closed slide*/
.accordion section{ float:left; overflow:hidden; color:#333; cursor:pointer; margin:3px; border-bottom:1px solid #dcdcdc; }
.accordion section:hover {}
.accordion section p { display:none; }
.accordion section:after{position:relative;font-size:14px;color:#a4a4a4;}
.accordion section:nth-child(1):after{content:'01';}
.accordion section:nth-child(2):after{content:'02';}
.accordion section:nth-child(3):after{content:'03';}
.accordion section:nth-child(4):after{content:'04';}
.accordion section:nth-child(5):after{content:'05';}
.accordion section:nth-child(6):after{content:'06';}
.accordion section:nth-child(7):after{content:'07';}
.accordion section:nth-child(8):after{content:'08';}
.accordion section:nth-child(9):after{content:'09';}

/*End General Accordion****************************************************************************/

/*Horizontal Accordion *********************************************************************/
.horizontal section{ width:5%; height:250px; 
  -moz-transition:width 0.5s ease-out; 
  -webkit-transition:width 0.5s ease-out;
    -o-transition:width 0.5s ease-out;
  -ms-transition:width 0.5s ease-out;
    transition:width 0.5s ease-out;
}

/*Position the number of the slide*/
.horizontal section:after{top:140px;left:15px;}

/*Header of closed slide*/
.horizontal section h2 { 
  -webkit-transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  width:240px; position:relative; left:-100px; top:85px;
} 

/*On mouse over open slide*/
.horizontal :target{ width:73%;height:230px; }
.horizontal :target h2{ top:0px;left:0;
  -webkit-transform:rotate(0deg);
  -moz-transform:rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg); 
}
/*End Horizontal Accordion *********************************************************************/

/*Vertical Accordion *************************************************************************/
.vertical section{ width:100%; height:90px;
border-left:1px solid #dddddd;
  -webkit-transition:height 0.9s ease-out;
  -moz-transition:height 0.9s ease-out;
    -o-transition:height 0.9s ease-out;
  -ms-transition:height 0.9s ease-out;
    transition:height 0.9s ease-out;
}
/*Set height of the slide*/
.vertical :target{ height:auto; width:97%; }

.vertical section h2 { position:relativ.accordion section h2 ae; left:0; height:90px;  margin-top: 0px;
  padding-top: 0px; 

background: url("images/reddot.png") no-repeat left;}

/*Set position of the number on the slide*/
.vertical section:after{ top: -78px;
  left: 15px;}
.vertical section:target:after{ left:-9999px;}

/*Accordion End*/

 
.x-navbar .x-nav-wrap .x-nav > li > a {
  letter-spacing: 0.5px !important; 
 
  font-size: 17px; }
  
 .auth_name a{
font-size:14px;
color:#000;}


#aboutcimob {
display:none;}
#back_to_camera {
      clear: both;
      display: block;
      height: 80px;
      line-height: 40px;
      padding: 20px;
    }
    .fluid_container {
      margin: 0 auto;
      max-width: 1000px;
      width: 90%;
    }

.h-comments-title small {
  background-color:#fff !important;
  color:#000 !important;
  display:none !important;
  }
  
  .x-comment-time {
    font-size:14px; }
  
  .h-comments-title span {
    font-size:17px !important;
    font-family:   'Questrial';
    font-weight:bold; }
.x-reply {
  display:none !important; }
.comment-respond {
  display:none !important;}
.top-bar2 {
   padding: 5px 0;
  background: #333;
  color: #999;
    height: 35px;
  display:none;}
article.comment {
  margin:0px !important;
  padding:0px !important;
  border-radius:0px !important;
  box-shadow:none !important;
  }
  
.x-comment-author {
  font-family:  'Questrial' !important;
  letter-spacing:normal !important;
  font-size:14px !important;
  font-weight:bold !important;
  }
  
  .x-boxed-layout-active article.comment {
    margin-left:5px !important;}
  .x-comment-time {
    text-transform:capitalize !important;
    color:#000 !important;}
.x-boxed-layout-active article.comment {
  border:0px !important;
  }
.x-comment-img {
  display:none !important;}

.comment-edit-link {
display:none;}
  
  .x-comment-header {
    margin-bottom:5px !important;}
.campaign-updates .media-update-source {
  float: left;
  clear: both;
  width: 100%;
  display: block;
  font-weight: 500;
}

div.table {border: 0px solid black; display: table; }
div.tr {border: 0px solid black; display: table-row; }
div.td {border: 0px solid black; display: table-cell;  vertical-align: top; }

.campaign-updates a {
  float: left;
  clear: both;
  
  padding-left: 6px;
  display: block;
  font-size: 11px;
}
.campaign-updates h4 {
  font-size:15px !important;
  margin-top:0px !important;
  margin-bottom: 10px;
  padding-bottom: 5px;
  padding-left: 25px;
  background: url(images/media-icon.jpg) no-repeat 0 3px;
  border-bottom: 1px solid #999;
}

.campaign-updates {
 
  width: 100%;
  padding: 10px;
  background: #ffffcc;
  border: 1px solid #999;
}
.collapse-card__heading {
padding:0px !important; }

.collapse-card__title {
line-height:  15px !important;}
.update-meta { display: block;
  margin-top: 0px;.write-to
    margin-bottom: 0px;
  font-size: 12px;
  font-weight: normal;
  color: #646464;
text-transform:uppercase;
 
}
  
form#lead_form {
    display: none;
}
.tablenav {
    display: none;
}

.gf_directory {
list-style:none;}
.gf_directory li {
float:left;
padding-right:5px;
list-style:none;}

#wprmenu_bar .bar_logo {
  height:55px !important;}
#wprmenu_bar  {
  height:80px !important;}
  #wprmenu_bar .wprmenu_icon {
    margin-top:25px !important;}
body .gform_wrapper .top_label li.gfield.gf_left_half {
width:100% !important;}
body .gform_wrapper input[type=text], .gform_wrapper textarea {
  
    border-bottom: 1px solid #d1d2d2 !important;
 border-left: 1px solid #d1d2d2 !important;
 border-right: 1px solid #d1d2d2 !important;
 border-top: 1px solid #d1d2d2 !important;
    font-size:15px !important;
    
    border-radius:0px !important;
background:none !important;
box-shadow: none !important;
    }

body .gform_wrapper .top_label li.gfield.gf_right_half {
width:100% !important;}
   body .gform_wrapper .top_label .gfield {
     margin-bottom:0em !important;
     }
    .gform_wrapper {
      margin-bottom:50px !important;
      }
    
 .gfield_required  {
   display:none !important;}

.x-btn, .button, [type="submit"] {
  box-shadow: none !important;
  border-radius:0px !important;
 
  }

h3 .entry-title {
  font-weight:bold;
  }

.x-btn-widgetbar {
display:none !important;
}
.ask_ci_wrap h3, .ask-ci-title {
  padding-left: 25px;
  background: url(images/icons.png) no-repeat scroll 0 -27px transparent;
  margin-bottom: 15px;
  padding-bottom: 3px;
  border-bottom: 1px solid #999;
}
 
.x-navbar .desktop .x-nav li>a>span:after {
content: "\f107" !important;
}
.x-navbar .desktop .x-nav > li > a {
  height: 45px !important;
  padding-top: 16px !important;
text-transform:uppercase;
color:#000 !important; 
}
.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {
color:#d50000 !important;
border-bottom:3px solid #d50000 !important;
box-shadow: inset 0 0px 0 0 #d50000 !important;
}
#recaptcha_table #recaptcha_response_field {
height:40px;}
body.x-navbar-fixed-top-active .x-navbar-wrap {
height:45px !important;}
.desktop .sub-menu {
border-bottom:4px solid #d50000;
min-width:150px !important;
padding:0px !important;;
border-radius:0px !important;
top:45px !important;}

.x-navbar .desktop .x-nav>li {
    margin-left: 7px;
    margin-right: 7px;
}

.x-navbar .desktop .x-nav>li>a {
margin-bottom: -2px;
    border-right: 0px solid #ddd;
    background-image: url(hline.jpg);
    background-repeat: no-repeat;
    background-position: right;
    padding-left: .54em !important;
    padding-right: .70em !important; }

.recaptcha_is_showing_audio .recaptcha_only_if_image, .recaptcha_isnot_showing_audio .recaptcha_only_if_audio,   {
 width:24px;
}

li#field_1_5 {
margin-bottom:10px !important;
font-size:16px;
margin-top:0px !important;
}
div#gform_confirmation_message_1 {
font-size:17px;
color:#d50000 !important;}

input#gform_submit_button_1 {
background-image: URL("http://conservationindia.org/wp-content/files_mf/arrow-btn.jpg") !important;
background-repeat:no-repeat;
background-position:97% 50%;
background-position-x:97% !important;
background-position-y:50% !important;
padding-right:20px;
 background-color: #fff !important;
    text-shadow:none !important;
border:2px solid #d83531; 
width:100% !important;
color: #d83531!important;
}
 
.gform_submit_button_1 {
border:1px solid #ce0000; 
width:100%;}
.detail_wrap {
 width:35%; float:left;
  margin-bottom: 10px !important;
  padding: 5px;
  color: #4f4f4f;
font-size:16px;
}
.detail_wrap2 {
 width:100%;  
  padding-left: 20px;
  
 
  color: #4f4f4f;
}

body .gform_wrapper input[type=text] {
width:100%; }
body .gform_wrapper .ginput_complex label {
display:none;
}
body .gform_wrapper .top_label .gfield_label {
display:none;
font-size:15px;}
.ask_ci_wrap  {
padding:25px;
width:100%;
float:left;
  
  border: 1px solid #dbdbdb;
  margin-bottom: 20px;
  font-size: 13px !important;
  text-transform:none !important;
  color: #666;
  line-height: 1.3;
}

.ask_ci_wrap p {
  margin-bottom: 20px;
  font-size: 13px !important;
  text-transform:none !important;
  color: #666;
  line-height: 1.3;
}

.x-searchform-overlay .form-search label {
font-size: 1.3em !important;
}
.x-searchform-overlay .form-search .search-query {
font-size:5.5em !important;
  }

#searchform input[type="text"] {
    
  border-radius: 0px !important;
 
 
  }
  .searchform {
    margin-top:-2px !important;}
  
  .search-button {
  height: 25px;
  padding: 2px 5px 3px;
  background: #ccc;
  border: 1px solid #000;
    margin-top: 2px !important;
}

  .container_12 .grid_9 {
    width:auto !important;
    float:right !important;}
.cbp-fwslider {
  position: relative;
  margin: 0 0 10px;
  overflow: hidden;
  padding: 40px 0 30px;
  width:100%;
}

#un-button.un-left.css3 {
  top:94% !important;}

.cus_title a img {
 
 
  height: 80px;
  width: 100px;
  overflow: hidden;
  object-fit: cover;
  
  }
  
  .cus_titlet a img {
 
 
  height: 160px;
  width: 300px;
  overflow: hidden;
  object-fit: cover;
  
  }
.cbp-fwslider ul {
  margin: 0;
  padding: 0;
  white-space: nowrap;
  list-style-type: none;
}

.cbp-fwslider ul li {
  transform: translateZ(0);
  float: left;
  display: block;
  margin: 0;
  padding: 0;
}

.cbp-fwslider ul li > a,
.cbp-fwslider ul li > div {
  display: block;
  text-align: center;
  outline: none;
}

.cbp-fwslider ul li > a img {
  border: none;
  display: block;
  margin: 0 auto;
  max-width: 75%;
}

.cbp-fwslider nav span {
  position: absolute;
  top: 50%;
  width: 30px;
  height: 100px;
  background: #666;
  color: #fff;
  font-size: 30px;
  text-align: center;
  margin-top: -50px;
  line-height: 100px;
  opacity:.6;
  cursor: pointer;
  font-weight: normal;
}

.cbp-fwslider nav span:hover {
  background: #cc0000;
}

.cbp-fwslider nav span.cbp-fwnext {
  right: 0px;
}

.cbp-fwslider nav span.cbp-fwprev {
  left: 0px;
}

.cbp-fwdots {
  position: absolute;
  bottom: 0px;
  white-space: nowrap;
  text-align: center;
  width: 100%;
}

.cbp-fwdots span {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: #ddd;
  margin: 4px;
  border-radius: 50%;
  cursor: pointer;
}

.cbp-fwdots span:hover {
  background: #999;
}

.cbp-fwdots span.cbp-fwcurrent {
  background: #47a3da;
  box-shadow: 0 0 0 0px #47a3da;
  transition: box-shadow 0.2s ease-in-out;
}


.bx-wrapper {
position: relative;
margin: 0 auto 60px;
padding: 0;
*zoom: 1;
}

#slideshow_caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 5px;
  background: url(images/trans.png) repeat;
  color: #fff;
  text-align: left;
}
 
 .flex-control-nav {
   background-color:transparent !important;
   }
.bx-wrapper img {
max-width: 100%;
display: block;
}
 
/** THEME
===================================*/
 
.bx-wrapper .bx-viewport {
-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
border: solid #fff 5px;
left: -5px;
background: #fff;
}
 
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -30px;
width: 100%;
}

ol li {
  line-height:22px !important;
  margin-bottom:5px;}
 
/* LOADER */
 
.bx-wrapper .bx-loading {
min-height: 50px;
background: url(images/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
}
 
/* PAGER */
 
.bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family:    'Questrial';
font-weight: bold;
color: #666;
padding-top: 20px;
}
 
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
 
.bx-wrapper .bx-pager.bx-default-pager a {
background: #666;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
 
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #000;
}
 
/* DIRECTION CONTROLS (NEXT / PREV) */
 
.bx-wrapper .bx-prev {
left: 10px;
background: url(images/controls.png) no-repeat 0 -32px;
}
 
.bx-wrapper .bx-next {
right: 10px;
background: url(images/controls.png) no-repeat -43px -32px;
}
 
.bx-wrapper .bx-prev:hover {
background-position: 0 0;
}
 
.bx-wrapper .bx-next:hover {
background-position: -43px 0;
}
 
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999;
}
 
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
 
/* AUTO CONTROLS (START / STOP) */
 
.bx-wrapper .bx-controls-auto {
text-align: center;
}
 
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
 
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
 
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
 
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
}
 
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
 
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
 
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
}
 
/* IMAGE CAPTIONS */
 
.bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
 
.bx-wrapper .bx-caption span {
color: #fff;
font-family:    'Questrial';
display: block;
font-size: .85em;
padding: 10px;
}


.x-btn, .button, [type="submit"] {
     

 padding: 3px 15px;
   float:right;
text-align:left;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
padding:10px !important;

  }
 


 
.action-label {
  
  float: left;
  clear: left;
  margin-right: 5px;
  margin-bottom: 10px;
  font-weight: 500;
}

.x-boxed-layout-active .site {
  box-shadow: none !important;
    border-left: 1px dotted #999 ;
border-right: 1px dotted #999 ;
border-top:0px !important;
border-bottom:0px !important;   
  }
.top-bar {
  padding: 5px 0;
  background: #333;
  color: #999;
    height: 35px;
}

.campaign-update-stream {
  float: left;
  clear: both;
  width: 940px;
  /* margin: 0 0 30px; */
}
.campaign-update-wrap {
  float: left;
  clear: both;
  width: 100%;
  /* margin-top: 30px; */
}

.campaign-update-stream .update-title {
  float: left;
  width: 250px;
  margin-right: 20px;
  font-size: 18px;
  font-weight: bold;
}

.campaign-update-stream .update-desc {
  float: left;
  width: 665px;
}

.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

.clearfix:before, .clearfix:after, .container_12:before, .container_12:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.container_12 .grid_3 {
  width: 220px;
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}
.container_12 .grid_9 {
  width: 700px;
}

.user-links {
  text-align: right;
}

.top-bar .social-bar {
  float: right;
  margin-top: 1px;
  margin-bottom: 0;
  list-style: none;
}

.flat-list {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}
.clearfix, .container_12 {
  zoom: 1;
}

.top-bar .social-bar li {
  float: left;
  margin: 0 5px 0 0;
}

.flat-list li {
  display: inline-block;
}
.top-bar .social-bar .twitter {
  background-position: 0 -1px;
  opacity: 0.8;
}

.top-bar .social-bar a {
  width: 24px;
  height: 24px;
  display: block;
  background: url(images/header-social-icons.png) no-repeat;
}

.search-box {
  width: 170px !important;
  height: 25px !important;
  padding: 3px !important;
  background: #fff !important;
  border: 1px solid #000 !important;
    border-radius: 0px !important;
  box-shadow:none !important;
  margin:0px !important;
    text-shadow:none !important;
  color:#999 !important;
 
}

.container_12 .form-search:before {
  display:none !important;
  }

.search-button {
  font-size:13px !important;
  height: 25px !important;
  padding: 2px 5px 3px !important;
  background: #ccc !important;
  border: 1px solid #000 !important;
  border-radius: 0px !important;
  box-shadow:none !important;
 
  color:#000 !important;
  text-shadow:none !important;
  
}

.top-bar .social-bar .facebook {
  background-position: 0 -40px;
  opacity: 0.8;
}

.top-bar .social-bar a {
  width: 24px;
  height: 24px;
  display: block;
  background: url(images/header-social-icons.png) no-repeat;
}

.top-bar .social-bar .pinterest {
  background-position: 0 -80px;
  opacity: 0.8;
}

.top-bar .social-bar a {
  width: 24px;
  height: 24px;
  display: block;
  background: url(images/header-social-icons.png) no-repeat;
}

.top-bar .social-bar .vimeo {
  background-position: 0 -160px;
  opacity: 0.8;
}

.top-bar .social-bar a {
  width: 24px;
  height: 24px;
  display: block;
  background: url(images/header-social-icons.png) no-repeat;
}

.top-bar .social-bar .ask {
  background-position: 0 -120px;
  opacity: 0.8;
}

.top-bar .social-bar a {
  width: 24px;
  height: 24px;
  display: block;
  background: url(images/header-social-icons.png) no-repeat;
}

.top-bar .social-bar .rss {
  background-position: 0 -196px;
  opacity: 0.8;
}

.top-bar .social-bar a {
  width: 24px;
  height: 24px;
  display: block;
  background: url(images/header-social-icons.png) no-repeat;
}

.home3_2li .stream-media.no-image {
  margin-right: 10px;
  margin-top: -1px;
  width: 100px;
  height: 78px;
  padding: 5px;
  border: 1px solid #ccc;
  text-align: left;
}
.topic_post_list li a {
  font-size:16px;}
.stream-media.no-image {
  margin-right: 10px;
  margin-top: -1px;
  width: 90px;
  height: 78px;
  padding: 0 5px;
  border: 1px solid #ccc;
  text-align: left;
}

.home3_2 .stream-media {
  width: 50px;
  margin-top: 5px;
}

.event-date, .event-month {
  display: block;
  color: #bbb;
font-size:15px;

text-transform:uppercase !important;
}

.event-date {
  font-size: 21px;
  font-weight: 500;
  line-height: 22px;
}

.home3_2li {
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 20px;
}

.home3_2 ul {
  margin-bottom:0px !important;
}

.home3_2li a {
  display: block;
  font-weight: 400;
  line-height: 20px;
 
 
  margin-top:0px !important;
  color:#0677b9;
}

.module-title small {
  float: right;
  margin-top: 3px;
}

small {
  font-size: 11px;
}

.module-title a {
  font-family:   'Questrial';
  color: #999;
  text-transform: none;
}

 
.cus_row {
  width:290px;
  float:left;
    margin-bottom: 20px;
    padding-right:20px;
  }
  
  .cus_rowt {
  	padding-left:10px;
  width:305px;
  float:left;
    margin-bottom: 20px;
 
  }
  
  .showcasew {
    width:295px;
    float:left;
    }
    
      .showcasew2 {
        margin-left:10px;
    width:280px;
    float:left;
    }
  
  
.cus_title {
  margin-right: 10px;
  font-size: 14px !important;
  width: 100px;
  float: left;
  height:80px ;
  overflow:hidden;
 
  text-align: left;
 
}

.cus_titlet {
  margin-right: 10px;
  font-size: 14px !important;
 position: relative;
  float: left;
  overflow:hidden;
  text-align: left;
 
}

.cus_desc {
  text-align: left;
font-size:15px;
  
overflow: hidden;
  line-height: 20px;  
}

.cus_desct {
 position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    padding: 7px 10px;
font-size:16px;
    color: #fff;
    text-align: left;
}
.x-navbar {
border-bottom:0px !important;}
.x-navbar .mobile .x-nav li>a {
  text-align: center;
  }
.x-navbar .mobile .x-nav li>a:hover, .x-navbar .mobile .x-nav .x-active>a, .x-navbar .mobile .x-nav .current-menu-item>a {
  background-color:#666 !important;
  color:#ffffff;
  
  }
.x-navbar .mobile .x-nav ul {
  margin:0px !important;
  font-family: 'Questrial' !important;
  }

.x-container.offset {
padding: 16px; 
}
     .coll { width:180px; float:left; }
 

.img_thumb2 {
   width:150px; 
   height:100px;
 
   overflow:hidden;
   position:relative;
}

   .img_thumb2 img{
   width:100% !important; 
   height:100% !important;
   object-fit:cover;
  
 
   }
   
 .events-info-list li {
  margin: 0 !important;
  margin-bottom: 10px !important;
  padding: 0 !important;
  list-style: none !important;
  list-style-type: none !important;
}

.events-info-list {
  width: 270px;
 
  margin-bottom: 10px;
  padding: 10px !important;
  background: #eee;
  list-style: none !important;
}

#gallery_left_column h2, #gallery_right_column h2 {
  font: 12px, 'Questrial' !important;
text-transform:uppercase;
  margin: 0 0 10px 0;
}

.resource_subcat .subcat_title{ margin-bottom:10px; padding:0 0 2px 0; background:none; border-bottom:1px dotted #848484; font-size:14px; font-weight:400; color:#222; text-transform:uppercase}

.subcat_title{ margin-bottom:10px; padding:0 0 2px 0; background:none; border-bottom:1px dotted #848484; font-size:14px; font-weight:400; color:#222; text-transform:uppercase}

.subcat_title h2{ margin-bottom:0; margin-top:0px; font-size:14px !important; letter-spacing:normal !important;}

.resource-thumbnail{ margin-bottom:5px}

.resource_subcat ul li {
  
float: left;
clear: both;
width: 290px;
height: auto;
line-height:19px !important;
margin: 5px 0 5px 0;
padding-left: 13px;
background: url("images/icons.png") no-repeat scroll 0 -82px transparent;
}

.container_12 .grid_4 {
width: 300px;
}

.resource_subcat {
  width:300px;
}

.resource_subcat ul {
float: left;
clear: both;
width: 300px;
list-style: none;
margin-left:0px !important;
}

.resource_subcat a:link, .resource_subcat a:visited {
color: #333;
} 
.resource_subcat a:link, .resource_subcat a:visited {
color: #333;
}

 .alignleft {
   line-height:1.5;
   margin-bottom:0px !important;}

 h2.pagetitle {
   letter-spacing:normal !important;
  
font-size:21px;
font-family: 'Questrial';
text-transform:capitalize !important;
 
margin-top:0px;
}
 
  
 

.module .stream {
margin-bottom: 0 !important;
}

.stream {
margin-left: 0;
padding-left: 0;
list-style: none;
margin-bottom:0px !important;
}
.stream-media {
float: left;
}

.featured-ci li:hover a {
color: #cc0000;
text-decoration: none;
}
.featured-ci li:hover .stream-content {
background: #fff;
border-color: #ccc;
}

.featured-ci .stream-content {
width: 190px;
height: 74px;
overflow: hidden;
margin-left: 10px;
font-weight: 500;
}

.featured-ci .stream-title {
overflow: hidden;
line-height: 17px;
}

.featured-ci a {
width: 100%;
height: 100%;
display: block;
}

.featured-ci, .featured-ci .stream {
margin-bottom: 0;
}
.container_12 .grid_4 {
width: 300px;
}

.alpha {
clear: left;
}

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
display: inline;
float: left;
margin-left: 10px;
margin-right: 10px;
}

.entry-footer a {
  font-size:13px !important;
  }

.entry-footer a:hover {
  padding:0.692em 1.154em 0.769em !important;
  }
#tagcls {
font-family: 'Questrial' ;
 
margin-bottom:20px;
width:100%;
float:left;
}
 
.updicon{
position: absolute;
  width: 100%;
  height: 100%;
  margin: 5px;
  background: url(images/upd.png) no-repeat right 10px top;
  opacity: 0.6;
  float:right;
}

.p-meta {
  display:none;
  }
#tagcls a:hover {
color: #777;
  color: rgba(0,0,0,0.75);
  border-color: #cfcfcf;
 
  background-color: #cfcfcf;
 
}
  
#tagcls a {
font-family: 'Questrial' ;

  display: inline-block;
  float: left;
  position: relative;
  margin: 0.615em 0.615em 0 0;
  border: 1px solid #ddd;
  border: 1px solid rgba(0,0,0,0.125);
  padding: 4px 4px 4px 4px;
  cursor: pointer;
  font-size: 12px;
 
  text-align: center;

  text-transform: uppercase;
  vertical-align: middle;
  color: #000000;
  
  background-color: transparent;
  border-radius: 0.35em;
  box-shadow: inset 0 0 0 transparent,0 1px 1px rgba(255,255,255,0.95);
  -webkit-transition: color 0.3s ease,border-color 0.3s ease,background-color 0.3s ease,box-shadow 0.3s ease;
  transition: color 0.3s ease,border-color 0.3s ease,background-color 0.3s ease,box-shadow 0.3s ease;
}

.campaign-widget img {
float: left;
margin-right: 10px;
height: 100px;
width: 140px;
overflow: hidden;
object-fit:cover;
}
.module-title {
font-family: 'Questrial';
margin-bottom: 10px;
padding: 0 0 2px 0;
border-bottom: 1px dotted #848484;
font-size: 15px;
font-weight: 400;
color: #222;
text-transform: uppercase;
}
.campaign-widget a {
color: #cc0000;
line-height:20px;
font-size:15px;
}

.author_list2 li a:hover {
border-color: #ccc;
text-decoration: none !important;
box-shadow: 0 0 2px 2px #ddd;
}
/* Author list page*/

.author_list{ float:left; width:100%; margin-left:0; list-style:none}

.author_list3{ float:left;  margin-left:0; list-style:none; margin-bottom:0px;} 

.author_list3 li a:hover {
border-color: #ccc;
text-decoration: none !important;
box-shadow: 0 0 2px 2px #ddd;
}



.cardboxli  {
    height: 21px;
    overflow: hidden;
    margin: 0 0 7px;
    padding-left: 15px;
    background: url("images/icons.png") no-repeat 0 -80px;
color:#000;}


.cardbox:hover {
border-color: #ccc;
text-decoration: none !important;
box-shadow: 0 0 2px 2px #ddd;
}
.cardbox a {
    display: block;
    background: #eee;
    padding: 4px;
    height: 170px !important;
    overflow: hidden !important;

}

.cardbox  {
height: 175px;
    overflow: hidden;
    background: #eee;
margin-bottom:10px;
 

}



.author_list2{ float:left; width:105%; margin-left:0; list-style:none; margin-bottom:0px; margin-top:10px;} 
.author_list li{ float:left; }

.img_thumb3  {
  margin-bottom: 5px;
  border: 2px solid #eee;
}
.topic_list2{ float:left; width:100%; margin-left:0; list-style:none; margin-bottom:0px;} 
.topic_list2 li {
width: 220px;
    float: left;
    margin-right: 22px;

 
 
  }
  
  .stream-title a:hover, .module-content a:hover {
  color: #cc0000;
  text-decoration: none;
}

.topic_list2 li a { 
  
    display: block;
  margin-bottom: 20px;
  font-size:15px;
 
  text-align: center;
}

.author_list2 li{ float:left; }

.author_list2 li a{ float:left; display:block; margin-right:20px; margin-bottom:20px;   height:auto; padding:10px; background:#eee; border:1px solid #eee; color:inherit; t.author_list3 li aext-align:center;}


.author_list3 li{ float:left; width:238px; }

.author_list3 li a{   display:block; margin-right:20px; margin-bottom:3px;   height:auto; padding:4px; background:#eee; border:0px solid #dbdbdb; color:inherit;  width:225px;  }


.author_list li a{ float:left; display:block; width:170px; height:auto; padding:10px; background:#eee; border:1px solid #eee; color:inherit; margin-left:10px; margin-right:10px; margin-bottom:10px;}

.author_list li a:hover{ border-color:#ccc; text-decoration:none !important; box-shadow:0 0 2px 2px #ddd}

.author_list .avatar{ float:left; clear:both; height:100px; overflow:hidden; margin:0 10px 0 0}

.author_list .info{ float:left; clear:both; margin:10px 0 0 0}

.author_list .info .auth_name{ float:left; font-size:13px;  text-transform:capitalize}

.author_list .info .desc{ float:left; clear:both; margin:5px 0 0 0; font-size:11px; color:#666; text-align:justify}

.author_card_wrapper{ float:left; clear:both; width:103%;   margin-bottom:0px}

h2.search-title{ float:left; clear:both; width:100%; display:block}
.search-authors.author_list li{ margin:0 33px 20px 0}
.search-authors.author_list li a{ padding:0; background:none; border:none}
.search-authors.author_list li a:hover{ border:none; color:#c40; box-shadow:none}
.search-authors.author_list .info{ margin-top:5px}


 
.login_link {
float: left;
clear: left;
margin: 0 10px 0 0;
padding: 1px 10px;
background: #c3dd82 url(images/button_bg.png) repeat-x;
color: #406A24 !important;
font-size: 11px;
font-weight: 500;
border: 1px solid;
border-color: #8CB332 #8CB332 #648517 #8CB332;
cursor: pointer;
text-shadow: 0 1px #D4ED95;
}

 h2 .view_all {
font-family:  'Questrial';
}

h2 .view_all {
font-family:   'Questrial';
}
 
.view_all {
float: right !important;
margin: 5px 0 0;
font: 11px, 'Questrial';
color: #CC4000 !important;
}

.topic_image_wrap {
position: relative;
width: 300px;
height: auto;
overflow: hidden;
margin: 0 0 10px;
text-align: center;
}
#topic_image_caption {
position: absolute;
bottom: 10px;
left: 0;
width:100%;
 
padding: 7px 10px;
background: url(images/trans.png) repeat;
font: 11px Verdana, Arial, sans-serif;
color: #fff;
text-align: left;
}
.topic_title {
  float:left; width:370px;
  }
  .topic_title2 {
float: left;
clear: both;
width: 100%;
border-bottom: 1px solid #ccc;
}

.topic_title h2 {
font-size: 21px;
margin-top:0px !important;
letter-spacing:normal !important;
  }
  
 .col { width:225px; float:left; margin-right:10px; }
 
  .coll { width:175px; float:left;     padding-left: 15px;
 }

 .img_thumb {
   width:215px; 
   height:175px;
 
   overflow:hidden;
   position:relative;
   background-size: cover;
    background-position: center center;
   }
   
   .img_thumb img {
   width: 100%;
object-fit: cover;
overflow: hidden;
max-width: 100%;
height: 100%;
}


.img_thumbb {
   width:147px; 
   height:130px;
 
   overflow:hidden;
   position:relative;
   background-size: cover;
    background-position: center center;
   }
   
   .img_thumbb img {
   width: 100%;
object-fit: cover;
overflow: hidden;
max-width: 100%;
height: 100%;
}

.portrait img {
    width: 100%;
}
.landscape img {
    height: 100%;
}
   
.img_thumb img.wide {
    max-width: 100%;
    max-height: 100%;
    height: auto;
}
.img_thumb img.tall {
    max-height: 100%;
    max-width: 100%;
    width: auto;
}​
 
   

   
 
   
.title {
display: none;
font: 11px Verdana, Arial, sans-serif;
border-bottom: 1px solid #555;
text-align: left;
margin: 0 0 10px 0;
height: 28px;
overflow: hidden;
}
 
#gridcontainer{margin: 20px 0; width: 100%; }
#gridcontainer h2 a{color: #77787a; font-size: 13px;}
#gridcontainer .griditemleft{float: left; width: 278px; margin: 0 40px 40px 0;}
#gridcontainer .griditemright{float: left; width: 278px;}
#gridcontainer .postimage{margin: 0 0 10px 0;}

 .pika-tooltip{ font-size:12px; position:absolute; color:white; padding:3px; background-color: rgba(0, 0, 0, 0.7); border:3px solid black}

.pika-counter{ position: absolute; bottom: 45px; left:15px; color:white; background:rgba(0, 0, 0, 0.7); font-size:11px; padding:3px}


.resource-thumbnail{ margin-bottom:5px}

.other-videos{ margin-right:10px}
.other-videos.first{ margin-left:41px}
.other-videos.last{ margin-right:0}
b, strong {
  font-size:15px;
font-weight:700 !important;
  
}

 

#home4_3 .stream-desc p {
  font-size:15px;
  line-height:20px;
    overflow: hidden;
    height: 220px;
    text-align:left !important;
  }
.feature-overlay { display:block;   font-size:15px;  text-transform:uppercase ;  font-family:  'Questrial';  letter-spacing:.4px;    border-bottom: 1px dotted #848484;}

.feature-overlay raquo-link {
text-transform:uppercase;
floa

}

.title-overlay2{ float:left; display:block; padding-bottom:5px; font-size:15px;  color:#000; text-transform:uppercase ;  font-family:  'Questrial'; letter-spacing:1px;}

.title-overlay{ display:block; padding:3px 5px; font-size:11px;  color:#000; text-transform:uppercase ;  font-family:    'Questrial'; font-weight:400; letter-spacing:.4px;}
.title-overlay a{ float:right; color:#fff; text-transform:lowercase}

.raquo-link{ display:block; font-size:11px; font-family:    'Questrial'; text-align:right}

.raquo-link3{ 
  margin-bottom: 10px;
  margin-top: 10px;
background-image: URL("http://conservationindia.org/wp-content/files_mf/submiticon.jpg");
background-position: left;
background-repeat:no-repeat;
  padding-left:30px;
color:#cc0000;
text-transform:uppercase;
font-weight:normal; display:block; font-size:14px; font-family:  'Questrial'; text-align:right; float:left; }

.raquo-link4{ 
  margin-bottom: 15px;
background-image: URL("http://conservationindia.org/wp-content/files_mf/leftarrow.jpg");
background-position: left;
background-repeat:no-repeat;
  padding-left:15px;
color:#cc0000;
text-transform:uppercase;
font-weight:normal; display:block; font-size:14px; font-family: 'Questrial'; text-align:right; float:left; }

.raquo-link2{ 
    line-height: 22px;
    position: relative;
    z-index: 15;
    text-transform: uppercase !important;
    color: #d50000 !important;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 12px;
    margin-top: -2px;
    font-weight: normal;
    display: block;
    font-size: 12px;
    font-family: 'Questrial';
    text-align: right;
    float: right;}

.raquo-link:before{ content:"» "}

.raquo-link2:hover{ color:#cc0000 !important; text-decoration:none;
  }
.text-left {
  text-align: left;
}

 .img_thumb3 {
width: 220px;
    height: 140px;
    margin-bottom: 5px;
    overflow: hidden;
    position: relative; }
   
   
 .img_thumb4 {
   width:216px; 
   height:145px;
 
   overflow:hidden;
   position:relative;
   }
   
    .img_thumb4 img {
      object-fit:cover;
      height:100%;
      width:100%;
 
   }
   .cus_row
 .img_thumb3:hover {
   border:2px solid #999;
   }
   
   
 
.external-news li {
  font-size:16px !important;
height: 21px;
overflow: hidden;
font-weight:400 !important;
margin: 0 0 7px;
padding-left: 18px;
background: url("images/icons.png") no-repeat 0 -82px;
 
}

.external-news ul {
margin-left: 0;
padding-left: 0;
}
/* Featured Photo */

.featured-photo{ margin-bottom:0; color:#666}

.featured-photo-wrap{ position:relative; padding-top:10px;}

.featured-photo-desc{ margin-top:5px; /*padding:5px; background:#333*/}

.featured-photo-submit, .featured-photo-author{ float:left; margin-bottom:0}

.featured-photo-submit{ width:110px}

/*.featured-photo-submit a{ color:#999}*/
#sectitle {   bottom:2px; width:100%; margin:0; padding:5px 10px; background:url(images/trans.png) black repeat; color:#fff; line-height:15px; white-space:normal;}

.featured-photo-title{ font-size:14px; text-align:left; left:0px; right:0px; position:absolute; bottom:0px; width:100%; margin:0; padding:5px 10px; color:#fff; line-height:15px;   background: url(images/trans.png) repeat;}

.featured-photo-author{ clear:right; width:100%; font-size:11px; color:#666; text-align:right  !important; float:right;}

.featured-photo-excerpt{ height:80px; overflow:hidden; margin:5px 0 1px; color:#666 !important; line-height:20px !important; font-size:13px;}

.featured-photo-excerpt a:hover{  color:#666 !important;}
.featured-photo-excerpt a {  color:#666 !important;}


.featured-photo-excerpt p{ margin-bottom:10px; color:#666 !important;  line-height:20px !important; font-size:14px;}

.photo_container {
  width:370px; float:right; clear:right;  margin-bottom:5px; padding-left:20px;
  }
/* Gallery */

.author_bio{ float:left; clear:both;   margin:10px 0 20px 0; padding-bottom:10px; padding-left:10px; padding-right:10px; border:1px solid #ccc; border-left:none; border-right:none; background:#f5f5f5; width:100%; font-size:14px; }

.author_bio h4{ margin-bottom:3px; font-size:14px; letter-spacing:normal; margin-top:10px; text-transform:uppercase;}

.author_bio img{ float:left; margin-right:10px}

.author_bio p{ font-size:13px; margin:0px;}

.author_bio a{
  color: #0677B9 !important;
  }
  
 
 

.share_on {
 
width: 25px;
height: 25px;
margin: 0 0 0 10px;
background: none;
}

#shareondiv {
margin-top:7px;}
.doc_details {
float: left;
clear: both; 
font-size: 10px;
color: #777;
margin-left: 20px;
}

a.download_doc {
background: url("upload_img.svg") no-repeat left 3px;
padding-left: 20px;
color: #0677B9;
float: left;
clear: both;
}

h3 {
font-family: 'Questrial';
font-weight: normal;
font-size: 17px !important;
 
margin: 0px 0;
line-height:22px !important;
margin-bottom:10px !important;
 
}
 
 
.take-action {
  width: 250px;
  height: 58px;
  overflow: hidden;
  display: block;
  margin-bottom: 10px;
  background: url(images/take-action.jpg) no-repeat;
  text-indent: -1000px;
}

.write-to {
  float: left;
  background: #d13b24;
  font-weight: 500;
  width:100%;
 
 
  padding: 5px;
  color: #FFF;
  border-radius: 0px;
 
  text-align: center;
}

.write-to p{
 
  text-align: center !important;
  margin-bottom:0px !important;
}


.topics_pagetitle{ text-transform: capitalize !important}
.p-landmark-sub {
    font-family:   'Questrial' !important;
font-size:25px !important;
text-align:center;}

.blockquote1 {
 
border-left: 3px solid #000 !important;
font-family:    'Questrial';

 
margin: 0 0 15px 0;
padding: 0 0 0 15px;
}
blockquote {
margin:0px !important;
  border:0px solid !important;
  }
.video-icon-overlay {
    display: block;
    position: absolute;
    top: 45%;
    left: 45%;
    bottom: 0;
    right: 0;
    z-index: 3;
 
background: url(images/video-icon.png) no-repeat;
}
.stream-media {
clear: both;
float:left;
}
.entry-date { font-size:12px;}
.gallery-index .post{ width:160px; float:left; text-align:center; height:225px }

.photo-meta{ text-align:center }
 
.photo-meta small{ display:block}

.post-photo{ display:block; height:150px; width:150px; margin-bottom:10px}

.photo-window, .post-nav{   position:relative; overflow:hidden !important;}

.photo-window2 { margin-bottom:15px ; position:relative; overflow:hidden !important;}

.post-nav{ background:#f5f5f5; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:5px; margin-top:25px;}

.float-right{ float:right; clear:right; }

.img-wr{ position:relative; display:inline-block}

.img-wr img{ width:175px !important; height:auto;}
.img-wr2{ position:relative; display:block;}
.img-wr2 img{ width:350px !important; height:auto;}

.img-wr3{   
 position:relative; display:block;
}

.from-date  {
  float:left;}
.from-date, .events-table .to-date {
  width:45px;
  height:40px;
  padding: 3px 10px;
  border: 1px solid #ccc;
}

.events-date {
  font-size: 20px !important;
}

.events-date, .events-month {
  display: block;
  font-size: 12px;
  font-weight: normal;
  color: #999;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
}
.wp-caption-text {
font-size:13px !important;
text-transform:none !important;
    text-align: center !important;
color:#888 !important;
font-style: italic;
line-height: 18px !important;
}
.ci_exclusive{ float:left; width:auto; text-align:left; padding:0 5px 0 5px; color:#fff; height:auto; background-color:#db1f14; display:block; clear:both}

.img-credits{ position:absolute; top:10px; right:0px; padding:3px 7px 2px 7px; background:#000; color:#FFFFFF; font-size:10px; opacity:0.4; line-height:18px;}

.img-credits:hover{ opacity:0.7 }

.img-caption{ margin:0; font-size:13px; width:350px; line-height:17px; color:#555; font-style:italic; 
text-align: left;
margin: 0px auto;
padding-top: 4px;
 
 }
 
 .img-caption2 { margin:0; font-size:12px;  line-height:17px; color:#555; font-style:italic; 
text-align: left;
margin: 0px auto;
padding-top: 4px;

 
 }
 
 .img-caption2 p{
 
   text-align: left;
  margin: 0px auto;
  padding-top: 4px;
  font-size: 12px;
 
  line-height: 17px;
  color: #555; 
  }

.img-caption p{ text-align:left; margin:0px auto; padding-top:4px; font-size:12px; width:350px; line-height:17px; color:#555}

.img-title{ margin-bottom:1px; font-size:14px; line-height:20px; width:350px; border-bottom:4px solid #ccc; font-weight:normal; color:#cc0000;}

.img-title2{ margin-bottom:2px; line-height:18px; font-size:14px;  border-bottom:4px solid #ccc; font-weight:normal; color:#cc0000}


.title_width{ width: 200px}

#gallery{ border-bottom:0px solid #ddd; padding-bottom:5px} 

#gallery img:hover{ border:0px solid #666}

#gallery img{ border: 2px solid #eee}

#gallery span{ font-style:italic; font-size:10px; font-weight:normal}

#gallery p{ font-size:10px; font-weight:normal}


.x-sidebar {
width: 23.5% !important;
margin-top:-10px;
}

.x-main {
width: 74.5% !important ;
}

.cf {
  padding-top:20px;
padding-left:20px;
padding-right:20px;
padding-bottom:0px !important;
  }
  
.more-link{display:inline-block;margin:0; font-size:14px;line-height:1.4; color:#0677B9; font-weight:normal !important; }

 


.postmeta {
overflow: hidden;
clear: both;
border-bottom: 1px solid #ddd;
margin-bottom: 15px !important;
margin-top: 9px !important;
}

.postmeta .blocks-date {
float: left;
margin-right: 2px;
}

.h-widget {
font-family: 'Questrial' !important;
font-size: 14px;
color: #050505;
text-transform:uppercase;
margin-bottom: 10px;
padding: 0px;
border-bottom: 1px solid #ccc;
letter-spacing:normal !important;
line-height:22px; }

.right { 
float: right;
}
.rpwe-time {
    display: block;
    margin-top: -2px !important;
text-transform:uppercase;
color:#a7a7a7 !important;}

 

.blocks-date {
float: left;
width: 65px;
height: 12px;
overflow: hidden;
margin: 0 0 0 -21px;
font-size: 10px;
text-transform: uppercase;
color: #666;
}

#home1_2 .stream-content {
  float: left;

  margin-bottom:0px;
  width:100%;
   
}
 
.amazingslider-slider-1 {
    margin-top: 90px;
}
.amazingslider-description-1 {
font-family: "Questrial" !important; }
.amazingslider-description-1 p {
    color: #fff; }
 
#wprmenu_bar .bar_logo {
margin-top:5px;}
body {
font-family: 'Lato', sans-serif;
/* font-family: "RobotoDraft"; */
 
 
  color:#4a4a4a;
   
   font-weight:400 !important;
  font-size:15px !important;
   
  body .gform_wrapper input[type=text], .gform_wrapper textarea

   
  }

.desktop .sub-menu a { 
text-transform:uppercase;
font-size:13px !important;
color:#000;
}
  .x-navbar {
font-family: 'Questrial' !important;
box-shadow:none !important;
}
  .x-nav-wrap.desktop {
    margin-left:10px;
    margin-right:10px;
      border-bottom: 2px solid #dbdbdb !important;  
box-shadow:none !important;

    }
    
     .masthead-stacked .desktop .x-nav {
       margin-left:0px;
       margin-right:0px;
       
       border-bottom: 0px solid #cc0000 !important;
       }
    
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
 
font-family:   'Questrial'  !important;
letter-spacing:normal !important;
color:#0677B9 !important;
  
  }
  
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
 
font-family: 'Lato', sans-serif;
letter-spacing:normal !important;
 
  
  }

.search .entry-title {
margin-top:5px;

padding-bottom:0px;
margin-bottom:0px !important;
line-height: 10px !important;
}

.h-landmark span {
color:#636161;
text-transform:uppercase;
font-family:  'Questrial' !important;}

.hentry {
padding-bottom:0em;
margin-top:0px !important;
 }
  .entry-header .entry-title {
    line-height:28px;
  	
  	font-family: "Lato" !important;
  	font-weight: bold;
  }
    
    .entry-header .entry-title a{
    line-height:22px;
font-size:16px;}
  
.entry-content {
margin-top: 14px !important;
}
.entry-footer {
display:none;}

.search .x-container.max.width.offset {
padding-top:0px !important;
}
p { 
font-size: 15px;
line-height:22px;
font-weight:400;
text-align: justify ;
color:#333333;
font-family: 'Lato', sans-serif;
/* font-family: 'RobotoDraft' !important; */
 

  } 
.widget select {
background: transparent;
font-family:  'Questrial' !important;
width: 220px;
padding: 5px;
font-size: 14px;
line-height: 1;
border: 0;
border-radius: 0;
height: 34px;
-webkit-appearance: none;
overflow: hidden;
background: url("http://www.conservationindia.org/wp-content/files_mf/down_arrow_select-1.jpg") no-repeat right #fff;
box-shadow: none !important;
border: 1px solid #ccc;
color:#222;

}


 
  .x-logobar {
    border-bottom:0px !important;
    }
  
.pagination {
margin: 20px 0 20px 0;
height: 32px;
text-align: left;
width:100%;
float:left;
 
text-transform:uppercase;
}

.pagination a, .pagination span {
float: left;
margin: 0 0.18em 0.18em 0;
width: 32px;
height: 32px;
font-style:normal !important;
 
 
font-size: 1.3rem;
font-weight: 400;
line-height: 32px;
text-decoration: none;
text-shadow:none !important;
color: #333;
background-color: #fff;
box-shadow:none !important; 
border-radius:0px !important;
/* border-radius: 4px; */
/* box-shadow: inset 0 0 0 transparent,0 0.1em 0.45em 0 rgba(0,0,0,0.25); */
border: 1px solid #bfbfbf;
font-size: 11px !important; }

.pagination span.current {
 
text-shadow:none !important;
color: #222;
background-color:#fff !important;
border:1px solid #0677B9;
  
}
 
 
.entry-title { 
letter-spacing:0px !important;
margin-top:10px;
margin-bottom:5px;
line-height:22px;
font-size:21px;
}
.p-landmark-sub strong {
  font-size:20px;
  }

 
h1 {
  font-size:24px !important;
  letter-spacing:0px !important;
  }
  
.h-landmark strong{
font-size:25px !important;}
.footer {
  font-style:normal !important;
 
padding: 6px 20px;
background: url(images/footer-logo.jpg) no-repeat 830px ;
border-top: 1px solid #ccc;
color: #666; 
letter-spacing:normal !important;
font-family: 'Questrial';
}
.footer p {
font-family:  'Questrial' !important;
color:#cc0000 !important;
}

.footer a, footer a:hover{
  color:#666 !important;
  padding:8px !important;
font-family:  'Questrial' !important;
   
  
  

}

.footer p {
margin: 12px 0;
font-size: 11px;
}

.x-colophon {
 background:transparent !important;
  border-top: 0px solid #d4d4d4 !important;  
  box-shadow:none !important; 
}

.postmetadata {
clear: both;
background: #F7F7F7;
padding: 6px;
margin: 20px 0;
}

.postmetadata a:link, .postmetadata a:visited {
color: #666 !important;
}

.pagination span.pages {
  display:block;
  width:auto;
  padding-left:5px;
  padding-right:5px;
  }
  
.widget ul, .widget ol {
 
border: 0px solid #ddd !important;
border: 0px solid rgba(0,0,0,0.1) !important;
list-style: none;
border-radius: 0px !important;
background-color: transparent;
box-shadow:  none !important;
}

.widget ul li, .widget ol li {
border-bottom: none !important;
border-bottom: none !important;
font-size: 13px !important;
 
box-shadow: none !important;
-webkit-transition: none !important;
transition: none !important;

list-style-type: none;
padding: 5px 0 5px 15px !important;
background: url("images/icon.png") no-repeat 0 12px;
line-height: 1.5;
}

.widget ul li a, .widget ol li a {
border-bottom: none !important;
font-size:13px !important;
line-height:18px !important;
font-family:  'Questrial' !important;
 
color: #0677B9 !important;
font-style:normal;
}

.x-sidebar .widget {
  margin-top:0px !important;
  margin-bottom:15px !important; 
 
}
.textwidget {
margin: 0 0 10px;
padding: 0;
line-height: 18px !important;
list-style-type: none;
font-size: 14px !important;
 
}
.kws_gf_credit {
  display:none;}

h2 {
  font-size:22px !important;}
.sidebox-in h2{

font-family:  'Questrial' !important;
  font-size: 14px !important;
  color: #050505 !important;
  margin-bottom: 10px;
  padding: 0px;
text-transform:uppercase;
  letter-spacing: normal !important;
border-bottom: 1px solid #ccc !important;
font-weight: normal !important;
 
text-decoration:none !important;
 
padding-bottom:0px;
  } 
  
.sidebox-in span { display: block;
color: #555555 !important;
font-size: 12px !important;
line-height: 18px !important;
margin: 0 auto !important;
 
text-align: left !important;
} 

.x-colophon.bottom .x-colophon-content {
margin: 0px 0 0px !important;
 
}

.x-colophon.bottom {
margin-top:20px;
padding: 0px !important;
 
}

.x-main.full {
 
width: auto !important;
}

.entry-wrap { 
 padding: 0px !important;  
 border-radius: 0px !important; 
 box-shadow:none !important;  
}

.x-container.offset {
margin: 0px auto !important;
}

.post-title a {
  font-size:15px !important;
  line-height:16px !important;
  margin:0px !important;
  padding:0px !important;
  }
  
.judge_comments {
float: right;
width: 295px;
margin: 0 0 5px 20px;
padding: 12px;
background: #eee;
}

.judge_comments p{
margin:0px;
}

.judge_comments h3 {
padding-bottom: 3px;
font-family:   'Questrial';
font-size:15px !important;
border-bottom: 2px solid #CC4000;
letter-spacing:normal !important;
text-transform:uppercase !important;
}

.archive_img {
width:175px !important;margin-top:0 !important;
}


/* STRUCTURE */

.about-ci {
 
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:120px;
  padding: 12px !important;
}
.about-ci-link {
float: left;
 
display: block;
}

.register-me {
position: absolute;
right: 0;
margin: 10px 0 0;
padding: 5px 10px;
background: #cc0000;
font-size: 14px;
font-weight: 400;
color: #fff;
text-align: center;
line-height: 16px;
opacity: 0.6;
display:none;
}

.about-ci {
position: relative;
margin-top: 25px;
}

.container_12 .grid_8 {
width: 620px;
}

.about-ci p {
font-family: 'Open Sans', sanserif;
float: left;
width: 290px;
margin: 10px;
font-size: 14px;
text-align:left !important;
 
color: #fff;
line-height: 20px;
text-shadow: 0 1px #444;
}

#homewrap2 {
    width: 949px;
    margin: 0px auto;
    padding-top: 15px;
    padding-left: 15px;
    padding-bottom: 0px;
    padding-right: 15px;
    float: left;
    background: #ececec;
    margin-bottom: 10px !important;
    border: 1px solid #ccc;
}

#homewrap { 
  width: 949px;
  margin: 0px auto;
  float:left;
  margin-bottom:10px !important;
 
}
 
#home1_2 .stream-title a {
  display: block;
  color: #333;
min-height:45px !important;
    font-size: 14px;
    margin: 5px 0;
padding-top:5px;
}

.homeicons {
width:145px;
height:96px; overflow:hidden; float:left;
position:relative;
}
#home1_2 .stream-title {
  margin: 5px 0;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
}
#home1_1 {
margin-bottom:0px;
  margin-right:5px;
  width: 290px;
height: 365px;
  float: left;
  margin-top:10px;
border-bottom:1px solid #e5e5e5;
 
}

#home1_2 {
  padding-top: 12px;
  padding-left: 10px;
  padding-right: 10px;
background-color:#f0f0f0;
margin-left: 15px;
  width: 165px;
  float: left;
  margin-top: 10px;
min-height:352px;
 
  margin-right: 20px;
}

#home1_3 {
  margin-top:10px;
  width:453px;
padding-left:5px;
 
  float: left;
}

#home2_1 {
  width:33%;
  padding: 5px 5px;
  float: left;
  padding-right:18px;
}

#home2_2a { 
  width:33%;
 
  float: left;
}

#home2_3 { 
	background-color: #ececec;
  width:33%;
  display: block;
  margin-top:25px !important;
  padding:12px;
  text-align: left;
 height:120px;
  float: left;
}
 
 
 #home2_3 span { 
 	font-family: 'Lato', sans-serif;
font-size:15px;
line-height: 11px !important;
text-align: left;
}
 
 #home3_1 {
  width:629px;
  padding: 5px 5px;
  float: left;
}

#home3_2 { 
  margin-left: 8px;
  width: 312px;
 
  padding: 5px 5px;
  float: left;
}

 #home4_1 {
  width:292px;
  padding: 5px 5px;
  float: left;
  margin-right:10px;
 
}
 
 #home4_2 {
 
  width:328px;
  padding: 5px 5px;
  float: left;
    margin-right:10px;
 
}
 #home4_2a {
 
  width:328px;
  padding: 5px 5px;
  float: left;
    margin-right:10px;
 
}
#home4_2 li {
  margin-bottom: 6.2px;
  padding-left: 18px;
line-height:20px !important;
font-size:15px;
  background: url("images/icons.png") no-repeat 0 -82px;
}
#home4_1 ul {
  list-style:none !important;
  margin-left:0px;
}


#home4_1 li {
  margin-bottom: 10px;
  padding-left: 18px;
  background: url("images/icons.png") no-repeat 0 -82px;
}


.stream-meta {
  display: block;
  font-size: 11px;
  color: #777;
}

 

 
.form-search [type="search"] {
    border-radius: 0;
  height: 25px;
  }
#home4_1 li {
  margin-bottom: 5px;
  padding-left: 15px;
  background: url("images/icons.png") no-repeat 0 -82px;
  line-height: 20px;
}

li {
line-height: 23px;
font-size:15px;
 
   
  }
#home4_1 .stream-desc {
  margin: 10px 0 0;
}

#home4_3 .module-content {

  width:305px;
  
  margin-top: -10px;

  padding-top: 10px;
  /* background: url(images/ci-tip-bg.png) no-repeat 265px 10px; */
  
  border:0px;
}

#home4_3 .stream-desc {
  margin: 10px 0 0;
 
}
 
#home4_3 .stream-title {
  max-width: 240px;
}
 

 #home4_3 {
  width:305px;
  padding: 5px 0px;
  float: left;
 
}
 .socialci {
   float:right; 
  }
 .topic_card {
   width:140px;
   }

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/




 @media (max-width: 515px) { 

.img_thumb4 {
width:100%;
height:250px;}

.heateor_sss_bottom_sharing {
    display: none !important;
}

.heateor_sss_follow_ul {
    display: none !important;
}

.author_list3 li a {
width:100%;}
.author_list3 li { 
width:97%;
height:320px !important;}

 
}
/* for 980px or less */
 @media (max-width: 980px) {

#h41 {
height:auto;
overflow:none;}

#h42 {
height:auto;
overflow:none;}

#h43 {
height:auto;
overflow:none;}

#home4_3 .stream-desc p {
  text-align: left !important;
height:auto;}
.homeicons {
width:100%;
height:auto; overflow:visible; float:left;
position:relative;
}
.pagination {
margin-bottom:50px;}

.footer p {
text-align:center;}
 .container_12 {
   width:100% !important;}
  
   .col { width:48%; float:left; margin-right:5px; }
   .img_thumb {
   width:345px; 
   height:265px;
 
   overflow:hidden;
   position:relative;
   }
   
    .img_thumb img {
 
     width: 100%;
object-fit: cover;
overflow: hidden;
max-width: 100%;
height: 100%;
   }
   
  .coll { width:280px; float:left; margin-right:10px; }
  
  
 
   

 
 
   .author_card_wrapper {
     margin-left:1%;
     }
   
   
  #homewrap {
    width: 100%;
  }
  #home1_1 {
    width: 68%;
height:auto;
 
  }
  #home1_2 {
    width: 30%;
 
    margin: 0px 0px 5px 5px;
    float: right;
    margin-top:10px !important;
  }
  
  
  #home2_1 {
    width:auto;
    }
    
      #home2_2a {
    width:auto !important;
    }
    
         #home2_3 {
    width:auto !important;
    }
    
    #home3_1 {
      width:100%;
      }
    .showcasew {
      width:49%;
      }
      .showcasew2 {
      width:49%;
      }
      
      .cus_row {
        width:99%;
        }
        
              .cus_rowt {
        width:99%;
        }
        
        
        .cus_title {
          width:120px;
          height:90px;
          }
  #home3_2 {
    width:100%;
    }
    
    #home4_1 {
      width:100%;
      }
    #home4_2 {
      width:100%;
      }
    #home4_3 {
      width:100%;
      }
  #home4_3 .module-content {
    width:100%;
    height:auto;
    }
    
    .topic_list2 li {
      width:auto;
      }
    
     .img_thumb3 {
  width: 180px;
  height: 110px;
  margin-bottom: 5px;
  overflow: hidden;
  position: relative;
}
  
  .stream-media {
    width:100%;
    }
    
    .stream-media img{
    width:100%;
    }
  
  #home1_3 {
    clear: both;
   
    width: auto;
    float: none;
  }
.top-bar {
  margin-top:50px; }
  
  
.img-wr2 img {
  width:100% !important;}
 
}

 


/* for 700px or less */
@media (max-width: 600px){

#eved {
width:100% !important;
}

#fcom1 {
display:none ;}

#fcom2 {
display:inline;}

.gform_wrapper div.charleft {
display:none !important;}

#arccamp {
margin-bottom:35px;
border-top:0px solid #d4d4d4 !important;}
.cardbox {
height:auto !important;
overflow:auto !important;}

.cardbox a {
height:auto !important;
overflow:auto !important;}
 
/*.cf {
margin-top:30px;
}*/

.x-breadcrumbs {
text-align:left;
font-weight:400;
font-family:   'Questrial' !important;
font-size:14px;}
  
  .entry-header, .entry-content {
    margin-top:30px;
 }
  
  
  .container_12 .grid_3 {
    margin-left:50px ;}
.top-bar2 .social-bar .twitter {
  background-position: 0 -1px;
  opacity: 0.8;
}

.top-bar2 .social-bar a {
  width: 24px;
  height: 24px;
  display: block;
  background: url(images/header-social-icons.png) no-repeat;
}

 

 
.top-bar2 .social-bar .facebook {
  background-position: 0 -40px;
  opacity: 0.8;
}

.top-bar2 .social-bar a {
  width: 24px;
  height: 24px;
  display: block;
  background: url(images/header-social-icons.png) no-repeat;
}

.top-bar2 .social-bar .pinterest {
  background-position: 0 -80px;
  opacity: 0.8;
}

.top-bar2 .social-bar a {
  width: 24px;
  height: 24px;
  display: block;
  background: url(images/header-social-icons.png) no-repeat;
}

.top-bar2 .social-bar .vimeo {
  background-position: 0 -160px;
  opacity: 0.8;
}

.top-bar2 .social-bar a {
  width: 24px;
  height: 24px;
  display: block;
  background: url(images/header-social-icons.png) no-repeat;
}

.top-bar2 .social-bar .ask {
  background-position: 0 -120px;
  opacity: 0.8;
}

.top-bar2 .social-bar a {
  width: 24px;
  height: 24px;
  display: block;
  background: url(images/header-social-icons.png) no-repeat;
}

.top-bar2 .social-bar .rss {
  background-position: 0 -196px;
  opacity: 0.8;
}

.top-bar2 .social-bar a {
  width: 24px;
  height: 24px;
  display: block;
  background: url(images/header-social-icons.png) no-repeat;
}


  .top-bar .social-bar {
  float: right;
  margin-top: 1px;
  margin-bottom: 0;
  list-style: none;
}
.top-bar .social-bar li {
  float: left;
  margin: 0 5px 0 0;
}
  
  .top-bar {
    display:none !important;}
    .top-bar2 {
      display:block !important;}
 
 .photo_container {
 width:100%;
padding-left:0px !important;
  float: right;
  /* clear: right; */
  margin-top: 10px;
}

.img-wr {
  width:100% !important;}
.photo-window, .post-nav {
  overflow:visible !important;
  width:100% !important;

  }
  
  .judge_comments {
    width:100% !important;}
.archive_img {
  width: 100% !important;
  margin-top: 0 !important;
}
.img-wr img {
  width: 100% !important;
  height: auto;
  margin-bottom:10px;
}

.img-wr2 {
  width:100%;}

.img-caption p
{ width:100%;}

.img-wr2 img {
  width: 100% !important;
  height: auto;
}
.float-right {
  margin:0px !important;}
.img-caption {
  width:100%;}
.img-title {
  width:100% !important;}
   .col { width:90%; float:left; margin-right:5px; }
   
     .topic_image_wrap {
  
width: 100% !important;
object-fit:cover;
 
}
.topic_title {
float: left;
width: 98% !important;
}
   
 .img_thumb {
   width:345px; 
   height:265px;
 
   overflow:hidden;
   position:relative;
   }
   
    .img_thumb img {
   width: 100%;
object-fit: cover;
overflow: hidden;
max-width: 100%;
height: 100%;
   }
   
   
   .coll { width:280px; float:left; margin-right:10px; }
 .img_thumb2 {
   width:200px; 
   height:150px;
 
   overflow:hidden;
   position:relative;
   }
   
     .img_thumb2 img{
   width:100% !important; 
   height:100% !important;
   object-fit:cover;
  
 
   }
   
 
.img_thumb2 img.wide {
    max-width: 100%;
    max-height: 100%;
    height: auto;
}
.img_thumb2 img.tall {
    max-height: 100%;
    max-width: 100%;
    width: auto;
}​

 
 
}
 
@media (max-width: 480px) {

#homewrap {
width:90%;}

.fimage {
height:100%;
overflow:hidden;
display:block;
}

.fimage img{
height:auto;
}

.events-info-list {
  width: 100%;
margin:0px; 

}

.col {
width:100%;
}

.img_thumb {
width:100%;}

#gallery_left_column ul.gallery_list li {
width:100% !important;}

#home4_11 {
display:block;
width:90%;}

#home4_111 {
display:block;
width:100%;}

#topicshome {
display:none;}

#home4_1 {
display:none;}

#home2_22 {
display:none;
width:100%;}

#home2_2a {
display:none;
}
.topic_list2 li {
margin-right:10px !important;}

#home1_1{
margin-bottom:20px !important;
height:auto;
}

.author_card_wrapper {
margin-left:0% !important;}

.x-sidebar {
display:none !important;
}

#campaignrh {
display:block !important;}
 #cone {
display:none}

#ctwo {
display:block;}


  .entry-header, .entry-content {
    margin-top:30px;}
  
.x-container.offset {
padding-top:0px;
width:100%;}
  .top-bar {
    display:none !important;}
    .top-bar2 {
      display:block !important;}
  
  .embed-container {
    overflow:visible !important;
    margin-top:30px;}
  
  .img-credits {
    top:25px; }
  .container_12 .grid_3 {
    margin-left: 26%;
    /* text-align: center; */
    width: 80%;
    /* margin: 0 auto !important; */
    display: block !important;
}
    .searchform {
      margin:0 auto !important;}
  .top-bar {
    height:70px !important;
    margin-top:45px;
    }
    .top-bar2 {
    height:70px !important;
    margin-top:15px;
    }
    .container_12 .grid_9 {
      width:70% !important;
     
     }
      
      .top-bar .social-bar {
        margin-top:5px;
        float:left ;}
        .top-bar2 .social-bar {
        margin-top:5px;
margin-bottom:0px !important;
        float:left ;}
.topic_image_wrap {
  
width: 100% !important;
object-fit:cover;
 
}

#home1_1 {
    width:100% !important;
height:auto;
    }
    
    #home1_2 {
    width:100% !important;
display:none;
    }
    
      #home1_3 {
    width:100% !important;
    }
    #aboutcimob p {
margin:0px !important;}
    #aboutcimob {
display:inline-block;
padding:10px; 
border:1px solid #DDD;
}

  #home2_1 {
    width:100%;
    }
    
      #home2_2a {
    width:100%;
    }
    
         #home2_3 {
    width:100%;
    }
    
    #home3_1 {
      width:100%;
      }
    .showcasew {
      width:100%;
      }
      .showcasew2 {
      width:100%;
      margin-left:0px; 
      }
      
      .cus_row {
        width:99%;
        }
        .cus_title {
          width:120px;
          height:90px;
          }
  #home3_2 {
    width:100%;
    }
    
    #home4_1 {
      width:100%;
      }
    #home4_2 {
      width:100%;
      }
    #home4_3 {
      width:100%;
      }
  #home4_3 .module-content {
    width:100%;
    height:auto;
    }
    
    .topic_list2 li {
      width:auto;
      }
    
     .img_thumb3 {
  width: 100%;
  height: auto;
  margin-bottom: 5px;
  overflow: hidden;
  position: relative;
}
  
  .stream-media {
    width:100%;
    }
    
    .stream-media img{
    width:100%;
    }
    
   
   .archive_img {
width:100%;margin-top:0 !important; margin-bottom:10px;
}
.img-wr {
  display:block  !important;
  }
.archive_img img {
 
     width: 100%;
object-fit: cover;
overflow: hidden;
max-width: 100%;
height: 100%;
}
 
   
   .author_list li {
     margin-left:15%;
     }
    .socialci {
 width:100%;  
 margin-top:10px;
 margin-bottom:10px;
  }
 
   .img-title {
     width: 100%;
     margin-top:10px;
     }
   .photo_container {
  width:100% !important; padding-left:0px !important; margin-top:5px;
  float:none !important;
  }
  .float-right {
    margin:0px !important;
    width:100% !important;
    }
   
   .img-caption {
     width:100%;
     margin-bottom:10px;
     }
     .coll { width:230px; float:left; margin-right:10px; }
 .img_thumb2 {
   width:200px; 
   height:150px;
 
   overflow:hidden;
   position:relative;
   }
   
 
.img_thumb2 img.wide {
    max-width: 100%;
    max-height: 100%;
    height: auto;
}
.img_thumb2 img.tall {
    max-height: 100%;
    max-width: 100%;
    width: auto;
}​
home1_1 {
  width:100%;
  }
   
   }
 
 .x-boxed-layout-active .entry-wrap {
 
border: 0px solid #ddd !important;
}
hr {
margin-bottom: 10px;
background-color: #ccc;
color: #ccc;
height: 2px;
border: none; }

.p-meta {
font-size:11px;}

.search .entry-content.excerpt {
display:none;}

.p-meta>span:after {
    content: "" !important;
}

i.x-icon-bookmark {
display:none;}
i.x-icon-calendar {
display:none;}

.search p.p-meta {
    display: inline-block;
    width:100%;
    border-bottom: 1px solid #ddd;
margin-bottom:0px;
padding-bottom: 8px;
text-align: left;
}



i.x-icon-pencil {
display:none;}

a.meta-comments {
    display: none;
}

/* Gallery */

.featured-image-overlay{ position:absolute; bottom:0px; left:0px; padding:3px; background:#000; color:#fff; font-size:10px; text-transform:uppercase; opacity:0.7; font-family:   'Questrial' !important; line-height:12px;}


#gallery_left_column{ float:left; clear:left; width:103%; margin:0px; padding:0px}

#gallery_right_column{ float:left; clear:right; width:940px; padding:0px}

#gallery_left_column h2, #gallery_right_column h2{ font:12px, 'Questrial'; margin:0 0 10px 0; letter-spacing:normal !important; width:97%;}

#gallery_left_column ul.gallery_list{ float:left; clear:both; margin:0; list-style-type:none;   padding:0}

#gallery_left_column ul.gallery_list li{ float:left; width:222px; height:auto; margin:0 17px 15px 0; padding:0; list-style-type:none}

#gallery_left_column ul.gallery_list li a{ float:left; padding:4px; display:block; background:#eee}

#gallery_left_column ul.gallery_list li a:hover{ text-align:center; background:#ccc; text-decoration:none !important; /* -moz-box-shadow:0 0 2px 2px #eee;  -webkit-box-shadow:0 0 2px 2px #eee; box-shadow:0 0 2px 2px #eee; */ }

#gallery_left_column ul.gallery_list li .title{ display:none; font:11px Verdana, Arial, sans-serif; border-bottom:1px solid #555; text-align:left; margin:0 0 10px 0; height:28px; overflow:hidden}

#gallery_right_column ul.gallery_list{ float:left; clear:both; list-style-type:none; margin:0; padding:0}

#gallery_right_column ul.gallery_list li{ float:left; width:222px; height:auto; margin:0 17px 15px 0; padding:0; list-style-type:none}

#gallery_right_column ul.gallery_list li a{ float:left; padding:4px; display:block; background:#eee}

#gallery_right_column ul.gallery_list li a:hover{ background:#ccc; text-decoration:none !important; /* -moz-box-shadow:0 0 2px 2px #ddd;  -webkit-box-shadow:0 0 2px 2px #ddd; box-shadow:0 0 2px 2px #ddd; */ }

#gallery_right_column ul li .title{ display:none; font:11px Verdana, Arial, sans-serif; border-bottom:1px solid #555; text-align:left; margin:0 0 10px 0; height:28px; overflow:hidden}

.play_icon, .pf_icon{ position:absolute;  
    top:50%;
    left:50%;
    transform:translate(-50%, -50%); width:32px; height:32px; background:url(images/play.png) no-repeat 0 0; opacity: 0.6 }

.play_icon2{ position:absolute; width:32px; height:32px; margin:65px 0 0 90px; background:url(images/play.png) no-repeat 0 0; opacity: 0.6 }

.pf_icon{  background-image:url(images/pf.png)}

.ci_exclusive_gallery{ float:right; clear:both; text-align:left; padding:0 5px 2px 5px; color:#fff; height:auto; background-color:#db1f14; display:block}

.homecaption {
    position: absolute;
    top: 10px;
    left: 0px;
    padding: 3px 7px 2px 7px;
    background: #000;
    color: #FFFFFF;
    font-size: 10px;
    opacity: 0.4;
    line-height: 18px;
text-transform:uppercase;
}
.tips li {
    font-size: 16px !important;
    height: 21px;
    overflow: hidden;
    font-weight: 400 !important;
    margin: 0 0 7px;
    padding-left: 18px;
    background: url(images/icons.png) no-repeat 0 -82px;
}

.homecaption:hover {
  
    opacity: 0.8; 
}


.gallerypf {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 4px 7px 2px 7px;
    background: #000;
    color: #FFFFFF;
    font-size: 10px;
    opacity: 0.7;
    line-height: 18px;
text-transform:uppercase;
}


.gallerypf:hover{
  
    opacity: 0.8; 
}



a.tip2 {
  position: relative;
  text-decoration: none;
}
a.tip2 span {display: none;}
a.tip2:hover span {
  display: block;
  position: absolute; 
  padding: .5em;
  content: attr(title);
  min-width: 120px;
  text-align: center;
  width: auto;
  height: auto;
  white-space: nowrap;
  top: -32px;
  background: rgba(0,0,0,.8);
 
 
  color: #fff;
  font-size: .86em;
}
a.tip2:hover span:after {
  position: absolute;
  display: block;
  content: "";  
  border-color: rgba(0,0,0,.8) transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  bottom: -16px;
  left:1em;
}

/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
  position: relative;
  cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: 
      opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition:    
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition:         
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
  z-index: 1000;
  padding: 8px;
  width: 160px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  font-size: 14px;
  line-height: 1.2;
}

/* Directions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
  bottom: 100%;
  left: 50%;
}

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color: #000;
  border-top-color: hsla(0, 0%, 20%, 0.9);
}

/* Top1 (default) */
 
.tooltip-top1:before,
.tooltip-top1:after {
  bottom: 100%;
  left: 90%;
  text-align:center;
}

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color: #000;
  border-top-color: hsla(0, 0%, 20%, 0.9);
}

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
  margin-left: -80px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
  -webkit-transform: translateY(-12px);
  -moz-transform:    translateY(-12px);
  transform:         translateY(-12px); 
}

/* Left */
.tooltip-left:before,
.tooltip-left:after {
  right: 100%;
  bottom: 50%;
  left: auto;
}

.tooltip-left:before {
  margin-left: 0;
  margin-right: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-left-color: #000;
  border-left-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after {
  -webkit-transform: translateX(-12px);
  -moz-transform:    translateX(-12px);
  transform:         translateX(-12px); 
}

/* Bottom */
.tooltip-bottom:before,
.tooltip-bottom:after {
  top: 100%;
  bottom: auto;
  left: 50%;
}

.tooltip-bottom:before {
  margin-top: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: #000;
  border-bottom-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
  -webkit-transform: translateY(12px);
  -moz-transform:    translateY(12px);
  transform:         translateY(12px); 
}

/* Right */
.tooltip-right:before,
.tooltip-right:after {
  bottom: 100%;
  top:0%;
  left: 100%;
}

.tooltip-right:before {
  margin-bottom: 0;
  margin-left: -12px;
  border-top-color: transparent;
  border-right-color: #000;
  border-right-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
  -webkit-transform: translateX(12px);
  -moz-transform:    translateX(12px);
  transform:         translateX(12px); 
}

/* Move directional arrows down a bit for left/right tooltips */
.tooltip-left:before,
.tooltip-right:before {
  top: 3px;
}

/* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after,
.tooltip-right:after {
  margin-left: 0;
  margin-bottom: -16px;
}
button.loadMore{
  background:rgb(213, 0, 0);
  font-size: 20px;
  font-family:   'Questrial' !important;
      font-weight: 400;
}
.infiScrollHead{
  font-size: 20px !important;
}
.scrollThumb,.scrollexcerpt{
  float:left;
  position: relative;
  min-height: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.alm-listing li p.entry-meta{
  margin-bottom: 15px;
}
.scrollexcerpt{
  width:100%;
}
.scrollThumb{
  width:216px;
      max-height: 145px;
      overflow: hidden;
      margin-bottom: 25px ;
}
.scrollThumb img{
  position: static !important;
  border-radius: 0px !important;
}
.scrollThumb ~.scrollexcerpt{
  width:70%;
  padding-left: 15px;
}
.alm-listing li h3{
  margin-bottom:0px !important;
  clear: both !important;
  width: 100%;
  
  li.no-img {
    list-style: none !important;
}
  
  .alm-listing .alm-paging-content>li.no-img, .alm-listing .alm-reveal>li.no-img, .alm-listing>li.no-img {
    padding: 0;
    list-style: none !important;
    
}
@media (max-width: 768px){
  .scrollThumb,.scrollThumb ~.scrollexcerpt{
    width:100%;
    padding-left:0px;
  }
  .scrollThumb{
    margin-bottom: 10px;
  }
}
.alm-listing li {
margin-top:20px !important; 
margin-bottom:10px !important;}
