/*EPS Custom CSS */

* {
  box-sizing: border-box;
}

body,html { font-family: 'Calibri'  !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: antialiased;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1,h2,h3,h4,h5,h6,p,a { font-family: 'Calibri'  !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: antialiased;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }

.appear-js{opacity:0;}

.center-text{text-align:center;}
.col{min-height:1px;}
.cnt-table-block {
  position:relative;
  display: table;
  height:100%;   /*   width:100%;      */
  width:100%;
  table-layout:fixed;
}

.cnt-cell-block {
  display: table-cell;
  vertical-align: middle;
  float:none !important;
  height:100%;
  width:100%;
}
.container-fh,.row-fh,.col-fh{
  height:100%;
}
.row-fh{
  padding:0 15px;
}


body .outer{
position:relative;width:100%;height:auto;
}

.container-wide{position:relative;width:100%;}

#header{
width:100%;position:fixed;top:0;left:0;
z-index:99999;background:rgba(255, 255, 255, 1) ;
-webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1);
box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1);
}
#header .logo{position:relative;height:80px;}
#header .logo img{display:block;height:40px;width:auto;}

#trueHeader{padding:0;background:transparent;}
.navbar{border:0px;}

#header.stickymode .logo{height:60px;}
#header.stickymode .logo img{height:40px;width:auto;}

#header.stickymode{border-bottom:1px solid rgba(245, 250, 255, 0.3) ;}
#header.stickymode ,#header.stickymode  #trueHeader ,#header.stickymode .main-menu ,#header.stickymode .navbar,
#header.stickymode .nav.navbar-nav li ,#header.stickymode .navbar{
 height:60px !important;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
 }

#header.stickymode .nav.navbar-nav li a{
line-height:60px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

#header .header-spans{
  position:absolute;width:100px;height:100%;
  right:2px;top:0;
}

#header .header-spans .btn-lg{
  font-size:12px;padding:7px 10px;
  border-radius:0;
}

#header .header-spans .btn-warning  {
  background:#193366 ;border-color:transparent !important;
}
#header .header-spans ul{padding:0px;min-width:120px;}
#header .header-spans .dropdown-menu > li{cursor:pointer;}
#header .header-spans .dropdown-menu > li > a{border-bottom:0px;}
#header .header-spans .dropdown-menu > li:first-child{display:none;}

body.admin-logged-in{
margin-top:0px;
}
body.admin-logged-in #header{
top:32px;
}

.xdots{
position:absolute;width:50px;height:50px;top:0;left:50%;
margin-left:-25px;top:-25px;
}

.xdots.edgedot{top:-98px;}

.xdots .sdot{
  width:40px;height:40px;
  position:absolute;
  content:"";
  display: block;
  background: #fff;
  border-top: 2px solid #ddd;
  position: absolute;
  top: 5px;
  left: 5px;
  z-index:1;
  border-radius: 50%;
  box-shadow: inset 0px 8px 48px #ddd;
}

