/*!
 * 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 */



body {

}

.clr{
	clear:both;
}

#home{
background: url(../images/homebg.jpg) top;
    background-position: center;
    background-size: cover;	
	height:650px;
}

#service{
background: url(../images/bg.jpg) top;
    background-position: center;
    background-size: cover;	
}

#success{
background: url(../images/successbg.jpg) top;
    background-position: center;
    background-size: cover;	
}

#rules{
background: url(../images/rulesbg.jpg) top;
    background-position: center;
    background-size: cover;	
}

.logo{
	position:fixed;
	top:0;
	left:0;
	z-index: 2000;
}

.logo_mobile{
	display:none;
}

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

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


header{
background: rgba(188, 95, 80, 1);	
}


.contentwrapper{
	padding:60px 20px 20px;
	text-align:justify;
	margin-top:10px;
}

.contentwrapper h3{
color:#900;
font-family:"Viner Hand ITC";
font-size:30px;
}

.contentwrapper span a{
display:block;
color:#ffe681;
text-align:right;
text-decoration:underline;
}

.contentwrapper span a:hover{
color:#ffffff;
text-decoration:none;
}



.contentwrapper_rules{
	padding:60px 20px 20px;
	text-align:justify;
	margin-top:50px;
	color:#ffffff;
}

.contentwrapper_rules h3{
color:#ff7800;
font-family:"Viner Hand ITC";
font-size:30px;
}

.contentwrapper_rules span a{
display:block;
color:#ffe681;
text-align:right;
text-decoration:underline;
}

.contentwrapper_rules span a:hover{
color:#ffffff;
text-decoration:none;
}



.contentwrapper_home{
	padding:60px 20px 0;
	text-align:justify;
	margin-top:10px;
}

.contentwrapper_success{
	padding:60px 20px 20px;
	text-align:justify;
	margin-top:10px;
}

.contentwrapper_success h3{
color:#fdf185;
font-family:"Viner Hand ITC";
font-size:30px;
}




.contentwrappersuccess {
    display: block;
    width: 90%;
    margin: 3% auto;
	color:#fff;
}


.contentwrappersuccessgallery{
	width:33%;
	float:left;
}

.contentwrappersuccessgallery img{
	width:98%;
	height:350px;
	border:solid 2px #ffffff;
	border-radius:22px 0 22px 0;
	
}

.contentwrappersuccess h1{
	font-size:34px;
	color:#fff;
	margin-top:130px;
}


.videopanel{
	position:absolute;
	z-index:2000;
	top:140px;
	left:50px;
	text-align: center;
	padding:20px;
	background-color:#900;
	border-radius:58px 0 58px 0;
	
	background: rgba(241,231,103,1);
background: -moz-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,231,103,1)), color-stop(100%, rgba(254,182,69,1)));
background: -webkit-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
background: -o-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
background: -ms-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
background: linear-gradient(to bottom, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645', GradientType=0 );
}


.videopanel iframe{
	border-radius:58px 0 58px 0;
	width:560px;
	height:315px;
}

/* Footer Styles */

footer {
    margin: 50px 0;
}


.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../images/loader.gif') 50% 50% no-repeat rgba(249,249,249,0.9);
}


.floatcontent{
	position:absolute; right:10px; bottom:20px; width:45px; z-index:1000;
}


.homegallery img{
margin:3px;
border:solid 2px #ffffff;
border-radius:6px;
height:80px;
width:110px;
}

.gallery img{
margin:3px;
border:solid 2px #ffffff;
border-radius:6px;
height:150px;
width:100%;
}


.social img{
display:block;
border-radius:50%;
padding:4px;
margin:4px; 
background-color:#fff; 
width:38px;
height:38px;
-webkit-filter: brightness(100%);
}


.feedback .input, .feedback .textarea{
margin:6px 0;
background-color:#f9e395;
}

.feedback h3{
	font-family:"Viner Hand ITC";
color:#f9e395;
}


.social img:hover{
	-webkit-filter: brightness(200%);
display:block;
border:dotted 2px #ffea00;
 transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
 -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  
 -webkit-box-shadow: -11px -9px 5px -5px rgba(0,0,0,0.35);
-moz-box-shadow: -11px -9px 5px -5px rgba(0,0,0,0.35);
box-shadow: -11px -9px 5px -5px rgba(0,0,0,0.35);
}





