@charset "UTF-8";

@import url('http://fonts.googleapis.com/css?family=Lato:300');

@import url('http://weloveiconfonts.com/api/?family=entypo');



/* ------------------------------------------

  RESET

--------------------------------------------- */



body, div,

h1, h2, h3, h4, h5, h6,

p, blockquote, pre, dl, dt, dd, ol, ul, li, hr,

fieldset, form, label, legend, th, td,

article, aside, figure, footer, header, hgroup, menu, nav, section,

summary, hgroup {

  margin: 0;

  padding: 0;

  border: 0;

  

}



a:active,

a:hover {

  outline: 0;

}



@-webkit-viewport { width: device-width; }

@-moz-viewport { width: device-width; }

@-ms-viewport { width: device-width; }

@-o-viewport { width: device-width; }

@viewport { width: device-width; }





/* ------------------------------------------

  BASE DEMO STYLES

--------------------------------------------- */
.svgcenter{
	display:block;
	width: 346px;
	margin: 0 auto; 
}
.construct{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #58595;
	display:block;
	width: 346px;
	margin: 0 auto; 

}
.btn2 {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  border:none;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  background: #58595b;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  width: 218px;
  margin: 0 auto;
  display: block;
}

.btn2:hover {
  background: #d80000;
  text-decoration: none;
}

#svgbr{
	display:block;
	width:1360px;
	margin: 0 auto; 
}
#nobg{
	background:none;
}
#centerbe{
	display:block; 
	margin:0 auto;
	width: 75px; 
}
#belogo {
	margin: 0 auto;
    height: 75px;
    width: 75px;
}
#belogo:hover {
    content: url(../img/logobe-04.png);
    height: 75px;
    width: 75px;
}


    
body {

	

  -webkit-text-size-adjust: 100%;

  -ms-text-size-adjust: 100%;

  text-size-adjust: 100%;

  background: url(../img/bg3.png)repeat;

  font-family: 'Iceland', cursive;

  color: #FFF;

}





::-webkit-scrollbar {

width: 10px;

height: 15px;

}

::-webkit-scrollbar-track-piece  {

background-color: #000;

}

::-webkit-scrollbar-thumb:vertical {

height: 30px;

background-color:rgba(216,0,0,.5);

}
 .entypo{
	 margin:0 7px 0 0;
	 padding:0px;
	 font-family: Entypo;
	 display:inline;
	 font-size:30px;
	 color: #d80000;
 }
 
.ice{
	
	margin:0px;
	 padding:0px;
	 font-family: 'Iceland', cursive;
	 display:inline;
	 font-size:48px;
 }

/*---------header--------*/

	

	#header {

	background: url(../img/bg_header_footer.png) repeat;

		height: 325px;

		border-bottom: 8px solid  #111111;

	}

	



	header {

		background: url(../img/signature2.png) no-repeat;

		height: 320px;

	}

	#logoheader {

		margin-top: 13px;

	}



#indexMain{

	background-color: rgba(0,0,0,0.8);

	height: 630px;

	margin-top: 10px;

}



#jlqlogo{

	height: 301px ;

	width: 382px ;

	margin: 0 0 0 -10px;

}



#black{

	background-color: rgba(0,0,0,0.8);
	z-index:2;
}







/*----------parallax------------*/

#home { 

  background: url(../img/parallxBG1.jpg) 50% 0 repeat fixed; 

  min-height: 700px; 

  height: 700px; 

  margin: 0 auto; 

  width: 100%; 

  max-width: 1920px; 

  position: relative; 

}



#home2 { 

  background: url(../img/bg5_2.png) 50% 0 repeat fixed; 

  min-height: 700px; 

  height: auto; 

  margin: 0 auto; 

  width: 100%; 

  max-width: 1920px; 

  position: relative; 

}





#page3 { 

  background: url(../img/bg5.png) 50% 0 repeat fixed; 

  min-height: 700px; 

  height: auto; 

  margin: 0 auto; 

  width: 100%; 

  max-width: 1920px; 

  position: relative; 

}





 



 



/*---------parallax end-----------*/



.graphics{

	width: 100%;

	height:auto;

	margin: 30px 0;

}



#videos{

	

	border:none;

	margin: 40px 0 20px 0;

	border-bottom:#FFF solid 4px;

	border-top:#FFF solid 4px

}

.tap{
	color:#FFF;
	font-size: 10px;
	font-family:'Iceland', cursive;
	display:none;
}

#thankyouimg{
	margin: 3% 0 0 0;
}


#aboutme{
	margin-top: 30px;
}
/*--------3dBG--------*/

.p3d{

	margin:40px 0 20px 0;

	border:#FFF solid 4px;

	

}





.tresD{

	background: rgba(0,0,0,0.2);

}



.cat_3d{

	margin: 20px 0 0 0;

}



.img3d{

	margin-top:40px;

	margin-bottom:40px;

}



.title_stuffBG{

	background: rgba(185,0,0,1);

	height:auto;

	margin-top: 20px;

}



.title3d{

	text-align: center;

	color: #FFF;

	font-size: 3.750em;

	margin: 20px 0;

	font-family: 'Iceland', cursive;

	

}





.red3d{

	background: rgba(185,0,0,1);

	margin-top: 40px;

}
.red3d2{



	margin-top: 11px;
	margin-bottom: 40px;

}

.thanks{
	font-family: 'Iceland', cursive;
	font-size: 60px;
	color: #d80000;
	margin: 5% 0 0;
	text-align: center;
	
}

#conpic{
	margin-top: 70px;
}

.cat3d_title{

	

	font-family: 'Iceland', cursive;

  color: #FFF;

  font-size: 3.750em;

  margin: 10px 0 10px 0;

  display: block

}



.cat3d_describe{

	

	font-family: 'Questrial', sans-serif;

  color: #FFF;

   font-size: 18px;

   display: block;

}



/*--------3dBG--------*/

/*--------categories--------*/

