@charset "utf-8";
/* CSS Document */

#header.transparent #topMain.nav-pills>li.active>a, #header.transparent #topMain.nav-pills>li>a:hover {    border-bottom: red 2px solid;}
.size-20 {line-height: 30px !important;
    font-size: 15px !important;
}


section.page-header {padding: 25px 0 20px 0 !important; }

.text-default {
    color: #414141 !important;
}

.text-blue {color: #00adee !important;}

h2 {

	margin-bottom: 5px; }

h1 {

    margin: 0 0 20px 0;
}

#topMain.nav-pills>li>a {color: #fff;}
#topMain.nav-pills>li.active>a {color: aliceblue;}

section.page-header {background-color: #f3f3f3 !important; }

#topMain li {text-transform: uppercase;}

#portfolio.portfolio-nogutter .item-box {padding: 0 !important; margin: 5px !important; }

.parallax h3 {font-size: 38px;}

.center-div {margin: auto; width: 250px;}

.lead {font-size: 15px; font-weight: 400;;}

.tp-caption.small_light_white { font-size: 15pt; font-weight: 400; }

.tp-simpleresponsive .tp-caption { text-shadow: #000 1px 1px 1px }
h1 {font-weight: 900}

h1, .heading-title h3 {font-family: 'Montserrat', sans-serif; letter-spacing: -2px; font-size: 30px !important; }

div.testimonial p {text-align: left;}

#footer address { background:none;}

.trial {position: absolute; top: 120px; right: 50px; z-index: 999999; }

.promo {position: absolute; bottom: 50px; right: 50px; z-index: 999999; }

.pos-rel {position: relative}
.pos-abs {position: absolute}

#footer img.footer-logo {

    width: 240px;
}

.app-forms {border: 1px solid #cccccc; padding: 10px; margin: 10px;   background-color:aliceblue;}

.toggle-content {font-size: 15px; font-weight: 400;}

.nav-pills>li>a {
    border-radius: 0px;
}

.filter a { font-family: 'Montserrat', sans-serif;   letter-spacing: 0px !important;  } 

.lang {  padding: 5px 10px;
    background: rgba(0,0,0,0.2);
    position: absolute;
    right: 0px;
    top: 65px;
    z-index: 999999;}

.lang a {color: #fff;}

.hero-img-ht {height: 247px; background: #f8f8f8 url('../images/hero.jpg') no-repeat; background-position-x: center  !important; background-position-y: center !importanti;  background-size: 100% !important;}

#header a.logo>img {
	height: 75px;}

.hero-txt { font-size: 40px; margin: auto;  text-align: center;   font-family: 'Cookie', cursive;    line-height: 80px; background: -webkit-linear-gradient(0deg, white, yellow, orange, magenta, red); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; webkit-text-stroke: 1px black;}

#header.fixed.transparent #topMain.nav-pills>li>a {
    color: #fff;
}

#topNav {background: rgba(1,0,60,0.7);} 
#topMain.nav-pills>li:hover>a, #topMain.nav-pills>li:focus>a {
	color: lightblue; }

 #topMain.nav-pills>li>a {
  
    background-color: #5f5f7f;
}

#topNav button.btn-mobile {
	color: #fff; }



#topMain.nav-pills>li>a.dropdown-toggle:after {color: #ffffff; opacity: 1;}


@media only screen and (min-width: 768px) {
	
	.hero-txt {  font-size: 100px; }
     
 
	.hero-img-ht {height: 500px; background: url('../images/hero.jpg') no-repeat ; background-size: 100% !important;}
     
     
 
} /* ------ END (min-width: 768px) --------- */
 
 
 
@media only screen and (min-width: 992px) {
     
  .hero-img-ht {height: 700px; background-size: 100% !important;}
     
} /* ------ END (min-width: 992px) --------- */
 

 
 
@media only screen and (min-width: 1400px) {

	 .hero-img-ht {height: 740px; background-size: 84% !important;}
	
     
} /* ------ END (min-width: 1400px) --------- */
 
 
@media only screen and (min-width: 1600px) {

   .hero-img-ht { height:  780px; background-size: 75% !important;}
} /* ------ END (min-width: 1600px) --------- */
 
 
@media only screen and (min-width: 1800px) {
     
 .hero-img-ht {height:  780px; background-size: 65% !important;}
  
} /* ------ END (min-width: 1800px) --------- */