@charset "utf-8";
/* stylesheet */

/*MEDIA QUERY RWD*/
.body {
	background-color: #dfdfdf !important;
}
.name::after {
	content: "";
	clear: both;
	display: table;
}
[class*="col-"] {
	float: left;
	padding: 0px;
}
@media only screen and (max-width: 600px) {
/* for mobile just logo*/
	.col-m-1 {width: 8.33%;}
	.col-m-2 {width: 16.66%;}
	.col-m-3 {width: 25%;}
	.col-m-4 {width: 33.33%;}
	.col-m-5 {width: 41.66%;}
	.col-m-6 {width: 50%;}
	.col-m-7 {width: 58.33%;}
	.col-m-8 {width: 66.66%;}
	.col-m-9 {width: 75%;}
	.col-m-10 {width: 83.33%;}
	.col-m-11 {width: 91.66%;}
	.col-m-12 {width: 100%;}
	#logo {
		padding: 30px 150px 0px 150px;
	}
}
@media only screen and (min-width: 600px) {
/* For small screens: */
	.col-s-1 {width: 8.33%;}
	.col-s-2 {width: 16.66%;}
	.col-s-3 {width: 25%;}
	.col-s-4 {width: 33.33%;}
	.col-s-5 {width: 41.66%;}
	.col-s-6 {width: 50%;}
	.col-s-7 {width: 58.33%;}
	.col-s-8 {width: 66.66%;}
	.col-s-9 {width: 75%;}
	.col-s-10 {width: 83.33%;}
	.col-s-11 {width: 91.66%;}
	.col-s-12 {width: 100%;}
	#logo {
		padding: 30px 35px 20px 35px;
}
}
@media only screen and (min-width: 768px) {
/* For landscape tablets, desktops and up: */
	.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
 	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}
	#logo {
		padding: 30px 35px 20px 35px;
}
}
	
/*COMMON CODE*/
html body {
	background-color: transparent;
	font-family: montserrat, sans-serif;
	line-height: 1.4em;
	margin: 0;
}	
.wrapper {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    border-spacing: 0px 0px;
	padding-bottom: 30px;
	position: relative;
}	
h1 {
	margin-left: 0;
	padding-top: 50px;
	font-weight: 1000 !important;
	font-style: italic;
	text-align: center;
	align-self:center;
}
h2 {
	font-weight: 700 !important;
	font-style:italic;
	text-align: center;
	color: #ff560b !important;
}
h3 {
	font-weight: 500;
	font-style:normal;
	text-transform: uppercase;
	text-align: center;
	padding-top: 20px;
}
h4 {
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
	text-align: left;
	padding-top: 30px;
	padding-left: 40px;
}
h5 {
	font-size: 100% !important;
	font-weight: 400;
	font-style:italic;
	text-align:center;
}
p {
	font-size: 100%;
	font-weight: 400;
	font-style: normal;
	line-height: 1.4em;
	text-align: justify;
	text-align: center;
	padding: 10px 40px 0px 40px;
}

/*INDEX*/
/*Navbar*/                                                                                        
.mynavbar {
	overflow: inherit;
	background-color: #dfdfdf;
	padding-top: 5px;
	padding-bottom: 20px;
	position: relative;
}
.mynavbar a {
	float: left;
	display: block;
	color: #a4a4a4;
	text-align: center;
	padding:5px 20px;
	text-decoration: none;
	font-size: 16px;
}
.active {
	background-color: #ff560b;
	color: #dfdfdf !important;
}
.mynavbar .icon {
	display: none;
}
.projects-dropdown {
	float: left;
}
.projects-dropdown .dropbtn {
	font-size: 16px;
	border: none;
	outline: none;
	color: #a4a4a4;
	padding: 0px;
	background-color: inherit;
	font-family: inherit;
	margin: 0;
	top: 100%;
}
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #dfdfdf;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 100; 
}
.dropdown-content a {
	float: none;
	color: #a4a4a4;
	padding: 5px 0px;
	text-decoration: none;
	display: block;
	text-align: center;
}
.mynavbar a:hover, .projects-dropdown:hover .dropbtn {
	background-color: #ff3c15;
	color: #dfdfdf !important;
	
}
.dropdown-content a:hover {
	background-color: #ff1b1c;
	color: #dfdfdf !important;
}
.projects-dropdown:hover .dropdown-content {
	display: block;
	overflow: visible;
}
@media screen and (max-width: 600px) {
  .mynavbar a:not(:first-child), .projects-dropdown .dropbtn {
    display: none;
  }
  .mynavbar a.icon {
    float: right;
    display: block;
	text-decoration: none !important;
	}
}
@media screen and (max-width: 600px) {
  .mynavbar.responsive {position: relative;}
  .mynavbar.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
	text-decoration: none !important;
	}
  .mynavbar.responsive a {
    float: none;
    display: block;
    text-align: left;
	}
  .mynavbar.responsive .projects-dropdown {float: none;}
  .mynavbar.responsive .dropdown-content {position: relative;}
  .mynavbar.responsive .projects-dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}