.red{

	background: rgba(216,0,0,0.4);

	margin-top: 30px;

}



.bw{

	

	-webkit-transition: all 0.5s ease;

     -moz-transition: all 0.5s ease;

       -o-transition: all 0.5s ease;

      -ms-transition: all 0.5s ease;

          transition: all 0.5s ease;

		   -webkit-filter: grayscale(100%);
			-moz-filter: grayscale(100%);
			
			   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
			   
			filter: grayscale(100%);
		   
		   border:#FFF solid 5px;

		   margin: 10px 0 10px 0;

}



.bw:hover{

	

	-webkit-transition: all 0.5s ease;

     -moz-transition: all 0.5s ease;

       -o-transition: all 0.5s ease;

      -ms-transition: all 0.5s ease;

          transition: all 0.5s ease;

		   -webkit-filter: grayscale(0%);
		   -moz-filter: grayscale(0%);
		   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
		   filter: grayscale(0%);
		   
		   border:#000 solid 5px;

}



.cat_title{

	

	font-family: 'Iceland', cursive;

  color: #FFF;

  font-size: 3.750em;

  margin: 10px 0 10px 0;

  display: block

}



.cat_describe{

	

	font-family:'Questrial', sans-serif;

  color: #FFF;

   font-size: 18px;

   display: block;

}

/*--------categories--------*/

/*----------cubes--------*/



.cubos_grid {

	margin: 195px 0 0 0;

	padding: 0;

	list-style: none;

	display: block;

	text-align: center;

	width: 100%;

}



.cubos_grid:after,

.cubos_things:before {

	content: '';

    display: table;

}



.cubos_grid:after {

	clear: both;

}



.cubos_grid li {

	width: 220px;

	height: 220px;

	display: inline-block;

	margin: 20px;

}









.cubos_things {

	width: 100%;

	height: 100%;

	border-radius: 50%;

	position: relative;

	cursor: default;

	-webkit-perspective: 900px;

	-moz-perspective: 900px;

	-o-perspective: 900px;

	-ms-perspective: 900px;

	perspective: 900px;

}

.cubos_information{

	position: absolute;

	width: 100%;

	height: 100%;



}

.cubos_information > div {

	display: block;

	position: absolute;

	width: 100%;

	height: 100%;

	/*border-radius: 50%;*/

	background-position: center center;

	-webkit-transition: all 0.4s linear;

	-moz-transition: all 0.4s linear;

	-o-transition: all 0.4s linear;

	-ms-transition: all 0.4s linear;

	transition: all 0.4s linear;

	-webkit-transform-origin: 50% 0%;

	-moz-transform-origin: 50% 0%;

	-o-transform-origin: 50% 0%;

	-ms-transform-origin: 50% 0%;

	transform-origin: 50% 0%;

}



/*.ch-info .ch-info-front {

	box-shadow: inset 0 0 0 12px rgba(216,0,0,0.5);

}*/



.cubos_information .cubos_info_back {

	-webkit-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);

	-moz-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);

	-o-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);

	-ms-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);

	transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);

	background: #000;

	opacity: 0;

	/*box-shadow: inset 0 0 0 7px rgba(216,0,0,0.5);*/

}



.cubos_cd { 

	background-image: url(../img/22.jpg);

}



.cubos_ga { 

	background-image: url(../img/21.jpg);

}



.cubos_gd { 

	background-image: url(../img/20.jpg);

}



.cubos_vp { 

	background-image: url(../img/23.jpg);

}





.cubos_information h3 {

	color: #F00;

	text-transform: uppercase;

	letter-spacing: 2px;

	font-size: 24px;

	margin: 0 15px;

	padding: 75px 0 0 0;

	height: 110px;

	font-family: 'Open Sans', Arial, sans-serif;

	text-shadow: 

		0 0 1px #000, 

		0 1px 2px rgba(0,0,0,0.3);

}



.cubos_information h3 a {

	color: #FFF;

	text-align: center;

	text-transform: uppercase;

	text-decoration: none;

	letter-spacing: 3px;

	font-size: 29px;

	font-weight: bold;

	margin: 0;

	padding: 0 0 0 0;

	height: 110px;

	font-family: 'Iceland', cursive;

}

.cubos_information h3 a:hover {

	color: #D80000;

	color: rgba(216,0,0, 0.8);

	

}



.cubos_things:hover .cubos_info_front {

	-webkit-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);

	-moz-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);

	-o-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);

	-ms-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);

	transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);

	opacity: 0;

}



.cubos_things:hover .cubos_info_back {

	-webkit-transform: rotate3d(1,0,0,0deg);

	-moz-transform: rotate3d(1,0,0,0deg);

	-o-transform: rotate3d(1,0,0,0deg);

	-ms-transform: rotate3d(1,0,0,0deg);

	transform: rotate3d(1,0,0,0deg);

	opacity: 1;

}



/*----------cubes--------*/



/*----------Footer--------*/

.footerBG{

		height: 215px;

		border-top: 8px solid  #111;

	}



/*-----social icons----*/



