/* ==== Google font ==== */


@import url(https://fonts.googleapis.com/css?family=Roboto:400,900italic,400italic,500,500italic,700,700italic,900,300,300italic&subset=latin,latin-ext,cyrillic-ext,cyrillic);

@import url(https://fonts.googleapis.com/css?family=Lato:400,900italic,900,700italic,700,400italic&subset=latin-ext,latin);
/*

@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700,900);

@import url('http://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext');

@import url('http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic'); */


/* --- pe-icon-7-stroke --- 
@import url('pe-icon-7-stroke.css');
@import url('helper.css'); */


body {
    width: 100%;
    height: 100%;
    font-family: 'Roboto',sans-serif;
	font-weight: 300;
    color: #fff;
    background: #131313;
	font-size: 16px;
    line-height: 1.6em;
}

html {
    width: 100%;
    height: 100%;
}

h1 {
	font-size: 38px;
}
h2 {
	font-size: 32px;
}
h3 {
	font-size: 32px;
}
h4 {
	font-size: 28px;
}
h5 {
	font-size: 24px;
}
h6 {
	font-size: 20px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 30px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
	color: #fff;
}

h1.h-xlight,h2.h-xlight,h3.h-xlight ,h4.h-xlight ,h5.h-xlight ,h6.h-xlight  {
	font-weight: 200;
}

h1.h-light,h2.h-light,h3.h-light ,h4.h-light ,h5.h-light ,h6.h-light  {
	font-weight: 300;
}

h1.h-bold,h2.h-bold,h3.h-bold ,h4.h-bold ,h5.h-bold ,h6.h-bold  {
	font-weight: 600;
}

h1.font-light,h2.font-light,h3.font-light,h4.font-light,h5.font-light,h6.font-light {
	color: #fff;
}

.big-heading {
	font-size: 48px;
	font-weight: 700;
}

p {
    margin: 0 0 20px;

}

p.lead {
	font-weight: 600;
}

.highlight-light {
	background-color: rgba(255,255,255,.5);
	padding: 20px;
	display: inline-block;
	color: #111;
}

.highlight-dark {
	background-color: rgba(0,0,0,.5);
	padding: 20px;
	display: inline-block;
	color: #fff;
}

.highlight-color {
	padding: 20px;
	display: inline-block;
}

a {
    color: #666;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:hover,
a:focus {
    text-decoration: none;
	    color: #fff;
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 24px;
	line-height: 1.5em;
  font-weight: 300;
  color: #999;
}

blockquote.bg-light {
	background-color: rgba(255,255,255,.8);
	padding: 20px;
	color: #222;
}

blockquote.bg-dark {
	background-color: rgba(0,0,0,.8);
	padding: 20px;
}

blockquote strong {
  font-weight: 700;
}




.light {
    font-weight: 400;
}

/* ===========================
--- Custom
============================ */

.banner {
	background-image: url(../images/mainbg-lat-big.jpg);
	background-position: center top ;
	background-size:100% auto;
	background-repeat:no-repeat;
	padding-bottom: 0%;

}


.contentcolumn {
/*	background-color:#FFFFFF; */
	padding-top:20px;
	min-height:600px;


}

.contentbox {
	background: rgba(19, 19, 19, 0.7);
	margin: -15px; 
	padding:15px; 
/*	margin-top: 55%; */

	
}



@media (max-width: 991px) {
  .hide-small {
    display: none;
  }
	
  .banner {
	background-image: url(../images/mainbg-lat-small.jpg);
  }	

}

@media (min-width: 992px) {
  .show-small {
    display: none;
  }

}



@media (min-width: 1600px) {
.banner {
	width: 1600px;
	margin: 0 auto;

}
}





/*  Overlay */

input#hide {
display:none;
}


span#overlay {
    display:block;
		z-index:999;
  background: #000;
  height: 100%;
  width: 100%;
  opacity: .9;
  top: 0;
  left: 0;
  position: absolute;
  padding: 0;
  transition: opacity .5s;
}


input#hide:checked ~ span#overlay {
    display:none;
}

.screen {
	display:block;
	height: 100%;
    width: 100%;
    position: absolute;
	z-index: 1001;
	}

.overlaycontent {
	width:400px;
	height:200px;
	position:absolute;
	left:50%;
	top:40%;
	margin:-100px 0 0 -200px;
	}



/*  Checkbox */

label {
    display: inline;
	margin-bottom:0 !important;
}

.regular-checkbox {
    display: none;
}

.regular-checkbox + label {
    background-color: #fff;
    border: 1px solid #eee;
    padding: 9px;
    border-radius: 2px;
    display: inline-block;
    position: relative;
}