/*Bootstrap Carousel*/
.carousel {
	align: center;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
}	
ol, ul {
    margin-top: 0;
    margin-bottom: 10px;
}
.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: 0;
    text-align: center;
    list-style: none;
}
.carousel-indicators li .active{
	position: relative;
    display: inline-block;
	text-align: center;
	left: 20px;
	bottom: 10px;
    width: 100%;
    height: 10px;
    margin: 1px;
    cursor: pointer;
    background-color: rgba(0,0,0,0);
    border: 1px solid #fff;
    border-radius: 10px;
}
.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff !important;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
.carousel-inner>.item {
    position: relative;
    display: none;
}
.carousel-inner {
    position: relative;
    width: 50%;
    overflow: hidden;
}
.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev {
    display: block;
}	
.carousel-control.left, .carousel-control.right {
    background-image: none
}	
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
	margin: auto;
}
.item a {
	color: #fff !important;
	text-decoration: none;
	background-color: transparent;
	cursor: pointer;
}
.item img {
	vertical-align: middle;
	border: 0;
}
p .footer {
	font-size: 100%;
	line-height: 1.4em;
	text-align: justify;
	text-align: center;
}
.backtotop .backtoprojects .backtohome {
	text-align: center !important;
}
a .backtotop .backtoprojects .backtohome {
	color: #ff6600 !important;
}
footer {
	padding: 10px;
}
a:link{
	color: #b2b2b2;
}
a:hover{
	color: #ff3c15 !important;
	text-decoration: underline;
	transition: 0.5s;
}
a:visited{
	color: #b2b2b2;
}
a:active {
	color: #ff6600;
}
.spacer {
	background: #fff;
	padding: 20px;
}
	
/*ABOUT*/
#container {
	align-content: center;
}
.center .img_responsive {
 	display: block;
 	margin: 0 auto;
	position: absolute;
}

/*PROJECTS*/
a .projects {
	font-size: 120%;
	text-align: center;
	color: #a4a4a4;
	padding-bottom: 80px;
}
#backtoprojects {
	padding-bottom: 30px;
}

/*RISE*/
/*desktop*/
@media  screen and (min-width: 768px) {
	#phases {
		padding: 30px 15px 15px 15px;
	}	
	#moon {
		padding: 15px 15px;
	}	
	#bright {
		padding: 15px 15px;
	}	
	#knurl {
		padding: 15px 15px;
	}	
	#risecomment {
		padding: 30px 10px 30px 10px;
	}
}
/*moible*/
@media  screen and (max-width: 600px) {
	#phases {
		padding: 15px 15px;
	}	
	#moon {
		padding: 15px 15px;
	}	
	#bright {
		padding: 15px 15px;
	}	
	#knurl {
		padding: 15px 15px;
	}	
	#risecomment {
		padding: 15px 10px 30px 10px;
	}
}
	
/*ONEPOT*/
/*desktop*/
@media  screen and (min-width: 768px) {
	#display {
		padding: 30px 15px 0px 15px;
	}	
	#interaction {
		padding: 30px 15px 0px 15px;
	}	
	#lid {
		padding: 0px 15px;
	}	
	#base {
		padding: 0px 15px;
	}	
	#cable {
		padding: 0px 15px;
	}
	#onepotcomment {
		padding: 30px 10px 30px 10px;
	}
}
/*moible*/
@media  screen and (max-width: 600px) {
	#display {
		padding: 15px 15px 5px 15px;
	}	
	#interaction {
		padding: 15px 15px;
	}
	#lid {
		padding: 15px 15px;
	}
	#base {
		padding: 15px 15px;
	}		
	#cable {
		padding: 15px 15px;
	}
	#onepotcomment {
		padding: 15px 10px;
	}
}

