.clear{
	clear:both;
}
.spacer{
	padding-top:10px;
	clear:both;
}
.spacer20{
	padding-top:20px;
	clear:both;
}
.spacer40{
	padding-top:40px;
	clear:both;
}
.navbar-brand>img {
    height: 100px;
}
.custom-navbar .nav li a {
    padding-right: 15px;
    padding-left: 15px;
}
.pointer{
	cursor:pointer !important;
}
.fright{
	float:right !important;
}
.fleft{
	float:left !important;
}
.text-center{
	text-align:center !important;
}
.text-upper{
    text-transform: uppercase !important;
}
.dropdown-menu.small {
    min-width: 63px;
}
/*Header*/
.custom-navbar .nav li a {
    font-size: 14px;
    font-weight: 300;
}
.is-sticky .custom-navbar .nav li a {
    color: #333;
}
.is-sticky .custom-navbar .nav li.dropdown:hover > a{
	color: #fff;
}
.padt20{
	padding-top:20px !important;
}
.padb20{
	padding-bottom:20px !important;
}
.padt40{
	padding-top:40px !important;
}
.padb40{
	padding-bottom:40px !important;
}
.padt80{
	padding-top:80px !important;
}
.padb80{
	padding-bottom:80px !important;
}
.bg-soft{
	background:#f6f6f6;
}
.colored{
	color:#db3636 !important;
}
.center{
	text-align:center !important;	
}
input[type="checkbox"]{
	width:18px;
	height:18px;
	margin-right:10px;
	display:inline-block;
}
label{
	font-weight:400;
	line-height:20px;
	cursor:pointer;
}
.small {
	font-size:11px;
	line-height:15px !important;
}
h3.lit{
    color: #272727;
    font-size: 20px;
    line-height: 20px;
    margin: 0px 0px 10px 0;
    text-transform: uppercase;
    font-weight: 400;
}

/*To top*/
#totop{
    display: none; 
    position: fixed; 
    bottom: 20px;
    right: 30px; 
    z-index: 99; 
    outline: none; 
    background-color: #db3636; 
    border:2px solid #db3636;
    color: #fff; 
    cursor: pointer; 
    padding: 10px 15px;
    border-radius: 2px;
    font-size: 14px; 
    
}
#totop:hover {
    background-color: #fff; /* Add a dark-grey background on hover */
    color:#db3636;
}

/*HOME*/
.ball {
  display: inline-block;
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 50%;
  position: relative;
  -webkit-transform-style: preserve-3d;
  background-image: url('../media/map0.png');
  background-repeat: repeat-x;
  opacity:0.99;
  background-size: auto 100%;
  -webkit-animation: move-map 30s infinite linear;
  -moz-animation: move-map 30s infinite linear;
  -o-animation: move-map 30s infinite linear;
  -ms-animation: move-map 30s infinite linear;
  animation: move-map 30s infinite linear;
  box-shadow: 0 0 5px #ccc;
}
.ball:before {
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: 40px 10px 70px 10px rgba(0,0,0,0.2) inset;
  z-index: 2;
}
.ball:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-filter: blur(0);
  opacity: 0.1;
  background: radial-gradient(circle at 50% 80%, #efefef, #ececec 10%, #666666 66%, #333333 100%);
}
.ball .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0) 50%);
  -webkit-transform: rotateX(90deg) translateZ(-150px);
  -moz-transform: rotateX(90deg) translateZ(-150px);
  -ms-transform: rotateX(90deg) translateZ(-150px);
  -o-transform: rotateX(90deg) translateZ(-150px);
  transform: rotateX(90deg) translateZ(-150px);
  z-index: -1;
}
.stage {
  width: 300px;
  height: 300px;
  display: inline-block;
  margin: 20px;
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -ms-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
  -webkit-perspective-origin: 50% 50%;
  -moz-perspective-origin: 50% 50%;
  -ms-perspective-origin: 50% 50%;
  -o-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
}

#maphome .stage{
  opacity:0.25;
  transform: scale(1.25) translate(0, 0px);
  transition: all 2s ease-out;
}
#maphome .stage.status1{
  opacity:1;
  transform: scale(1) translate(0, 0);
}

@-moz-keyframes move-map {
  0% {
    background-position: -849px 0; }

  100% {
    background-position: 0 0; } }

@-webkit-keyframes move-map {
  0% {
    background-position: 0 0; }
  100% {
    background-position: -849px 0; }
}


@-o-keyframes move-map {
  0% {
    background-position: -849px 0; }

  100% {
    background-position: 0 0; } }

@-ms-keyframes move-map {
  0% {
    background-position: -849px 0; }

  100% {
    background-position: 0 0; } }

