@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);

/*
*	GENERAL SETTINGS
*/
body{margin:0px;padding:0px;color:#666;font-family:'Pt Sans', sans-serif;font-weight:400;font-size:13px}
body.studio{background-color:#000}
body.rinaldi{background-color:#960001}

ul, ol{margin:0px;padding:0px;list-style-position:inside}
ol{list-style:none}
ul li{margin:0px;padding:0px}

table{border-collapse:collapse}
table td{padding:0px}

a{text-decoration:none}
p{margin:0px 0px 10px 0px;padding:0px}

img{border:none}

/** inputs **/
input{-webkit-appearance:none;-webkit-border-radius:0px}
input, textarea, button{font-family:'Pt Sans', sans-serif;font-size:13px;color:#626262;border:none;outline:none}
input[type=submit], input[type=reset], input[type=button]{cursor:pointer}
textarea{resize:none;overflow:hidden}

/*........................................... BEGIN FORMS .............................................*/
/*
*	HOME
*/
.contact .input_wrapper{margin-bottom:20px;border-bottom:1px solid #bbb}
.contact .input_wrapper input[type="text"], .contact .input_wrapper textarea{width:100%;line-height:17px;color:#666;font-size:13px;text-transform:uppercase;background:none}
.contact .input_wrapper textarea{height:68px}
/* submit btn */
.contact button{height:36px;margin:0;padding:0;line-height:36px;color:#777;font-size:14px;text-transform:uppercase;background:none;-webkit-transition:color .3s;-moz-transition:color .3s;transition:color .3s;cursor:pointer;float:right}
.contact button .sprite{margin:13px 6px 0 0;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s;display:block;float:left}
.contact button:hover, .contact button:focus{color:#777}
.contact button:hover .sprite, .contact button:focus .sprite{opacity:.6}
/*............................................. END FORMS .............................................*/


/*.......................................... BEGIN BUTTONS ............................................*/
.pdf_button{height:25px;margin-bottom:10px;line-height:25px;color:#000;display:block}
.pdf_button .sprite{margin-right:10px;display:block;float:left}
.pdf_button:hover{color:#777}
.pdf_button:hover .sprite{opacity:.6}
/*........................................... END BUTTONS .............................................*/


/*........................................... BEGIN ICONS ............................................*/
.icon{transition:color .5s;-webkit-transition:color .5s}
.icon::before, .icon::after{font-family:"Ionicons";font-style:normal;font-weight:400}
/* top bar menus */
.icon.menu::before{content:'\f394'}
.icon.social::before{content:'\f341'}
.icon.langs::before{content:'\f276'}
/* social */
.icon.facebook::before{content:'\f231'}
.icon.googleplus::before{content:'\f234'}
.icon.linkedin::before{content:'\f239'}
/* slideshow */
.icon.prev::before{content:'\f3d2'}
.icon.next::before{content:'\f3d3'}
/*........................................... END ICONS .............................................*/


/*........................................... BEGIN LAYOUT ............................................*/
/*
*	MAIN BANNER
*/
.main_banner{color:#fff;background-color:#000;background-size:cover;background-position:center;overflow:hidden;position:relative}
/* slides */
.slides_wrapper{height:100%}
.slides_wrapper .slide{width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;overflow:hidden;opacity:.8;position:relative;transform:translateZ(0);-webkit-transform:translateZ(0)}
.slides_wrapper .slick-list, .slides_wrapper .slick-track{height:100%}
/* arrows */
.main_banner .icon{height:40px;margin:auto;font-size:40px;text-shadow:1px 1px 2px rgba(0, 0, 0, .6);cursor:pointer;opacity:.5;position:absolute;top:0;bottom:0;transition:opacity .4s;-webkit-transition:opacity .4s}
.main_banner .icon::before{vertical-align:top}
.main_banner .icon.prev{left:40px}
.main_banner .icon.next{right:40px}
.main_banner .icon:hover{opacity:1}
/* title */
.main_banner .title{width:100%;height:100%;position:absolute;top:0;left:0;display:table}
.main_banner .title h3{padding:40px 80px;font-size:50px;font-weight:400;text-shadow:1px 1px 5px rgba(0, 0, 0, .6);text-align:center;display:table-cell;vertical-align:middle}
@media all and (max-width:1000px){
/* title */
.main_banner .title h3{font-size:36px}	
}
@media all and (max-width:760px){
/* arrows */
.main_banner .icon{font-size:36px}
.main_banner .icon.prev{left:30px}
.main_banner .icon.next{right:30px}
/* title */
.main_banner .title h3{padding:30px 65px;font-size:30px}	
}
@media all and (max-width:460px){
/* arrows */
.main_banner .icon{font-size:32px}
.main_banner .icon.prev{left:20px}
.main_banner .icon.next{right:20px}
/* title */
.main_banner .title h3{padding:20px 50px;font-size:24px}	
}

/*
*	POPUP
*/
.gall_popup{width:100%;height:100%;background-color:#555;position:fixed;top:0;left:0;z-index:99;display:none}
/* slides */
.gall_popup .slides_wrapper{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}
.gall_popup .slide{background-repeat:no-repeat;background-position:center;background-size:inherit}
/* arrows */
.gall_popup .icon.prev, .gall_popup .icon.next{margin:auto;color:#fff;font-size:40px;height:60px;line-height:60px;padding:10px 0;position:absolute;top:0;bottom:0;z-index:1;cursor:pointer}
.gall_popup .icon.prev{padding-right:10px;left:5%}
.gall_popup .icon.next{padding-left:10px;right:5%}
.gall_popup .icon{opacity:.6;transition:opacity .4s;-webkit-transition:opacity .4s}
.gall_popup .icon:hover{opacity:1}
/* disabled arrow */
.gall_popup .icon.prev.slick-disabled, .gall_popup .icon.next.slick-disabled{display:none!important}
/* close button */
.gall_popup .close_popup_gall_btn{height:30px;color:white;font-size:50px;text-transform:uppercase;position:absolute;top:5%;right:5%;z-index:1;display:block;cursor:pointer;opacity:.7;text-shadow:0 1px 2px #555}
.gall_popup .close_popup_gall_btn::before{height:30px;line-height:30px;float:left}
.gall_popup .close_popup_gall_btn:hover{opacity:1;}
/*........................................... END LAYOUT ..............................................*/


/*........................................... BEGIN LISTS .............................................*/
/*
*	IMAGE GALLERY
*/
.image_gallery{margin:0px;padding:0px;list-style:none;}
.image_gallery li{width:280px;height:210px;margin:0 40px 15px 0;float:left;position:relative;overflow:hidden;cursor:pointer;}
.image_gallery li:nth-child(2n){margin-right:0;}
/* image */
.image_gallery .image{width:280px;height:210px;display:table-cell;vertical-align:middle;}
.image_gallery .image img{max-width:280px;max-height:210px;margin:auto;display:block;}
/* screen */
.image_gallery .zoom_pane{width:100%;height:176px;background-color:rgba(0, 0, 0, .6);position:absolute;top:-176px;left:0;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}
.image_gallery .zoom_pane span{margin:auto;text-indent:-2000em;overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;display:block;}
.image_gallery .caption{width:250px;height:42px;padding:0 15px;line-height:42px;color:white;font-size:15px;text-transform:uppercase;background-color:#000;position:absolute;right:0;bottom:-42px;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}
/* hover */
.image_gallery li:hover .zoom_pane{top:0;opacity:1;}
.image_gallery li:hover .caption{bottom:0;opacity:1;}
@media all and (max-width:1240px){
.image_gallery li{margin:0 auto 20px auto;float:none}	
.image_gallery li:nth-child(2n){margin-right:auto}
}

/*
*	3 COLUMNS
*/
.three_cols_list{margin:0 -15px;list-style:none}
.three_cols_list li{width:380px;height:285px;margin:0 15px 30px 15px;float:left;position:relative}
/* image */
.three_cols_list .image{width:380px;height:285px;display:table-cell;vertical-align:middle}
.three_cols_list .image img{max-width:380px;max-height:285px;margin:auto;display:block}
/* caption */
.three_cols_list .caption{width:100%;height:100%;opacity:0;position:absolute;top:0;left:0;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s}
.three_cols_list.studio .caption{background-color:rgba(0, 0, 0, .6)}
.three_cols_list.rinaldi .caption{background-color:rgba(150, 0, 1, .6)}
.three_cols_list .title{width:315px;height:40px;padding:7px 50px 5px 15px;color:#fff;text-transform:uppercase;position:absolute;bottom:0;left:0;display:block}
.three_cols_list.studio .title{background-color:#000}
.three_cols_list.rinaldi .title{background-color:#960001}
.three_cols_list .title b{height:23px;line-height:23px;font-size:15px;font-weight:normal;display:block;overflow:hidden}
.three_cols_list .title small{height:15px;line-height:15px;display:block;overflow:hidden}

.three_cols_list .sprite{position:absolute;right:15px;bottom:7px;display:block}
/* hover */
.three_cols_list li:hover .caption{opacity:1}
@media all and (max-width:1240px){
.three_cols_list li{width:300px;height:225px}
.three_cols_list .image{width:300px;height:225px}
.three_cols_list .image img{max-width:300px;max-height:225px}
.three_cols_list .caption .title{width:235px}
}
@media all and (max-width:1000px){
.three_cols_list li{width:345px;height:259px}
.three_cols_list .image{width:345px;height:259px}
.three_cols_list .image img{max-width:345px;max-height:259px}
.three_cols_list .caption .title{width:280px}
}
@media all and (max-width:760px){
.three_cols_list{margin:0}
.three_cols_list li{width:420px;height:315px;margin:0 0 30px 0}
.three_cols_list .image{width:420px;height:315px}
.three_cols_list .image img{max-width:420px;max-height:315px}
.three_cols_list .caption .title{width:355px}
}
@media all and (max-width:460px){
.three_cols_list li{width:280px;height:210px}
.three_cols_list .image{width:280px;height:210px}
.three_cols_list .image img{max-width:280px;max-height:210px}
.three_cols_list .caption .title{width:215px}
.three_cols_list .title{font-size:12px}
.three_cols_list .title b{font-size:13px}
}

/*
*	4 COLUMNS
*/
.four_cols_list{margin:0 -12px;list-style:none}
.four_cols_list li{width:282px;height:212px;margin:0 12px 24px 12px;float:left;position:relative}
/* image */
.four_cols_list .image{width:282px;height:212px;display:table-cell;vertical-align:middle}
.four_cols_list .image img{max-width:282px;max-height:212px;margin:auto;display:block}
/* caption */
.four_cols_list .caption{width:100%;height:100%;opacity:0;position:absolute;top:0;left:0;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s}
.four_cols_list.studio .caption{background-color:rgba(0, 0, 0, .6)}
.four_cols_list.rinaldi .caption{background-color:rgba(150, 0, 1, .6)}
.four_cols_list .title{width:217px;height:50px;padding:0 50px 0 15px;line-height:50px;color:#fff;text-transform:uppercase;position:absolute;bottom:0;left:0;display:block}
.four_cols_list.studio .title{background-color:#000}
.four_cols_list.rinaldi .title{background-color:#960001}
.four_cols_list .title b{font-size:15px;font-weight:normal}
.four_cols_list .sprite{position:absolute;right:15px;bottom:7px;display:block}
/* hover */
.four_cols_list li:hover .caption{opacity:1}
@media all and (max-width:1240px){
.four_cols_list{margin:0 -15px}
.four_cols_list li{width:300px;height:226px;margin:0 15px 24px 15px}
/* image */
.four_cols_list .image{width:300px;height:226px}
.four_cols_list .image img{max-width:300px;max-height:226px}
/* caption */
.four_cols_list .title{width:235px}
}
@media all and (max-width:1000px){
.four_cols_list{margin:0 -25px}
.four_cols_list li{width:335px;height:252px;margin:0 25px 24px 25px}
/* image */
.four_cols_list .image{width:335px;height:252px}
.four_cols_list .image img{max-width:335px;max-height:252px}
/* caption */
.four_cols_list .title{width:270px}
}
@media all and (max-width:760px){
.four_cols_list{margin:0}
.four_cols_list li{width:420px;height:316px;margin:0 0 24px 0}
/* image */
.four_cols_list .image{width:420px;height:316px}
.four_cols_list .image img{max-width:420px;max-height:316px}
/* caption */
.four_cols_list .title{width:355px}
}
@media all and (max-width:460px){
.four_cols_list li{width:280px;height:210px}
/* image */
.four_cols_list .image{width:280px;height:210px}
.four_cols_list .image img{max-width:280px;max-height:210px}
/* caption */
.four_cols_list .title{width:215px}
.four_cols_list .title b{font-size:13px}
}

/*
*	NEWS
*/
.news_list{width:1197px;margin:auto;list-style:none}
.news_list li{width:298px;margin:-1px 0 0 -1px;float:left;position:relative;border:1px solid #ccc}
/* caption */
.news_list .caption{height:50px;margin:17px 30px;color:#777;text-align:center;text-transform:uppercase;display:block;overflow:hidden}
.news_list .caption span{display:block;overflow:hidden}
.news_list .caption .title{height:30px;line-height:30px;font-size:15px}
.news_list .caption .date{height:20px;line-height:20px}
/* image */
.news_list .image{width:298px;height:224px;display:table-cell;vertical-align:middle}
.news_list .image img{max-width:298px;max-height:224px;margin:auto;display:block}
/* screen */
.news_list .screen{width:298px;height:224px;background-color:rgba(0, 0, 0, .6);position:absolute;bottom:0;left:0;opacity:0;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s;cursor:pointer}
.news_list .screen .sprite{margin:auto;text-indent:-2000em;overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;display:block}
/* hover */
.news_list li:hover .caption{color:#000}
.news_list li:hover .screen{opacity:1}
@media all and (max-width:1240px){
.news_list{width:957px}
.news_list li{width:238px}
/* caption */
.news_list .caption{margin:15px 26px}
/* image */
.news_list .image{width:238px;height:179px}
.news_list .image img{max-width:238px;max-height:179px}
/* screen */
.news_list .screen{width:238px;height:179px}
}
@media all and (max-width:1000px){
.news_list{width:718px}
}
@media all and (max-width:760px){
.news_list{width:418px}
.news_list li{width:208px}
/* caption */
.news_list .caption{margin:5px 15px}
/* image */
.news_list .image{width:208px;height:158px}
.news_list .image img{max-width:208px;max-height:158px}
/* screen */
.news_list .screen{width:208px;height:158px}
}
@media all and (max-width:460px){
.news_list{width:auto;border-top:1px solid #ccc}
.news_list li{width:278px;margin:0;border-width:0 1px 1px 1px;border-style:solid;border-color:#ccc}
/* caption */
.news_list .caption{margin:8px 15px}
/* image */
.news_list .image{width:278px;height:209px}
.news_list .image img{max-width:278px;max-height:209px}
/* screen */
.news_list .screen{width:278px;height:209px}
}
/*............................................ END LISTS ..............................................*/


/*........................................... BEGIN RULERS ............................................*/
.clear{height:0;margin:0;border:none;clear:both}
.underline{width:40px;height:3px;margin:8px 0;background-color:#000;border:none}
.hline{height:1px;margin:20px 0 10px 0;background-color:#000;border:none}
/*............................................ END RULERS .............................................*/


/*........................................... BEGIN SPRITE ............................................*/
.sprite{background-image:url(../Images/sprite.png);background-repeat:no-repeat}
/* section logo */
.sprite.logo{width:210px;height:120px;background-position:0 -186px}
/* flags */
.sprite.flag{width:21px;height:16px}
.sprite.flag.pt{background-position:-249px 0}
.sprite.flag.fr{background-position:-270px 0}
.sprite.flag.en{background-position:-291px 0}
/* #bottom_bar icons */
.sprite.footer_icon{width:24px;height:24px}
.sprite.footer_icon.catalogue{background-position:-348px 0}
.sprite.footer_icon.pin{background-position:-372px 0}
.sprite.footer_icon.chat{background-position:-396px 0}
/* zoom */
.sprite.zoom{width:36px;height:36px;background-position:-384px -306px}
/* pdf */
.sprite.pdf{width:25px;height:25px;background-position:-359px -306px}
/* plus */
.sprite.plus{width:38px;height:38px;background-position:-321px -306px}
/* letter */
.sprite.letter{width:18px;height:12px;background-position:-303px -306px}
/* house */
.sprite.house{width:22px;height:22px;background-position:-281px -306px}
/*............................................ END SPRITE .............................................*/


/*......................................... BEGIN STRUCTURE ...........................................*/
/*
*	WIDTH CONTAINER
*/
.width_container{width:1200px;margin:0 auto;overflow:hidden}
@media all and (max-width:1240px){
.width_container{width:960px}
}
@media all and (max-width:1000px){
.width_container{width:720px}
}
@media all and (max-width:760px){
.width_container{width:420px}
}
@media all and (max-width:460px){
.width_container{width:280px}
}

/*
*	#top_bar
*/
#top_bar{border-top:5px solid #fff}
#top_bar, #top_bar .width_container{height:70px;overflow:visible;position:relative}
/* logo */
#top_bar h1{margin:5px 0;float:right}
#top_bar h1 a{width:158px;height:60px;text-indent:-2000em;background-repeat:no-repeat;background-position:center;background-size:contain;display:block;overflow:hidden}
#top_bar h1.studio a{background-image:url(../Images/studioemme_logo.png)}
#top_bar h1.rinaldi a{background-image:url(../Images/rinaldi_logo.png)}
/* menus */
#top_bar .menu_wrapper{margin-right:35px;float:left}
#top_bar .menu_wrapper .toggler{display:none}
#top_bar .menu_wrapper .links a{height:30px;text-transform:uppercase;display:block;float:left;transition:all .3s;-webkit-transition:all .3s}
/* main menu */
#top_bar .menu_wrapper.main{height:70px;}
#top_bar .menu_wrapper.main a{padding:30px 15px 10px 15px;line-height:30px;color:#fff;font-size:14px}
#top_bar .menu_wrapper.main a:first-child{display:none}
#top_bar .menu_wrapper.main a:hover, #top_bar .menu_wrapper.main a.active{color:#000;background-color:#fff}
/* social menu */
#top_bar .menu_wrapper.social{height:30px;padding-top:30px;padding-bottom:10px}
#top_bar .menu_wrapper.social a{width:30px;margin:0 5px;line-height:26px;color:#fff;font-size:18px;text-align:center;border:2px solid #fff;border-radius:50%;box-sizing:border-box;overflow:hidden;opacity:.9}
#top_bar .menu_wrapper.social a span{display:none}
#top_bar .menu_wrapper.social a:hover{opacity:1}
/* languages menu */
#top_bar .menu_wrapper.langs{height:30px;padding-top:30px;padding-bottom:10px}
#top_bar .menu_wrapper.langs a{margin:0 5px;color:#fff;font-size:12px;text-align:center;opacity:.8}
#top_bar .menu_wrapper.langs a span{height:15px;line-height:15px;display:block}
#top_bar .menu_wrapper.langs a span.flag{height:20px}
#top_bar .menu_wrapper.langs a span.txt{height:10px;line-height:10px}
#top_bar .menu_wrapper.langs a:hover, #top_bar .menu_wrapper.langs a.active{opacity:1}
@media all and (max-width:1240px){
/* menus */
#top_bar .menu_wrapper{margin-right:20px}
/* main menu */
#top_bar .menu_wrapper.main a{padding-right:10px;padding-left:10px}	
}
@media all and (max-width:1000px){
#top_bar{border-top:none}
#top_bar, #top_bar .width_container{width:auto;height:50px}
/* logo */
#top_bar h1{margin:0 20px 0 0}
#top_bar h1 a{width:131px;height:50px}
/* menus */
#top_bar .menu_wrapper{height:50px!important;padding:0!important;margin-right:0;border-right:1px solid rgba(255, 255, 255, .5)}
#top_bar .menu_wrapper .links{width:100%;background-color:#fff;border-bottom:1px solid #bbb;position:absolute;top:100%;left:0;z-index:1;display:none}
#top_bar .menu_wrapper .links a{width:auto!important;margin:0!important;padding:0 15px!important;line-height:30px!important;color:#000;font-size:13px!important;text-align:center;white-space:nowrap!important;float:none}
#top_bar .menu_wrapper .links a:hover, #top_bar .menu_wrapper .links a.active{background-color:#f2f2f2!important}
#top_bar .menu_wrapper .toggler{width:50px;height:50px;line-height:50px;font-size:20px;color:#fff;text-align:center;cursor:pointer;display:block;transition:all .3 0;-webkit-transition:all .3 0}
#top_bar .menu_wrapper .toggler:hover, #top_bar .menu_wrapper .toggler.active{color:#000;background-color:#fff}
/* main menu */
#top_bar .menu_wrapper.main a:first-child{display:block}
/* social menu */
#top_bar .menu_wrapper.social a{border:none;border-radius:0}
#top_bar .menu_wrapper.social a::before{display:none}
#top_bar .menu_wrapper.social a span{display:block}
/* languages menu */
#top_bar .menu_wrapper.langs a span{display:inline-block}
#top_bar .menu_wrapper.langs a span.flag{margin-right:8px;vertical-align:middle}
#top_bar .menu_wrapper.langs a span.txt{height:auto;line-height:normal}
}
@media all and (max-width:460px){
#top_bar, #top_bar .width_container{height:40px}
/* logo */
#top_bar h1 a{width:105px;height:40px}
/* menus */
#top_bar .menu_wrapper{height:40px!important}
#top_bar .menu_wrapper .toggler{width:40px;height:40px;line-height:40px;font-size:15px}
}

/*
*	CONTENT
*/
.content{background-color:#fff}
.content.content_padding{padding:60px 0 90px 0}
.content h2{margin:0;color:#000;font-size:24px;font-weight:normal;text-transform:uppercase}
.content h3{margin:0 0 10px 0;color:#000;font-size:15px;font-weight:normal;text-transform:uppercase}
.content h3 .sprite{margin-right:10px;display:block;float:left}
/* columns */
.content .left_col, .content .right_col{padding-top:30px;padding-bottom:20px}
.content .left_col{width:520px;padding-right:80px;float:left}
.content .right_col{width:600px;float:right}
/* contacts columns */
.content .narrow_col, .content .wide_col{padding-top:60px}
.content .narrow_col{width:320px;padding-right:80px;float:left}
.content .wide_col{width:800px;float:right}
/* scrollable content */
.content .scrollable_content{height:293px}
/* author */
.content .author{height:20px;margin:30px 0;line-height:20px}
@media all and (max-width:1240px){
/* columns */
.content .left_col{width:530px}
.content .right_col{width:350px}
/* contacts columns */
.content .narrow_col, .content .wide_col{padding-top:50px}
.content .narrow_col{width:320px}
.content .wide_col{width:560px}
/* scrollable content */
.content .scrollable_content{height:200px}
}
@media all and (max-width:1000px){
/* columns */
.content .left_col{width:360px}
.content .right_col{width:280px}
/* contacts columns */
.content .narrow_col, .content .wide_col{padding-top:40px}
.content .narrow_col{width:280px;padding-right:60px}
.content .wide_col{width:380px}
}
@media all and (max-width:760px){
/* columns */
.content .left_col, .content .right_col{width:auto;float:none}
.content .left_col{padding-right:0}
.content .right_col{margin-top:15px}
/* contacts columns */
.content .narrow_col{width:auto;padding-right:0;float:none}
.content .wide_col{width:auto;float:none}
}

/*
*	NAVIGATION
*/
.detail_nav{height:20px;line-height:20px}
.detail_nav.return{float:left}
.detail_nav.records{float:right}


/*
*	FOOTER
*/
#bottom_bar.studio{background-color:#000}
#bottom_bar.rinaldi{background-color:#960001}
#bottom_bar.fixed{width:100%;position:fixed;bottom:0;left:0}
/* #bottom_bar menu */
#bottom_bar .menu{height:50px;border-bottom:1px solid rgba(255, 255, 255, .3)}
/* logo */
#bottom_bar .menu h2{width:149px;height:30px;margin:10px 0;float:right;position:relative}
#bottom_bar .menu h2 a{margin:auto;text-indent:-2000em;background:url(../Images/emmecozinhas_logo_white.png) no-repeat center /cover;display:block;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}
/* menu */
#bottom_bar .menu ol{height:24px;margin:13px 0;list-style:none;float:left}
#bottom_bar .menu ol li{margin-right:30px;float:left}
#bottom_bar .menu ol a{height:24px;line-height:24px;color:#fff;font-size:17px;display:block;opacity:.7;transition:opacity .3s;-webkit-transition:opacity .3s}
#bottom_bar .menu ol a span{margin-right:10px;display:inline-block;vertical-align:top}
#bottom_bar .menu ol li a:hover, #bottom_bar ol li a.active{opacity:1}
/* copyright */
#bottom_bar .copyright{padding:10px 0;line-height:20px;color:#ccc;font-size:11px;text-align:right;text-transform:uppercase}
#bottom_bar .copyright a{transition:color .3s;-webkit-transition:color .3s}
@media all and (max-width:760px){
#bottom_bar .width_container{width:auto}
#bottom_bar .menu{height:60px}
/* logo */
#bottom_bar .menu h2{display:none}
/* menu */
#bottom_bar .menu ol{width:100%;height:60px;margin:0;display:table;float:none}
#bottom_bar .menu ol li{margin-right:0;padding:0 10px;text-align:center;display:table-cell;vertical-align:middle;float:none}
#bottom_bar .menu ol li a{height:auto;line-height:20px;font-size:15px}
#bottom_bar .menu ol li a span{display:none}
/* credits */
#bottom_bar .copyright{font-size:10px;text-align:center}
}
@media all and (max-width:460px){
#bottom_bar .menu ol li a{font-size:14px}
/* credits */
#bottom_bar .copyright{font-size:9px}
}
/*.......................................... END STRUCTURE ............................................*/


/*............................................ BEGIN TEXT .............................................*/
.black{color:#000}
a.black:hover{color:#777}
.grey{color:#ccc}
a.grey:hover{color:#fff}

p.info, p.success, p.error{line-height:18px}
p.info b{color:#0675c3}
p.success b{color:#44a453}
p.error b{color:#e30b0b}
/*............................................. END TEXT ..............................................*/