a,a:visited { color: #fff; }

a:hover { color: #fff; }



.footer_icons {

	float: left;

	margin: 3.125em 2em 2em; 

	width: 120px; 

	height: 120px; 	

	display: block; 

	text-align: center; 

	line-height:115px; 

	color: #fff;

	position: relative;

	transform:rotateY(0deg);

	transition:transform .25s ease-out;

	transform-style:preserve-3d;

}

.footer_icons > div {

	width: 120px; 

	height: 120px; 

	background: #131313;

	position: absolute; 

	top: 0; 

	left: 0;

	right: 0; 

	bottom: 0;

}

.footer_icons >.cubes_front {

	transform:translateZ(40px);

	font-family: Entypo;

	font-size: 3.125em;

}

.footer_icons >.cubes_back {

	background: #3B5998; 

	font-size: 3.125em;

	transform:rotateY(-100deg) translateZ(40px);

	font-family: Entypo; 

}



/*  Social Media Colors 

	Facebook #3B5998

	Flickr #FE0883

	Foursquare #8FD400

	Google+ #C63D2D

	Instagram #4E433C

	Linkedin #4875B4

	Tumblr #2B4964

	Twitter #33CCFF

	Vimeo #86B32D

	Youtube #FF3333

	Dribbble #ea4c89

*/

.footer_icons.footer_twitter > .cubes_back { background: #55ACEE; }

.footer_icons.footer_contact > .cubes_back { background: #d80000; color: #fff;}

.footer_icons.social-googleplus > .cubes_back { background: #dd4B39; }

.footer_icons.footer_linkedin > .cubes_back { background: #4875B4; }

.footer_icons.footer_behence > .cubes_back { background: #2b2b2b; }

/* Hover */

.footer_icons:hover {

	transform: rotateY(100deg);
	 

}



/*-------social idcons------*/



/*----------Footer Icons Done--------*/







/* ------------------------------------------

  NAVIGATION STYLES

  (+ responsive-nav.css file is loaded in the <head>)

--------------------------------------------- */



.fixed {

  position: fixed;

  width: 100%;

  top: 0;

  left: 0;

}



.nav-collapse,

.nav-collapse * {

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}



.nav-collapse,

.nav-collapse ul {

  list-style: none;

  width: 100%;

  float: left;

  /*background-color: #090;*/

}



.nav-collapse li {

  float: left;

  width: 100%;

  height:45px;

  

}



.top1{

	border-right: 2px solid white;

}

.nav-collapse li:hover {

 background-color:rgba(216,0,0,0.8)

}

.nav-collapse a {

  font-family: 'Iceland', cursive;

  color: #FFF;

  font-size: 25px;

  text-decoration: none;

  width: 100%;

  /*background: #069;changes color of background of links*/

  /*border-bottom: 1px solid white;*/

  /*padding: 0.7em 1em;*/

  padding: 10px;

  float: left;

  

}

.nav-collapse ul ul a {

  background: #ca3716;

  padding-left: 2em;

}



/* ------------------------------------------

  NAV TOGGLE STYLES

--------------------------------------------- */





.nav-toggle {

  position: fixed;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  text-decoration: none;

  text-indent: -999px;

  position: relative;

  overflow: hidden;

  width: 100px;

  height: 55px;

  margin: 0px 43%;

  float: left;/* make this reight to make like default one*/

  

}



.nav-toggle:before {

  color: #FFF; /* Edit this to change the icon color */

  font-family: 'Iceland', cursive;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  font-size: 25px;

  text-transform: none;

  position: absolute;

  /*content: "≡";*/

  content: "≡ MENU";

  text-indent: 0;

  text-align: center;

  line-height: 55px;

  speak: none;

  width: 100%;

  top: 0;

  left: 0;

}



.nav-toggle.active::before {

  font-size: 25px;

  content:"X CLOSE";

}







/***********************************************

Screen Smaller than 1199px

***********************************************/
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */  
   
   .footer_icons >.cubes_back {

	background: #3B5998; 

	font-size: 3.125em;

	transform: translateZ(40px);

	font-family: Entypo;

}

.footer_icons:hover {

	transform: none;

}

.bw{

	

	-webkit-transition: all 1s ease;

     -moz-transition: all 1s ease;

       -o-transition: all 1s ease;

      -ms-transition: none;

          transition: none;

		   -webkit-filter: grayscale(100%);

		   border:#FFF solid 5px;

		   margin: 10px 0 10px 0;

}

}


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

	#indexMain{

	background-color: rgba(0,0,0,0);

	height: 630px;

	margin-top: 10px;

}



header {

		background: none;

		height: 320px;

	}

	#header {

	background:none;

		height: 325px;

		border-bottom: 8px solid  #111111;

	}

	

	.bw{

	

	-webkit-transition: all 1s ease;

     -moz-transition: all 1s ease;

       -o-transition: all 1s ease;

      -ms-transition: all 1s ease;

          transition: all 1s ease;

		   -webkit-filter: grayscale(100%);

		   border:#FFF solid 5px;

		   margin: 10px 0 10px 0;

		   width: 100%;

		   height: 100%;

}



.img3d{

	margin-top:40px;

	margin-bottom:40px;

	width: 100%;

	height: auto;

	margin-left:15%;

}









}

/*----------1136-------*/
@media only screen and (max-width: 1137px) {
	#jlqlogo{

	height: 301px ;

	width: 382px ;

	margin: 0 0 0 -44px;

}
}

/*-----1024----*/



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

.img3d{

	margin-top:40px;

	margin-bottom:40px;

	width: 100%;

	height: auto;

	margin-left: 15%;

}



/*---------header--------*/

	

	#header {

	background:none;

		height: 325px;

		border-bottom: 8px solid  #111111;

	}

	



	header {

		background: none;

		height: 320px;

	}

	#logoheader {

		margin-top: 13px;

		margin: 13px 32%;

	}
	
	#jlqlogo{

	height: 301px ;

	width: 382px ;

	margin: 0 0 0 -10px;

}
	



#indexMain{

	background-color: rgba(0,0,0,0);

	height: 630px;

	margin-top: 10px;

}







#black{

	background-color: rgba(0,0,0,0.8);

}







/*----------parallax------------*/

#home { 

  background: url(../img/parallxBG1.jpg) 50% 0 repeat fixed; 

  min-height: 700px; 

  height: 700px; 

  margin: 0 auto; 

  width: 100%; 

  max-width: 1920px; 

  position: relative; 

}

 



/*---------parallax end-----------*/



/*----------cubes--------*/



.cubos_grid {

	margin: 195px 0 0 0;

	padding: 0;

	list-style: none;

	display: block;

	text-align: center;

	width: 100%;

}



.cubos_grid:after,

.cubos_things:before {

	content: '';

    display: table;

}



.cubos_grid:after {

	clear: both;

}



.cubos_grid li {

	width: 220px;

	height: 220px;

	display: inline-block;

	margin: 0px;

}