@keyframes move-map {
  0% {
    background-position: -849px 0; }

  100% {
    background-position: 0 0; } }
    
#maphome{
	text-align:center;
}
#maphome .mtitle .class1{
    position: relative;
    text-transform: uppercase;
    letter-spacing:-1px;
    color: #666;
    
    font-size: 34.5px;
    line-height: 34px;
    font-weight: 600;
}
#maphome .mtitle .class2{
    position: relative;
    text-transform: uppercase;
    letter-spacing:-1px;
    color: #666;
    
    font-size: 23.7px;
    line-height: 30px;
    font-weight: 600;
}
#maphome .mtitle .class3{
    color: #db3636;
    letter-spacing: -2px;
    font-size: 46px;
    line-height: 42px;
    font-weight: 800;
    text-transform: uppercase;
}




/*Slider*/
.caption.icon img{
	width:auto !important;
	height:400px !important;
	opacity:0.8;
}
.slidertext1,
.slidertext1 h2{
	font-size: 40px;
    font-weight: 700;
	text-align:right;
	color:#fff;
}
.slidertext2,
.slidertext2 h2{
	font-size: 24px;
    font-weight: 700;
	text-align:right;
	color:#fff;
}
.slidertext1 strong,
.slidertext2 strong{
	color:#db3636;
}
.slidertext1.aleft,
.slidertext1.aleft h2,
.slidertext2.aleft,
.slidertext2.aleft h2{
	text-align:left;
}
.slidertext1.aright,
.slidertext1.aright h2,
.slidertext2.aright,
.slidertext2.aright h2{
	text-align:right;
}
.tp-banner-container{
	background:rgba(0, 0, 0, 0.35);
}
.tp-banner .slotholder:after {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
 
    /* black overlay with 50% transparency */
    /*background: rgba(0, 0, 0, 0.35);*/
    /*background: url('../img/gridtile.png');*/
}
.sliderbtn a:hover,.sliderbtn a:focus,.sliderbtn a:active{
	color:#db3636 !important;
}


.howitwrap {
	background:#fff;
	padding-bottom:40px;
}
.howitwrap .section-title p {
    text-align:left !important;
}
#counter {
    padding-top: 0px;
}
#counter .counterbox{
    margin-top: 25px;
    border: 1px solid #db3636;
    background: #fff;
}
.counter-icon {
    font-size: 55px;
    margin-bottom: 10px;
    color: #db3636;
}
#counter .counter-number {
    color: #db3636;
    font-size: 50px;
    line-height: 50px;
}
#counter .counter-number.inline {
    display: inline-block;
}
.cmo-counter #counter .counterbox {
     min-height: 155px;
}
#counter .counter-number2{
    color: #db3636;
    font-size:44px;
    line-height:44px;
}
.cmo-counter #counter .counterbox.double {
     min-height: 335px;
}
#counter span {
    color: #db3636;
}
#counter span span{
	color: #444;
	font-weight:300;
}


/*Videobox*/
.videobox{
    position: relative;
	min-height:250px;
	overflow:hidden;
	margin-top:0px;
}
.videobox:after{
	width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
 
    /* black overlay with 50% transparency */
    background: rgba(0, 0, 0, 0.35);
    z-index:0;
}
.videobox video{
    margin: auto;
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	visibility: visible;
	width: 100%;
	height: auto;
}
.videobox .section-title{
	position:absolute;
	z-index:2;
	width:100%;
	text-align:center;
	top:45%;
	color: #fff;
	font-size: 30px;
	font-family: 'Roboto', sans-serif;
	line-height: 30px;
	font-weight: 600;
	text-transform:uppercase;
}


/*Carrousel*/
.inverseColors .owl-dot{
    background: #aaa;
}
.inverseColors .owl-dot.active {
    background: #fff;
}

/*FOOTER*/
.footer-top-area .social li a {
    display: inline-block;
    margin-right:5px;
}
.footer-lwf p{
	color:#a7a7a7;
}


/*General*/
.innerpgWraper2{padding:50px 0;}
.pageTitle{
	background-position: center center !important;
}
.pageTitle h1 {
    /*color: #db3636;*/
    color: #000;
    font-size: 36px;
    font-weight: 300;
    text-transform: uppercase;
    text-align:right;
    
    /*padding-left:30px;*/
    
    text-shadow: 1px 1px 2px rgba(255,255,255,0.8);
}
.breadCrumb {
    color: #000;
}
.breadCrumb a {
    color: #000;
}
.breadCrumb span {
    color: #000;
}
.intro p{
	
}
.section-title-2{
	margin-top:40px;
	text-align:left;
}
.section-title-2 h3{
    position: relative;
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 30px;
    text-transform: none;
    font-weight: 600;
    color:#db3636;
    color:#272727;
}
.section-title-2 h3:after {
    content: '';
    position: absolute;
    background: #272727;
    background: #db3636;
    height: 2px;
    width: 60px;
    bottom: -10px;
    left: 0;
}

