* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
	background-color: #f4f4f4;
	color:#707070;
	font-family: 'Source Sans Pro', sans-serif;
	-moz-transition: padding-top 0.5s ease;
	-o-transition: padding-top 0.5s ease;
	-webkit-transition: padding-top 0.5s ease;
	transition: padding-top 0.5s ease;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.2;
}

/* To maintain the navbar at the bottom of the header */
header {
  width: 100%;
  font-size:16px;
  height:auto;
  /*color: rgba(255, 255, 255, 0.65);*/
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 300;
	line-height: 1.5;
	margin: 0 0 10px 0; 
}

h1 {
	margin: 82px auto 26px auto;
	font-size: 66px;
	font-family: 'Source Sans Pro', sans-serif;
	padding: 0px;
	font-weight:300;
	color: #828282;
	text-align: center;
	line-height: 1.0;
	letter-spacing: -0.4px;
}

strong, b {
	font-weight: 400;
}

/*-------------------Top Navbar------------------*/

.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: middle;
}

.navbar .static-nav {
  text-align: center;
  margin-top:6px;
}

.affix .static-nav{
	margin-top:0px;
}

.navbar {
	min-height: 46px !important; /* was 48px - height of top nav*/
}

.navbar-default {
	background-color: transparent; /*bg color of nav before affix - with header present */
	border-color: transparent;
	margin-bottom: 0px;
}


/* To maintain the navbar at the top once it is affixed */
.affix {
    top: 0;
	left:0;
	right:0;
    width: 100%;
	padding: 0.4em 0.4em;   /* was 0.5em 1em;   */
	background-color: rgba(244, 244, 244, 0.90); /* was 0.95 -opacity top sticky menu */
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	z-index: 4000; /* was 10000 - reduced value because preloader needs higher value */
}

/* Padding for a smooth affix */
.affix + .container-fluid {
	padding-top: 0px;
}

.navbar ul li a {
	-moz-transition: font-size 0.2s ease;
	-webkit-transition: font-size 0.2s ease;
	-ms-transition: font-size 0.2s ease;
	transition: font-size 0.2s ease;
	display: inline-block;
	height: 31px; /*36*/
	color:#333;/*333 top nav bar hover/text*/
	line-height: 28px; /*was 36 but 28 centers text - vertical*/
	padding: 0 20px;
	margin:auto 4px;
	border: 2px solid;
	border-color: #ffffff;
	font-size:16px;
	font-weight:400;
	border-radius: 4px;
	letter-spacing: -0.4px;
	box-shadow: inset 0 0 0 1px transparent;
}

.navbar ul li a:hover {
	background: rgba(244, 244, 244, 0.90) !important;
	color: #333;
}

.navbar ul li a.active, .navbar ul li a.active:hover, .navbar ul li a.active:focus {
	background-color: #ffffff !important;
	box-shadow: none;
	}

.sticky-header header{
	background-color: #f4f4f4;
}

/*-------------------end Top Navbar------------------*/


.wrapper{
	height:auto;
	min-height:500px; /* was 1000 but too tall on mobile*/
	width:100%;
	background-color: #f4f4f4;
}

.wrapper a{
	color:#333;
	text-decoration:none;
}

h2 {
  font-size: 32px;
  font-weight: 300;
  line-height: 1.5;
  color: #636363;
  font-family: 'Source Sans Pro', sans-serif;
}

p {
	margin-bottom: 2rem;
	line-height: 1.6;
	color: #707070;
	text-align:left;
	font-family: 'Source Sans Pro', sans-serif;
	letter-spacing: 0.2px;
}

hr{
	display:block;
	margin:0px;
	background:#ddd;
	height:0px;
	width:100%;
	border-bottom:2px solid #ddd;
}

ul{
	float:left;
	margin:0px;
	margin-left:-40px;
}

.cv-mobile ul li{
	list-style-type:none;
	padding:4px 0px;
	text-align:left;
	font-family: 'Source Sans Pro', sans-serif;
}

