@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot');
  src: url('fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/fontawesome-webfont.woff') format('woff'),
    url('fonts/fontawesome-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'montserratregular';
    src: url('fonts/montserrat-regular-webfont.eot');
    src: url('fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('fonts/montserrat-regular-webfont.woff') format('woff'),
         url('fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;

} 
@font-face {
    font-family: 'ralewaybold';
    src: url('fonts/raleway-bold-webfont.eot');
    src: url('fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-bold-webfont.woff2') format('woff2'),
         url('fonts/raleway-bold-webfont.woff') format('woff'),
         url('fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;

}
.rlw{
font-family: 'ralewaybold', sans-serif;
}
.mon{font-family: 'montserratregular', sans-serif;
}

body{overflow-x:hidden;}
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%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
   }
table {
	border-collapse: collapse;
	border-spacing: 0;
}
div, a, span,p{
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}

.m-10{margin-top:10px;}

.m-20{margin-top:20px;}

.m-30{margin-top:30px;}
.m-40{margin-top:40px;}
.m-60{margin-top:60px;}
.f-w{width: 100%;}
 .fl{float:left;}
 .rel{ position:relative;}
 .fr{float:right;}
 
 .blue_bg{ background-color:#27aadb}
 .smltxt{text-transform:capitalize !important;}
 
    .top_fx_dv{
width:90%;  max-width:1220px;
padding:50px 10px 20px 10px;
margin:auto;
background-color:#fff; 
position:fixed; left:0;top:0;  right:0;  z-index:99;

}

.sky__{
  font:400 25px/20px 'montserratregular';
  color: #000;text-decoration:none; display: inline-block; padding: 10px 25px;
}
.sky__:active,.sky__:focus,.sky__:hover{text-decoration: none; color: #f8aa2e}
 .logo
}
{  display: block;
    height: auto;
    position: relative;
    width: 220px;
}

 .center{width:88%; position:relative; margin:140px auto 0; max-width:1190px;
display:block;}
  .slider{
 	width:100%; position:relative; margin:auto; display:block;
	height:430px;
	
 }

/**********************
 slider styles starts
			   
 ********************/
 .fnc {
   
}
 .fnc-slider {
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  height: 430px;
}
.fnc-slider *, .fnc-slider *:before, .fnc-slider *:after {
  box-sizing: border-box;
}
.fnc-slider__slides {
  position: relative;
  height: 100%;
  -webkit-transition: -webkit-transform 1s 0.66667s;
  transition: -webkit-transform 1s 0.66667s;
  transition: transform 1s 0.66667s;
  transition: transform 1s 0.66667s, -webkit-transform 1s 0.66667s;
}
.fnc-slider .m--blend-dark .fnc-slide__inner {
  background-color: #8a8a8a;
}
.fnc-slider .m--blend-dark .fnc-slide__mask-inner {
  background-color: #575757;
}
.fnc-slider .m--navbg-dark {
  background-color: #575757;
}
.fnc-slider .m--blend-green .fnc-slide__inner {
  background-color: #6d9b98;
}
.fnc-slider .m--blend-green .fnc-slide__mask-inner {
  background-color: #27aadb;
}
.fnc-slider .m--navbg-green {
  background-color: #27aadb;
}
.fnc-slider .m--blend-red .fnc-slide__inner {
  background-color: #ea2329;
}
.fnc-slider .m--blend-red .fnc-slide__mask-inner {
  background-color: #000;
}
.fnc-slider .m--navbg-red {
  background-color: #808080;
}
.fnc-slider .m--blend-blue .fnc-slide__inner {
  background-color: #59aecb;
}
.fnc-slider .m--blend-blue .fnc-slide__mask-inner {
  background-color: #2D7791;
}
.fnc-slider .m--navbg-blue {
  background-color: #2D7791;
}
.fnc-slide {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.fnc-slide.m--before-sliding {
  z-index: 2 !important;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}
.fnc-slide.m--active-slide {
  z-index: 1;
  -webkit-transition: -webkit-transform 1s 0.66667s ease-in-out;
  transition: -webkit-transform 1s 0.66667s ease-in-out;
  transition: transform 1s 0.66667s ease-in-out;
  transition: transform 1s 0.66667s ease-in-out, -webkit-transform 1s 0.66667s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.fnc-slide__inner {
  position: relative;
  height: 100%;
  background-size: cover;
  background-position: center top;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.m--global-blending-active .fnc-slide__inner, .m--blend-bg-active .fnc-slide__inner {
  background-blend-mode: luminosity;
}
.m--before-sliding .fnc-slide__inner {
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}
.m--active-slide .fnc-slide__inner {
  -webkit-transition: -webkit-transform 1s 0.66667s ease-in-out;
  transition: -webkit-transform 1s 0.66667s ease-in-out;
  transition: transform 1s 0.66667s ease-in-out;
  transition: transform 1s 0.66667s ease-in-out, -webkit-transform 1s 0.66667s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.fnc-slide__mask{display:none;}
.fnc-slide__mask {
  overflow: hidden;
  z-index: 1;
  position: absolute;
  right: 60%;
  top: 25%;
  width:100px;
  height: 100px; 
  margin-right: -90px;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 6vh 0, 6vh 61vh, 44vh 61vh, 44vh 6vh, 6vh 6vh);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 6vh 0, 6vh 61vh, 44vh 61vh, 44vh 6vh, 6vh 6vh);
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}
.m--before-sliding .fnc-slide__mask {
  -webkit-transform: rotate(-10deg) translate3d(200px, 0, 0);
          transform: rotate(-10deg) translate3d(200px, 0, 0);
  opacity: 0;
}
.m--active-slide .fnc-slide__mask {
  -webkit-transition: opacity 0.35s 1.22222s, -webkit-transform 0.7s 1.22222s;
  transition: opacity 0.35s 1.22222s, -webkit-transform 0.7s 1.22222s;
  transition: transform 0.7s 1.22222s, opacity 0.35s 1.22222s;
  transition: transform 0.7s 1.22222s, opacity 0.35s 1.22222s, -webkit-transform 0.7s 1.22222s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
}
.m--previous-slide .fnc-slide__mask {
  -webkit-transition: opacity 0.35s 0.68333s, -webkit-transform 0.7s 0.33333s;
  transition: opacity 0.35s 0.68333s, -webkit-transform 0.7s 0.33333s;
  transition: transform 0.7s 0.33333s, opacity 0.35s 0.68333s;
  transition: transform 0.7s 0.33333s, opacity 0.35s 0.68333s, -webkit-transform 0.7s 0.33333s;
  -webkit-transform: rotate(10deg) translate3d(-200px, 0, 0);
          transform: rotate(10deg) translate3d(-200px, 0, 0);
  opacity: 0;
}
.fnc-slide__mask-inner {
  z-index: -1;
  position: absolute;
  left: 50%;
  top: 50%;   
  width: 100vw;
  height: 100vh;
  margin-left: -50vw;
  margin-top: -50vh;

  background-size: cover;
  background-position: center center;
  background-blend-mode: luminosity;
  -webkit-transform-origin: 50% 16.5vh;
          transform-origin: 50% 16.5vh;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}
.m--before-sliding .fnc-slide__mask-inner {
  -webkit-transform: translateY(0) rotate(10deg) translateX(-200px) translateZ(0);
          transform: translateY(0) rotate(10deg) translateX(-200px) translateZ(0);
}
.m--active-slide .fnc-slide__mask-inner {
  -webkit-transition: -webkit-transform 0.7s 1.22222s;
  transition: -webkit-transform 0.7s 1.22222s;
  transition: transform 0.7s 1.22222s;
  transition: transform 0.7s 1.22222s, -webkit-transform 0.7s 1.22222s;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.m--previous-slide .fnc-slide__mask-inner {
  -webkit-transition: -webkit-transform 0.7s 0.33333s;
  transition: -webkit-transform 0.7s 0.33333s;
  transition: transform 0.7s 0.33333s;
  transition: transform 0.7s 0.33333s, -webkit-transform 0.7s 0.33333s;
  -webkit-transform: translateY(0) rotate(-10deg) translateX(200px) translateZ(0);
          transform: translateY(0) rotate(-10deg) translateX(200px) translateZ(0);
}
   .fnc-slide__content {
  z-index: 2;
  position: absolute;
  left:0; right:0; margin:auto;
  top: 30%; width:75%;
}
.fnc-slide__heading {
  margin-bottom: 10px;
  text-transform: uppercase;
}
 .fnc-slide__heading-line {
  overflow: hidden;
  position: relative;
  padding-right: 20px;
  font:30px 'ralewaybold', sans-serif; 
  color: #fff; text-align:center;
  word-spacing: 10px;
}
.fnc-slide__heading-line:nth-child(2) {
  font:60px 'ralewaybold', sans-serif; 
}
.m--before-sliding .fnc-slide__heading-line {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.m--active-slide .fnc-slide__heading-line {
  -webkit-transition: -webkit-transform 1.5s 1s;
  transition: -webkit-transform 1.5s 1s;
  transition: transform 1.5s 1s;
  transition: transform 1.5s 1s, -webkit-transform 1.5s 1s;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.m--previous-slide .fnc-slide__heading-line {
  -webkit-transition: -webkit-transform 1.5s;
  transition: -webkit-transform 1.5s;
  transition: transform 1.5s;
  transition: transform 1.5s, -webkit-transform 1.5s;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.fnc-slide__heading-line span {
  display: block;
}
.m--before-sliding .fnc-slide__heading-line span {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.m--active-slide .fnc-slide__heading-line span {
  -webkit-transition: -webkit-transform 1.5s 1s;
  transition: -webkit-transform 1.5s 1s;
  transition: transform 1.5s 1s;
  transition: transform 1.5s 1s, -webkit-transform 1.5s 1s;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.m--previous-slide .fnc-slide__heading-line span {
  -webkit-transition: -webkit-transform 1.5s;
  transition: -webkit-transform 1.5s;
  transition: transform 1.5s;
  transition: transform 1.5s, -webkit-transform 1.5s;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
 .fnc-slide__action-btn {
  position: relative;
  margin-left: calc(50% - 100px);
  padding: 5px 15px;
  font-size: 20px;
  line-height: 1;
  color: transparent;
  border: none;
  text-transform: uppercase;
  background: transparent;
  cursor: pointer;
  text-align: center;
  outline: none;
}
.fnc-slide__action-btn span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  line-height: 30px;
  color: #fff;
}
.fnc-slide__action-btn span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #fff;
  border-top: none;
  border-bottom: none;
}
.fnc-slide__action-btn span:after {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 30px;
  background: #f8b448;
  opacity: 0;
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  -webkit-transform: translateY(100%) rotateX(-90deg);
          transform: translateY(100%) rotateX(-90deg);
  -webkit-transition: opacity 0.15s 0.15s;
  transition: opacity 0.15s 0.15s;
}
.fnc-slide__action-btn:hover span {
  -webkit-transform: rotateX(90deg);
          transform: rotateX(90deg);
}
.fnc-slide__action-btn:hover span:after {
  opacity: 1;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
}
.fnc-nav {
  z-index: 5;
  position: absolute;
  right: 0;
  bottom: 0;
}
.fnc-nav__bgs {
  z-index: -1;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fnc-nav__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fnc-nav__bg.m--nav-bg-before {
  z-index: 2 !important;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.fnc-nav__bg.m--active-nav-bg {
  z-index: 1;
  -webkit-transition: -webkit-transform 1s 0.66667s;
  transition: -webkit-transform 1s 0.66667s;
  transition: transform 1s 0.66667s;
  transition: transform 1s 0.66667s, -webkit-transform 1s 0.66667s;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.fnc-nav__controls {
  font-size: 0;display:none;
}
 .fnc-nav__control {
  overflow: hidden;
  
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100px;
  height: 50px;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
 .fnc-nav__control.m--active-control {
  background: #f8ab32;
}
.fnc-nav__control-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition-timing-function: linear !important;
          transition-timing-function: linear !important;
}
.m--with-autosliding .m--active-control .fnc-nav__control-progress {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.m--prev-control .fnc-nav__control-progress {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.5s !important;
  transition: -webkit-transform 0.5s !important;
  transition: transform 0.5s !important;
  transition: transform 0.5s, -webkit-transform 0.5s !important;
}
.m--reset-progress .fnc-nav__control-progress {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: -webkit-transform 0s 0s !important;
  transition: -webkit-transform 0s 0s !important;
  transition: transform 0s 0s !important;
  transition: transform 0s 0s, -webkit-transform 0s 0s !important;
}
.m--autosliding-blocked .fnc-nav__control-progress {
  -webkit-transition: all 0s 0s !important;
  transition: all 0s 0s !important;
  -webkit-transform: scaleX(0) !important;
          transform: scaleX(0) !important;
}
/**************************/

.anim_btn {
  position: relative;
  display: inline-block; 
  padding: 15px 60px;
  text-align: center;
  text-transform: uppercase;
  overflow: hidden;
  z-index: 1;
  cursor: pointer;
  font:20px "ralewaybold";
  text-decoration:none;
}
.anim_btn:focus {
  outline: none;
}

.anim_btn--primary {
  color: #616161;
}

.anim_btn--border {
  border-width: 1px;
  border-style: solid; 
  box-sizing: border-box;
}

.anim_btn--animated {
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}
.anim_btn--animated.anim_btn--border.anim_btn--primary {
  border: 5px solid #f8aa2e;
}
.anim_btn--animated:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f8aa2e;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  z-index: -1;
}
.anim_btn--animated:hover {
  color: white;
}
.anim_btn--animated:hover:before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.45, 1.64, 0.47, 0.66);
          transition-timing-function: cubic-bezier(0.45, 1.64, 0.47, 0.66);
}

/************************************/


/* NOT PART OF COMMON SLIDER STYLES */
body {
  margin: 0;
}

.demo-cont {
  overflow: hidden;
  position: relative;
  height: 430px;
  -webkit-perspective: 1500px;
          perspective: 1500px;
  background: #000;
}
.demo-cont__credits {
  box-sizing: border-box;
  overflow-y: auto;
  z-index: 1;
  position: absolute;
  right: 0;
  top: 0;
  width: 400px;
  height: 100%;
  padding: 20px 10px 30px;
  background: #303030;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #fff;
  text-align: center;
  -webkit-transition: -webkit-transform 0.7s;
  transition: -webkit-transform 0.7s;
  transition: transform 0.7s;
  transition: transform 0.7s, -webkit-transform 0.7s;
  -webkit-transform: translate3d(100%, 0, 0) rotateY(-45deg);
          transform: translate3d(100%, 0, 0) rotateY(-45deg);
  will-change: transform;
}
.credits-active .demo-cont__credits {
  -webkit-transition: -webkit-transform 0.7s 0.23333s;
  transition: -webkit-transform 0.7s 0.23333s;
  transition: transform 0.7s 0.23333s;
  transition: transform 0.7s 0.23333s, -webkit-transform 0.7s 0.23333s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.demo-cont__credits *, .demo-cont__credits *:before, .demo-cont__credits *:after {
  box-sizing: border-box;
}
.demo-cont__credits-close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 28px;
  height: 28px;
  cursor: pointer;
}
.demo-cont__credits-close:before, .demo-cont__credits-close:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 2px;
  margin-top: -1px;
  background: #fff;
}
.demo-cont__credits-close:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.demo-cont__credits-close:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.demo-cont__credits-heading {
  text-transform: uppercase;
  font-size: 40px;
  margin-bottom: 20px;
}
.demo-cont__credits-img {
  display: block;
  width: 60%;
  margin: 0 auto 30px;
  border-radius: 10px;
}
.demo-cont__credits-name {
  margin-bottom: 20px;
  font-size: 30px;
}
.demo-cont__credits-link {
  display: block;
  margin-bottom: 10px;
  font-size: 24px;
  color: #fff;
}
.demo-cont__credits-blend {
  font-size: 30px;
  margin-bottom: 10px;
}

.example-slider {
  z-index: 2;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 0.7s;
  transition: -webkit-transform 0.7s;
  transition: transform 0.7s;
  transition: transform 0.7s, -webkit-transform 0.7s;
}
.credits-active .example-slider {
  -webkit-transform: translate3d(-400px, 0, 0) rotateY(10deg) scale(0.9);
          transform: translate3d(-400px, 0, 0) rotateY(10deg) scale(0.9);
}
.example-slider .fnc-slide-1 .fnc-slide__inner,
.example-slider .fnc-slide-1 .fnc-slide__mask-inner {
  background-image: url("../images/slider1.jpg");
}
.example-slider .fnc-slide-2 .fnc-slide__inner,
.example-slider .fnc-slide-2 .fnc-slide__mask-inner {
  background-image: url("../images/slider2.jpg");
}
.example-slider .fnc-slide-3 .fnc-slide__inner,
.example-slider .fnc-slide-3 .fnc-slide__mask-inner {
  background-image: url("../images/slider3.jpg");
}
.example-slider .fnc-slide-3 .fnc-slide__inner:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
}
.example-slider .fnc-slide-4 .fnc-slide__inner,
.example-slider .fnc-slide-4 .fnc-slide__mask-inner {
  background-image: url("../images/slider4.jpg");
}
.example-slider .fnc-slide-4 .fnc-slide__inner:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.example-slider .fnc-slide__heading,
.example-slider .fnc-slide__action-btn,
.example-slider .fnc-nav__control {
  font-family: 'montserratregular', Helvetica, Arial, sans-serif;  
}
 

.bg_cover{
width:100%; 
height:75px;
background-color:#27AADB;
position:absolute;
bottom:0px;
left:0px;
}






/* COLORFUL SWITCH STYLES 
   ORIGINAL DEMO - https://codepen.io/suez/pen/WQjwOb */
.colorful-switch {
  position: relative;
  width: 180px;
  height: 77.14286px;
  margin: 0 auto;
  border-radius: 32.14286px;
  background: #cfcfcf;
}
.colorful-switch:before {
  content: "";
  z-index: -1;
  position: absolute;
  left: -5px;
  top: -5px;
  width: 190px;
  height: 87.14286px;
  border-radius: 37.14286px;
  background: #314239;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.colorful-switch:hover:before {
  background: #4C735F;
}
.colorful-switch__checkbox {
  z-index: -10;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.colorful-switch__label {
  z-index: 1;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 32.14286px;
  cursor: pointer;
}
.colorful-switch__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 540px;
  height: 100%;
  background: -webkit-linear-gradient(left, #14DCD6 0, #10E7BD 180px, #EF9C29 360px, #E76339 100%);
  background: linear-gradient(90deg, #14DCD6 0, #10E7BD 180px, #EF9C29 360px, #E76339 100%);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translate3d(-360px, 0, 0);
          transform: translate3d(-360px, 0, 0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__bg {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.colorful-switch__dot {
  position: absolute;
  left: 131.14286px;
  top: 50%;
  width: 5.14286px;
  height: 5.14286px;
  margin-left: -2.57143px;
  margin-top: -2.57143px;
  border-radius: 50%;
  background: #fff;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__dot {
  -webkit-transform: translate3d(-80.35714px, 0, 0);
          transform: translate3d(-80.35714px, 0, 0);
}
.colorful-switch__on {
  position: absolute;
  left: 104.14286px;
  top: 22.5px;
  width: 19.28571px;
  height: 36px;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__on {
  -webkit-transform: translate3d(-80.35714px, 0, 0);
          transform: translate3d(-80.35714px, 0, 0);
}
.colorful-switch__on__inner {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.25s 0s cubic-bezier(0.52, -0.96, 0.51, 1.28);
  transition: -webkit-transform 0.25s 0s cubic-bezier(0.52, -0.96, 0.51, 1.28);
  transition: transform 0.25s 0s cubic-bezier(0.52, -0.96, 0.51, 1.28);
  transition: transform 0.25s 0s cubic-bezier(0.52, -0.96, 0.51, 1.28), -webkit-transform 0.25s 0s cubic-bezier(0.52, -0.96, 0.51, 1.28);
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transform: rotate(45deg) scale(0) translateZ(0);
          transform: rotate(45deg) scale(0) translateZ(0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__on__inner {
  -webkit-transition: -webkit-transform 0.25s 0.25s cubic-bezier(0.67, -0.16, 0.47, 1.61);
  transition: -webkit-transform 0.25s 0.25s cubic-bezier(0.67, -0.16, 0.47, 1.61);
  transition: transform 0.25s 0.25s cubic-bezier(0.67, -0.16, 0.47, 1.61);
  transition: transform 0.25s 0.25s cubic-bezier(0.67, -0.16, 0.47, 1.61), -webkit-transform 0.25s 0.25s cubic-bezier(0.67, -0.16, 0.47, 1.61);
  -webkit-transform: rotate(45deg) scale(1) translateZ(0);
          transform: rotate(45deg) scale(1) translateZ(0);
}
.colorful-switch__on__inner:before, .colorful-switch__on__inner:after {
  content: "";
  position: absolute;
  border-radius: 2.57143px;
  background: #fff;
}
.colorful-switch__on__inner:before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 6.14286px;
}
.colorful-switch__on__inner:after {
  right: 0;
  top: 0;
  width: 6.14286px;
  height: 100%;
}
.colorful-switch__off {
  position: absolute;
  left: 131.14286px;
  top: 50%;
  width: 41.14286px;
  height: 41.14286px;
  margin-left: -20.57143px;
  margin-top: -20.57143px;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off {
  -webkit-transform: translate3d(-80.35714px, 0, 0);
          transform: translate3d(-80.35714px, 0, 0);
}
.colorful-switch__off:before, .colorful-switch__off:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 5.14286px;
  margin-top: -2.57143px;
  border-radius: 2.57143px;
  background: #fff;
  -webkit-transition: -webkit-transform 0.25s 0.25s;
  transition: -webkit-transform 0.25s 0.25s;
  transition: transform 0.25s 0.25s;
  transition: transform 0.25s 0.25s, -webkit-transform 0.25s 0.25s;
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:before, .colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:after {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.colorful-switch__off:before {
  -webkit-transform: rotate(45deg) scaleX(1) translateZ(0);
          transform: rotate(45deg) scaleX(1) translateZ(0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:before {
  -webkit-transform: rotate(45deg) scaleX(0) translateZ(0);
          transform: rotate(45deg) scaleX(0) translateZ(0);
}
.colorful-switch__off:after {
  -webkit-transition-timing-function: cubic-bezier(0.67, -0.16, 0.47, 1.61);
          transition-timing-function: cubic-bezier(0.67, -0.16, 0.47, 1.61);
  -webkit-transform: rotate(-45deg) scaleX(1) translateZ(0);
          transform: rotate(-45deg) scaleX(1) translateZ(0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:after {
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transform: rotate(-45deg) scaleX(0) translateZ(0);
          transform: rotate(-45deg) scaleX(0) translateZ(0);
}

 
 

/**********************
 slider styles ends
			   
 ********************/



/**********************
 only menu styles starts
			   
 ********************/



 .nav-trigger {
  background-color: #27aadb;
  position: absolute;
 right: 10px;
    top: 53px;
  height: 44px;
  width: 44px;
  border-radius: 50px;
  z-index: 10010;
  -webkit-transition: all 0.25s;
          -moz-transition: all 0.25s;
		  transition: all 0.25s; }
  .nav-trigger .nav-lines {
    position: absolute;
    margin: 0 auto;
    height: 14px;
    width: 20px;
    top: 14.6px;
    left: 0;
    right: 0;
    -webkit-transition: all 0.25s;
            -moz-transition: all 0.25s;
			transition: all 0.25s; 
			}
     .nav-trigger .nav-lines .line-top {
      height: 2px;
      background-color: #fff;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      -webkit-transition: all 0.35s;
              -moz-transition: all 0.35s;
			  transition: all 0.35s;
			   }
    .nav-trigger .nav-lines .line-middle {
      height: 2px;
      background-color: #fff;
      width: 100%;
      position: absolute;
      top: 50%;
      margin-top: -1px;
      left: 0;
      -webkit-transition: all 0.35s;
              transition: all 0.35s;
			  -moz-transition: all 0.35s;
      opacity: 1; }
    .nav-trigger .nav-lines .line-bottom {
      height: 2px;
      background-color: #fff;
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
      -webkit-transition: all 0.35s;
              -moz-transition: all 0.35s; 
			  transition: all 0.35s;  
			  }
			.list__items{
				display: block;
				margin-left: 50px;
				}  
				
				.list__items > h3 {
				font: 15px/44px 'ralewaybold'; color:#616161;
					}
  					.list__items span {
				font: 15px/25px 'montserratregular'; color:#616161;
					}
					
				
			 
  .nav-trigger:hover {
    cursor: pointer; }
    .nav-trigger:hover:before {
      opacity: 1; }
    .nav-trigger:hover .nav-lines {
      -webkit-transform: rotate(90deg);
              -webkit-transform: rotate(90deg);
			  transform: rotate(90deg);
      height: 20px;
      top: 12px; }
         .nav-trigger:hover .nav-lines .line-top {
        top: 9px; }
      .nav-trigger:hover .nav-lines .line-middle {
        -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
				transform: rotate(90deg);
				 }
      .nav-trigger:hover .nav-lines .line-bottom {
        bottom: 8px;
        opacity: 0; 
		}
   
			  /**********************
			  only menu styles ends
			   
			 ********************/
			 
			 
			 
			 
			 
			 
			 
			 
			 
			 
			 
			 
			 
			 
			 
			 
			 
			 
			  /**********************
			  section1 styles starts
			   
			 ********************/
 .abt_cp{width:100%; padding:30px 0;
text-align:center; display:block;}	
.abt_cp h1{font: 40px/30px 'ralewaybold'; color:#000; width:100%; display:inline-block; margin:30px 0; text-transform:uppercase;}
.abt_cp h5{font:20px/25px 'montserratregular'; color:#686868;width:100%; display:inline-block; }
.abt_cp h6,.btn_sml{width:100%; font:15px/40px 'montserratregular'; color:#949494;}
.btn_style{display:inline-block; color:#616161; padding:15px 60px; border:5px solid #f8aa2e; font: 20px 'ralewaybold'; text-decoration:none; }
			
			 
			  /**********************
			 section1 styles ends
			   
			 ********************/
			  /**********************
			 section2 styles ends
			   
			 ********************/
			 .sec-3{width:100%; height:660px; position:relative;
			 
			 float:left;
			 display:block; margin:30px 0 0 0;}
			 
			 .more_block{background-color: #fff;
    bottom: 0;
    height: 160px;
    left: 0;
    margin: auto;
    padding: 20px 60px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 350px;}
				 
.moreservices{display:inline-block; color:#616161; padding:15px 60px; border:5px solid #f8aa2e; 
				font: 20px 'ralewaybold'; text-decoration:none; text-align:center; }
			 
			 .imgblock_l{
				 width:565px; height:660px; float:left; position:relative; display:block; margin-right:30px;
				  }
				 
				 
				 .imgblock_l:hover .overlay {height:100%;}
				  .imgblock_l:hover .overlay .heading{margin:65% 0 0;}
				  
				 .overlay{
					 width:100%; height:100px; background-color:rgba(0,0,0,0.5);bottom:0; left:0; position:absolute;
					   padding: 0 20px;-webkit-transition: all 0.5s;
              -moz-transition: all 0.5s; 
			  transition: all 0.5s;
					 
				 }
				 
				 .imgblock_r_t:hover .overlay ,
				 .imgblock_r_m:hover .overlay,
					.imgblock_r_b:hover .overlay 
				{height:100%;}
				  .imgblock_r_t:hover .overlay .heading,
				  .imgblock_r_m:hover .overlay .heading,
				  .imgblock_r_b:hover .overlay .heading
				  
				  {margin:15% 0 0;}
				  
				  
				 
				 
				 .heading{width:100%; font:30px 'ralewaybold' ; color:#fff; text-align:center; margin:30px 0 0 0; display:inline-block; text-decoration:none;}
				 
			 .imgblock_r{
				 width:592px; height:600px; float:right; position:relative; display:block;
				 
				 }
			 
			 
			  .imgblock_r_t{width:595px; height:200px; float:left; margin-bottom:30px; position:relative; display:block;}
			  .imgblock_r_m{width:595px; height:200px; float:left; margin-bottom:30px; position:relative; display:block;}
			  .imgblock_r_b{width:595px; height:200px; float:left; margin-bottom:0px; position:relative; display:block;}
			 
			 
			 .t-r{text-align:right; text-indent:10px;}
			 .l-h-4{ line-height:50px !important;}
	
.info__wrp h6{text-align:right;

}
	
.info__wrp h4,.info__wrp h4 a{text-align:right;
color:#000; 
margin-bottom:20px;
font:20px 'ralewaybold';
} 
		
.offer_img{
border:10px solid #f3f3f3;
float:right;
}	
.form_wrp{position:relative;}	
.back_white{
background-color:#fff;
height:75px; width:100%;
position:absolute;
left:0;
bottom:0;
}
			  
			  
			  
			  
			  
			  
			  
			  
			  
			 /**********************
			 section2 styles ends
			 ********************/			  
			 /**********************
			 innerpage styles starts
			 ********************/
			  
			 .inner_top_block{
				 width:100%;
				 
				 height:400px;
				 padding:110px;
				 display:block; 
				 float:left; position:relative;
				 text-align:center;		 
			 
						}
			 .overlay_header{
				 position:absolute; 
				 top:0;
				 left:0; 
				 width:100%; 
				 height:100%;
				 background-color:rgba(39,170,219,0.5);
				 z-index: 0;
				 }
          .overlay_header_inner{
         position:absolute; 
         top:0;
         left:0; 
         width:100%; 
         height:100%;
         background-color:rgba(39,170,219,0.3);
         z-index: 0;
         }
			 .inner_top_block h1{position:relative;z-index:1; font:70px 'ralewaybold'; color:#fff; margin:20px 0 10px 0; }
			 .inner_top_block p{ position:relative;z-index:1;font:16px/25px 'montserratregular'; color:#fff; margin:10px 0; }
			
       .abt_bnr_img{
          background:url(../images/about-banner-img.png) no-repeat; 
          background-size: cover;
           }
               .hire_banner_img{
          background:url(../images/hire-designer-banner.jpg) no-repeat; 
          background-size: cover;
           }
              
			 
			 /**********************
			 innerpage styles ends
			 ********************/
			 
			 
			 
			 .cb{clear:both;}
			 
			 .footer{width:100%; height:auto; padding:50px 20px; display:block; float:left; margin:30px 0 0 0; background-color:#454545;}
			 .f_l{width:60%; float:left; display:block; }
			 .f_l h3{font:30px/40px 'ralewaybold' ;text-transform:uppercase; color:#fff; text-align:center; margin-bottom:20px; }
			 .f_l h6{font:20px 'ralewaybold' ; text-transform:uppercase; color:#fff; text-align:center; } .f_l h6 a{ text-decoration:underline; color:#f8aa2e;}
			  .f_r{width:20%; float:right; display:block; }
			 .footblock{margin:15px 0; display:block;
			 float:left; color:#fff;width:100%;}
			 .footblock h5{font:18px/40px 'montserratregular'; color:#fff; }
			  .footblock a{color:#f8aa2e; text-decoration:none; font:14px 'montserratregular'; display:inline-block;}
			  .scl i{font-size:40px; color:#f8aa2e; margin-right:20px;}
			  .foottext{padding:30px 0 0 0; margin:0 0 20px 0;}
  			  .foottext h2{font:30px 'ralewaybold' ; color:#949494; text-align:left; width:100%:  }
			  
			  
			  
			  .services_head h2{font:40px 'ralewaybold';text-align:left; color:#959595; position:relative; text-indent:20px;}
			  .services_head h2::after{
				  width:13px;
				  height:13px;
				  position:absolute;
				  left:0; top:7px;
				  background-color:#f8aa2e ;
				  border-radius:50%;
				 -moz-border-radius:50%;
				 -webkit-border-radius:50%;
				 content:"";
				  
			  }
			   .services_head h2::before{
				  width:13px;
				  height:13px;
				  position:absolute;
				 content:"";
				  left:0; bottom:9px;
				  background-color:#f8aa2e ;
				  border-radius:50%;
				 -moz-border-radius:50%;
				 -webkit-border-radius:50%;
				  
			  }
			  .services_head h6{margin:10px 0 0 20px; color:#959595; line-height:20px; text-align:left;}
			  .services_head p{margin:20px 0 0 20px;  color:#616161; text-align:left;font:400 16px/25px 'montserratregular';}
			.sub_heading{margin:10px 0 0 20px;color:#616161; text-align:left;font:400 30px/35px 'ralewaybold'; position:relative; }  
			  .sub_heading::before{width:3px ;height:100px; position:absolute; left:-20px; top:30px; background-color:#f8aa2e; 
content:"";		

	  }
	  .serv_para p{ text-align:left; margin:0 0 20px 0;
	  color:#616161; font:400 16px/25px 'montserratregular';  
	  }
	  
	  .serv_para h6{font:400 25px/35px 'ralewaybold';color:#616161; }
	 ul.activites{width:100%; list-style-type:none; margin:20px 0 0 0; padding:0; display:block;}
	  .activites li{
		  width:calc(49% - 25px); margin:0 ; 
		  padding :8px 15px; 
		  list-style-type:none; 
		  float:left; 
	  font:400 16px/20px 'montserratregular';
	  text-align:left; position:relative;
	  display:inline-block; color:#6f6f6f; 
	  }
    
	  .act_full li{width:100%;}
	  
	   .activites li::before{ background-color: #f8aa2e;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: 1px;
    position: absolute;
    top: 13px;
    width: 6px;}  
	.nav-ovrl{width:100%; 
	height:100%;
	position:fixed; 
	top:0; 
	padding:40px;
	left:0; 
	background-color:rgba(39,170,219,0.95);
	}		  
	.centr-menu{width:auto;
	max-width:800px; 
	position:relative; 
	margin: auto; 
	display:block;
	}		  
		.menu-top-wrp{width:100%; float:left;
		position:relative;
		 margin-bottom:20px; text-align:center;}	  
			  
			  .menu-top-wrp ul{
				  width:auto; position:relative;
			  display:inline-block;margin:auto;  }
			  .menu-top-wrp ul li{width:auto;
			  display:inline-block; float:left; margin:0 15px;
			  
			  }
			  
			  .menu-top-wrp ul li a{font-size:30px; color:#fff; text-decoration:none;} .menu-top-wrp ul li a:hover{color:#f8aa2e;}
  			  .menu-top-wrp ul li a.close__icon{ 
			  width:40px;       line-height: 33px;
			  margin-top: -5px;
			  height:40px; 
			  background-color:#f8aa2e; 
			  display:inline-block; 
			  text-align:center;
			  padding:3px;
			  color:#fff;
			  border-radius:50%;
			  -moz-border-radius:50%;
			  -webkit-border-radius:50%;
			  
			  }
			.menu1 {
			  background-color: white;
    display: block; color:#126b8d;
    font: 30px ralewaybold;
    height: 200px;  margin-top: -150px; opacity:0.3;
    margin-bottom: 40px;
    padding: 105px 30px 30px;
    text-decoration: none;
    text-transform: uppercase;
    width: 95%;
	 
				transition: all 1s ease;
	  -moz-transition: all 1s ease;
	   -webkit-transition: all 1s ease;
				}
			
				
				
				.menu1 span{color: #616161;
    display: inline-block;
    font: 11px "montserratregular";
    width: 100%;}
				
				.menu2 {
			  background:url(../images/menu_transp.png) no-repeat center;
    display: block; color:#fff;
    font: 30px ralewaybold;
    height: 250px;
      margin-left: -250px; opacity:0.2;
    padding: 155px 30px 30px;
    text-decoration: none;
    text-transform: uppercase;
    width: 95%;
				transition: all 1s ease;
	  -moz-transition: all 1s ease;
	   -webkit-transition: all 1s ease;
				}
				
 .menu2 span{color: #fff;
    display: inline-block;
    font: 11px "montserratregular";
    width: 100%;}
				
.menu3 {
   background-color: white;
    color: #126b8d;
    display: block;	 
	margin-top: 255px;  
	opacity:0.4;
    font: 30px ralewaybold;
    height: 250px;
    margin-left: -21px;/* 
    margin-top: 285px; */
    padding: 94px 29px 30px;
    text-decoration: none;
    text-transform: uppercase;
    width: 350px;
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
	
				transition: all 1s ease;
	  -moz-transition: all 1s ease;
	   -webkit-transition: all 1s ease;
				}
				.menu3 span{color: #616161;
    display: inline-block;
    font: 11px "montserratregular";
    width: 100%;} 
				.menu4 {
			  background:url(../images/services-menu-bg.png) no-repeat center;
    display: block; color:#fff;
    font: 30px ralewaybold;  margin-top: 245px;
    height: 250px; opacity:0;
    margin-bottom: 40px;
    padding: 155px 30px 30px;
    text-decoration: none;
    text-transform: uppercase;
    width: 99%; 
	
				transition: all 1s ease;
	  -moz-transition: all 1s ease;
	   -webkit-transition: all 1s ease;
				} 
				.menu4 span{color: #fff;
    display: inline-block;
    font: 11px "montserratregular";
    width: 100%;}.menu5 { opacity:0;
			  background-color: white;
    display: block; color:#126b8d;
    font: 30px ralewaybold;
    height: 200px;  margin-top: -360px;
    padding: 75px 30px 30px;
    text-decoration: none;
    text-transform: uppercase;
    width: 99%; 
				transition: all 1s ease;
	  -moz-transition: all 1s ease;
	   -webkit-transition: all 1s ease;
				} 
				.menu5 span{color: #616161;
    display: inline-block;
    font: 11px "montserratregular";
    width: 100%;} 
			.menu1_load{
				margin-top:0px; opacity:1;
					-webkit-animation: menu1_key 0.8s; /* Safari 4+ */
  -moz-animation: menu1_key 0.8s ; /* Fx 5+ */
  -o-animation: menu1_key 0.8s ; /* Opera 12+ */
  animation: menu1_key 0.8s; /* IE 10+, Fx 29+ */
				}	
			
			
			 
				 
  @-webkit-keyframes menu1_key {
  0%   {  margin-top: -150px; }
  100% {   margin-top: 0px; }
}
@-moz-keyframes menu1_key {
  0%   {  margin-top: -150px; }
  100% {   margin-top: 0px; }
}
@-o-keyframes menu1_key {
  0%   {  margin-top: -150px; }
  100% {   margin-top: 0px; }
}
@keyframes menu1_key {
  0%   {  margin-top: -150px; }
  100% {   margin-top: 0px; }
}
		
			
			
			
			
			.menu2_load{
				 margin-left: 0px; opacity:1;
				 
				-webkit-animation: menu2_key 0.9s; /* Safari 4+ */
  -moz-animation: menu2_key 0.9s ; /* Fx 5+ */
  -o-animation: menu2_key 0.9s ; /* Opera 12+ */
  animation: menu2_key 0.9s; /* IE 10+, Fx 29+ */
				}	
				 
  @-webkit-keyframes menu2_key {
  0%   {  margin-left: -250px; }
  100% {   margin-left: 0px; }
}
@-moz-keyframes menu2_key {
  0%   {  margin-left: -250px; }
  100% {   margin-left: 0px; }
}
@-o-keyframes menu2_key {
  0%   {  margin-left: -250px; }
  100% {   margin-left: 0px; }
}
@keyframes menu2_key {
  0%   {  margin-left: -250px; }
  100% {   margin-left: 0px; }
}
		
	
				
				
				
				
				
			.menu3_load{
				margin-top: 125px; 
				  opacity:1;
				  
			-webkit-animation: menu3_key 0.5s; /* Safari 4+ */
  -moz-animation: menu3_key 0.5s ; /* Fx 5+ */
  -o-animation: menu3_key 0.5s ; /* Opera 12+ */
  animation: menu3_key 0.5s; /* IE 10+, Fx 29+ */
				}
 
			  
  @-webkit-keyframes menu3_key {
  0%   {  margin-top: 255px; }
  100% {  margin-top: 125px; }
}
@-moz-keyframes menu3_key {
  0%   { margin-top: 255px; }
  100% {  margin-top: 125px; }
}
@-o-keyframes menu3_key {
  0%   { margin-top: 255px; }
  100% {  margin-top: 125px; }
}
@keyframes menu3_key {
  0%   { margin-top: 255px; }
  100% {  margin-top: 125px; }
}
		








				
			   
			.menu4_load{
			 opacity:1;  margin-top: 0px;
			 
			-webkit-animation: menu4_key 0.8s; /* Safari 4+ */
  -moz-animation: menu4_key 0.8s ; /* Fx 5+ */
  -o-animation: menu4_key 0.8s ; /* Opera 12+ */
  animation: menu4_key 0.8s; /* IE 10+, Fx 29+ */
				}	
			 
			  
			  
			  
  @-webkit-keyframes menu4_key {
  0%   { margin-top: 245px; }
  100% {  margin-top: 0px; }
}
@-moz-keyframes menu4_key {
  0%   { margin-top: 245px; }
  100% {  margin-top: 0px; }
}
@-o-keyframes menu4_key {
  0%   { margin-top: 245px; }
  100% {  margin-top: 0px; }
}
@keyframes menu4_key {
  0%   { margin-top: 245px; }
  100% {  margin-top: 0px; }
}
			  
			  














			
			.menu5_load{
				 margin-top: 0px; opacity:1;
				
				  -webkit-animation: menu5_key 1s; /* Safari 4+ */
  -moz-animation: menu5_key 1s ; /* Fx 5+ */
  -o-animation: menu5_key 1s ; /* Opera 12+ */
  animation: menu5_key 1s; /* IE 10+, Fx 29+ */
				}	
			  
			  
			  
			  
  @-webkit-keyframes menu5_key {
  0%   { margin-top: -360px; }
  100% {  margin-top: 0px; }
}
@-moz-keyframes menu5_key {
  0%   { margin-top: -360px; }
  100% {  margin-top: 0px; }
}
@-o-keyframes menu5_key {
  0%   { margin-top: -360px; }
  100% {  margin-top: 0px; }
}
@keyframes menu5_key {
  0%   { margin-top: -360px; }
  100% {  margin-top: 0px; }
} 

a.bread_crumb{
position:relative; 
font:25px 'ralewaybold';
color:#616161; 
padding:8px 15px;
text-decoration:underline;   
 }

.bread_left{float:left;}
.bread_right{float:right;}
			  
			  
			  
			  
			  
.close_bx{display:none;}
.open_bx{display:block;}			  
			





			
			  
			  
/* tabpanel styles */
.full-col{width:100%; display:block;}			  
.col-2{width:20%; display:block; }
.col-3{width:30%; display:block; }		  
.col-4{width:40%; display:block;  }		  
.col-5{width:50%; display:block; }	  
.col-6{width:60%; display:block; }	
.col-7{width:70%; display:block; }		
.col-7 h2{font:20px 'ralewaybold'; color:#616161;}
.col-7 .taglines{display:inline-block; width:100%; float:left; font:400 15px 'montserratregular'; color:#8e8e8e; }
.col-7 p{font:400 14px 'montserratregular'; color:#8e8e8e;}
 
 
 
 
.cd-primary-nav {
  /* mobile first - navigation hidden by default, triggered by tap/click on navigation icon */
  float: right;
  margin-right: 5%;
  width: 44px;
  height: 100%;
  background: url("../assets/cd-icon-menu.svg") no-repeat center center;
}
.cd-primary-nav ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.cd-primary-nav ul.is-visible {
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
}
.cd-primary-nav a {
  display: block;
  height: 50px;
  line-height: 50px;
  padding-left: 5%;
  background: #21272c;
  border-top: 1px solid #333c44;
  color: #ffffff;
}
@media only screen and (min-width: 768px) {

  .cd-primary-nav {
    /* reset navigation values */
    width: auto;
    height: auto;
    background: none;
  }
  .cd-primary-nav ul {
    position: static;
    width: auto;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    line-height: 70px;
  }
  .cd-primary-nav ul.is-visible {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  .cd-primary-nav li {
    display: inline-block;
    margin-left: 1em;
  }
  .cd-primary-nav a {
    display: inline-block;
    height: auto;
    font-weight: 600;
    line-height: normal;
    background: transparent;
    padding: .6em 1em;
    border-top: none;
  }
 
}

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

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%);
}

.sml_nmb{
	position:absolute;
	top:-10px; left:5px; 
	font:14px 'montserratregular'; 
	color:#a3a3a3; 
	}
.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: 430px;  
	top: 80px;border-bottom:1px solid #c1c1c1;
  }
  
}

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

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: #fff;
}
.cd-hero-slider li:nth-of-type(2) {
  background-color: #fff;
  background-image: url("../assets/tech-1-mobile.jpg");
}
.cd-hero-slider li:nth-of-type(3) {
  background-color: #fff;
  background-image: url("../assets/tech-2-mobile.jpg");
}
.cd-hero-slider li:nth-of-type(4) {
  background-color: #fff;
  background-image: url("../assets/video-replace-mobile.jpg");
}
.cd-hero-slider li:nth-of-type(5) {
  background-color: #fff;
  background-image: url(../assets/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: left;
  /* 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: #616161;
  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: #616161;
  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: #f8aa2e ; */
 color:#000;
}
.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: 100%;
  }
  .cd-hero-slider .cd-half-width:first-of-type {
     left: 0%;
  }
  .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;
  }
  
  /* saranya */
 
}
@media only screen and (min-width: 1170px) {
   .cd-hero-slider .cd-full-width,
  .cd-hero-slider .cd-half-width {
    padding-top: 40px;
  }
  .cd-hero-slider h2, .cd-hero-slider p {
    margin-bottom: 20px;
  }
   .cd-hero-slider h2 {
    font-size: 2.2em;
  }
   .cd-hero-slider p {
    font-size: 15px;
  }
}

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

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%;
  top: 0;
  z-index: 2;
  text-align: center;
  height: 55px;
 border-bottom:1px solid #bebebe;
}
.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;
  float:left;
}
   .cd-slider-nav .cd-marker {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 60px;
  height: 4px;
  color: #f8aa2e ;
  background-color: #f8aa2e;
  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;
  text-align: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: 15px;
  font: 2rem 'ralewaybold' ;
  font-weight: 700;
  color: #a8b4be;
  text-decoration:none;
  -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(../assets/cd-icon-navigation.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: 250px;
  }
   .cd-slider-nav a {
    padding-top: 15px;
    font-size: 35px;
    text-transform: capitalize;
  }
  .cd-slider-nav a::before {
    top: 18px;
  }
}

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

Main content

-------------------------------- */
.cd-main-content {
  width: 90%;
  max-width: 768px;
  margin: 0 auto;
  padding: 2em 0;
}
.cd-main-content p {
  font-size: 1.4rem;
  line-height: 1.8;
  color: #999999;
  margin: 2em 0;
}
@media only screen and (min-width: 1170px) {
  .cd-main-content {
    padding: 3em 0;
  }
  .cd-main-content p {
    font-size: 1.6rem;
  }
}

/* ends */			  
			  			  @media only screen and (min-width: 1280px) {
				  
				  .center{ width: 94%;}
				  
			  }
			   
			   @media only screen and (max-width: 768px) {
				   /* saranya */
				   .contact-img {
    width: 70%!important;
  }
  .contact-img img {
   margin:0px 45px;
}
       .nav-trigger:hover .nav-lines {
        top: 15px; } 
		 
       .nav-trigger {
      right: 15px;
      top: 50px;
      height: 50px;
      width: 50px; } 
	  
	   .contact, .mail, .contact-form{
  width:100% !important;
  padding:20px; position:relative;
  }
  .form__field--small{
  width:100% !important;
  }
  
	  
	  }
			    
			 /*  @media only screen and (min-width: 768px) {
      .nav-trigger .nav-lines {
        height: 16px;
        width: 25px;
        top: 17px; } 
		}
		
		 */
			   
			  @media only screen and (max-width: 480px) {
			  
.bg_cover{
 
height:45px; 
}
.contact-img{
   width: 70%!important;
  
}
.contact-img img{
  margin:0px 45px;
}


				        .nav-trigger:hover .nav-lines {
        top: 10px; } 
		 
.nav-ovrl{padding:20px;}				  
.centr-menu{width:100%;}				  
.col-3,.col-4,.col-6{width:100%;}				  
.menu1,.menu2{ font-size: 20px;
    height: auto;
    margin-bottom: 5px;
    padding: 10px;
    width: 100%;
	}
	.menu-top-wrp ul li a.close__icon{  line-height: 32px;}
.menu2 { font-size: 20px; background-image:none; background-color:#fff; color:#126b8d;}				  
	
.menu2 span{
	color:#616161;
	}
.menu3 { width:100%; margin-left:0; margin-top:0;
	font-size: 20px;
	transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
    height: auto;
    margin-top: 0;
    padding: 10px;

}
.menu4{ 
	 background-image: none; 
	 padding:10px; font-size: 20px;
	 background-color:#fff;  margin:5px 0;
	 color:#126b8d; height:auto; width:100%;}

.menu4 span{
	color:#616161;
	}

.menu5 {width:100%;margin:5px 0;  color:#126b8d; height:auto;	 padding:10px; font-size:20px;}

	
  .center{
	 width:100%; margin:50px auto 0;
	 }
	 
.nav-trigger {
    height: 40px;
    right: 15px;
    top: 6px;
    width: 40px;
}

.nav-trigger .nav-lines{  top: 12.6px}
.top_fx_dv{
	padding:10px 10px 0;
	width:100%;  
box-shadow:1px 1px 6px #969696;
-moz-box-shadow:1px 1px 6px #969696;
-webkit-box-shadow:1px 1px 6px #969696;
}

.logo{ 
width: 180px;
}
.logo img{
	width:100%; 
	}

	/* //saranya// */
	/* start */
	.client-list .item {
   
    width: 28%;
	}
	.client-list .item:hover {
    filter: grayscale(0);
    opacity: 2;
}
.m-logo {
    margin: 10px 0px 10px;
}
/* end */
	
.abt_cp h1{
	font-size:20px;
	margin: 10px 0; line-height:30px !important;
	}
.abt_cp h5{
	font:13px/18px "montserratregular";
	}

.anim_btn{font-size:15px ; 
padding:10px 30px;}
				  
.fnc-slide__content{width:98%;}				  
.fnc-slider,.slider,.demo-cont{ height: 300px;}
.fnc-slide__heading-line{font-size:15px; padding-right:0px;}	
.fnc-slide__heading-line span{text-align:center;}		 	  
	.fnc-slide__heading-line:nth-child(2){font-size:30px; margin-top:10px;}	 
.abt_cp{padding:15px 0;   width: 99%;}
.imgblock_l{width:100%; height:auto; margin-right: 0px;   margin-bottom: 5px;}
.imgblock_r{width:100%; height:auto;}
.imgblock_l img,
.imgblock_r_t img,.imgblock_r_m img,
.imgblock_r_b img

{width:100%; height:auto;}

.imgblock_r_b,
.imgblock_r_m,
.imgblock_r_t{
width:100%;
height:auto; 
margin-bottom: 5px;
}.sec-3{height:auto;}
.heading{font-size:15px; margin:9px 0 0;}
.overlay{ height:47px;}
.more_block{width:100%; float:left; position:relative; height:auto; padding:0 60px;}
.t-r{text-align:center; text-indent:0;}
.footer{margin:10px 0 0;}
.f_l,.f_r{width:100%;}		
.f_l h3{font:15px/23px "ralewaybold";}	
.f_l h6{font-size:21px;}
.f_r{text-align:center;}
.scl i{font-size:30px;}
.foottext h2{font-size: 18px;
    text-align: center;}
 	
	
	.inner_top_block{padding:50px 10px; height:250px;}
	 .inner_top_block h1{width:100%; font-size:22px;}
	.inner_top_block p{font:14px/19px "montserratregular";}
.cd-slider-nav a{font-size:14px; font-weight:normal;}	

	.cd-slider-nav ul,
	.cd-slider-nav nav{
		width:100%;
		}
	.cd-slider-nav li{
		width:25%;
		}
.cd-hero-slider h2{
	font-size:16px;
	}	
.cd-hero-slider{
	height:425px;
}

.cd-hero-slider p{font-size:12px;}
.col-7{width:100%;}
.list__items{margin-left:18px;}	
.list__items > h3{font:13px/28px "ralewaybold";}
.list__items span{font:12px/16px "montserratregular";}	 
.cd-slider-nav .cd-marker{width:25%;} 
.overlay_header{background-color: rgba(39, 170, 219, 0.8);} 
.col-5{width:100%;}	
.services_head h2::before,.services_head h2::after{display:none;}
.services_head h2{font-size:20px;}
.services_head h6{   
font-size: 13px;
    width: 96%;}	
.services_head p{font:400 12px/19px "montserratregular";}	
.services_para img{
	width:95%;
}
.sub_heading{font:400 20px/25px "ralewaybold";}
.sub_heading::before{ top: 1px;}
.serv_para p{font:400 12px/20px "montserratregular"; margin-bottom:5px; padding:10px;}
.abt_cp img{width:100%; height:auto;} 
ul.activites{  width: 80%; margin:20px 0 0 17px;}
.activites li{
	width:100%;padding:4px 15px;
	font-size:12px; 
}
.activites li::before{ top: 10px;}
a.bread_crumb{font:15px "ralewaybold"; text-align:center; width:100%;}

			} /* media ends */
			  
			  
.contact{
width:50%;
position:relative;
float:left;
margin-top:30px;
}			  
	.contact h1{
	font: 60px 'ralewaybold';
color: #fff;
}
.contact span{
font: 20px 'ralewaybold';
color:#fff;
margin:15px 0;
float:left;
width:100%;
}
.mail{
width:30%;
height:auto;
position:relative;
float:right;
}

.email{
width:100%;
position:relative;
float:left;
padding:10px 0;
margin-bottom:10px;
}

.email p{
width:100%;
font:15px 'ralewaybold';
color:#0974A5;
margin:0px 0 5px;
padding:0;
float:left;
text-transform:uppercase;

}
.email span{
width:100%;
font:15px 'ralewaybold';
color:#fff;
margin:0px 0 5px;
padding:0;
float:left; 

}
.email a{
width:100%;
position:relative;
float:left;
position:relative;
font:25px 'ralewaybold';
color:#fff;
text-decoration:none;
}	
.contact-form{
width:60%;
height:auto;
position:relative;
float:left;
margin:8% 0 2%;
}


.form__field--small{
width:45%;
float:left;
margin-bottom:10px;
}

.form__field--big{
width:100%;
float:left;
margin-bottom:10px;
}

.form__label{
width:100%;
font:15px 'ralewaybold';
color:#0974A5;
margin:0px 0 5px;
padding:0;
float:left;
text-transform:uppercase;
}
.form__input{
background: #0974A5;
border: 0;
border-radius: 5px;
-webkit-border-radius:5px;
-moz-border-radius:5px; 
line-height: 1.4rem;
outline: 0;
margin: 0.5rem 0 0;
padding: 1.05rem 1.6rem;
transition: 150ms;
width: 83%;
font:15px 'ralewaybold';
color:#fff;
}

.form__input--textarea{
background: #0974A5;
border: 0;
height:200px;
border-radius: 5px;
-webkit-border-radius:5px;
-moz-border-radius:5px; 
line-height: 1.4rem;
outline: 0;
margin: 0.5rem 0 0;
padding: 1.05rem 1.6rem;
transition: 150ms;
width: 83%;
font:15px 'ralewaybold';
color:#fff;
}

.btn--primary{
background:#F8AA2E;
font:20px 'ralewaybold';
color:#fff;
text-transform:uppercase;
padding:20px 40px;
border-radius: 5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
margin-top:20px;
cursor:pointer;
border:none;
}

.prod_para{
background:#fff;
box-shadow:0 0 6px #9e9e9e;
padding:10px;
margin-top: -90px;
margin-left:10%;
}

.col-mr-rt-10{
margin-right:10px;
}

.prod-list li{
width:90% !important;
font-size:14px;
border-bottom:1px solid #f3f3f3;
padding:10px 10px 10px 19px;
}
.prod-list li::before{
top:18px !important;
}
.prod-list li:last-child{
border:0px solid;
}

.contact-img{
width: 40%;
position: relative;
float: left;
height: auto;
margin-top: 30px;
}

.contact-img img{
width:100%;
}

.f-w{
	font-weight:600;
}


.m-btm-client{
	margin:0px 0px 25px;
}