html, body, body div, object, iframe, a, p, blockquote, em, img, strong, b, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, figure, footer, header, hgroup, nav, section, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
	/*font-family: Verdana, Geneva, sans-serif;*/
	font-family: "Roboto","Helvetica Neue","Helvetica","Arial",sans-serif !important;
}
h1, h2, h3, h4, h5, h6, h7 {
	font-family: "Merriweather","Roboto Slab","Georgia","Times New Roman","Times",serif;
}

/* ul {
    list-style: none;
} */
article, aside, figure, footer, header, nav, div {
    /*display: block;*/
    position: relative;
}
body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    min-height: 100vh;
}

/*.shy-header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  background: rgba(29, 29, 29, 0.8);
}
.is-watching {
  -webkit-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0);
}*/
header {
	border-bottom: 2px solid #BBBBBB;
	
}
header div,ul,li,a {
	height: inherit;
}
header {
    background: #979c9c;
    height: 80px;
    line-height: 80px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}
header figure {
    width: 95px;
    height: 55px;
    margin-left: 20px;
	margin-top: 20px;
    border-radius: 0;
    overflow: hidden;
    background: #fff;
    vertical-align: middle;
    display: inline-block;
	padding: 0;
    box-sizing: border-box;
}
figure img {
	width: 100%;
	height: auto;
	vertical-align: inherit;
}
@media screen and (max-width: 575px) {

header figure {
    width: 95px;
    height: 55px;
    margin-left: 20px;
	margin-top: 14px;
    border-radius: 0;
    overflow: hidden;
    background: #fff;
    vertical-align: middle;
    display: inline-block;
	padding: 0;
    box-sizing: border-box;
}
figure img {
	width: 100%;
	height: auto;
	vertical-align: inherit;
}
}
header nav {
    display: inline-block;
    margin-left: 60px;
}
header nav li {
    height: 20px;
    border-radius: 3px;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    width: 80px;
    margin-right: 20px;
}
header nav li:last-child {
    margin: 0;
}

/*footer {
    text-align: center;
}
footer span {
    height: 20px;
    border-radius: 3px;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    width: 70px;
    margin-right: 20px;
}
footer span:last-child {
    margin: 0;
}*/




/********************************************************** mobile ***********************************/
/********************************************************** mobile ***********************************/
/********************************************************** mobile ***********************************/
/********************************************************** mobile ***********************************/
/********************************************************** mobile ***********************************/
/********************************************************** mobile ***********************************/
/********************************************************** mobile ***********************************/
/********************************************************** mobile ***********************************/
/********************************************************** mobile ***********************************/
/********************************************************** mobile ***********************************/
/********************************************************** mobile ***********************************/


@media screen and (min-width: 980px) {
    
	.mobileMenu {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    position: fixed;
    top: 0px;
    bottom: 0;
    margin: auto;
    left: 0;
    -webkit-transition: all ease 0.25s;
    transition: all ease 0.25s;
  }
  .mobileMenu.open {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  .mobileMenu .navbar-nav {
    overflow-y: auto;
  }
  .overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
  }
  .overlay.open {
    display: block;
    z-index: 1029;
  }
}

.demo_3 article {
    padding: 0;
}
.demo_3 article:nth-child(1) {
    background: #c15134;
}
.demo_3 article:nth-child(1) figure, .demo_3 article:nth-child(1) p {
    background: #d36245;
}
.demo_3 article:nth-child(2) {
    background: #f2e6cd;
}
.demo_3 article:nth-child(2) figure, .demo_3 article:nth-child(2) p {
    background: #ded3bc;
}
.demo_3 article:nth-child(3) {
    background: #93a748;
}
.demo_3 article:nth-child(3) figure, .demo_3 article:nth-child(3) p {
    background: #84983a;
}
.demo_3 article:nth-child(4) {
    background: #979c9c;
}
.demo_3 article:nth-child(4) figure, .demo_3 article:nth-child(4) p {
    background: #a4a9a9;
}
.demo_3 article:nth-child(odd) figure, .demo_3 article:nth-child(odd) div {
    float: left;
}
.demo_3 article:nth-child(odd) div {
    padding-left: 40px;
}
.demo_3 article:nth-child(even) figure, .demo_3 article:nth-child(even) div {
    float: right;
}
.demo_3 article:nth-child(even) div {
    padding-right: 40px;
}
.demo_3 section {
    max-width: 1000px;
    padding: 20px;
    min-height: 100vh;
    margin: 0 auto;
}
@media screen and (min-width: 640px) {
    .demo_3 section {
    padding: 40px;
}
}
@media screen and (min-width: 1024px) {
    .demo_3 section {
    padding: 60px;
}
}
@media screen and (max-width: 640px) {
    .demo_3 section figure {
    width: 45%}
.demo_3 section div {
    width: 55%}
}

footer {
	width: 100%;
	height: auto;
	background: #FFFFFF;
	border-top: 1px solid #C8C8C8;
	}
footer .followus {
	width: 100%;
    font-size: 0.9em;
    font-weight: bolder;
    color: #093266;
    text-align: left;
    padding: 15px 100px;
    border-bottom: 1px solid #C8C8C8;
    line-height: 1;
    height: 45px;
	margin-bottom:20px;
	}
footer .iisdlogo {
	
	width: 130px;
    height: 55px;
    margin-left: 0;
    margin-top: 20px;
    border-radius: 0;
    overflow: hidden;
    background: #fff;
    padding: 0;
    box-sizing: border-box;
    margin: 10px 0px 10px 95px;
    float: left;
}

.iisdlogo img {
	width: 130px;
    height: auto;
    vertical-align: inherit;	
	}
footer .description {
	font-size: 0.4em;
	font-weight: normal;
	color: #093266;
	text-align: left;	
	padding-left: 0px;
	padding: 10px 100px;	
	float: right;
	box-sizing: border-box;
	}
footer .description a{
	font-size: 0.4em;
	font-weight: bold;
	color: #093266;
	text-align: left;	
	}