/*VIOLINS*/
/*desktop*/
@media  screen and (min-width: 768px) {
	#first {
		padding: 30px 15px;
	}	
	#second {
		padding: 30px 15px;
	}	
	#weld {
		padding: 0px;
	}
	#violincomment {
		padding: 30px 10px 30px 10px;
	}
}
/*moible*/
@media  screen and (max-width: 600px) {
	#first {
		padding: 15px 15px;
	}	
	#second {
		padding: 15px 15px;
	}	
	#weld {
		padding: 15px 15px;
	}
	#violincomment {
		padding: 15px 10px 30px 10px;
	}
}
	
/*JEWELLERY*/
iframe {
	border: none;
}
/*desktop*/
@media  screen and (min-width: 768px) {
	#collection {
		padding: 30px;
	}	
	#jewellerycomment {
		padding: 90px 10px 90px 0px;
	}	
	#standalone {
		padding: 30px 15px;
	}
	#interaction {
		padding: 30px 15px;
	}
	#video {
		padding: 20px 0px;
	}
}
/*mobile*/
@media  screen and (max-width: 600px) {
	#collection {
		padding: 30px 15px;
	}	
	#stands {
		padding-bottom: 15px;
	}
	#standalone {
		padding: 15px 15px;
	}
	#interaction {
		padding: 15px 15px;
	}
	#video {
		padding: 0px 15px;
	}
	#backtoprojects {
		padding-top: 30px;
	}
}

/*BLOG*/
ul {
	list-style-type: disc;
	list-style-position: outside;
}
table {
	width: 600px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
}
th, td {
	padding: 7px 10px 10px 10px;
}
th {
	text-transform: uppercase;
	font-size: 90%;
	border-bottom: 1px solid #ff1b1c;
	border-top: 1px solid #ff1b1c;
	text-align: center !important;
}
td.rank {
	text-align: center;
}
td.country {
	text-align: left !important;
}
td.money {
	text-align: right;
}
	
/*CONTACT*/
#linkedin a{
	color: #ff6600 !important;
}
#instagram a{
	color: #ff6600 !important;
}
#vimeo a{
	color: #ff6600 !important;
}
#linkedin a:hover{
	color: #ff3c15 !important;
}
#instagram a:hover{
	color: #ff3c15 !important;
}
#vimeo a:hover{
	color: #ff3c15 !important;
}#linkedin a:visited{
	color: #ff6600 !important;
}
#instagram a:visited{
	color: #ff6600 !important;
}
#vimeo a:visited{
	color: #ff6600 !important;
}
@media screen and (max-width: 600px) {
 .col-25, .col-75, input[type=submit] {
   width: 100%;
   margin-top: 0;
  }
}
.col-25 {
	float: left;
	width: 25%;
}
.col-75 {
	float: left;
	width: 75%;
	margin-top: 8px;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
contactform {
	padding: 150px;
}
legend {
	text-align: left;
	padding-left: 55px !important;
	padding-top: 40px !important;
}
input[type=text] {
	width: 100%;
	padding: 10px 15px;
	border: none;
	border-bottom: 1px solid #b2b2b2;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	outline: none;
	resize: vertical;
}
input[type=text]:focus {
	border-bottom:1px solid #ff1b1c;
}
textarea {
	width: 100%;
	padding: 10px 15px;
	border: none;
	border: 1px solid #b2b2b2;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	outline: none;
	resize: vertical;
}
input[type=subject]:focus {
	border: 1px solid #ff1b1c !important;
}
.row {
	padding-left: 70px;
	padding-right: 70px;
	border: none;
	text-align: left;
}
label {
	padding: 20px 15px 0px 0px;
	display: inline-block;
	text-align: left;
}
input[type=submit], text-area{
	background-color: #dfdfdf;
	color: #ff560b !important;
	border: none;
	margin-top: 15px;
	padding: 8px 15px;
	curser: pointer;
	float: right;
}
input[type=submit]:hover {
	background-color: #ff6600;
	color: #dfdfdf !important;
	cursor: pointer;
}
input[type=submit]:active {
	background-color: #ff3c15;
	color: #dfdfdf !important;
	cursor: pointer;
	border: none !important;
}