/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */
@font-face {
    font-family: ff1;
    src: url(../fonts/timeburnernormal.ttf);
}
@font-face {
    font-family: ff2;
    src: url(../fonts/ff1.ttf);
}
@font-face {
    font-family: ff4;
    src: url(../fonts/MyriadPro-Regular.otf);
}
@font-face {
    font-family: ff3;
    src: url(../fonts/OratorStd.otf);
}
html,
body {
    height: 100%;
}

body {
    overflow-x:hidden;
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

.top-menu
{
	height:auto; position:fixed; z-index:999999;
	width:100%;
}
.ball
{
	transition:all 1s;
}
.ball1
{
display: block;
  background-color: #f7f7f7;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); 
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); 
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6); 
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); 

 
  position: relative;
  text-align: center;
 width:100%;
 height:170px;

  border-radius: 50%;
 
  box-shadow: 0px 8px 8px #aaa, inset 0px 2px 3px #fff;
  text-decoration:none;
    border:1px solid #fff;
}

.ball2
{
display: block;
  background-color: #f7f7f7;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #e6e6e6,#ffffff ); 
  background-image: -moz-linear-gradient(top, #e6e6e6,#ffffff); 
  background-image: -ms-linear-gradient(top, #e6e6e6,#ffffff); 
  background-image: -o-linear-gradient(top, #e6e6e6,#ffffff); 
  
 
 
  position: relative;
  text-align: center;
 width:100%;
 height:170px;

  border-radius: 50%;
 
  box-shadow: 0px -8px 8px #ccc, inset 0px 2px 3px #fff;
  text-decoration:none;
  border:1px solid #fff;
}
.section1
{
	margin-top:50px;
	margin-bottom:50px;
}
.ball
{
	padding-top:40px;
	color:#000;
	font-family:ff2;
	font-size:13px;
}
.section2
{
	background:rgba(245,242,229,1);
	

}
.plasma
{
	height:250px;
	 background-repeat: no-repeat;
    background-attachment: fixed;
	background-position:center;
}
.prisma
{
	background:#fff;
	height:250px;
	text-align:center;
}
.prisma p
{
	font-family:ff4;
}
.prisma h4
{
	color:rgba(162,141,15,1);
	font-family:ff3;
	font-size:20px;
}
.pixar
{
	height:500px;
	background-size:100% 100%;
	border:1px solid #fff;
	
}
.pixel
{
	height:500px;
	padding-top:100px;
	border:1px solid #fff;
}
.pixel1
{
	
	background-color:#aacfe2;
}
.pixel2
{
	background-color:#e3d69f;
}
.pixel h2
{
	font-family:ff3;
	color:#000;
}
.pixel p
{
	font-family:ff4;
	font-size:14px;
	color:#151515;
}
.ball:hover
{
	transform:scale(1.2,1.2);
}
.c23
{
	font-family:ff4;
	color:#D2BD53;
	text-align:center;
	font-size:30px;
}
.liner
{
	border:1px solid #D2BD53;
	height:5px;
	border-left:none;
	border-right:none;
	
}
.line 
{
	padding:15px;
}
.sec-c2
{
	margin-top:30px; 
}
.c-text{
	color:#555;
	font-family:ff4;
	font-size:18px;
	padding-top:20px;
}
.c24{
	background:#F0F0F0;
	padding-bottom:30px;
}
.sec-c4 h4 
{
	font-family:ff4;
	font-size:24px;
}
.sec-c4{
	margin-top:50px;
	
	
}
.txt1
{
	margin-bottom:10px;
	height:40px;
	border-radius:0px;
}
.txt2
{
	margin-bottom:10px;
	height:120px;
	border-radius:0px;
}
.btn3
{
	background:#D2BF48;
	width:120px;
	border-radius:0px;
	color:#fff;
	font-family:ff4;
	height:40px;
}
.probox
{
	text-align:center;
	border:1px solid #eee;
	padding:10px;
	margin-top:10px;
}
.probox1
{
	
	border:1px solid #eee;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
}
.probox1 img
{
	width:100%;
	height:auto;
}
@media screen and (max-width: 800px) {
.probox img
{
	width:100%;
	height:auto;
}


}

@media screen and (min-width: 800px) {
.probox img
{
	width:100%;
	height:200px;
}


}