/* --- section bg var --- */

.bg-white{background: #fff;}
.bg-gray {background: #f8f8f8;}
.bg-dark {background: #575757;}
.bg-light {background:#E4E4E4;}
.bg-orange {background:#ffcc00;}

.black{ color:#272727;}
.bg-yellow{background:#ffcf01;}

/* --- section color var --- */

.text-light {color: #BBBBBB ; text-shadow: 0.5px 0.5px  rgba(217,217,217,0.10); -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; font-weight:400;}

.text-white {color: #F8F8F8; text-shadow: 0.5px 0.5px  rgba(217,217,217,0.10); -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
	
.text-dark {color:#424242; text-shadow: 0.5px 0.5px  rgba(217,217,217,0.10); -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; font-weight:400}	

.offsetBottom{margin-bottom:120px;}

a,.tp-caption a.btn:hover {color:#FFB600;}

.top-nav-collapse {background-color:rgba(147,147,147,0.50);}

.navbar-custom ul.nav ul.dropdown-menu li a:hover {color: #67b0d1;}

.widget-avatar .avatar:hover { border: 5px solid #67b0d1;}

.bg-skin {background: #67b0d1;}

form#contact-form input:focus,form#contact-form select:focus,form#contact-form textarea:focus {border-color: #FFB600;}

footer {background-color: #000000;}

/* --- FORMATTING!--- */

h2 {margin: 0 0 30px;   text-transform: uppercase;    font-family: Montserrat,sans-serif;    font-weight: 900;    letter-spacing: 2px;	font-size:40px;}

h3 {margin: 0 0 15px;    text-transform: uppercase;    font-family: Montserrat,sans-serif;    font-weight: 500;    letter-spacing: 0px;	font-size:25px;}

h4 {margin: 0 0 0px;    text-transform: uppercase;    font-family: Montserrat,sans-serif;    font-weight: 800;    letter-spacing: 0px;	font-size:15px;}

h5 {margin: 0 0 0px;    text-transform: uppercase;    font-family: Montserrat,sans-serif;    font-weight: 800;    letter-spacing: 0px;	font-size:15px;z-index: 0;}

p2 {margin: 0 0 20px;    font-size: 20px;    line-height: 1.6em;	font-weight:700;}

p2.lead {font-weight: 600;}

.btn-skin {color: #fff;  background-color: #FFB600;  border-color: #FFB600;}

.home-section {top:0px; padding-top: 0px; padding-bottom:0px; display:block; position:relative; z-index:120; height:100%; width:100%; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}

/* --- CREATIVE ABOUT SECTION --- */

.creative-section {top:0px; padding-top:0px; padding-bottom: 100px; margin-top: -200px; margin-bottom: 100px; display:block; position:relative; z-index:120; transform:skewy(6deg); webkit-transform:skewY(20deg); ms-transform:skewY(20deg); background-color: white;}

.creativeLeft{ position:relative; height:100%;  width:100%; padding-top:75px; padding-bottom:50px;transform:skewY(-6deg); margin-bottom: 50px;margin-top: 50px;}
.creativeRight{position:relative; height:100%; width:100%; padding-top:25px; padding-bottom:50px;transform:skewY(-6deg);margin-bottom: 50px;margin-top: 50px;}
 
 /* --- PROJECTS SECTION --- */

.projects-section {top:0px; padding-top: 0px; padding-bottom: 0px; display:block; position:relative; z-index:125; background-color:#FFFFFF; margin-top:-200px }
.projectsBackground {top:0px; padding-top: 0px; padding-bottom: 0px; height:1000px; margin-left:auto; margin-right: auto; display:block; position:relative; z-index:125; background-image:url(../img/comics.jpg); background-repeat:no-repeat; background-position:center top;}
.projects-selection{top:0px; padding-top:0px;display:block; width:100%; position:relative;}
.projects-frameContainer{position:relative; display: block;}
.projects-frame{position:relative; display:block;height:auto; border-left:2px solid #E4E4E4; border-right:2px solid #E4E4E4; padding-bottom:25px;}
.projects-frame-picture{height:100%; width:100%; position:relative;}
.projects-frame-title{height:100%; width:100%; position:relative; background-color:#FFFFFF; padding-top:20px; padding-bottom:20px;}
.projects-blog{}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}


 /* --- ABOUT SECTION --- */

.about-section {top:0px; padding-top: 0px; padding-bottom: 0px; display:block; position:relative; z-index:120; }
.aboutLeft{ position:relative; height:100%;  width:100%; padding-top:25px; padding-bottom:25px;}
.about-information {top:0px; padding-top:50px; padding-bottom: 50px; display:block; position:relative; z-index:120; }


 /* --- ELECTRONIC GEAR SECTION --- */
.electronics-section {top:0px; padding-top: 0px; padding-bottom: 0px; display:block; position:relative; z-index:120; }
.electronicsLeft{ position:relative; height:100%;  width:100%; padding-top:25px; padding-bottom:25px;}
.electronics-information {top:0px; padding-top:50px; padding-bottom: 50px; display:block; position:relative; z-index:120; }



 /* --- HERO SECTION --- */

.hero-section {top:0px; padding-top: 0px; padding-bottom: 0px; display:block; position:relative; z-index:120; }
.hero-information {top:0px; padding-top:50px; padding-bottom: 50px; display:block; position:relative; z-index:120;}
.hero-member{ box-sizing:border-box; margin-bottom:10px;}
.img-circle{ border-radius:100%; vertical-align:middle;}
.img-responsive{ max-width:75%; height:250px; display:block;}
.hero-img{ vertical-align:middle; position:relative; margin-left:auto; margin-right:auto;}


 /* --- CONNECT SECTION --- */
.connect-section {top:0px; padding-top: 100px; padding-bottom: 125px; display:block; position:relative; z-index:120;}

.navbar .navbar-nav {display: inline-block;  float: none;  vertical-align: top;  text-align: center;  white-space:nowrap;}

.navbar .navbar-collapse {text-align: center;}

.navbar-brand {font-weight: 700;}

.navbar-brand {height: 40px;  padding: 5px 15px;  font-size: 18px;  line-height: 1em;}

.logoCenter{position:relative; padding-top:450px; padding-bottom:100px; height:80px; width:100%; text-align:center; color:#FFFFFF; letter-spacing: 1px; font-size:30px;}