.xdots .sdot span{
  font-size: 2.4em;
  text-shadow: 1px 1px #fff;
  text-decoration:none;
  display: block;
  background-color: #f7f7f7;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7));
  background-image: -webkit-linear-gradient(top, #f7f7f7, #e7e7e7);
  background-image: -moz-linear-gradient(top, #f7f7f7, #e7e7e7);
  background-image: -ms-linear-gradient(top, #f7f7f7, #e7e7e7);
  background-image: -o-linear-gradient(top, #f7f7f7, #e7e7e7);
  color: #a7a7a7;
  top:8px;left:11px;
  width: 18px;
  height: 18px;
  position: absolute;
  text-align: center;
  line-height: 2.2em;
  border-radius: 50%;
  box-shadow: 0px 3px 8px #aaa, inset 0px 2px 3px #fff;
  color: #555;
  background: #e7e7e7;
   z-index:99 !important;
}



/*  GRID CSS */
/* ------------------------------------------------- */
.grid {
	max-width: 69em;
	list-style: none;
	margin: 30px auto;
	padding: 0;
}

.grid li {
	display: block;
	float: left;
	padding: 15px;
	width: 33%;
	opacity: 0;
}

.grid li.shown,
.no-js .grid li,
.no-cssanimations .grid li {
	opacity: 1;
}

.grid li a,
.grid li img {
    position:relative;
	display: inline-block;
     height:auto;
    -webkit-box-shadow: 0px 0px 28px -8px rgba(0,0,0,0.45);
-moz-box-shadow: 0px 0px 28px -8px rgba(0,0,0,0.55);
box-shadow: 0px 0px 28px -8px rgba(0,0,0,0.55);
 border-radius:2px;
 overflow:hidden;
}

.grid li a .grid-overlay{
 position:absolute;width:100%;height:100%;
 z-index:9;background: #283048;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, rgba(133, 147, 152, 0.8), rgba(40, 48, 72, 0.8));  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, rgba(133, 147, 152, 0.8), rgba(40, 48, 72, 0.8));  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 opacity:0; cursor:pointer;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
   border-radius:2px;
  text-align:center;
  color:rgba(255, 255, 255, 1);font-weight:bold;
  letter-spacing:1px;
}
.grid li a .grid-overlay span{
    display:block;font-size:60px;margin-top:10px;
}


.grid li a:hover .grid-overlay{
 opacity:1;border:0px solid rgba(242, 242, 242, 0.9);

}

/* Effect 1: opacity */
.grid.effect-1 li.animate {
	-webkit-animation: fadeIn 0.65s ease forwards;
	animation: fadeIn 0.65s ease forwards;
}

@-webkit-keyframes fadeIn {
	0% { }
	100% { opacity: 1; }
}

@keyframes fadeIn {
	0% { }
	100% { opacity: 1; }
}

/* Effect 2: Move Up */
.grid.effect-2 li.animate {
	-webkit-transform: translateY(200px);
	transform: translateY(200px);
	-webkit-animation: moveUp 0.65s ease forwards;
	animation: moveUp 0.65s ease forwards;
}

@-webkit-keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}

/* Effect 3: Scale up */
.grid.effect-3 li.animate {
	-webkit-transform: scale(0.6);
	transform: scale(0.6);
	-webkit-animation: scaleUp 0.65s ease-in-out forwards;
	animation: scaleUp 0.65s ease-in-out forwards;
}

@-webkit-keyframes scaleUp {
	0% { }
	100% { -webkit-transform: scale(1); opacity: 1; }
}

@keyframes scaleUp {
	0% { }
	100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}

/* Effect 4: fall perspective */
.grid.effect-4 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.grid.effect-4 li.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
	transform: translateZ(400px) translateY(300px) rotateX(-90deg);
	-webkit-animation: fallPerspective .8s ease-in-out forwards;
	animation: fallPerspective .8s ease-in-out forwards;
}

@-webkit-keyframes fallPerspective {
	0% { }
	100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}

@keyframes fallPerspective {
	0% { }
	100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}

/* Effect 5: fly (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-5 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.grid.effect-5 li.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 50% 50% -300px;
	transform-origin: 50% 50% -300px;
	-webkit-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
	-webkit-animation: fly .8s ease-in-out forwards;
	animation: fly .8s ease-in-out forwards;
}

@-webkit-keyframes fly {
	0% { }
	100% { -webkit-transform: rotateX(0deg); opacity: 1; }
}

@keyframes fly {
	0% { }
	100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; }
}

/* Effect 6: flip (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-6 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.grid.effect-6 li.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	-webkit-transform: rotateX(-80deg);
	transform: rotateX(-80deg);
	-webkit-animation: flip .8s ease-in-out forwards;
	animation: flip .8s ease-in-out forwards;
}

@-webkit-keyframes flip {
	0% { }
	100% { -webkit-transform: rotateX(0deg); opacity: 1; }
}

@keyframes flip {
	0% { }
	100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; }
}

/* Effect 7: helix (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-7 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.grid.effect-7 li.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	-webkit-animation: helix .8s ease-in-out forwards;
	animation: helix .8s ease-in-out forwards;
}

@-webkit-keyframes helix {
	0% { }
	100% { -webkit-transform: rotateY(0deg); opacity: 1; }
}

@keyframes helix {
	0% { }
	100% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; }
}

/* Effect 8:  */
.grid.effect-8 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.grid.effect-8 li.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: scale(0.4);
	transform: scale(0.4);
	-webkit-animation: popUp .8s ease-in forwards;
	animation: popUp .8s ease-in forwards;
}

@-webkit-keyframes popUp {
	0% { }
	70% { -webkit-transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(1); opacity: 1; }
}

@keyframes popUp {
	0% { }
	70% { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}

@media screen and (max-width: 900px) {
	.grid li {
		width: 50%;
        font-size:12px;
	}

    .single-page h2{
      font-size:20px;padding:0 20px;
    }

}

@media screen and (max-width: 400px) {
	.grid li {
		width: 100%;
	}
}

/* circle menu css */

.circle_wrapper {
  text-align: center;
  margin: 50px auto 0 auto;
  width: 280px;
  height: 280px;
  position: relative;
  -webkit-filter: url(#ball);
  filter: url(#ball);
  border:0px solid #22195C;
  border-radius:50%;
  z-index:1;
}
.circle_wrapper .r_symbol{
  position:absolute;width:50px;height:50px;
  top:50%;left:50%;margin-left:-25px;margin-top:-25px;
  z-index:99;
}
.circle_wrapper .r_symbol i{
  font-size:40px;color:rgba(255, 255, 255, 1);
  text-shadow:1px 1px 1px rgba(13, 13, 13,0.4) ;
}

.circle_wrapper .w-circle{
position:absolute;width:290px;height:290px;
top:-6px;left:-6px;border:0px solid #22195C;
border-radius:50%;
-webkit-animation: rotation 1s infinite linear;
z-index:1;
}

.circle_wrapper .w-circle-2{
position:absolute;width:270px;height:270px;
top:4px;left:4px;border:0px solid #22195C;
border-radius:50%;
-webkit-animation: rotation 1.5s infinite linear;
z-index:1;
}

.circle_wrapper span.eps-circle-menu{
display:inline-block;width:50px;height:50px;
position:absolute;
border-radius:50%;
background: #0f0c29;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #24243e, #302b63, #0f0c29);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #24243e, #302b63, #0f0c29); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
z-index:99;
}

.eps-circle-menu i{
position:relative;
line-height:50px;font-size:20px;color:rgba(245, 250, 255, 1);
font-weight:bold;z-index:99;
}

.eps-circle-menu:hover{
-webkit-animation: rotation 1.5s infinite linear;
cursor:pointer;
}

.circle_wrapper span.eps-menu-1{left:12px;top:12px;}
.circle_wrapper span.eps-menu-2{left:50%;margin-left:-25px;top:-25px;}
.circle_wrapper span.eps-menu-3{right:12px;top:12px;}
.circle_wrapper span.eps-menu-4{top:50%;margin-top:-25px;right:-25px;}
.circle_wrapper span.eps-menu-5{right:12px;bottom:12px;}
.circle_wrapper span.eps-menu-6{left:50%;margin-left:-25px;bottom:-25px;}
.circle_wrapper span.eps-menu-7{left:12px;bottom:12px;}
.circle_wrapper span.eps-menu-8{top:50%;margin-top:-25px;left:-25px;}

.circle_wrapper .line-x{border-radius:6px;}
.circle_wrapper .line-x span{
 display:inline-block;position:absolute;top:-20px;left:72px;color:#1D174F;
 font-size:12px;font-weight:bold;
}
.circle_wrapper .line-1-1 span{top:-20px;left:72px;}
.circle_wrapper .line-1-2 span{top:-20px;left:72px;}
.circle_wrapper .line-1-3 span{top:2px;left:17px;}
.circle_wrapper .line-1-4 span{top:-20px;left:15px;}
.circle_wrapper .line-1-5 span{top:-20px;left:17px;}
.circle_wrapper .line-1-6 span{top:-20px;left:13px;}
.circle_wrapper .line-1-7 span{top:-20px;left:72px;}
.circle_wrapper .line-1-8 span{top:-20px;left:72px;}

.circle_wrapper .line-1-1{
  position:absolute;width:140px;height:3px;background:#1D174F;top:55px;left:-10px;
  -webkit-transform: rotate(45deg);}


.circle_wrapper .line-1-2{
  position:absolute;width:140px;height:3px;background:#1D174F;top:25px;left:70px;
  -webkit-transform: rotate(90deg);}

.circle_wrapper .line-1-3{
position:absolute;width:140px;height:3px;background:#1D174F;top:55px;right:-10px;
-webkit-transform: rotate(-45deg);
}
.circle_wrapper .line-1-4{
position:absolute;width:140px;height:3px;background:#1D174F;top:140px;right:-40px;
}

.circle_wrapper .line-1-5{
position:absolute;width:140px;height:3px;background:#1D174F;bottom:55px;right:-10px;
-webkit-transform: rotate(45deg);}

.circle_wrapper .line-1-6{
position:absolute;width:140px;height:3px;background:#1D174F;bottom:25px;left:70px;
-webkit-transform: rotate(90deg);}

.circle_wrapper .line-1-7{
position:absolute;width:140px;height:3px;background:#1D174F;bottom:55px;left:-10px;
-webkit-transform: rotate(-45deg);
}
.circle_wrapper .line-1-8{
position:absolute;width:140px;height:3px;background:#1D174F;top:140px;left:-40px;
}

@-webkit-keyframes rotation {
        from {
                -webkit-transform: rotate(0deg);
        }
        to {
                -webkit-transform: rotate(359deg);
        }
}

@-webkit-keyframes reverserotation {
        from {
                -webkit-transform: rotate(0deg);
        }
        to {
                -webkit-transform: rotate(-359deg);
        }
}


.circle_wrapper .ball {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #22195C;
  position: absolute;
  top: 115px;
  left: 115px;
  z-index:9;
}
.circle_wrapper .ball:nth-child(1) {
  animation: ball1 4s infinite;
}
.circle_wrapper .ball:nth-child(2) {
  animation: ball2 3.5s infinite;
}
.circle_wrapper .ball:nth-child(3) {
  animation: ball3 4.5s infinite;
}
.circle_wrapper .ball:nth-child(4) {
  animation: ball4 3s infinite;
}

@keyframes ball1 {
  0% {
    transform: translateX(-25px);
  }
  40% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-25px);
  }
}
@keyframes ball2 {
  0% {
    transform: translateX(25px);
  }
  50% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(25px);
  }
}
@keyframes ball3 {
  0% {
    transform: translateY(-25px);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-25px);
  }
}
@keyframes ball4 {
  0% {
    transform: translateY(25px);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(25px);
  }
}
.drop-shadow {
  width: 70px;
  height: 15px;
  background-color: rgba(44, 62, 80, 0.5);
  margin: 20px auto;
  border-radius: 50%;
  filter: blur(7px) contrast(30);
  animation: shadow 2s infinite;
}

