@import url('https://fonts.googleapis.com/css?family=Baloo+Da|Exo+2|Great+Vibes|Montserrat|Nunito|Open+Sans|Poiret+One');
html {
font-family: Ubuntu, sans-serif;
font-family: 'Exo 2', sans-serif;
font-family: 'Nunito', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Poiret One', cursive;
font-family: 'Great Vibes', cursive;
font-family: 'Baloo Da', cursive;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
    font-size: 100%;
	vertical-align: baseline;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
	}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
	display: block;
}
body { width: 100%; height:auto; padding:0; margin:0; margin: auto; background: #ffffff; font-family: Ubuntu, sans-serif; font-size: 14px; color: #3c444d; }
a:link { text-decoration: none; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
a:visited {text-decoration: none; }
a:hover {text-decoration: none; }
a:active { text-decoration: none; } 
ol, ul, li { list-style-type:none; }
h1 {font-family: 'Nunito', sans-serif;}
h2 {font-family: 'Exo 2', sans-serif;}

#wrapper { width: 100%; margin: 0 auto; }
.clear {clear: both;}
img {
  max-width: 100%;
}
#header {width: auto; height: auto; margin: 0 auto; padding: 0 2%;}


#content {width: 100%; min-height: 400px; padding: 0 2%; margin: 35px auto; text-align: justify;}
#content h1 {font-family: 'Nunito', sans-serif; font-size: 36px; padding: 10px; }
#content h2 {font-family: 'Exo 2', sans-serif; font-size: 28px; padding: 10px;}

.cd-header {
  position: absolute;
  z-index: 999999999999;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cd-primary-nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
   z-index: 9999999999999999;

}
/* -------------------------------- 

Slider

-------------------------------- */
.cd-hero {
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cd-hero-slider {
  position: relative;
  height: 360px;
  overflow: hidden;
}
.cd-hero-slider li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.cd-hero-slider li.selected {
  /* this is the visible slide */
  position: relative;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-hero-slider li.move-left {
  /* slide hidden on the left */
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.cd-hero-slider li.is-moving, .cd-hero-slider li.selected {
  /* the is-moving class is assigned to the slide which is moving outside the viewport */
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  transition: transform 0.5s;
}
@media only screen and (min-width: 768px) {
  .cd-hero-slider {
    height: 500px;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-hero-slider {
    height: 680px;
  }
}

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

Single slide style

-------------------------------- */
.cd-hero-slider li {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.cd-hero-slider li:first-of-type {
  background-color: #000000;
}
.cd-hero-slider li:nth-of-type(2) {
  background-color: #000000;
  background-image: url("../assets/tech-1-mobile.jpg");
}

.cd-hero-slider li:first-of-type(3) {
  background-color: #000000;
  background-image: url("../assets/tech-2-mobile.jpg");
}
.cd-hero-slider li:nth-of-type(4) {
  background-color: #000000;
  background-image: url("../assets/video-replace-mobile.jpg");
}
.cd-hero-slider li:nth-of-type(5) {
  background-color: #000000;
  background-image: url(http://ahsanmanzil.org.bd/site/images/img.jpg);
}
.cd-hero-slider .cd-full-width,
.cd-hero-slider .cd-half-width {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  /* this padding is used to align the text */
  padding-top: 100px;
  text-align: center;
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.cd-hero-slider .cd-img-container {
  /* hide image on mobile device */
  display: none;
}
.cd-hero-slider .cd-img-container img {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.cd-hero-slider .cd-bg-video-wrapper {
  /* hide video on mobile device */
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.cd-hero-slider .cd-bg-video-wrapper video {
  /* you won't see this element in the html, but it will be injected using js */
  display: block;
  min-height: 100%;
  min-width: 100%;
  max-width: none;
  height: auto;
  width: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.cd-hero-slider h2, .cd-hero-slider p {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  line-height: 1.2;
  margin: 0 auto 14px;
  color: #ffffff;
  width: 90%;
  max-width: 400px;
}
.cd-hero-slider h2 {
  font-size: 2.4rem;
}
.cd-hero-slider p {
  font-size: 1.4rem;
  line-height: 1.4;
}
.cd-hero-slider .cd-btn {
  display: inline-block;
  padding: 1.2em 1.4em;
  margin-top: .8em;
  background-color: rgba(212, 68, 87, 0.9);
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 1px;
  color: #ffffff;
  text-transform: uppercase;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.cd-hero-slider .cd-btn.secondary {
  background-color: rgba(22, 26, 30, 0.8);
}
.cd-hero-slider .cd-btn:nth-of-type(2) {
  margin-left: 1em;
}
.no-touch .cd-hero-slider .cd-btn:hover {
  background-color: #d44457;
}
.no-touch .cd-hero-slider .cd-btn.secondary:hover {
  background-color: #161a1e;
}
@media only screen and (min-width: 768px) {
  .cd-hero-slider li:nth-of-type(2) {
    background-image: none;
  }
  .cd-hero-slider li:nth-of-type(3) {
    background-image: none;
  }
  .cd-hero-slider li:nth-of-type(4) {
    background-image: none;
  }
  .cd-hero-slider .cd-full-width,
  .cd-hero-slider .cd-half-width {
    padding-top: 150px;
  }
  .cd-hero-slider .cd-bg-video-wrapper {
    display: block;
  }
  .cd-hero-slider .cd-half-width {
    width: 45%;
  }
  .cd-hero-slider .cd-half-width:first-of-type {
    left: 5%;
  }
  .cd-hero-slider .cd-half-width:nth-of-type(2) {
    right: 5%;
    left: auto;
  }
  .cd-hero-slider .cd-img-container {
    display: block;
  }
  .cd-hero-slider h2, .cd-hero-slider p {
    max-width: 520px;
  }
  .cd-hero-slider h2 {
    font-size: 2.4em;
    font-weight: 300;
  }
  .cd-hero-slider .cd-btn {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-hero-slider .cd-full-width,
  .cd-hero-slider .cd-half-width {
    padding-top: 220px;
  }
  .cd-hero-slider h2, .cd-hero-slider p {
    margin-bottom: 20px;
  }
  .cd-hero-slider h2 {
    font-size: 3.2em;
  }
  .cd-hero-slider p {
    font-size: 1.6rem;
  }
}

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

Single slide animation

-------------------------------- */
@media only screen and (min-width: 768px) {
  .cd-hero-slider .cd-half-width {
    opacity: 0;
    -webkit-transform: translateX(40px);
    -moz-transform: translateX(40px);
    -ms-transform: translateX(40px);
    -o-transform: translateX(40px);
    transform: translateX(40px);
  }
  .cd-hero-slider .move-left .cd-half-width {
    -webkit-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    -o-transform: translateX(-40px);
    transform: translateX(-40px);
  }
  .cd-hero-slider .selected .cd-half-width {
    /* this is the visible slide */
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-hero-slider .is-moving .cd-half-width {
    /* this is the slide moving outside the viewport 
    wait for the end of the transition on the <li> parent before set opacity to 0 and translate to 40px/-40px */
    -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
    -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s;
    transition: opacity 0s 0.5s, transform 0s 0.5s;
  }
  .cd-hero-slider li.selected.from-left .cd-half-width:nth-of-type(2),
  .cd-hero-slider li.selected.from-right .cd-half-width:first-of-type {
    /* this is the selected slide - different animation if it's entering from left or right */
    -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
    -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s;
    transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;
  }
  .cd-hero-slider li.selected.from-left .cd-half-width:first-of-type,
  .cd-hero-slider li.selected.from-right .cd-half-width:nth-of-type(2) {
    /* this is the selected slide - different animation if it's entering from left or right */
    -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s;
    -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s;
    transition: opacity 0.4s 0.4s, transform 0.5s 0.4s;
  }
  .cd-hero-slider .cd-full-width h2,
  .cd-hero-slider .cd-full-width p,
  .cd-hero-slider .cd-full-width .cd-btn {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }
  .cd-hero-slider .move-left .cd-full-width h2,
  .cd-hero-slider .move-left .cd-full-width p,
  .cd-hero-slider .move-left .cd-full-width .cd-btn {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  .cd-hero-slider .selected .cd-full-width h2,
  .cd-hero-slider .selected .cd-full-width p,
  .cd-hero-slider .selected .cd-full-width .cd-btn {
    /* this is the visible slide */
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-hero-slider li.is-moving .cd-full-width h2,
  .cd-hero-slider li.is-moving .cd-full-width p,
  .cd-hero-slider li.is-moving .cd-full-width .cd-btn {
    /* this is the slide moving outside the viewport 
    wait for the end of the transition on the li parent before set opacity to 0 and translate to 100px/-100px */
    -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
    -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s;
    transition: opacity 0s 0.5s, transform 0s 0.5s;
  }
  .cd-hero-slider li.selected h2 {
    -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
    -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s;
    transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;
  }
  .cd-hero-slider li.selected p {
    -webkit-transition: opacity 0.4s 0.3s, -webkit-transform 0.5s 0.3s;
    -moz-transition: opacity 0.4s 0.3s, -moz-transform 0.5s 0.3s;
    transition: opacity 0.4s 0.3s, transform 0.5s 0.3s;
  }
  .cd-hero-slider li.selected .cd-btn {
    -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s, background-color 0.2s 0s;
    -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s, background-color 0.2s 0s;
    transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, background-color 0.2s 0s;
  }
}
/* -------------------------------- 

Slider navigation

-------------------------------- */
.cd-slider-nav {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 2;
  text-align: center;
  height: 55px;
  background-color: rgba(0, 1, 1, 0.5);
}
.cd-slider-nav nav, .cd-slider-nav ul, .cd-slider-nav li, .cd-slider-nav a {
  height: 100%;
}
.cd-slider-nav nav {
  display: inline-block;
  position: relative;
}
.cd-slider-nav .cd-marker {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 60px;
  height: 100%;
  color: #d44457;
  background-color: #ffffff;
  box-shadow: inset 0 2px 0 currentColor;
  -webkit-transition: -webkit-transform 0.2s, box-shadow 0.2s;
  -moz-transition: -moz-transform 0.2s, box-shadow 0.2s;
  transition: transform 0.2s, box-shadow 0.2s;
}
.cd-slider-nav .cd-marker.item-2 {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.cd-slider-nav .cd-marker.item-3 {
  -webkit-transform: translateX(200%);
  -moz-transform: translateX(200%);
  -ms-transform: translateX(200%);
  -o-transform: translateX(200%);
  transform: translateX(200%);
}
.cd-slider-nav .cd-marker.item-4 {
  -webkit-transform: translateX(300%);
  -moz-transform: translateX(300%);
  -ms-transform: translateX(300%);
  -o-transform: translateX(300%);
  transform: translateX(300%);
}
.cd-slider-nav .cd-marker.item-5 {
  -webkit-transform: translateX(400%);
  -moz-transform: translateX(400%);
  -ms-transform: translateX(400%);
  -o-transform: translateX(400%);
  transform: translateX(400%);
}
.cd-slider-nav ul::after {
  clear: both;
  content: "";
  display: table;
}
.cd-slider-nav li {
  display: inline-block;
  width: 60px;
  float: left;
}
.cd-slider-nav li.selected a {
  color: #2c343b;
}
.no-touch .cd-slider-nav li.selected a:hover {
  background-color: transparent;
}
.cd-slider-nav a {
  display: block;
  position: relative;
  padding-top: 35px;
  font-size: 1rem;
  font-weight: 700;
  color: #a8b4be;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.cd-slider-nav a::before {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  top: 8px;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url(http://ahsanmanzil.org.bd/site/images/slidenav.svg) no-repeat 0 0;
}
.no-touch .cd-slider-nav a:hover {
  background-color: rgba(0, 1, 1, 0.5);
}
.cd-slider-nav li:first-of-type a::before {
  background-position: 0 0;
}
.cd-slider-nav li.selected:first-of-type a::before {
  background-position: 0 -24px;
}
.cd-slider-nav li:nth-of-type(2) a::before {
  background-position: -24px 0;
}
.cd-slider-nav li.selected:nth-of-type(2) a::before {
  background-position: -24px -24px;
}
.cd-slider-nav li:nth-of-type(3) a::before {
  background-position: -48px 0;
}
.cd-slider-nav li.selected:nth-of-type(3) a::before {
  background-position: -48px -24px;
}
.cd-slider-nav li:nth-of-type(4) a::before {
  background-position: -72px 0;
}
.cd-slider-nav li.selected:nth-of-type(4) a::before {
  background-position: -72px -24px;
}
.cd-slider-nav li:nth-of-type(5) a::before {
  background-position: -96px 0;
}
.cd-slider-nav li.selected:nth-of-type(5) a::before {
  background-position: -96px -24px;
}
@media only screen and (min-width: 768px) {
  .cd-slider-nav {
    height: 80px;
  }
  .cd-slider-nav .cd-marker,
  .cd-slider-nav li {
    width: 95px;
  }
  .cd-slider-nav a {
    padding-top: 48px;
    font-size: 1.1rem;
    text-transform: uppercase;
  }
  .cd-slider-nav a::before {
    top: 18px;
  }
}


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

Hero Slide Javascript disabled

-------------------------------- */
.no-js .cd-hero-slider li {
  display: none;
}
.no-js .cd-hero-slider li.selected {
  display: block;
}

.no-js .cd-slider-nav {
  display: none;
}

/* -------------------------------- 
General css

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

.c50left {width: 50%; height: auto; padding-right: 12px; float: left; text-align: justify;}
.c50right {width: 50%; height: auto; padding-left: 12px; float: right; text-align: justify;}
@media screen and (max-width: 1080px) and (min-width: 768px) {
.c50left {width: 100%; float: none; clear: both;}
.c50right {width: 100%; float: none; margin-top: 50px; clear: both;}
}
@media screen and (max-width: 767px) and (min-width: 220px)  {
.c50left {width: 100%; float: none; clear: both;}
.c50right {width: 100%; float: none; margin-top: 50px; clear: both;}
.aboutbtmspan {width: 96%; padding: 10px; margin-top: 30px;}    
}

article { display: block; float: left; width: 25%; height: auto; background: #F0F0F0; border: 2px solid #ffffff; border-radius: 3px; padding: 15px; text-align: justify; -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; }
article h3 {font-family: 'Exo 2', sans-serif; font-size: 16px; font-weight: bold; clear: both;}
article:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: 0; background: #F2910D; height: 8px; -webkit-transition-property: left, right;
  transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
article:hover:before, article:focus:before, article:active:before { left: 0; right: 0; }
@media screen and (max-width: 1080px) and (min-width: 768px) { article { width: 50%; height: auto;} }
@media screen and (max-width: 767px) and (min-width: 220px) { article { width: 100%; height: auto; clear: both;} }
#gallery { width: 100%; min-height: 0px; height:auto; margin: auto; padding:40px 0.0005%;}
#gallery img {width: 19.8%; height: 200px; box-sizing: border-box; border: 10px solid #e2e2e2; border-radius: 3px; padding: 2px;}
@media screen and (max-width: 1080px) and (min-width: 768px) {
#gallery img {width: 32%; height: 200px; box-sizing: border-box; border: 10px solid #e2e2e2; border-radius: 3px; padding: 2px;}
}    
@media screen and (max-width: 767px) and (min-width: 220px)  {
#gallery img {width: 49%; height: 160px; box-sizing: border-box; border: 10px solid #e2e2e2; border-radius: 3px; padding: 2px;}    
}    
#contactus { width: 100%; height: 820px; margin: auto; padding:100px 2%; background-image:url('contact-bg.jpg'); background-repeat: no-repeat; background-size: 100% 100%;  background-attachment: fixed;}
#footer { display: block; width: 100%; min-height: 450px; height:auto; margin: auto; padding: 70px 2%; background: #0A1E27; background-image:url('footerbg.jpg'); background-repeat:no-repeat; background-size: 100% 100%;  background-attachment: fixed;
font-family: 'Open Sans', sans-serif; color: #CCD6E0; -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; }
.f25 { display: block; width: 25%; min-height: 200px; height: auto; float: left; padding: 5px; margin-bottom: 25px; }
.f25 li { list-style-image: url('rightarrow14.png'); list-style-position: inside; }
.f25 li a { color: #CCD6E0; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: bold; line-height: 20px; text-transform: uppercase; }
.f25 li a:hover {color:#0099FF;}
.f25 img { -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden;
  backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform;
    -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; }
.f25 img:hover, .f25 img:focus, .f25 img:active { opacity: 0.5; -webkit-transform: skew(-20deg); transform: skew(-20deg); }
.f25 h3 {font-weight: bold; font-size: 16px; margin-bottom: 15px;}
.f50 { display: block; font-family: 'Nunito', sans-serif; font-size: 14px; font-weight: bold; width: 50%; min-height: 100px; height: auto; float: left; padding: 10px 0px;}

#footer input[type=text], select { width: 100%; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; font-family: 'Open Sans', sans-serif;
    font-weight: bold; color: #26A8FF; -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out }
#footer input[type=text]:focus {background:#8CD1FF;}
#footer input[type=submit] { width: 60%; background-color: #009900; color: #E6F5E6; padding: 14px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer; float: right;
    font-family: 'Open Sans', sans-serif; font-weight: bold; -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; }
#footer input[type=submit]:hover { background-color: #0075ED; }
@media screen and (max-width: 1080px) and (min-width: 768px) {
#footer {display: block; width: 100%; min-height: 650px; height: auto; margin: auto; padding: 20px 2%;}
.f25 { width: 50%;}    
.f50 {  width: 100%; float: none; clear: both;}
}
@media screen and (max-width: 767px) and (min-width: 220px) {
#footer {display: block; width: 100%; min-height: 800px; height: auto; margin: auto; padding: 20px 2%;}
.f25 { width: 100%; float: none; clear: both;}    
.f50 { width: 100%; float: none; clear: both;}
}

/* index bottom start */
#services {display: block; width: 100%; height: auto; padding: 20px 2%; margin: auto;}
.slideview { text-align: justify; }
.slideview img{ float: right; margin-left: 25px; }
.t400 { display: block;  font-family: 'Montserrat', sans-serif; font-size: 400%; text-align: left; }
/* Testimonial Divitions Start */
#testimonials { background: #FFFFFF; padding-top: 10px; padding-bottom: 10px; position: relative; height: auto; width: 100%; overflow: hidden; 	}
#testimonials .flex-container { width: 100%; max-width: 100%; min-height: 400px; margin: 0 auto; }
#testimonial-slider { margin: 0; position: relative; }
#testimonial-slider p { font-family: 'Open Sans', sans-serif; font-size: 2.5rem; line-height: 1.8; color: #8d8d8d; }
#testimonial-slider p::before, #testimonial-slider p::after { display: inline; font-family: 'Open Sans', sans-serif; color: #c7c7c7; font-size: 2rem; line-height: 0; vertical-align: bottom;
	position: relative; top: -1.2rem; }
#testimonials .flex-control-nav { width: 100%; text-align: center; display: block; position: absolute; bottom: -42px; }
#testimonials .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; }
#testimonials .flex-control-paging li a { width: 15px; height: 15px; display: block; border: 4px solid #8d8d8d; cursor: pointer; border-radius: 50%; font: 0/0 a; text-shadow: none; color: transparent; }
#testimonials .flex-control-paging li a:hover { border: 4px solid #05bca9; }
#testimonials .flex-control-paging li a.flex-active { background: #05bca9; border-color: #05bca9; cursor: default; }
#testimonials .flex-direction-nav li { padding: 0; z-index: 500; position: absolute; bottom: 0; margin-bottom: -57px; }
#testimonials .flex-direction-nav li a { display: block; opacity: .8; font: 0/0 a; text-shadow: none; color: transparent; }
#testimonials .flex-direction-nav li a.flex-prev::before,
#testimonials .flex-direction-nav li a.flex-next::after { display: block; background: #EAEAED; color: #737373; border-radius: 5px; font-family: 'Open Sans', sans-serif; font-size: 18px; height: 48px; width: 48px; line-height: 48px; text-align: center; -moz-transition: all 0.3s ease-in-out; 	-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;	-ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#testimonials .flex-direction-nav li a.flex-prev::before { display: none; content: "\f2ca"; }
#testimonials .flex-direction-nav li a.flex-next::after { display: none; content: "\f30f"; }
#testimonials .flex-direction-nav li a.flex-next:hover::after,
#testimonials .flex-direction-nav li a.flex-prev:hover::before { background: #05bca9; color: #FFFFFF; }
#testimonials .flex-direction-nav li.flex-nav-prev { left: 0; }
#testimonials .flex-direction-nav li.flex-nav-next { right: 0; }
@media only screen and (max-width: 1080px) and (min-width:768px) {
	#testimonials .flex-container {	width: 100%; height: auto; 	}
	#testimonial-slider { font-size: 14px; 	}
.slideview img{ display: block;  width: 100%;  height: 350px; float: none; margin: 5px auto; clear: both; }
.t400 { font-size: 300%; text-align: left;}
}
@media only screen and (max-width: 767px) and (min-width:220px) {
	#testimonials .flex-container { width: 100%; height: auto;	}
	#testimonial-slider { font-size: 14px;	}
.slideview img{ display: block; width: 90%; height: 300px; margin: 5px auto; float: none;  clear: both; }
.t400 { font-size: 150%; text-align: center; }
}

/* start feedback forms */
.field_set { width: 100%; height: auto; padding: 5px; font-family: 'Open Sans', sans-serif; }
.field_set p { font-size: 14px; line-height:16px; text-align: left; color: #3c444d;  margin: 5px; padding: 0px; font-weight: bold; }
.form_title { width: 20%; height: auto; display: inline-block; padding: 10px 10px; border: 1px solid #BFCCD9; font-weight: bold;  font-size: 14px; text-align: center; color:#3c444d;  }
.field_set input[type="text"] { font-size: 14px; border: 1px solid #BFCCD9; color: #01A9DB; font-weight: bold; padding: 10px 10px; width:60%; -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; }
.field_set input[type="text"]:focus {background: #99D6FF;}
.field_set textarea {width:60%; font-size: 14px; font-weight: bold; color: #003366; border: 1px solid #BFCCD9; padding: 10px 10px; -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;   }
.field_set textarea:focus {background: #0099FF; color: #BFE6FF;}
.field_set input[type="submit"] { font-size: 16px; font-weight: bold; text-shadow: 1px 1px #000000; background: #009900; color: #E6F5E6; padding: 15px 35px; border: none; border-radius: 3px; margin: 15px 20%;  -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; }
.field_set input[type="submit"]:hover {background: #0057FF; cursor: pointer;}
.required { font-size: 16px; color: #ff0000; position: relative; top: 1px; margin: 0px 3px;}
.not_required { font-size: 16px; color: #45c2ed; position: relative; top: 1px; margin: 0px 3px; }
.form_message_success { width: 90%; height: auto; font-size: 14px; color: #0579fc; display: block; padding: 10px; border: 0px solid #45c2ed; margin: 10px 0px; }
.form_message_fail { width: 90%; height: auto;font-size: 14px; color: #ff0000; display: block; padding: 10px; border: 0px solid #ff0000; margin: 10px 0px; }
.yes { font-size: 14px; color: #01A9DB; padding: 5px; }
.no { font-size: 14px; color: #FF6600; padding: 5px; }
/* End feedback forms */
/* start lightbox */
.lightbox body:after { content: url(close.png) url(loading.gif) url(prev.png) url(next.png); display: none; }
.lightboxOverlay { position: absolute;  top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; }
.lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; }
.lightbox .lb-image { display: block; height: auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.lightbox a img { border: none; }
.lb-outerContainer { position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px;
  -o-border-radius: 4px; border-radius: 4px; }
.lb-outerContainer:after { content: ""; display: table; clear: both; }
.lb-container { padding: 0px; }
.lb-loader { position: absolute; top: 43%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
.lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto;  background: url(loading.gif) no-repeat; }
.lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
.lb-container > .nav { left: 0; }
.lb-nav a { outline: none; }
.lb-prev, .lb-next { width: 49%; height: 100%; cursor: pointer; display: block; }
.lb-prev { left: 0; float: left; }
.lb-prev:hover { background: url(prev.png) left 48% no-repeat; }
.lb-next { right: 0; float: right; }
.lb-next:hover { background: url(next.png) right 48% no-repeat; }
.lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.lb-dataContainer:after { content: ""; display: table; clear: both; }
.lb-data { padding: 0 4px; color: #bbbbbb; }
.lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; }
.lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; }
.lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; }
.lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
/* end lightbox */