.cubos_things {

	width: 100%;

	height: 100%;

	border-radius: 50%;

	position: relative;

	cursor: default;

	-webkit-perspective: 900px;

	-moz-perspective: 900px;

	-o-perspective: 900px;

	-ms-perspective: 900px;

	perspective: 900px;

}

.cubos_information{

	position: absolute;

	width: 100%;

	height: 100%;



}

.cubos_information > div {

	display: block;

	position: absolute;

	width: 100%;

	height: 100%;

	/*border-radius: 50%;*/

	background-position: center center;

	-webkit-transition: all 0.4s linear;

	-moz-transition: all 0.4s linear;

	-o-transition: all 0.4s linear;

	-ms-transition: all 0.4s linear;

	transition: all 0.4s linear;

	-webkit-transform-origin: 50% 0%;

	-moz-transform-origin: 50% 0%;

	-o-transform-origin: 50% 0%;

	-ms-transform-origin: 50% 0%;

	transform-origin: 50% 0%;

}



/*.ch-info .ch-info-front {

	box-shadow: inset 0 0 0 12px rgba(216,0,0,0.5);

}*/



.cubos_information .cubos_info_back {

	-webkit-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);

	-moz-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);

	-o-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);

	-ms-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);

	transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);

	background: #000;

	opacity: 0;

	/*box-shadow: inset 0 0 0 7px rgba(216,0,0,0.5);*/

}



.cubos_cd { 

	background-image: url(../img/22.jpg);

}



.cubos_ga { 

	background-image: url(../img/21.jpg);

}



.cubos_gd { 

	background-image: url(../img/20.jpg);

}



.cubos_vp { 

	background-image: url(../img/23.jpg);

}





.cubos_information h3 {

	color: #F00;

	text-transform: uppercase;

	letter-spacing: 2px;

	font-size: 24px;

	margin: 0 15px;

	padding: 75px 0 0 0;

	height: 110px;

	font-family: 'Open Sans', Arial, sans-serif;

	text-shadow: 

		0 0 1px #000, 

		0 1px 2px rgba(0,0,0,0.3);

}



.cubos_information h3 a {

	color: #FFF;

	text-align: center;

	text-transform: uppercase;

	text-decoration: none;

	letter-spacing: 3px;

	font-size: 29px;

	font-weight: bold;

	margin: 0;

	padding: 0 0 0 0;

	height: 110px;

	font-family: 'Iceland', cursive;

}

.cubos_information h3 a:hover {

	color: #D80000;

	color: rgba(216,0,0, 0.8);

	

}



.cubos_things:hover .cubos_info_front {

	-webkit-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);

	-moz-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);

	-o-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);

	-ms-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);

	transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);

	opacity: 0;

}



.cubos_things:hover .cubos_info_back {

	-webkit-transform: rotate3d(1,0,0,0deg);

	-moz-transform: rotate3d(1,0,0,0deg);

	-o-transform: rotate3d(1,0,0,0deg);

	-ms-transform: rotate3d(1,0,0,0deg);

	transform: rotate3d(1,0,0,0deg);

	opacity: 1;

}



/*----------cubes--------*/







}



/*--------959px-----*/



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

	
#thankyouimg{
	margin: 25% 0 0 0;
}
	

/*---------header--------*/

	

	#header {

	background:none;

		height: 325px;

		border-bottom: 8px solid  #111111;

	}

	



	header {

		background: none;

		height: 320px;

	}

	#logoheader {

		margin-top: 13px;

		margin: 0 0 0 0;

		padding: 0 0 0 27%;

		

	}



#indexMain{

	background-color: rgba(0,0,0,0);

	height: auto;

	margin-top: 10px;

	width: 100%;

}







#black{

	background-color: rgba(0,0,0,0.8);

}







/*----------parallax------------*/

#home { 

  background: url(../img/parallxBG1.jpg) 50% 0 repeat fixed; 

  min-height: auto; 

  height: auto; 

  margin: 0 auto; 

  width: 100%; 

  max-width: 1920px; 

  position: relative; 

}

 

 

 #home2 { 

  background: url(../img/bg5_2.png) 50% 0 repeat fixed; 

  min-height: auto; 

  height: auto; 

  margin: 0 auto; 

  width: 100%; 

  max-width: 1920px; 

  position: relative; 

}



 #page3 { 

  background: url(../img/bg5.png) 50% 0 repeat fixed; 

  min-height: auto; 

  height: auto; 

  margin: 0 auto; 

  width: 100%; 

  max-width: 1920px; 

  position: relative; 

}



/*---------parallax end-----------*/



/*----------cubes--------*/



.cubos_grid {

	margin:40px 0 40px 0;

	padding: 0;

	list-style: none;

	display: block;

	text-align: center;

	width: 100%;

}



.cubos_grid:after,

.cubos_things:before {

	content: '';

    display: table;

}



.cubos_grid:after {

	clear: both;

}



.cubos_grid li {

	width: 220px;

	height: 220px;

	display: inline-block;

	margin: 0px;

}









.cubos_things {

	width: 100%;

	height: 100%;

	border-radius: 50%;

	position: relative;

	cursor: default;

	-webkit-perspective: 900px;

	-moz-perspective: 900px;

	-o-perspective: 900px;

	-ms-perspective: 900px;

	perspective: 900px;

}

.cubos_information{

	position: absolute;

	width: 100%;

	height: 100%;



}

.cubos_information > div {

	display: block;

	position: absolute;

	width: 100%;

	height: 100%;

	/*border-radius: 50%;*/

	background-position: center center;

	-webkit-transition: all 0.4s linear;

	-moz-transition: all 0.4s linear;

	-o-transition: all 0.4s linear;

	-ms-transition: all 0.4s linear;

	transition: all 0.4s linear;

	-webkit-transform-origin: 50% 0%;

	-moz-transform-origin: 50% 0%;

	-o-transform-origin: 50% 0%;

	-ms-transform-origin: 50% 0%;

	transform-origin: 50% 0%;

}



