/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 800px) {
/* Styles */
.shine{ position:absolute; right:38%; top:245px/*28.8%*/;display:none !important; width:5.5% }
.shine2{ position:absolute; left:38%; top:245px/*28.8%*/;display:none !important; width:5.5% }

}





/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 320px) {/*leaderboard right*/
.bulb1{ position:absolute; left:100px; top:270px; opacity:0; width:15.9%; display:none}
.bulb2{ position:absolute; right:100px; top:270px;opacity:0; width:15.9%; display:none}

.mobile_bulb{ display: block; width:70%; margin:30px auto 0}
.logo{position:fixed;z-index:1;top:20px; left:50px; padding:35px 30px; display:none}
.logo_mobile{ width:40%;padding: 20px 0 0 20px; float:left}
.navigation_mobile{ float:right;padding: 35px 10px 0; display:block}
.navigation{ display:none}
.button{display:block;width:40px;height:44px;position:absolute;bottom:0px;left:47%;background-image:url(../images/arrowm.png);}
.button3{display:block;width:40px;height:44px;position:absolute;bottom:0px;left:47%;background-image:url(../images/arrowm2.png); cursor:pointer}
.wrapper {width: 90%;height: 200px;margin: 0 auto;position: relative;padding: 20px 0 0 0;}
.main{ display:none}
.big_intro {font-size: 20px;color: #fff;}
.red {font-size: 20px;color: #ea0819;}
.intro {text-align: center;padding: 10px 0 10px;-webkit-font-smoothing: antialiased; margin:0 0 0px 0}
.slider {cursor: pointer;margin: 0x;width: 140px !important;}
.call_slider{ position:relative; margin: 5px 0 20px; display:none}
.intro2{ text-align:center; padding:0px 0 10px;-webkit-font-smoothing: antialiased;}
.projects_left{ float:left; width:40%; padding:10px 0 0 0; display:none}
.projects_right{ float:right; width:53%; margin:0 0 0 7%}
.flexslider {margin:10px 0 30px; background: none; border: 0px solid #fff; position: relative; display:none}
.fade{ display:none;position:absolute;bottom:170px; text-align:center; left:5px; font-size:30px !important;-webkit-font-smoothing: antialiased;}
.intro_text{font-size:17px; color:#fff; text-align:center; margin:0 0 20px 0;-webkit-font-smoothing: antialiased;}
.social{display: block;position: absolute;bottom: 0px;right: 5%; bottom:100px}
.projects_pic{ display:block}
}




/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 600px) 
and (max-device-width : 600px) {
/* Styles */
html,body{
 font-family: 'opificioregular',Arial, Helvetica, sans-serif;-webkit-font-smoothing: antialiased;
	width:100%;
	height:150%;
}
.shield{ position:absolute; right:47.4%; top:347px;display:none !important; width:5.5%;}
.shine{ position:absolute; right:38%; top:245px/*28.8%*/;display:none !important; width:5.5% }
.shine2{ position:absolute; left:38%; top:245px/*28.8%*/;display:none !important; width:5.5% }
}




/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 1280px) 
and (max-device-width : 1280px) {
/* Styles */

}





/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
.shield{ position:absolute; right:47.4%; top:347px;display:none !important; width:5.5%;}
.shine{ position:absolute; right:38%; top:245px/*28.8%*/;display:none !important; width:5.5% }
.shine2{ position:absolute; left:38%; top:245px/*28.8%*/;display:none !important; width:5.5% }
.fade{ display:none !important;position:absolute;bottom:170px; text-align:center; left:5px; font-size:30px !important;-webkit-font-smoothing: antialiased;}
.flexslider {margin:0px 0 30px; background: none; border: 0px solid #fff; position: relative;}
.mobile_bulb {display: block;width: 70% !important;margin: 0px auto 0;}
nav a {position: relative;display: inline-block;margin: 1px 25px;outline: none;color: #fff;text-decoration: none;letter-spacing: 1px;font-size:18px;}
.mobile_menu li a {color:#FFF; font-size:0.8em; font-weight:bold; text-decoration:none; padding:1px 15px;}
.projects_pic{
width: 44%;
float: left; margin:0 30px 0 0px
}

.projects_link{ float:right}
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */

}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */


}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */


}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 810px) {
/* Styles */

.mobile_bulb{ display:none}
.bulb1{ position:absolute; left:100px; top:235px; opacity:0; width:15.9%; display:block}
.bulb2{ position:absolute; right:100px; top:235px;opacity:0; width:15.9%; display:block}
/*.shield{ position:absolute; right:47.4%; top:347px;width:5.5%; display:none !important}*/
.logo_mobile{ width:40%;padding: 20px 0 0 20px; float:left; display:none}
.logo{position:fixed;z-index:1;top:20px; left:50px; padding:35px 30px; display:block}
.navigation{/*position:fixed;z-index:1;top:20px; right:50px;*/ padding:50px 0; display:block}
.navigation_mobile{ float:right;padding: 35px 10px 0; display:none}
.button{display:block;width:118px;height:130px;position:absolute;bottom:0px;left:47%;background-image:url(../images/arrow.png);}
.button3{display:block;width:118px;height:130px;position:absolute;bottom:0px;left:47%;background-image:url(../images/arrow2.png); cursor:pointer}
.wrapper{width:70%;height:200px;margin:0 auto;position:relative;padding:200px 0 0 0}
.big_intro{font-size:36px; color:#fff}
.red{font-size:36px; color:#ea0819}
.intro{ text-align:center; padding:10px 0 0px;-webkit-font-smoothing: antialiased;margin:0 0 8px 0}
.slider{cursor:pointer;margin:0x; width:340px !important; height:300px;}
.call_slider{ position:relative; margin: 5px 0 20px; display:block}
.intro2{ text-align:center; padding:0px 0 60px;-webkit-font-smoothing: antialiased;}
.projects_left{ float:left; width:40%; padding:10px 0 0 0; display:block}
.projects_right{ float:right; width:50%}
.flexslider {margin:30px 0 30px; background: none; border: 0px solid #fff; position: relative; display:none }
.main{ display:block}
/*desky*/

.slider{cursor:pointer;margin:0x; width:286px !important; height:300px;}
.fade{ display:none;position:absolute;bottom:150px; text-align:center; left:34%; font-size:30px !important;-webkit-font-smoothing: antialiased;}
.intro_text{font-size:17px; color:#fff; text-align:center; margin:0 0 50px 0;-webkit-font-smoothing: antialiased;}
.social{display: block;position: absolute;bottom: 0px;right: 5%; bottom:200px}
.projects_pic{ display:none}
.projects_left_mobile{ display:none}
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
.shield{ position:absolute; right:47.4%; top:311px/*28.8%*/;display:none; width:5.5% }
.slider{cursor:pointer;margin:0x; width:286px !important; height:300px;}
.projects_left{ float:left; width:36%; padding:10px 0 0 0;}
/*.fade{bottom:220px;}*/
}




/* Large screens ----------- */
/*@media only screen 
and (min-width : 1920px) {
.shield{ position:absolute; right:47.45%; top:311px;display:none; width:5.5% }
.fade{ display:none;position:absolute;bottom:100px; text-align:center; left:38%; font-size:30px !important;-webkit-font-smoothing: antialiased;}
}*/



/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */

/*.content_left{ width:49.2%; float:left}
.content_right{ width:49.2%; float:left;margin:0 0 0 1.6%}
*/

.fade{ display:none !important;position:absolute;bottom:170px; text-align:center; left:5px; font-size:30px !important;-webkit-font-smoothing: antialiased;}
.shield{ position:absolute; right:47.4%; top:347px;display:none !important; width:5.5%;}
.shine{ position:absolute; right:38%; top:245px/*28.8%*/;display:none !important; width:5.5% }
.shine2{ position:absolute; left:38%; top:245px/*28.8%*/;display:none !important; width:5.5% }
.mobile_bulb {display: block;width: 45%;margin: 0px auto 0;}
html,body{
 font-family: 'opificioregular',Arial, Helvetica, sans-serif;-webkit-font-smoothing: antialiased;
	width:100%;
	height:105%;
}
nav a {position: relative;display: inline-block;margin: 1px 25px !important;outline: none;color: #fff;text-decoration: none;letter-spacing: 1px;font-size:18px;}
.mobile_menu li a {color:#FFF; font-size:0.8em; font-weight:bold; text-decoration:none; padding:1px 15px !important;}

}



/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 1920px) 
and (min-device-width : 1920px) {
/* Styles */
.fade{ display:none;position:absolute;bottom:180px; text-align:center; left:38%; font-size:30px !important;-webkit-font-smoothing: antialiased;}
}