.cv-mobile ul li a{
	-moz-transition: color 0.2s ease, border-bottom 0.2s ease;
	-webkit-transition: color 0.2s ease, border-bottom 0.2s ease;
	-ms-transition: color 0.2s ease, border-bottom 0.2s ease;
	transition: color 0.2s ease, border-bottom 0.2s ease;
	text-decoration: none;
	border-bottom: dotted 1px;
	color: #636363;
}

.cv-mobile ul li a:hover{
	border-bottom-color:  #333 /*was transparent;*/;
	border-bottom-width: thin;
	border-bottom-style: solid;
}

section {
  padding:80px 60px;
  margin: 0 50px!important;
  background-color: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 8px;
}

.images-page{
	padding:38px 85px 80px 85px;
}

.header{
	margin: 0 50px!important;
	padding:0px;
}

.tab-content p{
	text-indent:0px;
}

.scroll-to-top {
  width: 30px;
  height: 30px;
  border-radius:100px;
  text-decoration: none;
  position: fixed;
  bottom: 90px;
  right: 80px;/*20px*/
  display: none;
  z-index: 2000;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  overflow: hidden;
  cursor:pointer;
}

footer{
	width:100%;
	height:auto;
	min-height:60px;
	background:#f4f4f4;
}

footer, footer a, footer a:hover, footer a:focus{
	color:#333;
	text-decoration:none;
	line-height:60px;
	text-align:center;
}

/* Sticky Header Style */
/* ---------------------------------------- */
body.sticky-header {
  padding-top: 100px;
}
body.sticky-header header {
  height: 60px;
}
body.sticky-header header h1 {
  -moz-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
}


.container-fluid.no-gutter {
	padding: 0px;
}

.item {
  background:#fff;
  padding:5px;
}

.no-gutter .item-wrap{
	margin:5px 10px;
}

.cv-mobile{
	float:left;
	margin-bottom:50px;
}

.item-wrap img { 
   position: relative; 
}

.item-wrap .image_text {
	float: left;
	width: 100%;
	text-align: left;
	padding: 10px 5px 5px 5px;
	font-size: 16px;
	color: #707070;
	height: 80px;
	overflow: hidden;
	box-sizing: border-box;
}

.tab-step-title { /* 'h3' titles in cv.shtml*/
	float: left;
	display: block;
	width: 100%;
	font-weight:400;
	font-family: 'Source Sans Pro', sans-serif;
	color: #333; /*match color of text in 'active' tab in date navbar*/
	text-align: left;
	font-size: 24px;
	letter-spacing: -0.4px;
	margin:20px auto 12px auto;
}

.image-border{
	border:1px solid #ddd;
}

/* Isotope Transitions
------------------------------- */
.isotope,
.isotope .item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}


/*-------------Bottom Date Navbar - Filter-------------*/

.footer-nav{
   position:fixed;
   left:0px;
   right:0px;
   bottom:0px;
   width:100%;
   background-color: rgba(244, 244, 244, 0.90);
   height:62px; /* was 72px - reduced height of tabs*/
   padding:6px; /*was 5 px above strip*/
}

.owl-theme .owl-nav.disabled + .owl-dots {
	margin-top: 6px;
	position: absolute;
	top: 34px;/*move dots was -25px*/
	left: 0px;
	right: 0px;
	margin: auto;
	overflow: hidden !important;
	height: 20px; /*space for dots*/
}

/*-------------- added by Liz ----------------------*/

.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{
	background:#f00; /*color of active dot*/
}

.owl-theme .owl-dots .owl-dot:hover span{
	background:#f00; /*color of hover dot*/
}

.owl-theme .owl-dots .owl-dot span{
	background-color: #828282;
	}

/******* HABIB - - can background of active dot be "transparent" with "no border" on android*******/
/*coded by HTP*/

#filters .owl-dots .is-checked, #filters-mobile .owl-dots .is-checked {
	background: transparent; /*active colour on datenav (bottom) dots */
	color:#666; 
	font-weight:400;
	border: 0px solid; 
	border-color: transparent;  /*for android and desktop*/
	-webkit-appearance: none;
    -moz-appearance: none;
}