.modal-content {
    position: relative;
    background:rgba(0,0,0,0.7);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #fff;
    border: 1px solid rgba(255,255,255,.8);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
	z-index:3000;
}

.modal-title{
color:#ffffff;
border-bottom:none;
}

.modal-header {
    padding: 15px;
    border-bottom:0;
}


.close {
    color: #ffffff;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
}

.close:hover{
    color: #ffffff;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
}


.modal-body div{
	margin-bottom:0;
}

.modal-body div img{
	border:dashed 2px #ffffff;
}


.modal-body div span{
display:block;
color:#ffffff;
text-align:center;
height:45px;
}




.feedback label{color:#900;}

.feedback .inputstyle{
	width:100%;
	margin-bottom:10px;
	padding:5px 0;
	display:block;
	border:1px solid #ccc;
	background:none;
	color:#ffffff;
}

.feedback h3{color:#eac153;}

.feedback .button1{background-color:#d7a213; color:#fff; border-radius:8px; font-size:16px; padding:2px 5px; margin:0 auto;}


.grid-products{
	width:49%;
	display:block;
	float:left;
	border:solid 2px #ccc;
	padding:5px;
	margin:1px 2px;
	height:680px;

/*background:url(../gallery/gallerybg.jpg) no-repeat top;*/
background-color:#ffffff;

}


.grid-products:hover{

-webkit-box-shadow: inset 2px -1px 7px 5px rgba(0,0,0,0.29);
-moz-box-shadow: inset 2px -1px 7px 5px rgba(0,0,0,0.29);
box-shadow: inset 2px -1px 7px 5px rgba(0,0,0,0.29);

 -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;

}

.grid-products .span1, .grid-products .span2{
	width:30%;
	float:left;
	color:#7c6f6f;
	font-style:normal;
	font-size:12px;
}

.grid-products .span2{width:70%;}

.grid-products .span1 p, .grid-products .span2 p{
	padding:2px 0 4px;
}

.grid-products .span1 img{
	display:block;
	width:86%;
	height:200px;
	margin:0 auto 10px;
}

.grid-products .span1 img:hover{
	
	-webkit-box-shadow: 1px -2px 7px 3px rgba(0,0,0,0.29);
-moz-box-shadow: 1px -2px 7px 3px rgba(0,0,0,0.29);
box-shadow: 1px -2px 7px 3px rgba(0,0,0,0.29);

-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
	
	 -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;

}

.dropbox3 {
    background-color: #900;
    color: #ffffff;
    padding: 1px;
    border-radius: 6px;
    outline: none;
}

.dropboxmargin{
	margin-left:0;
}

.menuindicate{
	display:none;
}

.floatcontent{
	position:absolute; right:10px; bottom:20px; width:45px; z-index:1000;
}


/* Responsive Styles */


@media(max-width:1200px) {
.contentwrapper{
	padding:10px;
	margin-top:70px;
	text-align:justify;
}	
}



@media(max-width:991px) {
	
	body {
	padding-top:0px;
}
	
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }

.contentwrapper{
	padding:20px;
	text-align:justify;
	margin-top:20px;
}


.grid-products{
	width:45%;
	display:block;
	float:left;
	border:solid 1px #ccc;
	padding:5px;
	margin:5px;
	height:auto;
	height:450px;
}

.grid-products span{
	width:48%;
	float:left;
}

.grid-products span img{
	display:block;
	width:88%;
	height:230px;
	margin:0 auto 10px;
}	
	
}


@media(max-width:860px) {
.floatcontent{
	position:absolute; left:0px; top:70px; width:45px; z-index:1000;
	clear:both;
}

.social img{
display:block;
border-radius:50%;
padding:4px;
margin:4px; 
background-color:#fff; 
width:30px;
height:30px;
-webkit-filter: brightness(100%);
}

.contentwrapper_success h3{
color:#fdf185;
font-family:"Viner Hand ITC";
font-size:30px;
margin-left:30px;
}

}


@media(max-width:700px) {
.menuindicate{
	display:block;
	position:absolute;
	right:60px;
	top:8px;
	z-index:2000;
}
}



@media(max-width:767px) {

.logo img{
	margin-top:10px;
}
	
.contentwrapper{
	padding:20px;
	margin-top:20px;
	text-align:justify;
}	
	
	
.img-portfolio {
 margin-bottom: 15px;
}

.contentwrapper h3{
color:#900;
font-family:"Viner Hand ITC";
font-size:25px;
margin-left:25px;
}

.homegallery img{
margin:3px;
border:solid 2px #ffffff;
border-radius:6px;
height:80px;
width:110px;
}

.gallery img{
margin:3px;
border:solid 2px #ffffff;
border-radius:6px;
height:120px;
width:100%;
}


.grid-products{
	width:95%;
	display:block;
	float:left;
	border:solid 1px #ccc;
	padding:5px;
	margin:5px;
	height:auto;
}


.grid-products:hover{
-webkit-box-shadow: inset 2px -1px 7px 5px rgba(0,0,0,0.29);
-moz-box-shadow: inset 2px -1px 7px 5px rgba(0,0,0,0.29);
box-shadow: inset 2px -1px 7px 5px rgba(0,0,0,0.29);

 -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;

}

.grid-products span{
	width:100%;
	float:left;
}

.grid-products span img{
	display:block;
	width:88%;
	height:240px;
	margin:0 auto 10px;
}


.dropboxmargin{
	margin-left:20px;
}


.contentwrapper_rules h3{
color:#ff7800;
font-family:"Viner Hand ITC";
font-size:30px;
margin-left:30px;
}
	
}




@media(max-width:768px) {

.videopanel{
	position:absolute;
	z-index:2000;
	width:310px;
	top:70px;
	left:50px;
	padding:20px;
	background-color:#900;
	border-radius:58px 0 58px 0;
	
	background: rgba(241,231,103,1);
background: -moz-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,231,103,1)), color-stop(100%, rgba(254,182,69,1)));
background: -webkit-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
background: -o-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
background: -ms-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
background: linear-gradient(to bottom, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645', GradientType=0 );
}


.videopanel iframe{
	border-radius:58px 0 58px 0;
	width:100%;
	height:315px;
}

}