.map {
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);
}



/*Inner Pages*/
.default-title{
	font-size:28px;
	line-height:28px;
	margin-bottom:15px;
	color:#db3636;
	
	text-transform:uppercase;
}
.section-title p.bigger{
	font-size:22px;
}
.subheader{
	background: #efefef;
}
.subheader p{
	max-width:60%;
}
.split .fullimg{
	height:auto;
}
.button {
	display: inline-block;
	margin-top: 15px;
	color: #fff;
	font-weight: 600;
	padding: 7px 15px;
	background: #db3636;
	border-radius: 4px;
}
.button:hover,
.button:focus,
.button:active {
	text-decoration: none;
	background: #333;
	color:#fff;
}
.innerImg{
	position:relative;
}
.innerImg img{
	border-radius:5px;
}
.innerpgWraper ul{
	margin-bottom:20px;
}
.innerpgWraper ul li{
	color:#444;
	padding:10px 0 0px 1em;
	padding-left: 1em; 
	text-indent: -.7em;
	font-size: 14px;
}
.innerpgWraper ul li::before {
  content: "• ";
  font-size:18px;
  line-height:14px;
  color: #db3636; /* or whatever color you prefer */
}
 .innerImg.float-half{
 	float:left;
 	width:50%;
 	margin:0 20px 0px 0;
 }

/*Products*/
.subtitle{
	font-size:22px;
	font-weight:600;
	color: #333;
}



.form-control.errorform{
	border:2px solid #db3636 !important;
}
label.errorform *,
label.errorform{
	color:#db3636 !important;
}
.listpgWraper {
    min-height:450px;
}
.contact-form input[type='file'] {
    border: 0 !important;
    height: auto;
    width:100%;
    padding:0 0 10px 0;
    margin:0 0 10px 0;
}


@media (min-width: 1200px){
	.navbar.custom-navbar > .container{
		width:95%;
	}
}

.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}
.collapse {  transition: height 0.01s; }  

@media (max-width: 768px) {
	.navbar-brand>img {
	    height: 75px;
	}
	.dropdown-menu {
	    position: relative;
	    top: 0;
	    left: 0;
	    float: none;
	    min-width: 160px;
	    padding: 5px 0;
	    margin: 2px 0 0;
	    font-size: 14px;
	    text-align: left;
	    list-style: none;
	    background-color: #fff;
	    border: none;
	    border-bottom: 1px solid #efefef;
	    border-radius: 0px;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}
	.custom-navbar .nav li .dropdown-menu li a {
	    padding: 8px 10px 8px 40px;
	    border-bottom: none;
	}
	.caption.icon {
		display:none !important;
	}
	.videobox video{
		width: 120%;
	}
	.videobox .section-title{
		top:25%;
		font-size: 30px;
		line-height: 30px;
	}
	.navbar-collapse.collapse.in{
		margin-top:30px;
	}
	.subheader p{
		max-width:100%;
	}
	.innerpgWraper{
		padding:20px 0;
	}
	.innerImg{
		padding:40px 0;
	}
	.innerImg.float-half {
	    width: 100%;
	    margin: 0 0px 0px 0;
	    padding:0;
	}
	
	.caption{
		font-size:20px !important;
		line-height:22px !important;
     	width: 100% !important;
	    padding: 20px !important;
	    height: 200px !important;
	    text-align:center !important;
	}
	.caption *{
		font-size:20px !important;
		line-height:22px !important;
	    text-align:center !important;
	}
	.caption.slidertext1{
		top:250px !important;
	}
	.caption.slidertext1.second{
		top:280px !important;
	}
	.caption.slidertext2{
		display:none !important;
	}
	.caption.sliderbtn{
		top:320px !important;
	}
	.caption.sliderbtn *{
		font-size:16px !important;
	}
	
	
	.footer-lwf {
		min-height:50px;
	}
	.owl-dot {
	    width: 10px;
	    height: 10px;
	}
	.videobox {
	    min-height: 230px;
	}
	.videowraper, .howitwrap {
	    padding: 30px 15px;
	}
	
	#counter .counter-item {
	    margin-top: 10px;
	    margin-bottom: 10px;
	}
	
	.section-title h3 {
	    font-size: 24px;
	    margin-bottom: 50px;
	    line-height: 28px;
	}
}


@media (min-width: 601px) {
	.only-mobile{
		display:none !important;
	}
}
@media (max-width: 600px) {
	.only-web{
		display:none !important;
	}
}