/*--------------------------------------------------*/


#filters, #filters-mobile{
	margin-bottom:20px /*was 30*/;
}

#filters .owl-item .btn, #filters-mobile .owl-item .btn {
	-moz-transition: font-size 0.2s ease;
	-webkit-transition: font-size 0.2s ease;
	-ms-transition: font-size 0.2s ease;
	transition: font-size 0.2s ease;
	display: inline-block;
	height: 33px;
	color:#707070;
	line-height: 30px; /*was 36*/
	padding: 0 20px;
	border: 2px solid; /*0*/
	font-size:16px;
	font-weight:400;
	border-radius: 4px;
	box-shadow: inset 0 0 0 1px transparent;
	margin:0 2px; /*between buttons*/
	border-color: #fff;  /*for android*/
	background: transparent;
}

#filters .owl-item .btn:hover, #filters-mobile .owl-item .btn:hover {
	background: rgba(244, 244, 244, 0.90) !important; /*hover colour to match top nav */
	color: #666 !important; 
}
	
#filters .owl-item .is-checked, #filters-mobile .owl-item .is-checked {
	background: #fff; /*active colour on datenav (bottom) buttons */
	color:#666; /*darker than font color #7e7e7e*/
	font-weight:400;
	border: 2px solid; /*0*/
	border-color: #fff;  /*for android*/
	border-bottom-style: 2px solid;
	border-bottom-color: #828282;
	-webkit-appearance: none;
    -moz-appearance: none;
}

/*fancybox changes by Liz ---------------------------------*/

fancybox-bg{
	background:#f4f4f4; /*from#1e1e1e*/
	opacity:1;
}

.fancybox-is-open .fancybox-bg{
	opacity:1; /*from.87;*/
}

/*--------------------------*/




.fancybox-button {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	width: 44px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: transparent;
	color: #ddd;
	border-radius: 0;
	cursor: pointer;
	vertical-align: top;
	outline: none;
}

.fancybox-button, .fancybox-infobar__body {
	background: transparent !important;
	color:transparent !important;
}

.fancybox-slide--image {
	overflow: visible;
	background: #fff;
}

.fancybox-button--play, .fancybox-button--fullscreen, .fancybox-button--thumbs{
	display:none !important;
}

.fancybox-arrow::after {
	content: "";
	position: absolute;
	top: 28px;
	width: 40px;
	height: 40px;
	background-color: transparent  !important;
	background-image: url('..//img/next.png');
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 30px 30px;
}

.fancybox-button--close{
	background: transparent !important;
}

.fancybox-button--close::after, .fancybox-button--close::before {
	display: inline-block;
	position: absolute;
	top:5px;
	height: 20px;
	width: 20px;
	left: calc(50% - 5px);
	background-image: url('..//img/close.png');
	-webkit-transform: rotate(0deg);
    transform: rotate(0deg);
	z-index:9999999999999 !important;
}

.fancybox-caption-wrap {
	bottom: 0;
	left: 0;
	right: 0;
	padding: 60px 30px 0;
	background:transparent!important;
	pointer-events: none;
	text-align:center;
}

fancybox-caption-wrap, fancybox-infobar, fancybox-toolbar{
	opacity: 0.85; /*from 0*/
	visibility: visible;   /*from hidden*/
}

fancybox-iframe  {
	display:block;
	padding:0;
	border:0;
	height:100%
}


.fancybox-caption {
	padding: 20px 0;
	border-top: none !important;
	font-size: 16px;
	font-family: 'Source Sans Pro', sans-serif;
	color: #707070;
	line-height: 20px;
	-webkit-text-size-adjust: none;
}


/* Desplay Action with JS */
.display-block{
	display:black !important;
}
.display-none{
	display:none !important;
}

/* Footer section layout added by HTP */
section.footer-section{
      padding:0px 20px!important;
	  margin: 0px!important;
	  background-color: transparent !important;
	  -moz-border-radius: 0px !important;
	  -webkit-border-radius: 0px !important;
	  border-radius: 0px !important;
}
  