/*.ch-info .ch-info-front {

	box-shadow: inset 0 0 0 12px rgba(216,0,0,0.5);

}*/



.cubos_information .cubos_info_back {

	-webkit-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);

	-moz-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);

	-o-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);

	-ms-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);

	transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);

	background: #000;

	opacity: 0;

	/*box-shadow: inset 0 0 0 7px rgba(216,0,0,0.5);*/

}



.cubos_cd { 

	background-image: url(../img/22.jpg);

}



.cubos_ga { 

	background-image: url(../img/21.jpg);

}



.cubos_gd { 

	background-image: url(../img/20.jpg);

}



.cubos_vp { 

	background-image: url(../img/23.jpg);

}





.cubos_information h3 {

	color: #F00;

	text-transform: uppercase;

	letter-spacing: 2px;

	font-size: 24px;

	margin: 0 15px;

	padding: 75px 0 0 0;

	height: 110px;

	font-family: 'Open Sans', Arial, sans-serif;

	text-shadow: 

		0 0 1px #000, 

		0 1px 2px rgba(0,0,0,0.3);

}



.cubos_information h3 a {

	color: #FFF;

	text-align: center;

	text-transform: uppercase;

	text-decoration: none;

	letter-spacing: 3px;

	font-size: 29px;

	font-weight: bold;

	margin: 0;

	padding: 0 0 0 0;

	height: 110px;

	font-family: 'Iceland', cursive;

}

.cubos_information h3 a:hover {

	color: #D80000;

	color: rgba(216,0,0, 0.8);

	

}



.cubos_things:hover .cubos_info_front {

	-webkit-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);

	-moz-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);

	-o-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);

	-ms-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);

	transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);

	opacity: 0;

}



.cubos_things:hover .cubos_info_back {

	-webkit-transform: rotate3d(1,0,0,0deg);

	-moz-transform: rotate3d(1,0,0,0deg);

	-o-transform: rotate3d(1,0,0,0deg);

	-ms-transform: rotate3d(1,0,0,0deg);

	transform: rotate3d(1,0,0,0deg);

	opacity: 1;

}



/*----------cubes--------*/

	

	.nav-collapse a {

  font-family: 'Iceland', cursive;

  color: #FFF;

  font-size: 1.125em;

  text-decoration: none;

  width: 100%;

  /*background: #069;changes color of background of links*/

  /*border-bottom: 1px solid white;*/

  /*padding: 0.7em 1em;*/

  padding: 10px;

  float: left;

  

}

	

}



/***********************************************

Tablet (Smaller than 767px)

***********************************************/

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

.img3d{

	margin-top:40px;

	margin-bottom:40px;

	width: 100%;

	height: auto;

	margin-left: 0%;

}

.tap{
	color:#FFF;
	font-size: 12px;
	font-family:'Iceland', cursive;
	display: block;
}



/*---------header--------*/

	

	#header {

	background:none;

		height: 325px;

		border-bottom: 8px solid  #111111;

	}

	



	header {

		background: none;

		height: 320px;

	}

	#logoheader {

		margin-top: 13px;

		margin: 0 0 0 0;

		padding: 0 0 0 25%;

		

	}



#indexMain{

	background-color: rgba(0,0,0,0);

	height: auto;

	margin-top: 10px;

}







#black{

	background-color: rgba(0,0,0,0.8);

}







/*----------parallax------------*/

#home { 

  background: url(../img/parallxBG1.jpg) 50% 0 repeat fixed; 

  min-height: auto; 

  height: auto; 

  margin: 0 auto; 

  width: 100%; 

  max-width: 1920px; 

  position: relative; 

}

 



/*---------parallax end-----------*/

	.bw{

	

	-webkit-transition: all 1s ease;

     -moz-transition: all 1s ease;

       -o-transition: all 1s ease;

      -ms-transition: all 1s ease;

          transition: all 1s ease;

		   -webkit-filter: grayscale(100%);

		   border:#FFF solid 5px;

		   margin: 10px 0 10px 0;

		   width: auto;

		   height: auto;

}

/*----------cubes--------*/



.cubos_grid {

	margin:40px 0 40px 0;

	padding: 0;

	list-style: none;

	display: block;

	text-align: center;

	width: 100%;

}



.cubos_grid:after,

.cubos_things:before {

	content: '';

    display: table;

}



.cubos_grid:after {

	clear: both;

}



.cubos_grid li {

	width: 220px;

	height: 220px;

	display: inline-block;

	margin: 0px;

}









.cubos_things {

	width: 100%;

	height: 100%;

	border-radius: 50%;

	position: relative;

	cursor: default;

	-webkit-perspective: 900px;

	-moz-perspective: 900px;

	-o-perspective: 900px;

	-ms-perspective: 900px;

	perspective: 900px;

}

.cubos_information{

	position: absolute;

	width: 100%;

	height: 100%;



}

.cubos_information > div {

	display: block;

	position: absolute;

	width: 100%;

	height: 100%;

	/*border-radius: 50%;*/

	background-position: center center;

	-webkit-transition: all 0.4s linear;

	-moz-transition: all 0.4s linear;

	-o-transition: all 0.4s linear;

	-ms-transition: all 0.4s linear;

	transition: all 0.4s linear;

	-webkit-transform-origin: 50% 0%;

	-moz-transform-origin: 50% 0%;

	-o-transform-origin: 50% 0%;

	-ms-transform-origin: 50% 0%;

	transform-origin: 50% 0%;

}



/*.ch-info .ch-info-front {

	box-shadow: inset 0 0 0 12px rgba(216,0,0,0.5);

}*/



.cubos_information .cubos_info_back {

	-webkit-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);

	-moz-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);

	-o-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);

	-ms-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);

	transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);

	background: #000;

	opacity: 0;

	/*box-shadow: inset 0 0 0 7px rgba(216,0,0,0.5);*/

}



