/* cyrillic */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 300; src: local('Oswald Light'), local('Oswald-Light'), url(https://eff91d.claudeassets.com/20210511190525im_/https://fonts.gstatic.com/s/oswald/v13/WDQRONh0ieLkzMd4njMkJBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 300; src: local('Oswald Light'), local('Oswald-Light'), url(https://524d94.claudeassets.com/20210511190525im_/https://fonts.gstatic.com/s/oswald/v13/qlwg-kjAsZDGqOniRm96VBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 300; src: local('Oswald Light'), local('Oswald-Light'), url(https://ff7d48.claudeassets.com/20210511190525im_/https://fonts.gstatic.com/s/oswald/v13/l1cOQ90roY9yC7voEhngDBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 300; src: local('Oswald Light'), local('Oswald-Light'), url(https://8f8db3.claudeassets.com/20210511190525im_/https://fonts.gstatic.com/s/oswald/v13/HqHm7BVC_nzzTui2lzQTDVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: local('Oswald Regular'), local('Oswald-Regular'), url(https://8dc9ee.claudeassets.com/20210511190525im_/https://fonts.gstatic.com/s/oswald/v13/DgBpgaYycijFA8v2hNt7MfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: local('Oswald Regular'), local('Oswald-Regular'), url(https://b3027f.claudeassets.com/20210511190525im_/https://fonts.gstatic.com/s/oswald/v13/peRd8sj511qE2lHtK-QfcPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: local('Oswald Regular'), local('Oswald-Regular'), url(https://d999ac.claudeassets.com/20210511190525im_/https://fonts.gstatic.com/s/oswald/v13/yg0glPPxXUISnKUejCX4qfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: local('Oswald Regular'), local('Oswald-Regular'), url(https://d779a6.claudeassets.com/20210511190525im_/https://fonts.gstatic.com/s/oswald/v13/pEobIV_lL25TKBpqVI_a2w.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://a29068.claudeassets.com/20210511190525im_/https://fonts.gstatic.com/s/roboto/v15/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://debdfb.claudeassets.com/20210511190525im_/https://fonts.gstatic.com/s/roboto/v15/Fl4y0QdOxyyTHEGMXX8kcRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://6fb268.claudeassets.com/20210511190525im_/https://fonts.gstatic.com/s/roboto/v15/-L14Jk06m6pUHB-5mXQQnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://73979d.claudeassets.com/20210511190525im_/https://fonts.gstatic.com/s/roboto/v15/I3S1wsgSg9YCurV6PUkTORJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://b9c7d4.claudeassets.com/20210511190525im_/https://fonts.gstatic.com/s/roboto/v15/NYDWBdD4gIq26G5XYbHsFBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://0f91ef.claudeassets.com/20210511190525im_/https://fonts.gstatic.com/s/roboto/v15/Pru33qjShpZSmG3z6VYwnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://5b6b47.claudeassets.com/20210511190525im_/https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://b64f3d.claudeassets.com/20210511190525im_/https://fonts.gstatic.com/s/roboto/v15/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://82289d.claudeassets.com/20210511190525im_/https://fonts.gstatic.com/s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://7b525e.claudeassets.com/20210511190525im_/https://fonts.gstatic.com/s/roboto/v15/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://579ec2.claudeassets.com/20210511190525im_/https://fonts.gstatic.com/s/roboto/v15/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://ec5dec.claudeassets.com/20210511190525im_/https://fonts.gstatic.com/s/roboto/v15/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://26b552.claudeassets.com/20210511190525im_/https://fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://cb4b1d.claudeassets.com/20210511190525im_/https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://ae43a4.claudeassets.com/20210511190525im_/https://fonts.gstatic.com/s/roboto/v15/ZLqKeelYbATG60EpZBSDyxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://55c967.claudeassets.com/20210511190525im_/https://fonts.gstatic.com/s/roboto/v15/oHi30kwQWvpCWqAhzHcCSBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://171b64.claudeassets.com/20210511190525im_/https://fonts.gstatic.com/s/roboto/v15/rGvHdJnr2l75qb0YND9NyBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://3f53f2.claudeassets.com/20210511190525im_/https://fonts.gstatic.com/s/roboto/v15/mx9Uck6uB63VIKFYnEMXrRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://6a002d.claudeassets.com/20210511190525im_/https://fonts.gstatic.com/s/roboto/v15/mbmhprMH69Zi6eEPBYVFhRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://86af08.claudeassets.com/20210511190525im_/https://fonts.gstatic.com/s/roboto/v15/oOeFwZNlrTefzLYmlVV1UBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://0a7696.claudeassets.com/20210511190525im_/https://fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://c167c0.claudeassets.com/20210511190525im_/https://fonts.gstatic.com/s/roboto/v15/77FXFjRbGzN4aCrSFhlh3hJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fc4988.claudeassets.com/20210511190525im_/https://fonts.gstatic.com/s/roboto/v15/isZ-wbCXNKAbnjo6_TwHThJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://910c74.claudeassets.com/20210511190525im_/https://fonts.gstatic.com/s/roboto/v15/UX6i4JxQDm3fVTc1CPuwqhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://46d1d4.claudeassets.com/20210511190525im_/https://fonts.gstatic.com/s/roboto/v15/jSN2CGVDbcVyCnfJfjSdfBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://5d142f.claudeassets.com/20210511190525im_/https://fonts.gstatic.com/s/roboto/v15/PwZc-YbIL414wB9rB1IAPRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://a66f7c.claudeassets.com/20210511190525im_/https://fonts.gstatic.com/s/roboto/v15/97uahxiqZRoncBaCEI3aWxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://a07531.claudeassets.com/20210511190525im_/https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } a, a:focus, a:hover { text-decoration: none; } h1, h2, h3, h4, h5, h6, .btn, .more-link, ul.widget-content, .breadcrumb, .author, .mask a { text-transform: none; } .btn{background: #576300 !important;color:#fff !important;} .btn:hover{background:#b5950a !important;} h1 { font-size: 26px; letter-spacing:1px; margin: 10px 0 30px 15px; } .contact h1, .container h1{ margin: 10px 0 30px 0; } .white-block h1, .main .banner_container .bnr-side-container h2 { background: rgba(255, 255, 255, 0.7); text-align:left; padding: 10px 30px; margin: 0 0 25px 0; } h2 { font-size: 22px; } .inner-page h2 { margin: 40px 0 30px 0 ; } h3 { font-size: 15px; font-weight:500; } .home_banner h1 { font-weight: 400; font-size: 21px; margin: 10px 0; } body { font-family: 'Roboto', sans-serif; color: #333; background:url(https://3a5473.claudeassets.com/20210511190525im_/https://www.tbc-france.com/images/body-bg.jpg) no-repeat top center fixed; background-size:cover; font-size: 16px; font-weight: 300; font-feature-settings: 'lnum' 1; margin:0; } html,body{ overflow-x: hidden; } h1, h2, h3, h4, h5 { font-family: 'Oswald', sans-serif!important; font-weight: 300; color: #121931; letter-spacing: 1px; } .spec-block h3, .spec-block2 h3 { font-size: 22px; margin:10px 0; border-bottom:1px solid #121931; padding-bottom: 10px; } ul.inside { margin-left:27px; list-style-type:circle; } .inner-page ul.inside li:before { background:none !important; } h4 { font-weight: 400; font-size: 23px; } img { max-width:100%; } a:focus, a:hover, a.tbc-btn:hover { color: #b5950a; } a { color: #576300; text-decoration: underline; } #top_links, .top_links { float: left; position: relative; width: 100%; height: 35px; z-index:99; } #top_links .top-menu a, .top_links .top-menu a{ text-decoration: none; font-family: 'Roboto', sans-serif; font-weight: 400; padding-top: 10px; font-size: 15px; font-style: normal; color: #666; letter-spacing: 0.1em; position: relative; padding-right: 40px; float: left; } #top_links a:hover, #top_links a:focus, #top_links a:active, #top_links a.active, .top_links a:hover, .top_links a:focus, .top_links a:active, .top_links a.active { color:#b5950a; font-weight: 500; } .subfooter a:hover, .subfooter a span:hover, .footer a:hover { color: rgba(255, 255, 255, 0.8); } #main_nav { min-height: 100px; position:relative; z-index:9; } #main_nav:before { content: ''; height: 2px; width: 97.2%; background-color: #b6b8b9; position: absolute; top: 100px; left: 0; } #main_nav:after { content: ''; height: 15px; width: 15px; border:2px solid #b6b8b9; position: absolute; top: 94px; left: 97.2%; border-radius:7px; background-color: #fff; } .lang-switch { float:right; margin:0 20px 0 7px; min-width:82px; max-width:100px; position:relative; top:-2px; } #top_links .lang-switch a, .top_links .lang-switch a { padding: 10px 5px; border: 2px solid #b6b8b9; text-decoration: none; margin-right: 4px; max-height: 26px; float:left; } #top_links .top-menu .lang-switch a:hover, #top_links .top-menu .lang-switch a.active, .top_links .lang-switch a:hover, .top_links .lang-switch a.active{ color:#b5950a; border-color:#b5950a !important; font-weight:600; } .nav.top-menu { position: absolute; margin-top: 0px; line-height: 0; z-index: 2; padding: 8px; right: 10px; } /* #top_links .nav.top-menu:before{ Â Â Â Â border-left:Â 5px solid red; Â Â Â Â content:Â ""; Â Â Â Â height:Â 30px; Â Â Â Â left:Â -16px; Â Â Â Â position:Â absolute; Â Â Â Â top:Â -30px; Â Â Â Â transform:Â skewX(45deg); } */ .navbar-toggle { background: #fff; } .navbar-toggle .icon-bar, [id^=memberModal] .modal-header { background: #135589; } .navbar-toggle .icon-bar { width: 35px; height: 3px; border-radius: 3px; } .navbar-nav>li { float: left; } #navbar > ul > li a { text-decoration: none; text-transform: uppercase; color: #121931; font-size: 15px; font-weight: 400; font-family: 'Oswald', sans-serif; letter-spacing: 0.2em; padding: 5px 0; margin-right:45px; z-index: 99; overflow: hidden; min-height: 34px; } #navbar > ul > li:last-child a { margin-right:13px; } .blog-posts ul, .blog-posts ol{ position: relative; left: 27px; } .latest-blog{ position: absolute !important; left: 0; bottom: 14% !important;} @-moz-document url-prefix() { .latest-blog { bottom: 11%; } } .home-blog-sec a.title, .sidebar-latest-blog a.title{display: block; margin-bottom: 6px; letter-spacing: 1px;} .sidebar-latest-blog { margin-top:45px; font-size:13px; font-weight: 400; letter-spacing: 1px; } .sidebar-latest-blog a.title { text-transform:uppercase; margin-bottom: 0;} .inner-page .sidebar-latest-blog ul li:before { display:none; } .inner-page .sidebar-latest-blog ul li{ border-bottom: 1px solid #b6b8b9; padding: 10px 0; margin: 0; } .inner-page .sidebar-latest-blog ul li a, .home-blog-sec a { text-decoration:none; display:block; padding-right: 25px; } .home-blog-sec a { padding-bottom:9px; color:#131839; font-weight:600; } .home-blog-sec a.tbc-btn {border-bottom: 2px solid #131839;} .home-blog-sec a.tbc-btn::after {border: 2px solid #131839; } .home-blog-sec a.tbc-btn:hover::after{border:2px solid #576300; background:#576300 !important;} .home-blog-sec a:hover{color:#576300 !important;} .home-blog-sec a.tbc-btn:hover{color:#576300;border-bottom: 2px solid #576300;} .inner-page .sidebar-latest-blog ul li a::after, .home-blog-sec a:last-child:after{ content: '→'; font-size: 27px; position: absolute; right: 0; bottom: 4px; } .home-blog-sec{ margin: 0 15px; border-bottom: 2px solid #131839; display: inline-block;} .blog-sec-date { font-size:12px; font-family:Roboto; font-weight:400; } .blog-view-btn a{color: #576300; font-family: 'Roboto', sans-serif; font-weight: 500; display: inline-block; position: relative; bottom:2px; text-decoration: none;} .blog-view-btn a:hover { color:#b5950a; } .home-blog-sec{max-width:340px;position: relative;} .nav>li>a:focus, .nav>li>a:hover, #navbar .nav .open>a, #navbar .nav .open>a:focus, #navbar .nav .open>a:hover { background: transparent; } .logo.en{background: url(https://31ca60.claudeassets.com/20210511190525im_/https://www.tbc-france.com/images/tbc-france-logo-en.png) no-repeat;} .logo.fr{background: url(https://00e724.claudeassets.com/20210511190525im_/https://www.tbc-france.com/images/tbc-france-logo.png) no-repeat;} .logo { display: inline-block; text-align: center; width: 204px; height: 49px; background-size: 100%; margin: 0 15px; } #navbar a.main-a-active { color: #b5950a; border-bottom: 3px solid; } ul { list-style: none; } ol, ul{ padding-left: 0; } /** Dropdown css starts**/ .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -1px; margin-left: -1px; border-radius: 0px; z-index: 999 } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropdown-submenu:hover > a:after { border-left-color: #fff; content: ""; display: block; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid #fff; position: absolute; top: 30%; right: -7px; z-index: 99999; } .dropdown-submenu > a:after {} .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; } .navimg.services { /* background-position: -124px -417px;*/ background-position: -126px -430px; top: 0; } .navimg.industries { background-position: -221px -410px; top: 7px; } .navimg.expertise { background-position: -319px -415px; top: -17px; } .navimg.aboutus { background-position: -29px -415px; top: -17px; } ul.navbar-nav > li >ul.dropdown-menu > li { margin-left: 80px; position: relative; display: block; border-left: solid 1px #fff; border-bottom: solid 1px #fff; } ul.navbar-nav > li >ul.dropdown-menu > li:last-child, #navbar ul > li.dropdown-submenu > ul > li:last-child{ border-bottom: none; } .dropdown-submenu ul.dropdown-menu > li { padding-left: 0px; border-bottom: solid 1px #fff; } #navbar > ul > li.open > ul > li.dropdown-submenu > ul > li a { padding-left: 10px; } #navbar > ul > li.open > ul > li.dropdown-submenu > ul > li a, .more-link, .breadcrumb, .single-post p.author { font-size: 14px; } .single-post a{ word-wrap: break-word; } .navbar-nav>li .dropdown-menu { background-color: #135589; padding: 0; } #navbar .navbar-nav>li>.dropdown-menu li a { color: #fff; text-transform: none; font-weight: 600; font-size: 14px; letter-spacing: 0.1em; } #navbar .dropdown-menu>li>a:focus, #navbar .dropdown-menu>li>a:hover, #navbar > ul > li.open > ul > li > a:hover, #navbar ul > li.dropdown-submenu > ul > li > a:hover, .nav .open>a { background: #fff; } #navbar ul > li.dropdown-submenu > ul > li > a:hover { color: #cf1f21; } .dropdown:hover .dropdown-menu.main { display: block; } #navbar .navbar-nav>li> .dropdown-menu>li>a:focus, #navbar .navbar-nav>li> .dropdown-menu>li>a:hover, #navbar ul > li > a:hover, #navbar .dropdown-submenu > ul > li > a:hover, #navbar .nav .open>a, #navbar .nav .open>a:focus, #navbar .nav >a:hover, #navbar > ul > li a:hover, #navbar > ul > li a:focus, #navbar > ul > li.open > ul > li.dropdown-submenu > ul > li > a:hover{ color: #b5950a; border-bottom: 3px solid; } /** Dropdown menu css ends**/ .event-banner{position: absolute !important; display:none !important; /*left: 25px; top: 65.85%;*/ bottom: -100px; margin-top: 10px; border-top: 2px solid; text-decoration: none; font-size: 17px; font-weight: 400; font-family: 'Oswald', sans-serif; padding-top: 5px;} /*.event-banner:hover{font-size: 18px;}*/ .event-banner span.date{ text-transform: uppercase; /* margin: 10px 0; */ /* border-top: 2px solid; */ padding: 5px 0; /* border-bottom: 2px solid;*/ display: inline-block;} .home_banner .white-block {text-align:center; padding:10px 10px 0 10px !important;} .white-block { background:rgba(255, 255, 255, 0.85); border:1px solid #576300; padding:0; min-width:364px; color:#000; max-width: 750px; } .contact .contact-block {display:inline-block; text-align: center; padding: 0; color: #000; } .contact .contact-block h1{background: rgba(0, 0, 0, 0.4); padding: 10px 0; color: #fff;} .contact .contact-block .white-block{display: inline-block; padding: 20px 0 20px 30px; width: 100%;} .white-block h2 { background:rgba(255, 255, 255, 0.7); text-transform:uppercase; padding:10px 0; } .white-block p, .bnr-side-container p{ padding:0 30px; } .home_banner .white-block p{ padding:0 10px 0 10px; } .robot-img { position: relative; bottom: -90px; margin-top: -90px; text-align: center; z-index:99; } .robot-img h4{ font-size:30px; font-weight:100; } .robot-img h4.bobby-title { position: absolute; top: 34px; right: 73px; } .robot-img h4.jack-title { position: absolute; top: 105px; left: 25px; } .spec-block { min-height: 519px; margin-bottom: 30px; position:relative; left:-15px; } .spec-block img { width:100%; } .robot-block { border: 2px solid #576300; /*min-height: 240px;*/ text-align: center; padding:95px 60px 30px; margin-bottom:30px; } .robot-list-img .col-md-4 { padding:0; text-align:center; margin-top:30px; } .inner-page .robot-block p { text-align:center; } .inner-page.full-width{margin-top: 0px;} .full-width .inner-image-bnr { min-height: 350px; } .full-width.contact .inner-image-bnr { margin-top:7px;} .inner-image-bnr { min-height: 505px; background-size:cover !important; } .banner_container { margin: -40px 3% 15px 0; position:relative; } .full-width .banner_container { margin: -40px 0 15px 0; } .bnr-side-container .left { left: 20px; } .bnr-side-container .right { right: 20px; } .bnr-side-container .right.top{ top: 20px; bottom: auto; } .bnr-side-container .left{max-width: 55%;} .bnr-side-container .right{max-width: 62%;} .bnr-side-container .left, .bnr-side-container .right{background: rgba(255,255,255,0.82); border: 1px solid #000; min-height: 150px; position: absolute; bottom: 20px; min-width: 55%; color:#000; padding-bottom:10px; } .left-15 p{ position:relative; left:-28px;} ul.left-15 {padding-left:15px;} .spec-block .green-btn{ padding: 20px 30px; width: 64%; position: relative; top: 30px; } .btn.green-btn, .comments-container .btn{ padding: 4px 20px;background: #576300; width: 100%;} .spec-block .bobby-btn{background:url(https://90a3f4.claudeassets.com/20210511190525im_/https://www.tbc-france.com/media/1807/bobby-cta.jpg) no-repeat center;} .spec-block .jack-btn{background:url(https://d176c6.claudeassets.com/20210511190525im_/https://www.tbc-france.com/media/1808/jack-cta.jpg) no-repeat center;} .spec-block .bobby-btn, .spec-block .jack-btn{min-height: 490px; background-size:cover;} .spec-block .green-btn strong{ text-transform:uppercase; font-size:22px; font-family: 'Oswald', sans-serif; font-weight: 500; line-height: 40px; } .green-btn { color:#fff; font-weight:500; padding:5px 20px; background:#576300; display: inline-block; text-align:center; } .green-btn:hover { background: #b5950a; color:#fff; } .m-t-b-30 { margin:30px 0 40px 0; } .m-r-l-30{ margin:0 30px !important; } .m-b-20{margin:0 0 20px 0;} .title-bg { /*background:rgba(255, 255, 255, 0.4);*/ padding:0 0 10px 0; } .modal.in .modal-dialog{z-index:9999;} .tbc-btn { color:#576300; font-family: 'Roboto', sans-serif; font-weight:500; display:inline-block; border-bottom:2px solid #576300; position:relative; text-decoration:none; } .tbc-btn:hover::after{ border: 2px solid #b5950a; } /*.tbc-btn:before { content: ''; height: 0; width: 0; position: absolute; bottom: -2px; left: 0; } .tbc-btn:hover::before { content: ''; width: 100%; border-bottom: 2px solid #b5950a; position: absolute; transition:0.4s width ease-out; }*/ .tbc-btn:after { content: ''; height: 8px; width: 8px; border: 2px solid #576300; position: absolute; bottom: -5px; right: -8px; border-radius: 5px; } .tbc-btn:hover::after { content: ''; border: 2px solid #b5950a; border-radius: 5px; background:#b5950a; transition:0.4s border ease-out, 0.2s background 0.4s ease-out; } .tbc-btn:hover{ border-bottom: 2px solid #b5950a; } .home_banner{ overflow:hidden; top: -3px; position: relative; padding-bottom:0; } .about_banner { top: -68px; position: relative; margin-bottom: -15px; } .home-bg{ height: calc(100vh - 120px); /* background: url(https://254c11.claudeassets.com/20210511190525im_/https://www.tbc-france.com/images/home-bg.jpg) no-repeat top fixed;*/ background: url(https://3cc8bf.claudeassets.com/20210511190525im_/https://www.tbc-france.com/media/1054/home-bg.jpg) no-repeat bottom center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /* @-moz-document url-prefix() { .home-bg{height: calc(100vh - 133px);} } */ @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari 5+ ONLY */ ::i-block-chrome, .home-bg{ height:648px; } ::i-block-chrome, .about-bg{ height:648px; } } .contact .about-bg{background: url(https://96b5b1.claudeassets.com/20210511190525im_/https://www.tbc-france.com/media/4746/tbc-france-bg-grey-opac.jpg) no-repeat top fixed; background-size: cover;} .about-bg.equipment{background: url(https://919eee.claudeassets.com/20210511190525im_/https://www.tbc-france.com/images/equipement-securite-baggages-scanner.jpg) no-repeat top fixed;background-size:cover;} .equip .white-block{margin-bottom: -23px;} .about-bg{ height: 100vh; background: url(https://a72871.claudeassets.com/20210511190525im_/https://www.tbc-france.com/images/tbc-france-about-bg.jpg) no-repeat top fixed; background-size:cover; } .home-wrapper { margin-top:-649px;width: 100% !important; } .about-wrapper { margin-top:-595px; } .contact .about-wrapper { margin-top:-624px; } .home_banner h3 { color:#000 } .home_banner a h2:before { content: ""; position: absolute; width: 100%; height: 2px; bottom: 0; left: 0; background-color: #cf1f21; visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } a:hover h2:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); } /* .home_banner a:hover h2{ border-bottom: solid 2px #cf1f21; } */ .home_banner h2 { margin-top: 0px; letter-spacing: 0.06em; background:#576300; color:#fff; } .home_banner h2:hover, .home_banner h2 a:hover { background: #b5950a; } .home_banner h2 a{ color:#fff;text-decoration:none;} .home_banner h6 { margin-bottom: 3px; } .home_banner p, .widget-content .more-link { font-size: 16px; } .footer p{font-size: 13px;} .home_banner strong { color: #000; margin-bottom:10px; font-family: 'Roboto', sans-serif; } .home_banner p { color: #000; font-weight:400; } .home_banner .col-md-7 { border-right: solid 1px #dbddd8; } .images_bnr { background-repeat: no-repeat; background-size: 100% 74%; background-position: top center; } .img_icon { width: 122px; height: 122px; margin: 0 auto; border: solid 2px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; transition: 0.5s all ease; } a:hover .img_icon { border: solid 2px #cf1f21; /*-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);*/ box-shadow: inset 0 0 0 1px #cf1f21; } .aerospace-icon { background: url('https://6248e0.claudeassets.com/20210511190525im_/https://www.tbc-france.com/images/sprites_SLN.png') no-repeat; background-position: -10px 11px; } .medical-icon { background: url('https://6248e0.claudeassets.com/20210511190525im_/https://www.tbc-france.com/images/sprites_SLN.png') no-repeat; background-position: -10px -277px; } .automotive-icon { background: url('https://6248e0.claudeassets.com/20210511190525im_/https://www.tbc-france.com/images/sprites_SLN.png') no-repeat; background-position: -10px -84px; } .industrial-icon { background: url('https://6248e0.claudeassets.com/20210511190525im_/https://www.tbc-france.com/images/sprites_SLN.png') no-repeat; background-position: -10px -180px; } .desc { margin-top: -80px; } .desc{ padding: 15px; } .btn { background: #576300; border-radius: 0px; color: #fff; padding: 0; border: none; } button.close { z-index: 9999; font-size: 40px; position: absolute; right: 2px; top: -9px; } .single-post .author span, .btn, #comments-container h3 { font-weight: 400; text-transform: uppercase; color: #000; } .inner-page .main .container-fluid,.full-width .container-fluid { margin-right:60px; } .full-width .container-fluid { margin-left:15px; } .inner-page .container { width: 100%; margin-left: 0; max-width: 1280px; } p.author { font-weight: 500; } .btn.btn-primary.btn-lg, .cta_btn { padding: 4px 50px; font-size: 18px; position: relative; } #services p { padding-bottom: 35px; font-size: 18px; } .home_banner .main_bg img { border-left: 2px solid #fff; width: 100%; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; } #home_news { border-bottom: solid 1px #135589; } #home_news h5 { font-size: 27px; text-transform: none; } #home_news h5, .widget-content .more-link { font-weight: 400; } .right_news { background-color: rgba(255, 255, 255, 0.6); position: relative; padding: 30px 30px 0 30px; position: relative; min-height: 280px; } /* .home_banner .col-md-4 img:hover { transform: scale(1.1); } */ .home_banner .main_bg { overflow: hidden; } .right_news h2 { font-size: 30px; } .news_feeds { position: relative; padding: 20px 0 20px; } .news_feed_row { position: relative; } .news_feeds p { line-height: 20px; } .news_feeds h3, ul.widget-content, .inner-page h5 { font-size: 18px; margin-bottom: 20px !important; } .news_feeds h3, .more-link, ul.widget-content, .single-post h2, .breadcrumb { font-weight: 300; } .news_feeds h3 { margin: 0; } h3.no-results, #contact h4 { text-transform: none; } .badges.sln { z-index: 100; position: relative; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); border-radius: 100%; background-color: #3b5998; width: 34px; height: 34px; background: url('https://6248e0.claudeassets.com/20210511190525im_/https://www.tbc-france.com/images/sprites_SLN.png') no-repeat; background-position: -136px -11px; } .pdng-right-0 { padding-right: 0; } .pdng-0 { padding: 0; } #footer, .footer a { color: #fff; position:relative; bottom:0;width:100%; } .Home-fr, .Home-en{position: absolute !important;} #footer p { margin: 0; display: inline-block; padding-right:0; } .footer{ padding-bottom: 10px; padding-right: 0; } .subfooter { background-color: #131839; } .subfooter p { font-size: 12px; color: #ccc; padding: 8px; } .subfooter a { color: rgb(255, 255, 255); } /*.subfooter a span{ color: rgb(255, 255, 255); border-bottom: solid 1px rgba(255, 255, 255, 0.4); }*/ #services, #contact { padding: 35px 5px; } .service_div, [id^=memberModal] img{ width: 100%; float: left; } /**Blog Banner**/ .blog-banner{max-height:468px;overflow:hidden;width: 100%;position: relative; top: -3px;} .blog{margin-top: -3px;} @-moz-document url-prefix() { .blog { position: relative; top: -3px; margin-bottom: 10px; } .home-wrapper { margin-top: -653px; } .home-content { margin-top:5px; } } .blog_landing { width: 100vw; /*max-height: 576px;*/ } .blog-posts { background: #fff; } .blog-detail .blog-posts { margin-top: 0; margin-bottom: 5px; } .comment { background: #f2f2f2; padding: 15px 20px; border-bottom: solid 2px #fff; margin-right: 10px; } .commentName { font-weight: 700; text-transform: capitalize; color: #135589; } .commentDate { color: #135589; } .blog-detail #comments-container textarea, .blog-detail .form-group, [id^=memberModal] img, .single-post img { margin-bottom: 15px; } .blog-detail #comments-container input, .blog-detail #comments-container textarea { border-radius: 4px; } .blog-sidebar { padding: 10px; } .blog-detail .blog-sidebar { margin-top: 70px; } .subscribe .btn, .search .btn, #comments-container .btn { font-size: 18px; letter-spacing: 0.1em; } .subscribe input, .search input { padding: 5px; min-height: 39px; } button.btn.btn-default { border-radius: 5px; border: none; padding: 4px 20px; margin-top: 5px; } h3.widget-title { color: #fff; letter-spacing: 0.05em; font-size: 23px; padding: 14px; position: relative; background: #bfc8ce ; } h3.widget-title, .blog-posts h3 { font-weight: 300; } .blog-posts h3, .cta h3 { font-size: 20px; } /* .single-post { margin: 0 1em; } */ .single-post p, .member-desc h3 { font-size: 17px; letter-spacing: 0.04em; } .single-post h2 { font-size: 20px; margin-bottom: 5px; } [id^=memberModal] .col-md-4, .single-post h2 { margin-top: 15px; } .single-post img { max-width: 100% !important; height:auto !important; } /*.single-post .author span:after { content: "|"; }*/ .post p { font-size: 18px; margin: 15px 0 5px; } .post-info, ul.widget-content li { margin-bottom: 10px; } .post-info, .post-info a { color: #8c8c8c; font-size: 14px; } .post-info i { color: #dbddd8; } .post-info span { margin-right: 23px; } h3.widget-title:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 8px 5px; border-color: #a5b6c0 transparent transparent #a5b6c0; position: absolute; right: 0; bottom: -15px; } .widget-content, #comments-container { background: #fdfeff; padding: 15px 20px; margin-right: 10px; margin-top: -10px; border: solid 1px #f2f2f2; margin-bottom: 25px; } .align-form { margin-left: 0 !important;} ul.widget-content { list-style: none; } .post-info i.glyphicon.glyphicon-tag { transform: rotate(90deg); -webkit-transform: rotate(90deg); } .post-info i.glyphicon{ margin-right: 3px; } .sidebar-blocks h6 { margin-bottom: 2px; } .sidebar-blocks h6, .close_txt{ font-size: 16px; } .blog-sidebar .btn:hover, .btn-default:hover{ background: #b5950a; color:#fff; } .blog-sidebar button.btn{ min-height: 39px; padding: 5px;} .commentName { font-weight: 500 } .commentDate { color: #8c8c8c; font-size: 12px; margin-bottom: 5px; } .commentComment{ font-size: 15px; color: #8c8c8c; } #contact h4, .sidebar-blocks h6, .highlighted-text, .four-col h2 { line-height: 1.4em; } .sidebar-blocks h6, ul.widget-content { color: rgba(19, 85, 137, 0.8); } .sidebar-blocks p { opacity: 0.8; } .input-group .form-control:first-child { border-radius: 0; } .blog-detail { margin-bottom: 20px; } .breadcrumb { background: transparent; padding: 0px 3px; margin-bottom: 0; } .breadcrumb a, .breadcrumb .active { color: #135589; } div#comments-container { padding: 1em 1.5em; } #comments-container input, #comments-container textarea { border: solid 1px #d4d9dd; background: transparent; margin-right: 10px; padding: 5px; font-size: 17px; } #comments-container textarea { width: 100%; max-width: 645px; border-radius: 3px; } .no-results { padding: 2em; } /**Blog navigation starts**/ [‎02/‎08/‎2016 12:27] Jyothi K: No Title /*blog pagination css starts*/ .blog .pagination { display: inline-flex; padding: 20px; } .pagination a, .pagination a:first-child>span { margin-left: 0; } .pagination a, .pagination span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination .pageFirst { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination .pageLast { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination a:focus, .pagination a:hover, .pagination span:focus, .pagination span:hover { z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd; } .pagination .pageCurrent, .pagination span.pageFirst, .pagination span.pageLast { z-index: 3; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; } span.pagingSummary { vertical-align: 32px; margin-right: 12px; } /**Blog pagination css ends**/ /*Blog css ends*/ /**Contact CSS*/ #contactForm .col-md-6 { margin-bottom: 15px; } .m-btm-20, #contactForm button, .sidebar-blocks p, .single-post p, .h2styled, .member-desgn, .blog-detail .blog-sidebar { margin-bottom: 20px; } #contactForm input, #contactForm textarea { border: solid 1px #576300; width: 100%; padding: 5px 5px 5px 10px; border-radius: 3px; } .loading_div { position: fixed !important; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; background: url("https://bec1d9.claudeassets.com/20210511190525im_/https://www.tbc-france.com/media/7416/loading_icon.gif") rgba(0, 0, 0, 0.1) center no-repeat; } .m-btm-30, .inner-page .m-btm-30, #footer p.m-btm-30, .txt-content ul{ margin-bottom: 30px; } .txt-contact { margin-top: 60px; margin-bottom: 60px; } .four-col h2 { background: rgba(233, 233, 230, 0.4); font-size: 16px; margin: 0; padding: 1.5em; width: 100%; } .inner { background: rgba(241, 242, 239, 0.4); padding: 18px; min-height: 206px; } span.field-validation-error { float: left; color: #fff; background:rgba(207,31,33, 0.7); padding:0 10px; } #contactForm .input-validation-error { border: solid 1px #cf1f21; } dt, [id^=memberModal] .member-desc { float: left; } dd { float: left; width: 100%; margin-left: 23px; clear: left; margin-top: -24px; margin-bottom: 10px; font-size: 16px; } span.email_icon { font-weight: bolder; font-size: 18px; } dt span { color: #576300; } .validation-summary-errors ul { list-style: none; padding: 0; color: #cf1213; } .inner-page { top: -5px; overflow: hidden; position: relative; width: 100%; } /*sidebar menu accordian*/ .side-bar-position { margin-left: 57px; width: 240px; min-height: 340px; } .side-bar-nav { position: absolute; top: 0; width: 240px; padding-top: 40px; } .inner-page .main{ position: relative; min-height: 500px; padding-top: 40px; margin:0 0 50px 340px; } .side-bar-nav #MainMenu .panel .list-group-item, .side-bar-nav #MainMenu .panel { background: none; } .side-bar-nav #MainMenu .panel .list-group-item.parent-active { background-color: #ffffff; } .side-bar-nav #MainMenu .panel { border: none; } .robot-p:before { content: ''; position: absolute; top: 0; background: #fff; height: 4px; width: 34px; left: 0; z-index: 9; } .side-bar-nav #MainMenu .panel:before { content: ''; position: absolute; top: 0; background: #b6b8b9; height: 64px; width: 1px; left: -23px; } .side-bar-nav #MainMenu .panel:after { content: ''; position: absolute; top: 59px; background: #b6b8b9; height: 35px; width: 1px; left: -11px; transform: rotate(-43deg); -ms-transform: rotate(-43deg); -webkit-transform: rotate(-43deg); } span.list{ content: ''; position: absolute; bottom: -5px; background: #b6b8b9; height: 35px; width: 1px; left: -12px; transform: rotate(-43deg); -ms-transform: rotate(-43deg); -webkit-transform: rotate(-43deg);} .side-bar-nav #MainMenu a.list-group-item, button.list-group-item, [id^=memberModal] .modal-header .member-desgn , [id^=memberModal] .modal-header .member-desc h3, [id^=memberModal] button.close{ color: #fff; } .member-desc h3, [id^=memberModal] button.close{ margin-top: 7px; } [id^=memberModal] button.close{ opacity:0.9; } [id^=memberModal] .col-md-4{ border-right: solid 1px #dfdfdf; } span.glyphicon.glyphicon-remove:before { background: #c6c6c6; padding: 4px 5px; border-radius: 50px; text-align: center; font-size: 17px; } [id^=memberModal] .modal-header{ padding: 5px 15px; } .side-bar-nav #MainMenu a.list-group-item, button.list-group-item{ border: none; } .side-bar-nav #MainMenu .sidebar-subnav { background: #fff; } .side-bar-nav #MainMenu .sidebar-subnav a { color: #135589; text-transform: capitalize; } .about-us-list::after{ width: 0 !important; height: 0 !important; border:none !important; position: absolute; content: ""; margin-left: 10px; } .about-us-list::before{ height:0 !important; } .side-bar-nav #MainMenu .list-group a { text-decoration: none; color: #121931; padding: 10px 5px; text-transform: uppercase; font-size: 13px; display: block; letter-spacing: 1px; line-height: 28px; position:relative; border-bottom: 1px solid #b6b8b9; font-family: 'Roboto', sans-serif; font-weight:400; } .side-bar-nav #MainMenu .list-group a:hover, .side-bar-nav #MainMenu .list-group a.current-menu-item, #top_links a.current-menu-item, .top_links a.current-menu-item{ color: #b5950a; font-weight: 500; transition: 0.2s all ease-out; } .side-bar-nav #MainMenu .list-group a:hover::after, .side-bar-nav #MainMenu .list-group a.current-menu-item::after { background-color:#b5950a; } .side-bar-nav #MainMenu .list-group a:before { content: ''; position: absolute; bottom: 0; background: #b6b8b9; height: 16px; width: 1px; right: 0; } .side-bar-nav #MainMenu .list-group a:after { content: ''; position: absolute; bottom: 16px; height: 10px; width: 10px; border: 1px solid #b6b8b9; border-radius: 5px; right: -4px; } .side-bar-nav #MainMenu .list-group div a { text-transform:none; padding: 8px 18px; border-left: 1px solid #b6b8b9; } .side-bar-nav #MainMenu .sidebar-subnav a { /* background-color: #e9f4fb !important;*/ line-height: 32px; border-radius: 0; padding: 5px 10px 5px 60px; } .side-bar-nav #MainMenu .sidebar-subnav .list-group-submenu a { font-weight: 600; background: #fff !important; } .side-bar-nav #MainMenu .sidebar-subnav .list-group-submenu a:last-child { border: none; } .side-bar-nav #MainMenu .sidebar-subnav a.current-menu-item, .side-bar-nav #MainMenu .sidebar-subnav a:hover { color: #b5950a; } .side-bar-nav #MainMenu .sidebar-subnav a.collapsed { border-bottom: 1px solid #135589; transition: ease 0.6s all; -webkit-transition: ease 0.6s all; } .blog-list:hover::after, .side-bar-nav #MainMenu .panel .parent-active.blog-list::after { background-color: #fff; background-position: -423px -250px; } .home-list:hover::after, .side-bar-nav #MainMenu .panel .parent-active.home-list::after { background-color: #fff; background-position: -423px -347px; } .contact-list:hover::after, .side-bar-nav #MainMenu .panel .parent-active.contact-list::after { background-color: #fff; background-position: -423px -299px; } .side-bar-nav #MainMenu .panel .parent-active, .side-bar-nav #MainMenu .list-group a.parent-active:hover, .side-bar-nav #MainMenu .list-group a.parent-active:focus { background-color: #fff; color: #333; } .sidenav-link-sublevel .glyphicon-chevron-down { background: #fff; color: #135589; padding: 7px 10px; float: right; } .side-bar-nav #MainMenu .sidebar-subnav .sidenav-link-sublevel a { border-bottom: none; } .side-bar-nav #MainMenu .sidebar-subnav .sidenav-link-sublevel.border-none { border-bottom: none; } .side-bar-nav #MainMenu .sidebar-subnav .sidenav-link-sublevel a.level2 { padding: 0; float: right; } .list-group-item:first-child, .list-group-item:last-child { border-radius: 0; } /*sidebar menu accordian end*/ /**Mobile design Mobile menu css starts**/ #main_nav .mobile-menu { float: left; width: 100%; } .mobile-menu .panel, .inner-page dd p { margin-bottom: 0px; } .icon-desc-block .col-md-3 { /* border: solid 1px #ffa300;*/ margin: 1%; padding: 5% 0; } /**Style reset for inner page mobile menu UI**/ .mobile-menu .side-bar-nav { position: relative; width: 93%; margin-left: 23px; } .mobile-menu .parent-menu.list-group-item { width: 100% !important; } /**Mobile design Mobile menu css ends**/ /**Back button CSS**/ .arrow-left { position: relative; width: 0px; height: 0px; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-right: 16px solid #576300; display: block; cursor: pointer; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .arrow-left div { margin-left: 22px; margin-top: -12px; width: 110px; } a.back_link { font-size: 1.8rem; display: block; } .arrow-left:after { right: -20px; top: 11px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 16px; margin-top: -27px; } /**Inner page new design css **/ .inner-page p { margin-bottom: 15px; text-align:justify; line-height : 27px; } .cta .cta_btn { margin-top: 2em; display: inline-block; white-space: nowrap; margin-right: 2em; } .txt-content { padding: 0 3% 0 2%; } /* .inner-page ul li, .single-post ul li, ol li{ margin-bottom: 12px; position: relative; } */ .inner-page ul li, .single-post ul li, ol li { position: relative; } .inner-page ul li, ol li{ margin-bottom: 8px; } .single-post ul li{ margin-bottom: 4px; } ol li{padding-left: 4px;} ol{margin-left: -4px;} .inner-page ul li:before, .single-post ul li:before { background: url("https://8c2439.claudeassets.com/20210511190525im_/https://www.tbc-france.com/images/list-bullet.png") no-repeat; width: 17px; height: 9px; display: block; position: absolute; content: " "; top: 1px; left: -28px; } .icon-desc-block h5 { font-size: 20px; font-weight: 800; } .icon-desc-block h5, .single-post h4{ margin-top: 40px; } .industry-icons a:hover h3 { margin-top: 50px !important; } .industry-icons-wrap { position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%); top: 50%; left: 0; right: 0; } /***Navbar icon animation***/ .navbar-toggle .icon-bar { position: relative; transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; } .navbar-toggle.active .icon-bar:nth-of-type(2) { top: 6px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .navbar-toggle.active .icon-bar:nth-of-type(3) { background-color: transparent; } .navbar-toggle.active .icon-bar:nth-of-type(4) { top: -6px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .inner-image-bnr.industries_banner{ background-position: center center !important; } /***Navbar icon animation Ends***/ /* Interactivity CSS3 - Animation starts*/ .dropdown .dropdown-menu.main { margin-top: 10px; } .dropdown .dropdown-submenu > .dropdown-menu { margin-left: 5px; margin-top: 5px; } .dropdown:hover .dropdown-menu.main { margin-top: 0px; } .dropdown .dropdown-submenu:hover > .dropdown-menu { margin-left: -1px; margin-top: -1px; } .dropdown:hover .dropdown-menu.main, .dropdown-submenu:hover > .dropdown-menu { transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; opacity: 1; visibility: visible; } .dropdown .dropdown-menu.main, .dropdown-submenu > .dropdown-menu { box-shadow: none; opacity: 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; visibility: hidden; display: block !important; } .home_banner .service_div a:hover img { transform: scale(1.2); -webkit-transform: scale(1.2); transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; } .home_banner .main_bg img { -webkit-transform: scale(1); transform: scale(1); transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; } .service_div .desc { position: relative; z-index: 99; } .industry-icons a:hover .industry-icons-wrap h3::before, .member-container:hover .mask a:before { left: 0; opacity: 1; transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; } .industry-icons a .industry-icons-wrap h3::before, .team-member .mask a:before { border-top: 1px solid #23527c; content: ""; height: 100%; left: -100%; opacity: 0; position: absolute; top: 0; transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; width: 100%; } .industry-icons a:hover .industry-icons-wrap h3::after, .member-container:hover .mask a:after { opacity: 1; right: 0; transition: all 0.2s ease-in-out 0.2s; } .industry-icons a .industry-icons-wrap h3::after, .team-member .mask a:after { border-bottom: 1px solid #23527c; bottom: 0; content: ""; height: 100%; opacity: 0; position: absolute; right: -100%; transition: all 0.2s ease-in-out 0.2s; width: 100%; } .home_banner .industry-icons a:hover h3 { margin-top: 30px !important; transition: margin 0.2s ease-in-out 0.2s; } .industry-icons-wrap > h3 { margin: 10px 25px; overflow: hidden; padding: 15px 0; position: relative; transition: margin 0.1s ease-in-out 0.1s; } #top_links a:hover::before, .top_links a:hover::before { opacity: 1; top: -3px; transition: all 0.1s ease-in-out 0.2s; visibility: visible; } #top_links a::before, .top_links a::before{ content: ""; left: 0; opacity: 0; overflow: hidden; position: absolute; top: -4px; transition: all 0.1s ease-in-out 0.2s; visibility: hidden; width: 100%; } a:hover, a:link, a:focus, a:active { outline: none; } .btn.btn-primary.btn-lg:before ,.cta_btn:before{ content: ""; position: absolute; width: 100%; height: 2px; bottom: -2px; left: 0; background: #2a93d5; visibility: visible; transform: scaleX(0); -webkit-transform: scaleX(0); transition: .25s linear; -webkit-transition: .25s linear; } .btn.btn-primary.btn-lg:hover:before, .btn.btn-primary.btn-lg:focus:before , .cta_btn:hover:before, .cta_btn:focus:before{ visibility: visible; transform: scaleX(1); -webkit-transform: scaleX(1); } /**Interactivity Animation Ends***/ /***Media Queries***/ /*1280 x 768*/ @media screen and (min-width: 1280px) and (max-height: 768px) { .bobby { margin: 5.85% 0 0 0 !important; } } /*1280 x 720*/ @media screen and (min-width: 1280px) and (max-height: 720px){ .bobby { margin: 75px 0 0 0 !important; right: -412px; position:relative !important; } .home-wrapper { margin-top: -615px !important;} .about-wrapper { margin-top: -571px !important;} .contact .about-wrapper { margin-top: -582px !important; } .robot-block { /*min-height: 250px;*/ padding: 45px 14px 35px; } .m-h.robot-block { min-height: 272px; } } /*1280 x 600*/ @media screen and (min-width: 1280px) and (max-height: 600px) { .home-wrapper { margin-top: -492px; } .contact .about-wrapper { margin-top: -465px; } .about-wrapper { margin-top: -450px; } } /*1360 x 768*/ @media screen and (min-width: 1360px) and (max-height: 768px) { .jack { margin:1% 0 0 11%; } .bobby { /*margin:17.9% 0 12px 0 !important;*/ margin:6.9% 0 0 0 !important; /*position:initial !important;*/ } .home-wrapper { margin-top: -649px !important; } .about-wrapper { margin-top: -595px !important; } .home_banner { padding-bottom: 0;} @-moz-document url-prefix() { .home_banner { padding-bottom: 0;} } .latest-blog { bottom: 30%; } .contact .about-wrapper { margin-top: -624px !important; } } @media (min-width: 1200px) { .gray {} .milipol-en, .milipol-fr { width: 730px !important; margin-bottom: -3px !important; } .modal-dialog { width: 800px; } .full-width .page-title{padding: 0 0 0 15px;} .full-width{padding-top:40px} #services p, #contact { margin: 0 auto; max-width: 70%; } .navbar-nav { padding-right: 7px; } .jack { margin:1% 0 0 11%; } .bobby { margin:20.85% 0 0 0; position:initial; } .home-wrapper { margin-top: -649px; } .about-wrapper { margin-top: -595px; } .contact .about-wrapper { margin-top: -624px; } } @media (min-width: 1440px) and (max-width: 1550px) { .gray { min-width: 450px; } @-moz-document url-prefix() { .home-content { margin-top: 0; } } .bobby { margin-top: 9.4% !important; left: 80px; top: 85px; } .jack { margin:0 0 0 11%; left: 58px;22 } .home-wrapper { margin-top: -700px !important; margin-bottom: 2px; } @-moz-document url-prefix() { .home-wrapper { margin-bottom: 62px; } } .about_banner { margin-bottom: -24px; } } @media (min-width: 1551px) { .blog-banner{max-height:550px;} .jack { margin:0 0 0 11%; left: 58px; } .home-wrapper { margin-top: -720px; margin-bottom: 106px; } .about_banner { margin-bottom: -24px; } } @media (min-width: 1681px){ .latest-blog {bottom: 25% !important;padding: 0px 1%;} #main_nav:before { width: 98.5%;} #main_nav:after { left: 98.3%;} .about-wrapper { margin-top: -744px; margin-bottom: 157px; } .contact .about-wrapper { margin-top: -780px; margin-bottom: 157px; } .bobby { margin-top: 8.8% !important; } .about_banner { margin-bottom: -24px; } .home-wrapper { margin-top: -820px; margin-bottom: 66px; } } @media (min-width: 1920px){ .spec-block { min-height: 721px !important; margin-bottom: -50px;} .blog-banner { max-height: 660px; } .bobby { margin-top: 14.3% !important; } .about_banner { margin-bottom: -24px; } .home-wrapper { margin-top: -968px; margin-bottom: 130px; } } @media (min-width: 2100px) { .home-wrapper { margin-top: -1043px; margin-bottom: 278px; } } @media (min-width: 1440px) { .latest-blog { bottom: 18%; } .bnr-side-container h2{ padding: 10px 10px 10px 30px !important; } .spec-block { min-height: 550px;} .right_news { padding: 3em 9em 0 4em; } .jack { left: 3px; /* top: -47px;*/ } .bobby { margin-top: 18.5%; } } @media (min-width: 1280px) { .container { width: 1180px; } .inner-page { /*min-height: 500px;*/ overflow: hidden; } } @media (min-width: 768px) { .navbar-nav { float: right; margin-top: 32px!important; } #comments-container .g-recaptcha{ float: left; margin-left: 14px; } .blog-posts .post, .single-post { padding: 15px 15px 30px; } .single-post{ padding-left: 0px; padding-bottom: 10px; } #services, #contact { padding: 95px 5px; } .navbar-nav { float: right !important; } .cta a:first-child { margin-right: 1.5em } .btn.btn-primary.btn-lg { padding: 4px 116px; } div#navbar .navbar-nav > li > .dropdown-menu li a { color: #fff; } #navbar > ul > li:nth-child(3) > ul { margin-left: -240px; } .home_banner .main_bg { width: 33.3%; padding: 0px; margin: 0; float: left; } .input-group { display: inline-table; vertical-align: middle; } .blog-posts { min-height: 500px; } /* .navbar-nav{ padding-right: 10%; } */ .h2styled { height: 31px; width: 92%; margin-left: 45px; } .h2styled:before { background-image: url('https://6248e0.claudeassets.com/20210511190525im_/https://www.tbc-france.com/images/sprites_SLN.png'); position: absolute; content: ""; height: 31px; width: 48px; top: 0px; margin-left: -68px; background-position: -344px -12px; } .h2styled:after { content: ""; position: absolute; width: 52px; background-color: rgb(233, 244, 251); height: 100%; transform: skewX(-45deg); -webkit-transform: skewX(-45deg); -moz-transform: skewX(-45deg); right: -16px; top: 0px; } .cta { padding: 2em 3em; } .cta_txt { line-height: 25px; display: block; } .cta_btn { padding: 4px 60px; } } @media (max-width: 768px) { .robot-img { position: initial !important; margin-top: 0 !important; } .latest-blog { position: initial !important; margin-top: 27px; } .navbar-toggle, .navbar-header{display:block !important;} .mobile-menu .side-bar-nav #MainMenu .panel .list-group-item.parent-menu{ width: 35px !important; right: -22px; position: absolute; top: 38px; border-bottom: none; background: none;} .side-bar-nav #MainMenu .list-group a:first-child.survillance:after { content: ''; position: absolute; bottom: 16px; height: 20px; width: 20px; border: 1px solid #b6b8b9; border-radius: 0; right: -9px; } .inner-page .side-bar-position{display:none;} .left-15 p{left:0} .left-15 ul {padding-left:28px;} .home-wrapper, .about-wrapper { margin-top: 0 !important; } #comments-container{ margin-right: 0; } h1{ font-size: 30px; } .inner-image-bnr{ position: relative; } h4.highlighted-text{ margin-top:0px; } #main_nav .container-fluid{ margin: 0; padding: 0; } ul.navbar-nav > li > .dropdown-menu li.navimg { display: none; } div.nav-main-collapse.in { width: 100%; } ul.navbar-nav > li >ul.dropdown-menu > li { margin-left: -1px; } #navbar > ul > li.open > ul > li.dropdown-submenu > ul > li a { padding-left: 2em; } .navbar-nav .open .dropdown-menu { overflow-x: hidden; } .navbar-toggle { margin-top: 47px; padding-right: 0; margin-right: 30px; } #top_links, .top_links { position: absolute; height: 35px; z-index: 99; top: 5px; right: -6px; } .top_links { width:100%; display: block !important; } /* .txt-content { padding: 0 15px; } */ .logo { padding-top: 1em; background-size: 90%; background-position: 10% 0; margin-left: 25px; position: relative; top: 20px; } .col-md-9.col-sm-12.col-xs-12.pdng-right-0 { border-top: solid 5px #135589; } .navbar { min-height: 1px; margin: 0; display: none; } .images_bnr { background-size: 100% 45%; } div.cta .cta_btn { display: block; margin: 0 auto; margin-bottom: 20px; padding: 4px 12px; font-size: 15px !important; } #contactForm .col-md-6 { margin-bottom: 30px; } div.mask a, div.mask p { font-size: 14px; } div.mask a { bottom: 5%; } .news_feeds .col-md-4, .news_feeds .col-md-6{ margin-left: 13%; float: left !important; } } @media (min-width: 480px) and (max-width: 768px) { .industry-icons .col-md-12 > a { width: 50%; float: left; } .news_feeds .news_avatar{ top: 0px; left: 5%; position: absolute; } #home_news > div > div.news_feeds > .row { position: relative; } } @media (max-width: 991px) { #top_links .lang-switch a, .top_links .lang-switch a { padding: 0 5px !important; margin-top:3px; } .cluster { position: relative !important; display: block !important; background: url(https://37c6ad.claudeassets.com/20210511190525im_/https://www.tbc-france.com/images/safe-cluster.png) no-repeat; width: 192px; height: 63px; } .latest-blog { position: initial !important; margin-top: 27px; } .inner-page.full-width.contact { margin-top: 7px; } .event-banner{position: relative !important; top: 0;} .tbc-fr-icon-box dd { width: 44% !important; } .spec-block .green-btn{ padding: 30px 20px; } .banner_container { margin: -34px -10px 0 -10px; } .bnr-side-container { bottom: 31px; width: 74%; } .spec-block { min-height: 0; left: 0; } .white-block { min-width: initial; margin-top: 30px; } .about_banner { top: -23px; } .inner-page .main { margin: 0 10px 50px 10px; } .inner-page .main .container-fluid { margin-right: 0; } .inner-page.full-width .container-fluid { margin-right: 15px; } .robot-img h4.bobby-title, .robot-img h4.jack-title { position: initial; } .home-wrapper { margin-top: 0; } .side-bar-nav #MainMenu .list-group a{ margin-right:20px; } .home_banner { top: 0px; } .home-bg, .about-bg { height: auto; background: none; } .bobby, .jack, .home-content { margin-bottom:0; } .navbar-nav { float: left; padding-left: 5%; width: 100%; margin-top: 40px; } #main_nav ul.nav.navbar-nav:before, .navbar-nav > li:first-child::before { display: none; } .mask a { bottom: 1%; margin: 0 5em; } .mask a, .mask p { font-size: 12px; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .home_banner h2{ font-size: 1.2em; } .milipol-en, .milipol-fr { position: relative !important; bottom: -26px !important; margin: initial !important; left: initial !important; float: right; } .robot-img h4.jack-title { left: -38px; } .robot-img h4.bobby-title { right: 6px; } .robot-block { min-height: 382px; } } @media (min-width: 992px) { div#comments-container { padding: 2em 2.5em; } .single-post h2 { font-size: 28px; } .post h3 a, .single-post h2 { line-height: 1.3em; text-decoration: none; } .right_news { padding: 30px 30px 0 43px; min-height: 400px; } .right_news h2 { font-size: 45px; } .blog-posts h3, .cta h3 { font-size: 26px; } .news_feeds .col-md-1:before { border-left: 1px dashed #b5b2b2; content: " "; left: 50%; min-height: 105px; position: absolute; top: 35%; transform: translateY(-35%); -webkit-transform: translateY(-35%); width: 1px; } .news_feeds .news_avatar { top: -28px; } .badges.sln:before { background-color: red; width: 20px; height: 1px; position: absolute; content: ""; top: 50%; right: -21px; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 101; } .badges.sln:after { background-color: red; width: 20px; height: 1px; position: absolute; content: ""; top: 50%; left: -19px; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .service_div { width: 58%; } .navbar-nav>li:last-child>.dropdown-menu { margin-left: 0; right:0 ; left: initial; } .industry-icons { border-left: solid 1px #dbddd8; } .industry-icons .col-md-6.row { width: 55%; } .right_news { width: 37.8%; } #main_nav > div > div.col-md-9.col-sm-12.col-xs-12 > nav { margin-bottom: 2px; } .blog .blog-posts { margin-top: -283px; margin-bottom: 10px; } .blog-posts .post { margin: 0 1.8em; } div.mask a { margin: 0 3em; top: 85% } div.team-member .mask p { font-size: 13px; } [id^=memberModal] .col-md-8 p{ padding: 15px; } [id^=memberModal] .close{ margin-top: 0px; } .youtube{ float: right } .bobby { margin-top: 2.4% !important; left: auto; position:relative; top: 0; float: right; clear: both; right: 0; } } @media (min-width: 320px) and (max-width: 767px) { .milipol-en, .milipol-fr { position:relative !important; bottom:-20px !important; max-width: 100%; background-size: contain !important; } #top_links .lang-switch a, .top_links .lang-switch a { padding: 0 5px !important; } .inner-image-bnr { min-height: 220px; background-size:cover !important; } .bnr-side-container{width:100%;} .bnr-side-container .left, .bnr-side-container .right{ position: initial; max-width:100%; margin:0 0 15px 0;} #navbar .navbar-nav>li>.dropdown-menu li a { color: #123a5d; } .news_feeds .news_avatar { display:none; } .news_feeds .col-xs-offset-2 { position: relative; margin-left: 9%; margin-bottom: 15px; } .col-md-4.col-sm-10.col-xs-10.col-md-offset-1.col-xs-offset-2.col-sm-offset-2.pull-right{ float: left !important; } } @media (min-width: 320px){ .g-recaptcha { margin: 0 auto; width: 304px; margin-top: 11px; transform: scale(0.9); transform-origin: 0 0 0; margin-bottom: 11px; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .navbar-header { float: none; } .navbar-header{ display: inline-block; } .navbar-toggle { display: none; } .one-half{width:50%; float:left; padding:0 5px;margin-bottom: 40px;} .navbar-header.parent-active{ width: 100%; } .mobile-menu .side-bar-position{ display: none; } .home_banner { top: 0; } .home-wrapper { margin-top: -756px; } } /**Modal css**/ #footer div.modal-body:after{ top: -7px; } .modal h2 { color: #fff; } .modal-content{ border-radius:2px; letter-spacing: 0.05em; line-height: 1.6em; } .modal-footer, .modal-header { border: none; text-align: center; } #footer .modal-body, #footer .modal-footer { background: #135589; } #footer .modal-footer { padding: 0 5% 18%; } .modal-body .social_icons a { pointer-events: none; cursor: default; } #top_links ol.social_icons{ list-style-type: none; display: inline-block;float:right;} #top_links ol.social_icons li{float:left; margin:0 25px 0 0;} #top_links .social_icons a{ background:url(https://8dfb76.claudeassets.com/20210511190525im_/https://www.tbc-france.com/images/social-icons.png) no-repeat; width: 23px; height: 18px; display: block; padding: 0; } #top_links a.youtube{background-position: -27px 1px;} #top_links a.youtube:hover{background-position: -27px -18px;} #top_links a.twitter{background-position: 0 2px;} #top_links a.twitter:hover{background-position: 0 -17px;} #top_links a.googlep{background-position: -56px 0;} #top_links a.googlep:hover{background-position: -56px -19px;} #top_links .top-menu .social_icons a.linkedin{background-position: -78px 0;} #top_links .top-menu .social_icons a.linkedin:hover{background-position: -78px -19px !important;} .modal .logo { display: inline-block; float: left; background: url(https://7cb85e.claudeassets.com/20210511190525im_/https://www.tbc-france.com/images/sln-logo.png) no-repeat; width: 170px; margin-top: 0; background-position: 15px; height: 53px; background-size: 50%; } .modal-header span.glyphicon.glyphicon-remove:after { content: "close"; vertical-align: 4px; padding-left: 3px; text-transform: uppercase; font-family: 'Raleway', sans-serif; font-size: 14px; } #footer .modal a.btn.btn-primary.btn-lg { background-color: #f4f9fd; color: #135589; } .team-member { position: relative; height: 100%; } .member-container:after{ content:""; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.7); opacity:0; transition: all 0.5s; -webkit-transition: all 0.5s; z-index: 1; } .member-container:hover:after { opacity:1; } .mask { opacity: 0; } .member-container:hover .mask { opacity: 1; z-index: 2; } .mask p, .mask a { position: absolute; } .mask a { left: 0; right: 0; transform: translateY(-87%); -ms-transform: translateY(-87%); -webkit-transform: translateY(-87%); padding: 4px 1px; } @media (min-width: 1200px) { div.mask p{ font-size: 13px; } div.mask a{ font-size: 14px; } } @media (min-width: 1400px) { .mask a { margin: 0 5em; font-size: 13px; } .member-container .mask p { font-size: 14px; line-height: 1.5em; } } .member-container .mask p { top: 47%; transform: translateY(-63%); -ms-transform: translateY(-63%); -webkit-transform: translateY(-63%); padding: 15px; } .member-container:hover p, .member-container:hover .mask a { position: absolute; opacity: 1; } .member-container:hover .mask p { transition-delay: 0.1s; z-index: 3; } .member-container:hover .mask a { transition-delay: 0.3s; color: #fff; z-index: 4; } .member-image img, .post img { width: 100%; } .mask, .mask a { color: #fff; } .mask a:hover{ color: #bfdef2; } .team-member .mask a:before, .team-member .mask a:after { border-color: #fff; } .member-desgn { color: #5d5d5d; font-size: 15px; font-family: 'PT Sans', sans-serif; font-style: italic; text-transform: none; margin-top: -6px; min-height: 33px; padding: 0 5px; } [id^=memberModal] .member-desgn { min-height:1px; padding: 0; } .member-container { border: solid 1px #000; background: #f8f8f7; position:relative; margin-bottom: 45px; } .team-container { margin: 25px 0 57px; } .team-container .row { margin-bottom: 50px; } @media (min-width: 580px) and (max-width: 767px){ .cta .cta_btn{ display: block; } .logo { margin-top:15px; } } @media (max-width: 580px) { #call-back .modal-body input { min-width: auto !important; width: 100%; } .top_links .lang-switch a{ float: left; margin-right: 4px; } .contact-block .white-block dd span{display:block;} .contact .contact-block .white-block { padding: 20px 10px;} .contact .contact-block .col-md-5{padding:0;} .robot-block { padding: 95px 20px 20px;} .tbc-fr-icon-box dd { width: 100% !important; } .logo { margin-top:15px; } .inner-image-bnr { min-height: 220px; background-size:cover !important; } .bnr-side-container{width:100%;} .bnr-side-container .left, .bnr-side-container .right{ position: initial; max-width:100%; margin:0 0 15px 0;} } .inner-page .main .container-fluid.page-title, .inner-page.full-width .container-fluid.page-title{ padding-left: 0; } .tbc-fr-icon-box{ float: left } .tbc-fr-icon-box dd { clear: none; margin: 15px 2%; width: 16%; text-align: center; background-color: #ffffff; } .tbc-fr-icon-box dd img { display: block; margin: 5px auto; } .cluster{left: -2px;background: url(https://37c6ad.claudeassets.com/20210511190525im_/https://www.tbc-france.com/images/safe-cluster.png) no-repeat;width: 192px;height: 63px;position: absolute;bottom: 22px;} .milipol-fr { background: url(https://19c88a.claudeassets.com/20210511190525im_/https://www.tbc-france.com/images/banner-milipol-fr.jpg) no-repeat; } .milipol-en{ background: url(https://9ab781.claudeassets.com/20210511190525im_/https://www.tbc-france.com/images/banner-milipol-en.jpg) no-repeat; } .milipol-en, .milipol-fr { width: 800px; height: 98px; position: absolute; bottom: 0; margin: 0 auto; left: 0; right: 0; max-width: 100%; background-size:contain; margin-bottom: 11px; display: block; } a:hover span{ text-decoration: none !important; } .inner-page .nav-tabs li:before{ background-image: none; } .inner-page .tab-content{ padding: 20px 0 20px; margin-top: -9px; border-top: 1px solid #b5950a; border-bottom: 1px solid #b5950a; } .inner-page .tab-content ul{ padding: 5px 28px; margin-bottom: 0 } .inner-page .nav-tabs{ border: medium none } .inner-page a.block-btn-text{ text-decoration: none; border-bottom: 2px solid #576300; color: #576300; font-family: 'Roboto', sans-serif; font-weight: 500; position: relative; line-height: 30px; } .inner-page a.block-btn-text:after{ content: ''; height: 8px; width: 8px; border: 2px solid #576300; position: absolute; bottom: -5px; border-radius: 5px; right: auto } /*.inner-page a.block-btn-text:before{ content: ''; height: 0; width: 0; position: absolute; bottom: -2px; left: 0; }*/ .inner-page a.block-btn-text:hover{ color: #b5950a; border-bottom: 2px solid #b5950a; } /*.inner-page a.block-btn-text:hover:before{ content: ''; width: 100%; border-bottom: 2px solid #b5950a; position: absolute; transition: 0.4s width ease-out; }*/ .inner-page a.block-btn-text:hover:after{ content: ''; border: 2px solid #b5950a; border-radius: 5px; background: #b5950a; transition: 0.4s border ease-out, 0.2s background 0.4s ease-out; } .robot-img.box-panel img { border: 4px solid #eee; } .innerpage_logo_bottom td{ padding: 15px; } .innerpage_logo_bottom.padding-top{ float: right; } .inner-page .content-img-text{ overflow: hidden } .inner-page .content-img-text > p:first-child{ margin-bottom: 0 !important } @media all and (max-width: 640px){ .innerpage_logo_bottom td{ display: block; text-align: center } .innerpage_logo_bottom td{ width: 100% } .inner-page .robot-img img, .inner-page .content-img-text img{ width: 100% !important; height: 100% !important; } .inner-page .content-img-text img{ padding: 10px !important } .inner-page a.block-btn-text::after{ display : none; } } @media all and (min-width: 641px){ .innerpage_logo_bottom.padding-top td:first-child{ padding-top: 0 !important; } .innerpage_logo_bottom td:first-child{ padding-right: 7px !important; } .innerpage_logo_bottom td:last-child{ padding-left: 7px !important } .innerpage_logo_bottom td:nth-child(2){ padding-left: 0 !important; padding-right: 0 !important } } .inner-page .nav-tabs li.active a { background-color: #b5950a; color: #ffffff; border-color: #b5950a } .inner-page .nav-tabs li a{ text-decoration: none; border-color: #b5950a } @-moz-document url-prefix() { .inner-page a.block-btn-text:after{ bottom: -35px; } } .video-thumb, button.video-thumb { border:none; background:none; outline:none; padding-top:10px; } .padding_l_0 { padding-left:0; } #video .modal-body { padding: 23px 23px 18px 23px; } .top_links button.call-back{ position:absolute; top:-8px; right:80px; } #top_links button.call-back, .top_links button.call-back { color:#14193a; font-weight:500; padding-left:28px; border: none; background: none; outline: none; display: inline-block !important; padding: 10px 40px 0 28px; } #top_links button.call-back::after, .top_links button.call-back::after { content:" " !important; background:url(https://8dfb76.claudeassets.com/20210511190525im_/https://www.tbc-france.com/images/social-icons.png) no-repeat -51px 0 !important; width: 23px; height: 18px; display: block !important; position: relative; top: -9px; left: -28px; } .top_links button.call-back::after { top: -20px !important; } #top_links button.call-back:hover, .top_links button.call-back:hover{ color: #b5950a !important; } #top_links button.call-back:hover::after, .top_links button.call-back:hover::after { background:url(https://8dfb76.claudeassets.com/20210511190525im_/https://www.tbc-france.com/images/social-icons.png) no-repeat -51px -19px !important; } #call-back{text-align: center; margin: 0 auto;} #call-back .modal-body { border:3px solid #14193a; background:#f7f7f7; } #call-back .modal-body p, #successmsgdiv p{color:#0e1128; font-weight:500; } #successmsgdiv p{padding:65px 10px; font-size:20px; text-align:center;} #call-back .modal-body input { padding:5px;; min-width:300px; } #call-back .btn { background:#0e1128 !important; padding:10px 40px; display:block !important; margin:20px auto 10px; } #call-back .btn:hover { background: #b5950a !important; } #call-back button.close { opacity:1; right: 9px; top: -3px; } #successmsgdiv { position: absolute; width: 760px; min-height: 163px; overflow: hidden; left: 50%; margin-left: -382px; top: 254px; margin-top: -250px; background-color: #f7f7f7; border: 0; } #callback label.error { display: block; } .home-content{background: rgba(255, 255, 255, 0.85);padding: 13px;text-align:justify;} .home-content a{color:#bb8e0c} .home-content a:hover{color: #576300;} .blue {background: rgba(20, 25, 57, 0.85) !important; border:1px solid #141939; border-radius:10px;} .blue p, .gray p, .gray strong { color:#fff;} .gray {background: rgba(20, 25, 57, 0.85) !important; border:1px solid #141939;border-radius:10px} .blue a.tbc-btn, .gray a.tbc-btn { color: #fff; border-bottom: 2px solid #fff; } .blue a.tbc-btn:after, .gray a.tbc-btn:after { border: 2px solid #fff; } .blue a.tbc-btn:hover, .gray a.tbc-btn:hover{ color:#b5950a; border-bottom: 2px solid #b5950a; } .blue a.tbc-btn:hover:after, .gray a.tbc-btn:hover:after { border: 2px solid #b5950a; } .home-wrapper .youtube{ /*padding-top: 15px; overflow: hidden; text-align: center; margin-top: 25px;*/ position: absolute;right: 0.8%;bottom: -25%;border-radius: 0px !important; } .home-wrapper .youtube .pad{float: left;width: 100%;padding: 10px;} .home-wrapper .youtube p{margin: 0px;font-family: 'Oswald', sans-serif;font-size:21px} .home-wrapper .youtube img{width: 100%;object-fit: cover;} .home-wrapper .youtube a{ position: relative; display : block; margin-bottom: 0px;margin-top: 15px; } .home-wrapper .youtube a:after{ position: absolute; content : " "; background-color: rgba(0,0,0,0.4); width: 100%; height: 100%; top: 0; z-index: 99; left: 0; } .home-wrapper .youtube a:before{ position: absolute; background:url('https://7293bf.claudeassets.com/20210511190525im_/https://www.tbc-france.com/media/7713/play_btn.png') no-repeat left top; z-index: 999; font-family: "Font Awesome 5 Free"; font-size: 3em; left: 42%; top: 34%; width:73px; height:53px; content:''; } .home-wrapper .youtube a:hover:before{ color: #b5950a } @media all and (min-width: 992px){ body article.home_banner div.home-wrapper{ position: absolute; top: 36%; transform: translateY(-50%); -webkit-transform: translateY(-50%); margin-top: 0 !important } } .container-fluid.home-wrapper .cnImg{float: right;width: 150px;} .container-homepage{width:100%;float:left;} .container-homepage .rowfull{width:100%;float:left;padding: 5% 1.5%;} .container-homepage .rowfull .col{width:50%;float:left;} .container-homepage .rowfull .col.col-left{} .container-homepage .rowfull .col.col-left .cnDesc{width:60%;float:left;background:rgba(255,255,255,0.8);} .container-homepage .rowfull .col.col-left .title{font-family: 'Oswald';font-size:21px;font-weight:500;color:#000000;} .container-homepage .rowfull .col.col-left .text{color: #000;font-weight: 400;font-size:16px;} .container-homepage .rowfull .col.col-left .text a{color:#bb8e0c;} .container-homepage .rowfull .col.col-left .text a:hover{color:#576300;} .container-homepage .rowfull .col.col-right{} @media screen and (min-width: 0px) and (max-width: 719px) { #footer, .footer a {position: inherit !important; bottom: 0px;width: 100%;float: left;} .container-fluid.home-wrapper .cnImg {float: initial;margin: 0 auto;} .latest-blog{padding-bottom: 30px;} } @media screen and (min-width: 720px) and (max-width: 1023px) { .latest-blog{position: relative !important;top: -165px;} #footer, .footer a {position: inherit !important; bottom: 0px;width: 100%;float: left;} } @media screen and (min-width: 1024px) and (max-width: 1199px) { .home-wrapper .col-md-3 {width: 50% !important;} } @media screen and (min-width: 1200px) and (max-width: 1366px) { body article.home_banner div.home-wrapper {position: absolute;top: 40%;} .home_banner h1 {font-size: 18px;margin:0 0 10px 0 ;} .home_banner p{font-size: 14px;} .home-wrapper .col-lg-3 {width: 40%;} .home-wrapper .youtube { bottom: -55%;} .latest-blog {bottom: 16%;} .home-blog-sec {top: -15px;} } @media screen and (min-width: 1400px) and (max-width: 1680px) { .home-wrapper .youtube { bottom: 2%!important;} } .home-wrapper .youtube:hover a::before { background: url('https://f19aca.claudeassets.com/20210511190525im_/https://www.tbc-france.com/media/7714/play_btn-hover.png') no-repeat left top; } /* FILE ARCHIVED ON 00:59:54 Oct 14, 2019 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 12:00:56 Aug 07, 2026. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.601 exclusion.robots: 0.047 exclusion.robots.policy: 0.035 esindex: 0.013 cdx.remote: 7.868 LoadShardBlock: 238.777 (3) PetaboxLoader3.datanode: 96.145 (5) PetaboxLoader3.resolve: 392.922 (3) load_resource: 412.794 (2) */