/* Theme Name: Nautica Theme */ /* --------------------------------------------------- General :: Global --------------------------------------------------- */ @font-face { font-family: 'PTSansRegular'; src: url('https://www.nbs-system.com/wp-content/themes/nautica/fonts/PTS55F-webfont.eot'); src: url('https://www.nbs-system.com/wp-content/themes/nautica/fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.nbs-system.com/wp-content/themes/nautica/fonts/PTS55F-webfont.woff') format('woff'), url('https://www.nbs-system.com/wp-content/themes/nautica/fonts/PTS55F-webfont.ttf') format('truetype'), url('https://www.nbs-system.com/wp-content/themes/nautica/fonts/PTS55F-webfont.svg#PTSansRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PTSansItalic'; src: url('https://www.nbs-system.com/wp-content/themes/nautica/fonts/PTS56F-webfont.eot'); src: url('https://www.nbs-system.com/wp-content/themes/nautica/fonts/PTS56F-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.nbs-system.com/wp-content/themes/nautica/fonts/PTS56F-webfont.woff') format('woff'), url('https://www.nbs-system.com/wp-content/themes/nautica/fonts/PTS56F-webfont.ttf') format('truetype'), url('https://www.nbs-system.com/wp-content/themes/nautica/fonts/PTS56F-webfont.svg#PTSansItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PTSansBold'; src: url('https://www.nbs-system.com/wp-content/themes/nautica/fonts/PTS75F-webfont.eot'); src: url('https://www.nbs-system.com/wp-content/themes/nautica/fonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.nbs-system.com/wp-content/themes/nautica/fonts/PTS75F-webfont.woff') format('woff'), url('https://www.nbs-system.com/wp-content/themes/nautica/fonts/PTS75F-webfont.ttf') format('truetype'), url('https://www.nbs-system.com/wp-content/themes/nautica/fonts/PTS75F-webfont.svg#PTSansBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PTSansBoldItalic'; src: url('https://www.nbs-system.com/wp-content/themes/nautica/fonts/PTS76F-webfont.eot'); src: url('https://www.nbs-system.com/wp-content/themes/nautica/fonts/PTS76F-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.nbs-system.com/wp-content/themes/nautica/fonts/PTS76F-webfont.woff') format('woff'), url('https://www.nbs-system.com/wp-content/themes/nautica/fonts/PTS76F-webfont.ttf') format('truetype'), url('https://www.nbs-system.com/wp-content/themes/nautica/fonts/PTS76F-webfont.svg#PTSansBoldItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PTSansCaptionRegular'; src: url('https://www.nbs-system.com/wp-content/themes/nautica/fonts/PTC55F-webfont.eot'); src: url('https://www.nbs-system.com/wp-content/themes/nautica/fonts/PTC55F-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.nbs-system.com/wp-content/themes/nautica/fonts/PTC55F-webfont.woff') format('woff'), url('https://www.nbs-system.com/wp-content/themes/nautica/fonts/PTC55F-webfont.ttf') format('truetype'), url('https://www.nbs-system.com/wp-content/themes/nautica/fonts/PTC55F-webfont.svg#PTSansCaptionRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PTSansCaptionBold'; src: url('https://www.nbs-system.com/wp-content/themes/nautica/fonts/PTC75F-webfont.eot'); src: url('https://www.nbs-system.com/wp-content/themes/nautica/fonts/PTC75F-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.nbs-system.com/wp-content/themes/nautica/fonts/PTC75F-webfont.woff') format('woff'), url('https://www.nbs-system.com/wp-content/themes/nautica/fonts/PTC75F-webfont.ttf') format('truetype'), url('https://www.nbs-system.com/wp-content/themes/nautica/fonts/PTC75F-webfont.svg#PTSansCaptionBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PTSansNarrowRegular'; src: url('https://www.nbs-system.com/wp-content/themes/nautica/fonts/PTN57F-webfont.eot'); src: url('https://www.nbs-system.com/wp-content/themes/nautica/fonts/PTN57F-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.nbs-system.com/wp-content/themes/nautica/fonts/PTN57F-webfont.woff') format('woff'), url('https://www.nbs-system.com/wp-content/themes/nautica/fonts/PTN57F-webfont.ttf') format('truetype'), url('https://www.nbs-system.com/wp-content/themes/nautica/fonts/PTN57F-webfont.svg#PTSansNarrowRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PTSansNarrowBold'; src: url('https://www.nbs-system.com/wp-content/themes/nautica/fonts/PTN77F-webfont.eot'); src: url('https://www.nbs-system.com/wp-content/themes/nautica/fonts/PTN77F-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.nbs-system.com/wp-content/themes/nautica/fonts/PTN77F-webfont.woff') format('woff'), url('https://www.nbs-system.com/wp-content/themes/nautica/fonts/PTN77F-webfont.ttf') format('truetype'), url('https://www.nbs-system.com/wp-content/themes/nautica/fonts/PTN77F-webfont.svg#PTSansNarrowBold') format('svg'); font-weight: normal; font-style: normal; } /* Page :: Login WDP */ body.login { background: url("images/nbs-home-main-bkg.jpg") repeat-x scroll 0 0 #FAFAFA; float:left; } body.login #login h1 a { background: url("images/nbs-system.png") no-repeat scroll center top transparent!important; height: 85px!important; margin-top: 85px!important; width: 320px!important; } .login form { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position: -1248px 0px; border: 0 none; box-shadow: 0 0 0; float: left; height: 356px; margin: 0; padding: 76px 25px; position: relative; width: 315px; } .login label { color: #4E5555; font-size: 14px; } .login #nav, .login #backtoblog { background: none repeat scroll 0 0 transparent; color: #313030; margin: 0; padding: 0; text-align: center; text-shadow: 0 0 0 #FFFFFF; } /*===========================================================================*/ .beopen-boxed-layout { overflow: hidden; } .beopen-boxed-layout .container { width: 980px; margin: auto; display: block; } /* float clearing for everyone else */ .clearfix:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0; } vid { border:0; } hr { border-top: 1px solid #fff; } .no-margin { margin:0!important; } .min-margin-top { margin-top:20px!important; } /* selection */ *::selection { background:#ddd; } *::-moz-selection { background:#ddd; } *::-webkit-selection { background:#ddd; } /* Global */ h1, h2, h3, h4, h5, h6 { font-family: 'PTSansRegular', Arial, Verdana, sans-serif; font-weight: normal; } h1, h2, h3, h4, h5 { color:#25487A; } h1 a, h2 a, h3 a, h4 a, h5 a { color:#25487A; } #recaptcha_table { margin-bottom: 10px !important; } /* --------------------------- General :: Buttons --------------------------- */ a { transition: color 0.2s, background-color 0.2s; -moz-transition: color 0.2s, background-color 0.2s; -webkit-transition: color 0.2s, background-color 0.2s; -o-transition: color 0.2s, background-color 0.2s; } a:hover { transition: color 0.6s, background-color 0.6s; -moz-transition: color 0.6s, background-color 0.6s; -webkit-transition: color 0.6s, background-color 0.6s; -o-transition: color 0.6s, background-color 0.6s; } input[type='submit'], button, a.button { transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; border-radius: 2px; } a:hover, a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 { color:#2BA6CB; } a.readmore { background: none repeat scroll 0 0 #434444; font-size: 13px; font-style: normal; font-family: 'PTSansItalic'; font-weight: normal; line-height: 13px; padding:6px 10px 5px; text-shadow: 0 1px 0 #434444; } /* --------------------------- General :: Images --------------------------- */ img { max-width: 100% !important; height:auto !important; border:0 none!important; } /* Add Class for Images */ img.alignright { float: right; margin: 0 0 18px 18px; } img.alignleft { float: left; margin: 0 18px 0 0; } img.aligncenter { display: block; margin: 18px auto; } /* Add HTML5 Class for Images */ figure img { height: auto; border: 1px solid #DDD; margin: 0 auto; display: block; box-shadow: 0px 2px 10px #ddd; -moz-box-shadow: 0px 2px 10px #ddd; -webkit-box-shadow: 0px 2px 10px #ddd; border-image: initial; } /* Add HTML5 Caption Class for Images */ figure.figure { margin: 0 auto; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; display: inline-block; } figure.figure figcaption { padding: 8px 10px; font-size: 13px; font-size: 1.3rem; line-height: 18px; color: #555; } figure.alignright.figure { float: right; margin: 0 0 18px 18px; } figure.alignleft.figure { float: left; margin: 0 18px 18px 0; } /* --------------------------- General :: Extra --------------------------- */ /*HTML*/ html {background-color:#303131;} /* Sidebar Adjustment */ .sidebar-section { font-size: 13px; font-size: 1.3rem; font-weight: normal; } .sidebar-section h6 strong { font-weight: normal; padding-right: 13px; font-size: 16px; color: #434444; } .sidebar-section ul li ul li { margin-left: 15px; font-size: 13px; } /* Footer Nav */ .footer-section { font-size: 13px; font-size: 1.3rem; font-weight: normal; } .footer-nav li { display: block; float: left; font-size: 14px; } .footer-nav li a { color: #949494; } .footer-nav li a:hover { color: #6d6d6d; } .footer-nav ul.children li { display: block; float: none; font-weight: normal; padding-left: 0; font-size: 12px; } .footer-nav ul.sub-menu li { display: block; float: none; font-weight: normal; padding-left: 0; } .footer-nav ul.sub-menu li a { color: #a8a5a5; } .footer-nav ul.sub-menu li a:hover { color: #929292; } .footer-nav ul.sub-menu li ul.sub-menu li { padding-left: 0px; font-size: 13px; } /* Breadcrumb Adjustment */ #breadcrumbs { color:#999; height:20px; display:block; clear:both; } #breadcrumbs a { padding-left: 0; text-decoration: none; color:#999; } #breadcrumbs a:hover { color: #434444; text-decoration: none; } #breadcrumbs strong { font-weight:700; color: #434444; } /* Comment Textarea Adjustment */ #respond textarea { height: 100px; } /* ------------------------------------------------------- General :: Pagination ---------------------------------------------------- */ .reverie-pagination { display: block; clear:both; margin:0; float:left; } ul.page-numbers { clear: both; display: block; float: left; height: 26px; margin: 0 40px; } ul.page-numbers li {float: left; display: block; height: 24px; color: #999; font-size: 14px; margin-left: 5px; border-radius: 2px; } ul.page-numbers li a { display: block; padding: 2px 8px 2px; color: #555; background: #f8f8f8; box-shadow:inset 0 0px 1px #eaeaea;} ul.page-numbers li:hover a, ul.page-numbers li a:focus { background: #25487A; color: #fff; margin-top: 0px;} ul.page-numbers li.unavailable a { cursor: default; color: #999; } ul.page-numbers li.unavailable:hover a,ul.page-numbers li.unavailable a:focus { background: transparent; } ul.page-numbers li span.current { background: none repeat scroll 0 0 #25487A; color: #FFFFFF; cursor: default; display: block; padding: 2px 9px; } /* --------------------------- General :: BuddyPress --------------------------- */ .padder label + textarea { margin-top: 0; } .padder #item-body #message-threads .thread-avatar img { max-width: 50px; } ul.item-list.activity-list li.new_blog_post { padding-bottom: 15px; } .padder select { display: inline-block; } .padder div.item-list-tabs { margin: 25px 0; } .padder form#whats-new-form textarea { height: 30px; } .padder .button { display: inline; } /* ----------------------------- General :: Videos ----------------------------- */ .video { margin-bottom: 0px; } iframe { border: 0 !important; } .work .video iframe { height: 150px; } .work .video { height: 150px; } /* ----------------------------- General :: Revolution Slider ----------------------------- */ .tp-simpleresponsive .caption { /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;*/ position:absolute; } .slotholder > img { max-width:none; } .caption.big_white { color: #fff; font-size: 35px; line-height: 35px; font-weight: normal; font-family: 'PTSansBold'; } .caption.small_white { color: #fff; font-size: 20px; line-height: 28px; } .caption.big_black { color: #2c2c2c; font-size: 35px; line-height: 35px; font-weight: normal; font-family: 'PTSansBold';} .caption.big_black_bg { background-color: #2c2c2c; color: #fff; font-size: 35px; line-height: 35px; font-weight: normal; font-family: 'PTSansBold'; padding: 5px 10px; } .caption.small_black_bg { color: #fff; font-size: 30px; line-height: 38px; background-color: #2c2c2c; padding: 5px 10px; } .caption.big_white_bg { background-color: #fff; color: #414141; font-size: 35px; line-height: 35px; font-weight: normal; font-family: 'PTSansBold'; padding: 5px 10px 7px; -webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.2); } .caption.big_white_bg_2 { background-color: #fff; color: #414141; font-size: 27px; line-height: 27px; font-weight: normal; font-family: 'PTSansBold'; padding: 5px 10px 7px; -webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.2); } .caption.small_white_bg { color: #414141; font-size: 20px; line-height: 28px; background-color: #fff; padding: 5px 10px 6px; -webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.2); } .caption.boxshadow { -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); } .caption.noshadow { text-shadow: none; } .tp-leftarrow.large { z-index:100; cursor:pointer; position:relative; background: url(images/portfolio-arrows.png) no-repeat top left; width:35px; height:36px; margin-left:20px; margin-top:-23px; background-color: #46BED8; } .tp-rightarrow.large { z-index:100; cursor:pointer; position:relative; background: url(images/portfolio-arrows.png) no-repeat top right; width:35px; height:36px; margin-left:-20px; margin-top:-23px; background-color: #46BED8; } .tp-bannertimer { width:100%; height:7px; background:url(images/timer.png); position:absolute; z-index:200; } .tp-bullets { z-index:100; position:absolute; bottom:-25px !important; } .tp-bullets.simplebullets .bullet { cursor:pointer; position:relative; background: #c6c6c6; width:12px; height:12px; -webkit-border-radius: 12px; border-radius: 12px; margin:3px; float:left; } .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected { background: #949494; } .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-simpleresponsive ul { list-style:none; padding:0; margin:0; } .tp-simpleresponsive >ul li { list-style:none; position:absolute; visibility:hidden; } .caption.slidelink a div { width:10000px; height:10000px; } .tp-loader { background:url(images/loading.gif) no-repeat; background-color:#fff; margin:-15px -15px; top:50%; left:50%; z-index:10000; position:absolute; width:30px; height:30px; } .fullwidthbanner-container { width:100% !important; position:relative; padding:0; overflow:hidden; } .fullwidthabanner ul { overflow: inherit; } .fullwidthabanner ul li { padding: 0; background: none; } .fullwidthabanner img { max-width: none; display: block; } .bannercontainer { width: 100%; position:relative; } .rev_slider { position:relative; overflow:hidden; } .bannercontainer ul { overflow: inherit; } .bannercontainer li { padding: 0; background: none; list-style: none; } .rev_slider img { max-width: none; display: block; } .rev-shadow-top { position: absolute; background-image: url(images/shadow-top.png); background-repeat: no-repeat; background-position: top center; height: 42px; width: 100%; top: 0; z-index: 100; } /************************ - NAVIGATION - *************************/ /** BULLETS **/ .tp-bullets { z-index:100; position:absolute; bottom:10px; } .tp-bullets.simplebullets { bottom:10px;} .tp-bullets.simplebullets.navbar { bottom:-20px; background:url(revslider/rs-plugin/assets/navigdots_bgtile.png); height:35px; padding:0px 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;margin-top:-17px;} .tp-bullets.simplebullets .bullet { cursor:pointer; position:relative; background:url(revslider/rs-plugin/assets/bullets.png) no-Repeat bottom left; width:23px; height:23px; margin-right:0px; float:left; margin-top:-12px;} .tp-bullets.simplebullets .bullet.last { margin-right:0px;} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square .bullet { cursor:pointer; position:relative; background:url(revslider/rs-plugin/assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:-10px;} .tp-bullets.simplebullets.square .bullet.last { margin-right:0px;} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar .bullet { cursor:pointer; position:relative; background:url(revslider/rs-plugin/assets/navigdots.png) no-Repeat bottom left; width:15px; height:15px; margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px;} .tp-bullets.simplebullets.navbar .bullet.first { margin-left:30px !important;} .tp-bullets.simplebullets.navbar .bullet.last { margin-right:30px !important;} .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected { background-position:top left; } /************************************* - TP ARROWS - **************************************/ .tp-leftarrow { z-index:100;cursor:pointer; position:relative; background:url(revslider/rs-plugin/assets/arrow_left.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:-13px; } .tp-rightarrow { z-index:100;cursor:pointer; position:relative; background:url(revslider/rs-plugin/assets/arrow_right.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:-13px;} .tp-leftarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(revslider/rs-plugin/assets/arrowleft.png) no-Repeat top left; width:9px; height:16px; float:left; margin-right:-20px; margin-top:-8px;} .tp-rightarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(revslider/rs-plugin/assets/arrowright.png) no-Repeat top left; width:9px; height:16px; float:left; margin-left:-20px; margin-top:-8px;} .tp-leftarrow.navbar.thumbswitharrow { margin-right:10px; } .tp-rightarrow.navbar.thumbswitharrow { margin-left:0px; } .tp-leftarrow.square { z-index:100;cursor:pointer; position:relative; background:url(revslider/rs-plugin/assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:-9px;} .tp-rightarrow.square { z-index:100;cursor:pointer; position:relative; background:url(revslider/rs-plugin/assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:-9px;} .tp-leftarrow.large { z-index:100;cursor:pointer; position:relative; background:url(revslider/rs-plugin/assets/arrow_large_left.png) no-Repeat top left; width:46px; height:46px; margin-left:20px; margin-top:-23px; } .tp-rightarrow.large { z-index:100;cursor:pointer; position:relative; background:url(revslider/rs-plugin/assets/arrow_large_right.png) no-Repeat top left; width:46px; height:46px; margin-left:-20px; margin-top:-23px; } .tp-leftarrow:hover, .tp-rightarrow:hover { background-position:bottom left; } .tp-leftarrow, .tp-rightarrow { background: url(images/slider-arrows.png) no-repeat !important; } .tp-leftarrow { background-position: 0px -50px !important; } .tp-rightarrow { background-position: -50px -50px !important; } .tp-leftarrow:hover { background-position: 0px 0px !important; } .tp-rightarrow:hover { background-position: -50px 0px !important; } .rev_slider_wrapper .tp-leftarrow, .rev_slider_wrapper .tp-rightarrow { background-color: #46BED8 !important; } /* ----------------------------- General :: Flexslider ----------------------------- */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; overflow:hidden; } /* FlexSlider Necessary Styles *********************************/ .entry-images .flex-container { display: block; margin-bottom: 20px; } .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {margin: 0 0 0px; background: #fff; position: relative;/*border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);*/ zoom: 1;} .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .flex-direction-nav {height: 0;} .flex-direction-nav a {width: 25px; height: 24px; margin: -10px 0 0; display: block; background: url(images/nav-buttons-medium.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 100; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .flex-direction-nav .flex-next {background-position: 100% 0; right: 45px; } .flex-direction-nav .flex-prev {/*left: 45px;*/} .flexslider:hover .flex-next {opacity: 0.8; right: 0px;} .flexslider:hover .flex-prev {opacity: 0.8; left: 0px;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1 !important;} .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; margin-top: -30px; text-align: center;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; /**display: inline;*/} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .flex-control-paging li a:hover { background: #333; } .flex-control-paging li a.flex-active { background: #000; cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev {opacity: 1; left: 0;} .flex-direction-nav .flex-next {opacity: 1; right: 0;} } a.flex-prev, a.flex-next { background-color: #303131; } /* ----------------------------- General :: Tips ----------------------------- */ .tipsy { font-size: 14px; position: absolute; padding: 5px; z-index: 100000; } .tipsy-inner { background-color: #fff; color: #444; max-width: 200px; padding: 15px 18px 15px 18px; text-align: center; } /* Rounded corners */ .tipsy-inner { } /* Uncomment for shadow */ .tipsy-inner { box-shadow: 0 2px 10px #aaa; -webkit-box-shadow: 0 2px 10px #aaa; -moz-box-shadow: 0 2px 10px #aaa; } .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #fff; } /* Rules to colour arrows */ .tipsy-arrow-n { border-bottom-color: #fff; } .tipsy-arrow-s { border-top-color: #fff; } .tipsy-arrow-e { border-left-color: #fff; } .tipsy-arrow-w { border-right-color: #fff; } .tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;} .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;} .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; } .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; } /* --------------------------- General :: PhotoSwipe --------------------------- */ body.ps-active, body.ps-building, div.ps-active, div.ps-building { background: #000; overflow: hidden; } body.ps-active *, div.ps-active * { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: none; } body.ps-active *:focus, div.ps-active *:focus { outline: 0; } /* Document overlay */ div.ps-document-overlay { background: #000; } /* UILayer */ div.ps-uilayer { background: #000; cursor: pointer; } /* Zoom/pan/rotate layer */ div.ps-zoom-pan-rotate{ background: #000; } div.ps-zoom-pan-rotate * { display: block; } /* Carousel */ div.ps-carousel-item-loading { background: url(images/photoSwipe/loader.gif) no-repeat center center; } div.ps-carousel-item-error { background: url(images/photoSwipe/error.gif) no-repeat center center; } /* Caption */ div.ps-caption { background: #000000; background: -moz-linear-gradient(top, #303130 0%, #000101 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101)); border-bottom: 1px solid #42403f; color: #ffffff; font-size: 13px; font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif; text-align: center; } div.ps-caption * { display: inline; } div.ps-caption-bottom { border-top: 1px solid #42403f; border-bottom: none; min-height: 44px; } div.ps-caption-content { padding: 13px; display: block; } /* Toolbar */ div.ps-toolbar { background: #000000; background: -moz-linear-gradient(top, #303130 0%, #000101 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101)); border-top: 1px solid #42403f; color: #ffffff; font-size: 13px; font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif; text-align: center; height: 44px; display: table; table-layout: fixed; } div.ps-toolbar * { display: block; } div.ps-toolbar-top { border-bottom: 1px solid #42403f; border-top: none; } div.ps-toolbar-close, div.ps-toolbar-previous, div.ps-toolbar-next, div.ps-toolbar-play { cursor: pointer; display: table-cell; } div.ps-toolbar div div.ps-toolbar-content { width: 44px; height: 44px; margin: 0 auto 0; background-image: url(images/photoSwipe/icons.png); background-repeat: no-repeat; } div.ps-toolbar-close div.ps-toolbar-content { background-position: 0 0; } div.ps-toolbar-previous div.ps-toolbar-content { background-position: -44px 0; } div.ps-toolbar-previous-disabled div.ps-toolbar-content { background-position: -44px -44px; } div.ps-toolbar-next div.ps-toolbar-content { background-position: -132px 0; } div.ps-toolbar-next-disabled div.ps-toolbar-content { background-position: -132px -44px; } div.ps-toolbar-play div.ps-toolbar-content { background-position: -88px 0; } /* Hi-res display */ /*@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) { div.ps-toolbar div div.ps-toolbar-content { -moz-background-size: 176px 88px; -o-background-size: 176px 88px; -webkit-background-size: 176px 88px; background-size: 176px 88px; background-image: url(images/photoSwipe/icons@2x.png); } }*/ /* ----------------------------- General :: Social ----------------------------- */ [class*="socialicon-"] { display: block; width: 25px; height: 27px; float: right; color: #777; background-image: url('images/social.png'); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .portfolio [class*="socialicon-"] { background-image: url('images/social-grey.png'); } .portfolio [class*="socialicon-"]:hover { background-image: url('images/social.png'); } [class*="socialicon-"]:hover { color: #fff; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; background-color: #50a2ca; } .socialicon-facebook { background-position: -50px 0px; } .socialicon-facebook:hover { background-color: #3b5999; background-position: -50px -28px; } .socialicon-linkedin { background-position: -90px 0px; } .socialicon-linkedin:hover { background-position: -90px -28px; background-color: #50a2ca; } .socialicon-googleplus { background-position: -130px 0px; } .socialicon-googleplus:hover { background-position: -130px -28px; background-color: #ca402f; } .socialicon-twitter { background-position: -170px 0px; } .socialicon-twitter:hover { background-position: -170px -28px; background-color: #03b3ec; } .socialicon-pinterest { background-position: -210px 0px; } .socialicon-pinterest:hover { background-position: -210px -28px; background-color: #ba252d; } .socialicon-dribbble { background-position: -250px 0px; } .socialicon-dribbble:hover { background-position: -250px -28px; background-color: #bf386c; } .socialicon-rss { background-position: -290px 0px; } .socialicon-rss:hover { background-position: -290px -28px; background-color: #f48128; } .socialicon-mail { background-position: -330px 0px; } .socialicon-mail:hover { background-position: -330px -28px; background-color: #bf386c; } .socialicon-link { background-position: -370px 0px; } .socialicon-link:hover { background-position: -370px -28px; background-color: #bf386c; } /* ----------------------------- General :: Forms ----------------------------- */ .row label { display: inline; } article form .row { padding: 0px; } /* --------------------------- :: Header --------------------------- */ #container .topbar { display: block; margin:0; padding:0; min-height:35px; clear:both; } #container .topbar h1 { background: none repeat scroll 0 0 #FFFFFF; color: #303131; font-family: 'PT Sans'; font-size: 26px; font-weight: normal; font-family: 'PTSansBold'; margin-bottom:-2px; margin-left: 0; margin-top: 0; padding:30px 0 20px; text-align: center; text-shadow: 1px 0 1px #ccc; text-transform: uppercase; letter-spacing:normal!important; } #container.violet .topbar h1 { color:#8d449a; } #container.violet h3 a, #container.violet h3 a span pan { color:#313030; font-weight:normal; font-family: 'PTSansBold'; } #container.violet h3 a:hover span span, #container.violet h3 a:hover { color:#8d449a!important; } #container.blue .topbar h1 { color:#1c96c9; } #container.blue h3 a, #container.blue h3 a span pan { color:#313030; font-weight:normal; font-family: 'PTSansBold'; } #container.blue h3 a:hover span span, #container.blue h3 a:hover { color:#1c96c9!important; } #container.purple .topbar h1 { color:#d02c64; } #container.purple h3 a, #container.purple h3 a span pan { color:#313030; font-weight:normal; font-family: 'PTSansBold'; } #container.purple h3 a:hover span span, #container.purple h3 a:hover { color:#d02c64!important; } /***HEADER***/ #inner-header { float: left; min-height: 82px; position:relative; z-index:99; width:40%; } #inner-right { float: right; margin-top:7px; width:25%; position:relative; z-index:99; } #inner-right .tel { margin:0; color:#5275aa; font-family: 'PTSansBold'; font-size:14px; display:block; text-align:right; } #inner-right .btn-contact { background: url("images/nbs-header-btn-contact.png") repeat-x scroll 0 0 transparent; border-radius: 15px 15px 15px 15px; box-shadow: 0 1px 2px #777777; color: #3e4a57; display: block; float: right; font-size: 14px; font-weight: normal; font-family: 'PTSansBold'; height: 30px; line-height: 30px; padding: 0 15px; text-transform: uppercase; } #inner-right .btn-contact:hover { color:#5275AA!important; } #inner-right .btn-contact span { background: url("images/nbs-header-arrow2.png") no-repeat scroll right 10px transparent; display:block; padding:0 15px 0 0; } #inner-right .btn-contact:hover span { background: url("images/nbs-header-arrow2.png") no-repeat scroll right -56px transparent; } #inner-header #header-logo-stuff { display: block; width: 100%; float: left; } #inner-header #header-logo-stuff .slogan { color: #303131; display: block; float: left; font-size: 13px; font-family: 'PTSansItalic'; padding: 0; margin: 35px 0 0 15px; } #inner-header #header-logo-stuff span { font-size: 12px; } #inner-header #logo { display: block; height: 67px; margin: 15px 0 0; width: 120px; float:left; } #inner-header #logo a { color: #303131; font-size: 26px; } #inner-header #logo a img { margin: 0px; } #logo a { display: block !important; height: 67px; padding: 0 !important; } .tem-container { float: left; padding:0; margin:0; width:35%; height:82px;} .tem-container a:active, .tem-container a:focus {outline: none;} .tem-container .slides{ padding-top:33px; } .tem-container .slides > li {display: none; -webkit-backface-visibility: hidden; /*height:50px;*/ font-size: 14px;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .tem-container .slides a { color:#fff; font-family: 'PTSansItalic'; /*text-shadow: 1px 1px 1px #666666; filter: dropshadow(color=#666666, offx=1, offy=1);*/ } .tem-container .slides strong { text-transform:uppercase; } .tem-container .flex-direction-nav { display:none!important; } .home .header-extra { margin:0; } .header-extra { color: #FFFFFF; min-height: 82px; margin:0; padding: 0; } .header-extra .columns { padding:0!important; } .header-zone-home { height:193px; width:980px; margin:0 auto; } .header-container { width:100%; min-height:115px; background:url(images/nbs-header-bkg.jpg) 0 bottom repeat-x; position:relative; z-index:99; } .home .header-container { height:302px; background:url(images/nbs-header-bkg.png) 0 0 repeat-x; } /*.header-wrapper { display:none; }*/ /* --------------------------- :: Header :: Main Menu --------------------------- */ #nav { background: url("images/nbs-menu-bkg.png") no-repeat scroll center 0 transparent; clear: both; float: left; height: 87px; margin: -12px 0 0; padding:0; position: relative; width:100%; z-index:9999; } #nav .row { padding:26px 0 0 0; } #nav .row .nine { padding: 0; width: 100%; } nav ul { list-style-type: none; margin:0; } .menu-container { height:35px; float:left; margin:0; width:100%; } .menu-container #menu-item-1357 { padding-left:0; } .menu-container #menu-item-2417 { background:none; } #nav .nav-bar { display: block; height:35px; padding: 0; margin:0; } ul.nav-bar li { z-Index: 2000; } ul.nav-bar > li { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position: right -1181px; height:35px; line-height: normal; padding:0 35px; margin:0; } ul.nav-bar li a { color: #c4c4c4; font-size: 16px!important; font-family: 'PTSansBold'; text-shadow:1px 1px 1px #000; float: left; display: block; padding:0 !important; text-decoration: none; text-transform: uppercase; } ul.nav-bar li a:hover { display: block; color: #fff; } ul.nav-bar li.current_page_item a { display: block; color: #fff; } ul.nav-bar li a em { font-style:normal; font-family: 'PTSansItalic'; } ul.nav-bar li a strong { font-weight:normal; font-family: 'PTSansBoldItalic'; } #nav ul.flyout { background: url("images/nbs-menu-flyout-bkg.png") 0 bottom no-repeat; margin:34px 0 0 0; padding:0 0 16px; left:16px; } ul.flyout li .menu-arrow { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position:0 -718px; display:block; height:18px; } ul.flyout li.first { padding:0; margin:0 27px -3px 20px; } ul.flyout li { margin:0 20px; clear:both; } ul.flyout li.active, .nav-bar li ul li.active { margin-top: 0; } ul.flyout li.active a, .nav-bar li ul li.active a { color:#fff!important; } ul.flyout li a, .nav-bar li ul li a { background-color: transparent; background-image: url("/wp-content/themes/nautica/images/sprite.png"); background-position: 0 -641px; background-repeat: no-repeat; float:left!important; padding:5px 0 5px 10px!important; font-size:12px!important; font-weight:normal!important; color:#c4c4c4!important; border: 0 none!important; text-transform:none!important; font-family: 'PTSansRegular'!important; } ul.flyout li a:hover { background-position: 0 -641px!important; color:#fff!important; } #menu-item-2561 { background:none; } #menu-item-2561 a { text-transform:none; font-weight:normal; } #menu-item-2559 { padding:0; background:none; width: 150px; } #menu-item-2559 a { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position:-651px -572px; color: #FFFFFF; display: block; float: left; font-size: 16px; font-family: 'PTSansBold'; margin:0; padding: 0 24px 0 0 !important; text-decoration: none; text-shadow: 1px 1px 1px #000000; text-transform: uppercase; } #menu-item-2565 { padding:0 0 0 62px; background:none; margin-top:-14px; } #menu-item-2565 a { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position:-892px -557px; text-transform:none; font-weight:normal; color:#fff; padding:14px 23px 0 0!important; overflow:visible!important; } #mobile-menu { display:none; } /* Menu version Anglaise*/ #menu-item-1417, #menu-item-1427, #menu-item-2492, #menu-item-1423 { padding:0 36px 0 35px; } #menu-item-1423 { background:none; } #menu-item-1423 a { text-transform:none; font-weight:normal; } #menu-item-2573 { padding:0 63px 0 0; background:none; } #menu-item-2573 a { background: url("images/nbs-picto-letter.png") no-repeat scroll right 7px transparent; color: #FFFFFF; display: block; float: left; font-size: 16px; font-family: 'PTSansBold'; margin:0; padding: 0 24px 0 0 !important; text-decoration: none; text-shadow: 1px 1px 1px #000000; text-transform: uppercase; } #menu-item-2493 { padding:0 0 0 62px; background:none; margin-top:-14px; } #menu-item-2493 a { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position:-892px -557px; text-transform:none; font-weight:normal; color:#fff; padding:14px 23px 0 0!important; overflow:visible!important; } /* ------------------------- :: Menu Mobile ------------------------- */ #mobile-menu .mobile-menu-icon { background:#434444 url(images/nbs-menu-picto.png) right 0 no-repeat; color: #FFFFFF; cursor: pointer; display: block; font-size: 16px; font-weight: normal; font-family: 'PTSansBold'; height: 36px; padding:0; position: relative; text-transform: uppercase; width: 100%; } #mobile-menu .mobile-menu-icon span { display:block; border-top:8px solid #434444; border-left:10px solid #434444; } #mobile-menu ul li { line-height:normal; } #mobile-menu ul > li { float:left; clear:both; margin:0!important; padding:0!important; list-style:none!important; } #mobile-menu ul li ul li { float:left; clear:none; } #mobile-menu ul li a { color: #FFFFFF; font-size: 12px; text-transform: uppercase; margin:0!important; padding:0!important; line-height:normal!important; } #mobile-menu ul li a:hover { color:#fff; } #beopen-mobile-menu { background:#434444 url(images/nbs-menu-arrow-mobile.png) 10px 0 no-repeat; padding:15px 10px 10px 10px; overflow:hidden; } #beopen-mobile-menu ul li a { background: url("images/nbs-footer-puce.png") no-repeat scroll 0 8px transparent !important; border: 0 none !important; color: #C4C4C4 !important; float: left !important; font-size: 12px !important; font-weight: normal !important; padding:2px 3px 2px 10px !important; text-transform: none !important; } /* ------------------------- :: Content ------------------------- */ /***********************@dnd add@*********************/ /* Bloc :: Header */ #header-search { float:right; display:block;} #search-top { float:right; margin:1px 0 0 0; position: relative; width: 162px; z-index: 90; } #search-top input, #search-top form{margin-bottom:0px!important;} #search-top .ten { width:160px!important; background:#fff; /*background:url(images/nbs-transparent-bkg.png) repeat;*/ border: 1px solid #d4e2f5; } #search-top .two { width:30px!important; position:absolute; right:4px; } input#s { background:none; border:0 none; color: #787878; font-size: 12px; font-family: 'PTSansItalic'; line-height:28px\9; height:28px; padding: 0 0 0 12px; width: 130px; box-shadow: 0 0px 0px rgba(0, 0, 0, 0) inset!important; } input#s:focus { font-family: 'PTSansRegular'; } #search-top input#searchsubmit { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position:-267px 5px!important; border:0 none; height:28px; width: 30px; line-height: 20px; padding: 0px; margin:0; border-radius:0 0 0 0!important; } input#searchsubmit:hover { background-position: -1963px -25px!important; } .header-phone{float:right; display:block;} .lang_sel_sel{position:absolute; top:0px; } .lang_sel_other{position:absolute; top:0; } #lang_sel_list img.iclflag { width:auto; height:auto; } /* = HOMEPAGE = */ .header-zone-home-container{width:100%; } .home-hosting { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position: 53px -66px; float: left; height: 260px; margin-left: -400px; margin-top: -70px; opacity: 0; width: 614px; position:relative; z-index:1; } .home-hosting > div { width:236px; margin:72px 0 0 200px; float:left; text-align:center; } .home-hosting .header-zone-home-title { background: url("images/nbs-header-bdr.png") center 0 no-repeat; color: #313030; display: inline; padding:7px 0 15px; font-size: 34px; height: 68px; text-transform: uppercase; letter-spacing: 2px; line-height:62px; font-family: 'PTSansBold'; } .home-hosting .header-zone-home-title:hover { color:#5275AA } .home-hosting .header-zone-home-text { clear:both; margin:0; padding:6px 0 8px 0; text-align:center; color:#434444; font-size:12px; } .home-hosting .header-zone-home-text a { color:#4e5151; } .home-hosting .header-zone-home-text a:hover { color:#5275aa; } .home-hosting .header-zone-home-link { clear:both; margin:0; text-align:center; } .home-hosting .header-zone-home-link a { background: url("images/nbs-header-arrow.png") no-repeat scroll right 2px transparent; color: #5275AA; display: block; float: left; font-family: 'PTSansBold'; font-size: 16px; height: 16px; line-height: 16px; padding: 0 12px 0 0; text-transform: uppercase; margin:0 0 0 53px; } .home-hosting .header-zone-home-link a:hover { background-position:right -53px; color:#434444!important; } .hidden-link-hosting{ height: 130px; right:45px; position: absolute; top: 55px; width: 130px; text-indent:-999px; overflow:hidden; display:block;} .home-cerber { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position:right -840px; position:absolute; left: 50%; margin-top:-107px; margin-left:-165px; width:340px; height:297px; opacity:0; } .home-cerber .home-cerber-cercle { display:block; width:160px; height:141px; margin:-114px auto 0; position:relative; z-index:3; } .home-cerber .logo-cerberhost { display:block; width:150px; height:141px; position:relative; z-index:3; } .home-cerber .cerber-cercle { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position:-1339px -396px; display: none; height:50px; left:34px; position: absolute; top:-34px; width:0; } .home-security { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position: -595px -58px; float: right; height: 260px; margin-right: -400px; margin-top: -70px; opacity: 0; width: 614px; position:relative; z-index:1; } .home-security > div { width:236px; margin:72px 0 0 220px; float:left; text-align:center; } .home-security .header-zone-home-title { background: url("images/nbs-header-bdr.png") center 0 no-repeat; color: #313030; display: inline; padding:7px 0 15px; font-size: 34px; height: 68px; text-transform: uppercase; letter-spacing: 2px; line-height:62px; margin:0; font-family: 'PTSansBold'; } .home-security .header-zone-home-title:hover { color:#5275AA } .home-security .header-zone-home-text { clear:both; margin:0; padding:6px 0 8px 0; text-align:center; color:#434444; font-size:12px; } .home-security .header-zone-home-text a { color:#4e5151; } .home-security .header-zone-home-text a:hover { color:#5275aa; } .home-security .header-zone-home-link { clear:both; margin:0; text-align:center; } .home-security .header-zone-home-link a { background: url("images/nbs-header-arrow.png") no-repeat scroll right 2px transparent; color: #5275AA; display: block; float: left; font-family: 'PTSansBold'; font-size: 16px; height: 16px; line-height: 16px; padding: 0 12px 0 0; text-transform: uppercase; margin:0 0 0 53px; } .home-security .header-zone-home-link a:hover { background-position:right -53px; color:#434444!important; } .hidden-link-security {height: 130px; left:100px; position: absolute; top: 55px; width: 130px; text-indent:-999px; overflow:hidden; display:block;} .home #main { background:#fafafa url(images/nbs-home-main-bkg.jpg) 0 0 repeat-x; } #masonry-items-3 { margin-left:-6px; width: 1024px; } .home .row.beopen-single { padding-top:40px; } .home .beopen-single #content { padding:0; margin:0; } .home #content .home-hexa { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position: -1248px 2px; width:315px; height:356px; float:left; position:relative; } .home #content .home-hexa p { margin:0; } .home #content .home-hexa ul { margin:0; list-style:none; margin:0; padding:0; } .home #content .home-hexa ul li { color:#4e5151; font-size:14px; padding:2px 0 2px 25px; display:none; margin:0 46px; } .home #content .home-hexa-title { margin:0; width:100%; text-align:center; display:block; clear:both; padding:20px 0; } .home #content .home-hexa-title strong { text-transform:uppercase; font-size:20px; padding:8px 0 5px; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; font-family: 'PTSansBold'; font-weight:normal; } .home #content .home-hexa-title .hexa-title-homepage { text-transform:uppercase; font-size:20px; padding:8px 0 5px; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; font-family: 'PTSansBold'; font-weight:normal; } .home #content .home-hexa .more { position:absolute; bottom:38px; left:50%; margin-left:-10px; } .home #content .home-hexa .more a { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position: -1167px -21px; display:block; width:21px; height:21px; font-size:0; color:#fff; text-indent:-999px; overflow:hidden; opacity:0.3; } .home #content .home-hexa.first-hexa { margin:0 23px 0 0; } .home #content .home-hexa.first-hexa a { color:#303131; } .home #content .home-hexa.first-hexa a:hover { color:#663399; } .home #content .home-hexa.first-hexa ul li { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position:-961px -741px; } .home #content .home-hexa.first-hexa .picto { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position:-34px -398px; display:block; width:118px; height:76px; font-size:0; color:#fff; text-indent:-999px; margin:0 0 0 98px; overflow:hidden; } .home #content .home-hexa.second-hexa { margin:0; } .home #content .home-hexa.second-hexa a { color:#303131; } .home #content .home-hexa.second-hexa a:hover { color:#1C96C9; } .home #content .home-hexa.second-hexa ul li { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position:0 -741px; } .home #content .home-hexa.second-hexa .picto { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position:-226px -398px; display:block; width:118px; height:76px; font-size:0; color:#fff; text-indent:-999px; margin:0 0 0 98px; overflow:hidden; } .home #content .home-hexa.last-hexa { margin:0;} .home #content .home-hexa.last-hexa a { color:#303131; } .home #content .home-hexa.last-hexa a:hover { color:#D02C64; } .home #content .home-hexa.last-hexa ul li { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position:-514px -741px; } .home #content .home-hexa.last-hexa .picto { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position:-492px -398px; display:block; width:118px; height:76px; font-size:0; color:#fff; text-indent:-999px; margin:0 0 0 98px; overflow:hidden;} .home .beopen-even { background:none !important; color: #999999!important; display: block; min-height: 50px; /*padding:0!important;*/ width: 100%; } .home .beopen-even .pb25 { padding:0 0 15px 0; } .scroll-left { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position: -1086px 0px; width:71px; height:40px; position:fixed; bottom:0px; left:2%; z-index:1000; display:block;} .scroll-left p { display:none; font-size:0; height:0; } .scroll-right{ background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position: -1086px 0px; width:71px; height:40px; position:fixed; bottom:0px; right:2%; z-index:1000; display:block;} .scroll-right p { display:none; font-size:0; height:0; } ._blog > .row { background-color: #fff; display: block; width: 980px; padding:0; margin:0 auto; clear:both; } .homepage { background: none !important; } #main { margin: -39px 0 0 0; } #content { padding:0; } /* Pages Interieurs */ div.clear { clear:both; } .content-content { padding:0 20px; clear:both; } .content-content .page-top-title { text-align:center; font-size:22px; text-transform:uppercase; color:#313030; margin:40px 0 0 0; float:left; clear:both; width:100%; text-shadow:1px 0 1px #CCCCCC; } .content-content .page-top-title strong { font-weight:normal; font-family: 'PTSansBold'; } .category-offer { padding:0 40px!important; width:72.2% !important; min-height: 735px; } .page-description-text { background: url("images/nbs-content-arrow.png") no-repeat scroll 0 4px transparent; color: #858585; font-family: 'PT Sans',Arial,sans-serif; font-size: 16px; line-height: 24px; margin:0 40px!important; padding-left: 60px; text-align: justify; min-height: 60px; } .page-description-text img { float:left; margin:0 20px 0 0; } .page-description-text img.aligncenter { display: block; float: none !important; left: -30px; margin: 30px auto 0 !important; position: relative; } .nine.columns .page-description-text { background: url("images/nbs-content-arrow.png") no-repeat scroll 0 4px transparent; color: #858585; font-family: 'PT Sans',Arial,sans-serif; font-size: 14px; line-height: 24px; margin: 0!important; padding:0 0 0 60px; text-align: justify; } .content-header { padding:0 40px 40px 40px; overflow:hidden; } .content-header.no-padding-bottom { padding:0 40px; overflow:hidden; } .content-header .nine.columns { border:0 none!important; width:74%; padding-right:36px!important; } .content-push-ref { padding:0 0 0 60px; margin:0; } .arjel-push{margin:40px 0 0!important;} .push-ref-title { background: url("images/nbs-bdr-point.png") repeat-x scroll 0 bottom transparent; color: #313030; font-size: 16px; margin:25px 0 7px !important; padding: 0 0 15px; text-transform: uppercase; } .references-client { list-style:none; overflow:hidden; margin:0; } .references-client .img-ref-container { float: left; height:103px; margin: 10px 10px 0 0; width: 135px; overflow:hidden; } .references-client .img-ref-container img { margin-top:-20px; } .references-client .img-ref-container.last { margin:10px 0 0 0; } .content-push-ref p, .content-push-ref a { margin:0; color:#000; } .arrow-separator { background: url("images/nbs-arrow-separator.png") no-repeat scroll center bottom transparent; display:block; width:100%; height:12px; margin:40px 0 0; clear:both; float:left; } .arrow-separator-top15px { background: url("/wp-content/themes/nautica/images/nbs-arrow-separator.png") no-repeat scroll center bottom transparent; clear: both; display: block; float: left; height: 12px; margin: 15px 0 0; width: 100%; } .arrow-separator-margin-bottom { background: url("images/nbs-arrow-separator.png") no-repeat scroll center bottom transparent; display:block; width:100%; height:12px; margin:40px 0; clear:both; float:left; } /* ------------------------- :: Block offer : Offre Résumé ------------------------- */ .offer-resume { float:left; width:26%; } .offer-resume .side-offer { padding:20px; border:1px solid #d9d9d9; } .offer-resume ul { list-style:none; margin:0; } .offer-resume ul li { background: url("images/nbs-content-puce.png") no-repeat scroll 0 9px transparent; padding: 0 0 0 10px; color:#858585; } .offer-resume h3 { background: url("images/nbs-bdr-point.png") repeat-x scroll 0 bottom transparent; color: #313030; font-size: 16px; margin: 1px 0 7px; padding: 0 0 15px; text-transform: uppercase; } .offer-resume h3 strong { font-weight:normal; font-family: 'PTSansBold'; } .offer-resume .btn-contact-offer { margin: 20px 0 0; width:100%; } .offer-resume .btn-contact-offer a { background:url("images/nbs-gradient-gray.png") 0 0 repeat-x; display:block; border-top:1px solid #e9e9e9; border-right:1px solid #e9e9e9; border-bottom:3px solid #b2b2b2; border-left:1px solid #e9e9e9; border-radius: 6px 6px 6px 6px; padding:10px 0 10px 20px; line-height: normal; } .offer-resume .btn-contact-offer a span { background: url("images/nbs-content-btn-arrow.png") no-repeat scroll 165px 0 transparent; display: block; height: 46px; } .offer-resume .btn-contact-offer a:hover span { background-position:165px bottom; } .offer-resume .btn-contact-offer a strong { color:#6c6c6c; font-size:17px; line-height:17px; display:block; font-weight:normal; font-family: 'PTSansBold'; text-transform:uppercase; padding-top: 6px; } .offer-resume .btn-contact-offer a small { color:#898888; font-size:10px; } .offer-resume .btn-contact-offer a:hover strong, .offer-resume .btn-contact-offer a:hover small { color:#313030!important; } /* ------------------------- :: Block : Content Push ------------------------- */ .content-push { background:#eee; width:100%; margin:24px 0 0; overflow: hidden; padding:0; } .content-push .page-bottom-title { display:block; text-align:center; padding:10px 0 0 0; margin: 0 0 33px!important; } .content-push .page-bottom-title strong { background: url("images/nbs-bdr-point.png") repeat-x scroll 0 bottom transparent; font-size:16px; color:#303131; text-transform:uppercase; padding:0 0 9px 0; } #masonry-items-5{ margin:0 auto; width: 100%; padding:0 20px; font-weight:normal; font-family: 'PTSansBold'; } .masonry-item-5{ width:15%; margin:0 20px 20px 20px; text-align:center; } .masonry-item-5 img { display:inline; } .masonry-item-5 p { margin:0; } .masonry-item-5 .cols-5-text { color:#313030; line-height:18px; font-size:12px; text-transform:uppercase; font-family: 'PTSansRegular'; } .masonry-item-5 strong { display:block; font-weight:normal; font-family: 'PTSansBold'; } #masonry-items-4{ margin:0 auto; padding:0 20px; width: 100%;} .masonry-item-4{ margin:0 20px 20px 20px; text-align: center; width:19.8%; float:left; } .masonry-item-4 img { display:inline; margin:0; } .masonry-item-4 p { margin:0; } .masonry-item-4 .cols-4-text { color:#313030; line-height:18px; font-size:12px; text-transform:uppercase; } .masonry-item-4 strong { display:block; font-weight:normal; font-family: 'PTSansBold'; } /* ------------------------- :: Block : Content Message ------------------------- */ .content-content .block-message { background: url("images/nbs-content-bdr-top.png") no-repeat scroll center top transparent; display:block; clear:both; padding:10px 0; margin:40px 0 0 0; float:left; width:100%; } .content-content .block-message p { background: url("images/nbs-content-bdr-bottom.png") no-repeat scroll center bottom transparent; color: #000000; font-size: 16px; font-family: 'PTSansItalic'; margin: 0; padding: 8px 0 14px; text-align: center; } .content-content .block-message span { background: url("images/nbs-quote-left.png") no-repeat scroll 0 0 transparent; padding:0 0 0 27px; } .content-content .block-message span span { background: url("images/nbs-quote-right.png") no-repeat scroll right 0 transparent; padding:0 29px 0 0; } /* ------------------------- :: Landing Page : 1 colonne ------------------------- */ .content-content .one.columns { padding:0 20px; width:100%; margin:40px 0 0 0; clear:both; float:left; } .content-content .one.columns .page-top-title strong { border-top:1px solid #313030; border-bottom:1px solid #313030; } .content-content .one.columns .page-item-picto { display:block; text-align:center; max-height:88px; } .content-content .one.columns .page-item-picto img { margin:0; } .content-content .one.columns .page-item-title { font-size:22px; color:#313030; text-transform:uppercase; font-weight:normal; font-family: 'PTSansBold'; margin: 5px 0 25px; text-align:center; } .content-content .one.columns .page-item-title span { background: url("images/nbs-bdr-line.png") 0 bottom repeat-x; padding:0; } .content-content .one.columns .page-item-title span span { background:none; padding:0 0 10px; } .content-content .one.columns .page-item-text { border-bottom: 1px dotted #DEDEDE; margin: 0; padding-bottom: 40px; } .content-content .one.columns p { margin:0; } /* ------------------------- :: Landing Page : 2 colonnes ------------------------- */ .content-content .two.columns { background: url("images/nbs-content-arrow-bdr.png") no-repeat scroll center bottom transparent; text-align:center; padding:0 20px 65px 20px!important; margin:40px 0 0; position:relative; width: 50%; } .content-content .two.columns.no-bkg { background:none!important; padding:0 20px 0 20px!important; } .content-content .two.columns.jqfader { display:none; } .content-content .two.columns p { margin:0; } .content-content .two.columns .page-item-picto { display:block; text-align:center; max-height:88px; } .content-content .two.columns .page-item-picto img { margin:0; } .content-content .two.columns .page-item-title { font-size:22px; color:#313030; text-transform:uppercase; font-weight:normal; font-family: 'PTSansBold'; margin: 5px 0 25px; } .content-content .two.columns .page-item-title span { background: url("images/nbs-bdr-line.png") 0 bottom repeat-x; padding:0; } .content-content .two.columns .page-item-title span span { background:none; padding:0 0 10px; } .content-content .two.columns .more { bottom: 30px; left: 50%; margin-left: -10px; position: absolute; } .content-content .two.columns .more a { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position: -1167px -21px; color: #FFFFFF; display: block; font-size: 0; height: 21px; overflow: hidden; text-indent: -999px; width: 21px; opacity:0.3; } .content-content .two.columns .ticked-list { text-align:left; list-style:none; margin:0; padding:0; } .content-content .two.columns .ticked-list li { background: url("/wp-content/themes/nautica/images/nbs-bdr-point.png") repeat-x scroll 0 bottom transparent; list-style: none outside none; padding: 5px 0 11px; } .content-content .two.columns .ticked-list li p strong { color:#D02C64; } .violet .content-content .two.columns .ticked-list li span { background: url("images/nbs-tick-violet.png") no-repeat scroll 0 7px transparent; display: block; padding: 0 0 0 25px; } .purple .content-content .two.columns .ticked-list li span { background: url("images/nbs-tick-rose.png") no-repeat scroll 0 7px transparent; display: block; padding: 0 0 0 25px; } /* ------------------------- :: Landing Page : 3 colonnes ------------------------- */ .content-content .three.columns { background: url("images/nbs-content-arrow-bdr2.png") no-repeat scroll center bottom transparent; text-align:center; padding:0 20px 65px 20px!important; margin:40px 0 0 0; position:relative; width: 33.333%; } .content-content .three.columns.no-links { padding:0 20px!important; } .content-content .three.columns.jqfader { display: none; } .content-content .three.columns p { margin:0; } .content-content .three.columns .page-item-picto { display:block; text-align:center; max-height:88px; } .content-content .three.columns .page-item-picto img { margin:0; } .content-content .three.columns .page-item-title { font-size:22px; color:#313030; text-transform:uppercase; font-weight:normal; font-family: 'PTSansBold'; clear: both; display: block; margin: 0; padding:10px 0 15px 0; text-align: center; } .content-content .three.columns .page-item-title span span { display:block; color: #303131; font-size: 22px; padding:10px 0 8px; text-transform: uppercase; border-bottom: 1px solid #D9D9D9; border-top: 1px solid #D9D9D9; } .content-content .three.columns .more { bottom: 30px; left: 50%; margin-left: -10px; position: absolute; } .content-content .three.columns .more a { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position: -1167px -21px; color: #FFFFFF; display: block; font-size: 0; height: 21px; overflow: hidden; text-indent: -999px; width: 21px; opacity:0.3; } /* ------------------------- :: Page : CerberHost ------------------------- */ .cerberhost { padding:0 40px!important; width:72.2% !important; } .cerberhost h3 { display:block; text-align:center; margin:14px 0 54px 0; clear:both; } .cerberhost h3 span { color:#313030; font-size:22px; font-weight:normal; font-family: 'PTSansBold'; padding:8px 0 5px; text-transform:uppercase; border-top:1px solid #313030; border-bottom:1px solid #313030; } .animation-left { float: left; min-height: 500px; position: relative; width: 100%; } .animation-right { background: url("images/cerberhost-bkg-puce.png") no-repeat scroll 0 105px transparent; float: left; margin:-120px 0 0 285px; min-height: 800px; position: relative; width: 0; z-index: 8; } .cerber-animation-text { clear:both; } .cerberhost-logo, .cerberhost-logo img { margin:0; } #cerber-page-animation { float: left; height: auto; width: 100%; } #cerber-list-animate { list-style-type:none; margin:0; } #cerber-list-animate li { width:100%; height:70px; background: url("images/cerberhost-bkg-human.png") no-repeat scroll 0 0 transparent; } #cerber-list-animate li .cerber-list-title { float:left; display: block; margin:25px 0 0 75px; font-weight:normal; font-family: 'PTSansBold'; font-size:20px; height:43px; line-height:normal; color:#313030; text-transform:uppercase; padding:0; } .cerber-list-item { opacity:0; position:absolute; top:20px; } #cerber-list-animate li.human { background: url("images/cerberhost-bkg-human.png") no-repeat scroll 0 0 transparent; z-index:7; } #cerber-list-animate li.website { background: url("images/cerberhost-bkg-website.png") no-repeat scroll 0 0 transparent; z-index:6; } #cerber-list-animate li.database { background: url("images/cerberhost-bkg-database.png") no-repeat scroll 0 0 transparent; z-index:5; } #cerber-list-animate li.stack { background: url("images/cerberhost-bkg-stack.png") no-repeat scroll 0 0 transparent; z-index:4; } #cerber-list-animate li.network { background: url("images/cerberhost-bkg-network.png") no-repeat scroll 0 0 transparent; z-index:3; } #cerber-list-animate li.operating{ background: url("images/cerberhost-bkg-operating.png") no-repeat scroll 0 0 transparent; z-index:2; } #cerber-list-animate li.hardware { background: url("images/cerberhost-bkg-hardware.png") no-repeat scroll 0 0 transparent; z-index:1; } #cerber-list-animate li .cerber-list-text { margin:0; width:240px; height:auto; display:block; position:absolute; right:0; opacity:0; } #cerber-list-animate li.human .cerber-list-text { top:-136px; } #cerber-list-animate li.website .cerber-list-text { top:-83px; } #cerber-list-animate li.database .cerber-list-text { top:0px; } #cerber-list-animate li.stack .cerber-list-text { top:-10px; } #cerber-list-animate li.network .cerber-list-text { top:45px; } #cerber-list-animate li.operating .cerber-list-text { top:124px; } #cerber-list-animate li.hardware .cerber-list-text { top:155px; } #cerber-list-text-animate { list-style-type: none; margin:0; position: relative; } #cerber-list-text-animate li { padding:0; width:341px; margin: 0 0 40px; display:none; } #cerber-list-text-animate li p { margin:0; padding:0 0 0 105px; line-height:20px; letter-spacing:normal; } .cerber-list-text-item{opacity:0;} .cerberhost-push { background:none repeat scroll 0 0 #EEEEEE; float:left; width:100%; margin:0 0 54px 0; padding:0 40px; } .cerberhost-push .page-bottom-title { display: block; margin: 0 0 30px !important; padding:12px 0 0; text-align: center; } .cerberhost-push .page-bottom-title strong { background: url("images/nbs-bdr-point.png") repeat-x scroll 0 bottom transparent; color: #303131; font-size: 16px; padding: 0 0 11px; text-transform: uppercase; } .cerberhost-push ul { list-style:none; } .cerberhost-push ul li { background: url("images/nbs-tick-blue.png") no-repeat scroll 0 10px transparent; font-size: 14px; padding: 2px 0 2px 25px; color:#313030; } /* ------------------------- :: Category : Sécurité Informatique ------------------------- */ #container.purple a:hover h3 { color:#D02C64!important; } .content-header.page-test { padding:0 40px; } .content-content.page-test > p { padding:0 20px; } .content-content.page-test .two.columns { background:none!important; padding-bottom:0!important; text-align:left!important; } .content-content.page-test .two.columns .page-item-title { border-bottom: 1px solid #D9D9D9; font-size:16px; color: #313030; font-weight: normal; font-family: 'PTSansBold'; margin: 5px 0 3px; padding: 0 0 15px; text-transform: uppercase; } .content-content.page-test .btn-contact-security { margin:60px 60px 0 60px; width:300px; } .content-content.page-test .btn-contact-security a { background: url("images/nbs-gradient-gray.png") repeat-x scroll 0 0 transparent; border-color: #E9E9E9 #E9E9E9 #B2B2B2; border-radius: 6px 6px 6px 6px; border-style: solid; border-width: 1px 1px 3px; display: block; line-height: normal; padding: 10px 0 10px 20px; } .content-content.page-test .btn-contact-security a span { background: url("images/nbs-content-btn-arrow.png") no-repeat scroll right 0 transparent; display: block; height: 46px; margin: 0 20px 0 0; padding: 0 50px 0 0; text-align: center; } .content-content.page-test .btn-contact-security a:hover span { background-position: right bottom; } .content-content.page-test .btn-contact-security a:hover strong, .content-content.page-test .btn-contact-security a:hover small { color:#313030; } .content-content.page-test .btn-contact-security a strong { color: #6C6C6C; display: block; font-size: 18px; line-height: 18px; padding-top: 6px; text-transform: uppercase; } .content-content.page-test .btn-contact-security a small { color: #898888; font-size: 14px; font-family: 'PTSansItalic';} .content-content.page-test .deux-boites .one.columns { clear:both; } .content-content.page-test .deux-boites .one.columns p { display:block; border-top:1px solid #313030; border-bottom:1px solid #313030; padding:20px 0; min-height:135px; } .content-content.page-test .deux-boites .one.columns p img { float:left; margin:0 20px 20px 0; } .content-content.page-test .deux-boites .one.columns strong { display:block; font-size:16px; text-transform:uppercase; color:#313030; } .content-content.page-test .deux-boites { clear:both; } .content-content.page-test .deux-boites h3 { clear: both; color: #313030; display: block; float: left; font-size: 16px; margin: 40px 0 0; text-align: center; text-transform: uppercase; width: 100%; } .content-content.page-test .deux-boites .two.columns p { display:block; border-top:1px solid #313030; border-bottom:1px solid #313030; padding:20px 0; min-height:135px; } .content-content.page-test .deux-boites .two.columns p img { float:left; margin:0 20px 20px 0; } .content-content.page-test .deux-boites .two.columns strong { display:block; font-size:16px; text-transform:uppercase; color:#313030; } .content-content.page-test .deux-boites .push-ref-title { margin:0 0 7px !important; } .content-content.page-test .deux-boites .content-push-ref { clear: both; float: left; margin: 0; padding:0 20px; width:100%; } /* ------------------------- :: Page : Société ------------------------- */ .page-id-71 ._blog, .page-id-71 ._blog > .row, .page-id-71 #container .topbar h1 { background:0 none; } .page-id-916 ._blog, .page-id-916 ._blog > .row, .page-id-916 #container .topbar h1 { background:0 none; } .page-id-71 #container .topbar h1, .page-id-916 #container .topbar h1 { display:none; } .content-content.society { text-align:center; } .content-content.society ul { list-style:none; } .content-content.society .menu-society { margin:0 auto; background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position: -1248px 2px; width: 315px; height: 356px; } .content-content.society .menu-society p { margin:0; } .content-content.society .menu-society ul { padding:0 28px; } .content-content.society .menu-society ul li { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position: -513px -1334px; color: #4E5151; font-size: 14px; padding: 2px 0 2px 25px; margin: 0 30px; text-align:left; } .content-content.society .menu-society ul li a { color: #4E5151; } .content-content.society .menu-society ul li a:hover { color:#000; } .content-content.society .menu-society .title-society { margin: 0; width: 100%; text-align: center; display: block; clear: both; padding: 20px 0; color:#303131; } .content-content.society .menu-society .title-society strong { text-transform: uppercase; font-size: 20px; padding: 8px 0 5px; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; font-family: 'PTSansBold'; font-weight: normal; display: block; margin: 0 60px; } .content-content.society .menu-society .picto { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position: -15px -1276px; display: block; width: 118px; height: 76px; font-size: 0; color: #FFF; text-indent: -999px; margin: 0 0 0 98px; overflow: hidden; } /* ------------------------- :: Page : Qui sommes nous? ------------------------- */ .content-content.nous .two.columns { background:none; padding:0 20px!important; } .content-content.nous .two.columns .page-item-title { color: #313030; font-size: 22px; font-weight: normal; font-family: 'PTSansBold'; margin: 5px 0; text-transform: uppercase; } .content-content.nous .two.columns .page-item-text { margin:20px 0 0 0; } .content-content.nous .two.columns em { margin:0; display:block; text-align:center; } .content-content.nous .two.columns.bottom { text-align:left; margin:40px 0 0 0; } .content-content.nous .two.columns.bottom h4 { margin:0 0 15px; padding:0; font-size:16px; color:#313030; text-transform:uppercase; font-weight: normal; font-family: 'PTSansBold'; } .content-content.nous .two.columns.bottom ul { margin:0; list-style:none; } .content-content.nous .two.columns.bottom ul li { background: url("images/nbs-content-puce.png") no-repeat scroll 0 9px transparent; padding: 0 0 0 10px; } /* ------------------------- :: Page : Logiciels ------------------------- */ .content-content.logiciel .two.columns { background:none; padding:0 20px!important; text-align:left; } .content-content.logiciel h3 { border-top:1px solid #313030; border-bottom:1px solid #313030; padding:10px 0; color:#313030; text-transform:uppercase; font-size:16px; font-weight:normal; font-family: 'PTSansBold'; } .content-content.logiciel ul { margin:0; list-style:none; } .content-content.logiciel ul li { background: url("images/nbs-content-puce.png") no-repeat scroll 0 9px transparent; padding: 0 0 0 10px; } /* ------------------------- :: Page : Partenaries ------------------------- */ .content-content.partner { padding:0 40px!important; } .content-content.partner ul { list-style:none; clear:both; overflow:hidden; padding:0; margin:0 -3px; } .content-content.partner ul li { margin: 0 3px 6px; text-align: center; max-height:146px; width:24.3%; float:left; border: 1px solid #EEEEEE; position:relative; } .content-content.partner ul li a { display:block; margin:0 auto; } .content-content.partner ul li:hover .more { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position: -1167px 0px; bottom: 10px; color: #FFFFFF; display: block; font-size: 0; height: 21px; left: 50%; margin-left: -10.5px; overflow: hidden; position: absolute; text-indent: -999px; width: 21px; } /* ------------------------- :: Page : Clients ------------------------- */ .content-content.client { padding:0 40px!important; } .content-content.client .image-client { text-align:center; } .content-content.client p { margin:0; } .content-content.client .block-message { margin:30px 0; } .content-content.client h3 { color: #313030; font-weight: normal; font-family: 'PTSansBold'; text-transform: uppercase;} .content-content.client ul { list-style:none; clear:both; overflow:hidden; padding:0; margin:0 -3px; } .content-content.client ul li { margin: 0 3px 6px; max-height:1456px; text-align: center; width:24.3%; float:left; border: 1px solid #EEEEEE; position:relative; min-height: 160px;} .content-content.client ul li a { display:block; margin:0 auto; } .content-content.client ul li:hover .more { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position: -1167px 0px; bottom: 10px; color: #FFFFFF; display: block; font-size: 0; height: 21px; left: 50%; margin-left: -10.5px; overflow: hidden; position: absolute; text-indent: -999px; width: 21px; } /*.content-content.client ul li a img { filter: url("images/filters.svg#grayscale"); } .content-content.client ul li a img:hover { filter:none; }*/ .content-content.client p { clear:both; } /* ------------------------- :: Page : Recrutement ------------------------- */ .content-content.cv { padding:0 40px!important; } .content-content.cv h3 { color: #313030; margin: 25px 0 30px; text-align: center; } .content-content.cv h3 span { border-bottom: 1px solid #313030; border-top: 1px solid #313030; padding: 5px 0; text-transform: uppercase; } .content-content.cv .form-cv { width:290px; margin:0 auto; } .content-content.cv #form3 .label, .content-content.cv #form5 .label { color: #4E5151 !important; font-family: 'PT Sans',Arial,sans-serif !important; font-size: 14px !important; font-weight: normal !important; padding: 0 !important; } .content-content.cv #form3 .wdform_table1 button , .content-content.cv #form5 .wdform_table1 button{ background-image: url('images/sprite.png')!important; background-color: transparent; background-repeat: no-repeat; background-position: -727px -431px; border: 0 none !important; color: #FFFFFF; display: block; font-family: 'PT Sans',Arial,sans-serif !important; font-size: 16px; height: 43px; margin: 0 !important; padding: 0 0 0 35px !important; text-transform: uppercase; width: 164px; } /* ------------------------- :: Page : Mentions légales ------------------------- */ .content-content.legal .two.columns { background:none; padding:0 20px!important; text-align:left; } .content-content.legal .two.columns h3 { margin:0; font-weight:normal; font-family: 'PTSansBold'; } /* ------------------------- :: Page : Crédit ------------------------- */ .content-content.credit .two.columns { background:none; padding:0 20px!important; text-align:left; } .content-content.credit .two.columns img { float:left; margin:0 20px 25px 0; } /* ------------------------- :: Page : Plan du site ------------------------- */ .content-content.sitemap h3 { border-top: 1px solid #313030; color: #313030; font-size: 16px; font-weight: normal; font-family: 'PTSansBold'; padding: 20px 0 0; text-transform: uppercase; } .content-content.sitemap { padding:0 40px; } .content-content.sitemap ul li ul li { padding:0 0 0 20px; } .content-content.sitemap ul li a { color:#4e5151; } .content-content.sitemap ul li a:hover { color:#2ba6cb; } /* ------------------------- :: Page : 404 ------------------------- */ .error404 .page-404 { padding:0 40px 40px 40px; text-align:center; } .error404 .page-404 ul, .error404 .page-404 p { margin:0; padding:0; } .error404 .page-404 .title-404 { font-size:16px; font-weight:normal; font-family: 'PTSansBold'; margin:20px 0 0 0; } /* ------------------------- :: Page : Search Results ------------------------- */ .search-results .search-page-title { margin:0 40px 10px 40px; font-weight:normal; font-family: 'PTSansBold'; font-size:20px; } .search-results .metainfo { margin:15px 40px; } .search-results article footer { padding:0; margin:0; display:none; } .search-results div.divider { border-top: 1px dotted #CCCCCC; clear: both; display: block; height: 35px; margin-top: 30px; float:left; width:100%; } .search-results article.post .entry-content, .search-results article.testimonial_item .entry-content, .search-results article.client_item .entry-content { padding:0 40px; } .search-results .reverie-pagination { margin:0 0 40px 0; } /* ------------------------- :: Page : Contact ------------------------- */ .content-contact { border:0 none!important; background: url("images/sidebar-shadow.png") no-repeat scroll right top transparent!important; padding:0 5px!important; } .content-contact table { background:none!important; } .content-contact #form4 .label , .content-contact #form1 .label { color: #4e5151 !important; font-size: 14px !important; font-weight:normal!important; font-family: 'PT Sans',Arial,sans-serif!important; padding:0 0 0 30px!important; } .content-contact #form1 .wdform_table1 input, .content-contact #form4 .wdform_table1 input, .content-contact #form1 .input_active, .content-contact #form4 .input_active, .content-contact #form1 .input_deactive , .content-contact #form4 .input_deactive { padding:0 5px!important; font-family: 'PT Sans',Arial,sans-serif; margin-left:30px!important; } .content-contact #form1 .wdform_table1 select , .content-contact #form4 .wdform_table1 select { height:33px; margin-left:30px!important; } .content-contact #form1 .wdform_table1 button , .content-contact #form4 .wdform_table1 button{ background-image: url('images/sprite.png')!important; background-color: transparent; background-repeat: no-repeat; background-position: -912px 0px; width:164px; height:43px; display:block; border:0 none; color:#fff; font-size:16px; text-transform:uppercase; font-family: 'PT Sans',Arial,sans-serif!important; position:absolute; right:47px; padding:0 0 0 35px!important; } .type-page #form6 .wdform_table1 button, .type-post #form6 .wdform_table1 button, .type-page #form7 .wdform_table1 button, .type-post #form7 .wdform_table1 button, .type-page #form8 .wdform_table1 button, .type-post #form8 .wdform_table1 button, .type-page #form9 .wdform_table1 button, .type-post #form9 .wdform_table1 button, .type-page #form10 .wdform_table1 button, .type-post #form10 .wdform_table1 button, .type-page #form11 .wdform_table1 button, .type-post #form11 .wdform_table1 button, .type-page #form12 .wdform_table1 button, .type-post #form12 .wdform_table1 button, .type-page #form13 .wdform_table1 button, .type-post #form13 .wdform_table1 button, .type-page #form14 .wdform_table1 button, .type-post #form14 .wdform_table1 button, .type-page #form15 .wdform_table1 button, .type-post #form15 .wdform_table1 button, .type-page #form16 .wdform_table1 button, .type-post #form16 .wdform_table1 button, .type-page #form17 .wdform_table1 button, .type-post #form17 .wdform_table1 button, .type-page #form18 .wdform_table1 button, .type-post #form18 .wdform_table1 button, .type-page #form19 .wdform_table1 button, .type-post #form19 .wdform_table1 button, .type-page #form20 .wdform_table1 button, .type-post #form20 .wdform_table1 button{ background-image: url('images/sprite.png')!important; background-color: transparent; background-repeat: no-repeat; background-position: -912px 0px; width:164px; height:43px; display:block; border:0 none; color:#fff; font-size:16px; text-transform:uppercase; font-family: 'PT Sans',Arial,sans-serif!important; padding:0 0 0 35px!important; margin-top:10px;} .three.columns.sidebar-contact { padding:0 40px 0 30px!important; width:27.8%; } .sidebar-contact .tel { color:#1d5190; font-size:26px; text-shadow: 1px 0 1px #CCCCCC; margin:0; } .sidebar-contact h3 { font-size:16px; color:#1d5190; font-weight:normal; font-family: 'PTSansBold'; margin:10px 0 15px; } .sidebar-contact ul li { list-style:none; } /*.sidebar-contact #form1 .wdform_table1 td#13_element_section1 { height:43px!important; }*/ #form1 .wdform_table1 .wdform_footer, #form4 .wdform_table1 .wdform_footer{margin:10px!important;} /* ------------------------- :: Block : Besoins ------------------------- */ .besoins { background-image: url('images/sprite2.png'); background-color: transparent; background-repeat: no-repeat; background-position: 0 bottom; margin: 0 30px 0 0; padding: 0 0 95px !important; width: 298px !important; } .besoins .hexa-title { clear: both; display: block; margin: 0!important; padding:4px 20px 20px 20px; text-align: center; } .besoins .hexa-title strong { border-bottom: 1px solid #D9D9D9; border-top: 1px solid #D9D9D9; color: #303131; font-family: 'PTSansBold'; font-size: 22px; font-weight: normal; line-height: normal; padding:6px 0 3px; text-transform: uppercase; } .besoins ul { margin:0; padding: 0 25px; } .besoins ul li { list-style:none; padding:10px 0 12px; background: url("images/nbs-bdr-point.png") repeat-x scroll 0 bottom transparent; } .besoins ul li span { background: url("images/nbs-tick-violet.png") no-repeat scroll 0 8px transparent; display:block; padding: 0 0 0 25px; } .violet .besoins ul li span { background-color: transparent; background-image: url("/wp-content/themes/nautica/images/sprite.png"); background-position:-961px -744px; background-repeat: no-repeat; } /* ------------------------- :: Block : Offres ------------------------- */ .offres { background-image: url('images/sprite2.png'); background-color: transparent; background-repeat: no-repeat; background-position: 0 bottom; margin:0; padding: 0 0 95px !important; width: 298px !important; } .offres .hexa-title { clear: both; display: block; margin: 0!important; padding:4px 20px 20px 20px; text-align: center; } .offres .hexa-title strong { border-bottom: 1px solid #D9D9D9; border-top: 1px solid #D9D9D9; color: #303131; font-family: 'PTSansBold'; font-size: 22px; font-weight: normal; line-height: normal; padding:6px 0 3px; text-transform: uppercase; } .offres ul { margin:0; padding: 0 25px; } .offres ul li { list-style:none; padding:10px 0 12px; background: url("images/nbs-bdr-point.png") repeat-x scroll 0 bottom transparent; } .offres ul li span { background: url("images/nbs-tick-orange.png") no-repeat scroll 0 8px transparent; display:block; padding: 0 0 0 25px; } .violet .offres ul li span { background-color: transparent; background-image: url("/wp-content/themes/nautica/images/sprite.png"); background-position:-961px -744px; } /* ------------------------- :: Block : Expertises ------------------------- */ .expertise { margin:40px 0 0; float:left; clear:both; width:100%; } .expertise p { margin:0; } .expertise-title { display:block; clear:both; text-align:center; margin:0; } .expertise-title strong { border-bottom: 1px solid #D9D9D9; border-top: 1px solid #D9D9D9; color: #303131; font-size: 22px; padding:6px 0 3px; text-transform: uppercase; } .expertise-bloc { background: url("images/nbs-bdr-point.png") repeat-x scroll 0 bottom transparent; padding:30px 0; overflow:hidden; margin:0; } .expertise-bloc-left { float:left; width:180px; text-align:center; } .expertise-bloc-left img { float:none!important; margin:0!important; } .expertise-bloc-right { float: left; max-width: 440px; padding: 0 0 0 40px; } /* ------------------------- :: Block : Satisfait ------------------------- */ .satisfy { background: url("images/nbs-picto-satisfy.png") no-repeat scroll 90% 85% transparent; float:left; width:100%; margin:40px 0 0; } .satisfy-title { display:block; clear:both; text-align:center; margin:0; } .satisfy-title strong { border-bottom: 1px solid #D9D9D9; border-top: 1px solid #D9D9D9; color: #303131; font-size: 22px; font-weight:normal; font-family: 'PTSansBold'; padding:6px 0 3px; text-transform: uppercase; } .satisfy-subtitle { font-size: 16px; line-height: 20px; margin: 20px 0 10px; } .satisfy-subtitle strong { font-weight:normal; font-family: 'PTSansBold'; } .satisfy ul { list-style:none; margin:0; } .satisfy ul li { background: url("images/nbs-content-puce.png") no-repeat scroll 0 9px transparent; padding: 0 0 0 13px; } /* ------------------------- :: Sidebar : Offres ------------------------- */ .sidebar-offres { float: right; padding: 0 40px 10px 40px; width: 27.8%; } .sidebar-offres .columns { border-bottom: 1px solid #D9D9D9; margin: 0 0 30px; min-width: 100%; padding: 0 0 30px !important; position: relative; } .sidebar-offres .four.columns { margin:0; } .sidebar-offres .columns p { margin:0; } .sidebar-offres .columns p img { width:40px!important; float:left; margin:0 0 10px; } .sidebar-offres .columns .page-item-title { color: #313030; font-size: 14px; font-weight: normal; font-family: 'PTSansBold'; margin: 8px 0 0; padding: 0 0 0 50px; text-transform: uppercase; } .sidebar-offres .columns .page-item-text { clear:both; } .sidebar-offres .columns .page-item-text strong { font-weight:normal; font-family: 'PTSansBold'; } .sidebar-offres .columns .more { background: none repeat scroll 0 0 #FFFFFF; bottom: -11px; left: 50%; margin-left: -15px; padding: 0 10px; position: absolute; } .sidebar-offres .columns .more a { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position: -1167px 0px; color: #FFFFFF; display: block; font-size: 0; height: 21px; overflow: hidden; text-indent: -999px; width: 21px; } .sidebar-offres .more { display:none; } .sidebar-offres .xen-side { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position: 0px -563px; font-size: 13px; line-height:16px; font-family: 'PTSansItalic'; padding: 0 0 0 70px; width:190px; } /* end CONTENT PAGES ====================================================================================*/ /* ------------------------- :: Page : Articles ------------------------- */ article.contact, article.page, article.post { padding:0 ; margin-bottom:0; } .hcenter { display: block; margin: auto; } .single-portfolio_item article.portfolio_item { display: block; margin: auto; } article.contact { padding-right: 20px; padding-top: 0px; background-color: transparent; } article h1 { margin-bottom: 20px; } article.page h1 { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px dotted #eee; } article.page .row h1, article.page .row h2 { margin-bottom: 10px; } article.page .row h1 { padding: 0px; border: 0px; color: #222; } article figure { margin: 0px; margin-bottom: 10px; } article img { margin: 0px; border:0 none; } article .entry-content img { padding: 4px; border: 1px solid #eee; border-radius: 3px; } .entry-images .over-block { display: block; background-color: rgba(0, 0, 0, 0.3); position: absolute; color: #fff; padding: 5px 10px; text-transform: uppercase; z-index: 1000; margin-top: 20px; margin-left: 5px; border-radius: 0px 5px 5px 0px; } .entry-images .over-block .post-picture { display: block; width: 20px; height: 20px; background: url(images/picture.png) no-repeat; } .entry-images .over-block .post-gallery { display: block; width: 20px; height: 20px; background: url(images/gallery.png) no-repeat; } div.portfolio article img { border-radius: 0px; } article header h1 { margin-bottom: 0px; padding-bottom: 15px; } article header h2 { margin: 0px; padding-bottom: 15px; display:block; clear:both; transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; } article footer { border-bottom: 1px solid #D9D9D9; clear: both; display: block; float: left; margin-bottom: 30px; margin-top: 0; padding-top: 30px; width: 100%; } article .entry-images { display: block; margin-bottom: 15px; } article .entry-content .readmore { float:right; } article .entry-content .tagcloud { float: left; margin: 0; width: 80%; } article .entry-content .tagcloud p, article .entry-content .tagcloud a { color:#999; background:none; border: 0 none; float:left; margin:0; box-shadow:1px 1px 1px #fff!important; line-height:18px; } article .entry-content .tagcloud a { font-size:12px!important; padding:0 5px!important; text-decoration:underline; } article .entry-content .tagcloud a:hover { color:#313030; } article .entry-content .tagcloud a:after, article .entry-content .tagcloud a:before { border:0 none; box-shadow:none; box-shadow:1px 1px 1px #fff!important; height:0!important; } article .metainfo { color: #a3a3a3; font-size: 11px; min-height: 30px; display: block; line-height: 20px; margin-bottom: 10px; background: url(images/line-dotted.png) repeat-x center 12px; } article .metainfo.noborder { border: 0; background: transparent; } article .metainfo .date, article .metainfo .author, article .metainfo .cats, article .metainfo .tags, article .metainfo .comments { display: block; float: left; min-height: 26px; padding: 2px; padding-left: 38px; padding-right: 5px; margin-right: 30px; } article .portfolio-details { color: #a3a3a3; font-size: 11px; min-height: 30px; display: block; line-height: 20px; margin-bottom: 10px; } article .portfolio-details .date, article .portfolio-details .author, article .portfolio-details .tags { display: block; height: 26px; padding: 0px; padding-left: 30px; padding-right: 5px; margin-right: 40px; margin-bottom: 5px; } article .portfolio-details .date { background: url(images/nbs-metainfo.png) no-repeat 0px -40px; } article .portfolio-details .author { background: url(images/nbs-metainfo.png) no-repeat 0px -160px; } article .portfolio-details .tags { background: url(images/nbs-metainfo.png) no-repeat 0px 0px; } article .metainfo .date { background: url(images/nbs-metainfo.png) no-repeat 0px -40px; background-color: #fff; padding-left: 28px; } article .metainfo .author { background: url(images/nbs-metainfo.png) no-repeat 10px -160px; background-color: #fff; } article .metainfo .tags { background: url(images/nbs-metainfo.png) no-repeat 0px 0px; background-color: #fff; padding-left: 28px; } article .metainfo .cats { background: url(images/nbs-metainfo.png) no-repeat 10px -120px; background-color: #fff; } article .metainfo .comments { background: url(images/nbs-metainfo.png) no-repeat 10px -80px; float: right; background-color: #fff; margin-right: 0px; } article .portfolio-navigation .portfolio-all { background: url(images/portfolio-all.png) no-repeat; } article .portfolio-navigation a[rel="next"] { background: url(images/portfolio-next.png) no-repeat; } article .portfolio-navigation a[rel="prev"] { background: url(images/portfolio-previous.png) no-repeat; } article .portfolio-navigation a { float: left; padding: 0px; padding-left: 25px; padding-right: 5px; } article .portfolio-navigation .portfolio-all { float: right; height: 26px; padding: 0px; padding-left: 30px; padding-right: 5px; } article .portfolio-navigation { display: block; line-height: 30px; min-height: 35px; padding: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 5px; margin-left: 5px; margin-right: 5px; border-bottom: 1px solid #d9d9d9; } body.tag .post-box article, body.category .post-box article, body.author .post-box article, .with-sidebar article.page, .with-sidebar article.post { padding:0 40px; } .sidebar-left.with-sidebar article.page, .sidebar-left.with-sidebar article.post { padding-left: 35px; padding-right: 5px; } .last-posts.rs-carousel-item a.fixedsize { display: block; height: 144px; } .last-posts.rs-carousel-item h3 { margin: 10px 0px; } .jc-next, .jc-previous { background-image: url(images/nav-buttons.png); background-repeat: no-repeat; width: 20px; height: 20px; float: right; margin-top: -2px; display:none!important; } .beopen-home .jc-next{ background-image: url(images/nav-buttons.png); background-repeat: no-repeat; width: 20px; height: 20px; position:absolute; margin-top: -2px; right:0px; display:none!important; } .beopen-home .jc-previous { background-image: url(images/nav-buttons.png); background-repeat: no-repeat; width: 20px; height: 20px; position:absolute; margin-top: -2px; right:20px; display:none!important; } .jc-previous { background-position: 0px -20px; } .beopen-home .jc-previous:hover { background-position: 0px 0px; background-color: #303131; } .jc-next { background-position: -24px -20px; } .beopen-home .jc-next:hover { background-position: -24px 0px; background-color: #303131; } .pb25 { padding-bottom: 25px; } /* ------------------------- :: Content :: Homepage ------------------------- */ .work .flex-container { width: 205px !important; } .fred { display: none; } .caroufredsel_wrapper { /*cursor: url(images/hand-grab.png), auto !important;*/ /*height:60px !important;*/ margin: 0 !important; width:100%;} .caroufredsel_wrapper .fred { display: block; left:0!important; } .beopen-client.rs-carousel-item { float: left; height: 40px; margin:0 20px 0 20px; width:156px; } .beopen-home h2 { background: url(images/nbs-boepen-h2-bkg.png) repeat-x center 9px; border:0 none; margin:0 0 20px!important; padding:0!important; text-align:center; font-size: 14px; color: #888; font-weight: normal; font-family: 'PTSansBold'; text-transform: uppercase; } .home-inner-section { padding-top: 30px; display: block; } .beopen-home h2 span.title { background: none repeat scroll 0 0 #FAFAFA; color: #C4C4C4; font-size: 16px; padding: 0 10px; text-shadow: 0px 2px 1px #fff; text-transform: uppercase; } p.subtitle { font-size: 12px; margin-bottom: 0px; } .beopen-even img, .beopen-odd img { max-width: 200%; } .beopen-odd { width: 100%; display: block; min-height: 50px; padding: 25px 0px; } .after-slider-separator { display: block; height: 10px; width: 100%; } .beopen-even { width: 100%; display: block; min-height: 50px; color: #999; padding: 25px 0px; background-position: center bottom; background-repeat: no-repeat; } .home .beopen-even { padding: 25px 0px; } a .hovering { margin-top: 0px; display: block; width: 205px; background-color: #36B8D4; color: #fff; padding: 0px 15px; padding-top:6px; } a:hover .hovering h3, a .hovering h3, a:hover .imgHover h3, a .imgHover h3 { color: #fff !important; } .statement strong { color: #49bed8; } .row .columns.feature { padding: 10px; padding-left: 15px; padding-right: 15px; text-align: left; overflow: hidden; } .feature .centered { display: block; width: 100%; text-align: center; } .feature a.service-button { margin: auto; margin-top: 10px; margin-right: 2px; text-align: center; } .row .columns.feature span { line-height: 1.6em; } .row.collapse .columns.process { padding: 0px; padding-left: 15px; padding-right: 15px; } .row .columns.feature .service-bg { display: block; margin: auto; width: 68px; height: 74px; background: url(images/service-bg.png) no-repeat; line-height: 82px; margin-bottom: 20px; text-align: center; overflow: hidden; } .row .columns.feature .service-bg .glass-bg { height: 74px; } .row .columns.feature .service-bg img { vertical-align: middle; } .work { height: 300px; } .work i { font-size: 10px; color: #fff; padding-bottom: 15px; display: block; } .work h2 { font-size: 16px; padding-bottom: 5px; padding-top: 1px; color: #fff; padding-bottom: 0px; margin: 0 !important; } .work p { font-size: 12px; } .process img { border-radius: 40px; } .glass-bg { background: url(images/glass-bg.png) no-repeat center top; display: block; position: absolute; width: 100%; height: 100%; } .work a .glass-bg { background: url(images/glass-bg.png) no-repeat center center; display: block; position: absolute; width: 205px; height: 100%; transition: opacity 0.2s; -moz-transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; z-index: 101; } .work a .info { display: none; position: absolute; transition: background 0.5s; -moz-transition: background 0.5s; -webkit-transition: background 0.5s; -o-transition: background 0.5s; top: 45%; margin-top: -50px; text-align: center; width: 205px; height: 100%; z-index: 100; } .work a .solid-bg { background-color: #46bed8; display: block; position: absolute; width: 205px; height: 100%; opacity: 0; transition: opacity 0.2s; -moz-transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; top: 0px; -webkit-transform:rotate(0deg); border-radius: 2px; } .work img { -webkit-transition: all 0.5s; border-radius: 2px; } .no-touch .work a:hover .solid-bg { opacity: 1; } .no-touch .work a:hover .info { display: block; } .work a .info h3, .work a .info p { color: #fff !important; padding-left: 30px; padding-right: 30px; } .work a .info h3 { font-size: 16px; text-transform: uppercase; font-weight: normal; font-family: 'PTSansBold'; color: #fff; padding: 0px; padding-bottom: 5px; display: inline; } .work a .info span.text { color: #fff !important; display: block; padding-bottom: 15px; } a .imgHover { display: block; overflow: hidden; } a .imgHover .hover-glow { display: block; position: absolute; width: 100px; height: 100px; background-color: #36b8d4; opacity: 0; } a .imgHover .hover-link-icon { display: block; position: absolute; width: 100px; height: 100px; background: url(images/hover-link-icon.png) no-repeat center center; opacity: 0; } a .imgHover .hover-link-bg { display: block; position: absolute; width: 30px; height: 30px; border: 2px solid #fff; opacity: 0; border-radius: 30px; } .no-touch a:hover .imgHover .hover-glow { opacity: 1; } a:hover .hover-link-icon { opacity: 1; } .no-touch a:hover .hover-link-bg { filter: alpha(opacity=100); opacity: 0.2; } .circle-1 { position: absolute; display: block; width: 60px; height: 60px; border: 2px solid #fff; border-radius: 60px; left: 50%; margin-left: -30px; opacity: 0.5; } .circle-2 { position: absolute; display: block; width: 48px; height: 48px; border: 2px solid #fff; border-radius: 50px; left: 50%; margin-left: -24px; margin-top: 6px; } .circle-3 { position: absolute; display: block; width: 60px; height: 60px; left: 50%; margin-left: -30px; line-height: 55px; color: #fff; font-size: 30px; } .beopen-odd p.subtitle, .beopen-even p.subtitle { padding-left: 15px; } span.subtitle { font-size: 12px; padding-left: 10px; margin-left: 7px; margin-top: -1px; background: url(images/subtitle-separator.png) no-repeat left center; } .processes .imgHover { border-top: 2px solid #4bc0d8; } .processes .rightarrow { background-image: url(images/right-arrow.png); background-position: center center; background-repeat: no-repeat; width: 205px; display: block; height: 10px; margin-top: 5px; position: absolute; z-index: 3; } .process-bg { background-image: url(images/process-circle.png); background-position: center top; background-repeat: no-repeat; display: block; width: 120px; height: 120px; margin: auto; /* display: table-cell; vertical-align: middle; display:-moz-box; -moz-box-orient:horizontal; -moz-box-pack:center; -moz-box-align:center; display:-webkit-box; -webkit-box-orient:horizontal; -webkit-box-pack:center; -webkit-box-align:center; display:box; box-orient:horizontal; box-pack:center; box-align:center; */ } .process-bg img { display: block; margin: auto; padding-top: 7px; } .process { padding-top: 20px; background: url(images/procesess-bg.png) no-repeat -170px 70px; display: block; overflow: hidden; } .process:first-child { background-position: 60px 70px; } .process:last-child { background-position: -640px 70px; } .process h3 { margin: 3px; margin-left: 0px; margin-right: 0px; text-align: center; font-weight: normal; text-align: center; font-size: 15px; padding-bottom: 0px; font-weight: 600; } .processes .pbox { display: block; text-align: center; width: 205px; position: absolute; z-index: 3; margin-top: -7px; } .processes .pbox2 { display: block; text-align: center; width: 205px; position: absolute; z-index: 3; margin-top: -7px; } .last-posts { min-height: 60px; display: block; padding-bottom: 10px; } .last-posts .flex-container { padding-bottom: 7px; } .last-posts img { border-radius: 2px; } .last-posts h2 { margin: 0px; } .last-posts p { font-size: 12px; margin-bottom: 5px; } .last-posts .over-block { display: block; background-color: rgba(0, 0, 0, 0.3); position: absolute; color: #fff; padding: 5px 10px; text-transform: uppercase; z-index: 1000; margin-top: 10px; border-radius: 0px 5px 5px 0px; margin-left: 5px; } .last-posts .over-block .post-picture { display: block; width: 20px; height: 20px; background: url(images/picture.png) no-repeat; } .last-posts .over-block .post-gallery { display: block; width: 20px; height: 20px; background: url(images/gallery.png) no-repeat; } .last-posts span.mini-meta { font-size: 11px; font-style: italic; display: block; padding-bottom: 5px; } .last-posts a img { padding: 4px; border: 1px solid #EEE; -webkit-transition: all 0.3s; } .no-touch .last-posts a:hover img { opacity: 0.8; -webkit-transition: all 0.3s; } .last-posts a.readmore { padding: 0px; padding-top: 10px; background: url(images/readmore.png) no-repeat right 13px; padding-right: 16px; } .last-posts h3 a { color: #444; margin: 0px; font-size: 14px; line-height: 1.4em; display: block; font-weight: normal; margin-bottom: 5px; } .last-posts h3 a img { display: block; } .last-posts h3:hover { color: #fff; } .processes .pbox2 h3 { padding: 10px 15px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; opacity: 0.2; } .process p { padding-top: 10px; } .shadow-top { position: absolute; background-repeat: no-repeat; background-position: top center; height: 42px; width: 100%; left: 0px; margin-top: -25px; z-index: 100; } .shadow-bottom { position: absolute; background-repeat: no-repeat; background-position: top center; height: 42px; width: 100%; left: 0px; margin-top: -18px; z-index: 100; } /* MOTTO */ /* CALL TO ACTION */ .row.collapse .columns.calltoaction .inner-calltoaction { padding: 20px; margin: 0px 15px; padding-left: 30px; margin-left: 30px; } .triangle-top { width: 0; height: 0; border-top: 45px solid #f0f0f0; border-left: 15px solid transparent; position: absolute; margin-top: -20px; margin-left: -50px; } .triangle-bottom { width: 0; height: 0; border-bottom: 45px solid #f0f0f0; border-left: 15px solid transparent; position: absolute; margin-top: 19px; margin-left: -50px; bottom: 0px; } .row.collapse .columns.calltoaction .inner-calltoaction { background-color: #f0f0f0; padding-top: 20px; padding-bottom: 20px; } .inner-calltoaction p, .inner-calltoaction, .motto { font-size: 24px; text-align: center; padding-left: 35px !important; padding-right: 35px !important; color: #444; box-sizing: border-box; } .motto { line-height: 1.4; padding-top: 10px; padding-bottom: 10px; } .row.collapse .columns.call_to_action_text { font-size: 15px; line-height: 1.5em; padding-left: 5px; } .inner-calltoaction { text-align: left; padding-left: 20px; padding-right: 20px; } .inner-calltoaction .button { margin: 0; padding-left: 15px; padding-right: 15px; font-size: 18px; } .motto strong { text-shadow: 2px 2px 0px #f6f6f6; } .beopen-even .motto h3 .beopen-odd .motto h3 { margin: 0px; } /* ------------------------- :: Content :: Home :: Services ------------------------- */ .feature h3 { font-weight: normal; color: #222; text-align: center; font-size: 15px; padding-bottom: 0px; font-weight: 600; } .feature img { margin-bottom: 10px; } .feature a { text-align: left; } .feature, .feature p { text-align: center; font-size: 13px; } /* ------------------------- :: Content :: Home :: Portfolio ------------------------- */ .work h3 { margin: 3px; margin-left: 0px; margin-right: 0px; } /* ------------------------- :: Content :: Home :: Clients ------------------------- */ .beopen-client img { display: block; margin: auto; } .beopen-client img { /*filter: url(https://www.nbs-system.com/wp-content/themes/nautica/images/filters.svg#grayscale); filter: gray; -webkit-filter: grayscale(1); -webkit-transition: -webkit-filter 0.5s;*/ } .beopen-client img:hover { /*filter: none; -webkit-filter: grayscale(0);*/ } .beopen-home [class*="widget_"], .beopen-home .flickr, .beopen-home .widget_text, .beopen-home .widget_recent_entries, .beopen-home .widget_meta, .beopen-home .widget_pages, .beopen-home .widget_archive, .beopen-home .widget_links, .beopen-home .widget_categories, .beopen-home .widget_tag_cloud { margin: 0px; padding: 0px; padding-left: 15px !important; } .beopen-home [class*="widget_"] h6, .beopen-home .flickr h6, .beopen-home .widget_text h6, .beopen-home .widget_recent_entries h6, .beopen-home .widget_meta h6, .beopen-home .widget_pages h6, .beopen-home .widget_archive h6, .beopen-home .widget_links h6, .beopen-home .widget_categories h6, .beopen-home .widget_tag_cloud h6 { margin-top: 0px; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #EEE; } .beopen-home [class*="widget_"] h6 strong, .beopen-home .flickr h6 strong, .beopen-home .widget_text h6 strong, .beopen-home .widget_recent_entries h6 strong, .beopen-home .widget_meta h6 strong, .beopen-home .widget_pages h6 strong, .beopen-home .widget_archive h6 strong, .beopen-home .widget_links h6 strong, .beopen-home .widget_categories h6 strong, .beopen-home .widget_tag_cloud h6 strong { padding-right: 13px; } /* ------------------------- :: Page :: NBS Lab' :: ------------------------- */ .nbs-lab-page { overflow:hidden; margin:0; } .nbs-lab-logo { display:block; text-align:center; margin:30px 0 0 0!important; } .nbs-lab-page .labs { padding:0 40px; } .nbs-lab-page .lab.violet a:hover { color:#672377!important; } .nbs-lab-page .lab.vert a:hover { color:#78a013!important; } .nbs-lab-page .lab.blue a:hover { color:#128b97!important; } .nbs-lab-page .lab img.aligncenter { display: block; margin: 0 auto; } .nbs-lab-page .lab { background-image: url('images/sprite2.png'); background-color: transparent; background-repeat: no-repeat; background-position: right bottom; margin:0 31px 0 0; min-height: 425px; padding: 0 0 90px !important; width: 279px; } .nbs-lab-page .lab.last { margin:0!important; } .nbs-lab-page .hexa-title { clear: both; display: block; margin:15px 0 10px 0; padding:0 28px; text-align: center; } .nbs-lab-page .hexa-title strong { font-family: 'PTSansBold'; font-weight:normal; border-bottom: 1px solid #D9D9D9; border-top: 1px solid #D9D9D9; color: #303131; font-size: 22px; padding:10px 0 7px; text-transform: uppercase; display:block; } .nbs-lab-page .hexa-title a { color: #303131; display: block; line-height: 22px; } .nbs-lab-page .labs p, .nbs-lab-page .labs ul { margin:0; padding:0 24px 0 30px; } .nbs-lab-page .labs ul li { list-style:none; padding:10px 0 15px 0; background: url("images/nbs-bdr-point.png") repeat-x scroll 0 bottom transparent; } .nbs-lab-page .labs ul li a { background: url("images/nbs-list-arrow2.png") no-repeat scroll -4px 0 transparent; padding-left: 14px; color:#4e5151; } .nbs-lab-cat { padding:40px 0 0 0; overflow:hidden; } .nbs-lab-cat .nine.columns { padding:0 40px!important; width:72.2% !important; min-height:640px;} .nbs-lab-cat .nine.columns .page-description-text { background: url("images/nbs-content-arrow.png") no-repeat scroll 0 4px transparent; color: #858585; font-family: 'PT Sans',Arial,sans-serif; font-size: 14px; line-height: 24px; margin: 0 0 30px; padding: 0 0 0 60px; text-align: justify; } .nbs-lab-cat .two.columns { margin: 0 0 30px; width:50%; } .nbs-lab-cat .lab-cat-title { display: block; margin: 0 0 30px !important; padding:27px 0 0 0!important;} .nbs-lab-cat.e-commerce .lab-cat-title { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position: 0px -820px; } .nbs-lab-cat.security .lab-cat-title { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position: 0px -914px; } .nbs-lab-cat.cloud .lab-cat-title { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position: 0px -1022px; } .nbs-lab-cat .lab-cat-title strong { font-family: 'PTSansBold'; font-weight:normal; display:block; margin:0 0 0 60px; font-size:22px; color:#303130; text-transform:uppercase; border-bottom: 1px solid #D9D9D9; border-top: 1px solid #D9D9D9; padding:12px 0 10px; } .nbs-lab-cat.e-commerce .lab-cat-title strong { color:#672377; } .nbs-lab-cat.security .lab-cat-title strong { color:#78a013; } .nbs-lab-cat.cloud .lab-cat-title strong { color:#128b97; } .nbs-lab-cat .lab-cat-image { border: 1px solid #D9D9D9; border-radius: 6px 6px 6px 6px; display: block; margin:30px 0; text-align:center; } .nbs-lab-cat .lab-cat-image img { margin:30px auto 20px; } .nbs-lab-cat .sidebar-lab { padding:0 40px!important; width:27.7% !important; } .nbs-lab-cat .widget_categories h3 { font-size:14px; color:#313030; text-transform:uppercase; display: block; margin: 0 0 5px !important; min-height: 76px; padding: 21px 0 0; } .nbs-lab-cat .widget_categories.e-commerce h3 { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position:-3px -820px; } .nbs-lab-cat .widget_categories.security h3 { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position:-3px -914px; } .nbs-lab-cat .widget_categories.cloud h3 { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position:-3px -1022px; } .nbs-lab-cat .widget_categories h3 strong { font-family: 'PTSansBold'; font-weight:normal; display:block; margin:0 0 0 50px; color:#303130; text-transform:uppercase; border-bottom: 1px solid #D9D9D9; border-top: 1px solid #D9D9D9; padding:12px 0 10px; } .nbs-lab-cat .widget_categories h3 strong a { color:#303130; } .nbs-lab-cat .widget_categories ul { list-style:none; margin: 0 0 30px; } .nbs-lab-cat .widget_categories ul li { background: url("images/nbs-bdr-point.png") repeat-x scroll 0 bottom transparent; list-style: none outside none; padding: 10px 0 12px; } .nbs-lab-cat .widget_categories ul li a { background: url("images/nbs-list-arrow2.png") no-repeat scroll -4px 0 transparent; padding:0 0 0 14px; color:#313030; } .nbs-lab-cat .widget_categories ul li a:hover { padding:0 0 0 20px; } /* ------------------------- :: Content :: Home :: HtmlBox ------------------------- */ .innerhtmlbox { padding: 0px 15px; } /* ------------------------- :: Content :: Masonry ------------------------- */ .masonry { padding-right: 0px; } .masonry article.post { padding-bottom: 0px; margin-bottom: 0px; } .masonry article.post .author, .masonry article.post .cats { display: none; } .masonry { display: block; width: 100%; } .masonry .masonry-item { min-width: 200px; width: 33.3% !important; padding: 0 !important; overflow: hidden; padding: 20px !important; } .masonry .masonry-item article { padding: 0px; } /* ------------------------- :: Content :: Portfolio ------------------------- */ ._blog > .row.portfolio { padding-top: 50px; } .portfolio h1 { margin-top: 20px; } .portfolio h2 { color: #777; margin-top: 60px; } .beopen-filters { display: block; width: 100%; font-size: 14px; color: #222121; padding-top: 0px; padding-bottom: 20px; margin-bottom: 10px; } .beopen-filter { float: left; display: block; padding: 5px 5px; color: #ccc; border-radius: 3px; } p.my_term-archive { margin-bottom: 0px; background-color: #fafafa; display: block; width: 100%; min-height: 30px; border-radius: 2px; padding: 0px 10px; box-shadow: 0px 0px 2px #CCC inset; } p.my_term-archive a { -webkit-transition: none; -o-transition: none; -moz-transition: none; transition: none; } .portfolio_tag { color: #999; font-weight: normal; font-size: 14px; display: block; float: left; } .portfolio_tag_inner { padding: 5px 12px 5px 12px; border: 1px solid transparent; line-height: 28px; } .portfolio_tag:hover .portfolio_tag_inner, .portfolio_tag.portfolio_tag_selected .portfolio_tag_inner { display: block; border: 1px solid #eee; margin-top: -3px; padding-top: 3px; box-shadow: 0px 0px 2px #46bed8; border-radius: 2px; color: #666; line-height: 26px; } .portfolio_tag.portfolio_tag_selected .portfolio_tag_inner { border: 1px solid #46bed8; } .portfolio_tag:hover { color: #444; background-color: #fff; } .portfolio_tag.portfolio_tag_selected { color: #444; background-color: #fff; } div#portfolios { clear: both; display: block; margin: 0px 0px 0px 14px; } .twelve.portfolio_item { width: 910px; overflow: hidden; } .six.portfolio_item { width: 454px; overflow: hidden; } .four.portfolio_item { width: 302px; overflow: hidden; } .three.portfolio_item { width: 226px; overflow: hidden; } div.portfolio_item { padding: 0 !important; margin-bottom: 1px; margin-right: 1px; } div.portfolio_item_box { display: block; background-color: transparent; margin: 0px 0px; margin-bottom: 0px; display: block; } div.portfolio_item_box img { display: block; } div.portfolio_item p { margin: 0px 0px; } div.portfolio-info { display: none; position: absolute; transition: background 0.5s; -moz-transition: background 0.5s; -webkit-transition: background 0.5s; -o-transition: background 0.5s; top: 50%; margin-top: -57px; text-align: center; width: 100%; height: 100%; z-index: 100; } .no-touch div.portfolio_item:hover div.portfolio-info { display: block; } article.portfolio_item a .glass-bg { background: url(images/glass-bg.png) no-repeat center center; display: block; position: absolute; width: 100%; height: 100%; transition: opacity 0.2s; -moz-transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; z-index: 101; } article.portfolio_item a .solid-bg { background-color: #46bed8; display: block; position: absolute; width: 100%; height: 100%; opacity: 0; transition: opacity 0.2s; -moz-transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; z-index: 50; } .no-touch article.portfolio_item a:hover .solid-bg { opacity: 1 !important; } .no-touch article.portfolio_item a:hover .glass-bg { opacity: 0.4; } article.portfolio_item a span.text { color: #fff !important; display: block; padding-bottom: 15px; } article.portfolio_item a span.zoom { background: url(images/zoom.png) no-repeat; width: 12px; height: 12px; display: block; margin: 10px auto; } article.portfolio_item a h3 { text-transform: uppercase; font-weight: normal; font-family: 'PTSansBold'; color: #fff; padding: 0px; display: inline; padding-bottom: 5px; } .no-touch div.portfolio_item:hover .portfolio-info { background-position: center top; } .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { /*pointer-events: none;*/ z-index: 1; } article.portfolio_item { transition: opacity 0.2s; -moz-transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; } article.portfolio_item .metainfo { padding-bottom:5px; } article.portfolio_item .rightalign { text-align: right; padding-top: 5px; } article.portfolio_item .metainfo .portfolio-all { float: right; } article.portfolio_item .metainfo a[rel="prev"] { display: block; float: left; height: 25px; padding: 5px; padding-left: 25px; padding-right: 15px; } article.portfolio_item .metainfo a[rel="next"] { display: block; float: left; height: 25px; padding: 5px; padding-left: 15px; padding-right: 25px; background-position: right top; } article.portfolio_item .metainfo .author, article.portfolio_item .metainfo .tags, article.portfolio_item .metainfo .date { float: none; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* -------------------------- :: Content :: Contact --------------------------- */ #map_canvas { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } textarea { height: 100px; } /* ------------------------- :: Content :: Other Pages ------------------------- */ .wider_blog { background:#fafafa url(images/nbs-home-main-bkg.jpg) 0 0 repeat-x; display: block; } ._blog { background: url('images/nbs-fadingtop2.png') no-repeat center 65px; padding:0; } ._blog .featured-post { margin: 0 0 40px; padding: 0 40px; clear:both; } ._blog .featured-post > div { padding:0 0 40px; border-bottom:1px solid #d9d9d9; overflow: hidden; } ._blog .featured-post h2 { color:#25487A; font-weight: normal; font-family: 'PTSansBold'; margin: 26px 0 30px; text-align: center; text-transform: uppercase; } ._blog .featured-post ul li { float: left; margin-right: 2%; width: 18%; } ._blog .featured-post .post-pushed-image { display:block; } ._blog .featured-post p { margin:0; } ._blog .featured-post a { color:#4e5151; } ._blog .row .nine { border-right: 1px solid #D9D9D9; padding: 0; } ._blog .row .nine.with-sidebar { margin:0 0 40px; } .row.beopen-single { padding:0; } .page ._blog .beopen-page-full { padding-top: 30px; min-height: 300px; } section#respond, section#comments { padding-top: 0px; border-top: 1px solid #f3f3f3; } section#respond { margin-top: 20px; } section h3 { color: #999; } section#comments ol, section#comments ul { list-style-type: none; } section ol.commentlist { margin: 0px; } section ol.commentlist li { background-color: #fff; border-top: 1px dotted #f3f3f3; padding-bottom: 5px; } section ol.commentlist article { padding-top: 15px; padding-bottom: 15px; } section ol.commentlist ul.children { margin-bottom: 0px; } section ol.commentlist ul.children li { padding-left: 80px; padding-bottom: 0px; background: url(images/comments-arrow.png) no-repeat 20px 40px; } section#comments .comment-reply-link, section#comments .comment-edit-link { font-size: 13px; } section#comments .comment-reply-link::before, section#comments .comment-edit-link::before { content: '-'; padding: 0px 5px; } section#comments .comment-reply-link:hover, section#comments .comment-edit-link:hover { color: #77c831; } section#comments .fn { font-style: normal; font-size: 13px; font-weight: normal; font-family: 'PTSansBold'; } time { color: #c9c9c9 !important; font-size: 12px; background-image: url(images/comments-clock.png); background-repeat: no-repeat; padding-left: 18px; margin-left: -5px; } section#comments .avatar { float: left; } section#comments .notice, section#comments header, section#comments section { margin-left: 80px; } section#comments .notice { font-weight: normal; font-family: 'PTSansBoldItalic'; } #commentform label { font-size: 13px; } .author-box { display: block; padding: 0px 0px; padding-bottom: 20px; background-color: #efefef; min-height: 110px; margin-top: 30px; margin-bottom: 30px; background-image: url(images/white-corner-bottom-right.png); background-repeat: no-repeat; background-position: right bottom; border-radius: 2px; transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; } .author-box h3.title { padding-top: 15px; padding-bottom: 15px; border-top: 2px solid #F3F3F3; border-bottom: 1px solid #fff; color: #999; padding-left: 20px; text-shadow: #fff 1px 1px 1px; } .author-picture-box { display: block; float: left; width: 90px; height: 90px; margin-right: 20px; border-radius: 90px; border: 6px solid #fff; box-shadow: 0px 2px 3px #ccc; margin-left: 20px; } .author-picture-box img { border-radius: 90px; } .author-description { padding: 15px 20px; padding-top: 5px; display: block; margin-left: 90px; } .baie .columns{background:none!important;} /* ------------------------- :: Content :: Search Page ------------------------- */ .post-box { padding:0; } .home.page .post-box { padding:0 0 30px; overflow:visible; } .page .post-box { border:0 none; padding:0 0 40px; margin:0; overflow:hidden; clear:both; } .single .post-box { border:0 none; padding:0 40px 40px 40px; margin:0; } /* ------------------------- :: Content :: About us ------------------------- */ article.team_member { min-height: 420px; } div.member-header { display: block; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dotted #e5e5e5; color: #898989; } span.member-name { display: block; color: #46bed8; font-size: 16px; line-height: 24px; } span.member-job { display: block; font-size: 13px; color: #898989; } .member-header [class*="socialicon-"] { background-image: url('images/social2.png'); } .member-header [class*="socialicon-"]:hover { background-color: transparent !important; } /* ------------------------- :: Content :: Contact ------------------------- */ .rightfade { display: block; background: url(images/sidebar-shadow.png) no-repeat top right; padding-top: 20px; padding-right: 30px; } .contact-sidebar { line-height: 20px; padding-top: 10px; } button.send-message { line-height: 22px; } span.send-message { background: url(images/contact-icon.png); display: block; width: 30px; margin-right: 2px; float: left; height: 20px; margin-top: 1px; margin-left: -5px; } /* ------------------------- :: Sidebars ------------------------- */ #sidebar { padding: 0 40px; width:27.7%; } #sidebar .widget { border-bottom: 1px solid #d9d9d9; padding-bottom: 20px; } .widget { padding:0; } .widget h6 { color: #c8c8c8; font-size: 13px; text-transform:uppercase; margin: 20px 0; } /* ------------------------- :: Sidebars :: Latest Posts Widget ------------------------- */ .footer-section .last-posts .imgHover, .sidebar-section .last-posts .imgHover { width: 50px; height: 50px; float: left; border: 0px; } .footer-section .last-posts .sidebar-section .last-posts { min-height: 70px; margin-bottom: 0px; padding: 0px; } .footer-section .last-posts a, .sidebar-section .last-posts a { margin-left: 60px; margin-bottom: 5px; display: block; } .footer-section .last-posts h3, .sidebar-section .last-posts h3 { color: #888; padding: 0px; border: 0; font-size: 12px; font-weight: 600; margin: 0px; background-color: transparent; min-height: 0px; line-height: 18px; } .footer-section .last-posts a:hover h3, .sidebar-section .last-posts a:hover h3 { color: #77c831; } .footer-section .last-posts span, .sidebar-section .last-posts span { font-size: 10px; color: #bbb; } .beopen-sc .last-posts { padding: 0px !important; margin-right: 25px !important; width: 209px !important; } .beopen-odd .last-posts, .beopen-even .last-posts { float: left; } /* ------------------------- :: Sidebars :: Services ------------------------- */ .footer-section .service, .sidebar-section .service { padding: 0px; } .sidebar-section .service-bg, .footer-section .service-bg { float: left; display: block; margin: auto; width: 30px; height: 74px; background: url(images/hexagon-medium.png) no-repeat; line-height: 82px; text-align: center; margin-top: -7px; } .sidebar-section .service-bg img, .footer-section .service-bg img { margin: auto; margin-top: 5px; } .footer-section .service h3, .sidebar-section .service h3 { color: #444; font-size: 15px; font-weight: 600; padding-left: 40px; padding-right: 5px; padding-bottom: 0px; } .footer-section .service .service-text, .sidebar-section .service .service-text { color: #777; font-size: 12px; line-height: 18px; padding-left: 40px; padding-right: 5px; text-align: left !important; } .footer-section .service h3 { color: #aaa; } /* ------------------------- :: Sidebars :: Portfolio ------------------------- */ .widget_portfolio_widget { padding-bottom: 40px; } footer .portfolio .imgHover, .sidebar-section .portfolio .imgHover { width: 100px; height: 100px; margin-right: 2px; margin-bottom: 2px; float: left; border: 0px; } footer .portfolio .hover-link-bg, .sidebar-section .portfolio .hover-link-bg { margin-top: 35px; margin-left: 35px; } /* ------------------------- :: Sidebars :: Testimonials ------------------------- */ .testimonials { padding-bottom: 0px; } .testimonial { display: block; width:205px; margin-right: 25px; float: left; } .sidebar-section .testimonial, .three.columns .testimonial { margin-right: 15px; } .sidebar-section .testimonial { width: 205px; } .testimonial .words { background-color: #fff; display: block; line-height: 20px; color: #444; padding: 18px; margin: 5px; margin-right: 0px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; min-height: 40px; border: 1px solid #eee; border-bottom: 0px; } .testimonial .from { background-image: url('images/testimonial-bottom.png'); background-repeat: no-repeat; background-position: left top; display: block; font-size: 16px; line-height: 20px; color: #444; padding: 0px 0px 0px 0px; min-height: 70px; margin: 0px 0px 0px 0px; } .testimonial .person { font-size: 11px; font-weight: normal; font-family: 'PTSansBold'; padding-top: 15px; padding-left: 70px; color: #a3a3a3; text-transform:uppercase; line-height: 12px; display: block; } .testimonial .person-group { font-size: 11px; font-style: italic; padding-top: 0px; padding-left: 70px; color: #18accc; display: block; } /* ------------------------- :: Sidebars :: Lists ------------------------- */ .button-offer-info , .button-offer-secu, .button-nbslab { margin:0 0 15px; } .button-offer-info , .button-offer-secu , .button-nbslab , .button-qui { background: url("images/nbs-gradient-gray.png") repeat-x scroll 0 0 transparent; border-color: #E9E9E9 #E9E9E9 #B2B2B2; border-radius: 6px 6px 6px 6px; border-style: solid; border-width: 1px 1px 3px; display: block; line-height: normal; padding:6px 0 10px 20px; position:relative; } .btn-img-nbslab { background: url("images/nbs-lab.png") no-repeat scroll 0 0 transparent; position:absolute; left:20px; top:10px; display:block; width:90px; height:45px; } .button-qui small { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position: -253px -550px; display: block; height: 46px; padding: 0 60px; } .button-offer-info a, .button-offer-secu a, .button-nbslab a, .button-qui a { background: url("images/nbs-content-btn-arrow.png") no-repeat scroll 124px 0 transparent; display: block; height: 46px; } .button-offer-info a:hover, .button-offer-secu a:hover, .button-nbslab a:hover, .button-qui a:hover { background-position:124px bottom; } .button-offer-info a:hover small, .button-offer-info a:hover strong, .button-offer-secu a:hover small, .button-offer-secu a:hover strong, .button-nbslab a:hover small, .button-nbslab a:hover strong, .button-qui a:hover small, .button-qui a:hover strong { color:#313030; } .button-offer-info small, .button-offer-secu small, .button-nbslab small, .button-qui small { display:block; font-size:12px; color:#898888; } .button-offer-info strong, .button-offer-secu strong, .button-nbslab strong, .button-qui strong { display:block; font-size:17px; line-height:17px; text-transform:uppercase; color:#6c6c6c; } .widget_pages ul, .widget_categories ul, .widget_recent_comments ul, .widget_recent_entries ul, .widget_archive ul, .widget_meta ul, ul.blogroll { list-style-type: none; } .widget_pages ul li, .widget_categories ul li, .widget_recent_comments ul li, .widget_recent_entries ul li, .widget_archive ul li, .widget_meta ul li, ul.blogroll li { padding-bottom: 1px; } .widget_pages ul li a, .widget_categories ul li a, .widget_recent_entries ul li a, .widget_archive ul li a, .widget_meta ul li a, ul.blogroll li a { padding-left: 14px; display: block; background: url(images/nbs-list-arrow2.png) no-repeat -4px 0px; line-height:20px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; color:#4e5151; } .widget_categories ul li.cat-item ul li a { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position:-608px -644px; } .widget_categories ul li.cat-item ul li a:hover { background-position:-608px -644px; } .widget_recent_entries h6 { margin:20px 0 0; } .widget_recent_entries ul { margin:0; } .widget_recent_entries ul li:first-child { margin:0; background:none; } .widget_recent_entries ul li { background: url("images/line-dotted.png") repeat-x scroll 0 top transparent; margin: 12px 0 0; padding: 15px 0 0; } .widget_recent_entries .recent-info { color:#a3a3a3; font-size:10px; padding-left:14px; } .widget_categories ul { margin:0; } .widget_recent_comments ul li { background: url(images/article-comments.png) no-repeat left center; padding-left: 32px; padding-top: 3px; padding-bottom: 3px; } .widget_pages ul li a:hover, .widget_categories ul li a:hover, .widget_recent_entries ul li a:hover, .widget_archive ul li a:hover, .widget_meta ul li a:hover, ul.blogroll li a:hover { padding-left: 20px; background: url(images/list-arrow2.png) no-repeat 2px 0px; } .widget_categories ul li a { display: inline; } /* ------------------------- :: Sidebars :: Calendar ------------------------- */ .widget_calendar #wp-calendar caption { font-size: 16px; padding-bottom: 10px; color: #bbb; } .widget_calendar table thead tr th, table tfoot tr td { padding: 3px 6px 4px !important; color: #bbb; } .widget_calendar table tbody tr th, .widget_calendar table tbody tr td { padding: 3px 6px 4px !important; color: #444; } /* ------------------------- :: Sidebars :: Tag Cloud ------------------------- */ .tagcloud{ margin-left: -10px; } .tagcloud a{ float:left; height:24px; line-height:24px; position:relative; font-size: 11px !important; } .tagcloud a{ margin-left:20px; margin-bottom: 10px; padding:0 10px 0 12px; background:#434444; color:#fff; text-decoration:none; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px; border-color:transparent #434444 transparent transparent; -webkit-transition: none; } .tagcloud a:before{ content:""; float:left; position:absolute; top:0; left:-12px; width:0; height:0; border-color:transparent #434444 transparent transparent; border-style:solid; border-width:12px 12px 12px 0; } .tagcloud a:after{ content:""; position:absolute; top:10px; left:0; float:left; width:4px; height:4px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:#fff; -moz-box-shadow:-1px -1px 2px #004977; -webkit-box-shadow:-1px -1px 2px #004977; box-shadow:-1px -1px 2px #004977; } .tagcloud a:hover{background:#25487A; border-color:transparent #25487A transparent transparent;} .tagcloud a:hover:before{ border-color: inherit; } /* ------------------------- :: Shortcodes ------------------------- */ article .row { margin:0; padding:0; } article.page .columns { display: block; padding-left: 0px; } pre{ padding: 4px 4px; color: #999; background-color: #F7F7F9; border: 1px solid #E1E1E8; border-radius: 3px; font-weight: normal; margin-bottom: 20px; line-height: 20px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; clear: both; word-wrap:break-word; margin-top: 10px; } #socialbuttonnav { float:left; clear:both; list-style:none; margin:0; } #socialbuttonnav li { float:left; margin:0 15px 0 0; } #socialbuttonnav li.first iframe { min-width:55px!important; height:62px!important; max-height:100%; } #socialbuttonnav li.last { margin-top:10px; } .full_width { width: 100%; } .clear { clear: both; } .dropcap { display: block; float: left; font-size: 34px; line-height: 1; margin: 0 10px 0 0; } .pricing_table { margin-bottom: 20px; display: block; } .pricing_table .plan:first-child { border-left: 1px solid #ddd; } .plan { display: block; border-right: 1px solid #ddd; border-top: 1px solid #ddd; padding: 0px !important; margin: 0px; } .plan.featured { border: 3px solid #33b1c0; margin-top: -2px; } .plan .plan_top { text-align: center; color: #777; } .plan.featured .plan_top { color: #009bad; } .plan .plan_top .plan_price { font-size: 64px; line-height: 75px; } .plan .plan_top .plan_period { padding-bottom: 15px; color: #777; } .plan ul { display: block; padding: 0px; margin: 0px; border-top: 1px dotted #ddd; color: #555; } .plan li { width: 100%; display: block; padding: 15px 10px; min-height: 50px; text-align: center; border-bottom: 1px dotted #ddd; } .plan li:nth-child(odd) { background-color: #fdfdfd; } .plan.featured li { background-color: #fdfdfd; } .plan .plan_bottom { text-align: center; padding: 20px 0px; display: block; border-bottom: 1px solid #ddd; } /* Alerts ---------------------- */ div.alert-message { display: block; padding: 13px 12px 12px; font-weight: normal; font-family: 'PTSansBold'; font-size: 14px; color: white; background-color: #2ba6cb; border: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); position: relative; } div.alert-message .box-icon { display: block; float: left; background-image: url('images/icons-boxes.png'); width: 30px; height: 25px; margin-top: -2px; background-position: -8px -8px; } div.alert-message p { margin: 0px; } div.alert-message.success { background-color: #5da423; color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); } div.alert-message.success .box-icon { background-position: -48px -8px; } div.alert-message.warning { background-color: #e3b000; color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); } div.alert-message.warning .box-icon { background-position: -88px -8px; } div.alert-message.error { background-color: #c60f13; color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); } div.alert-message.error .box-icon { background-position: -128px -8px; } div.alert-message a.close { color: #333; position: absolute; right: 4px; top: -1px; font-size: 17px; opacity: 0.2; padding: 4px; } div.alert-message a.close:hover, div.alert-box a.close:focus { opacity: 0.4; } /* Accordion ---------------------- */ ul.accordion { margin: 0 0 22px 0; border-bottom: 1px solid #e9e9e9; } ul.accordion > li { list-style: none; margin: 0; padding: 0; border-top: 1px solid #e9e9e9; } ul.accordion > li .title { cursor: pointer; background: #f6f6f6; padding: 15px; margin: 0; position: relative; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; -webkit-transition: 0.15s background linear; -moz-transition: 0.15s background linear; -o-transition: 0.15s background linear; transition: 0.15s background linear; } ul.accordion > li .title h1, ul.accordion > li .title h2, ul.accordion > li .title h3, ul.accordion > li .title h4, ul.accordion > li .title h5 { margin: 0; font-size: 14px; } ul.accordion > li .title:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: transparent #9d9d9d transparent transparent; position: absolute; right: 15px; top: 21px; } ul.accordion > li .content { display: none; padding: 15px; } ul.accordion > li.active { border-top: 3px solid #46bed8; } ul.accordion > li.active .title { background: white; padding-top: 13px; } ul.accordion > li.active .title:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: #9d9d9d transparent transparent transparent; } ul.accordion > li.active .content { height: auto; background: white; display: block; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; } /* Toggle ------------------------- */ .toggle { clear: both; } div.toggle { border-bottom: 1px solid #e9e9e9; } div.toggle { margin: 0; padding: 0; border-top: 1px solid #e9e9e9; margin-bottom: 20px; } div.toggle .title { cursor: pointer; background: #f6f6f6; padding: 15px; margin: 0; position: relative; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; -webkit-transition: 0.15s background linear; -moz-transition: 0.15s background linear; -o-transition: 0.15s background linear; transition: 0.15s background linear; } div.toggle .title h1, div.toggle .title h2, div.toggle .title h3, div.toggle .title h4, div.toggle .title h5 { margin: 0; } div.toggle .title:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: transparent #9d9d9d transparent transparent; position: absolute; right: 15px; top: 21px; } div.toggle .content { display: none; padding: 15px; } div.toggle.active { border-top: 3px solid #46bed8; } div.toggle.active .title { background: white; padding-top: 13px; } div.toggle.active .title:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: #9d9d9d transparent transparent transparent; } div.toggle.active .content { background: white; display: block; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; } div.divider { display: block; height: 10px; clear: both; border-top: 1px dotted #ccc; } ul.icons { list-style-type: none; } ul.icons i.icon-ok { padding-right: 20px; color: #72af41; } /* ------------------------- :: Footer ------------------------- */ .footer { background:#333; display: block; width: 100%; color: #aaa; clear: both; border-top: 1px solid #aaa; } .footer .columns { float:none; } .footer .three { width:auto; } .footer .widget h6 { color: #c4c4c4; font-size: 16px; margin:25px 0 15px 0; text-transform: uppercase; text-shadow: 1px 1px 1px #000; } .footer .widget h6 strong { font-weight:normal; font-family: 'PTSansBold'; font-size: 17px; } .footer .widget .title-footer { color: #c4c4c4; font-size: 16px; margin:25px 0 15px 0; text-transform: uppercase; text-shadow: 1px 1px 1px #000; line-height: 1.1; display: block;} .footer .widget .title-footer strong { font-weight:normal; font-family: 'PTSansBold'; font-size: 17px; } .footer .textwidget { font-size:12px; text-shadow: 1px 1px 1px #000; color:#999; } .footer .textwidget p { font-size:12px; margin:0; line-height:21px; } .footer a:hover { color:#93AACB!important; } .footer #bottom-footer a { color: #8d8d8d; font-family: 'PTSansBold'; } .footer #inner-footer { display: block; margin: auto; } .footer #top-footer #text-6, .footer #top-footer #nav_menu-2, .footer #top-footer #nav_menu-3, .footer #top-footer #text_icl-3 { float:left; } .footer #top-footer #text-6 { width:300px; margin:0 40px 0 0; } .footer #top-footer #nav_menu-2, .footer #top-footer #nav_menu-3 { width:150px!important; margin:0; } .footer #top-footer #text_icl-3 { width:340px; float:right; } .footer #top-footer #nav_menu-2 ul { margin:0; list-style:none; margin:0; } .footer #top-footer #nav_menu-2 ul li { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position: 0px -641px; padding-left:10px; line-height:20px; } .footer #top-footer #nav_menu-2 a { color:#c4c4c4; font-size:12px; text-shadow: 1px 1px 1px #000; } .footer #top-footer #nav_menu-3 { margin-top:57px; } .footer #top-footer #nav_menu-3 ul { margin:0; list-style:none; } .footer #top-footer #nav_menu-3 ul li { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position: 0px -641px; padding-left:10px; line-height:20px; } .footer #top-footer #nav_menu-3 a { color:#c4c4c4; font-size:12px; text-shadow: 1px 1px 1px #000; } .footer #inner-footer #top-footer { display: block; background: url(images/nbs-footertop-bkg.jpg) 0 0 repeat-x; min-height:200px; } .footer #inner-footer #logo-footer { font-size: 22px; color: #aaa; margin-bottom: 10px; } .footer #inner-footer #bottom-footer { display: block; background:#434444 url(images/nbs-footerbottom-bkg.jpg) 0 0 repeat-x; min-height:40px; } .footer #inner-footer #bottom-footer .links { font-size: 11px; margin-bottom: 0px; padding-bottom: 0px; color: #919191; float:right; min-width:200px;} .footer #inner-footer #bottom-footer .separator { padding:0 15px 0 16px; } .footer #inner-footer #bottom-footer .links ul { margin:0; padding:0; width:100%; border:0 none!important; } .footer #inner-footer #bottom-footer .links ul li { display: block; float: left; margin:9px 0 0 0; padding:0; } .footer #inner-footer #bottom-footer .links a { text-decoration: none; font-size:12px; text-transform:uppercase; text-shadow: 1px 1px 1px #333; color:#c4c4c4!important } .footer #inner-footer #bottom-footer .links a span { color:#8D8D8D!important; } .footer #inner-footer #bottom-footer .links a:hover { text-decoration: none; color:#93AACB!important; } .footer #inner-footer #bottom-footer .links a:hover span { color:#8D8D8D!important; } .footer #inner-footer #bottom-footer .attribution { float:left; text-align:center; margin:11px 0 0 0; text-shadow: 1px 1px 1px #333; color: #808080; font-size:12px; } .footer #inner-footer .btn-contact-bottom { background: url(images/nbs-footer-btn-contact.png) 0 0 repeat-x; border-radius: 6px 6px 6px 6px; height:82px; margin: 29px 0 0 40px; width: 300px;-webkit-box-shadow: 0px 6px 0px 0px #242424; box-shadow: 0px 6px 0px 0px #242424; } .footer #inner-footer .content { background: url(images/nbs-footer-logo.png) 0 0 no-repeat; display: block; float: left; margin: 15px 0 0 25px; padding:0 0 0 69px; color:#c4c4c4!important; } .footer #inner-footer .content:hover { background-position:0 -82px; color:#93AACB!important; } .footer #inner-footer .content:hover p { background-position:right -60px; } .footer #inner-footer .content p { background: url(images/nbs-footer-btn-contact2.png) right 0 no-repeat; display:block; clear:both; line-height:normal; margin:0; padding:0 45px 0 0; } .footer #inner-footer .content em { font-size:14px; display:block; clear:both; } .footer #inner-footer .content strong { font-size:18px; text-transform:uppercase; display:block; clear:both; } .footer #inner-footer .content small { color:#898888; font-size:10px; display:block; clear:both; margin:-2px 0 0 0; } .map-footer { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position:-964px -376px; width:300px; height:150px; margin:27px 0 0 0; float:right; position:relative; } .map-footer .france, .map-footer .canada, .map-footer .uk { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position: -248px 0px; width:12px; height:15px; display:block; } .map-footer .france { left: 140px; position: absolute; top:30px; } .map-footer .canada { left:52px; position: absolute; top:22px; } .map-footer .uk { left:134px; position: absolute; top:22px; } /* ------------------------- :: Slider :: Twetter ------------------------- */ .slider-tweet a:active, .slider-tweet a:focus {outline: none;} .slider-tweet { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position:-993px -638px; margin: 0; padding:0 45px } .slider-tweet .slides{ padding:13px 0; } .slider-tweet .slides > li { display: none; -webkit-backface-visibility: hidden; height:23px; font-size: 12px; padding: 1px 0 0; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .slider-tweet .flex-direction-nav .flex-prev{ background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position: -222px -14px; display: block; height: 12px; opacity: 1; right:18px !important; width: 8px; z-index: 5000; margin: -5px 0 0; } .slider-tweet .flex-direction-nav .flex-next{ background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; background-position: -230px -14px; display: block; height: 12px; opacity: 1; right:0px !important; width: 8px; z-index: 5000; margin: -5px 0 0; } .footer #text-4 .row { background: url("images/nbs-line-twitter.png") repeat-x scroll 0 bottom transparent; margin:0; padding:0; } .footer #text-4 .row a { color:#93aacb; } .tweet_list { list-style: none; margin: 0; padding: 0; overflow-y: hidden; } .tweet_list li { font-size: 12px; list-style-type: none; overflow-x: hidden; overflow-y: auto; padding:0; } .logo-tweet { background: url("images/nbs-little-twitter.png") no-repeat scroll transparent; padding-top:5px; height:23px; width:40px; float:left; } .tweet_list .tweet_avatar { padding-right: .5em; float: left; } .tweet_list .tweet_avatar img { vertical-align: middle; } /* ------------------------- :: Footer :: Widgets ------------------------- */ ul.photo-list { list-style-type: none; line-height: 0px; } ul.photo-list li { padding:0px 5px 5px 0px; background:none; float:left; } ul.photo-list a{ height:auto; width:auto; text-indent:0; border:0px; background:none; } footer ul.blogroll li { border: 0px; margin-left: -10px; } footer ul.blogroll li a { color: #868787; padding-top: 3px; padding-bottom: 3px; padding-left: 23px; display: block; background-position: 5px 4px; } footer ul.blogroll li a:hover { padding-left: 29px; background-position: 11px 4px; } footer ul.blogroll li:hover { background-color: #3c3e3f; } .footer-section h3 span.subtitle { display: none; } /* ------------------------- :: TO BE MOVED ------------------------- */ .why ul li { font-size: 18px; } .divider { background: none; display: none; } .widget_search .sidebar-section { margin: 0px; } .widget_search .sidebar-section .row { padding: 0px; } .widget_search .sidebar-section form { margin: 0px; } .widget_text .sidebar-section, .widget_recent_entries .sidebar-section, .widget_meta .sidebar-section, .widget_pages .sidebar-section, .widget_archive .sidebar-section, .widget_links .sidebar-section, .widget_categories .sidebar-section, .widget_tag_cloud .sidebar-section { padding: 0px; margin:0px; } .sidebar-section:hover { opacity: 1; } article.contact h2 { border-bottom: 1px solid #ebebeb; padding-bottom: 10px; color: #aaa; } /* MOBILE RULES */ @media only screen and (max-width: 767px) { .process { background: transparent; } #beopen-style-selector { display: none !important; } .calltoaction a.button { width: 100%; float: none; } .call_to_action_text { margin-bottom: 20px; } section ol.commentlist ul.children li { padding-left: 10px; } .masonry .masonry-item { width: 100% !important; } .after-slider-separator { display: none; } span.send-message { margin-left: 10px; } .triangle-bottom { display: none; } .with-sidebar article.page, .with-sidebar article.post { padding-right: 5px; border-right: 0; } .metainfo .date .year { display: none !important; } article .metainfo { background: none; } article .metainfo { min-height: 50px; } article .metainfo .date { width: 49%; margin-right: 0px; } article .metainfo .author { margin-right: 0px; width: 49%; margin-right: 0px; } article .metainfo .cats { margin-left: -10px; width: 49%; margin-right: 0px; } article .metainfo .comments { margin-left: 10px; float: left; width: 49%; margin-right: 0px; } .beopen-single .post-box { border-right: 0px; padding-right: 0px; padding-top: 10px; } .author-description { margin-left: 0px; margin-top: 10px; } ._blog { background: transparent; } .rightfade { background: transparent; padding-right: 0px; } } /* Screen iPad or Mini pc */ @media only screen and (max-width: 1024px) and (min-width: 768px) { #slider-homepage-container { width: 958px!important; } #slider-homepage-container iframe { width:748px !important; height:420px!important; } .slider-navigation-container{top: 185px!important;} .home .header-container{height:275px;} #inner-header #header-logo-stuff { text-align: center; padding:0 0 0 15px; } #inner-right { padding:0 15px 0; } #search-top .ten { background:#fff; background-image:none; border: 1px solid #d4e2f5; } #nav { background: url("images/nbs-menu-bkg.png") no-repeat scroll center -88px transparent!important; } #nav .row { width:100%; margin:0; } #menu-item-2559 { padding:0 0 0 15px; width: 164px; } #menu-item-2565 { float: right; padding: 0 15px 0 0; } ul.nav-bar > li { padding:0 34px 0 33px; } /*menu vers anglaise*/ #menu-item-1417, #menu-item-1427, #menu-item-2492, #menu-item-1423 { padding: 0 33px 0 32px; } #menu-item-2573 { padding:0 0 0 15px; width: 164px; } #menu-item-2493 { float: right; padding: 0 15px 0 0; } #main { margin: -39px 0 0; } .header-zone-home { width:100%; } .home #content .home-hexa.first-hexa .picto, .home #content .home-hexa.second-hexa .picto, .home #content .home-hexa.last-hexa .picto{ margin:0 auto; } .home-hosting { background-position:-130px -66px; width:50%!important; margin-left:0px!important; } .home-hosting > div { margin:72px 0 0 4%; } .hidden-link-hosting{right:110px;} .hidden-link-security{left:10px;} .home-cerber { margin-left: -16% !important; width:33% !important; } .home-security { background-position:-685px -58px; width:40%!important; margin-right:0px!important; } .home-security > div { margin:72px 0 0 32%; } #masonry-items-3 { width:99.6%!important; margin:0 0 0 3px!important; } .home #content .home-hexa { margin:0 5px!important;} .caroufredsel_wrapper { width:100%!important;} #breadcrumbs { padding:0 0 0 15px; } .footer #inner-footer #top-footer, .footer #inner-footer #bottom-footer { padding:0 15px; } .header-zone .row { width: 100%;} header.three.columns { width: 100%; } nav.nine.columns { width: 100%; } .row { width:100% } .row #inner-header #header-logo-stuff { margin: auto; float: none; } .row #inner-header #logo { text-align: center; } } /* Screen smaller than 1024 */ @media only screen and (max-width: 979px) { #slider-homepage-container { width:100%!important; } #slider-homepage-container iframe { width:100% !important; } #slider-homepage-container .next-slide{ right:15px!important; } #slider-homepage-container .prev-slide{ left:15px!important; } #container .topbar { padding:15px 0 0 0!important; } .left-content-bench{ padding-right:0px!important; width:100%!important;} .right-content-bench{padding-left:0px!important; border:none!important; width:100%!important;} } @media only screen and (max-width: 767px) { #slider-homepage-container iframe { height:320px !important; width:100% !important; } #slider-homepage-container {top: 0px!important;} .slider-navigation-container{top: 260px!important;} .home .header-container{height:350px; } .home #slider-homepage{height:160px!important;} .home .header-container .caroufredsel_wrapper{height:160px!important;} #container { width:100%!important; } #inner-header { width:100%; } #inner-header #header-logo-stuff { text-align: center; padding:0 0 0 15px; } #inner-right { padding: 0 15px; width: 100%; } #search-top { width:90%; } #search-top .ten, input#s { width:100%!important; } #nav .row { padding:0; } #masonry-items-3 { width:99.6%!important; margin:0!important; } .header-container { background: url("images/nbs-header-bkg-mobile.jpg") repeat-x scroll 0 bottom transparent; height:auto; } .header-extra { height:auto; padding:0 0 15px; } .tem-container { height:auto; width:100%; padding: 0 15px; } .header-zone-home { height:auto; } .header-zone-home { width:315px; } .home-hosting { background:none!important; height:196px; width:315px!important; margin:0px!important; clear:both; } .home-hosting .header-zone-home-title { float:none!important; } .home-hosting > div { width:100%!important; margin:0px!important; } .hidden-link-hosting{display:none;} .home-cerber { background:none!important; margin-left: -16% !important; height:190px; width: 100%!important; margin:0px!important; clear:both; position:relative; left:0!important; } .home-security .header-zone-home-title { float:none; margin:0; } .home-security { background:none!important; width:100%!important; margin:0px!important; height:180px; clear:both; } .home-security > div { width:100%!important; margin:0px!important; } .home-hosting .header-zone-home-link a,.home-security .header-zone-home-link a { background-position:right 3px; float:none; margin:0; display:inline; } .hidden-link-security{display:none;} #nav-sticky-wrapper { height: 36px!important; } #nav { height: 36px; margin: 0; padding: 0; background:none; } .menu-container { display:none; } .nav-bar {display:none!important; } #mobile-menu { display:block!important; /*position:ralative;*/ } #breadcrumbs { padding:0 15px; height:auto; margin:0 0 15px; } .contact-link-menu{display:none;} #main { clear: both; margin: 0; } .slider-tweet .slides > li { height:auto; padding:0; } .single .post-box { padding:0 15px 30px 15px; } .beopen-single .post-box { padding:0; } .content-content { padding:0!important; } .arrow-separator,.arrow-separator-margin-bottom { margin:15px 0; } .arrow-separator-top15px { margin:0; } .arrow-separator-bottom{margin:0 0 15px;} .page-description-text { margin:0 15px!important; } .content-header.page-test { padding:0 15px!important; } .content-content .page-top-title, .content-push .page-bottom-title { padding:0 15px!important; margin: 15px 0 !important; } .content-push .page-bottom-title strong { background:none!important; } .content-header .nine.columns { padding:0!important; } .content-content .one.columns, .block-message { padding:0 15px!important; } .content-content .one.columns { padding:0 15px!important; } .content-content .two.columns, .content-content .three.columns { padding:0 15px 65px 15px!important; clear:both!important; margin:15px 0 0; } .content-content .three.columns.no-links { padding:0 15px!important; } .content-content.page-test .btn-contact-security { margin:0!important; width: auto; } .content-push-ref { padding:0; } .content-content.page-test .deux-boites .content-push-ref { padding:15px 15px 0 15px; } .expertise-bloc-right { padding:0 0 0 15px; } .expertise-bloc { padding:15px 0!important; } .sidebar-offres { width:100%; float:left; } .search-results article.post .entry-content, .search-results article.testimonial_item .entry-content, .search-results article.client_item .entry-content { padding:0 15px; } .besoins,.offres { margin:0 auto; } .expertise { margin:15px 0 0; } .offer-resume .btn-contact-offer a { padding: 10px 20px; } .offer-resume .btn-contact-offer a span { background: url("images/nbs-content-btn-arrow.png") no-repeat scroll right 0 transparent; } .offer-resume .btn-contact-offer a:hover span { background: url("images/nbs-content-btn-arrow.png") no-repeat scroll right bottom transparent; } .footer #inner-footer #top-footer, .footer #inner-footer #bottom-footer { padding:0 15px; } .footer #inner-footer #bottom-footer .attribution { width:100%; text-align:center; } .footer #inner-footer #bottom-footer .links { float:left; width:100%; text-align:center; margin-bottom: 5px; } .footer #inner-footer #bottom-footer .links ul li { display: inline; float: none; margin: 9px 0 0; padding: 0; } .scroll-left, .scroll-right { display:none!important; } /* Page : Cerberhost */ .cerberhost { padding: 0 15px !important; width:100% !important; border:0 none !important; } .cerberhost-push { margin:0 0 19px; } /* Page : Plan du site */ .content-content.sitemap { padding:0 15px!important; } /* Page : Blog */ ._blog .featured-post ul li { width:48%; } ._blog .featured-post { padding:0 15px!important; } ._blog .featured-post .post-pushed { width:100%; margin:0; } ._blog .featured-post .post-pushed-image { display: block; float: left; height: 160px; width: 160px; margin:0 15px 15px 0; } body.tag .post-box article, body.category .post-box article, body.author .post-box article, .with-sidebar article.page, .with-sidebar article.post { padding:0 15px!important; } #sidebar { padding:0 15px!important; } .button-offer-info,.button-offer-secu,.button-nbslab,.button-qui { padding:6px 20px 10px 20px; } .button-offer-info a, .button-offer-secu a, .button-nbslab a, .button-qui a { background-position:right 0; } .button-offer-info a:hover, .button-offer-secu a:hover, .button-nbslab a:hover, .button-qui a:hover { background-position:right bottom; } /* Page : Labs */ .nbs-lab-page .labs { padding:0 15px; } .nbs-lab-page .lab, .nbs-lab-page .lab.last { width:279px!important; margin:0 auto!important; float:none; clear:both; } .nbs-lab-cat .nine.columns { padding: 0 15px !important; width: 100% !important; border:0 none!important; } .nbs-lab-cat .sidebar-lab { padding: 0 15px !important; width: 100% !important; } /* Category :: Offer */ #container .topbar h1 { padding:20px 15px; } .content-header { padding:0 15px; } .offer-resume { width:100%; } .category-offer { width:100%!important; border:0 none!important; padding:0 15px 0 10px!important; min-height:auto; } /* Page :: contact */ #form1 .wdform_table2, #form4 .wdform_table2 { float:none!important; } #form1 textarea , #form4 textarea { width:290px!important; } .content-contact #form1 .wdform_table1 input, .content-contact #form4 .wdform_table1 input, .content-contact #form1 .input_active, .content-contact #form4 .input_active, .content-contact #form1 .input_deactive, .content-contact #form4 .input_deactive, .content-contact #form1 .wdform_table1 select , .content-contact #form4 .wdform_table1 select{ margin-left:10px!important; } .content-contact #form1 .wdform_table1 button , .content-contact #form4 .wdform_table1 button { left:20px; } .three.columns.sidebar-contact { padding:0 20px!important; } /* Page :: Qui sommes-nous? */ .content-content.nous .two.columns .page-item-text { margin:10px 0 0!important; } /* Page :: client */ .content-content.client { padding:0 15px!important; } .content-content.client ul li { margin:0 3px 6px !important; } /* Page :: Partner */ .content-content.partner { padding:0 15px!important; } .content-content.partner ul li { margin:0 3px 6px!important; } } @media only screen and (max-width: 640px) { .animation-right { display:none!important; } .cerberhost > h3 { margin:0 0 25px; display:block; padding:10px 0; border-top:1px solid #313030; border-bottom:1px solid #313030; } .cerberhost > h3 span { border:0 none; } .cerberhost-logo { margin:0 0 25px; display:block; text-align:center; } .cerber-list-item { position:relative!important; min-height:70px; clear:both; height:auto; top:0!important; display:block!important; } #cerber-list-animate li .cerber-list-text { clear: both; float: left; margin: 20px 0; padding: 0 0 0 76px; position: relative !important; top: 0 !important; width: 315px; opacity:1!important; } ._blog .featured-post ul li { width:100%; margin:0; } .home #content .home-hexa { float:none!important; margin:0 auto !important; position:relative!important; clear:both!important; } } /* Screen for Mobile */ @media only screen and (max-width: 480px) { .home .header-container {height:305px; } #slider-homepage-container iframe { height:212px !important; width:100% !important; } .slider-navigation-container{top: 215px!important;} .home #slider-homepage{height:120px!important;} .home .header-container .caroufredsel_wrapper{height:120px!important;} .tem-container { clear:both; width:100%; padding:0 15px; } .home .row.beopen-single { padding-top: 15px; } .home.page .post-box { padding:0 0 10px; } .home .header-extra { margin:0; } .home-hosting .header-zone-home-title, .home-security .header-zone-home-title { line-height:68px; } .home-cerber { background-color: transparent; background-image: url("images/sprite.png"); background-position:right -840px; background-repeat: no-repeat; } #mobile-menu ul li ul { padding:0!important; margin:0!important;} #mobile-menu ul li a { line-height:normal!important; font-size:12px!important; } #mobile-menu ul li ul { float:left!important; font-size:12px; line-height:normal!important; } #search-top .ten { background:#fff; } #breadcrumbs { margin:0 0 12px; } .isotope-item { width:88%!important; margin:0 0 15px!important; min-height: 85px!important;} .home .isotope-item { width:315px!important; } #masonry-items-3 { width:100%!important; margin:0!important; } .content-content .block-message { margin:15px 0 !important; } .content-content .block-message p { padding:20px 0!important; } .content-content .two.columns .page-item-title { margin:5px 0 10px; } .content-content .two.columns .page-item-title span { display:block; } .content-content .two.columns .page-item-title span span { padding:13px 0 10px; background: url("images/nbs-bdr-line.png") repeat-x scroll 0 top transparent; } .anim-infra-min { padding:0 15px!important; } .page-description-text { margin:0 15px!important; padding:0!important; background:none!important; } .expertise-bloc-left { display:block; text-align:center; width:100%; } .expertise-bloc-right { padding:0 0 0 5px; } .offer-resume .btn-contact-offer { width:100%!important; } .offer-resume .btn-contact-offer a { padding:10px 20px; } .offer-resume .btn-contact-offer a span { background-position:right 0; } .offer-resume .btn-contact-offer a:hover span { padding:10px 20px; background-position:right bottom; } .sidebar-offres { width:100%; padding:0 15px; } .sidebar-offres .columns { margin:0 15px 15px 0!important; padding: 0 0 15px !important; } .content-content.client ul li { width:100%; margin:0 0 15px!important; } .content-content.partner ul li { width:100%; margin:0 0 15px!important; } .page .post-box { padding:0 0 15px 0; } .satisfy { background:none; margin:15px 0!important } .references-client .img-ref-container { width:100%; text-align:center; } .content-content .two.columns { margin-top:15px; } .content-content.page-test .two.columns .page-item-title { text-align:center; } .cerber-list-item { width:286px!important } #cerber-list-animate li .cerber-list-title { font-size:18px; height:30px; } #cerber-list-animate li .cerber-list-text { margin:15px 0; } #cerber-list-animate li.human { background: url("images/cerberhost-bkg-human-mobile.png") no-repeat scroll 0 0 transparent; z-index: 7; } #cerber-list-animate li.website { background: url("images/cerberhost-bkg-website-mobile.png") no-repeat scroll 0 0 transparent; z-index: 6; } #cerber-list-animate li.database { background: url("images/cerberhost-bkg-database-mobile.png") no-repeat scroll 0 0 transparent; z-index: 5; } #cerber-list-animate li.stack { background: url("images/cerberhost-bkg-stack-mobile.png") no-repeat scroll 0 0 transparent; z-index: 4; } #cerber-list-animate li.network { background: url("images/cerberhost-bkg-network-mobile.png") no-repeat scroll 0 0 transparent; z-index: 3; } #cerber-list-animate li.operating { background: url("images/cerberhost-bkg-operating-mobile.png") no-repeat scroll 0 0 transparent; z-index: 2; } #cerber-list-animate li.hardware { background: url("images/cerberhost-bkg-hardware-mobile.png") no-repeat scroll 0 0 transparent; z-index: 1; } .content-contact { background:none!important; padding:0 2px!important; } .content-contact input { width:290px!important; } .content-contact #form1 .label , .content-contact #form4 .label { padding:0 0 0 10px!important; } .three.columns.sidebar-contact { padding:0 15px!important; } .content-contact #form1 .wdform_table1 button , .content-contact #form4 .wdform_table1 button { left:144px; position:relative!important; } .content-content.cv { padding:0 15px!important; } .content-content.cv input,.content-content.cv select { width:285px!important; } .nbs-lab-page .lab, .nbs-lab-page .lab.last { margin:0 0 15px!important; } .home .footer #inner-footer #bottom-footer .attribution { text-align:center; } .slider-tweet { padding:0 25px 0 45px } .footer #top-footer #text-3, .footer #top-footer #text_icl-3 { float:none; clear:both; } .footer #top-footer #text-3 { margin:0; } .footer #top-footer #nav_menu-3 { margin:57px 0 25px!important; } .footer #top-footer #nav_menu-2, .footer #top-footer #nav_menu-3 { float:left!important; width:135px!important; } .map-footer { clear: both; float: none; margin: 0 auto; height:160px; } .footer #inner-footer #bottom-footer .separator { padding: 0 4px 0 8px; } } @media only screen and (max-width: 1279px) and (min-width: 768px) { .masonry article .metainfo .date { margin-right: 0px; } .masonry article .metainfo .date .year { display: none !important; } } /* Very Small screens */ @media only screen and (max-width: 320px) { .portfolio_tag { float: none; } } /*ANIMATION INFRASTRUCTURE*/ .container-anim { min-height:360px; clear:both; overflow:hidden; padding-top: 30px; margin: 0 auto; max-width: 900px;} .left-box{float:left; background:url(images/nbs-infra-map.png) no-repeat scroll 0 0 transparent; width:365px; height:365px; opacity:0; position:relative;} .right-box{float:right; background:url(images/nbs-infra-map.png) no-repeat scroll 0 0 transparent; width:365px; height:365px; opacity:0; position:relative;} .arrow-top{height:34px; width:0; float:right; background:url(images/nbs-infra-arrow-top.png) no-repeat scroll right center transparent; margin-top:70px;} .text-middle{opacity:0; height:50px; text-align:center; /*line-height:50px;*/ color:#000;} .text-middle p{font-size:18px; font-family: 'PTSansItalic'; font-weight: normal; line-height:20px;} .arrow-bot{height:34px; width:0; float:left; background:url(images/nbs-infra-arrow-bot.png) no-repeat scroll 0 0 transparent; margin-top:45px;} .right-container{overflow:hidden; clear:both;} .mid-container{position:absolute; width:200px; margin-left:-100px; left:50%;} .left-container{overflow:hidden; clear:both; } .middle-box{padding-top:50px; height:400px; position:absolute; left:50%; width:710px; margin-left:-355px; z-index:5;} .right-address{float:right; width:194px; background:url(images/nbs-infra-equinix.png) no-repeat scroll 0 0 transparent; height:111px; opacity:0;} .left-address{float:left; width:194px; background:url(images/nbs-infra-iliad.png) no-repeat scroll 0 0 transparent; height:111px; opacity:0;} .left-tip{width:38px; height:49px; position:absolute; top:0px; background:url(images/nbs-infra-tick.png) no-repeat scroll 0 0 transparent; left:70px; opacity:0;} .right-tip{width:38px; height:49px; position:absolute; top:0px; background:url(images/nbs-infra-tick.png) no-repeat scroll 0 0 transparent; left:210px; opacity:0;} .anim-infra-resize { padding:40px 20px 0 20px; } .anim-infra-min { padding:15px 15px 0 15px; text-align:center; } /*ANIMATION DDOS*/ .ddos-container { float:left; clear:both; width:100%; margin:30px 0 0 0; } .animation-ddos{ padding-left:20px; width:900px; margin:0 auto; height:400px; background:url(images/anti-ddos-img01.png) no-repeat; } .ddos-left{ float:left; width:148px; height:400px; margin-right:30px; position:relative; } .ddos-middle-left{float:left; width:138px; height:400px; margin-right:58px; position:relative;} .ddos-middle-right{float:left; width:243px; height:400px; position:relative;} .ddos-right{ float:left; width:140px; height:400px; position:relative;} .ddos-left-top{width:6px; height:0; background:url(images/anti-ddos-img02.png) no-repeat; position:absolute; bottom:226px;} .ddos-left-mid{width:0; height:6px; background:url(images/anti-ddos-img03.png) no-repeat; position:absolute; top:196px; left:30px;} .ddos-left-bot{width:6px; height:0; background:url(images/anti-ddos-img04.png) no-repeat; position:absolute; top:226px;} .ddos-middle-left-mid{width:0; height:356px; background:url(images/anti-ddos-img05x3.png) no-repeat; position:absolute; top:21px;} .ddos-middle-right-1{width:0; height:20px; background:url(images/anti-ddos-img06.png) no-repeat; position:absolute; top:21px;} .ddos-middle-right-2{width:0; height:121px; background:url(images/anti-ddos-img07.png) no-repeat; position:absolute; top:95px;} .ddos-middle-right-3{width:0; height:180px; background:url(images/anti-ddos-img08.png) no-repeat; position:absolute; top:159px;} .ddos-middle-right-4{width:0; height:6px; background:url(images/anti-ddos-img09.png) no-repeat bottom; position:absolute; bottom:97px;} .ddos-middle-right-5{width:0; height:6px; background:url(images/anti-ddos-img10.png) no-repeat bottom; position:absolute; bottom:23px;} .ddos-middle-right-eclair{width:64px; height:0; background:url(images/anti-ddos-img11.png) no-repeat bottom; position:absolute; left:172px; bottom:169px;} .ddos-right-mid-1{width:0; height:6px; background:url(images/anti-ddos-img13.png) no-repeat; position:absolute; top:196px; z-index:5;} .ddos-right-mid-2{width:0; height:18px; background:url(images/anti-ddos-img12.png) no-repeat; /*position:absolute; */ margin-top:190px; float:right; z-index:6; position:relative;} .animation-ddos-resize { padding:40px 40px 0 40px; } .animation-ddos-min { padding:15px 15px 0 15px; } /*Message formulaire*/ #content .updated { margin-left:40px!important; margin-right:40px!important; border-color:#4daf42!important; background-color:#fff!important;} .updated p strong{ font-family: 'PTSansRegular'; font-size:14px; color:#4daf42!important;} /*Benchmark séparation*/ .left-content-bench{width:450px; padding-right:50px; float:left;} .right-content-bench{width:450px; padding-left:50px; float:left; border-left:1px solid #D9D9D9;} .type-post .deux-boites .two{margin-bottom:40px;} .auth-button-linkedin{text-align:center;} /* SLIDER HOME */ #slider-homepage-container { margin:0 auto; width:980px; position: relative; overflow:hidden; top: -44px; z-index:3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;} #slider-homepage-container .next-slide{position:absolute; right:0; width:30px; height:45px; background:url(images/right-arrow-slider.png) no-repeat; z-index:150; cursor:pointer; top:50%; margin-top:-22px; } #slider-homepage-container .prev-slide{position:absolute; left:0; width:30px; height:45px; background:url(images/left-arrow-slider.png) no-repeat; z-index:150; cursor:pointer; top:50%; margin-top:-22px; } #slider-homepage { width:9999em; height:150px; list-style-type:none; } #slider-homepage li { float: left; padding: 0 54px 0 40px; text-align: center; width: 886px; } #slider-homepage-container .flex-prev{opacity:1;} #slider-homepage-container .flex-next{opacity:1; right:0px;} .slider-navigation-container{display: block !important; height: 90px; left: 50%; margin: 0 auto 0 -168px; position: absolute; top: 212px; width: 336px; z-index: 2;} #slider-home-navigation{ display: block !important; height: 17px; margin: 0 auto; position: relative; text-align: center; top: 63px; width: 200px; z-index: 5;} #slider-home-navigation a { display: inline-block; height: 11px; margin: 0 5px; position: relative; width: 11px; background:url(images/slider-pagination-btn.png) no-repeat bottom; z-index: 10;} #slider-home-navigation a.selected {background:url(images/slider-pagination-btn-active.png) no-repeat bottom; } .slider-navigation-bkg{position:absolute; bottom:0; left:50%; background: url("images/slider-pagination-bkg.png") no-repeat scroll center bottom; height: 90px; width: 336px; display: block; margin: 0 auto 0 -168px;} /* SEO */ .bold-text{font-weight:700; } .strong-text{font-family: 'PTSansBold'; font-weight: normal;} .text-size-17{font-size: 17px;} .italic-bold-upper{font-family: 'PTSansItalic'; font-weight:700; text-transform: uppercase;} .italic-bold-upper-real{font-family: 'PTSansBoldItalic'; text-transform: uppercase;} .strong-text-block { display:block; font-weight:normal; font-family: 'PTSansBold'; } .hexa-title-homepage { color:#303131; text-transform:uppercase; font-size:20px; padding:8px 0 5px; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; font-family: 'PTSansBold'; font-weight:normal; } .strong-bold-button { color: #6C6C6C; font-size: 17px; line-height: 17px; display: block!important; font-weight: normal; font-family: 'PTSansBold'; text-transform: uppercase; padding-top: 12px; height:23px!important; background:0 none!important; } .strong-bold-big-button { color: #6C6C6C; display: block!important; font-weight: 700; font-size: 18px; height: 23px!important; margin: 0!important; line-height: 18px; background: 0 none!important; padding: 6px 0 0 0!important; text-transform: uppercase; } .strong-list-pink { color: #D02C64; font-weight: 700; background: 0 none!important; display: inline!important; padding: 0!important; } .strong-dotted-title { font-weight: 700; background: url("images/nbs-bdr-point.png") repeat-x scroll 0 bottom transparent; font-size: 16px; color: #303131; text-transform: uppercase; padding: 0 0 9px 0; } /* Tweet this button */ .tweet-this { padding:0 0 55px; background: url('images/picto-tweet-this.png') no-repeat scroll center bottom transparent; display: block; text-align: center; font-size: 16px; font-family: 'PTSansItalic'; color: #303030; margin: 30px 0 40px; } .tweet-this span { background: url("images/nbs-content-bdr-top.png") no-repeat scroll center top transparent; display: block; padding-top: 20px; } .tweet-this span span { background: url("images/nbs-content-bdr-bottom.png") no-repeat scroll center bottom transparent; display: block; padding: 0 20px 20px; } .tweet-this:hover { color:#04adef; } /* SS Form 04/06/2015 */ .ss-form .ss-form .label { color: #000; font-size: 14px; font-weight: normal !important; font-family: "PT Sans",Arial,sans-serif; padding: 0; white-space: normal; } .ss-form .ss-form label { color: #4E5151 !important; font-size: 14px !important; font-weight: normal !important; font-family: "PT Sans",Arial,sans-serif !important; padding: 0; } .ss-form .ss-form { padding: 30px!important; } .ss-form .ss-form select, .ss-form .ss-form textarea { width: 300px!important; } .ss-form .ss-form .required { border: medium none !important; color: #F00; } .ss-form input { margin: 0; } .ss-form table.wdform_table1 { border: 0 none; margin: 0 25px; } .ss-form table { border: 0 none; } .ss-form .ss-form .wdform_tbody2 > tr > td { display: inline-table; width: 100%; padding: 0!important; line-height: normal; } .ss-form .ss-form .wdform_tbody2 > tr > td:nth-child(2) { padding: 0 0 15px!important; } .ss-form .ss-form .wdform_scale_rating > div { background: #eee; padding: 2px 10px !important; } .ss-form .ss-form .mini_label { margin:0 20px; top:20px!important; } .ss-form .ss-form .wdform_tbody2 .wdform_scale_rating table tbody tr td { display: inline-table; width: 50px; text-align: center; padding: 0 0 5px; font-size: 14px; font-weight: normal !important; font-family: "PT Sans",Arial,sans-serif; } .ss-form .type_submit_reset td { padding: 0; } .ss-form .button_submit { background-image: url("images/sprite.png") !important; background-color: transparent; background-repeat: no-repeat; background-position: -727px -431px; border: 0px none !important; color: #FFF; display: inline-block; font-family: "PT Sans",Arial,sans-serif !important; font-size: 16px; height: 43px; margin: -10px; padding: 0 0 0 35px !important; text-transform: uppercase; width: 164px; cursor: pointer; } .ss-form .button_reset { background: #eee; border: 2px solid #e7e7e7; display: inline-block; font-family: "PT Sans",Arial,sans-serif !important; font-size: 16px; height: 39px; margin: 0 0 0 30px; padding: 0; text-transform: uppercase; width: 114px; cursor: pointer; color: #777; border-radius: 10px; } @media only screen and (max-width: 640px) { .ss-form table.wdform_table1 { margin: 0; } .ss-form .wdform_tbody2 .wdform_scale_rating label { display: none; } .ss-form .wdform_tbody2 .wdform_scale_rating table { display: inline-table; float: left; clear: both; } .ss-form .wdform_tbody2 .wdform_scale_rating table tbody tr td { width: 28px; } .ss-form .button_reset { margin: 0 0 0 25px; } }