.regular-checkbox:checked + label {
    background-color: #e9ecee;
    border: 1px solid #adb8c0;
    color: #99a1a7;
}

.regular-checkbox:checked + label:after {
    content: '\2714';
    font-size: 12px;

    position: absolute;
    top: 0px;
    left: 3px;
    color: #99a1a7;
}

.big-checkbox + label {
    padding: 20px;
}

.big-checkbox:checked + label:after {
    font-size: 30px;
		line-height:1.0em;
    left: 6px;
}

.tag {

    width: 260px;
    position: relative;
    top: 5px;
    display: block;
    float: left;
}



/* ===========================
--- Contact
============================ */


.form-group {
  margin-bottom: 20px;
}

form#contact-form .form-group label {
	text-align: left !important;
	display: block;
	text-transform: uppercase;
	font-size: 16px;
}
form#contact-form input,form#contact-form select,form#contact-form textarea {
	font-size: 18px;
	line-height: 1.6em;
	border: 1px solid #eee;
  -webkit-box-shadow: none;
          box-shadow:  none;
	border-radius: 2px;
}

.btn-lg,
.btn-group-lg > .btn {
  border-radius: 2px;
}

form#contact-form input:focus,form#contact-form select:focus,form#contact-form textarea:focus {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}
.input-group-addon {
  background-color: #fefefe;
  border: 1px solid #eee;
}

.widget-contact {
	text-align: left;
}

.err {
	border: 1px solid #c83539 !important;
}


/* --- button --- */
.btn {
	border-radius: 2px;
	position: relative;
	display: inline-block;
	outline: none;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;	
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 14px;
}

.btn.btn-noradius {
	border-radius: 0;
}

a.btn:focus{
	outline: 0;
}

.btn-red {
  color: #000;
  background: linear-gradient(-90deg, #b68f4d, #ddc9a5, #d1b57f );
  border-color: #b69051;
	border-radius: 25px;
}
.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active {
  color: #fff;
  background-color: #666;
  border-color: #666;
}
.btn-red:active {
  background-image: none;
}


.btn-skin:hover,
.btn-skin:focus,
.btn-skin:active,
.btn-skin.active {
  color: #fff;
  background-color: #666;
  border-color: #666;
}


.btn-default:hover,
.btn-default:focus {
    border: 1px solid #28c3ab;
    outline: 0;
    color: #000;
    background-color: #28c3ab;
}

.btn-huge {
    padding: 25px;
    font-size: 26px;
}

.banner-social-buttons {
    margin-top: 0;
}

/* margins */
.marginbot-0{margin-bottom:0 !important;}
.marginbot-10{margin-bottom:10px !important;}
.marginbot-20{margin-bottom:20px !important;}
.marginbot-30{margin-bottom:30px !important;}
.marginbot-40{margin-bottom:40px !important;}
.marginbot-50{margin-bottom:50px !important;}
.marginbot-60{margin-bottom:60px !important;}
.marginbot-70{margin-bottom:70px !important;}
.marginbot-80{margin-bottom:80px !important;}
.marginbot-90{margin-bottom:90px !important;}
.marginbot-100{margin-bottom:100px !important;}

.margintop-0{margin-top:0 !important;}
.margintop-10{margin-top:10px !important;}
.margintop-20{margin-top:20px !important;}
.margintop-30{margin-top:30px !important;}
.margintop-40{margin-top:40px !important;}
.margintop-45{margin-top:45px !important;}
.margintop-50{margin-top:50px !important;}

/* ===========================
--- General sections
============================ */

.home-section {
    padding-top: 150px;
    padding-bottom: 110px;
	display:block;
    position:relative;
    z-index:120;
}

.inner-section {
    padding-top: 110px;
    padding-bottom: 110px;
}


.home-section.nopadd-bot {
    padding-bottom: 0;
}


.section-heading h2 {
	font-size: 42px;
	letter-spacing: -1px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.section-heading p {
	font-weight: 300;
	font-size: 20px;
	line-height: 1.6em;
}

.color-dark .section-heading h2 {
	color: #111;
}
.color-dark .section-heading p {
	color: #444;
}

.color-dark .divider-short {
	background: #666;
}
.color-dark .divider-header {
	background: #666;
}

.color-light .divider-short {
	background: #666;
}
.color-light .divider-header {
	background: #666;
}


.color-light .section-heading h2 {
	color: #fff;
}
.color-light .section-heading p {
	color: #fefefe;
}

.color-light blockquote,.color-light p {
	color: #fefefe;
}