*{margin:0; padding:0}
body{background:#fff;font-family:"Century Gothic",'Century Gothic W01',Verdana,Arial,Helvetica; font-family: "Segoe UI",Roboto,"Noto Sans","Helvetica Neue",Helvetica,Arial,"Arial Unicode MS",sans-serif;}
.logobanna{ width:200px; position:absolute;margin-left:-100px;z-index:9; margin-top:20}
.pointsnb {
    border: 1px dotted gray;
    mmax-width: 300px;
}
.blue{color:blue; font-weight:bold}
.orange{color:orange; font-weight:bold}
.red{color:red; font-weight:bold}
.wine{color:wine; font-weight:bold}
.darkblue{color:#000099; font-weight:bold}
.uppercasetext{text-transform:uppercase; font-weight:bold}
.ulmod{padding:1%; list-style:none;list-style: inside;}
a{color:black }
a:hover{color: #d0ece7  }
h4{margin-top: 0; margin-bottom: 0rem;font-weight: 300} 
.black{color:#333; line-height:22px}
.logotop{height:70; mmargin-top: -8px;}
.logotop{height: 70; mmargin-top: -8px;  height: 60px;}
.spanbold{font-weight:bold;}
h3,h1,h2,h4{ccolor:#47a3da; ccolor:gray}
.blush{color:#47a3da; color:darkcyan}
	p{font-size:17px; color:gray; text-align:left }
	.textleft{text-align:left}
	.sp{    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333; margin: 0 0 10px;
}
#worked{
	font-size: 50px;
	text-align: center;
	background: #990000;
	color: white;
}
	
.divtable{display:table; width:100%}
.socialm img{max-width:50px; width:100%; }
.socialul{display: flex; justify-content:right;}
.socialul li{float:left; margin-left:5%}
.ulnav{float:right; z-index:99}	
.hidemain{position:relative; height:65px;zz-index:999 }
.nobackground{font-size:25px; width:auto; mmargin:5px 50px 50px 20px; position:absolute; left:0; color:gray;color: #65605e;
    display: block;
    lletter-spacing: 1px;
    line-height: 1;}

.backtotop{color:orange}
.wwelcome{padding:0 5% }
.col12 {

    padding-top: 5%;

}
.quantity::-webkit-inner-spin-button,
.quantity::-webkit-outer-spin-button{
	-webkit-appearance:none; 
	
	margin:0;
}
  
/*about info*/
 
.about{text-align: left}
.about h2{text-transform: uppercase; font-size:50px; font-weight:400}
.about h2, .about p{transition:all 3s ease;}
.about.hidden h2{opacity:0; transform:translate3dd(0px, -50px, 100px) rotateY(-40deg); }
.about.hidden p{opacity:0; transform:translate3dd(0,0, 400px) rotateY(40deg)}
/*end about info*/


/*about2 to the real about info*/
.section{max-width:950px; border:0px solid red;  ppadding: 50px 0; mmax-width: 740px; margin: 0 auto; text-align: center; padding-bottom:50px; transform-style: preserve-3d; transform: perspective(50000px); font-weight: normal;} 
.about2{text-align: }
.about2 h2{text-transform: uppercase; font-size:50px; font-weight:400; margin-top:50px}
.about2 h2, .about2 p{transition:all 2s ease;}
.about2.hidden h2{opacity:0; transform:translate3dd(0px, -50px, 500px) rotateY(-40deg); }
.about2.hidden p{opacity:0; transform:translate3dd(0,0, 1000px) rotateY(0deg)}
/*end about info*/




/*about2 to the slides info*/
 
.about4{text-align: }
.about4 h2{text-transform: uppercase; font-size:50px; font-weight:400}
.about4 h2, .about4 p{transition:all 2s ease;}
.about4.hidden h2{opacity:0; transform:translate3dd(0px, -50px, 500px) rotateY(-40deg); }
.about4.hidden p{opacity:0; transform:translate3dd(0,0, 400px) rotateY(40deg)}
/*end about info*/


.normalwight{ font-weight:normal!important}
.boldlwight{ font-weight:bold!important}

.tsmall{height:30px}

.welcome{padding:50px 0 50px 0; bbackground:orange; padding:50px}

.midcontaina{
	max-width:1000px; 
	max-width:800px; 
	margin:20 auto; 
	height:auto; 
	bbackground:silver;
	}
.left{text-align:left}
.imgpad{padding:50 0}
.vidii{max-width:800px; margin: auto}
#footer{text-align:center}
.centerpadd{text-align:center; padding:0 5% 0 5%; ffont-size:170%}
..glyphiconbullet{float:left; margin-right:10px}
..bulletpoint{display:table;float:left}
.removebottom{margin-bottom:0px}
.removepaddingL{padding-left:0px}
.removeborderradius{border-radius:0px}
.leftit{text-align:left}
.smtdwidth{width:20px}
.table>tbody>tr>.td{border-top: 0px solid #ddd;}
.tdpadding>tbody>tr>.td{padding:2px}
.dark{color:#555; text-transform:uppercase;font-size: 20px;}
.frontrightboxpadding{padding:0 2%}
.h2resize{ffont-size:18px; text-transform:uppercase}
.bold{font-weight:bold}
.coll2{padding-top:5%}
.whiteit{background:white}
.smartmove{margin-top:200px!important}
.imgrsizeitinary{max-width:100%}
.removetdborder{border:0px!important}
 .mnavheight{height: 65px;}
 
 a{
	 ccolor:#282828!important;
 }
 a:hover{
	text-decoration:none
}