.cubos_cd { 

	background-image: url(../img/22.jpg);

}



.cubos_ga { 

	background-image: url(../img/21.jpg);

}



.cubos_gd { 

	background-image: url(../img/20.jpg);

}



.cubos_vp { 

	background-image: url(../img/23.jpg);

}





.cubos_information h3 {

	color: #F00;

	text-transform: uppercase;

	letter-spacing: 2px;

	font-size: 24px;

	margin: 0 15px;

	padding: 75px 0 0 0;

	height: 110px;

	font-family: 'Open Sans', Arial, sans-serif;

	text-shadow: 

		0 0 1px #000, 

		0 1px 2px rgba(0,0,0,0.3);

}



.cubos_information h3 a {

	color: #FFF;

	text-align: center;

	text-transform: uppercase;

	text-decoration: none;

	letter-spacing: 3px;

	font-size: 29px;

	font-weight: bold;

	margin: 0;

	padding: 0 0 0 0;

	height: 110px;

	font-family: 'Iceland', cursive;

}

.cubos_information h3 a:hover {

	color: #D80000;

	color: rgba(216,0,0, 0.8);

	

}



.cubos_things:hover .cubos_info_front {

	-webkit-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);

	-moz-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);

	-o-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);

	-ms-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);

	transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);

	opacity: 0;

}



.cubos_things:hover .cubos_info_back {

	-webkit-transform: rotate3d(1,0,0,0deg);

	-moz-transform: rotate3d(1,0,0,0deg);

	-o-transform: rotate3d(1,0,0,0deg);

	-ms-transform: rotate3d(1,0,0,0deg);

	transform: rotate3d(1,0,0,0deg);

	opacity: 1;

}



/*----------cubes--------*/



/*----------Footer--------*/

.footerBG{

		height: 215px;

		border-top: 8px solid  #111;

	}



/*-----social icons----*/



a,a:visited { color: #fff; }

a:hover { color: #fff; }



.footer_icons {

	float: left;

	margin: 3.125em 1.5em 2em; 

	width: 120px; 

	height: 120px; 	

	display: block; 

	text-align: center; 

	line-height:115px; 

	color: #fff;

	position: relative;

	transform:rotateY(0deg);

	transition:transform .25s ease-out;

	transform-style:preserve-3d;

}

.footer_icons > div {

	width: 120px; 

	height: 120px; 

	background: #131313;

	position: absolute; 

	top: 0; 

	left: 0;

	right: 0; 

	bottom: 0;

}

.footer_icons >.cubes_front {

	transform:translateZ(40px);

	font-family: Entypo;

	font-size: 3.125em;

}

/*.footer_icons >.cubes_back {

	background: #3B5998; 

	font-size: 3.125em;

	transform:rotateY(-100deg) translateZ(40px);

	font-family: Entypo;

}*/



/*  Social Media Colors 

	Facebook #3B5998

	Flickr #FE0883

	Foursquare #8FD400

	Google+ #C63D2D

	Instagram #4E433C

	Linkedin #4875B4

	Tumblr #2B4964

	Twitter #33CCFF

	Vimeo #86B32D

	Youtube #FF3333

	Dribbble #ea4c89

*/

.footer_icons.footer_twitter > .cubes_back { background: #55ACEE; }

.footer_icons.footer_contact > .cubes_back { background: #d80000; color: #fff;}

.footer_icons.social-googleplus > .cubes_back { background: #dd4B39; }

.footer_icons.footer_linkedin > .cubes_back { background: #4875B4; }



/* Hover */

.footer_icons:hover {

	transform: rotateY(100deg);

}



/*-------social idcons------*/



/*----------Footer Icons Done--------*/

}


/*------------700px----------*/

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

  .footer_icons {

	float: left;

	margin: 3.125em 3% 2em; 

	width: 120px; 

	height: 120px; 	

	display: block; 

	text-align: center; 

	line-height:115px; 

	color: #fff;

	position: relative;

	transform:rotateY(0deg);

	transition:transform .25s ease-out;

	transform-style:preserve-3d;

}


}



/*------674-----*/

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

  .footer_icons {

	float: left;

	margin: 3.125em 2% 2em; 

	width: 120px; 

	height: 120px; 	

	display: block; 

	text-align: center; 

	line-height:115px; 

	color: #fff;

	position: relative;

	transform:rotateY(0deg);

	transition:transform .25s ease-out;

	transform-style:preserve-3d;

}


}
/*--------40em(navigation)-----*/

@media screen and (min-width: 40em) {

	

  .nav-collapse li {

    width: 25%;

    *width: 24.9%; /* IE7 Hack */

    _width: 19%; /* IE6 Hack */

  }

  

  .nav-collapse ul ul a {

    display: none;

  }

  

  .nav-collapse a {

    margin: 0;

    /*padding: 1em;*/

    float: left;

    text-align: center;

    border-bottom: 0;

    

  }

  



}






/*--------640px-----*/





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

	

#logoheader {

		margin-top: 13px;

		margin: 0 0 0 0;

		padding: 0 0 0 20%;

		

	}

  .footer_icons {

	float: left;

	margin: 3.125em 2% 2em; 

	width: 120px; 

	height: 120px; 	

	display: block; 

	text-align: center; 

	line-height:115px; 

	color: #fff;

	position: relative;

	transform:rotateY(0deg);

	transition:transform .25s ease-out;

	transform-style:preserve-3d;

}



.top1 {

border-right: 0px solid red;

}





}





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

.nav-collapse a {

  font-family: 'Iceland', cursive;

  color: #FFF;

  font-size: 25px;

  text-decoration: none;

  width: 100%;

  /*background: #069;changes color of background of links*/

  /*border-bottom: 1px solid white;*/

  /*padding: 0.7em 1em;*/

  padding: 10px;

  float: left;

  

}



}