@keyframes shadow {
  0% {
    transform: scaleY(1.2) scaleX(1.2);
  }
  30% {
    transform: scaleY(1.1) scaleX(1.1);
  }
  50% {
    transform: scaleY(1) scaleX(1);
  }
  30% {
    transform: scaleY(1.1) scaleX(1.1);
  }
  100% {
    transform: scaleY(1.2) scaleX(1.2);
  }
}

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

/* navigations */
.navbar-default .navbar-nav > li > a{
  color:rgba(0, 0, 0, 1);font-weight:bold;
  letter-spacing:1px;text-transform: capitalize;
}

.menu_main,.navbar,#defaultmenu ,.nav.navbar-nav{height:80px !important;position:relative;}
.menu_main{width:75%;}
#defaultmenu{margin-right:110px;}

.nav.navbar-nav li ,.nav.navbar-nav li {position:relative;height:100%;}
.nav.navbar-nav li ,.nav.navbar-nav li a {height:100%;padding-top:0;padding-bottom:0;line-height:78px;font-size: 14px}
.nav.navbar-nav li.current-menu-item::after{position:absolute;content:'';height:4px;width:100%;bottom:0;left:0;background:rgba(0, 70, 117, 1);}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus, .navbar-nav > li.current-menu-ancestor > a, .navbar-nav li.drop ul.dropdown li.active > a, .navbar-nav > li > a:hover, .navbar-nav > li > a.active, .navbar-default.menu-shrink li a:hover{
color:rgba(0, 147, 245, 1);
}
#header.stickymode .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a{color:#001F7A; }
#header.stickymode .nav.navbar-nav li.current-menu-item::after{}

/* hero section */

/* Mobile menu */
.mobile-menu{display:none;}


#main-block-1{
position:relative;width:100%;height:680px;
overflow:hidden;
background-image:url(../../images/hero03.jpg);
background-size:cover;
}

.main .overlay-block{
  position:absolute;width:100%;height:100%;
/*background: rgba(54, 209, 220, 0.9);
background: -webkit-linear-gradient(to left, rgba(91, 134, 229, 0.9), rgba(54, 209, 220, 0.9));
background: linear-gradient(to left, rgba(91, 134, 229, 0.9), rgba(54, 209, 220, 0.9));*/
z-index:0;
background: #000428;
background: -webkit-linear-gradient(to right, rgba(0, 78, 146, 0.6), rgba(0, 4, 40, 0.6));
background: linear-gradient(to right, rgba(0, 78, 146, 0.6), rgba(0, 4, 40, 0.6));

}

.row.hero-text-inner{position:relative;z-index:99;padding:160px 20px 0 20px;}
.row.hero-text-inner h1{
text-transform:none;
color:rgba(255, 255, 255, 1);
font-size:40px;
line-height:1.5em;
font-weight:bold;
margin:130px 0 20px 0 ;
letter-spacing:1px;
}
.row.hero-text-inner p{color:rgba(209, 209, 209, 1);font-weight:bold;font-size:17px;line-height:1.5em;}

.row.hero-text-inner .hero-text-inner-inner a{
display:inline-block;margin-top:10px;color:rgba(255, 255, 255, 1);padding:7px 10px 6px 10px;border:2px solid rgba(255, 255, 255, 1);border-radius:3px;font-size:14px;letter-spacing:2px;
font-weight:900;
cursor:pointer;z-index:99;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.row.hero-text-inner .hero-text-inner-inner a:hover{
color:rgba(0, 153, 204, 1);background:rgba(255, 255, 255, 1);
 -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.eps-shape-divider-wrap {
    position: absolute;
    top: auto;
    bottom: 0px;
    left: 0;
    right: 0;
    width: 100%;
    height: 350px;
    z-index: 10;
    display:none;

  }
.eps-shape-divider-wrap[data-style="curve_opacity"] svg path:nth-child(1),
.eps-shape-divider-wrap[data-style="waves_opacity_alt"] svg path:nth-child(1) { opacity: 0.15; }
.eps-shape-divider-wrap[data-style="curve_opacity"] svg path:nth-child(2),
.eps-shape-divider-wrap[data-style="waves_opacity_alt"] svg path:nth-child(2) { opacity: 0.3; }
.eps-shape-divider-wrap.no-color .eps-shape-divider{fill:#fff;}


.tilt-edge{
position:absolute;width:140%;height:140px;top:0;left:0;
background:rgba(255, 255, 255, 1);
transform: rotate(-6deg);
transform-origin: top left;

}

.s-tilt-edge {
position:absolute;width:140%;height:280px;top:0;left:0;
background:rgba(255, 255, 255, 1);
transform: rotate(-10deg);
transform-origin: top left;
border-top: 1px solid rgba(222, 222, 222, 0.7);

}

.main{position:relative;padding:40px 40px;}
.main.hero-block{position:relative;padding:0 0;}
#main-block-2{
border-top-width: 0px;}
.main h1{position:relative;font-size:30px;font-weight:900;margin:60px 0 60px 0;color:#4e4e4e;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);z-index:99;}

/*heading block */

#main-block-2{
position:relative;width:100%;height:auto;
background:rgba(255, 255, 255, 1) ;
padding: 40px 40px 140px 40px;
}

#main-block-2 img{
  display:block;width:100%;height:auto;
}

#main-block-2 p{
font-size:18px;line-height:1.5em;
text-align:justify;
}

.heading-block span.ab-heading{
display:block;margin:50px 0 30px 0;
}
.heading-block span.ab-heading h1{
  margin:10px 0;
}

.heading-block a.ab-read-more{
display:inline-block;margin:30px 0;padding:9px 15px;
color:rgba(13, 13, 13, 1);font-weight:900; cursor:pointer;
background: #FFFFFF;  /* fallback for old browsers */
color:#1C1C1C ; font-size:16px;letter-spacing:1px;
-webkit-box-shadow: 1px 1px 27px -2px rgba(0,0,0,0.31);
-moz-box-shadow: 1px 1px 27px -2px rgba(0,0,0,0.31);
box-shadow: 1px 1px 27px -2px rgba(0,0,0,0.31);
-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  border-radius:4px;
}
.heading-block a.ab-read-more:hover{
  background:rgba(34, 25, 92, 1);color:rgba(255, 255, 255, 1);
}

#section-services{
padding: 00px 0 220px 0;
background:rgba(255, 255, 255, 1);
}

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

a.animBtn:link, a.animBtn:visited {
  position: relative;
  display: inline-block;
  width: 140px;
  margin: 5px 0;
  padding: 7px 10px;
  text-align:center;
  border: 2px solid #575757;
  background: rgba(0, 0, 0, 0.2);
  color: #575757;
  text-decoration: none;
  text-transform: uppercase;
  overflow: hidden;
  letter-spacing: .08em;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  border-radius:0px;
}
a.animBtn:link:after, a.animBtn:visited:after {
  content: "";
  position: absolute;
  background: none repeat scroll 0 0 #fff;
  height: 0%;
  left: 50%;
  top: 50%;
  width: 100%;
  z-index: -1;
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}
a.animBtn:link:hover, a.animBtn:visited:hover {
  color: #333333;
  text-shadow: none;
}
a.animBtn:link:hover:after, a.animBtn:visited:hover:after {
  height: 420%;
}