@media screen and (max-width: 640px) {

.contentwrappersuccess h1{
	font-size:24px;
	color:#fff;
	margin-top:90px;
}

.contentwrapperscroll {
    display: block;
    width: 100%;
    margin: 0 auto;
    margin-top: 30px;
}



.contentwrappersuccessgallery{
	width:98%;
	float:left;
}

.contentwrappersuccessgallery img{
	border:solid 2px #ffffff;
	border-radius:22px 0 22px 0;
	width:100%;
	height:280px;
}


}



@media(max-width:480px) {
	
	.logo{
	display:none;
}
	
	.logo_mobile{
	display:block;
	position:fixed;
	top:0;
	left:0;
	}
	
	
.videopanel{
	position:absolute;
	z-index:2000;
	top:80px;
	left:50px;
	padding:20px;
	background-color:#900;
	border-radius:58px 0 58px 0;
	
	background: rgba(241,231,103,1);
background: -moz-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,231,103,1)), color-stop(100%, rgba(254,182,69,1)));
background: -webkit-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
background: -o-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
background: -ms-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
background: linear-gradient(to bottom, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645', GradientType=0 );
}


.videopanel iframe{
	border-radius:58px 0 58px 0;
	width:100%;
	height:315px;
}

.grid-products{
	width:95%;
	display:block;
	float:left;
	border:solid 1px #ccc;
	padding:5px;
	margin:5px;
	height:auto;
}

.grid-products .span1, .grid-products .span2{
	width:100%;
	float:left;
}

.grid-products .span1 img, .grid-products .span2 img{
	display:block;
	width:88%;
	height:270px;
	margin:0 auto 10px;
}

}





@media(max-width:380px) {
.homegallery img{
margin:3px;
border:solid 2px #ffffff;
border-radius:6px;
height:60px;
width:110px;
}

.gallery img{
margin:3px;
border:solid 2px #ffffff;
border-radius:6px;
height:90px;
width:100%;
}


.grid-products{
	width:95%;
	display:block;
	float:left;
	border:solid 1px #ccc;
	padding:5px;
	margin:5px;
	height:auto;
}

.grid-products .span1, .grid-products .span2{
	width:100%;
	float:left;
}

.grid-products .span1 img{
	display:block;
	width:88%;
	height:270px;
	margin:0 auto 10px;
}

}