/* #Reset & Basics (Inspired by E. Meyers) ================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } :focus { outline:0; } /* #Basic Styles ================================================== */ body { background: #f4f7f8 url(../img/bdbg1.png); font: 12px/24px Helvetica, Arial, sans-serif; color: #3e3e3e; font-weight: 300; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; } /* #Typography ================================================== */ @font-face { font-family:"StaticBold"; src:url("/wp-content/themes/cmmpf/assets/font/Static_Bold.eot?") format("eot"),url("/wp-content/themes/cmmpf/assets/font/Static_Bold.woff") format("woff"),url("/wp-content/themes/cmmpf/assets/font/Static_Bold.ttf") format("truetype"),url("/wp-content/themes/cmmpf/assets/font/Static_Bold.svg#StaticBold") format("svg"); font-weight:normal; font-style:normal; } div.bite { background: url(../img/bite.png) bottom right no-repeat; } h1, h2, h3, h4, h5, h6 { color: #505c64; font-weight: 300; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size: 46px; line-height: 51px; margin-bottom: 12px; } h2 { font-size: 17px; line-height: 40px; margin-bottom: 10px; color: #636b72; font-family: 'Lato', Helvetica, Arial, sans-serif;} h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; } h4 { font-family: 'StaticBold'; font-size: 16px; line-height: 30px; margin-bottom: 4px; } h5 { font-size: 17px; line-height: 24px; margin-bottom: 5px; } h6 { font-size: 14px; line-height: 21px; } .subheader { color: #849098; } h3.magic, h4.magic { color: #07a9cf; } h5.magic, h6.magic, p.magic { color: #81898f; font-weight: 500; } h5.helvetic5 { font-family:Helvetica, Arial, sans-serif; font-size: 18px; line-height: 24px; margin-bottom:14px; } p { margin: 0 0 21px 0; color: #3e3e3e; font-family: Helvetica, Arial; font-size: 13px; line-height: 24px; font-weight: 300; text-align: justify; } p img { margin: 0; } p.lead { font-size: 21px; line-height: 27px; color: #818a92; } p.magic { font-size: 19px; line-height: 25px; margin: 0; } .formation h2, .module h2, .pagesingle h2 { background: url(../img/bg_h2.png) 0 15px repeat-x; font-size: 21px; font-weight: bold; } .formation h2 span, .module h2 span, .pagesingle h2 span { background-color: #FFFFFF; padding-right: 20px; } .pagesingle table { width: 100%; color: #3e3e3e; font-family: Helvetica, Arial; font-size: 13px; line-height: 16px; font-weight: 300; border: #FFFFFF 1px solid; } .pagesingle table td { padding: 12px 12px; text-align: center; border: #FFFFFF 1px solid; background-color: #f2fafd; } .pagesingle table tr:first-child > td { font-weight: bold; text-transform: uppercase; background-color: #e1f2fa; } .pagesingle table tr td:first-child { font-weight: bold; text-transform: uppercase; text-align: left; background-color: #e1f2fa; } .modulesPage { padding: 32px 25px 16px 25px; } .modulesPage p { font-family: 'Lato', Helvetica, Arial, sans-serif; font-weight: 400; } .pagesingle .modulesPage1, .pagesingle .modulesPage4 { background-color: #2a96bc; } .pagesingle .modulesPage2, .pagesingle .modulesPage5 { background-color: #195f79; } .pagesingle .modulesPage3, .pagesingle .modulesPage6 { background-color: #1a7c9f; } .pagesingle .modulesPage p, li { color: #FFF; } .pagesingle .modulesPage strong { color: #FFFFFF; } div.objectifs {padding: 0 0 0 0;} div.conditions li { background: url(../img/arrow.png) 0 2px no-repeat; padding-left: 14px; font-size: 13px;} .pagesingle li { color: #3e3e3e; background: url(../img/arrow_page.png) 0 5px no-repeat; padding-left: 14px; font-size: 13px; margin-left: 35px; line-height: 20px;} .module li { color: #3e3e3e; background: url(../img/arrow_module.png) 0 5px no-repeat; padding-left: 14px; font-size: 15px; margin-left: 35px; line-height: 28px; } .formation li { color: #3e3e3e; background: url(../img/arrow.png) 0 10px no-repeat; padding-left: 14px; font-size: 15px; margin-left: 35px; line-height: 28px; } #leftside li { color: #FFF; background: url(../img/arrow_white.png) 0 5px no-repeat; padding-left: 14px; font-size: 13px; margin-left: 35px; line-height: 20px; text-align: left;} #leftside ul { margin-top: 12px; } #leftside .modulesPage li { margin-left: 0; } .formation div.contenu ul li { color: #ec901f; text-transform: uppercase; font-weight: bold; font-size: 13px; font-family: 'Lato', Helvetica, Arial, sans-serif; margin-left: 0; padding-left: 0; background: none; } .module div.contenu ul li { font-size: 13px; font-family: Helvetica, Arial, sans-serif; } .formation div.contenu ul li ul li { color: #3e3e3e; text-transform: none; font-weight: 300; font-size: 13px; font-family: Helvetica, Arial, sans-serif; padding-left: 35px; } #leftside a:hover { text-decoration: none; } .planning { background: transparent url(../img/bg_planning.png) top right no-repeat; padding: 32px 25px 16px 25px; } .formation .planning { background-color: #817870; } .module .planning { background-color: #6a6a6a; } .planning p { color: #e1e1e1; font-family: 'Lato', Helvetica, Arial, sans-serif; font-weight: 400; } .fiche { background: transparent url(../img/bg_fiche.png) top right no-repeat; padding: 32px 25px 16px 25px; } .formation .fiche { background-color: #ec901f; } .module .fiche { background-color: #7aa555; } .fiche p { font-family: 'Lato', Helvetica, Arial, sans-serif; font-weight: 400; } .formation .fiche p { color: #FFF; } .module .fiche p{ color: #cbddbb; } .contact { /*background: #aba49e url(../img/bg_contact.png) top right no-repeat;*/ background: #216394 url(../img/bg_contact.png) top right no-repeat; padding: 32px 25px 16px 25px; } .module .contact { /*background-color: #aeaeae;*/ background-color: #216394; } .testifb { /*background: #aba49e url(../img/bg_contact.png) top right no-repeat;*/ background: #4468B0 url(../img/bg_fb.png) top right no-repeat; padding: 32px 25px 16px 25px; } .module .testifb { /*background-color: #aeaeae;*/ background-color: #4468B0; } .contact h4, .fiche h4, .planning h4, .modulesPage h4 { color: #FFFFFF; font-family: 'Lato', Helvetica, Arial, sans-serif; font-weight: 300; font-size: 17px; text-transform: uppercase; } .contact p { color: #FFFFFF; font-family: 'Lato', Helvetica, Arial, sans-serif; font-weight: 400; } .contact p strong { color: #e1e1e1; font-weight: 700; } .formation .experiences, .module .experiences { background-color: #B14237; } #leftside .experiences li, #leftside .contact li { margin-left: 0; line-height : 26px; } #leftside .experiences { background-color: #B14237; } #leftside img { border: #f3f3f3 8px solid; width: 280px; } em { font-style: italic; } strong { font-weight: bold; } p strong { font-size:13px; } small { font-size: 75%; color: #9099a0; } /* Dropcaps */ .dropcap1, .dropcap2, .dropcap3 { text-transform:uppercase; float: left; font-size: 49px; margin: 0 8px 0 0; font-family: Times, serif, Arial; } .dropcap1 { line-height: 50px; margin: 0 8px 0 0; } .dropcap2, .dropcap3 { background: #95a2a6; font-size: 48px; line-height:54px; color: #fff; display: block; padding:0 5px -1px; border-top-right-radius:17px; margin-top: -7px; } .dropcap3 { background: #e67c59; } /* Text Highlights */ .highlight1 { padding:2px 5px; background:#85bc36; color:#fff; vertical-align:baseline; } .highlight2 { padding:2px 5px; background:#f4f4f4; color:#666; vertical-align:baseline; } .highlight3 { padding:14px 7px; background:#fff; vertical-align:baseline; display:block; border-radius:3px; margin:7px 3px; } .highlight4 { background-color:#fffdcc; vertical-align:baseline; padding:1px 3px;} /* Blockquotes */ blockquote, blockquote p { font-size: 15px; line-height: 24px; color: #6a747d; } blockquote { margin: 0 0 21px; padding: 14px 25px 14px 18px; border-left: 4px solid #e8edee; background:#fafcfd url(../img/quote-ico2.png) no-repeat 99% 7px;} blockquote cite { display: block; font-style: italic; font-size: 12px; color: #777f87; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; } blockquote small { font-size:13px; font-style: italic;} blockquote img { max-width:100%; width:auto; display:inline; } hr { border: solid #e8edee; border-width: 1px 0 0; clear: both; margin: 14px 0 35px; height: 0; } ::selection { background: #e4744f; color: #fff; } ::-moz-selection { background: #e4744f; color: #fff; } /* #Links ================================================== */ a, a:visited { color: #1b95cd; text-decoration: none; outline: 0; } a:hover, a:focus { color: #ff9900; } #leftside a:focus { color: #ffffff; text-decoration:none;outline-offset:0;} p a, p a:visited { line-height: inherit; } a:active { outline:none; opacity: 0.75; } /* #Lists ================================================== */ ul, ol { margin-bottom: 21px; margin-left: 3px; } ul { list-style: none outside; } ol { list-style: decimal; } ol, ul.disc { margin-left: 20px; } ul.disc { list-style: disc outside; } ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%; } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; } li { line-height: 14px; margin-bottom: 14px; } ul.large li { line-height: 21px; } li p { line-height: 18px; } ul.check li, li.check { background:url(../img/li-check.png) no-repeat left 2px; } ul.plus li, li.plus { background:url(../img/li-plus.png) no-repeat left 2px; } ul.minus li, li.minus { background:url(../img/li-minus.png) no-repeat left 1px; } ul.star li, li.star { background:url(../img/li-star.png) no-repeat left 2px; } ul.arrow li, li.arrow { background:url(../img/li-arrow.png) no-repeat left 2px; } ul.arrow2 li, li.arrow2 { background:url(../img/li-arrow2.png) no-repeat left 2px; } ul.square li, li.square { background:url(../img/li-square.png) no-repeat left 2px; } ul.circle li, li.circle { background:url(../img/li-circle.png) no-repeat left 3px; } ul.cross li, li.cross { background:url(../img/li-cross.png) no-repeat left 2px; } ul.check li, li.check, ul.plus li, li.plus, ul.minus li, li.minus, ul.star li, li.star, ul.arrow li, li.arrow, ul.arrow2 li, li.arrow2, ul.square li, li.square, ul.circle li, li.circle, ul.cross li, li.cross { padding:0 0 7px 14px; border-bottom:1px dotted #e8edee; font-family:'Lato', Arial; color: #7f868c; } /* #Images ================================================== */ img.scale-with-grid { max-width: 100%; height: auto; } img.full-width { width: 100%; height: auto; } p img { margin-bottom:14px;} /* #Buttons ================================================== */ .button, button, a.price-send, input[type="submit"], input[type="reset"], input[type="button"] { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; display: inline-block; font-size: 14px; text-transform: uppercase; font-weight: bold; text-decoration: none; text-shadow: 0 -1px rgba(0, 0, 0, .34); cursor: pointer; margin-bottom: 21px; line-height: normal; padding: 8px 12px; font-family: Helvetica, Arial, sans-serif; border:1px solid #339933; background: #85bc36; /* Old browsers */ background: -moz-linear-gradient(top, #a0c14d, #5aa300); /* FF3.6+ */ background: #e1e7ec -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a0c14d), color-stop(100%,#5aa300)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a0c14d, #5aa300); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, #a0c14d, #5aa300); /* IE10+ */ background: -o-linear-gradient(top, #a0c14d, #5aa300); /* Opera11.10+ */ background: linear-gradient(top, #a0c14d, #5aa300); /* W3C */ -webkit-box-shadow: 0px 0px 2px #fff inset; -moz-box-shadow: 0px 0px 2px #fff inset; box-shadow: 0px 0px 2px #fff inset; } .button:hover, button:hover, a.price-send:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { background: #a0c14d; } .button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width { width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; } .button.large, button.large, input[type="submit"].large, input[type="reset"].large, input[type="button"].large { padding: 10px 15px; font-size: 16px; } .button.small, button.small, input[type="submit"].small, input[type="reset"].small, input[type="button"].small { padding: 5px 7px; font-size: 13px; } .button.blue, button.blue, input[type="submit"].blue, input[type="reset"].blue, input[type="button"].blue { border:1px solid #0093d0; background: #33afdd; /* Old browsers */ background: -moz-linear-gradient(top, #34aed7, #0788be); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#34aed7), color-stop(100%,#0788be)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #34aed7, #0788be); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, #34aed7, #0788be); /* IE10+ */ background: -o-linear-gradient(top, #34aed7, #0788be); /* Opera11.10+ */ background: linear-gradient(top, #34aed7, #0788be); /* W3C */ } .button.blue:hover, button.blue:hover, input[type="submit"].blue:hover, input[type="reset"].blue:hover, input[type="button"].blue:hover { background: #3fb7e4; } .button.red, button.red, input[type="submit"].red, input[type="reset"].red, input[type="button"].red { border:1px solid #d9394a; background: #e53f51; /* Old browsers */ background: -moz-linear-gradient(top, #e6808b, #e23548); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6808b), color-stop(100%,#e23548)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e6808b, #e23548); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, #e6808b, #e23548); /* IE10+ */ background: -o-linear-gradient(top, #e6808b, #e23548); /* Opera11.10+ */ background: linear-gradient(top, #e6808b, #e23548); /* W3C */ } .button.red:hover, button.red:hover, input[type="submit"].red:hover, input[type="reset"].red:hover, input[type="button"].red:hover { background: #e74e5f; } .button.gray, button.gray, input[type="submit"].gray, input[type="reset"].gray, input[type="button"].gray { color:#656f79; text-shadow: 0 -1px #fff; border:1px solid #e3e5e6; background: #f3f4f5; /* Old browsers */ background: -moz-linear-gradient(top, #fdfdfd, #e1e4e5); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#e1e4e5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fdfdfd, #e1e4e5); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, #fdfdfd, #e1e4e5); /* IE10+ */ background: -o-linear-gradient(top, #fdfdfd, #e1e4e5); /* Opera11.10+ */ background: linear-gradient(top, #fdfdfd, #e1e4e5); /* W3C */ } .button.gray:hover, button.gray:hover, input[type="submit"].gray:hover, input[type="reset"].gray:hover, input[type="button"].gray:hover { background: #f6f7f7; } a.button, .button.blue, .button.red { color: #fff; } .button:active, button:active, a.price-send:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active { border: 1px solid #ccc; color: #c1d7dc; } /* Fix for odd Mozilla border & padding issues */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* #Forms ================================================== */ form { margin-bottom: 20px; } fieldset { margin-bottom: 20px; } input[type="text"], input[type="password"], input[type="email"], textarea, select { border: 1px solid #eee; padding: 6px 4px; outline: none; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; color: #888; margin: 0; width: 210px; max-width: 100%; min-height: 21px; display: block; margin-bottom: 20px; -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.1) inset; -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.1) inset; box-shadow: 0px 1px 1px rgba(0,0,0,.1) inset; background: #fdfdfd; } select { padding: 0; } input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, textarea:hover { border-color: #c1dfed; -moz-box-shadow: 0 0 1px rgba(0,0,0,.1); -webkit-box-shadow: 0 0 1px rgba(0,0,0,.1); box-shadow: 0 0 1px rgba(0,0,0,.1); } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { border: 1px solid #aaa; color: #444; background: #fff; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); } textarea { min-height: 60px; } label, legend { display: block; font-weight: bold; font-size: 13px; } select { width: 220px; } input[type="checkbox"] { display: inline; } label span, legend span { font-weight: normal; font-size: 13px; color: #444; } /* #Misc ================================================== */ .remove-bottom { margin-bottom: 0 !important; } .half-bottom { margin-bottom: 7px !important; } .add-bottom { margin-bottom: 21px !important; } /* #Bootstrap ================================================== */ .dropup, .dropdown { position: relative; } .dropdown-toggle { *margin-bottom: -3px; } .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; } .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; opacity: 0.3; filter: alpha(opacity=30); } .dropdown .caret { margin-top: 8px; margin-left: 2px; } .dropdown:hover .caret, .open .caret { opacity: 1; filter: alpha(opacity=100); } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 4px 0; margin: 1px 0 0; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { *width: 100%; height: 1px; margin: 8px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } .dropdown-menu a { display: block; padding: 3px 15px; clear: both; font-weight: normal; line-height: 18px; color: #7a7f83; white-space: nowrap; } .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover { color: #ffffff; text-decoration: none; background-color: #1eb1e4; } .open { *z-index: 1000; } .open > .dropdown-menu { display: block; } .pull-right > .dropdown-menu { right: 0; left: auto; } .well, .promobox { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f7f9fa; border: 1px solid #e1e7ec; border: 1px solid rgba(0, 0, 0, 0.05); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #d1d7dc; border-color: rgba(0, 0, 0, 0.15); } .well-large { padding: 24px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .well-small { padding: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .promobox { background: #fdfdfd; padding-bottom: 11px; } .promobox button, .promobox .button { float:right; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -ms-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -ms-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } .collapse.in { height: auto; } .close { float: right; font-size: 20px; font-weight: bold; line-height: 18px; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); } .nav { margin-bottom: 18px; margin-left: 0; list-style: none; } .nav > li > a { display: block; } .nav > li > a:hover { text-decoration: none; background-color: #e1e7ec; } .nav > .pull-right { float: right; } .nav .nav-header { display: block; padding: 3px 15px; font-size: 11px; font-weight: bold; line-height: 18px; color: #999999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; } .nav li + .nav-header { margin-top: 9px; } .nav-list { padding-right: 15px; padding-left: 15px; margin-bottom: 0; } .nav-list > li > a, .nav-list .nav-header { margin-right: -15px; margin-left: -15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .nav-list > li > a { padding: 3px 15px; } .nav-list > .active > a, .nav-list > .active > a:hover { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); background-color: #0088cc; } .nav-list [class^="icon-"] { margin-right: 2px; } .nav-list .divider { *width: 100%; height: 1px; margin: 8px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } .nav-tabs, .nav-pills { *zoom: 1; } .nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after { display: table; content: ""; } .nav-tabs:after, .nav-pills:after { clear: both; } .nav-tabs > li, .nav-pills > li { float: left; } .nav-tabs > li > a, .nav-pills > li > a { padding-right: 12px; padding-left: 12px; line-height: 14px; } .nav-tabs { border-bottom: 1px solid #d1d7dc; } .nav-tabs > li { margin-bottom: -1px; } .nav-tabs > li > a { padding-top: 8px; background:#f2f4f6; padding-bottom: 8px; color:#838b91; line-height: 18px; border: 1px solid #d1d7dc; border-right:0 none; border-bottom-color:#f2f4f6; } .nav-tabs > li > a:hover { background:#fafcfd; } .nav-tabs > .active > a, .nav-tabs > .active > a:hover { cursor: default; background-color: #ffffff; border: 1px solid #d1d7dc; border-bottom-color: transparent; border-top:2px solid #ff9900; } .nav-pills > li > a { padding-top: 8px; padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .nav-pills > .active > a, .nav-pills > .active > a:hover { color: #ffffff; background-color: #0088cc; } .nav-stacked > li { float: none; } .nav-stacked > li > a { margin-right: 0; } .nav-tabs.nav-stacked { border-bottom: 0; } .nav-tabs.nav-stacked > li > a { border: 1px solid #d1d7dc; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .nav-tabs.nav-stacked > li:first-child > a { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .nav-tabs.nav-stacked > li:last-child > a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .nav-tabs.nav-stacked > li > a:hover { z-index: 2; border-color: #d1d7dc; } .nav-pills.nav-stacked > li > a { margin-bottom: 3px; } .nav-pills.nav-stacked > li:last-child > a { margin-bottom: 1px; } .nav-tabs .dropdown-menu { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .nav-pills .dropdown-menu { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .nav-tabs .dropdown-toggle .caret, .nav-pills .dropdown-toggle .caret { margin-top: 6px; border-top-color: #0088cc; border-bottom-color: #0088cc; } .nav-tabs .dropdown-toggle:hover .caret, .nav-pills .dropdown-toggle:hover .caret { border-top-color: #005580; border-bottom-color: #005580; } .nav-tabs .active .dropdown-toggle .caret, .nav-pills .active .dropdown-toggle .caret { border-top-color: #333333; border-bottom-color: #333333; } .nav > .dropdown.active > a:hover { color: #000000; cursor: pointer; } .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover { color: #ffffff; background-color: #999999; border-color: #999999; } .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .tabs-stacked .open > a:hover { border-color: #999999; } .tabbable { *zoom: 1; } .tabbable:before, .tabbable:after { display: table; content: ""; } .tabbable:after { clear: both; } .tab-content { overflow: auto; border:1px solid #d1d7dc; border-top:0 none; padding-top:18px; margin-top:-18px; box-shadow : 0 1px 2px 0 #efefef; } .tab-content .columns { max-width:100%; } .tab-content p { padding:0 10px; } .tab-content .columns p { padding:0; } .tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs { border-bottom: 0; } .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; } .tab-content > .active, .pill-content > .active { display: block; } .tabs-below > .nav-tabs { border-top: 1px solid #d1d7dc; } .tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0; } .tabs-below > .nav-tabs > li > a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .tabs-below > .nav-tabs > li > a:hover { border-top-color: #d1d7dc; border-bottom-color: transparent; } .tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover { border-color: transparent #d1d7dc #d1d7dc #d1d7dc; } .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { float: none; } .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { min-width: 74px; margin-right: 0; margin-bottom: 3px; } .tabs-left > .nav-tabs { float: left; border-right: 1px solid #d1d7dc; } .tabs-left > .nav-tabs > li > a { margin-right: -1px; border: 1px solid #d1d7dc; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .tabs-left > .nav-tabs > li > a:hover { border-color: #e1e7ec #d1d7dc #e1e7ec #e1e7ec; border-width:1px; } .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover { border-color: #d1d7dc transparent #d1d7dc #d1d7dc; *border-right-color: #ffffff; } .tabs-right > .nav-tabs { float: right; border-left: 1px solid #d1d7dc; } .tabs-right > .nav-tabs > li > a { margin-left: -1px; border: 1px solid #d1d7dc; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .tabs-right > .nav-tabs > li > a:hover { border-color: #e1e7ec #e1e7ec #e1e7ec #d1d7dc; border-width:1px; } .tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover { border-color: #d1d7dc #d1d7dc #d1d7dc transparent; *border-left-color: #ffffff; } .tabs-right > .tab-content, .tabs-left > .tab-content, .tabs-below > .tab-content { margin:0; padding:4px; padding-top:10px; display:block; border:0 none; border-top:1px solid #d1d7dc; box-shadow : 0 0 0 0; } .tabs-below > .tab-content { border:1px solid #d1d7dc; border-bottom:0 none; } .tooltip { position: absolute; z-index: 1020; display: block; padding: 5px; font-size: 11px; opacity: 0; filter: alpha(opacity=0); visibility: visible; } .tooltip.in { opacity: 0.8; filter: alpha(opacity=80); } .tooltip.top { margin-top: -2px; } .tooltip.right { margin-left: 2px; } .tooltip.bottom { margin-top: 2px; } .tooltip.left { margin-left: -2px; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top: 5px solid #000000; border-right: 5px solid transparent; border-left: 5px solid transparent; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #000000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-right: 5px solid transparent; border-bottom: 5px solid #000000; border-left: 5px solid transparent; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-top: 5px solid transparent; border-right: 5px solid #000000; border-bottom: 5px solid transparent; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #ffffff; text-align: center; text-decoration: none; background-color: #000000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; } .pull-right { float: right; } .pull-left { float: left; } .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } .pagination2 { height: 36px; margin: 18px 0; } .pagination2 ul { display: inline-block; *display: inline; margin-bottom: 0; margin-left: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; *zoom: 1; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .pagination2 li { display: inline; } .pagination2 a { float: left; padding: 0 14px; line-height: 34px; text-decoration: none; border: 1px solid #d1d7dc; border-left-width: 0; } .pagination2 a:hover, .pagination2 .active a { background-color: #f5f5f5; } .pagination2 .active a { color: #999999; cursor: default; } .pagination2 .disabled span, .pagination2 .disabled a, .pagination2 .disabled a:hover { color: #999999; cursor: default; background-color: transparent; } .pagination2 li:first-child a { border-left-width: 1px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .pagination2 li:last-child a { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .pagination2-centered { text-align: center; } .pagination2-right { text-align: right; } .alert { padding: 8px 35px 8px 36px; background:url(../img/alert-notice-ico.png) no-repeat; background-position: 9px 50%; margin-bottom: 18px; color: #c09853; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .alert img { float: left; margin:-2px 6px 4px -4px; } .alert-heading { color: inherit; } .alert .close { position: relative; top: -2px; right: -21px; line-height: 18px; } .alert-success { color: #468847; background:url(../img/alert-success-ico.png) no-repeat; background-position: 8px 50%; background-color: #dff0d8; border-color: #d6e9c6; } .alert-danger, .alert-error { color: #b94a48; background:url(../img/alert-error-ico.png) no-repeat; background-position: 9px 50%; background-color: #f2dede; border-color: #eed3d7; } .alert-info { color: #3a87ad; background:url(../img/alert-info-ico.png) no-repeat; background-position: 9px 50%; background-color: #d9edf7; border-color: #bce8f1; } .alert-block { padding-top: 14px; padding-bottom: 14px; } .alert-block > p, .alert-block > ul { margin-bottom: 0; } .alert-block p + p { margin-top: 5px; } button.close { padding:0; margin:0; border:0; background:none; } table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } .table { width: 100%; margin-bottom: 18px; } .table th, .table td { padding: 8px; line-height: 18px; text-align: left; vertical-align: top; border-top: 1px dotted #d1d7dc; } .table th { font-weight: bold; } .table thead th { vertical-align: bottom; border-top:0 none; background:#f8fbfc; } .table tbody + tbody { border-top: 2px solid #d1d7dc; } .table-condensed th, .table-condensed td { padding: 4px 5px; } .table-bordered { border: 1px solid #d1d7dc; border-collapse: separate; *border-collapse: collapsed; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .table-bordered th, .table-bordered td { border-left: 1px solid #d1d7dc; } .table tbody tr:hover td, .table tbody tr:hover th { background-color: #fafcfd; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-ms-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { height: 25px; margin-bottom: 18px; overflow: hidden; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(top, #f5f5f5, #f9f9f9); background-repeat: repeat-x; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress .bar { width: 0; height: 25px; font-size: 12px; color: #ffffff; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e90d2; background-image: -moz-linear-gradient(top, #149bdf, #0480be); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image: -webkit-linear-gradient(top, #149bdf, #0480be); background-image: -o-linear-gradient(top, #149bdf, #0480be); background-image: linear-gradient(top, #149bdf, #0480be); background-image: -ms-linear-gradient(top, #149bdf, #0480be); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; -ms-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress-striped .bar { background-color: #149bdf; background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px; } .progress.active .bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-danger .bar { background-color: #dd514c; background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(top, #ee5f5b, #c43c35); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0); } .progress-danger.progress-striped .bar { background-color: #ee5f5b; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-success .bar { background-color: #5eb95e; background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -ms-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(top, #62c462, #57a957); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0); } .progress-success.progress-striped .bar { background-color: #62c462; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-info .bar { background-color: #4bb1cf; background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); background-image: -ms-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); background-image: linear-gradient(top, #5bc0de, #339bb9); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0); } .progress-info.progress-striped .bar { background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-warning .bar { background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -ms-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(top, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0); } .progress-warning.progress-striped .bar { background-color: #fbb450; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } /* #Base 960 Grid ================================================== */ .container { position: relative; width: 960px; margin: 0 auto; padding: 0; } .container .column, .container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; } .row { margin-bottom: 21px; } /* Nested Column Classes */ .column.alpha, .columns.alpha { margin-left: 0; } .column.omega, .columns.omega { margin-right: 0; } /* Base Grid */ .container .one.column, .container .one.columns { width: 40px; } .container .two.columns { width: 100px; } .container .three.columns { width: 160px; } .container .four.columns { width: 220px; } .container .five.columns { width: 280px; } .container .six.columns { width: 340px; } .container .seven.columns { width: 400px; } .container .eight.columns { width: 460px; } .container .nine.columns { width: 520px; } .container .ten.columns { width: 580px; } .container .eleven.columns { width: 640px; } .container .twelve.columns { width: 700px; } .container .thirteen.columns { width: 760px; } .container .fourteen.columns { width: 820px; } .container .fifteen.columns { width: 880px; } .container .sixteen.columns { width: 940px; } .container .one-third.column { width: 300px; } .container .two-thirds.column { width: 620px; } .container .one-half.column { width: 450px; } /* Offsets */ .container .offset-by-one { padding-left: 60px; } .container .offset-by-two { padding-left: 120px; } .container .offset-by-three { padding-left: 180px; } .container .offset-by-four { padding-left: 240px; } .container .offset-by-five { padding-left: 300px; } .container .offset-by-six { padding-left: 360px; } .container .offset-by-seven { padding-left: 420px; } .container .offset-by-eight { padding-left: 480px; } .container .offset-by-nine { padding-left: 540px; } .container .offset-by-ten { padding-left: 600px; } .container .offset-by-eleven { padding-left: 660px; } .container .offset-by-twelve { padding-left: 720px; } .container .offset-by-thirteen { padding-left: 780px; } .container .offset-by-fourteen { padding-left: 840px; } .container .offset-by-fifteen { padding-left: 900px; } /* #Additional - Large Screens beyond 1280px ================================================== */ /* Note: Design for a width of 1280px */ @media only screen and (min-width: 1281px) { .container { width: 1280px; } .container .column, .container .columns { margin-left: 10px; margin-right: 10px; } .column.alpha, .columns.alpha { margin-left: 0; margin-right: 10px; } .column.omega, .columns.omega { margin-right: 0; margin-left: 10px; } .alpha.omega { margin-left: 0; margin-right: 0; } .container .one.column, .container .one.columns { width: 60px; } .container .two.columns { width: 140px; } .container .three.columns { width: 220px; } .container .four.columns { width: 300px; } .container .five.columns { width: 380px; } .container .six.columns { width: 460px; } .container .seven.columns { width: 540px; } .container .eight.columns { width: 620px; } .container .nine.columns { width: 700px; } .container .ten.columns { width: 780px; } .container .eleven.columns { width: 860px; } .container .twelve.columns { width: 940px; } .container .thirteen.columns { width: 1020px; } .container .fourteen.columns { width: 1100px; } .container .fifteen.columns { width: 1180px; } .container .sixteen.columns { width: 1260px; } .container .one-third.column { width: 406px; } .container .two-thirds.column { width: 822px; } /* Offsets */ .container .offset-by-one { padding-left: 80px; } .container .offset-by-two { padding-left: 160px; } .container .offset-by-three { padding-left: 240px; } .container .offset-by-four { padding-left: 320px; } .container .offset-by-five { padding-left: 400px; } .container .offset-by-six { padding-left: 480px; } .container .offset-by-seven { padding-left: 560px; } .container .offset-by-eight { padding-left: 640px; } .container .offset-by-nine { padding-left: 720px; } .container .offset-by-ten { padding-left: 800px; } .container .offset-by-eleven { padding-left: 880px; } .container .offset-by-twelve { padding-left: 960px; } .container .offset-by-thirteen { padding-left: 1040px; } .container .offset-by-fourteen { padding-left: 1120px; } .container .offset-by-fifteen { padding-left: 1200px; } } /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 768px) and (max-width: 959px) { .wrap { max-width:828px; } .container { width: 100%; } .container .column, .container .columns { margin-left: 10px; margin-right: 10px; margin-bottom:21px; } .column.alpha, .columns.alpha { margin-left: 0; margin-right: 10px; } .column.omega, .columns.omega { margin-right: 0; margin-left: 10px; } .alpha.omega { margin-left: 0; margin-right: 0; } .container .one.column, .container .one.columns { width: 28px; } .container .two.columns { width: 76px; } .container .three.columns { width: 124px; } .container .four.columns { width: 172px; } .container .five.columns { width: 220px; } .container .six.columns { width: 268px; } .container .seven.columns { width: 316px; } .container .eight.columns { width: 364px; } .container .nine.columns { width: 412px; } .container .ten.columns { width: 100%; } .container .eleven.columns { width: 508px; } .container .twelve.columns { width: 556px; } .container .thirteen.columns { width: 604px; } .container .fourteen.columns { width: 652px; } .container .fifteen.columns { width: 700px; } .container .sixteen.columns { width: 748px; } .container .one-third.column { width: 236px; } .container .two-thirds.column { width: 492px; } .container .one-half.column { width: 354px; } /* Offsets */ .container .offset-by-one { padding-left: 48px; } .container .offset-by-two { padding-left: 96px; } .container .offset-by-three { padding-left: 144px; } .container .offset-by-four { padding-left: 192px; } .container .offset-by-five { padding-left: 240px; } .container .offset-by-six { padding-left: 288px; } .container .offset-by-seven { padding-left: 336px; } .container .offset-by-eight { padding-left: 384px; } .container .offset-by-nine { padding-left: 432px; } .container .offset-by-ten { padding-left: 480px; } .container .offset-by-eleven { padding-left: 528px; } .container .offset-by-twelve { padding-left: 576px; } .container .offset-by-thirteen { padding-left: 624px; } .container .offset-by-fourteen { padding-left: 672px; } .container .offset-by-fifteen { padding-left: 720px; } } /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ @media only screen and (max-width: 767px) { .container { width: 300px; } .container .columns, .container .column { margin: 0; margin-bottom:14px; } .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .one-half.column, .container .two-thirds.column { width: 300px; } /* Offsets */ .container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven, .container .offset-by-twelve, .container .offset-by-thirteen, .container .offset-by-fourteen, .container .one-half.column, .container .offset-by-fifteen { padding-left: 0; } } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .container { width: 420px; } .container .columns, .container .column { margin: 0; margin-bottom:21px; } .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column { width: 420px; } } /* #Clearing ================================================== */ /* Self Clearing Goodness */ .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } /* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a
*/ .clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .row:after, .clearfix:after { clear: both; } .row, .clearfix { zoom: 1; } /* You can also use a
to clear columns */ .clear, .clr { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clr { visibility:visible; overflow:visible;} .columns img, column img { max-width:100%; } .promobox .columns { max-width:100%; } /* LayerSlider Styles */ .ls-container { visibility: hidden; position: relative; } .ls-inner { position: relative; background-position: center center; } .ls-inner, .ls-layer { width: 100%; height: 100%; } .ls-layer { position: absolute; display: none; background-position: center center; overflow: hidden; } .ls-layer * { margin: 0px; line-height: normal; } .ls-active, .ls-animating { display: block !important; } .ls-layer > * { position: absolute; left: 0px; top: 0px; } .ls-layer .ls-bg { left: 50%; top: 50%; } .ls-yourlogo { position: absolute; z-index: 99; } /* Navigation */ .ls-bottom-nav-wrapper { height: 0px; } .ls-bottom-nav-wrapper, .ls-below-thumbnails { z-index: 2; height: 0px; position: relative; text-align: center; margin: 0px auto; } .ls-below-thumbnails { display: none; z-index: 6; } .ls-bottom-nav-wrapper a, .ls-nav-prev, .ls-nav-next { outline: none; } .ls-bottom-slidebuttons { position: relative; z-index: 1000; } .ls-bottom-slidebuttons, .ls-nav-start, .ls-nav-stop, .ls-nav-sides { position: relative; } /* Embedded videos */ .ls-vpcontainer { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; } .ls-videopreview { width : 100%; height : 100%; position : absolute; left : 0px; top : 0px; cursor : pointer; } .ls-playvideo { position: absolute; left: 50%; top: 50%; cursor: pointer; } /* Thumbnails */ .ls-tn { display: none !important; } .ls-thumbnail-hover { display: none; position: absolute; left: 0px; } .ls-thumbnail-hover-inner { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; display: none; } .ls-thumbnail-hover-bg { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; } .ls-thumbnail-hover-img { position: absolute; overflow: hidden; } .ls-thumbnail-hover img { max-width: none !important; position: absolute; display: inline-block; left: 50%; top: 0px; } .ls-thumbnail-hover span { left: 50%; top: 100%; width: 0px; height: 0px; display: block; position: absolute; border-left-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; } .ls-thumbnail-wrapper { position: relative; width: 100%; margin: 0 auto; z-index: 4; } .ls-thumbnail { position: relative; margin: 0 auto; } .ls-thumbnail-inner, .ls-thumbnail-slide-container { width: 100%; } .ls-thumbnail-slide-container { overflow: hidden !important; position: relative; } .ls-thumbnail-slide { text-align: center; white-space: nowrap; float: left; position: relative; } .ls-thumbnail-slide a { overflow: hidden; display: inline-block; width: 0px; height: 0px; position: relative; } .ls-thumbnail-slide img { max-width: none !important; max-height: 100% !important; height: 100%; } .ls-shadow { display: none; position: absolute; z-index: 1; top: 100%; width: 100%; left: 0px; } .ls-shadow img { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; } /* WP plugin fullWidth */ .ls-wp-fullwidth-container { width: 100%; position: relative; } .ls-wp-fullwidth-helper { position: absolute; } /* Trying to remove all the default global styles of WordPress :) */ .ls-container img { max-width: none !important; } .ls-container img, .entry-content .ls-container img, .comment-content .ls-container img, .widget .ls-container img { border-radius: 0px; box-shadow: none; } .entry-content .ls-container *, .comment-content .ls-container *, .widget .ls-container * { line-height: normal; padding: 0px; outline: none; border: 0px; } .entry-content .ls-yourlogo, .entry-content .ls-inner *, .comment-content .ls-inner *, .widget .ls-inner * { margin: 0px; } .entry-content .ls-tn, .comment-content .ls-tn, .widget .ls-tn { display: none; } .ls-layer p { padding: 0px 10px; line-height: 40px; box-shadow: 0px 4px 10px -5px black; text-shadow: none; font-size: 22px; float:left; } .ls-layer h3, .ls-layer h1 { color:#fff; padding:5px 10px;} .l1-s1 { height: 110px; color: white; background: #0093d0; opacity: .74; filter: alpha(opacity=70); width: 650px; text-align: center; } .l2-s1 { color: white; background: #0093d0; opacity: .69; filter: alpha(opacity=60); white-space: nowrap; left:0; } h1.l2-s1 { background:#ff9900; opacity: .76; filter: alpha(opacity=70); } .l3-s1 { width:440px; padding-bottom:12px; color: black; background: white; opacity: .59; box-shadow: 0px 4px 10px -5px black; } @media screen and (max-width: 1024px) { .ls-layer h1, .ls-layer h3 { left:0; margin-left:100px;} } :focus { outline:0; } a:active { outline:none; } ol,ul { list-style:none; } table { border-collapse:separate; border-spacing:0; } caption,th,td { text-align:left; font-weight:normal; } blockquote:before,blockquote:after,q:before,q:after { content:""; } blockquote,q { quotes:"" ""; } /* Page style */ #slide-container { width:520px; padding:10px; margin:0 auto; position:relative; z-index:0; } #slide-container, #slide-container * { max-width:100%;} #example { width:518px; height:298px; position:relative; } #frame { position:absolute; background:url(../img/slide1/slide1-frame.png) no-repeat left top; z-index:0; width:520px; height:298px; -ms-border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -o-box-shadow: 0 1px 3px #afafaf; -ms-box-shadow: 0 1px 3px #afafaf; -moz-box-shadow: 0 1px 3px #afafaf; -webkit-box-shadow: 0 1px 3px #afafaf; box-shadow: 0 1px 3px #afafaf; } /* Slideshow */ #slides { position:absolute; height:298px; top:0px; width:518px; border:1px solid #bcbcbc; border-top:none; -ms-border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; z-index:100; } .slide img { box-shadow: 0 2px 7px #999 inset; margin-top:25px; border-top:1px solid #a7a7a7; -ms-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; max-width:100%; } /* Slides container Important: Set the width of your slides container Set to display none, prevents content flash */ .slides_container { width:518px; position:relative; display:none; max-width:100%; } /* Each slide Important: Set the width of your slides If height not specified height will be set by the slide content Set to display block */ .slides_container div.slide { width:520px; height:298px; display:block; max-width:100%; } /* Next/prev buttons */ #slides .next,#slides .prev { position:absolute; top:127px; left:-14px; width:48px; height:48px; display:block; z-index:101; } #slides .next { left:483px; } /* Pagination */ .pagination { margin:-18px auto 0; width:100px; position:absolute; z-index:108; margin-left:7px; } .pagination li { float:left; margin:0 1px; list-style:none; } .pagination li a { display:block; width:12px; height:0; padding-top:12px; background-image:url(../img/slide1/pagination.png); background-position:0 0; float:left; overflow:hidden; } .pagination li.current a { background-position:0 -12px; } /* Caption */ .caption { z-index:550; position:absolute; top:0; padding-top:8px; left:0; height: 27px; width:454px; padding-left:66px; } .caption p { font-size:9px; line-height:10px; font-family:tahoma; color:#999;} .caption a { color:#555; text-decoration:none;} .caption a:hover { color:#ff9900;} @media only screen and (min-width: 768px) and (max-width: 959px) { #slides .next { left:378px; } } @media only screen and (max-width: 767px) { #slide-container, #example, #frame, #slides, .slide img, .slides_container, .slides_container div.slide {width:400px; height:229px; } #slides .next { left:363px;} #slides .next,#slides .prev { top:97px; } } @media only screen and (max-width: 480px) { #slide-container, #example, #frame, #slides, .slide img, .slides_container, .slides_container div.slide { width:280px; height:160px;} #slides .next,#slides .prev { top:63px; } #slides .next { left:243px;} } .blox { margin-top: -8px; padding:45px 0 63px; clear:both; background:#f1f8fc; text-shadow: 1px 1px 0 #fff; } .alerte { margin-top: 4px; padding: 0; clear:both; background:#f1f8fc; font: 14px/24px Helvetica, Arial, sans-serif !important; color: #FFF; } .alerte a { color: #FFF; font-weight: bold; } .alerte a:hover { text-decoration: none; font-weight: bold; } .alerte p { margin: 0; padding: 0; color: #FFF; font-weight: bold; line-height: 24px; } /* liScroll styles */ #layerslider-container-fw { margin-top: -8px; } .tickercontainer { /* the outer div with the black border */ width: 100%; height: 50px; margin: 0; padding: 0; overflow: hidden; clear: both; background-color: #ec901f; } .tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */ position: relative; left: 10px; top: 0px; width: 100%; overflow: hidden; } ul.newsticker { /* that's your list */ position: relative; left: 750px; list-style-type: none; margin: 0; padding: 0; } ul.newsticker li { float: left; /* important: display inline gives incorrect results when you check for elem's width */ margin: 0 100px 0 0; padding: 0; line-height: 14px; } ul.newsticker a { white-space: nowrap; padding: 0; margin: 0; } ul.newsticker span { margin: 0 10px 0 0; } .blox.dark { background:#384852; text-shadow: 1px 1px 0 #333;} .blox.gray { background:#f1f1f1; } .blox.redbox { background:#ffc5cb; text-shadow:none; } .blox.greenbox { background:#dbebb9; text-shadow:none; } .blox.yellowbox { background:#f7c218; text-shadow:none; } .dark.redbox { background:#de3059; text-shadow:none; } .dark.bluebox { background:#128abc; text-shadow:none; } .blox hr { border-color: rgba(255, 255, 255, 0.2); } .dark.bluebox a.magicmore { display: inline-block; color:rgba(255, 255, 255, 0.9); border-radius:14px; padding:2px 20px 2px 14px; background:rgba(0, 0, 0, 0.1) url(../img/rowp8.png) no-repeat 92% 57%; font-size:12px; -webkit-transition: background 0.12s ease; -moz-transition: background 0.12s ease; -ms-transition: background 0.12s ease; -o-transition: background 0.12s ease; transition: background 0.12s ease; } .dark.bluebox a.magicmore:hover { background:rgba(255, 255, 255, 0.2) url(../img/rowp8.png) no-repeat 98% 57%; color:rgba(0, 0, 0, 0.5); } .dark.greenbox { background:#5aa300; } .dark.yellowbox { background:#d1b900; text-shadow: 1px 1px 0 #837400;} .blox.dark * { color:#fff; } .blox.dark a { color:#07add4; } .blox.dark a:lhover { color:#ff9900;} .blox.dark .magic-link a { color:#fff; } .blox.dark p { color:rgba(255, 255, 255, 0.9); } .blox.dark small { color:rgba(255, 255, 255, 0.8); } .bloxcirc { width:70px; height:70px; border-radius:35px; background:#e53f51 url(../img/ico-bulb1.png) no-repeat center center; position:relative; margin:-78px auto 21px; display:block; } .bloxcirc.bell-bg { background:#e53f51 url(../img/ico-bell1.png) no-repeat center center; } .bloxcirc.flash-bg { background:#e53f51 url(../img/ico-flash1.png) no-repeat center center; } .bloxcirc.eye-bg { background:#e53f51 url(../img/ico-eye1.png) no-repeat center center; } .bloxcirc.calendar-bg { background:#e53f51 url(../img/ico-calendar1.png) no-repeat center center; } .bloxcirc.video-bg { background:#e53f51 url(../img/ico-video1.png) no-repeat center center; } .bloxcirc.clock-bg { background:#e53f51 url(../img/ico-clock1.png) no-repeat center center; } img.drod { padding:4px; background:#f2f6f8; border-radius: 7px;} .blox img.drod { padding:3px 11px; border: 6px solid #d4edf9; background: #fafcfd; border-radius:23px;} .blox.greenbox img.drod { border:0; background: #effad9; } /* Super Columns */ .s-qoute-man { padding-left:40px; background: url(../img/quote-ico1.png) no-repeat top right; margin-right:10px;} .s-qoute-man img, .s-team-man img { width:160px; height:160px; border-radius:80px; max-width:100%;} .s-qoute-man .blog-author { text-align:center; } .alert-info.super { background:#fff url(../img/super-info-bg1.png) repeat-x bottom; padding:14px 12px; display:block; border-color:#b3b9ba; box-shadow: 0px 0px 6px rgba(0,0,0,0.2) inset; } .super p { margin:7px; } .magic li, ul.magic li { border:0 none; margin-bottom:3px; list-style:none; } .blox.dark.bot-blox { padding:14px 0; clear:both; background: #303740 url(../img/pattern-bg2.png); border-top:5px solid #242e38; margin:0; } .dark.bot-blox .magic-link { margin:0; float:right; } *+html .blox.dark.bot-blox { margin-bottom:-21px; } /* WRAPPER */ #wrap { margin:0 auto; position:relative; padding:0; background: #fff; } #boxed-wrap { margin:0 auto; background:#fff; width:1004px; -webkit-box-shadow: 0 0 9px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 7px rgba(0,0,0,0.4); box-shadow: 0 0 7px rgba(0,0,0,0.4); } #boxed-wrap { border:1px solid #d6dbdc\9; border-bottom:none; } #full-width, #hero { width:100%; padding:0; clear:both;} #full-width img, #hero img { margin:0; max-width:100%; } #wrap #layerslider-container, #wrap #layerslider-wrapper, #wrap .ls-vincie{ max-width:1000px; } #headline { width: 100%; height:55px; padding:5px 0; background: #fff; border-bottom: 1px solid #f6f6f6; margin-bottom:35px; } #headline h3, #headline2 h3 { color: #9ea9b1; padding:12px 0 0 0; border-top: 1px solid #ffcc00; display:inline; margin-left:10px; } #headline2 h1 { font-size: 22px; line-height: 44px; text-transform: uppercase; font-weight: 700; margin-bottom: 8px; color: #FFFFFF; padding:12px 0 0 0; display:inline; margin-left:10px; font-family:"Lato";} #headline h3 small { font-size:60%; color:#b2bbc1; } #headline2 { width: 100%; height:55px; padding:5px 0; border-bottom: 1px solid #f6f6f6; margin-bottom:12px; padding:18px 0 4px; border:0 none; -moz-box-shadow: 0 0 7px rgba(0,0,0,0.3) inset; -ms-box-shadow: 0 0 9px rgba(0,0,0,0.3) inset; box-shadow: 0 0 7px rgba(0,0,0,0.3) inset; } #fbLike { margin-bottom: 12px; } .headlineFormations { background-color: #ec901f; } .headlineModules { background-color: #7aa555; } .headlineExperiences { background-color: #B14237; } .headlineDefault { background-color: #2a96bc; } #headline2 small { color:#e5ebef; } .tbg1 { background:url(../img/tbg1.png) repeat-x; } /* HEADER */ #top-head { margin:0; width:100%; height:0px; background:#FFFFFF; padding:0 0 1px 0;} #header { padding-top:8px; } .logo { padding-top:5px; } .logo img { max-width:100%; } .slogan1 { font-size:16px; color:#9ba7ac; line-height:18px; padding:2px; } .top-links { float:left; color:#fff; font-size:11px; padding-left:7px; } .top-links img { float:left; margin:4px 2px 0 0;} .top-links a, .top-links span { color: #8e9ca0; font-size:10px; display:inline; margin:0 6px; text-transform:uppercase } .top-links a:hover { color:#ff932a} .top-social { float:right; padding-top:2px; } .top-social a { float:left; margin:0 7px; opacity: 1; -webkit-transition: opacity 0.33s ease; -moz-transition: opacity 0.33s ease; -ms-transition: opacity 0.33s ease; -o-transition: opacity 0.33s ease; transition: opacity 0.33s ease; } .top-social a:hover { opacity:0.5;} /* NAVIGATION BAR */ #nav-wrap { font-size:13px; height:120px; margin-top:-12px; } /* menu icon */ #menu-icon { display: none; /* hide menu icon initially */} #nav { float:right;} #nav, #nav li { margin: 0; padding: 0;} #nav li { list-style: none; float:left; display:block; height:100%; vertical-align:middle; position:relative; background: #fff url(../img/nav-bott0.png) no-repeat bottom center; } /* nav link */ #nav a { width:126px; height:81px; padding-top:30px; display:block; font-family:'StaticBold', Arial; font-size: 16px; font-weight:400; background-position:bottom; border-top: 0 none; position:relative; text-transform:uppercase; text-decoration:none; color:#8e97a0; opcity:1; text-align:center; -webkit-transition:all .15s ease-in-out; -moz-transition:all .15s ease-in-out; -ms-transition:all .15s ease-in-out; -o-transition:all .15s ease-in-out; } #nav a:after { font-size:13px; line-height:1; margin-top:12px; font-family:'Lato', Arial; font-weight: 300; text-align:center; color:#9ea4ab; content: attr(data-description); display: block; text-transform:none; font-weight:300; } #nav a:hover, #nav li:hover > a { color:#3f4a53; background: #fff url(../img/nav-bott1.png) no-repeat bottom center; border-top-color:#ffcc00; } #nav li.active a { background: #fff url(../img/nav-bott1.png) no-repeat bottom center; color:#3f4a53;} #nav li.active a:after, #nav a:hover:after { color: #9ea4ab; } #nav li:hover > a { border-top: #ffcc00 4px solid; } #nav li.menu-formations:hover > a { border-top-color:#ec901f; } #nav li.menu-modules:hover > a { border-top-color:#7aa555; } #nav li.menu-institut:hover > a { border-top-color:#128abc; } #nav li.menu-retours:hover > a { border-top-color:#B14237; } #nav li.menu-contact:hover > a { border-top-color:#469FD0; } #nav li.active a {border-top:4px solid #ffcc00;} #nav li.active.menu-formations a {border-top:4px solid #ec901f;} #nav li.active.menu-modules a {border-top:4px solid #7aa555;} #nav li.active.menu-institut a {border-top:4px solid #128abc;} #nav li.active.menu-retours a {border-top:4px solid #B14237;} #nav li.active.menu-contact a {border-top:4px solid #469FD0;} #nav li.active.menu-formations ul li a {border: 0 none;} #nav li.active.menu-modules ul li a {border: 0 none;} #nav li.active.menu-institut ul li a {border: 0 none;} #nav li.active.menu-retours ul li a {border: 0 none;} #nav li.active.menu-contact ul li a {border: 0 none;} #nav li.active ul li a, #nav li:hover > ul li a {border-top: none;} /* nav dropdown */ #nav ul { background: #fff ; padding: 8px 7px 18px; margin:0 0 0 -28px; position: absolute; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); border: solid 1px #d2d2d2; border-top-color: #ffcc00; display: none; /* hide dropdown */ width: 190px; z-index:999999999; } #nav li.menu-formations ul { border-top-color:#ec901f; } #nav li.menu-modules ul { border-top-color:#7aa555;} #nav li.menu-modules ul li ul { margin:-38px 0 0 -186px;} #nav li.menu-institut ul { border-top-color:#128abc; } #nav li.menu-retours ul { border-top-color:#B14237; } #nav li.menu-contact ul { border-top-color:#469FD0; } #nav ul li { float: none; background:#fff; border-bottom:1px dotted #efefef;border-top: 0 none; display:block; margin: 0; padding:0; } #nav ul li a, #nav li.active ul li a, #nav ul li:hover > a { background:#fff; color:#95a0a9; width:auto; display:block; text-align:left; height:100%; padding: 11px 4px 3px; border-radius:0; font-size:12px; border:0 none; } #nav ul li a:hover, #nav li.active ul li a:hover { background:#fafcfd; color:#3f4a53; } #nav li:hover > ul { display: block; visibility:visible; /* show dropdown on hover */} #nav ul li ul { margin:-38px 0 0 190px; background: #fff ; width:170px; } #nav li ul li a { font-family: Arial; } #nav li ul li:hover > a { border: 0 none; } /* nav dropdown for(ie7) */ *+html #nav li { position:relative; display:block; } *+html #nav ul { left:0; clear:both; position:absolute; } *+html #nav a { height:50px; padding-top:21px; } *+html #nav a:after { content:""; display:none;} *+html .container { z-index:2; } *+html #header { z-index:3; position:relative; } *+html #nav ul li ul { position:absolute; left:0; margin-top:-31px; display:none; visibility:hidden; } *+html #nav ul li:hover > ul { display:block; visibility:visible; } /* --------------------- */ /* TOP SLOGAN */ .top-slogan { width:100%; clear:both; float:none; display:block; padding:0; margin:3px 0 0; } .top-slogan .magic-link { float:right; margin:0 10px 16px; } .top-slogan h2 { font-size: 28px; line-height:30px;} /* HOME-CONTENT */ .home-content { clear:both; } .home-content .two-thirds h1, .home-content .two-thirds h4, .home-content .two-thirds p { padding-left:30px;} .home-content img, .page-content img { height: auto; max-width: 100%; } .column.with-bg { background:#f3f9f2; margin-bottom:10px; border-top-right-radius:19px; padding-top:21px;} .with-bg p, .with-bg h3, .with-bg h2, .with-bg h4 { padding:0 10px; } .with-bg p img { float:right; margin:1px 8px;} .highlight1 { padding:2px 5px; background:#85bc36; color:#fff; vertical-align:baseline; } .highlight2 { padding:2px 5px; background:#f4f4f4; color:#666; vertical-align:baseline; } .highlight3 { padding:14px 7px; background:#fff; vertical-align:baseline; display:block; border-radius:3px; margin:7px 3px; } h4.subtitle { border-bottom: 1px solid #e8edee; font-family:'Oswald', Helvetica, Arial; font-weight:400; text-transform:uppercase; padding-left:2px; margin:35px 0 21px 0; line-height:2; font-size:13px; color:#7d8891; clear:both;} h4.subtitle img { float:left; margin-right:5px; vertical-align:baseline } h4.subtitle.r1dd { margin-top:20px;} .title { background:#fff url(../img/title-left1.png) repeat-x 0 9px; overflow:hidden; margin-bottom:21px; clear:both; } .title h4, .title h3 { background:#fff; display:inline; padding:0 9px 0 0; margin:0; float:left; font-family: 'Oswald','Lato', serif; font-weight:300; color:#626a71; text-transform:capitalize; } .white-space { clear:both; width:100%; height:190px;} /* LATEST WORKS */ a.portfolio-item, .portfolio-item { height:198px; background:#fafafa; text-align:center; float:left; border-bottom:1px solid #ecf1f4; opacity: 0.9; margin-bottom:10px; border-radius:0 0 2px 2px; -webkit-transition: opacity 0.4s ease, border 0.4s ease; -moz-transition: opacity 0.4s ease, border 0.4s ease; -ms-transition: opacity 0.4s ease, border 0.4s ease; -o-transition: opacity 0.4s ease, border 0.4s ease; transition: opacity 0.4s ease, border 0.4s ease; } .portfolio-item { max-width:auto; height:auto; padding-bottom:14px; opacity: 0.92; margin:0 10px 21px 10px;} .portfolio-item h5 { white-space:nowrap; overflow:hidden; line-height:1.1; } a.portfolio-item em, .portfolio-item em { color:#2dadd9; font-size:12px;} a.portfolio-item img, .portfolio-item img { margin-bottom:11px; max-width:100%; border-bottom:4px solid #d7dbde; } a.portfolio-item img { max-width:220px;} a.portfolio-item:hover, .portfolio-item:hover { background:#fdfdfd url(../img/port-hov-bot-pic1.png) no-repeat center bottom; border-bottom-color:#e6808b; opacity: 1; cursor:pointer; box-shadow: 0px 0px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.2);} a.portfolio-item:hover h5, .portfolio-item:hover h5 { color:#dd5362} .portfolio-item a { display:block;} .home-portfolio { max-width:100%; overflow:hidden;} ul#main-port { width:100%; display:block; *zoom:1; overflow:hidden; max-height:454px; } ul#main-port h4 { padding:2px 4px 10px; max-width:100%; background:none; white-space:nowrap; text-align:center; overflow:hidden; text-shadow: 1px 1px 0 #fff; } ul#main-port h6 { font-weight:400; text-align:center; margin-bottom:7px; } ul#main-port li { width:182px; opacity:0.81; height:422px; display:block; background:#e4ebee; padding:10px 0 20px 0; float:left; -webkit-transition:all .14s ease-in-out; -moz-transition:all .14s ease-in-out; -ms-transition:all .14s ease-in-out; -o-transition:all .14s ease-in-out; margin:0; border-bottom:1px solid #ccc;} ul#main-port li img { max-width:100%; margin-bottom:14px;} ul#main-port li p { padding:0 9px; max-height:100%; overflow:hidden; text-align:left; } ul#main-port li p:first-letter { font-size:16px; text-transform:capitalize;} ul#main-port li:after {content:"";} ul#main-port li:nth-child(even) { background-color:#eef1f3;} ul#main-port li.active9 { width:232px; opacity:1; background:#fafafa; border-bottom-color:#ffcc00; } /* Fix foe ie7, ie8 */ *+html ul#main-port li:hover { width:232px; background:#f4f7f8; border-bottom-color:#ffcc00; display:block; } ul#main-port li:hover { width:232px\0/; background:#f4f7f8\0/; border-bottom-color:#ffcc00\0/; display:block\0/; } /* TESTIMONIALS */ .testimonial1, .testimonial2 { padding:20px 30px 40px 28px; background:#a0c14d url(../img/testimonial-bg1.jpg) no-repeat bottom right; width:162px; float:left; margin-right:20px; border-top-left-radius:21px; text-shadow: 1px 1px 0 rgba(0,0,0,0.2);} .testimonial1 p, .testimonial2 p { color:#fff} .testimonial1 em, .testimonial2 em { font-size:12px; text-transform:capitalize;} .testimonial1 p img, .testimonial2 p img { float:right;} .block-q-img { background:url(./images/quote-ico1.png) no-repeat right; float:right; width:162px; height:24px; margin-bottom:0;} .testimonial2 { border-radius:0; border-top-right-radius:21px; margin:0; background:#43bae3 url(../img/testimonial-bg2.jpg) no-repeat bottom left;} /* FOOTER */ #footer { width:100%; padding:10px 0 0 0; background:#3d3f42; box-shadow: 0px 2px 19px rgba(0,0,0,0.3) inset; } footer.footerFormations { border-top:5px solid #ec901f; } footer.footerModules { border-top:5px solid #7aa555; } footer.footerDefault { border-top:5px solid #0093d0; } .footer-in { margin: 0 auto; padding-bottom:30px; font-size:13px; color:#ccc; } .footer-in .columns { margin-top:20px;} .footer-in h4 { color:#eceff1; border-bottom:1px solid #414548; padding-bottom:2px; margin:0; } .footer-in .copyright-txt { font-size:13px; } .footer-in p { line-height:19px; color:#a0aaae; } .contact2 div { line-height:21px; } .footer-in a { text-decoration:none; } .social-icons a { border:0; float:left; margin:1px 7px 0 12px; opacity: 0.5; text-decoration:none; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .social-icons a:hover { opacity: 1; } .social-icons.members { clear:both; text-align:center; margin-bottom:10px;} .social-icons.members a { text-align:center; float:none;} .footer-in a img { float:left; margin:3px 4px 0 1px;} .footer-in .socailfollow a { width:16px; height:18px; padding:10px; float:left; box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.6); margin:7px 5px 0; display:block; border-radius:4px; background:#3d3f42 url(../img/footer-socialbg1.png); -webkit-transition: background 0.31s ease; -moz-transition: background 0.31s ease; -ms-transition: background 0.31s ease; -o-transition: background 0.31s ease; transition: background 0.31s ease; } .footer-in .socailfollow a.youtube { width:33px; } .footer-in .socailfollow a.facebook:hover { background:#3b5996;} .footer-in .socailfollow a.twitter:hover { background:#00acee;} .footer-in .socailfollow a.vimeo:hover { background:#0dadd6;} .footer-in .socailfollow a.dribble:hover { background:#d53e68;} .footer-in .socailfollow a.youtube:hover { background:#cb322c;} .footer-in .socailfollow a.pinterest:hover { background:#cb2027;} .footer-in .socailfollow img { opacity:0.79;} .footer-in a:link, .footer-in a:visited { color:#91bad4 } .footer-in a:hover { color:#ff9900 } .footer-in a.terms { color:#578f1a } .footer-in p.twitt-txt { padding:12px; padding-top:26px; background:#323537 url(../img/latest-tweet.png) no-repeat top right; border-radius:5px; color:#a7adb1; font-family:'Lato', Helvetica, Arial; font-size:13px} .footer-in p.twitt-txt a {color:#7dcff5; text-decoration:none; padding-bottom:2px; } .footer-in p.twitt-txt a:hover { color:#cb2027; } .footer-in .twitt-txt em { color:#797979; font-size:12px;} .flickr-feed { padding-left:20px; margin-bottom:14px;} .flickr-feed a { float:left; margin:0 1px 1px 0; opacity: 0.5; filter: alpha(opacity=50); -webkit-transition: opacity 0.31s ease; -moz-transition: opacity 0.31s ease; -ms-transition: opacity 0.31s ease; -o-transition: opacity 0.31s ease; transition: opacity 0.31s ease;} .flickr-feed a img { margin:0; width:60px; height:60px; box-shadow: 0px 2px 6px -2px rgba(0,0,0,0.7); } .flickr-feed a:hover { opacity: 1; filter: alpha(opacity=100);} .footbot { background:#282a2b; width:94%; max-width:1400px; margin:0 auto; position:relative; height:38px; border-top:1px solid #464646; padding-top:12px; box-shadow: 0px 2px 6px rgba(0,0,0,0.3) inset; text-align:right; border-top-right-radius:2px; border-top-left-radius:1px; } .footbot img { position:relative; margin:6px 40px 0 0; opacity:0.93;} .footer-navi { float:left; font-size:12px; color:#55595d; padding:3px 0 0 26px; text-transform:capitalize; } .footer-navi a { color:#505458; margin:0 4px;} .footer-navi a:hover { color:#ccc;} /* #Page Styles ================================================== */ .page-subtitle { position:relative; width:275px; height:114px; border-top-left-radius: 29px; background:#fff; margin-bottom:-80px; bottom:144px; left:30px; padding:30px 15px 0 30px; z-index:98; display:block; } .page-subtitle h3 { color:#69bddb; } .page-subtitle p { color:#b0bbc3; } .our-team { margin-bottom:20px; text-align:center; } .our-team h3 { margin-top:14px;} .our-team h5 { color:#999; margin-bottom:21px; text-align:center; } .our-team p { padding:0 16px; } .team-member { border-radius: 4px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); } .serv-big-pic img { border:4px solid #c7d2d7; background:#dae3e7; padding:1px; max-width:100%; box-shadow: 0px 2px 4px -3px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 2px 5px -3px rgba(0,0,0,0.4);} .contact-form { background:url(../img/contactformtopbg1.png) repeat-x; border:1px solid #ededed; text-align:center; padding:20px; padding-bottom:0; border-radius:9px; } .contact-form h5 { text-align:left; padding-left:18px; opacity:0.80;} .contact-form .txbx { width:91%; height:36px; float:none; margin:11px; padding-left:14px; font-size:16px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset; } .contact-form .era { min-height:190px; max-height:300px; width:91%; } .contact-form .erabox { width:100%; height:100%; margin-left:-20px; padding:20px; background:#fff; border-top:1px solid #ddd;} .contact-form .sendbtn { padding:10px 18px; font-size:14px;} #contact-map { box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.1) inset; border:1px solid #d6dbdc; border-left:none; border-right:none; padding:0; margin:0} #contact-map iframe { padding:0; margin:0; margin-bottom:-7px;} #left-nav { min-height:230px; display:block; margin-right:10px; float:left; width:100%; } #left-nav .navi-top { width:212px; height:57px; background:url(../img/left-nav-bg3.png) no-repeat right top; margin:0; } .left-navi { list-style:none; padding-top:36px; width:212px; background:url(../img/left-nav-bg1.png) no-repeat right bottom; } .left-navi li { width:211px; height:38px; margin:0; display:block; white-space:nowrap; overflow:hidden;} #left-nav .tab-content, #left-nav .nav-tabs { border:0 none;} #left-nav a { background:none; border:0 none; border-bottom:1px solid #fff; border-top:1px solid #dadcde; border-radius:0; display:block; width:177px; padding:10px; height:18px; font-family:Arial; text-transform:uppercase; font-size:12px; font-weight:bold; outline:none;} #left-nav a:hover { background:#fff; color:#ff9900;} #left-nav .tabs-left > .nav-tabs .active > a, #left-nav .tabs-left > .nav-tabs .active > a:hover { background:url(../img/left-nav-bg2.png) no-repeat right; color:#fff; margin:0; width:192px; border:0 none; } /* BLOG */ #sidebar, #sidebar2, #leftside, #leftside2 { width:210px; height:auto; min-height:350px; float:right;} #leftside, #leftside2 { float:left; margin:0 20px 21px 10px; padding:0; border:0 none; width:270px;} #leftside img {width: 255px;} #sidebar h4.subtitle, #sidebar2 h4.subtitle, #leftside h4.subtitle, #leftside2 h4.subtitle { border:0 none; color:#54606b; margin-bottom:14px;} #sidebar p, #sidebar2 p, #leftside p, #leftside2 p, #sidebar li, #leftside li, #leftside2 li { font-size:13px;} #sidebar input[type="text"], #leftside input[type="text"], #leftside2 input[type="text"] { width:100%; max-width:100%; } input[type="text"].search-side { background:#fdfdfd url(../img/find-ico1.png) no-repeat right;} #main-content, #main-content2 { width:650px; float:left; margin:0 0 0 5px; min-height:420px;} #main-content2 { width:460px;} #main-content-pin, #main-timeline { max-width:100%; background:url(../img/bgs/subtle_freckles2.png); padding-top:30px; box-shadow:0 1px 5px rgba(0,0,0,0.2) inset; -webkit-box-shadow:0 1px 7px rgba(0,0,0,0.2) inset;} #main-timeline { background:url(../img/bgs/timeline-bg1.png)} #pin-content, #tline-content { width:auto; margin:0 auto; position:relative; overflow: hidden; } #tline-content { background:url(../img/tline-cnt-bg1.png) repeat-y center center; width:890px; margin:0 auto;} .pin-box, .tline-box { width:196px; width:194px\9; padding:12px; display:block; background:#fff; margin:10px; float:left; border:1px solid #efefef\9; box-shadow:0 1px 3px rgba(0,0,0,0.4); -webkit-box-shadow:0 1px 5px rgba(0,0,0,0.4);} .pin-box img, .tline-box img, .pin-box iframe, .tline-box iframe { max-width:100%;} .pin-box p { font-size:12px;} .tline-box { width:380px; padding:10px; margin-top:21px; min-height:160px; border-radius:3px; position:relative; border:1px solid #d7dce7; box-shadow:0 1px 3px -2px rgba(0,0,0,0.3); -webkit-box-shadow:0 1px 6px -3px rgba(0,0,0,0.3); } .tline-row-l, .tline-row-r { background:url(../img/tmln-ro-r1.png) no-repeat right 12%; width:46px; height:17px; margin-right:-44px; display:block; position:absolute; right:0; top:16px;} .tline-row-r { background:url(../img/tmln-ro-l1.png) no-repeat left 12%; left:0; margin:0; margin-left:-43px; } .tline-box.rgtline { float:right; margin-top:53px; right:0; clear: right; clear:none\9; } .tline-box:nth-of-type(4n+1), .tline-box:nth-of-type(3n+1), .tline-box:nth-of-type(2n+1) { clear: left; clear:non\9;} .tline-box:hover { box-shadow:0 1px 6px -2px rgba(141,161,199,0.9); -webkit-box-shadow:0 1px 11px -3px rgba(141,161,199,0.9); } .tline-topdate { width:150px; height:26px; position:relative; display:block; clear:both; zoom:1; padding:4px; border:2px solid #bfcbe0; background:#d9e0ec; text-align:center; font-size:17px; font-weight:700; line-height:26px; color:#8da1c7; margin:0 auto 7px; border-radius:20px; box-shadow:0 1px 3px #fff inset; -webkit-box-shadow:0 1px 3px #fff inset; text-shadow: 0 1px 1px #fff;} .tline-topdate.enddte { bottom:0; margin-bottom:0; } .blog-post { padding-bottom:21px; border-bottom:1px dotted #d2d9db; margin-bottom:35px;} .blog-post h3 { font-weight:400; line-height:1; } .blog-post h3 a {color: #54606b; -webkit-transition: color 0.18s ease; -moz-transition: color 0.18s ease; -o-transition: color 0.18s ease; transition: color 0.18s ease; } .blog-post h3 a:hover { color:#f1592a; } .blog-post h6 { display:inline; margin-right:6px;} .blog-post h1 { font-size:34px; line-height:34px; font-weight:700; } .postmetadata { display:block; margin-bottom:14px;} ul.share-btns { display:block; float:right; } ul.share-btns li { float:left; margin:14px 16px 0 0; } .blog-single-post { text-align:left;} .blog-post p { text-align:left;} .blog-post img, .blog-single-post img, .blog-post iframe, .blog-single-post iframe { width:100%; margin-bottom:14px;} .blog2-img { overflow:hidden; max-width:100%;} .blog2-img img, .blog2-img iframe { height:100%; max-width:none; border-bottom:4px solid #a8b1b4; padding-top:4px; } .blog2-txt { margin-right:0;} .blog-q { border-left:1px solid #d8d8d8; padding-left:12px;} .blog-q em { color:#a5adae} p.blog-inpic { margin-top:21px;} p.blog-inpic img { float:left; border:1px solid #c9c9c9; background:#f9f9f9; width:280px; max-width:100%; padding:6px; margin:0 14px 14px 0;} .date-sp-wrap { max-width:100px; margin:0 10px; float:left; } #main-content2 .date-sp-wrap, #latest-fr-blg .date-sp-wrap { margin:0; float:right;} .blog-date-sp, .blog-com-sp { height:40px; padding:6px; padding-bottom:20px; width:90px; float:right; border-top-left-radius:6px; color:#fff; background:#636e75 url(../img/blg-date-botpic1.png) no-repeat bottom right; } .blog-date-sp h3 { width:30px; float:left; margin:1px 5px; color:#fff; font-weight:400; } .blog-date-sp span { float:right; margin:4px; color:#a2aab0; font-size:12px; line-height:1.2;} .blog-com-sp { background:none; color:#95a2aa; padding:0 6px 8px; margin-top:-12px; text-align:center; font-size:12px; height:16px; border-radius:0px; border-bottom-left-radius:11px; } .blog-com-sp a { color:#95a2aa; } #latest-fr-blg .blog-date-sp, #latest-fr-blg .blog-com-sp { width:64px; padding-bottom:10px; padding-top:0; font-size:10px; } #latest-fr-blg .blog-date-sp h3 { width:20px; font-size:17px; } #latest-fr-blg .blog-date-sp span { font-size:10px;} .pin-box .blog-date-sp, .pin-box .blog-com-sp, .tline-box .blog-date-sp, .tline-box .blog-com-sp { position:relative; bottom:0; margin:-12px; margin-top:7px; width:50%; border:0; border-radius:0; background:#ebebeb; padding:0;} .pin-box .blog-com-sp, .tline-box .blog-com-sp { float:left; height:28px; padding:12px 23px 0 0; } .pin-box .blog-date-sp h3, .tline-box .blog-date-sp h3 { margin-left:12px; text-shadow:0 0 1px rgba(0,0,0,0.1)} .tline-box .blog-date-sp, .tline-box .blog-com-sp { background:#e7eaf3; width:49%; margin:-10px; margin-bottom:0; } h6.blog-date, h6.blog-cat { color:#69ba45;} h6.blog-author { color:#a8b1b4;} h6.blog-author strong, h6.blog-date strong, h6.blog-cat strong { font-weight:400;} .tag-box a:link, .tag-box a:visited { height:16px; padding:4px 10px; font-size:12px; margin:0 4px 4px 0; float:left; min-width:18px; border-radius:2px; width:auto; background:#f2f2f2; color:#797979; display:block; text-decoration:none; } .tag-box a:hover { color:#333; background-color:#ffcc00; } .lts-blg { margin-bottom:14px;} .lts-blg img { border:5px solid #29343e; border-radius:3px; box-shadow: 0px 2px 6px -3px rgba(0,0,0,0.6); -webkit-box-shadow: 0px 2px 7px -3px rgba(0,0,0,0.6); } .lts-blg .lts-blg-dt { color:#7ebd22; font-size:13px; margin:3px 0 7px; } .lts-blg h6.blog-cat, .lts-blg h6.blog-author { color:#d9d9d9;} h4.tit4blg { font-size:14px; text-transform:uppercase; position:relative; margin-left:10px; margin-top:-48px; } h4.tit4blg, x:-moz-any-link, x:default { margin-top:-49px; } h4.tit4blg span { background:#128abc; padding:4px 10px; border-radius:3px 3px 0 0; display:inline; } a.readmore { margin:4px 0 3px 1px; -webkit-transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -ms-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; transition: all 0.17s ease-in-out; background:#70be4d url(../img/rowp3.png) no-repeat 96% 52%; padding:0 22px 4px 9px; border-radius:3px; color:#fff; box-shadow: 0 0 0 0; } a.readmore:hover { text-decoration:none; color:#444; background:#ffcc00 url(../img/rowp2.png) no-repeat 98% 52%; display:inline; border-radius:5px; } a.readmore:active { background-color:#fafafa; color:#999; } a.magicmore { background: url(../img/rowp8.png) no-repeat right 71%; padding:3px 13px 2px 0; color:#04b5de; -webkit-transition: padding 0.11s ease, color 0.18s ease; -moz-transition: padding 0.11s ease, color 0.18s ease; -ms-transition: padding 0.11s ease, color 0.18s ease; -o-transition: padding 0.11s ease, color 0.18s ease; transition: padding 0.11s ease, color 0.18s ease; } a.magicmore:hover { padding-right:15px; color:#ffa02f;} .row.magic { padding-left:40px;} .columns.magic { padding-left:20px;} .magic-link { clear:both; } .magic-link a { display: inline-block; font-size:13px; width:auto; color: #fff; text-shadow: 1px 1px 0 #eb8710; border-radius:15px; padding:3px 22px 3px 16px; text-transform:capitalize; background:#ffa02f url(../img/rowp3.png) no-repeat right; background-position: 97% 52%; -webkit-transition: padding 0.2s ease, background 0.16s ease; -moz-transition: background 0.16s ease; -ms-transition: background 0.16s ease; -o-transition: background 0.16s ease; transition: background 0.16s ease; text-align:center; } .magic-link a.get { padding:7px 26px 7px 20px; background-color:#7ebd22; border-radius:5px; text-shadow: 1px 1px 0 #649b19; text-transform:uppercase; font-family:'Oswald', Verdana; font-size:14px; font-weight:400;} .magic-link a.get.shadow1 { box-shadow: 0px 0px 5px #fff inset, 0 2px 3px -1px #74ad20; -webkit-box-shadow: 0px 0px 7px #fff inset, 0 2px 5px -1px #74ad20; } .magic-link a:hover { background-color:#4c4665; background-position: center right; text-shadow: 1px 1px 0 #666; } .bee1 { width:200px; height:200px; border:1px solid #993300; background:#f8f8f8; border-top-right-radius:90%; border-bottom-right-radius:90%;} .service-steps { background:url(../img/step-1.png) no-repeat right transparent; width:282px; height:280px; margin:0; float:left; display:block; position:relative; left:0; margin-left:-66px; } .service-steps.step1 { margin:0; z-index:44; } .service-steps.step2 { background:url(../img/step-2.png) no-repeat right transparent; z-index:43;} .service-steps.step3 { background:url(../img/step-3.png) no-repeat right transparent; z-index:42;} .service-steps.step4 { background:url(../img/step-4.png) no-repeat right transparent; z-index:41;} .service-steps:hover { background:url(../img/step-5.png) no-repeat right transparent; z-index:45; } .service-steps h4 { color:#fff; font-weight:700;} .service-steps p { color:#fdfdfd; opacity:0.82;} .service-steps .inner { padding:20px; padding-right:62px;} .service-steps img { float:right; margin:0 5px; opacity:0.75;} .service-steps a.magicmore { background-color:#fff; padding:2px 14px 4px 7px; border-radius:5px; opacity:0.70; background-position: 98% 54%;} .service-steps a.magicmore:hover { opacity:0.90; } .service-steps .s-number { display:block; background:#fff; padding:5px; width:30px; height:30px; line-height:1; opacity:0.68; filter: alpha(opacity=68); color:#339e26; text-align:center; float:right; margin:3px 0 0 6px; font-size:28px; border-radius:20px; box-shadow:0 1px 3px rgba(0,0,0,0.4); -webkit-box-shadow:0 1px 5px rgba(0,0,0,0.4);} .step1 .s-number { color:#747a88; } .step2 .s-number { color:#9bc436; } .step3 .s-number { color:#70bb15; } .service-steps:hover .s-number { color:#db3144; } /* COMMENT */ .commentbox { width:96%; min-height:156px; background:url(../img/bgs/gray-jean.png); border-radius:6px; float:right; border-radius:2px; border:1px solid #d8dee1; box-shadow: 0px 0px 4px #fff inset; -webkit-box-shadow: 0px 0px 5px #fff inset; -moz-box-shadow: 0px 0px 4px #fff inset; padding:16px; text-align:left; margin:12px 0; } #commentform { margin-left:19px; padding-top:12px; border-top:1px dotted #d3d3d3; } #commentform label { font-family: 'Lato', Arial; font-size:17px; font-weight:300; display:inline} #commentform .required { margin-left:3px;} /* comments list */ ol.commentlist { margin: 12px 12px 12px 20px; padding: 0; background: #fff; border-top: 1px solid #e5e8ec; } .commentlist li { list-style: none; margin: 0; padding: 12px 0 0 0; border: 1px solid #e5e8ec; border-width: 0 1px 1px 1px; overflow: hidden; } .commentlist li a:link, .commentlist li a:visited { color: #227bad; } .commentlist li .comment-info { width: 99%; margin: 0; padding: 0; overflow: hidden; } .commentlist li .comment-info img { float: right; margin: 3px 13px 0 0; background: #fff; border: 1px solid #e8eaec; display: inline; } .commentlist li .comment-info cite { display: block; font-family: Arial; font-size:13px; text-transform:capitalize; margin: 0; padding: 5px 65px 5px 20px; font-style: normal; font-weight: bold; } .commentlist li .comment-info cite .comment-data { font-size: .8em; font-weight: normal;} .commentlist li .comment-text { clear: both; margin: 0; padding: 0 20px 25px 20px; } .commentlist li .comment-text p { margin: 5px 0 20px 0; padding: 0;} .commentlist li .comment-text .reply a { padding: 4px 8px; border: 1px solid #339933; border-radius:3px; background-color: #85bc36; font-size: 13px; color: #fff; -webkit-box-shadow: 0px 0px 3px #fff inset; -moz-box-shadow: 0px 0px 3px #fff inset; box-shadow: 0px 0px 3px #fff inset;} .commentlist li .comment-text .reply a:hover { background-color:#a0c14d; border-color:#48a648; } .commentlist li ul.children { margin:0; padding: 0; } .commentlist li ul.children li.depth-2, .commentlist li ul.children li.depth-3 { margin-left: 40px; border-style: solid; border-color: #e1e6e8; border-width: 1px 0 0 1px; } .commentlist li.thread-alt { background: #fdfdfd; border-color: #E2E4E7; } .commentbox h3 { padding-left:24px; margin-top:14px;} /* LIST */ .listbox1 { height:auto; padding:0px; text-align:left; } .listbox1 ul, .listbox1 ul li { margin:0; padding:0; list-style:none; } .listbox1 ul { margin-bottom:10px; } .listbox1 ul li { border-bottom:1px dotted #e8edee; } .listbox1 ul li a { text-decoration:none; color:#95a3a6; background:#fff; display:block; padding:7px 0; } .listbox1 ul li a:hover { background-color:#f9f9f9; color:#5d6f74; } .listbox1 ul li span { float:right; font-size:10px; } #sidebar .listbox1 ul li a, #sidebar2 .listbox1 ul li a { background:url(../img/rowp7.png) no-repeat left center; padding-left:12px; } #sidebar .listbox1 ul li a:hover, #sidebar2 .listbox1 ul li a:hover, #leftside .listbox1 ul li a:hover { background-color:#fdfdfd; color:#5d6f74; } a.show-all { width: 86px; height: 20px; background:#efefef; padding:0; margin: 7px; line-height:19px; text-align:center; color:#666; font-size:12px; float: left; border: 1px solid #f0f0f0; border-bottom:2px solid #dddada; text-decoration:none; border-radius:2px; } a.show-all:hover { background:#cde985; border-color:#bfdf6c; color:#333; } a.show-all:active { background:#ffe483; border-color:#f7d96c; color:#b29839; } /* PRICING-TABLE */ .pricing-table { max-width:900px; height:auto; } .pricing-table h4 { color:#d3d3d3; font-size:13px; } .pricing-table ul { list-style:none; padding:0; margin:0; margin-bottom:28px; width:176px; height:auto; float:left; } .pricing-table ul li { width:164px; height:20px; background:#f9f9f9; text-align:center; font-family: Arial, Tahoma; font-size: 12px; line-height:21px; padding:5px; border-bottom:1px solid #fff; float:left; color:#777; margin:0; } .pricing-table ul li:nth-child(even) { background:#f2f2f2; } .pricing-table .plans-f-list { margin-left:20px;} .pricing-table .plans-f-list li { text-align:left; color:#555; width:160px; padding-left:9px; } .pricing-table .plans-f-list.respo { display:none; visibility:hidden;} .pricing-table ul li.plan-header, .pricing-table ul li .plan-title, .pricing-table ul li .plan-price { width:174px; height:106px; padding:0; display:block; color:#fff; background:#fff; border:0; margin:0; } .pricing-table ul li .plan-title { height:26px; padding-top:6px; font-weight:bold; } .pricing-table ul li .plan-price { height:74px; } .price { font-size:26px; font-weight:bold; text-shadow: 0 1px 1px rgba(0,0,0,0.4); } .pricing-table small { color:#fff; font-size:13px; } .pricing-table ul li.normal-plan { background:#4b4f5a url(../img/price-top-patt.png); } .pricing-table ul li.free-plan { background:#339933 url(../img/price-top-patt.png); } .pricing-table ul li.pro-plan { background:#299ebc url(../img/price-top-patt.png); } .pricing-table ul.featured-plan { margin:0; margin-top:-10px; border:none; box-shadow: 0px 0px 7px #666; -webkit-box-shadow: 0px 0px 12px #666; -o-box-shadow: 0px 0px 12px #666; -ms-box-shadow: 0px 0px 12px #666; position:relative; margin-bottom:28px; } .pricing-table ul.featured-plan li { background:#fdfdfd; border-right:none; border-bottom-color:#efefef; } .pricing-table ul.featured-plan li:nth-child(even) { background:#fafafa; } .pricing-table ul.featured-plan li.featured-plan { width:100%; height:117px; font-size:13px; background:#f1592a url(../img/price-top-patt.png); border:none; } .pricing-table ul.featured-plan li.featured-plan .plan-title { width:100%; } .pricing-table ul li.normal-plan .plan-title { background:#404041; } .pricing-table ul li.free-plan .plan-title { background:#248824; } .pricing-table ul li.pro-plan .plan-title { background:#2188a3; } .pricing-table ul li.featured-plan .plan-title { background:#e24c17; } .pricing-table ul li.plan-footer { background:#fafafa; width:154px; height:50px; padding:8px 10px 28px 10px; text-align:center } .pricing-table ul li.plan-footer .sendbtn { float:none } /* Pricing Table2 */ .pricing-table2 { text-align: center; border-radius: 5px; margin-bottom: 21px; box-shadow:0 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2);} .pricing-table2:hover { box-shadow:0 1px 5px rgba(0,0,0,0.3); -webkit-box-shadow:0 1px 7px rgba(0,0,0,0.3); } .pricing-table2 .price-header,.pricing-table2 .price-footer { background: #eaeaea url(../img/price-tab-bg1.png) top; border-radius: 5px 5px 0 0; } .pricing-table2 .price-footer { padding-top:20px; border-top: 1px solid #e8edee; border-radius: 0 0 5px 5px;} .pricing-table2 ul.features { padding: 11px 16px;} .pricing-table2 ul.features li { border-top: 1px dashed #e8edee; padding-top:12px; } .pricing-table2 ul.features li:nth-child(1) { border: none; } .pricing-table2 .plan-title { text-transform:uppercase; font-weight:700; font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height: 24px; background-color: #dde4e9; border-radius: 5px 5px 0 0; padding: 9px 15px; margin: 0;} .pricing-table2 .plan-price {line-height: normal; background: url(../img/price-tab-bg1.png) bottom; padding: 12px 15px; margin: 0; border-top: 1px solid rgba(255,255,255,0.4);} .pricing-table2 .plan-price span { font-weight: 700; font-size: 34px; color: #299ebc; text-shadow: 0 1px 1px rgba(255,255,255,0.3); } .pricing-table2.featured .plan-title,.pricing-table2.featured .plan-price span, .pricing-table2.featured .plan-price small { color: #fff; } .plan-price small { font-size:14px;} .pricing-table2.featured .plan-title { line-height: 36px; background-color:#e24c17; } .pricing-table2.featured .plan-price { border-top: 1px solid #e5764f; background:#f1592a; padding:15px; } .pricing-table2.featured .plan-price span { font-size: 42px; text-shadow: 0 1px 1px rgba(0,0,0,0.4);} /* ICON BOX */ .icon-box { vertical-align:baseline;} .icon-box img { float:left; display:block; vertical-align:text-top; margin:-4px 10px 75px 0;} .icon-box h5 { margin-bottom:10px; line-height:1; } .icon-box p { margin-bottom:12px; } /* PORTFOLIO */ .prt-img-hov-bg { width: 100%; background:rgba(0,0,0,.5) url(../img/fancy-big-ico.png) no-repeat center; opacity:0; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; color: transparent; display: block; left: 0; filter: alpha(opacity=0); position: absolute; top: 0; bottom:77px; } .portfolio-item img:hover .prt-img-hov-bg { opacity:1; } .Single-Item:hover .prt-img-hov-bg { opacity:1; } #Iframe-Item .prt-img-hov-bg { background:rgba(0,0,0,.5) url(../img/fancy-big-ico2.png) no-repeat center; } #Iframe-Item:hover .prt-img-hov-bg { opacity:1; } .portfolio .eight img { width:100%;} .col2-item img { width:420px; height:150px; margin-bottom:10px; } .portfolio-item:hover h3 { color:#ff9900; } .col2-item .prt-img-hov-bg { bottom:114px; } .proj-det { padding-left:10px;} /* #Misc ================================================== */ /* ISOTOPE */ .portfolio { display:block; } .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1;} .isotope, .isotope .isotope-item {-webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s;} .isotope {-webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width;} .isotope .isotope-item {-webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; } nav.primary { margin:0 10px 30px; border-bottom:1px solid #f6f6f6; padding-bottom:10px; } nav.primary ul { list-style:none; margin:0px 0 9px 0; float:left} nav.primary ul li { font-size:18px; float:left; margin-right:12px; color:#666;} nav.primary ul li a { height:18px; min-width:20px; padding:4px 10px 5px 10px; display:block; background:#f8f8f8; border-radius:4px; font-size:14px; text-decoration:none; color:#777; line-height:19px; float:left; margin:1px; } nav.primary ul li a:hover { color:#333; background:#ffcc00; display:block;} nav.primary ul li a:active, nav.primary ul li a.selected { background:#128abc; color:#fff;} /* ACCORDION */ .acc-trigger { border-top: 1px solid #d5dbdf; cursor: pointer; display: block; margin: 0; } .acc-trigger:last-of-type, .acc-container:last-of-type { border-bottom: 1px solid #d5dbdf; margin-bottom: 20px; } .no-js .acc-trigger:last-of-type { border-bottom: none; } .acc-trigger a { background: url(../img/accordion-ico.png) no-repeat 18px 21px; display: block; box-shadow: 0px 1px 1px 0px #f1f1f1 inset; color:#656f78; padding: 21px 14px 21px 49px; text-decoration: none; text-shadow: none; } .acc-trigger a:hover { background-color: #f9f9f9; } .acc-trigger a:hover, .acc-trigger.active a, .acc-trigger.active a:hover { color: #61add4; } .acc-trigger.active a:hover { background-color: transparent; } .acc-trigger.active { cursor: default; border-top-color:#fbcb09; background-color:#fff; } .acc-trigger.active:last-of-type { border-bottom: none; margin-bottom: 0; } .acc-trigger.active a { background-position: 18px -49px; cursor: default; } .acc-container .content { padding: 0 14px 21px 49px; } /* jCarousel */ .jcarousel { position: relative; overflow: hidden; } .jcarousel ul { display:block; width: 20000em; position: relative; } .jcarousel ul:after { clear:both; } .jcarousel li { float:left; display: inline; border-left:1px dashed #e5e5e5; padding:3px 12px; text-align:center; margin: 0; } .jcarousel li a { display: block; padding: 0; margin: 0; } .jcarousel li img { width:164px; margin: 0; padding: 0; } /* EXTRAS */ .alignright { text-align:right; } img.alignright{ float:right; } .alignleft { text-align:left; } img.alignleft { float:left; } .aligncenter { text-align:center; } img.alignleft { float: left; width: auto; margin-right: 20px; } .wp-caption { display:block; color:#444; } .wp-caption-text { font-size:15px; } .sticky { color:#555; } .gallery-caption { display:inline; } .bypostauthor { font-size:13px;} /* Scroll to top */ #scroll-top a { width:32px; height:31px; border-radius:4px; background:#94a5ac url(../img/scroll-top.png) no-repeat 50% 48%; position:fixed; bottom:48px; right:32px; display:none; opacity: 0.84; filter: alpha(opacity=84); } #scroll-top a:hover { background-color:#ffcc00; cursor:pointer;} h1.pnf404 { font-size: 176px; line-height: 1.1; font-weight:900;} h2.pnf404 { font-size: 42px; line-height: 1.2; font-weight:700; } input.txbx404 { float:left; margin-top:2px; margin-right:4px; padding:7px 4px; min-height:inherit; border-radius:3px; } input.btn404 { float:left; margin:1px; padding:8px 12px 9px; } .v-shadow-l { background:url(../img/v-shadow-left.png) no-repeat right center; } .v-shadow-r { background:url(../img/v-shadow-right.png) no-repeat left center; } .v-shadow-r, .v-shadow-l { min-height:320px; } .pad-r10 { padding-right:10px; } .pad-r20 { padding-right:20px; } .pad-r30 { padding-right:30px; } .pad-r40 { padding-right:40px; } .pad-l10 { padding-left:10px; } .pad-l20 { padding-left:20px; } .pad-l30 { padding-left:30px; } .pad-l40 { padding-left:40px; } /* New Oswald */ #headline h3, #headline2 h3, #headline h3 small, #headline2 h3 small, .top-links a, .slogan1, .portfolio-item h5, h4.tit4blg span, .footer-navi a, .our-team h3, .blog-post h3, .blog-post h6, .blog-post h1, .blog-date-sp, .blog-com-sp, .blog-date-sp h3, .blog-date-sp span, h6.blog-date, h6.blog-cat, h6.blog-author, .pin-box h4, .tline-box h4, .lts-blg h5, a.readmore, a.magicmore, .icon-box h5, .icon-box h4, .icon-box h5 strong, .icon-box h4 strong, .blox h4, .lts-blg-dt { font-family: 'Oswald','Lato', serif; font-weight:300; } .lts-blg h5, .icon-box h5 strong, .icon-box h4 strong, .top-links a, .footer-navi a, .blog-post h3, .blog-date-sp, .blog-com-sp, .blog-date-sp h3, .blog-date-sp span, .blog-post h1 { font-weight:400; } .top-links a { letter-spacing:0.07em;} /* #Media Queries ================================================== */ @media screen and (min-height: 769px) { #top-head { height:0; padding:0px 0 3px 0;} #header { padding-top:18px; } .logo { padding-top:7px; } #nav-wrap { height:120px; margin-top:-22px; } #nav a { width:126px; height:86px; padding-top:34px; line-height:1.1; } #nav a:after { font-family:'Lato', Arial; font-size:13px; line-height:1.4; margin-top:8px; } .top-slogan { padding:12px 0; margin:10px 0 14px; } .top-slogan h2 {font-size: 35px; line-height: 40px; } #hero { margin:0; } .magic-link a.get { padding:9px 28px 9px 20px; } } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { .row.magic, .s-qoute-man { padding:0; margin-bottom:10px;} .super div { max-width:100%;} a.get { margin-bottom:14px;} .pad-r10, .pad-r20, .pad-r30, .pad-r40 { padding-right:5px; } .pad-l10, .pad-l20, .pad-l30, .pad-l40 { padding-left:5px; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { #boxed-wrap { width:828px;} #sidebar, #sidebar2, #leftside, #leftside2 { width:90%; margin:0 0 21px 1px; padding:0 0 0 10px;} #leftside img {display: none;} #leftside, #leftside2 { margin-right:16px;} #main-content { width:92%; } #main-content2 { width:300px;} .date-sp-wrap { margin-right:0; } #sidebar iframe, #leftside iframe { max-width:100%; } .page-subtitle { left:20px; margin-bottom:-86px; padding-top:20px; height:104px; bottom:128px; } .pricing-table .plans-f-list.respo { display:inline; visibility:visible;} .one-third.column.proj-det { width:740px;} .jcarousel-item, a.portfolio-item img { max-width:172px;} .home-content { margin-top:21px;} .social-icons a { margin:1px 4px 0 4px; } .row.magic { padding-left:20px; margin-bottom:10px;} #nav a { width:101px;} .service-steps { margin-left:-130px; } #tline-content { width:800px;} .tline-box { width:335px;} } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { #sidebar, #leftside, #main-content, #main-content2 { width:300px; clear:both; margin:0 0 21px 0; padding:0; border:0; } .contact-form .txbx { width:224px;} .pricing-table .plans-f-list.respo { display:inline; visibility:visible;} #headline h3 { border-top-color:#f6f6f6;} /* nav-wrap */ #nav-wrap { position: relative; height:30px; text-align:center; margin:0 0 18px 0; } /* menu icon */ #menu-icon { color: #54606b; margin:0 auto; width: 128px; font-size:16px; font-weight:400; font-family: 'Lato'; height: 30px; border-radius:2px; background: #eaeff3 url(../img/menu-icon.png) no-repeat 10px center; padding: 8px 10px 0 42px; cursor: pointer; border: solid 1px #bac7d1; clear:both; box-shadow: 0 0 3px #fdfdfd inset, 0 2px 2px -2px rgba(0,0,0,0.2); text-align:left; display: block; /* how menu icon */ } #menu-icon:hover { background-color: #badfec; } #menu-icon.active { background-color: #a5acb2; } .mn-clk { font-size:12px; color:#8c98a2} /* main nav */ #nav { clear: both; margin:0 auto; left:11px; position: absolute; width: 90%; z-index: 10000; padding:2px 12px 14px 6px; background: #fefefe; border: solid 1px #d2d2d2; display: none; /* visibility will be toggled with jquery */ } #nav li { clear: both; background: #fefefe; float: none; border:0 none; margin: 5px 0 5px 10px; padding: 4px 0 8px 0; border-bottom:1px dotted #d2d2d2; } #nav a, #nav ul a { width:auto; background: #fefefe; display:block; text-align:left; border:0 none; padding:0; margin:0; line-height:1.2; } #nav a { height: 20px; display:block; padding:2px 3px; } #nav li:hover > a { background: #fefefe; color:#95a0a9; } #nav a:after { display:none; visibility:hidden; } #nav a:hover, #nav ul a:hover, #nav li:hover > a:hover { background:#fafcfd; color:#3f4a53; border:0 none; } #nav a:after { font-family:'Lato', Arial; color:#bbbec1; content: attr(data-description); font-size: 13px; display: block; line-height: 1.6; margin: 8px 0 0; text-transform:none; font-weight:300; } #nav li.active a { background: #fefefe; color:#3f4a53;} /* dropdown */ #nav ul { width: auto; margin:0; box-shadow: none; position: static; display: block; border: none; background: #fefefe url(../img/ul-top1.png) no-repeat; } #nav ul li ul { margin:0; display: block; background: #fefefe url(../img/ul-top1.png) no-repeat; width: auto; } #nav ul li a, #nav li a, #nav li.active ul li a { background: #fefefe; } .logo { text-align:center;} .pin-box { width:256px; } .service-steps { margin:0; } .tline-box .blog-date-sp { width:80%;} .tline-box .blog-com-sp { width:0; display:none;} .nav-tabs > li { width:100%; display:block } .tab-content .columns, .tab-content .column { margin:0 10px; max-width:90%; } .date-sp-wrap { margin:0; float:right; margin-bottom:7px;} .v-shadow-r, .v-shadow-l { min-height:inherit; background:none; } .pad-r10, .pad-r20, .pad-r30, .pad-r40, .pad-l10, .pad-l20, .pad-l30, .pad-l40 { padding:0; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { #boxed-wrap { width:460px;} #sidebar, #sidebar2, #leftside, #leftside2, #main-content, #main-content2 { width:420px; clear:both; margin:0 0 21px 0; padding:0; border:0; } .page-subtitle { left:0; padding:10px 0 0 20px; bottom:0; border-bottom:1px solid #e8edee; margin-bottom:20px; height:auto; width:auto; clear:both; background:#fdfdfd; border-radius:0; } .contact-form .txbx { width:338px;} .pricing-table .plans-f-list.respo { display:inline; visibility:visible;} .portfolio-item { clear:both; margin-bottom:21px;} .proj-det { width:420px;} .jcarousel-item, a.portfolio-item img { max-width:190px;} .pin-box { width:166px; width:164px\9; } #tline-content { width:460px;} .tline-box { width:165px;} } @media only screen and (max-width: 767px) { #headline2 { height: 100px; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { #boxed-wrap { width:340px;} .footbot { min-height:38px; height:auto;} #sidebar, #sidebar2, #leftside, #main-content, #main-content2 { width:300px; clear:both; margin:0 0 21px 0; padding:0; border:0; } .page-subtitle { left:0; padding:10px 0 0 20px; bottom:0; border-bottom:1px solid #e8edee; margin-bottom:20px; height:auto; width:auto; clear:both; background:#fdfdfd; border-radius:0; } .pricing-table .plans-f-list.respo { display:inline; visibility:visible;} .pricing-table ul {width:136px; } .pricing-table ul li { width:124px; padding:5px; } .pricing-table ul li.plan-header, .pricing-table ul li .plan-title, .pricing-table ul li .plan-price { max-width:136px;} .pricing-table ul li.plan-footer { max-width:114px;} .portfolio-item { margin-bottom:14px;} .commentin { width:92%; } .portfolio-item { margin-bottom:21px;} .jcarousel-item, a.portfolio-item img { max-width:120px;} div img { max-width:100%; } #tline-content { width:300px; } .tline-box { width:250px;} .tline-row-l, .tline-row-r { display:none} .tline-box.rgtline { float:left; left:0; } } @media only screen and (min-width: 1025px) { #boxed-wrap { width:1160px;} .white-space { height:190px;} h4.subtitle { margin:39px 0 21px 0; } .home-content .two-thirds h1, .home-content .two-thirds h4, .home-content .two-thirds p { padding-left:0;} } @media only screen and (min-width: 1281px) { ul#main-port li{ width:243px; } ul#main-port li.active9 { width:308px;} ul.our-clients li { width:230px;} #boxed-wrap { width:1320px;} #main-content { width:940px; } div.objectifs {padding: 36px 0 0 318px; background: url(../img/bg_objectifs.jpg) 0 50% no-repeat; min-height: 330px;} #main-content2 { width:620px; margin-left:15px;} #sidebar { width:304px; } #sidebar2, #leftside2 { width:280px; } #sidebar2 { padding-right:20px; width:260px;} #leftside { width:296px; } #leftside img {width: 280px;} #sidebar { margin-left:0; padding-left:0; padding-right:20px; } .date-sp-wrap { margin-right:20px;} .blog2-txt { width:360px;} .commentbox { margin-right:20px; } .pin-box { width:276px; width:274px\9; } .service-steps { margin-left:-36px; } .pricing-table { max-width:1280px; } .pricing-table ul { width:242px; } .pricing-table ul li { width:230px; } .pricing-table .plans-f-list li { width:226px; } .pricing-table ul li.plan-header, .pricing-table ul li .plan-title, .pricing-table ul li .plan-price { width:240px; } .pricing-table ul li.plan-footer { width:220px; } .testimonial1, .testimonial2 { width:240px; } } @media only screen and (min-width: 1421px) { #boxed-wrap { width:1420px;} } @media screen and (min-width: 767px) { /* ensure #nav is visible on desktop version */ #nav { display: block !important; } .ls-layer h1, .ls-layer h3 { left:10px;} } @media screen and (max-width: 1281px) { #nav a {width: 100px;} } @media screen and (max-width: 960px) { #nav a {width: 84px;} } #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 21104; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('../img/fancybox.png'); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 21100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 21101; outline: none; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 21102; border: 0px solid #fff; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 21101; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('../img/fancybox.png') -40px 0px; cursor: pointer; z-index: 21103; display: none; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('../img/blank.gif'); z-index: 21102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 21102; display: block; } #fancybox-left-ico { background-image: url('../img/fancybox.png'); background-position: -40px -30px; } #fancybox-right-ico { background-image: url('../img/fancybox.png'); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 21001; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('../img/fancybox-x.png'); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url('../img/fancybox.png'); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('../img/fancybox-y.png'); background-position: -20px 0px; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('../img/fancybox.png'); background-position: -40px -182px; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('../img/fancybox-x.png'); background-position: 0px -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('../img/fancybox.png'); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('../img/fancybox-y.png'); } #fancybox-bg-nw { top: -20px; left: -20px; background-image: url('../img/fancybox.png'); background-position: -40px -122px; } #fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url('../img/fancy_title_over.png'); display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; background: url('../img/fancybox.png') -40px -90px no-repeat; } #fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('../img/fancybox-x.png') 0px -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url('../img/fancybox.png') -55px -90px no-repeat; } /* IE6 */ .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_close.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); } #fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); } #fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_loading.png', sizingMethod='scale'); } /* IE6, IE7, IE8 */ .fancybox-ie .fancybox-bg { background: transparent !important; } .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); } /*! jQuery UI - v1.10.2 - 2013-03-14 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright 2013 jQuery Foundation and other contributors Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; min-height: 0; /* support: IE7 */ } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-noicons { padding-left: .7em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2.2em; } /* button elements seem to need a little more width */ button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /* button text element */ .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /* button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /* button sets */ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ /* reset extra padding in Firefox, see h5bp.com/l */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 21px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; } .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; min-height: 0; /* support: IE7 */ font-weight: normal; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .ui-menu .ui-state-disabled a { cursor: default; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } /* right-aligned */ .ui-menu .ui-menu-icon { position: static; float: right; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("images/animated-overlay.gif"); height: 100%; filter: alpha(opacity=25); opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* For IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to overide default borders */ .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* vertical centre icon */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position: -65px -16px; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; } .ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-accordion h3 { text-transform: uppercase; } .ui-accordion-content p { margin-bottom: 8px; } .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #FFFFFF; background-color: #ec901f; color: #FFFFFF; } #accordion2 .ui-widget-content { background-color: #7aa555; } .ui-widget-content a { color: #FFFFFF; } .ui-widget-header { border: 1px solid #FFFFFF; background-color: #ec901f; color: #FFFFFF; font-weight: bold; } #accordion2 .ui-widget-header { background-color: #7aa555; } .ui-widget-header a { color: #FFFFFF; } #accordion p, #accordion2 p { text-align: left; line-height: 20px !important; } #accordion p a, #accordion2 p a { display: block; margin-bottom: 8px; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #FFFFFF; background-color: #ec901f; font-weight: normal; color: #FFFFFF; } #accordion2 .ui-state-default, #accordion2 .ui-widget-content .ui-state-default, #accordion2 .ui-widget-header .ui-state-default { background-color: #7aa555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #FFFFFF; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #FFFFFF; background-color: #ec901f; font-weight: normal; color: #FFFFFF; } #accordion2 .ui-state-hover, #accordion2 .ui-widget-content .ui-state-hover, #accordion2 .ui-widget-header .ui-state-hover, #accordion2 .ui-state-focus, #accordion2 .ui-widget-content .ui-state-focus, #accordion2 .ui-widget-header .ui-state-focus { background-color: #7aa555; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #FFFFFF; background-color: #ec901f; font-weight: normal; color: #FFFFFF; } #accordion2 .ui-state-active, #accordion2 .ui-widget-content .ui-state-active, #accordion2 .ui-widget-header .ui-state-active { background-color: #7aa555; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #FFFFFF; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #FFFFFF; background-color: #ec901f; color: #FFFFFF; } #accordion2 .ui-state-highlight, #accordion2 .ui-widget-content .ui-state-highlight, #accordion2 .ui-widget-header .ui-state-highlight { background-color: #7aa555; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #FFFFFF; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #FFFFFF; background: #fef1ec; color: #FFFFFF; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #FFFFFF; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #FFFFFF; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* For IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { /*background-image: url(../img/ui-icons_222222_256x240.png);*/ } .ui-widget-header .ui-icon { /*background-image: url(../img/ui-icons_222222_256x240.png);*/ } .ui-state-default .ui-icon { /*background-image: url(../img/ui-icons_888888_256x240.png);*/ } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { /*background-image: url(../img/ui-icons_454545_256x240.png);*/ } .ui-state-active .ui-icon { /*background-image: url(../img/ui-icons_454545_256x240.png);*/ } .ui-state-highlight .ui-icon { /*background-image: url(../img/ui-icons_2e83ff_256x240.png);*/ } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { /*background-image: url(../img/ui-icons_cd0a0a_256x240.png);*/ } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { } /* Overlays */ .ui-widget-overlay { background-color: #ec901f; opacity: .3; filter: Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background-color: #ec901f; opacity: .3; filter: Alpha(Opacity=30); } .archive article { margin-bottom: 20px; } .archive article a:hover, .archive article a:focus { /*text-decoration: none;*/ font-weight: bold; } .archive article header h3 { text-transform: uppercase; font-weight: bold; font-size: 15px; font-family: 'Lato', Helvetica, Arial, sans-serif; margin: 0; line-height: 24px; } .archive article .entry-summary p { margin: 0; } .archive article h2 { margin: 10px 0 20px 0; } blog-single-post article h2 { margin: 0 0 10px 0; } article.formations header h3, article.formations a { color: #ec901f; } article.modules header h3, article.modules a { color: #7aa555; } article.emploi header h3, article.emploi a { color: #1b95cd; } article.experiences header h3, article.experiences a { color: #B14237; } article.news header h3, article.news a { color: #1b95cd; } article.page header h3, article.page a { color: #2a96bc; } #header .clearfix::after { clear: both; content: ""; display: block; font-size: 0; height: 0; visibility: hidden; } #header .srch{ float:right; height:100%; position:relative } #header .srch form { display:inline-block; height:100% !important; margin:0; position:relative; vertical-align:top } #header .srch form .container{ display:inline-block; margin:10px 0 30px; position:relative; vertical-align:top; -o-transition:all 200ms linear 0s; -moz-transition:all 200ms linear 0s; -webkit-transition:all 200ms linear 0s; -o-transition:all 200ms linear 0s; transition:all 200ms linear 0s } #header .smallheader .srch form .container{ margin:13px 0 10px } #header .srch form .container input{ background:#1A1A1A; border:0 none; border-bottom:2px solid transparent; box-sizing:border-box; color:#fff; display:inline-block; font-size:1em; font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; letter-spacing:0.02em; line-height:32px; opacity:0; overflow:hidden; padding:0 32px 0 10px; position:absolute; right:0; vertical-align:top; width:0; z-index:100; } #header .srch form:hover .container input, #header .srch form.selected .container input{ border-color:#FECB2F; opacity:1; width:244px } #header .srch form .container button { background: none !important; background-color:transparent !important; border:medium none; color:#7a7a7a; cursor:pointer; display:inline-block; font-size:1.3em; line-height:32px; margin:0; padding:0; position:relative; text-align:center; vertical-align:top; width:32px; z-index:101; box-shadow: 0; } #header .srch form:hover .container button, #header .srch form.selected .container button{ color:#FECB2F } #header .srch form .container button i { float: right; background-color:transparent; position:relative; top:10px; color: #FECB2F; font-size: 24px; } /*#header .srch form .container button i{ background: transparent url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMjE2IDgzMnEwLTE4NS0xMzEuNS0zMTYuNXQtMzE2LjUtMTMxLjUtMzE2LjUgMTMxLjUtMTMxLjUgMzE2LjUgMTMxLjUgMzE2LjUgMzE2LjUgMTMxLjUgMzE2LjUtMTMxLjUgMTMxLjUtMzE2LjV6bTUxMiA4MzJxMCA1Mi0zOCA5MHQtOTAgMzhxLTU0IDAtOTAtMzhsLTM0My0zNDJxLTE3OSAxMjQtMzk5IDEyNC0xNDMgMC0yNzMuNS01NS41dC0yMjUtMTUwLTE1MC0yMjUtNTUuNS0yNzMuNSA1NS41LTI3My41IDE1MC0yMjUgMjI1LTE1MCAyNzMuNS01NS41IDI3My41IDU1LjUgMjI1IDE1MCAxNTAgMjI1IDU1LjUgMjczLjVxMCAyMjAtMTI0IDM5OWwzNDMgMzQzcTM3IDM3IDM3IDkweiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==") no-repeat scroll 0 0; background-size:contain; display: block; height: 18px; margin: 6px 0 0 2px; position: relative; width: 18px; color: #FECB2F; }*/ #main-content .half_thumbnail { width:25%; float: left; } #main-content .half_txt { width:75%; float: right; } #main-content .half_txt p { margin-left: 20px; } /*SEARCH FORM*/ .search-form { border-radius: 30px 0px 0px 30px; /*border-radius:Top-left, Top-right, Bottom-right, Bottom-left;*/ } /*to cange only one form and not all give unique class name like class="search-form" */ .search-btn { border-radius: 0px 30px 30px 0px; cursor:pointer; } .input-group { position: relative; margin-right: 40px; } .input-group input { padding: 3px 4px; margin-top: 4px; } .input-group-btn { position: absolute; right: -38px; top: -1px; } .btn-primary { background: #0099cc; color: #ffffff; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background: #33a6cc; } .btn-primary:active, .btn-primary.active { background: #007299; box-shadow: none; } #fp-fb-block { margin-top: -100px; } @media only screen and (max-width:1023px){ #header .srch form{margin:0} #header .srch form .container{margin:13px 0 10px} #header .srch form .container button{color:#FECB2F} #main-content .half_thumbnail { display: none; } #main-content .half_txt { width:100%; float: none; } #main-content .half_txt p { margin-left: 0; } } @media only screen and (max-width:770px){ #fp-fb-block { margin: 0; height: 70px !important; overflow: hidden !important; } } @media only screen and (max-width:600px){ .input-group { position: relative; margin-right: 0; } .ancre { display: none; } } .pagesingle .modulesPage p, li { color: #FFF; font-size: 13px; line-height: 24px; } p, p strong, .pagesingle li, #sidebar p, #sidebar2 p, #leftside p, #leftside2 p, #sidebar li, #leftside li, #leftside2 li, div.conditions li, .formation div.contenu ul li ul li, .module div.contenu ul li { font-size: 15px; line-height: 28px; background-position: 0 9px; } h4, h4.subtitle { font-size: 20px; } .dark.bluebox a.magicmore { font-size: 15px; } .contact hr, .experiences hr, .news hr, .fiche hr, .planning hr { margin: 0 0 12px 0; } .searchbox input { border: none; border-radius: 0; box-shadow: none } #searchsubmit { width: 100%; background: none; box-shadow: none; text-shadow: none; border-radius: 0; border: none; background-color: #FFF; color: #3F628C; } .searchbox, .module .searchbox, .formation .searchbox { background-color: #3F628C; }