a.animBtn.themeA:after {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
          transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
a.animBtn.themeB:after {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
          transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
a.animBtn.themeC:after {
  opacity: .5;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
a.animBtn.themeC:hover:after {
  height: 140%;
  opacity: 1;
}
a.animBtn.themeD:after {
  width: 0%;
  border-radius: 50%;
  opacity: .5;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
a.animBtn.themeD:hover:after {
  height: 450%;
  width: 110%;
  opacity: 1;
}




/* --------------------------------------------------------------------- */
#section-services .row{max-width:1000px;margin:0 auto;}
#section-services .front-services{max-width: 1000px;margin: 0 auto;
-webkit-box-shadow: 0px 0px 103px -4px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 103px -4px rgba(0,0,0,0.15);
box-shadow: 0px 0px 103px -4px rgba(0,0,0,0.15);
}

#section-services .row{overflow:hidden;}
#section-services .col-3{margin:0; padding:0;}

#section-services .s-block{position:relative;cursor:pointer;
}
#section-services .s-block h4{font-weight:900;letter-spacing:1px;margin-bottom:12px;}

#section-services .s-block img{
display:block;width:100%;height:auto;
}

.s-block  .s-transition-up, .s-block .s-transition-down{
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
transform:translateX(0px) translateY(0px);
opacity:1;
}

.s-block:hover .s-transition-up{
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
transform:translateX(-90px) translateY(-90px);
opacity:0;
}
.s-block:hover .s-transition-down{
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
transform:translateX(90px) translateY(90px);
opacity:0;
}

.s-block .s-overlay {position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;
 -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    padding:20px;
    border:0px solid #EBEBEB;
   }

.s-block:hover .s-overlay {
 -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}


.s-block .s-initial{-moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;visibility:visible;}
.s-block:hover .s-initial{-moz-transition: all 0.1s ease-out 0s;
    -ms-transition: all 0.1s ease-out 0s;
    -o-transition: all 0.1s ease-out 0s;
    transition: all 0.1s ease-out 0s;visibility:visible;}


.s-block i{font-size:45px;}
.s-block .s-after{padding:40px;overflow:hidden;}
.s-block-1 .s-overlay {background:#FCFCF3;z-index:9;}

.s-block-1 .s-after {position:absolute;background:#EBEBEB;width:200%;height:200%;
top:-100%;left:-100%;z-index:1;-webkit-transition: all 0.4s ease-out 0s;}
.s-block-1.open .s-after, .s-block-1:hover .s-after {background:#373276;top:0;left:0;z-index:99;-webkit-transition: all 0.4s ease-out 0s;}

/* --- */

.s-block-2 .s-overlay {background:#1dafec;z-index:9;}

.s-block-2 .s-after {position:absolute;background:#1C1C1C;width:200%;height:200%;
bottom:-100%;left:-100%;z-index:1;-webkit-transition: all 0.4s ease-out 0s;}
.s-block-2.open .s-after,.s-block-2:hover .s-after {bottom:0;left:0;z-index:99;-webkit-transition: all 0.4s ease-out 0s;background:#373276;}

/*  */
.s-block-3 .s-overlay {background:#FFFFFF;z-index:9;right:0;bottom:0;left:auto;top:auto;background-size:cover;}

.s-block-3.open .s-overlay,.s-block-3:hover .s-overlay{
width:200%;height:200%;right:0;bottom:0;
}
.s-block-3 .s-after{
position:absolute;width:200%;height:200%;right:-100%;bottom:-100%;
z-index:1;-webkit-transition: all 0.4s ease-out 0s;
}
.s-block-3.open .s-after,.s-block-3:hover .s-after {right:0;bottom:0;z-index:99;-webkit-transition: all 0.4s ease-out 0s;background:#373276;}



/*  */
.s-block-8 .s-overlay {background:#23ccbc;z-index:9;right:0;top:0;left:auto;bottom:auto;background-size:cover;}

.s-block-8.open .s-overlay,.s-block-8:hover .s-overlay{
width:200%;height:200%;right:0;top:0;
}
.s-block-8 .s-after{
position:absolute;width:200%;height:200%;right:-100%;top:-100%;
z-index:1;-webkit-transition: all 0.4s ease-out 0s;
}
.s-block-8.open .s-after,.s-block-8:hover .s-after {right:0;top:0;z-index:99;-webkit-transition: all 0.4s ease-out 0s;background:#373276;}

/*  */
.s-block-4 .s-overlay {background:#FFFFFF;z-index:9;right:0;top:0;left:auto;bottom:auto;background-size:cover;}

.s-block-4.open .s-overlay,.s-block-4:hover .s-overlay{
width:200%;height:200%;right:0;top:0;
}
.s-block-4 .s-after{
position:absolute;width:200%;height:200%;right:-100%;top:-100%;
z-index:1;-webkit-transition: all 0.4s ease-out 0s;
}
.s-block-4.open .s-after,.s-block-4:hover .s-after {right:0;top:0;z-index:99;-webkit-transition: all 0.4s ease-out 0s;background:#373276;}


/*  */
.s-block-5 .s-overlay {background:#23ccbc;z-index:9;right:0;bottom:0;left:auto;bottom:auto;}

.s-block-5:hover .s-overlay{
width:200%;height:200%;right:0;bottom:0;
}
.s-block-5 .s-after{
position:absolute;background:#000000;width:200%;height:200%;right:-100%;bottom:-100%;
z-index:1;-webkit-transition: all 0.4s ease-out 0s;
}
.s-block-5.open .s-after,.s-block-5:hover .s-after {right:0;bottom:0;z-index:99;-webkit-transition: all 0.4s ease-out 0s;background:#373276;}


/*  */
.s-block-6 .s-overlay {background:#1dafec;z-index:9;}


.s-block-6 .s-after {position:absolute;background:#303030;width:200%;height:200%;
top:-100%;right:-100%;z-index:1;-webkit-transition: all 0.4s ease-out 0s;}
.s-block-6.open .s-after,.s-block-6:hover .s-after {top:0;right:0;z-index:999;-webkit-transition: all 0.4s ease-out 0s;background:#373276;}
/*  */

.s-block-7 .s-overlay {background:#FCFCF3;z-index:9;right:0;bottom:0;left:auto;top:auto;background-size:cover;}

.s-block-7.open .s-overlay,.s-block-7:hover .s-overlay{
width:200%;height:200%;right:0;bottom:0;
}
.s-block-7 .s-after{
position:absolute;width:200%;height:200%;right:-100%;bottom:-100%;
z-index:1;-webkit-transition: all 0.4s ease-out 0s;
}
.s-block-7.open .s-after,.s-block-7:hover .s-after {right:0;bottom:0;z-index:99;-webkit-transition: all 0.4s ease-out 0s;background:#373276;}
.s-block.open .s-after,.s-block:hover .s-after{
background:#342F6F;
background-image: url(data:image/png;base64,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);
}


.s-block-4,.s-block-5  {z-index:500;-webkit-transition: all 0.4s ease-out 0s;}
.s-block-4:hover,.s-block-5:hover{z-index:600;-webkit-transition: all 0.4s ease-out 0s;}
.s-block-6,.s-block-7{z-index:700;-webkit-transition: all 0.4s ease-out 0s;}
.s-block-6:hover{z-index:800;-webkit-transition: all 0.4s ease-out 0s;}



.s-dark i{color:#FFFFFF;}
.s-dark p{position:relative;z-index:1;   color:#FFFFFF;font-size:17px;}
.s-dark h4{position:relative;z-index:1;   color:#FFFFFF;}
.s-dark ul li{position:relative;padding-left:18px;position:relative;z-index:1;color:#FFFFFF;margin-bottom:2px; }
.s-dark ul li span{display:inline-block;position:absolute;width:7px;height:7px;top:9px;left:0px;
background:#CFCFCF;-moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;}

.s-dark .s-after a{position:relative;z-index:1;   color:#FFFFFF;border:2px solid #FFFFFF;}
.s-dark .s-overlay i{color:#FFFFFF;}

.s-block.open{z-index:999;}
.s-block.open .s-initial {display:none;}

.s-light i{z-index:1;color:#080808;}
.s-light p{position:relative;z-index:1;color:#080808;font-size:17px;}
.s-light h4{position:relative;z-index:1;   color:#212121;}
.s-light ul li{position:relative;padding-left:18px;position:relative;z-index:1;color:#080808;margin-bottom:5px;
-moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;}
.s-light ul li span{display:inline-block;position:absolute;width:7px;height:7px;top:9px;left:0px;
background:#1C1C1C;-moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;}
.s-light .s-after a{position:relative;z-index:1; color:#080808;border:2px solid #080808;}
.s-light .s-overlay i{color:#383737;}

.s-after i{position:absolute;top:40px;left:40px;}
.s-light p{position:relative;z-index:1;color:#1C1C1C;text-align:justify;}
.s-after h4{padding-left:70px;color:#212121 !important;}
.s-after ul{overflow:hidden;list-style:none;margin:20px 0 10px 0;}
.s-after ul li{position:relative;list-style:none;font-size:16px;margin-bottom:2px;color:#FFFFFF !important;letter-spacing:2px;}
.s-after ul li:hover{padding-left:25px; -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;}
.s-after ul li:hover span{left:7px; -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;}

.s-light .s-after a{position:relative;z-index:1; color:#1C1C1C;border:2px solid #363636 !important;
font-weight:900;letter-spacing:2px;border-radius:1px;}


.s-block-4 .s-after .overlay{
position:absolute;top:0;left:0;width:100%;height:100%;
}

.s-block-8 .s-after .overlay{
position:absolute;top:0;left:0;width:100%;height:100%;
}

.s-block-7 .s-after .overlay{
position:absolute;top:0;left:0;width:100%;height:100%;
}

.s-block-8.open .s-after, .s-block-8:hover .s-after ,.s-block-5.open .s-after, .s-block-5:hover .s-after{
background:#23ccbc;
background-image: url(data:image/png;base64,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);
}

.s-block-2.open .s-after ,.s-block-6.open .s-after , .s-block-2:hover .s-after ,.s-block-6:hover .s-after{
background:#1dafec;
background-image: url(data:image/png;base64,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);
}

.s-block-1.open .s-after ,.s-block-1:hover .s-after,
.s-block-3.open .s-after ,.s-block-3:hover .s-after,
.s-block-4.open .s-after ,.s-block-4:hover .s-after,
.s-block-7.open .s-after ,.s-block-7:hover .s-after
 {
background: #ECE9E6;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right,#F6F5F3, #FFFFFF, #F6F5F3);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right,#F6F5F3, #FFFFFF, #F6F5F3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

/* --------------- */
#section-services .s-block .s-after-wh h4{color:#363636 !important;}
#section-services .s-block .s-after-wh p{color:#363636 !important;}
#section-services .s-block .s-after-wh a{color:#363636 !important;}
#section-services .s-block .s-after-wh a.animBtn{border:2px solid #707070 !important;}
#section-services .s-block .s-after-wh ul li span{background:#2B2B2B;}
#section-services .s-block .s-after-wh i{color:#3B3B3B !important;}
#section-services .s-block .s-after-wh .s-block-close i{color:#FCFCFC !important;}

/* ----------- */
a.s-after-mobile {
position:absolute;width:100%;height:100%;
top:0;left:0;
z-index:999;
display:none;
}


/* --------- */
.s-block .s-after span.s-block-close{display:none;position:absolute;right:40px;top:40px;background:#00264C;z-index:99;width:40px;height:40px;color:#FFFFFF;text-align:center;border-radius:2px;
-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.37);
-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.37);
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.37);}
.s-block.open .s-after span.s-block-close{display:block;}
.s-block .s-after span.s-block-close i{position:relative;font-size:24px;top:0;left:0;margin:0;line-height:40px;color:#F0F0F0;}

a.animBtn.hided{
display:none;
}

/* ----------------------------------------------------------------------- */
/* atm services block */
.atm-services-block {background:rgba(255, 255, 255, 1);}
ul#atm-services-holder{position:relative;width:100%;height:auto;overflow:hidden;text-align:center;margin:0;}
ul#atm-services-holder li{list-style:none;float:left;height:auto;padding:20px 20px 00px 20px;font-size:16px;}
/* ------------------------------------------------- */

/*  POS SERVICES  */
.pos-services-block{padding:80px 0 130px 0;background:rgba(237, 237, 237, 1);}
.pos-services-block .services-box-inner{min-height:225px;}
.pos-services-block .col-last{float:none;display:table;margin:0 auto;}
/* ------------------------------------------------- */


/*  ECOMMERCE SERVICES  */
.ecommerce-services-block h1{
position:relative;z-index:99;
}
/* ------------------------------------------------- */


.proffesional-services-block{padding:80px 0 130px 0;background:rgba(237, 237, 237, 1);}
.proffesional-services-block h1{ position: relative;z-index: 99;}


.member-box-inner, .services-box-inner{
position:relative;
border:1px solid rgba(214, 214, 214, 0.5);padding:40px;
background:#FFFFFF;
-webkit-box-shadow: 0px 0px 103px -4px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 103px -4px rgba(0,0,0,0.15);
box-shadow: 0px 0px 103px -4px rgba(0,0,0,0.15);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
padding:30px 20px;
margin-bottom:30px;
text-align:center;
cursor:pointer;
}


.services-box-inner:hover{
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-box-shadow: 0px 0px 123px -4px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 0px 123px -4px rgba(0,0,0,0.35);
box-shadow: 0px 0px 123px -4px rgba(0,0,0,0.35);
background: #22195C;
}

.services-box-inner .col-overlay{
position:absolute;width:100%;height:100%;top:0;left:0;
background: rgba(234, 234, 234, 0.5);  /* fallback for old browsers */
background: -webkit-linear-gradient(to right,rgba(173, 169, 150, 0.5), rgba(234, 234, 234, 0.5), rgba(219, 219, 219,0.5), rgba(242, 242, 242, 0.5), rgba(173, 169, 150, 0.5));
background: linear-gradient(to right,rgba(173, 169, 150, 0.5), rgba(234, 234, 234, 0.5), rgba(219, 219, 219,0.5), rgba(242, 242, 242, 0.5), rgba(173, 169, 150, 0.5));
opacity:0;
}
.services-box-inner:hover .col-overlay{opacity:0.6;z-index:0;}

.services-box-inner i{
width:50px;height:35px;
display:inline-block;;
line-height:35px;
color:rgba(166, 166, 166, 1);
font-weight:bold;
font-size:35px;
}
.member-box-inner h4 ,.services-box-inner h4{
font-weight:900;font-size:16px;letter-spacing:2px;
}
.member-box-inner a , .services-box-inner a{
display:inline-block;padding:3px 15px;border-radius:15px;
color:rgba(28, 28, 28, 1);font-weight:bold;
font-size:11px;letter-spacing:1px;
cursor:pointer;
margin-top:10px;
border:2px solid rgba(28, 28, 28, 0.6);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.member-box-inner:hover a ,.services-box-inner:hover a{
background: #00d2ff;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #3a7bd5, #00d2ff);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #3a7bd5, #00d2ff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
border:2px solid #00A7CC;
color:rgba(255, 255, 255, 1);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}


.services-box-inner:hover h4{color:rgba(255, 255, 255, 1);text-shadow: 2px 4px 3px rgba(0,0,0,0.3);}
.member-box-inner:hover i,
.services-box-inner:hover i{color:rgba(255, 255, 255, 1);text-shadow: 2px 4px 3px rgba(0,0,0,0.3);}
.text-inner{position:relative;z-index:99;}

/* MOBILE BANKING SERVICES */
section.mobile-banking-services-block{background:#F0F0F0;}
section.mobile-banking-services-block .mb-services-inner .mb-inner{min-height:250px;}
section.mobile-banking-services-block .mb-services-inner a{
display:inline-block;padding:3px 15px;border-radius:15px;
color:rgba(28, 28, 28, 1);font-weight:bold;
font-size:11px;letter-spacing:1px;
cursor:pointer;
margin-top:10px;
border:2px solid rgba(28, 28, 28, 0.6);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

section.mobile-banking-services-block .mb-services-inner:hover a{
background: #00d2ff;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #3a7bd5, #00d2ff);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #3a7bd5, #00d2ff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
border:2px solid #00A7CC;
color:rgba(255, 255, 255, 1);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/* team css */
.meet-our-team-block{padding:20px;}
.meet-our-team-block .text-meta h4{margin-bottom:5px;}
.meet-our-team-block .text-meta{min-height:78px;}
.meet-our-team-block .text-meta h6{margin:10px auto;}

.text-inner .col-overlay{
position:absolute;width:100%;height:100%;
top:0;left:0;z-index:1;text-align:center;
overflow:hidden;
}

.text-inner .col-overlay i{
position:absolute;width:40px;height:40px;line-height:40px;
background:#0099CC;color:#FFFFFF;
bottom:-40px;left:50%;margin-left:-20px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.51);
-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.51);
box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.51);
}

.member-box-inner:hover .col-overlay i{
bottom:80px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.member-box-inner .col-overlay i:hover{
background:#FFFFFF;color:#0099CC;
}

.member-box-inner .btn-more{position:absolute;height:40px;width:120px;line-height:40px;background:rgba(0, 153, 204, 0.8);
bottom:-40px;left:50%;margin-left:-60px;
-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.51);
-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.51);
box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.51);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color:#FFFFFF;font-weight:bold;letter-spacing:1px;
  border-radius:2px; text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
  z-index:99;
}
.member-box-inner:hover .btn-more{
  bottom:20px;
}
.member-box-inner:hover .btn-more:hover{
 background:#FFFFFF;color:#0099CC;
}


.text-inner img{
display:block;width:100%;height:auto;
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%);
}

.member-box-inner:hover img{
filter: none;
-webkit-filter: grayscale(0%);
}

.main.meet-our-team-section .container{
  max-width:840px;
  margin:0 auto;
}
.member-box-inner{padding:7px 7px 10px 7px;}
.member-box-inner h4 {text-transform:none;letter-spacing:1px;}
.member-box-inner:hover h4{text-shadow: none;}

a.team-section-cta{
position:relative;margin:20px auto;padding:12px 25px;
color:#FFFFFF;font-weight:900;letter-spacing:1px;
border-radius: 4px;
text-align:center;display:table;
background:background: #0f0c29;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #24243e, #302b63, #0f0c29);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #24243e, #302b63, #0f0c29); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}


a.team-section-cta::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;

  border-radius: 4px;
  -webkit-transition: -webkit-box-shadow .5s ease, -webkit-transform .2s ease;
  transition: -webkit-box-shadow .5s ease, -webkit-transform .2s ease;
  transition: box-shadow .5s ease, transform .2s ease;
  transition: box-shadow .5s ease, transform .2s ease, -webkit-box-shadow .5s ease, -webkit-transform .2s ease;
  will-change: transform;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(var(--ty, 0)) rotateX(var(--rx, 0)) rotateY(var(--ry, 0)) translateZ(var(--tz, -12px));
          transform: translateY(var(--ty, 0)) rotateX(var(--rx, 0)) rotateY(var(--ry, 0)) translateZ(var(--tz, -12px));
}
a.team-section-cta:hover::before {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
a.team-section-cta::after {
  position: relative;
  display: inline-block;
  content: attr(data-title);
  -webkit-transition: -webkit-transform .2s ease;
  transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease, -webkit-transform .2s ease;
  font-weight: bold;
  letter-spacing: .01em;
  will-change: transform;
  -webkit-transform: translateY(var(--ty, 0)) rotateX(var(--rx, 0)) rotateY(var(--ry, 0));
          transform: translateY(var(--ty, 0)) rotateX(var(--rx, 0)) rotateY(var(--ry, 0));
}


/* ---------------------clients ------------------ */

.our-client-block img{
display:block;
margin:0 auto;
}
.our-client-block h1{
  margin:35px auto 10px auto;
  border-right:1px dashed #666666;
}





/* Blog Css */

.blog-block{
  padding:80px 40px;
  background:rgba(240, 240, 240, 1);
}

.blog-block .container{
 margin:0 auto;
}

.blog-block-inner{
position:relative;padding-left:70px;
margin:0 0 40px 0
}
.blog-block-inner .post-meta {
position:absolute;width:70px;height:200px;
top:0;left:0;
}

.blog-block-inner .post-meta .post-date{
border-left:1px solid rgba(227, 227, 227, 0.5);
border-top:1px solid rgba(227, 227, 227, 0.5);
border-bottom:1px solid rgba(227, 227, 227, 1);
background:rgba(250, 250, 250, 1); padding:9px 0 15px 0;
}

.blog-block-inner .post-meta .post-date span{
display:block;text-align:center;line-height:1em;

}
.blog-block-inner .post-meta .post-date span:first-child{
color:rgba(0, 0, 0, 1);font-weight:900;font-size:30px;margin:0px 0 7px 0;
}
.blog-block-inner .post-meta .post-date span:nth-child(2){
color:rgba(0, 0, 0, 1);font-weight:900;font-size:18px;margin:5px 0 0 0;
}
.blog-block-inner .post-meta .post-date span:nth-child(3){
color:rgba(0, 0, 0, 1);font-weight:900;font-size:10px;margin:10px 0 0px 0;

}

.blog-block-inner figure{
position:relative;width:100%;height:auto;
margin:0;
}
.blog-block-inner figure img{
display:block;width:100%;height:auto;
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.blog-block-inner:hover figure img{
filter: none;
-webkit-filter: grayscale(0%);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}


.blog-block-inner h5{
  font-weight:bold;letter-spacing:2px;
}
.blog-block-inner a{
display:inline-block;padding:3px 12px;border:2px solid rgba(38, 38, 38, 1);
margin-top:20px;color:rgba(38, 38, 38, 1);font-size:12px;letter-spacing:2px;
font-weight:bold; cursor:pointer;box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);
}
.blog-block-inner a:hover{
background:rgba(0, 37, 61, 1) ;
color:rgba(255, 255, 255, 1);

}

/* -------------footer contact form------------ */

#wpcf7-f17-o1 input ,#wpcf7-f17-o1 textarea {
padding:6px 10px;width:100%;
border:0px;outline:none;
border-radius:2px;
}

#wpcf7-f17-o1 .btn.btn-primary {
padding: 8px 10px;
}

#wpcf7-f17-o1 .form-group:first-child{
  margin-top:0px;
}
.wpcf7-submit { cursor:pointer;padding:7px 10px !important ; text-transform:uppercase;font-weight:bold;
letter-spacing:2px;text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
border-radius:2px;}

/* --------------------slider banner---------------------- */
.slider{
width:65%;height:auto;
}

/* ----------------single services page--------------- */
.top-banner{
position:relative;width:100%;height:600px;
background-image:url(../../img/bg2/pattern1.jpg);
background-size:cover;
}

.top-banner .overlay{
position:absolute;width:100%;height:100%;
top:0;left:0; opacity:0.7;
background: #000046;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #1CB5E0, #000046);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #1CB5E0, #000046); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.elem.element-1{
  position:absolute;width:30%;height:220px;
  bottom:166px;right:100px;opacity:1;
  z-index:99;
  transform: rotate(-0deg);
  transform-origin: top ss;
}
.elem.element-1 img{
position:relative;width:450px;
}

.elem.element-2{
  position:absolute;width:30%;height:auto;
  bottom:-33px;right:100px;opacity:1;
  z-index:99;
  transform: rotate(10deg);
  transform-origin: top left;
}
.elem.element-2 img{
position:relative;width:550px;
}

.elem.element-3{
  position:absolute;width:50%;height:auto;
  bottom:0px;right:0px;opacity:1;
  z-index:99;
}

.elem.element-3 img{
position:relative;width:670px;
}

.elem.element-4{
  position:absolute;width:20%;height:auto;
  bottom:0px;right:200px;opacity:1;
  z-index:999;
  transform: rotate(-10deg);
  transform-origin: top left;
}

.elem.element-4 img{
position:relative;width:400px;
}

.top-banner-inner h1{
color:#FFFFFF ;font-weight:900;
letter-spacing:1px;
font-size:35px;
}
.top-banner-inner p{
color:#FFFFFF ;font-weight:400;
letter-spacing:1px;
font-size:17px;
text-align: justify;
}

.container .cta-inner{
padding:40px 0 80px 0;
}

.container.cta-inner .row{
 margin-bottom:40px;
}

.container.cta-inner .services-list{
padding:20px;text-align:center;
}
.container.cta-inner .services-list h5{
text-transform:uppercase;
letter-spacing:2px;color:#0099CC;
font-weight:900;
font-size:20px;
}
.container.cta-inner .services-list p{
  color:#2B2B2B;letter-spacing:1px;font-size:18px;
  text-align:justify;
}

.services-list .services-icon{
margin:0 auto;
display:table;
width:100px;height:100px;
text-align:center;line-height:100px;
color:#FFFFFF;font-weight:900;
font-size:20px;border-radius:50%;
}
.services-list .services-icon img{
  display:block;width:100px;height:100px;
}

/* ----------------get in touch block----------------- */
.get-in-touch-block {
position:relative;
background:url(../../img/pattern/Paper.jpg) ;
padding:60px 40px;
}

.get-in-touch-block .overlay{
position:absolute;width:100%;height:100%;
top:0;left:0;
background:rgba(44, 41, 97, 0.7)  ;
}

/* url(../../img/pattern/Canvas.jpg) LightNoise Paper*/
.get-in-touch-block h2{
    color:#FFFFFF;letter-spacing:1px;font-weight:900;
}
.get-in-touch-block a{
 display:inline-block;
 font-size:18px;font-weight:900;letter-spacing:1px;
 border:2px solid #FFFFFF;color:#FFFFFF;
 padding:10px 19px;
 background:rgba(13, 13, 13, 0.8);
 margin-top:15px;
border-radius:3px;
-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
cursor:pointer;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.get-in-touch-block a:hover{
background:#FFFFFF;
border:2px solid rgba(247, 247, 247, 1);color:rgba(13, 13, 13, 1);
}

/* ------------------textwidget -------------------- */

.textwidget p{
  color:#F2F2F2 ;
  font-size:16px;
  text-align:justify;
}

.textwidget ul{
  margin: 0 0 15px 15px;
}
.textwidget ul li{
  margin-bottom:5px;
  color:#FFFFFF;
  font-size:16px;
  list-style:square;
  letter-spacing:1px;
}

.widget_nav_menu ul li a{
  border:0px;color:#FFFFFF;
  letter-spacing:2px;
  font-size:16px;
  font-weight:bold;
  padding:1px 0 15px 3px;
}
.footer1 h3{
  margin:0 0 20px;
  text-transform:uppercase;
  font-size:20px;
  letter-spacing:1px;
}

.single-widget.widget.widget_nav_menu ul li a{
text-transform:capitalize;
}

.copyright_info p{
  font-size:16px;color:#0A0A0A;
}

/* ----------------contact page ------------------- */

.contact-page-titles .col{
 padding:80px 40px;text-align:center;
 font-weight:900;
}
.contact-page-titles .col h3{
letter-spacing:2px;display:block;
}

.contact-page-titles .col{
    border-left:1px dashed rgba(87, 87, 87, 1);
}

.contact-page-titles .col p{
position:relative;display:table;
font-size:15px;letter-spacing:1px;
color:rgba(255, 255, 255, 1);
margin:0 auto;
}

.contact-page-titles .col p a{
position:relative;
padding:10px 15px;background:rgba(0, 13, 26, 0.8);
display:inline-block;
color:#EDEDED;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
border-radius:2px 0px 0px 2px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.47);
-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.47);
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.47);
margin-left:-28px;
}
.contact-page-titles .col p i{
  position:absolute;width:43px;height:43px;
  right:-42px;top:0;background:#003333;
  line-height:43px;color:#EDEDED;
  background:rgba(0, 13, 26, 0.8);
  border-left:rgba(0, 13, 26, 0.4);
  border-radius:0px 2px 2px 0px;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.47);
-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.47);
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.47);
cursor: -webkit-grab; cursor: grab;
}

.contact-page-titles .col p i:hover{
  text-shadow: 0px 0px 6px rgba(255,255,255,0.7);
}

.contact-page-titles .col p a:hover{
background:rgba(0, 13, 26, 1);
}

.sign-up{position:relative;padding:80px 0 240px 0;z-index:9;}
.sign-up h3{text-align:center;color:rgba(255, 255, 255, 1);}

.contact-page-form{
position:relative;
background-image:url(../../images/contact.jpg);
background-size:cover;
}
.contact-page-form .overlay{
position:absolute;
background:rgba(0, 43, 87, 0.8);
top:0;left:0;width:100%;height:100%;
z-index:1;
}




.sign-up .signup-form .sign-up-btn {
display:table;
padding: 15px 0;
border-radius: 3px;
width: 80%;margin:0 auto 17px;
font-size:17px;letter-spacing:1px;
font-weight:bold;
border:0px solid transparent;
-webkit-box-shadow: 0px 0px 26px -1px rgba(0,0,0,0.23);
-moz-box-shadow: 0px 0px 26px -1px rgba(0,0,0,0.23);
box-shadow: 0px 0px 26px -1px rgba(0,0,0,0.23);
text-shadow:1px 2px 2px rgba(28, 28, 28, 0.4);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
opacity:0.8;
text-transform:uppercase;
}

.sign-up .signup-form .sign-up-btn:hover{
   opacity:1;letter-spacing:2px;
 }
.sign-up .signup-form .form-input-group {
  width: 80%;
  height: 45px;
  margin: 0 auto 17px;
  border-radius: 2px;
  border: solid 1px #E6E9EA;
  text-align: left;
  position: relative; }
  .sign-up .signup-form .form-input-group i {
    color: #0066CC;
    font-size: 14px; }
  .sign-up .signup-form .form-input-group i:after {
    content: "";
    height: 30px;
    width: 1px;
    border-right: solid 1px #E6E9EA;
    position: absolute;
    top: 50%;
    left: 30px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
  .sign-up .signup-form .form-input-group i.fa-user,.sign-up .signup-form .form-input-group i.fa-mobile,
  .sign-up .signup-form .form-input-group i.fa-phone-square, .sign-up .signup-form .form-input-group i.fa-building-o,
  .sign-up .signup-form .form-input-group i.fa-briefcase  {
    font-size: 18px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    margin-left: 17px; }
  .sign-up .signup-form .form-input-group i.fa-envelope {
    font-size: 14px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    margin-left: 20px; }
  .sign-up .signup-form .form-input-group input {
    padding-left: 70px;
    width: 100%;
    height: 100%;
    border-radius: 0px;
    border: none;
    color:rgba(48, 48, 48, 1);
    font-weight:bold;
    -webkit-box-shadow: 0px 0px 16px 1px rgba(0,0,0,0.23);
-moz-box-shadow: 0px 0px 16px 1px rgba(0,0,0,0.23);
box-shadow: 0px 0px 16px 1px rgba(0,0,0,0.23);
     }

  .sign-up .signup-form .form-input-group input::-webkit-input-placeholder {
    color: #BCC1C3; }
  .sign-up .signup-form .form-input-group input:-moz-placeholder {
    color: #BCC1C3; }
  .sign-up .signup-form .form-input-group input::-moz-placeholder {
    color: #BCC1C3; }
  .sign-up .signup-form .form-input-group input:-ms-input-placeholder {
    color: #BCC1C3; }
   .sign-up .signup-form .form-input-group.input-textarea{
    border:0px solid transparent;
    overflow:hidden;height:auto;
   box-sizing:border-box;padding:0;
   }
   .sign-up .signup-form .form-input-group textarea::-webkit-input-placeholder {
   color: #BCC1C3; }

  .sign-up .signup-form .form-input-group textarea{
   width:100%;
  height: 100px;
  margin: 0 auto 0px;
  border-radius: 2px;
  padding:15px;
  color:rgba(71, 71, 71, 0.7);
  font-weight:bold;
  }
    input ,textarea:focus{
      outline: none
    }

/* ----------------------------------------------------------------------- */
.social-titles{
    padding-bottom:80px;
}

.social-titles ul{
    display:table;margin:0 auto;
}
.social-titles ul li{
    float:left;list-style:none;
}
.social-titles ul li {
    margin:10px;
}
.social-titles ul li a{
cursor:pointer;display:block;
width:48px;height:48px;
}

.social-titles ul li.social-fb{
    background-image:url(../../img/social/Facebook.png) ;
}
.social-titles ul li.social-twit{
    background-image:url(../../img/social/Twitter.png) ;
}
.social-titles ul li.social-ytube{
    background-image:url(../../img/social/Youtube.png) ;
}.social-titles ul li.social-gplus{
    background-image:url(../../img/social/GooglePlus.png) ;
}.social-titles ul li.social-linkd{
    background-image:url(../../img/social/Linkedin.png) ;
}

/* ------------------contry change  modal--------------------- */
#cn-modal{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:99999999;
background:rgba(0, 0, 0, 0.9);
display:none;
}

#cn-modal .inner{
position:absolute;
width:300px;
min-height:200px;
padding:20px;
background:rgba(255, 255, 255, 1);
top:200px;
left:50%;
margin-left:-150px;
border-radius:3px;
}
#cn-modal .inner p{
font-weight:900;color:rgba(5, 5, 5, 1);
font-size:22px;margin-bottom:20px;
line-height:1.3em;
}

#cn-modal .inner a.cn-modal-1{
display:block;
padding:5px;margin-bottom:15px;
background:rgba(0, 87, 29, 1);
text-align:center;
color:rgba(255, 255, 255, 1);
cursor:pointer;
-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.26);
-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.26);
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.26);
}
#cn-modal .inner a.cn-modal-2{
display:block;
padding:5px;
background:rgba(204, 0, 0, 1);
text-align:center;
color:rgba(255, 255, 255, 1);
cursor:pointer;
-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.26);
-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.26);
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.26);
}

/************************/
.pos-img { position:absolute; z-index:999; left:150px; bottom:60px; right:0px; margin:auto;display:none;}

.animation-slider { width:50%;height:auto; float:left;}
.mobile-display  { display:none !important;}
.f-btn {
  border: none;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  outline: none;
  overflow: hidden;
  position: relative;
  color: #1C1C1C;
  font-weight: 700;
  font-size: 14px;
  letter-spacing:1px;
  background-color: #F7F7F7;
  padding: 11px 15px;
  margin: 15px auto 30px auto;
  box-shadow: 0 5px 15px rgba(0,0,0,0.20);
  -webkit-box-shadow: 0px 0px 43px -10px rgba(0,0,0,0.52);
-moz-box-shadow: 0px 0px 43px -10px rgba(0,0,0,0.52);
box-shadow: 0px 0px 43px -10px rgba(0,0,0,0.52);
border-radius:2px;
}

.f-btn:hover{
color: #FFFFFF;
text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}

.f-btn span {
  position: relative;
  z-index: 1;
}

.f-btn span a{color:rgba(46, 46, 46, 1);}
.f-btn:hover span a{color:rgba(247, 247, 247, 1);}

.f-btn:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 490%;
  width: 140%;
  background:#2cb1e9;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
  transform: translateX(-98%) translateY(-25%) rotate(45deg);
}

.f-btn:hover:after {
  -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
  transform: translateX(-9%) translateY(-25%) rotate(45deg);
}
/* ----------------------- */

.fa-icon{
  position|:absolute;display:inline-block;width:45px;height:45px;
  position: absolute;
}

.fa-icon.fa-icon-init{
position:relative;
}

/* --------------- */
.benefits-row{
border-top:1px dashed #BDBDBD;padding-top:20px;
}




@media only screen and (min-width: 1000px) and (max-width: 1169px) {
.top-banner{ height:450px;}
}

@media only screen and (max-width: 768px) {
.top-banner{ height:350px;}
.top-banner.gt-banner{ height:240px;}
.top-banner-inner h1{font-size:24px;}
.contact-page-titles .col{
padding:20px 30px 30px 30px;border-left:0px dashed transparent;
}
.contact-page-titles .col:nth-child(2){
border-top:1px dashed rgba(87, 87, 87, 1);
}
.contact-page-titles .col p{
  letter-spacing:1px;font-size:15px;
}
.sign-up{
padding:40px 0 70px 0;
}
.row.social-titles{
  padding-bottom:40px;
}

.pos-img { display:none;}	
.top-banner { height:450px;}
.mobile-display  { display:none !important;}
}
@media only screen and (max-width: 479px) {
	.pos-img { display:none;}	
	.top-banner { height:450px;}
	.animation-slider { width:100%;}
	.slider { display:none;}
	.mobile-display { display:block !important;}
}
@media only screen and (min-width: 480px) and (max-width: 639px) {
		.pos-img { display:none;}
		.top-banner { height:450px;}
		.mobile-display { display:block !important;}
}