/* responsive media queries */

@media (max-width: 767px) {
	.container {
		padding-right: 0px;
		padding-left: 0px;
		margin-right: auto;
		margin-left: auto;
	}
	
	section { 
	  padding:60px 20px;
	  margin: 0px!important;
	  background-color: #fff;
	  -moz-border-radius: 4px;
	  -webkit-border-radius: 4px;
	  border-radius: 8px;
	}
	
	/*image text center align for mobile, by_HTP*/
	.images-page{
		padding:15px 20px 60px 20px;
	}
	
	.item-wrap .image_text {
		float: none;
		width: 100%;
		text-align: left;/*center*/
		display:block;
	}

	.header{
		margin: 0 0px!important;
		padding:0px;
	}
	
/*To maintain the navbar at the bottom of the header*/
	
	body {   
		font-size: 14px;
		font-weight: 300;
		line-height: 1.2;
	}

	header {
	  width: 100%;
	  height:auto;
	  color: rgba(244, 244, 244, 0.90);
	}

	h1 {
		margin: 35px auto 20px auto;
		font-size: 44px; /*40*/
		font-weight:300;
		font-family: 'Source Sans Pro', sans-serif;
		padding: 0px;
		color:#7e7e7e;
		text-align: center;
		line-height: 1.0;
		letter-spacing: -0.4px;

	}
	
	/*coded by HTP*/
	.h5, h5 {
		font-size: 12px;
	}

	.navbar .navbar-nav {
	  display: inline-block;
	  float: none;
	  vertical-align: middle;
	}
	
	.navbar .static-nav {
	  text-align: center;
	  margin-top:0px;
	}
	
	.navbar-nav {
		margin: 6px -15px;
	}

	.navbar {
		min-height: 42px /*48px*/!important; /*height of top nav*/
	}

	
	.nav li {
		display: block;
		float:left;
	}

	.navbar-default {    /*bg color of nav with header present*/
		background-color: transparent;
		border-color: transparent;
		margin-bottom: 0px;
	}


	/* To maintain the navbar at the top once it is affixed */
	.affix {
		top: 0;
		left:0;
		right:0;
		width: 100%;
		padding: 0.0em .4em;     /* 0.0em 1em; */
		background-color: rgba(244, 244, 244, 0.90);    /* 0.95 -opacity of top sticky menu background */
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		z-index: 4000; /*10000*/
	}

	/* Padding for a smooth affix */
	.affix + .container-fluid {
		padding-top: 0px;
	}
	
	.navbar ul li a {
		-moz-transition: font-size 0.2s ease;
		-webkit-transition: font-size 0.2s ease;
		-ms-transition: font-size 0.2s ease;
		transition: font-size 0.2s ease;
		display: inline-block;
		height: 31px; /*36*/
		color:#333;/*333 top nav bar hover/text*/
		line-height: 28px; /*36*/
		padding: 0 20px;
		margin:auto 4px;
		border: 2px solid;
		border-color: #fff;
		font-size:14px;
		font-weight:400;	
		border-radius: 4px;
		letter-spacing: -0.4px;
		box-shadow: inset 0 0 0 1px transparent;
	}
	

	.navbar ul li a:hover {
	background: rgba(244, 244, 244, 0.90); !important;
	color: #333;
}

	
	.navbar ul li a.active, .navbar ul li a.active:hover, .navbar ul li a.active:focus {
	background-color: #fff!important;
	box-shadow: none;
}
	
	.item {
	  background:#fff;
	  padding:5px;
	}

	/*make chagnes by HTP*/
	.no-gutter .item-wrap {
		margin: 5px auto;
		width: 100%;
		max-width: 220px;
		overflow: hidden;
	}
 
	.scroll-to-top {
	  width: 30px;
	  height: 30px;
	  border-radius:100px;
	  text-decoration: none;
	  position: fixed;
	  bottom: 85px;
	  right: 0px;
	  display: none;
	  z-index: 2000;
	  -webkit-transition: -webkit-transform 0.3s;
	  transition: -webkit-transform 0.3s;
	  transition: transform 0.3s;
	  transition: transform 0.3s, -webkit-transform 0.3s;
	  overflow: hidden;
	  cursor:pointer;
	}

	footer{
		width:100%;
		height:auto;
		min-height:40px;
		background:#f4f4f4;
	}

	footer, footer a, footer a:hover, footer a:focus{
		color:#333;
		text-decoration:none;
		line-height:35px;
		text-align:center;
	}

	/* Sticky Header Style */
	/* ---------------------------------------- */
	body.sticky-header {
	  padding-top: 100px;
	}
	body.sticky-header header {
	  height: 60px;
	}
	body.sticky-header header h1 {
	  -moz-transform: scale(0, 0);
	  -ms-transform: scale(0, 0);
	  -webkit-transform: scale(0, 0);
	  transform: scale(0, 0);
	}
	
	/* Add white shadow on zoom title mobile version by HTP*/
	.fancybox-caption-wrap {
		background: linear-gradient(180deg,transparent 0,rgba(255,255,255,.1) 20%,rgba(255,255,255,.2) 40%,rgba(255,255,255,.6) 80%,rgba(255,255,255,.8)) !important;
		pointer-events: none;
		padding: 30px 15px 0;
	}
	.fancybox-caption {
		padding: 0px 0px 5px 0px;
		color: #000;
		line-height: 20px;
		-webkit-text-size-adjust: none;
	}
 
 
}


