*  {
	-webkit-font-smoothing: antialiased; 
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.6;
    word-wrap: break-word;
    font-weight: 100;
}
body {padding-top: 58px;
    -webkit-font-smoothing: antialiased; 
	color: #848484;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.6;
    background: #fff;
    word-wrap: break-word;
    overflow-x: hidden;
    font-weight: 100;
	}

h3 {
    font-size: 16px;
    line-height: 1.25em;
}


.smooth-link { -o-transition:.5s;  -ms-transition:.5s;  -moz-transition:.5s; -webkit-transition:.5s;  transition:.5s;}
a {text-decoration:none!important; color:#333}
hr { border-color: #f05f40; border-width: 3px;  max-width: 50px; }
.margin-top-50{margin-top:50px;}
.margin-top-20{margin-top:20px;}
.margin-bottom-30{margin-bottom:30px;}
.margin-bottom-10{margin-bottom:10px;}
.width-height-100{width:100%; height:100%}

.no-padding-margin{padding:0px!important;margin:0px!important;}

.text-bold {font-weight:bold;}
.strong {font-weight:bold;}
.bold{font-family: proxima-nova, sans-serif;color: #8C8686;margin-bottom: 18px;
text-align: justify;line-height: 18px;font-weight:normal;padding-right:10px;}
.blue{background: #5290C5; color: #fff}
.yellow{background: #ff9732;color: #fff}
.green{background: #8DB80C;color: #fff}
.red{background: #f44343;color: #fff}
.purple{background:#c937ff;color: #fff}
.pink {background:#e8486d;color: #fff}

.blueColor{color:#5290C5}
.yellowColor{color:#ff9732}
.greenColor{color:#8DB80C}
.redColor{color:#f44343}
.purpleColor{color:#c937ff}

.bd-tp-blue{border-top: 3px solid #5290C5}
.bd-tp-yellow{border-top: 3px solid #ff9732}
.bd-tp-green{border-top: 3px solid #8DB80C}
.bd-tp-red{border-top: 3px solid #f44343}
.bd-tp-purple{border-top: 3px solid #c937ff}
.star{color:#ff0000}

.text-small {font-size: 85%;}

#page-loading-div{
    width:100%;
    height:100%;
    position:fixed;
    z-index:99999999999;
	background-color:#fff;
    background:url("../images/loading.gif") no-repeat center center rgba(255, 255, 255,0.9);
}
	
/********************* Menu CSS *********************/
.navbar .container {height: 60px;}
.navbar-nav {padding-top: 5px;}
.menu{background-color:rgba(255, 255, 255, 0.90); border-bottom: 3px solid}
.menu .navbar-toggle .icon-bar {
    background-color: #888;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}

.menu a {
    font-size: 13px;
    color: #0c1239 !important;
    letter-spacing: 1px;
    font-style: normal;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    /* ...and now for the proper property */
    transition:.5s;
	padding: 4px!important;
	display:inline!important;
	line-height: 30px!important;
}
.menu a:hover {color: #ff0000!important;background:none!important}

.menu a {
    background: none !important; /*text-transform: uppercase*/
}
.menu a.active {color: #ff0000!important}
.menu>ul>li>a>i.menu_icon {margin-right:8px;}
i.blank { display: none;}
span.line {
    background: -moz-linear-gradient(top, rgba(0,45,89,0) 13%, rgba(0,45,89,0.6) 50%, rgba(0,45,89,0) 87%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(13%,rgba(0,45,89,0)), color-stop(50%,rgba(0,45,89,0.6)), color-stop(87%,rgba(0,45,89,0)));
    background: -webkit-linear-gradient(top, rgba(0,45,89,0) 13%,rgba(0,45,89,0.6) 50%,rgba(0,45,89,0) 87%);
    background: -o-linear-gradient(top, rgba(0,45,89,0) 13%,rgba(0,45,89,0.6) 50%,rgba(0,45,89,0) 87%);
    background: -ms-linear-gradient(top, rgba(0,45,89,0) 13%,rgba(0,45,89,0.6) 50%,rgba(0,45,89,0) 87%);
    background: linear-gradient(to bottom, rgba(0,45,89,0) 13%,rgba(0,45,89,0.6) 50%,rgba(0,45,89,0) 87%);
	content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 40%;
    top: 30%;
	right: 0;
	}
#navbar > ul > li.active a{color:#333;}	
#navbar > ul > li {padding:10px!important;}
ul.dropdown-menu > li > a{color:#fff!important;text-transform: capitalize!important}
#navbar > ul.dropdown-menu > li > {padding:4px!important}
	

/********************* Menu CSS *********************/

/************** Slider *****************/
/*.slider-div {background:url(../images/slider-bg.png); background-color: #f44343}*/
.slider-div img {width:100%; height: 100%}

/************** Slider *****************/


.caption-line{font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; font-size:1.2em;}	


/******************* Footer css ********************/
.footer {  font-size:11px;background-image:url(../images/world-map.png); color:#fff;    background-color: #0c1239;}
.footer h4 {color: #fff!important}
.follow-us a {color:#fff!important}
.social_icon{ color:#fff; text-align:center; font-size: 24px; margin-right: 10px;}
.footer-heading{font-weight:800; font-family:verdana;font-size:12px;}
.footer-services-link  ul{list-style:none; padding:0;margin:0}
.footer-services-link  li {margin-bottom: 5px;}
.footer-services-link  a {text-decoration:none; font-size:11px;color:#fff}
.footer-services-link  a:hover{color:#f44343}
.fb {background: #5c88ad}
.yt {background: #f75252}
.gplus {background: #f75252}

.application-div ul {list-style:none; padding:0;margin:0;}
.application-div ul li {padding-bottom:7px;}

.copy-right-div{padding:10px 0 10px 0;font-size:11px; color:#fff}
.copy-right-div a{color:#fff}
.copy-right-div a:hover{color:#f44343}
/******************* Footer css ********************/

/******************* Services css ********************/
.our-services, .our-products{text-transform: uppercase; text-align:center; font-family: baseOne; font-size: 30px; color: #3f3838}
.feature-box{border: 1px solid #eee; border-bottom: 2px solid #5290C5;}
.feature-box p {padding:3px 2px 3px 2px;}
.services h5{padding:5px; margin:0px;}
.description h4{color: #135b8a!important;}
/******************* Services css ********************/

.about-us-wrapper p{font-size:12px!important;}
.about-us-wrapper h3{font-size:14px!important; margin:0px;padding:5px 5px 5px 10px; background:#888585; color:#fff;}
.abt-desc {min-height:300px; border:1px solid #888;  padding:10px;}
.chart {    position: relative;    display: inline-block;    width: 110px;    height: 110px;    margin-bottom: 5px;    text-align: center;}
.chart canvas {    position: absolute;    top: 0;    left: 0;}
.percent {    display: inline-block;    line-height: 110px;    z-index: 2;}
.percent:after {    content:'%';    margin-left: 0.1em;    font-size: .8em;}
.circle:hover {color: #f05f40; background: none; /*border:2px solid #9d9d9d; */padding-top:10px;}
.circle{width: 100%; line-height: 20px; padding: 10px 10px; font-size: 12px;
    background:  #f05f40/*#f03391*/; color: #fff;  text-align: center; margin: 0 auto; /*border: 2px inset #efefef;*/}




.dropdown-menu{
background:rgba(255,255,255,0.90);
}


.nav>li>a, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>li>a, .dropdown-menu>li{
  border-bottom: 3px solid transparent;
}
.nav>li>a:focus, .nav>li>a:hover,.nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
  border-bottom: 3px solid transparent;
  background: none;
}
.dropdown-menu{
      -webkit-box-shadow: none;
    box-shadow:none;
}


/*Image Utility Classes*/
/* Gray Scale starts */
/*figure img {
	-webkit-filter: grayscale(90%);
	filter: grayscale(90%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
figure:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}*/
/* Gray Scale ends */


.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  margin-bottom: 20px;    
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect:hover .overlay {
  background-color: rgba(170,170,170,0.4);
}

.hovereffect h2, .hovereffect img {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.hovereffect:hover img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect h2 {
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 14px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
  top: 60%;
}

.hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  font-weight: normal;
  width: 50%;
  position: absolute;
  top: 30%;
  left: 25%;
  padding: 5px;
}

.hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  background-color: rgba(0,0,0,0.4);
}

/*
!* Flashing *!
figure:hover img {
    opacity: 1;
    -webkit-animation: flash 1.5s;
    animation: flash 1.5s;
}
@-webkit-keyframes flash {
    0% {
        opacity: .4;
    }
    100% {
        opacity: 1;
    }
}
@keyframes flash {
    0% {
        opacity: .4;
    }
    100% {
        opacity: 1;
    }
}

icon 
h1:after {
    position: absolute;
    top: 44px;
    display: inline-block;
    border-right: 14px solid transparent;
    border-top: 14px solid #195aaa;
    border-left: 14px solid transparent;
    content: '';
    left: 49%;
}
*/
h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    line-height: 1.5;
    color: #222;
}

.main-color {color:#ff0000}
.main-color-bg {background:#ff0000}
.sub-color {color: #0c1239}
.sub-color-bg {background: #0c1239}
.border-color-main{border-color: #ff0000}
.border-color-sub {border-color: #28347b}

.fh-section-title h2 {
    font-weight: 600;
    padding-bottom: 20px;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    text-transform: uppercase;
}
.fh-section-title h2:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 45%;
    width: 67px;
    height: 2px;
    background-color: #ff0000;
}
.fh-section-title.version-light h2 {
    color: #fff;
    padding-bottom: 0;
}
.fh-section-title.version-light h2:before {
  display: none;
}
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.font-30 {font-size: 30px;}





.fh-service-box {
  margin-bottom: 30px;
  color: #fff;
  position: relative;
  -webkit-transition: 0.5s;
          transition: 0.5s;
}
.fh-service-box h4,
.fh-service-box h4 a {
  color: #fff;
  font-weight: 400!important;
  font-size: 20px;
  -webkit-transition: 0.5s;
          transition: 0.5s;
}
.fh-service-box h4,
.fh-service-box .desc {
  padding-left: 70px;
}
.fh-service-box h4 {
  margin: 0;
  padding-bottom: 10px;
}
.fh-service-box i {
  font-size: 50px;
  color: #fff;
  -webkit-transition: 0.5s;
          transition: 0.5s;
}
.fh-service-box i:before {
  font-size: 50px;
}
.fh-service-box .fh-icon,
.fh-service-box .img-icon {
  position: absolute;
  left: 20px;
  top: 0;
  line-height: 1;
  -webkit-transition: 0.5s;
          transition: 0.5s;
}
.fh-service-box.style-1 {
  padding: 25px 20px;
  border: 1px solid #232951;
}
.fh-service-box.style-1 .fh-icon,
.fh-service-box.style-1 .img-icon {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.fh-service-box.style-1:hover {
  border-color: #ff0000;
}
.fh-service-box.style-1:hover .fh-icon,
.fh-service-box.style-1:hover .img-icon {
  color: #ff0000;
  top: 30px;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.fh-service-box.style-1:hover i {
  color: #ff0000;
}

.fh-btn {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  display: inline-block;
  min-width: 150px;
  min-height: 50px;
  line-height: 50px;
  -webkit-border-radius: 0;
          border-radius: 0;
  padding: 0 20px;
  background-color: #ff0000;
  text-transform: capitalize;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-family: 'Montserrat', sans-serif;
  -webkit-transition: 0.5s;
          transition: 0.5s;
}
.fh-btn:hover,
.fh-btn:focus {
  color: #fff;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  background-color: #ff0000;
}



.fh-icon-box {
  margin-bottom: 30px;
  position: relative;
}
.fh-icon-box h4,
.fh-icon-box h4 a,
.fh-icon-box .fh-icon,
.fh-icon-box .img-icon {
  -webkit-transition: 0.5s;
          transition: 0.5s;
  position: relative;
  z-index: 10;
}
.fh-icon-box:hover h4 a {
  color: #ff0000;
}
.fh-icon-box:hover .overlay {
  opacity: 1;
}
.fh-icon-box h4 {
  font-size: 20px;
  font-weight: 500!important;
  padding-bottom: 10px;
  padding-top: 15px;
  margin: 0;
}
.fh-icon-box .desc {
  position: relative;
  z-index: 10;
  -webkit-transition: 0.5s;
          transition: 0.5s;
}
.fh-icon-box .fh-icon {
  font-size: 74px;
  display: block;
  line-height: 1;
  background-color: transparent;
  color: #0c1239;
}
.fh-icon-box .fh-icon i:before {
  font-size: 74px;
}
.fh-icon-box.version-light {
  color: #fff;
}
.fh-icon-box.version-light h4,
.fh-icon-box.version-light h4 a,
.fh-icon-box.version-light .fh-icon {
  color: #fff;
}
.fh-icon-box.version-light:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0c1239;
  opacity: 0.7;
  z-index: 9;
  -webkit-transition: 0.5s;
          transition: 0.5s;
}
.fh-icon-box.version-light:hover h4,
.fh-icon-box.version-light:hover h4 a,
.fh-icon-box.version-light:hover .fh-icon {
  color: #fff;
}
.fh-icon-box.version-light:hover:before {
  background-color: #ff0000;
}
.fh-icon-box.has-line:before {
  content: '';
  position: absolute;
  width: 1px;
  height: -webkit-calc(100% + 35px);
  height: calc(100% + 35px);
  top: 0;
  left: 35px;
  background-color: #efefef;
}
.fh-icon-box.has-line.icon-right:before {
  left: auto;
  right: 35px;
}
.fh-icon-box.has-line .fh-icon {
  background-color: #fff;
}
.fh-icon-box.no-border {
  border: none;
}
.fh-icon-box.show-button .button-box {
  position: absolute;
  left: 50%;
  bottom: 40px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 10;
  opacity: 0;
  -webkit-transition: 0.5s;
          transition: 0.5s;
}
.fh-icon-box.show-button:hover .desc {
  opacity: 0;
}
.fh-icon-box.show-button:hover .button-box {
  opacity: 1;
}
.fh-icon-box {
  margin-bottom: 30px;
  position: relative;
}
.fh-icon-box h4,
.fh-icon-box h4 a,
.fh-icon-box .fh-icon,
.fh-icon-box .img-icon {
  -webkit-transition: 0.5s;
          transition: 0.5s;
  position: relative;
  z-index: 10;
}
.fh-icon-box:hover h4 a {
  color: #ff0000;
}
.fh-icon-box:hover .overlay {
  opacity: 1;
}
.fh-icon-box h4 {
  font-size: 20px;
  font-weight: 500;
  padding-bottom: 10px;
  padding-top: 15px;
  margin: 0;
}
.fh-icon-box .desc {
  position: relative;
  z-index: 10;
  -webkit-transition: 0.5s;
          transition: 0.5s;
}
.fh-icon-box .fh-icon {
  font-size: 74px;
  display: block;
  line-height: 1;
  background-color: transparent;
  color: #0c1239;
}
.fh-icon-box .fh-icon i:before {
  font-size: 74px;
}
.fh-icon-box.version-light {
  color: #fff;
}
.fh-icon-box.version-light h4,
.fh-icon-box.version-light h4 a,
.fh-icon-box.version-light .fh-icon {
  color: #fff;
}
.fh-icon-box.version-light:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0c1239;
  opacity: 0.7;
  z-index: 9;
  -webkit-transition: 0.5s;
          transition: 0.5s;
}
.fh-icon-box.version-light:hover h4,
.fh-icon-box.version-light:hover h4 a,
.fh-icon-box.version-light:hover .fh-icon {
  color: #fff;
}
.fh-icon-box.version-light:hover:before {
  background-color: #ff0000;
}
.fh-icon-box.has-line:before {
  content: '';
  position: absolute;
  width: 1px;
  height: -webkit-calc(100% + 35px);
  height: calc(100% + 35px);
  top: 0;
  left: 35px;
  background-color: #efefef;
}
.fh-icon-box.has-line.icon-right:before {
  left: auto;
  right: 35px;
}
.fh-icon-box.has-line .fh-icon {
  background-color: #fff;
}
.fh-icon-box.no-border {
  border: none;
}
.fh-icon-box.show-button .button-box {
  position: absolute;
  left: 50%;
  bottom: 40px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 10;
  opacity: 0;
  -webkit-transition: 0.5s;
          transition: 0.5s;
}
.fh-icon-box.show-button:hover .desc {
  opacity: 0;
}
.fh-icon-box.show-button:hover .button-box {
  opacity: 1;
}
.fh-icon-box.style-1 {
  padding: 30px;
  border: 1px solid #efefef;
  text-align: center;
}
.fh-icon-box.style-1.no-border {
  border: none;
}
.fh-icon-box.style-1.version-light {
  -webkit-box-shadow: 0 3px 16.6px 3.4px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 16.6px 3.4px rgba(0, 0, 0, 0.2);
}

.fh-icon-box.style-2 {
  margin-bottom: 35px;
}
.fh-icon-box.style-2 .fh-icon {
  font-size: 30px;
  color: #0c1239;
  width: 70px;
  height: 70px;
  line-height: 70px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  text-align: center;
  border: 1px solid #dbdbdb;
  position: relative;
  z-index: 99;
}
.fh-icon-box.style-2 .fh-icon i:before {
  font-size: 30px;
}
.fh-icon-box.style-2:hover .fh-icon {
  background-color: #ff0000;
  border-color: #ff0000;
  color: #fff;
}
.fh-icon-box.style-2 h4 {
  padding-top: 0;
}
.fh-icon-box.style-2.icon-left h4,
.fh-icon-box.style-2.icon-left .desc {
  padding-left: 100px;
}
.fh-icon-box.style-2.icon-left .fh-icon,
.fh-icon-box.style-2.icon-left .img-icon {
  float: left;
}
.fh-icon-box.style-2.icon-right {
  text-align: right;
}
.fh-icon-box.style-2.icon-right h4,
.fh-icon-box.style-2.icon-right .desc {
  padding-right: 100px;
}
.fh-icon-box.style-2.icon-right .fh-icon,
.fh-icon-box.style-2.icon-right .img-icon {
  float: right;
}
.fh-icon-box.style-2.icon-center {
  text-align: center;
}
.fh-icon-box.style-2.icon-center .fh-icon,
.fh-icon-box.style-2.icon-center .img-icon {
  margin: 0 auto 20px;
}
.fh-icon-box.style-2.service-process .fh-icon {
  width: 110px;
  height: 110px;
  line-height: 110px;
}
.fh-icon-box.style-2.service-process .fh-icon i,
.fh-icon-box.style-2.service-process .fh-icon i:before {
  font-size: 32px;
}

.fh-feature-box {
    position: relative;
    color: #dde2fc;
    margin-bottom: 30px;
}

.fh-feature-box .box-title,
.fh-feature-box .desc {
    padding-left: 70px;
}

.fh-feature-box .chars {
    position: absolute;
    left: 0;
    top: 7px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    text-align: center;
    color: #ff0000;
    border: 1px solid #232951;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

.fh-feature-box .box-title {
    font-size: 20px;
    color: #fff;
    margin: 0;
    padding-bottom: 10px;
    font-weight: 400;
}

.fh-contact-box {
    margin-bottom: 45px;
}

.fh-contact-box h4 {
    margin: 0;
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: 500;
}

.fh-contact-box i {
    float: left;
    font-size: 26px;
    color: #ff0000;
}

.fh-contact-box i:before {
    font-size: 26px;
}

.fh-contact-box h4,
.fh-contact-box .desc {
    padding-left: 40px;
}

.fh-contact-box ul {
    padding-left: 40px;
    margin: 0;
    list-style: none;
}

.fh-contact-box ul li {
    float: left;
    width: 42px;
    height: 42px;
    line-height: 38px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    border: 2px solid #f4f4f4;
    margin: 0 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    padding-top: 6px;
}

.fh-contact-box ul li:first-child {
    margin-left: 0;
}

.fh-contact-box ul li:last-child {
    margin-right: 0;
}

.fh-contact-box ul li a {
    color: #848484;
    display: block;
    font-size: 15px;
}

.fh-contact-box ul li a i {
    float: none;
    color: inherit;
    font-size: inherit;
}

.fh-contact-box ul li a i:before {
    font-size: inherit;
}

.fh-contact-box ul li:hover {
    background-color: #ff0000;
}

.fh-contact-box ul li:hover a {
    color: #fff;
}

@media screen and (min-width: 768px)
{
	.slider-item p{position: absolute ; top:80%; color:#fff; font-size: 2em; left: 65%;}
	 #navbar ul.dropdown-menu {border-radius:0!important}
	 #navbar ul.dropdown-menu li {padding-left:10px!important; border-bottom:1px solid #fff}
	 #navbar ul.dropdown-menu li:last-child {border-bottom:none!important}
    #navbar ul.dropdown-menu>li>a:hover {  color: #ff0000!important;}
}

@media screen and (min-width: 481px) and (max-width: 767px)
{
	.slider-item p{position: absolute ; top:75%; color:#fff; font-size: 16px;  font-weight:bold; left: 65%;}
	.slider-div .container {    padding-right: 0px;    padding-left: 0px;  }
	.gym-services-span {display:inherit;}
	
	.navbar-nav {background-color:#f3f4f9; border-bottom:2px solid #fff;}
  .menu a{color: #fff;}
  .menu a:hover {color: #333 !important; background:none!important;font-weight:bold;}	
  .menu a{background:none!important;font-weight:bold;}
  span.line {display: none;}
  #navbar > ul > li.active a{color:#333;font-weight:bold;}	
  #navbar > ul > li {border-bottom: 1px solid #fff;}
  ul.dropdown-menu > li > a{color:#333!important;text-transform:capitalize;font-weight:bold; margin-left: 20px;}
  ul.dropdown-menu > li > a:hover {color:#ff0000!important}

}

/* #### Mobile Phones Portrait #### */
@media only screen and (max-width: 480px)
{
	body { font-size: 12px; line-height: 1.42857143;}
	.slider-item p{margin-top:-30px; z-index:9999999999; color:#dff0d8; font-size: 14px;  font-weight:bold; text-align:center;}
	.hovereffect h2 {  color: #fff;  text-align: center;  position: relative;  font-size: 12px;  padding: 2px;  background: rgba(0, 0, 0, 0.6);  top: 40%;}
	.hovereffect a.info {  display: inline-block;  text-decoration: none;  text-transform: uppercase;  color: #fff;  border: 1px solid #fff;  background-color: transparent;
  opacity: 0;  filter: alpha(opacity=0);  -webkit-transform: scale(1.5);  -ms-transform: scale(1.5);  transform: scale(1.5);  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;  font-weight: normal;  width: 90%;  position: absolute;  top: 20%;  left: 5%;  padding: 5px;}
  .caption-line{font-size:12px; font-weight:bold;}	
  .slider-div .container {    padding-right: 0px;    padding-left: 0px;  }
  #application-slider li {display:inline; padding-right:5px;}
  .gym-services-span {display:inherit;}
  .landscape-heading {font-size:16px; left:20%!important; top:60%!important;}
  
  .navbar-nav {background-color:#f44343; border-bottom:2px solid #333;}
  .menu a{color: #fff;}
  .menu a:hover {color: #333 !important; background:none!important;font-weight:bold;}	
  .menu a{background:none!important;font-weight:bold;}
  span.line {display: none;}
  #navbar > ul > li.active a{color:#333;font-weight:bold;}	
  #navbar > ul > li {border-bottom: 1px solid #c30707;}
  ul.dropdown-menu > li > a{color:#fff!important;text-transform:capitalize;font-weight:bold;}
}

.slider-item {
    height: 100%;
}

.slider-caption {
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    left: 0;
    opacity: 1;
    padding: 25px 0 0;
    position: absolute;
    top: 0px;
    width: 100%;
    color: #fff;
}

.slider-content {
    padding-top: 100px;
}

.slider-content h2 {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 3px;
    margin-bottom: 30px;
    animation-delay: 0.8s;
    color: #fff;
}

.slider-content h3 {
    font-size: 30px;
    font-weight: 900;
    letter-spacing: 3px;
    margin-bottom: 30px;
    animation-delay: 0.8s;
    color: #fff;
}

.slider-content h2 span {
    color: #ff1e1a;
    font-size: 18px;
}

.slider-content h1 {
    font-family: lato;
    font-size: 52px;
    font-weight: 900;
    margin: 0 0 30px;
    animation-delay: 1.2s;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
}

#lightSlider .active .slider-content * {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

#lightSlider .active .slider-caption .slider-content h2, #lightSlider .active .slider-caption .slider-content h3 {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
}

#lightSlider .active .slider-caption .slider-content h1 {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

#lightSlider .active .slider-caption .slider-content a {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}