/*------613px----*/

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

  .footer_icons {

	float: left;

	margin: 3.125em 14% 2em; 

	width: 120px; 

	height: 120px; 	

	display: block; 

	text-align: center; 

	line-height:115px; 

	color: #fff;

	position: relative;

	transform:rotateY(0deg);

	transition:transform .25s ease-out;

	transform-style:preserve-3d;

}


}


/*-----587-----*/
@media screen and (max-width: 587px) {

  .footer_icons {

	float: left;

	margin: 3.125em 39% 2em; 

	width: 120px; 

	height: 120px; 	

	display: block; 

	text-align: center; 

	line-height:115px; 

	color: #fff;

	position: relative;

	transform:rotateY(0deg);

	transition:transform .25s ease-out;

	transform-style:preserve-3d;

}


}
/*--------570px-----*/



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

	

#logoheader {

		margin-top: 13px;

		margin: 0 0 0 0;

		padding: 0 0 0 17%;

		

	}

  

}





/*--------480px-----*/



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

	

#logoheader {

		margin-top: 13px;

		margin: 0 0 0 0;

		padding: 0 0 0 11%;

		

	}

	

	#jlqlogo{

	height: 301px ;

	width: 382px ;

	margin: 0 0 0 0px;

}

#thankyouimg{
	margin: 50% 0 0 0;
}
  

}

/***********************************************

Mobile (portrait 468px)

***********************************************/

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





  .top1{

	border-right: 0px solid red;

}

/*---------header--------*/

	

	#header {

	background:none;

		height: 325px;

		border-bottom: 8px solid  #111111;

	}

	



	header {

		background: none;

		height: 320px;

	}

	#logoheader {

		margin-top: 13px;

		margin: 0 0 0 0;

		padding: 0 0 0 7%;

		

	}



#indexMain{

	background-color: rgba(0,0,0,0);

	height: auto;

	margin-top: 10px;

}







#black{

	background-color: rgba(0,0,0,0.8);

}







/*----------parallax------------*/

#home { 

  background: url(../img/parallxBG1.jpg) 50% 0 repeat fixed; 

  min-height: auto; 

  height: auto; 

  margin: 0 auto; 

  width: 100%; 

  max-width: 1920px; 

  position: relative; 

}

 



/*---------parallax end-----------*/



/*----------cubes--------*/



.cubos_grid {

	margin:40px 0 40px 0;

	padding: 0;

	list-style: none;

	display: block;

	text-align: center;

	width: 100%;

}



.cubos_grid:after,

.cubos_things:before {

	content: '';

    display: table;

}



.cubos_grid:after {

	clear: both;

}



.cubos_grid li {

	width: 220px;

	height: 220px;

	display: inline-block;

	margin: 0px;

}









.cubos_things {

	width: 100%;

	height: 100%;

	border-radius: 50%;

	position: relative;

	cursor: default;

	-webkit-perspective: 900px;

	-moz-perspective: 900px;

	-o-perspective: 900px;

	-ms-perspective: 900px;

	perspective: 900px;

}

.cubos_information{

	position: absolute;

	width: 100%;

	height: 100%;



}

.cubos_information > div {

	display: block;

	position: absolute;

	width: 100%;

	height: 100%;

	/*border-radius: 50%;*/

	background-position: center center;

	-webkit-transition: all 0.4s linear;

	-moz-transition: all 0.4s linear;

	-o-transition: all 0.4s linear;

	-ms-transition: all 0.4s linear;

	transition: all 0.4s linear;

	-webkit-transform-origin: 50% 0%;

	-moz-transform-origin: 50% 0%;

	-o-transform-origin: 50% 0%;

	-ms-transform-origin: 50% 0%;

	transform-origin: 50% 0%;

}



/*.ch-info .ch-info-front {

	box-shadow: inset 0 0 0 12px rgba(216,0,0,0.5);

}*/



.cubos_information .cubos_info_back {

	-webkit-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);

	-moz-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);

	-o-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);

	-ms-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);

	transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);

	background: #000;

	opacity: 0;

	/*box-shadow: inset 0 0 0 7px rgba(216,0,0,0.5);*/

}



.cubos_cd { 

	background-image: url(../img/22.jpg);

}



.cubos_ga { 

	background-image: url(../img/21.jpg);

}



.cubos_gd { 

	background-image: url(../img/20.jpg);

}



.cubos_vp { 

	background-image: url(../img/23.jpg);

}





.cubos_information h3 {

	color: #F00;

	text-transform: uppercase;

	letter-spacing: 2px;

	font-size: 24px;

	margin: 0 15px;

	padding: 75px 0 0 0;

	height: 110px;

	font-family: 'Open Sans', Arial, sans-serif;

	text-shadow: 

		0 0 1px #000, 

		0 1px 2px rgba(0,0,0,0.3);

}



.cubos_information h3 a {

	color: #FFF;

	text-align: center;

	text-transform: uppercase;

	text-decoration: none;

	letter-spacing: 3px;

	font-size: 29px;

	font-weight: bold;

	margin: 0;

	padding: 0 0 0 0;

	height: 110px;

	font-family: 'Iceland', cursive;

}

.cubos_information h3 a:hover {

	color: #D80000;

	color: rgba(216,0,0, 0.8);

	

}



.cubos_things:hover .cubos_info_front {

	-webkit-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);

	-moz-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);

	-o-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);

	-ms-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);

	transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);

	opacity: 0;

}



.cubos_things:hover .cubos_info_back {

	-webkit-transform: rotate3d(1,0,0,0deg);

	-moz-transform: rotate3d(1,0,0,0deg);

	-o-transform: rotate3d(1,0,0,0deg);

	-ms-transform: rotate3d(1,0,0,0deg);

	transform: rotate3d(1,0,0,0deg);

	opacity: 1;

}



/*----------cubes--------*/



/*----------Footer--------*/

.footerBG{

		height: 215px;

		border-top: 8px solid  #111;

	}





/*-----social icons----*/