/* responsive media queries */
@media (max-width: 320px) {
	h1 {
		margin: 15px auto 10px auto;
		font-size: 35px;
		font-weight:300;
		font-family: 'Source Sans Pro', sans-serif;
		padding: 0px;
		color:#7e7e7e;
		text-align: left;
		line-height: 1.0;
		letter-spacing: -0.4px;
	}
}

/* coded by HTP */
@media (max-width: 1100px) {
	.scroll-to-top {
	  right: 0px;/*20px*/
	}
	
	/*make chagnes by HTP*/
	.no-gutter .item-wrap {
		margin: 5px auto;
		width: 100%;
		max-width: 300px;
		overflow: hidden;
	}
}

@media (min-width: 1170px) {
	section {  
	  padding:80px 60px;
	  margin: 0 120px!important;
	  background-color: #fff;
	  -moz-border-radius: 4px;
	  -webkit-border-radius: 4px;
	  border-radius: 8px;
	}
	
	.images-page{
		padding:38px 100px 80px 100px;
	}
	
	.header{
		margin: 0 120px!important;
		padding:0px;
	}
}


/*Button orange border remove in google chorom Coded by HTP*/
#filters .owl-item .btn:focus, #filters-mobile .owl-item .btn:focus, .owl-theme .owl-dots .owl-dot:focus, button:focus {
	outline: none;
	outline: 0;
}

body,div{
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

:link:focus, :visited:focus {
    outline: none;
    background-color: black;
    color: white;
}
/*Button orange border remove in google chorom Coded by HTP*/



/*date-navbar button*/
@media (min-width: 280px) {#filters-mobile .btn{min-width:90px;}}
@media (min-width: 375px) {#filters-mobile .btn{min-width:90px;}}
@media (min-width: 500px) {#filters-mobile .btn{min-width:100px;}}
@media (min-width: 600px) {#filters-mobile .btn{min-width:100px;}}
@media (min-width: 700px) {#filters .btn, #filters-mobile .btn{min-width:100px;}}
@media (min-width: 850px) {#filters .btn, #filters-mobile .btn{min-width:100px;}}
@media (min-width: 1000px) {#filters .btn{min-width:108px;}}
@media (min-width: 1200px) {#filters .btn{min-width:115px;}}
@media (min-width: 1360px) {#filters .btn{min-width:108px;}}
@media (min-width: 1600px) {#filters .btn{min-width:128px;}}