/* CSS Document */ @import url(https://fonts.googleapis.com/css?family=Roboto:400,300italic,300,400italic,500,500italic,700,700italic); /* HelveticaNeueLTStd-Lt */ @font-face { font-family: 'HelveticaNeueLTStd-Lt'; src: url('../fonts/HelveticaNeueLTStd-Lt/HelveticaNeueLTStd-Lt.eot'); src: url('../fonts/HelveticaNeueLTStd-Lt/HelveticaNeueLTStd-Lt.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeueLTStd-Lt/HelveticaNeueLTStd-Lt.woff2') format('woff2'), url('../fonts/HelveticaNeueLTStd-Lt/HelveticaNeueLTStd-Lt.woff') format('woff'), url('../fonts/HelveticaNeueLTStd-Lt/HelveticaNeueLTStd-Lt.ttf') format('truetype'), url('../fonts/HelveticaNeueLTStd-Lt/HelveticaNeueLTStd-Lt.svg#HelveticaNeueLTStd-Lt') format('svg'); font-weight: normal; font-style: normal; } /* HelveticaNeueLTStd-Bd */ @font-face { font-family: 'HelveticaNeueLTStd-Bd'; src: url('../fonts/HelveticaNeueLTStd-Bd/HelveticaNeueLTStd-Bd.eot'); src: url('../fonts/HelveticaNeueLTStd-Bd/HelveticaNeueLTStd-Bd.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeueLTStd-Bd/HelveticaNeueLTStd-Bd.woff2') format('woff2'), url('../fonts/HelveticaNeueLTStd-Bd/HelveticaNeueLTStd-Bd.woff') format('woff'), url('../fonts/HelveticaNeueLTStd-Bd/HelveticaNeueLTStd-Bd.ttf') format('truetype'), url('../fonts/HelveticaNeueLTStd-Bd/HelveticaNeueLTStd-Bd.svg#HelveticaNeueLTStd-Bd') format('svg'); font-weight: normal; font-style: normal; } /* LucidaGrande */ @font-face { font-family: 'LucidaGrande'; src: url('../fonts/LucidaGrande/LucidaGrande.eot'); src: url('../fonts/LucidaGrande/LucidaGrande.eot?#iefix') format('embedded-opentype'), url('../fonts/LucidaGrande/LucidaGrande.woff2') format('woff2'), url('../fonts/LucidaGrande/LucidaGrande.woff') format('woff'), url('../fonts/LucidaGrande/LucidaGrande.ttf') format('truetype'), url('../fonts/LucidaGrande/LucidaGrande.svg#LucidaGrande') format('svg'); font-weight: normal; font-style: normal; } /* edition */ @font-face { font-family: 'edition'; src: url('../fonts/edition/edition.eot'); src: url('../fonts/edition/edition.eot?#iefix') format('embedded-opentype'), url('../fonts/edition/edition.woff2') format('woff2'), url('../fonts/edition/EditionRegular.woff') format('woff'), url('../fonts/edition/EditionRegular.ttf') format('truetype'), url('../fonts/edition/EditionRegular.svg#EditionRegular') format('svg'); font-weight: normal; font-style: normal; } /*body { line-height: normal; font-family: 'HelveticaNeueLTStd-Lt'; color: #53585f; font-size: 17px;}*/ body { font-family: 'Roboto', sans-serif; color: #808080; font-size: 13px; font-weight: 300;} a, a:hover, a:focus { outline: none; -o-transition:color .2s ease-out; -ms-transition:color .2s ease-out; -moz-transition:color .2s ease-out; -webkit-transition:color .2s ease-out; transition:color .2s ease-out; } .camera_wrap .camera_pag { position: absolute; right: 10%; bottom: 10%;} .camera_wrap .camera_pag .camera_pag_ul li { border-radius: 0; border: 1px solid #ffffff;} .camera_wrap .camera_pag .camera_pag_ul li > span { display: none;} .animsition-overlay-slide { background-image: url('../images/logo-loading.png'); background-repeat: no-repeat; background-position: center;} .is-exiting { background: url('../images/logo-loading.png') no-repeat scroll center center #ffffff; position: absolute; height: 100%; width: 100%;} /*----------------------------------*/ /* HEADER WRAPPER */ /*----------------------------------*/ /*.header-wrapper .container .row .menu-div .navbar .main-menu .item-126 { font-family: 'edition'; } .header-wrapper .container .row .menu-div .navbar .main-menu .item-126 a { font-size: 24px; letter-spacing: 3px; }*/ .header-wrapper { padding: 5px 0; background: #ffffff; position: relative; z-index: 99; position: fixed; top: 0; width: 100%;} .header-wrapper .logo-div { padding-top: 5px; padding-bottom: 5px;} .header-wrapper .logo-div .site-logo { display: block; width: 125px; height: 60px; background: url("../images/mib-site-logo.png") no-repeat scroll 0 0 / 250px auto; text-indent: -999px; /*-webkit-transition:background-position .1s ease-in; -moz-transition:background-position .1s ease-in; -o-transition:background-position .1s ease-in; transition:background-position .1s ease-in;*/ } .header-wrapper .logo-div .site-logo:hover { background-position: -125px 0;} .header-wrapper .psmp3player-module { overflow: hidden; width: 34px; /*border-top-right-radius: 6px; border-bottom-right-radius: 6px;*/ height: 34px; position: absolute; right: 0%; top: 10px; z-index: 99;} .header-wrapper .menu-div .navbar { margin-bottom: 5px;} .header-wrapper .menu-div .main-menu li { position: relative;} .header-wrapper .menu-div .main-menu li a { color: #a6aaa9; font-size: 15px; padding-left: 15px; padding-right: 15px;} .header-wrapper .menu-div .main-menu li:last-child a { padding-right: 0;} .header-wrapper .menu-div .main-menu li a:hover, .header-wrapper .menu-div .main-menu li a:focus, .header-wrapper .menu-div .main-menu li.active a { background: none; color: #33ccff;} /*.header-wrapper .menu-div .main-menu li.active a::after { display: table; content: ""; background: #33ccff; height: 10px; width: 10px; position: absolute; left: 43%; bottom: 0; -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75); -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75); box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75); }*/ .header-wrapper .menu-div .main-menu li .dropdown-menu { left: 0; right: auto;} .header-wrapper .menu-div .main-menu li.dropdown:hover .dropdown-menu { display: block;} .header-wrapper .menu-div .main-menu li.dropdown .dropdown-menu li a { font-size: 13px;} .header-wrapper .container .menu-div .icon-manu {padding-top : 10px; list-style: none; float: right;} .header-wrapper .container .menu-div .icon-manu li .facebook { background: url('../images/facebook.png'); display: inline-block; width: 32px; height: 32px; } .header-wrapper .container .menu-div .icon-manu li .facebook:hover{ background: url('../images/mib-facebook.png') } .header-wrapper .container .menu-div .icon-manu li .instagram { background: url('../images/instagram.png'); display: inline-block; width: 32px; height: 32px; } .header-wrapper .container .menu-div .icon-manu li .instagram:hover{ background: url('../images/mib-instagram.png')} /*----------------------------------*/ /* BANNER WRAPPER */ /*----------------------------------*/ .banner-wrapper { position: relative; display: table; width: 100%; margin-top: 80px;} .banner-wrapper .home_mib_banner { float: none; margin-bottom: 0!important;} .banner-wrapper .home_mib_banner .camera_target_content .cameraContent .camera_caption { width: 90%; bottom: 20%;} .banner-wrapper .home_mib_banner .camera_target_content .cameraContent .camera_caption div { background: none; text-align: right;} .banner-wrapper .home_mib_banner .camera_target_content .cameraContent .camera_caption div h2 { font-size: 32px;} .banner-wrapper .home_mib_banner .camera_target_content .cameraContent .camera_caption .camera_caption_title { font-size: 1.3em; font-weight: bold; line-height: 1em; } .banner-wrapper .home_mib_banner .camera_pag .camera_pag_ul li.cameracurrent { background: #33ccff; border-color: #33ccff;} .banner-wrapper .home_mib_banner .camera_commands { display: none;} /*.banner-wrapper .home_mib_banner .camera_prev { left: 5%; background: none; top: 45%; width: 50px;} .banner-wrapper .home_mib_banner .camera_prev span { background: url('../images/icon-navigation-responsive.png'); height: 50px; width: 50px;} .banner-wrapper .home_mib_banner .camera_next { right: 5%; background: none; top: 45%; width: 50px;} .banner-wrapper .home_mib_banner .camera_next span { background: url('../images/icon-navigation-responsive.png'); height: 50px; width: 50px; background-position: 50px 0;}*/ .banner-wrapper .home_mib_banner .camera_prev { left: 5%; background: none; top: 45%; width: 50px; right: auto;} .banner-wrapper .home_mib_banner .camera_prev span { background: url('../images/icon-navigation-responsive.png'); height: 50px; width: 50px; background-position: 0 50px;} .banner-wrapper .home_mib_banner .camera_next { right: 5%; background: none; top: 45%; width: 50px; left: auto;} .banner-wrapper .home_mib_banner .camera_next span { background: url('../images/icon-navigation-responsive.png'); height: 50px; width: 50px; background-position: 50px 0;} .banner-wrapper .banner-notes-wrapper { background: rgba(153,153,153,0.5); position: relative; display: table; margin: -65px auto 0 auto; text-align: center; color: #dcdee0; padding: 10px 30px;} /*----------------------------------*/ /* CONTENT WRAPPER */ /*----------------------------------*/ .content-wrapper { padding-bottom: 15px;} /* SHOWREEL WRAPPER */ .content-wrapper .showreel-wrapper .showreel-video-container { position: relative;} .content-wrapper .showreel-wrapper .showreel-video-container .showreel-video-wrapper { float: none; margin: 0 auto;} .content-wrapper .showreel-wrapper .showreel-video-container .showreel-video-wrapper .showreel-video-div { position: relative;} .content-wrapper .showreel-wrapper .showreel-video-container .showreel-video-wrapper .affect-video-content { margin-bottom: 20px; height: auto !important;} .content-wrapper .showreel-wrapper .showreel-video-container .showreel-video-wrapper .affect-video-content .mCSB_scrollTools { background: #ffffff;} .content-wrapper .showreel-wrapper .showreel-video-container .showreel-video-wrapper .showreel-video-div .btn-download { background: #cccccc; color: #ffffff; border-radius: 0; position: absolute; right: 0; bottom: 0; font-size: 17px; padding: 5px 20px;} .content-wrapper .showreel-wrapper .showreel-video-container .showreel-video-wrapper .showreel-video-content { margin-top: 20px; margin-bottom: 10px; /*height: 95px;*/} .content-wrapper .showreel-wrapper .showreel-video-container .showreel-navigation a { position: absolute; bottom: 40%; display: block; background: url('../images/icon-navigation-responsive.png'); height: 50px; width: 50px; text-indent: -9999px; } .content-wrapper .showreel-wrapper .showreel-video-container .showreel-navigation a.showreel-prev { left: -12%;} .content-wrapper .showreel-wrapper .showreel-video-container .showreel-navigation a.showreel-next { background-position: 50px 0; right: -12%;} .content-wrapper .showreel-wrapper .showreel-items-container .row { margin: 2px;} .content-wrapper .showreel-wrapper .showreel-items-container { margin-top: 0px;} .content-wrapper .showreel-wrapper .showreel-items-container .showreel-itembox { padding-left: 0px; padding-right: 0px; margin-bottom: 0px;} .content-wrapper .showreel-wrapper .showreel-items-container .showreel-itembox { position: relative;} .content-wrapper .showreel-wrapper .showreel-items-container .showreel-itembox img { width: 100%;} .content-wrapper .showreel-wrapper .showreel-items-container .showreel-itembox .hover-bg { opacity: 0; background: rgba(166,170,169, 0.5); height: 100%; width: 100%; position: absolute; top: 0px; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .content-wrapper .showreel-wrapper .showreel-items-container .showreel-itembox:hover .hover-bg { opacity: 1;} .content-wrapper .showreel-wrapper .showreel-items-container .showreel-itembox .showreel-content-box { position: absolute; bottom: 0; text-align: center; display: table; width: 100%; color: #FFFFFF; padding: 15px;} .content-wrapper .showreel-wrapper .showreel-items-container .showreel-itembox .showreel-content-box a { color: #FFFFFF; text-decoration: none;} .content-wrapper .showreel-wrapper .showreel-items-container .showreel-itembox .showreel-content-box h4 { margin: 0; font-size: 14px; letter-spacing: 2px; text-transform: capitalize;} .content-wrapper .showreel-wrapper .showreel-items-container .showreel-itembox:hover .showreel-content-box h4 { /*font-family: 'HelveticaNeueLTStd-Bd';*/ font-weight: 700;} /* DOCUMENTARY WRAPPER */ .content-wrapper .documentary-wrapper .documentary-video-container { position: relative;} .content-wrapper .documentary-wrapper .documentary-video-container .documentary-video-wrapper { float: none; margin: 0 auto;} .content-wrapper .documentary-wrapper .documentary-video-container .documentary-video-wrapper .showreel-video-div { position: relative;} .content-wrapper .documentary-wrapper .documentary-video-container .documentary-video-wrapper .affect-video-content { margin-bottom: 20px; height: auto !important;} .content-wrapper .documentary-wrapper .documentary-video-container .documentary-video-wrapper .affect-video-content .mCSB_scrollTools { background: #ffffff;} .content-wrapper .documentary-wrapper .documentary-video-container .documentary-video-wrapper .documentary-video-div .btn-download { background: #cccccc; color: #ffffff; border-radius: 0; position: absolute; right: 0; bottom: 0; font-size: 17px; padding: 5px 20px;} .content-wrapper .documentary-wrapper .documentary-video-container .documentary-video-wrapper .documentary-video-content { margin-top: 20px; margin-bottom: 10px; /*height: 95px;*/} .content-wrapper .documentary-wrapper .documentary-video-container .documentary-navigation a { position: absolute; bottom: 40%; display: block; background: url('../images/icon-navigation-responsive.png'); height: 50px; width: 50px; text-indent: -9999px; } .content-wrapper .documentary-wrapper .documentary-video-container .documentary-navigation a.documentary-prev { left: -12%;} .content-wrapper .documentary-wrapper .documentary-video-container .documentary-navigation a.documentary-next { background-position: 50px 0; right: -12%;} .content-wrapper .documentary-wrapper .documentary-items-container .row { margin: 2px;} .content-wrapper .documentary-wrapper .documentary-items-container { margin-top: 0px;} .content-wrapper .documentary-wrapper .documentary-items-container .documentary-itembox { padding-left: 0px; padding-right: 0px; margin-bottom: 0px;} .content-wrapper .documentary-wrapper .documentary-items-container .documentary-itembox { position: relative;} .content-wrapper .documentary-wrapper .documentary-items-container .documentary-itembox .hover-bg { opacity: 0; background: rgba(166,170,169, 0.5); height: 100%; width: 100%; position: absolute; top: 0px; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .content-wrapper .documentary-wrapper .documentary-items-container .documentary-itembox:hover .hover-bg { opacity: 1;} .content-wrapper .documentary-wrapper .documentary-items-container .documentary-itembox .documentary-content-box { position: absolute; bottom: 0; text-align: center; display: table; width: 100%; color: #FFFFFF; padding: 15px;} .content-wrapper .documentary-wrapper .documentary-items-container .documentary-itembox .documentary-content-box a { color: #FFFFFF; text-decoration: none;} .content-wrapper .documentary-wrapper .documentary-items-container .documentary-itembox .documentary-content-box h4 { margin: 0; font-size: 14px; letter-spacing: 2px; text-transform: capitalize;} .content-wrapper .documentary-wrapper .documentary-items-container .documentary-itembox:hover .documentary-content-box h4 { /*font-family: 'HelveticaNeueLTStd-Bd';*/ font-weight: 700;} /* DIRECTORS WRAPPER */ /**** back button ****/ .content-wrapper .directors-detail-wrapper .directors-category .back-button-director .back-btn { color: #a6aaa9; font-size: 15px;} .content-wrapper .directors-detail-wrapper .directors-category .back-button-director .back-btn:focus, .content-wrapper .directors-detail-wrapper .directors-category .back-button-director .back-btn:hover { color: #33ccff; text-decoration: none;} .tmplView .content-wrapper { padding-top: 30px;} .tmplView .content-wrapper .directors-detail-wrapper .directors-category .back-button-director .back-btn { display: none;} .content-wrapper .directors-wrapper .directors-items-container { margin-top: 0;} .content-wrapper .directors-wrapper .directors-items-container .directors-itembox { padding-left: 0px; padding-right: 0px; margin-bottom: 0px;} .content-wrapper .directors-wrapper .directors-items-container .directors-itembox { position: relative;} .content-wrapper .directors-wrapper .directors-items-container .directors-itembox .hover-bg { opacity: 0; background: rgba(166,170,169, 0.5); height: 100%; width: 100%; position: absolute; top: 0px; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .content-wrapper .directors-wrapper .directors-items-container .directors-itembox:hover .hover-bg { opacity: 1;} .content-wrapper .directors-wrapper .directors-items-container .directors-itembox .directors-content-box { position: absolute; bottom: 0; text-align: center; display: table; width: 100%; color: #FFFFFF; padding: 15px;} .content-wrapper .directors-wrapper .directors-items-container .directors-itembox .directors-content-box a { color: #FFFFFF; text-decoration: none;} .content-wrapper .directors-wrapper .directors-items-container .directors-itembox .directors-content-box h4 { margin: 0; font-size: 14px; letter-spacing: 1px;} .content-wrapper .directors-wrapper .directors-items-container .directors-itembox:hover .directors-content-box h4 { /*font-family: 'HelveticaNeueLTStd-Bd';*/ font-weight: 700;} .content-wrapper .directors-detail-wrapper .directors-detail-video-container { position: relative;} .content-wrapper .directors-detail-wrapper .directors-detail-video-container .director-title-name { margin-bottom: 20px; margin-top: 0; text-align: center; font-size: 21px;} .content-wrapper .directors-detail-wrapper .directors-detail-video-container .directors-detail-video-wrapper { float: none; margin: 0 auto;} .content-wrapper .directors-detail-wrapper .directors-detail-video-container .downloads-section { margin-bottom: 15px; position: relative; z-index: 1;} .content-wrapper .directors-detail-wrapper .directors-detail-content { margin: 20px auto; float: none;} .content-wrapper .directors-detail-wrapper .directors-detail-content .nav-tabs { border: none;} .content-wrapper .directors-detail-wrapper .directors-detail-content .nav-tabs li a { color: #53585f; border: none; padding-left: 0; padding-top: 0; font-size: 15px;} .content-wrapper .directors-detail-wrapper .directors-detail-content .nav-tabs li a:hover, .content-wrapper .directors-detail-wrapper .directors-detail-content .nav-tabs li a:focus, .content-wrapper .directors-detail-wrapper .directors-detail-content .nav-tabs li.active a { background: none; color: #34cdff;} .content-wrapper .directors-detail-wrapper .directors-detail-content .tab-content .tab-pane h3 { margin-top: 0; font-size: 20px;} .content-wrapper .directors-detail-wrapper .directors-detail-content .tab-content .program-title { margin-top: 0; margin-bottom: 0; text-transform: capitalize;} .content-wrapper .directors-detail-wrapper .directors-detail-content .tab-content .video-description { /*height: 95px; */} .content-wrapper .directors-detail-wrapper .directors-detail-content .tab-content #bio-tab .video-description { /*height: 150px;*/ } .content-wrapper .directors-detail-wrapper .directors-detail-content .tabpanel-content-box, .content-wrapper .directors-detail-wrapper .directors-detail-content .nav-tabs-content-box { margin: 0 auto; float: none;} .content-wrapper .directors-detail-wrapper .directors-detail-video-container .directors-detail-navigation a { position: absolute; bottom: 30%; display: block; background: url('../images/icon-navigation-responsive.png'); height: 50px; width: 50px; text-indent: -9999px;} .content-wrapper .directors-detail-wrapper .directors-detail-video-container .directors-detail-navigation a.directors-detail-prev { left: -12%;} .content-wrapper .directors-detail-wrapper .directors-detail-video-container .directors-detail-navigation a.directors-detail-next { background-position: 50px 0; right: -12%;} .content-wrapper .directors-detail-wrapper .directors-items-container .row { margin: 2px;} .content-wrapper .directors-detail-wrapper .directors-items-container { margin-top: 20px;} .content-wrapper .directors-detail-wrapper .directors-items-container .directors-itembox .directors-content-box h4 { margin: 0; font-size: 14px; letter-spacing: 2px; text-transform: capitalize;} .content-wrapper .directors-detail-wrapper .directors-items-container .directors-itembox .directors-content-box h4.product_title { } /* CONTACT WRAPPER */ .content-wrapper .contact-wrapper {} .content-wrapper .contact-wrapper .contact-content {} .banner-wrapper .contact_mib_banner { margin-bottom: 15px!important;} .banner-wrapper .contact_mib_banner .camera_pag { right: 6%;} .banner-wrapper .contact_mib_banner .camera_pag .camera_pag_ul li.cameracurrent { background: #33ccff; border-color: #33ccff;} .content-wrapper .contact-wrapper .contact-client-block { margin-bottom: 15px;} .content-wrapper .contact-wrapper .contact-client-block p, .content-wrapper .contact-wrapper .contact-client-block address { background: rgba(255, 255, 255, 0.7);} .content-wrapper .contact-wrapper .contact-client-block address { display: table; margin: 0 auto;} .content-wrapper .contact-wrapper .contact-bottom-wrapper { color: #a6aaa9; margin-top: 10px;} /* MADE IN WORLD */ .content-wrapper .madeinworld-wrapper { } .content-wrapper .madeinworld-wrapper .mainworld-content-div { background: url("../images/worldmap-bg.png") no-repeat scroll 0 0 / 100% auto; margin-top: 20px; height: 565px; padding-top: 25px; color: #53585f; line-height: 25px;} .content-wrapper .madeinworld-wrapper .mainworld-content-div .madeinworld-families-maindiv { margin-top: 50px; margin-bottom: 60px;} .content-wrapper .madeinworld-wrapper .mainworld-content-div .madeinworld-families-maindiv .madeinworld-families-div { display: table; margin: 0 auto;} .content-wrapper .madeinworld-wrapper .mainworld-content-div .madeinworld-families-maindiv .madeinworld-families-div .madeinworld-family-div { display: inline-block; padding: 15px;} .content-wrapper .madeinworld-wrapper .mainworld-content-div .madeinworld-families-maindiv .madeinworld-families-div .madeinworld-family-div a.family-logo { display: block; width: 140px; height: 66px; text-indent: -9999px; -webkit-transition: background-image 2s ease-out; -moz-transition: background-image 2s ease-out; -o-transition: background-image 2s ease-out; transition: background-image 2s ease-out; background-repeat: no-repeat; } /*.content-wrapper .madeinworld-wrapper .mainworld-content-div .madeinworld-families-maindiv .madeinworld-families-div .madeinworld-family-div a.madeinworld-mi3d-logo {background-image: url('../images/logo-mi3d.png');} .content-wrapper .madeinworld-wrapper .mainworld-content-div .madeinworld-families-maindiv .madeinworld-families-div .madeinworld-family-div a.madeinworld-mi3d-logo:hover { background-image: url('../images/logo-mi3d-hover.png');}*/ .content-wrapper .madeinworld-wrapper .mainworld-content-div .madeinworld-families-maindiv .madeinworld-families-div .madeinworld-family-div a.madeinworld-mi3d-logo {background-image: url('../images/logo-mi3d-madeinworld.png'); background-size:280px 66px;} .content-wrapper .madeinworld-wrapper .mainworld-content-div .madeinworld-families-maindiv .madeinworld-families-div .madeinworld-family-div a.madeinworld-mi3d-logo:hover { background-position: -140px center;} /*.content-wrapper .madeinworld-wrapper .mainworld-content-div .madeinworld-families-maindiv .madeinworld-families-div .madeinworld-family-div a.madeinworld-mia-logo {background-image: url('../images/logo-mia.png');} .content-wrapper .madeinworld-wrapper .mainworld-content-div .madeinworld-families-maindiv .madeinworld-families-div .madeinworld-family-div a.madeinworld-mia-logo:hover { background-image: url('../images/logo-mia-hover.png');}*/ .content-wrapper .madeinworld-wrapper .mainworld-content-div .madeinworld-families-maindiv .madeinworld-families-div .madeinworld-family-div a.madeinworld-mia-logo {background-image: url('../images/logo-mia-madeinworld.png'); background-size:280px 66px;} .content-wrapper .madeinworld-wrapper .mainworld-content-div .madeinworld-families-maindiv .madeinworld-families-div .madeinworld-family-div a.madeinworld-mia-logo:hover { background-position: -140px center;} /*.content-wrapper .madeinworld-wrapper .mainworld-content-div .madeinworld-families-maindiv .madeinworld-families-div .madeinworld-family-div a.madeinworld-mic-logo {background-image: url('../images/logo-mic.png');} .content-wrapper .madeinworld-wrapper .mainworld-content-div .madeinworld-families-maindiv .madeinworld-families-div .madeinworld-family-div a.madeinworld-mic-logo:hover { background-image: url('../images/logo-mic-hover.png');}*/ .content-wrapper .madeinworld-wrapper .mainworld-content-div .madeinworld-families-maindiv .madeinworld-families-div .madeinworld-family-div a.madeinworld-mic-logo {background-image: url('../images/logo-mic-madeinworld.png'); background-size:280px 66px;} .content-wrapper .madeinworld-wrapper .mainworld-content-div .madeinworld-families-maindiv .madeinworld-families-div .madeinworld-family-div a.madeinworld-mic-logo:hover { background-position: -140px center;} /*.content-wrapper .madeinworld-wrapper .mainworld-content-div .madeinworld-families-maindiv .madeinworld-families-div .madeinworld-family-div a.madeinworld-mil-logo {background-image: url('../images/logo-mil.png');} .content-wrapper .madeinworld-wrapper .mainworld-content-div .madeinworld-families-maindiv .madeinworld-families-div .madeinworld-family-div a.madeinworld-mil-logo:hover { background-image: url('../images/logo-mil-hover.png');}*/ .content-wrapper .madeinworld-wrapper .mainworld-content-div .madeinworld-families-maindiv .madeinworld-families-div .madeinworld-family-div a.madeinworld-mil-logo {background-image: url('../images/logo-mil-madeinworld.png'); background-size:280px 66px;} .content-wrapper .madeinworld-wrapper .mainworld-content-div .madeinworld-families-maindiv .madeinworld-families-div .madeinworld-family-div a.madeinworld-mil-logo:hover { background-position: -140px center;} /*.content-wrapper .madeinworld-wrapper .mainworld-content-div .madeinworld-families-maindiv .madeinworld-families-div .madeinworld-family-div a.madeinworld-mis-logo {background-image: url('../images/logo-mis.png');} .content-wrapper .madeinworld-wrapper .mainworld-content-div .madeinworld-families-maindiv .madeinworld-families-div .madeinworld-family-div a.madeinworld-mis-logo:hover { background-image: url('../images/logo-mis-hover.png');}*/ .content-wrapper .madeinworld-wrapper .mainworld-content-div .madeinworld-families-maindiv .madeinworld-families-div .madeinworld-family-div a.madeinworld-mis-logo {background-image: url('../images/logo-mis-madeinworld.png');background-size:280px 66px;} .content-wrapper .madeinworld-wrapper .mainworld-content-div .madeinworld-families-maindiv .madeinworld-families-div .madeinworld-family-div a.madeinworld-mis-logo:hover { background-position: -140px center;} .content-wrapper .socialfeeds-wrapper .grid-item { margin-bottom: 30px;} .content-wrapper .socialfeeds-wrapper .grid-item .isotop-item { border: 1px solid #eeeeee;} .content-wrapper .socialfeeds-wrapper .grid-item .isotop-item .social-image-box { border-bottom: 5px solid #eeeeee;} .content-wrapper .socialfeeds-wrapper .grid-item:hover .isotop-item, .content-wrapper .socialfeeds-wrapper .grid-item:hover .isotop-item .social-image-box { border-color: #33ccff;} .content-wrapper .socialfeeds-wrapper .grid-item .isotop-item .social-content-box { padding: 10px;} .content-wrapper .socialfeeds-wrapper .grid-item .isotop-item .social-content-box .content-text { font-size: 13px; margin-bottom: 10px;} .content-wrapper .socialfeeds-wrapper .grid-item .isotop-item .social-content-box .social-icon { font-size: 20px; padding-right: 10px;} .content-wrapper .socialfeeds-wrapper .grid-item .isotop-item .social-content-box .social-icon a { text-decoration: none; color: #4867aa;} .content-wrapper .socialfeeds-wrapper .grid-item .isotop-item .social-content-box .social-date { float: right; padding-top: 5px;} .content-wrapper .different-smell-wrapper { margin-top: 15px;} .content-wrapper .different-smell-wrapper .sprocket-mosaic-overlay .css-loader-wrapper { background-color: #33ccff;} .content-wrapper .different-smell-wrapper .sprocket-mosaic .sprocket-mosaic-header { display: table; width: 100%;} .content-wrapper .different-smell-wrapper .sprocket-mosaic .sprocket-mosaic-header ul li { padding: 6px 12px;} .content-wrapper .different-smell-wrapper .sprocket-mosaic .sprocket-mosaic-header ul li.active { background: #33ccff; color: #ffffff; border-color: #33ccff;} .content-wrapper .different-smell-wrapper .sprocket-mosaic-item a { text-decoration: none;} .content-wrapper .different-smell-wrapper .sprocket-mosaic-item .sprocket-padding { padding: 0;} .content-wrapper .different-smell-wrapper .sprocket-mosaic-item .sprocket-mosaic-head { margin: 0;} .content-wrapper .different-smell-wrapper .sprocket-mosaic-item .sprocket-mosaic-text { padding: 0 10px;} .content-wrapper .different-smell-wrapper .sprocket-readmore { background: #33ccff; margin: 0 10px; color: #ffffff;} .content-wrapper .different-smell-wrapper .sprocket-mosaic .sprocket-mosaic-tags { margin: 10px 0 0 0; padding: 10px;} .content-wrapper .different-smell-wrapper .sprocket-mosaic-overlay .css-loader-wrapper { padding: 5px;} .content-wrapper .different-smell-wrapper .sprocket-mosaic-item .sprocket-mosaic-title { font-size: 20px; margin: 15px 0;} .content-wrapper .different-smell-wrapper .sprocket-mosaic-item .sprocket-mosaic-title a { color: #33ccff;} .content-wrapper .different-smell-wrapper .sprocket-mosaic-item .sprocket-mosaic-hovercontent { background: #33ccff; color: #ffffff; padding: 8px;} .content-wrapper .item-page .page-header { margin-top: 20px;} .content-wrapper .item-page img { max-width: 100%; width: auto!important; height: auto!important;} .content-wrapper .content-text-wrapper { margin: 30px 0;} .content-wrapper .showreel-wrapper .showreel-category .showreel-video-container .connected-category-title { font-size: 21px; margin-bottom: 20px; margin-top: 0; text-align: center;} @media (min-width: 1500px) { .container { width: 1440px; } } @media (min-width: 1200px) { .content-wrapper .directors-detail-wrapper .directors-detail-content .tab-content .program-title { margin-top: -45px; font-size: 15px;} } @media (max-width: 1200px) { .header-wrapper { position: relative;} .banner-wrapper { margin-top:0;} .header-wrapper .RSCoolMp3PlayerModule { right: 65%;} .header-wrapper .navbar { margin-top: 10px;} .header-wrapper .container .navbar-collapse .icon-manu { padding-left: 20px;} .header-wrapper .menu-div .main-menu li a { padding-left: 12px; padding-right: 11px;} .content-wrapper .directors-detail-wrapper .directors-detail-content .tab-content .program-title { margin-top: -29px; font-size: 15px;} } @media (min-width: 991px) { } @media (max-width: 991px) { .header-wrapper .RSCoolMp3PlayerModule { right: 77%;} .header-wrapper .menu-div .main-menu li a { padding-left: 5px; padding-right: 5px; font-size: 14px;} /*.banner-wrapper .home_mib_banner .camera_prev { left: 5%; background: none; top: 40%; width: 80px;} .banner-wrapper .home_mib_banner .camera_prev span { background: url('../images/icon-navigation-responsive.png'); height: 79px; width: 80px;} .banner-wrapper .home_mib_banner .camera_next { right: 5%; background: none; top: 40%; width: 80px;} .banner-wrapper .home_mib_banner .camera_next span { background: url('../images/icon-navigation-responsive.png'); height: 79px; width: 80px; background-position: 80px;}*/ .banner-wrapper .banner-notes-wrapper { background: rgba(153,153,153,1); margin-top: 0;} } @media (max-width: 767px) { .header-wrapper .RSCoolMp3PlayerModule { right: auto; left: 80px;} .header-wrapper { position: relative!important;} .header-wrapper .logo-div .site-logo { margin: 0 auto;} .header-wrapper .menu-div .navbar { border-color: #e7e7e7; margin-bottom: 10px; margin-top: 20px;} .header-wrapper .menu-div .navbar .navbar-brand { color: #3FB4E8; /*font-family: 'HelveticaNeueLTStd-Bd';*/ font-weight: 700;} .header-wrapper .menu-div .navbar .navbar-toggle { border-color: #ddd;} .header-wrapper .menu-div .navbar .navbar-toggle .icon-bar { background-color: #888;} .header-wrapper .menu-div .main-menu li.active a::after { left: auto; right: 22px; bottom: 12px;} .header-wrapper .container .menu-div .icon-manu { margin-bottom: 0; margin-right: 70px; margin-top: -41px; padding: 0;} .banner-wrapper { margin-top: 0;} .content-wrapper .showreel-wrapper .showreel-video-container .showreel-navigation a { bottom: 45%;} .content-wrapper .showreel-wrapper .showreel-video-container .showreel-navigation a.showreel-prev { left: 0;} .content-wrapper .showreel-wrapper .showreel-video-container .showreel-navigation a.showreel-next { right: 0;} .content-wrapper .directors-detail-wrapper .directors-detail-video-container .directors-detail-navigation a.directors-detail-prev { left: 20px;} .content-wrapper .directors-detail-wrapper .directors-detail-video-container .directors-detail-navigation a.directors-detail-next { right: 20px;} .content-wrapper .showreel-wrapper .showreel-video-container .showreel-navigation a { height: 30px; width: 30px; background-size:60px;} .content-wrapper .showreel-wrapper .showreel-video-container .showreel-navigation a.showreel-next { background-position: 30px 0; } .content-wrapper .directors-detail-wrapper .directors-detail-content .tab-content #bio-tab .video-description {margin-top:20px; } .camera_wrap .camera_pag { right: 2%; bottom: -8%;} .banner-wrapper .home_mib_banner .camera_prev span { height: 35px; width: 35px; background-position: 0 70px; background-size: 70px; } .banner-wrapper .home_mib_banner .camera_next span { height: 35px; width: 35px; background-position: 35px 0; background-size: 70px;} .content-wrapper .directors-detail-wrapper .directors-detail-content .tab-content .program-title { margin-top: 0px; font-size: 15px;} } @media (max-width: 510px) { .content-wrapper .showreel-wrapper .showreel-items-container .showreel-itembox .showreel-content-box { position: relative; color: #53585f; display: block; min-height: 65px;} .content-wrapper .showreel-wrapper .showreel-items-container .showreel-itembox .showreel-content-box a { color: #53585f;} .content-wrapper .showreel-wrapper .showreel-items-container .showreel-itembox .showreel-content-box h4 { font-size: 14px;} .content-wrapper .directors-wrapper .directors-items-container .directors-itembox .directors-content-box { position: relative; color: #53585f; display: block; min-height: 65px;} .content-wrapper .directors-wrapper .directors-items-container .directors-itembox .directors-content-box a { color: #53585f;} .content-wrapper .directors-wrapper .directors-items-container .directors-itembox .directors-content-box h4 { font-size: 14px;} }