a,a:visited { color: #fff; }

a:hover { color: #fff; }



.footer_icons {

	float: left;

	margin: 3.125em 35% 2em; 

	width: 120px; 

	height: 120px; 	

	display: block; 

	text-align: center; 

	line-height:115px; 

	color: #fff;

	position: relative;

	transform:rotateY(0deg);

	transition:transform .25s ease-out;

	transform-style:preserve-3d;

}

.footer_icons > div {

	width: 120px; 

	height: 120px; 

	background: #131313;

	position: absolute; 

	top: 0; 

	left: 0;

	right: 0; 

	bottom: 0;

}

.footer_icons >.cubes_front {

	transform:translateZ(40px);

	font-family: Entypo;

	font-size: 3.125em;

}

/*.footer_icons >.cubes_back {

	background: #3B5998; 

	font-size: 3.125em;

	transform:rotateY(-100deg) translateZ(40px);

	font-family: Entypo;

}*/



/*  Social Media Colors 

	Facebook #3B5998

	Flickr #FE0883

	Foursquare #8FD400

	Google+ #C63D2D

	Instagram #4E433C

	Linkedin #4875B4

	Tumblr #2B4964

	Twitter #33CCFF

	Vimeo #86B32D

	Youtube #FF3333

	Dribbble #ea4c89

*/

.footer_icons.footer_twitter > .cubes_back { background: #55ACEE; }

.footer_icons.footer_contact > .cubes_back { background: #d80000; color: #fff;}

.footer_icons.social-googleplus > .cubes_back { background: #dd4B39; }

.footer_icons.footer_linkedin > .cubes_back { background: #4875B4; }



/* Hover */

.footer_icons:hover {

	transform: rotateY(100deg);

}



/*-------social idcons------*/



/*----------Footer Icons Done--------*/



/*---------nav-------------*/



.nav-toggle {

  position: fixed;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  text-decoration: none;

  text-indent: -999px;

  position: relative;

  overflow: hidden;

  width: 100px;

  height: 55px;

  margin: 0px 40%;

  float: left;/* make this reight to make like default one*/

  

}



}



/*-----462px----*/

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

	

	.footer_icons {

	float: left;

	margin: 3.125em 35% 2em; 

	width: 120px; 

	height: 120px; 	

	display: block; 

	text-align: center; 

	line-height:115px; 

	color: #fff;

	position: relative;

	transform:rotateY(0deg);

	transition:transform .25s ease-out;

	transform-style:preserve-3d;

}

}



/*--------420px-----*/

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

	

		#header {

	background:none;

		height: 220px;

		border-bottom: 8px solid  #111111;

	}

	



	header {

		background: none;

		height: 220px;

	}

	

	

	#logoheader {

		margin-top: 13px;

		margin: 5px 0 0 0;

		padding: 0 0 0 17%;

		

	}

	

#jlqlogo{

	height: 213px ;

	width: 270px ;

}



	.bw{

	

	-webkit-transition: all 1s ease;

     -moz-transition: all 1s ease;

       -o-transition: all 1s ease;

      -ms-transition: all 1s ease;

          transition: all 1s ease;

		   -webkit-filter: grayscale(100%);

		   border:#FFF solid 5px;

		   margin: 10px 0 10px 0;

		   width: 100%;

		   height: auto;

}

.nav-toggle {

  position: fixed;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  text-decoration: none;

  text-indent: -999px;

  position: relative;

  overflow: hidden;

  width: 100px;

  height: 55px;

  margin: 0px 38%;

  float: left;/* make this reight to make like default one*/

  

}

	

}



/*--------360px-----*/

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

	

	#logoheader {

		margin-top: 13px;

		margin: 5px 0 0 0;

		padding: 0 0 0 12%;

		

	}





}



/*--------340px-----*/

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

	

		#header {

	background:none;

		height: 220px;

		border-bottom: 8px solid  #111111;

	}

	



	header {

		background: none;

		height: 220px;

	}

	

	

	#logoheader {

		margin-top: 13px;

		margin: 5px 0 0 0;

		padding: 0 0 0 7%;

		

	}

	

#jlqlogo{

	height: 213px ;

	width: 270px ;

}

.nav-toggle {

  position: fixed;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  text-decoration: none;

  text-indent: -999px;

  position: relative;

  overflow: hidden;

  width: 100px;

  height: 55px;

  margin: 0px 33%;

  float: left;/* make this reight to make like default one*/

  

}
	

}


/*-----326px-----*/

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

  .footer_icons {

	float: left;

	margin: 3.125em 28% 2em; 

	width: 120px; 

	height: 120px; 	

	display: block; 

	text-align: center; 

	line-height:115px; 

	color: #fff;

	position: relative;

	transform:rotateY(0deg);

	transition:transform .25s ease-out;

	transform-style:preserve-3d;

}

.nav-toggle {

  position: fixed;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  text-decoration: none;

  text-indent: -999px;

  position: relative;

  overflow: hidden;

  width: 100px;

  height: 55px;

  margin: 0px 33%;

  float: left;/* make this reight to make like default one*/

  

}


}
/*--------320px-----*/

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

	

	

	#header {

	background:none;

		height: 220px;

		border-bottom: 8px solid  #111111;

	}

	



	header {

		background: none;

		height: 220px;

	}

	

	

	#logoheader {

		margin-top: 13px;

		margin: 5px 0 0 0;

		padding: 0 0 0 0;

		

	}

	

#jlqlogo{

	height: 213px ;

	width: 270px ;

}





.nav-toggle {

  position: fixed;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  text-decoration: none;

  text-indent: -999px;

  position: relative;

  overflow: hidden;

  width: 100px;

  height: 55px;

  margin: 0px 30%;

  float: left;/* make this reight to make like default one*/

  

}



.footer_icons {

	float: left;

	margin: 3.125em 4.5em 2em; 

	width: 120px; 

	height: 120px; 	

	display: block; 

	text-align: center; 

	line-height:115px; 

	color: #fff;

	position: relative;

	transform:rotateY(0deg);

	transition:transform .25s ease-out;

	transform-style:preserve-3d;

}





}