.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,600,700,700italic,800,800italic,600italic,400italic");
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0;font-family: 'Open Sans', sans-serif;font-weight:400; }
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background-color: transparent;text-decoration:none;outline: none; }
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal;outline: none; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
.clr{clear: both;}
@font-face {
font-family: 'FontAwesome';
src: url(//cid.co.ma/wp-content/themes/cid/assets/fonts/fontawesome-webfont.eot?v=4.5.0);
src: url(//cid.co.ma/wp-content/themes/cid/assets/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0) format('embedded-opentype'), url(//cid.co.ma/wp-content/themes/cid/assets/fonts/fontawesome-webfont.woff2?v=4.5.0) format('woff2'), url(//cid.co.ma/wp-content/themes/cid/assets/fonts/fontawesome-webfont.woff?v=4.5.0) format('woff'), url(//cid.co.ma/wp-content/themes/cid/assets/fonts/fontawesome-webfont.ttf?v=4.5.0) format('truetype'), url(//cid.co.ma/wp-content/themes/cid/assets/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular) format('svg');
font-weight: normal;
font-style: normal;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} .fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-fw {
width: 1.28571429em;
text-align: center;
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.fa-ul > li {
position: relative;
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center;
}
.fa-li.fa-lg {
left: -1.85714286em;
}
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eeeeee;
border-radius: .1em;
}
.fa-pull-left {
float: left;
}
.fa-pull-right {
float: right;
}
.fa.fa-pull-left {
margin-right: .3em;
}
.fa.fa-pull-right {
margin-left: .3em;
} .pull-right {
float: right;
}
.pull-left {
float: left;
}
.fa.pull-left {
margin-right: .3em;
}
.fa.pull-right {
margin-left: .3em;
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.fa-rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none;
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #ffffff;
} .fa-glass:before {
content: "\f000";
}
.fa-music:before {
content: "\f001";
}
.fa-search:before {
content: "\f002";
}
.fa-envelope-o:before {
content: "\f003";
}
.fa-heart:before {
content: "\f004";
}
.fa-star:before {
content: "\f005";
}
.fa-star-o:before {
content: "\f006";
}
.fa-user:before {
content: "\f007";
}
.fa-film:before {
content: "\f008";
}
.fa-th-large:before {
content: "\f009";
}
.fa-th:before {
content: "\f00a";
}
.fa-th-list:before {
content: "\f00b";
}
.fa-check:before {
content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: "\f00d";
}
.fa-search-plus:before {
content: "\f00e";
}
.fa-search-minus:before {
content: "\f010";
}
.fa-power-off:before {
content: "\f011";
}
.fa-signal:before {
content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
content: "\f013";
}
.fa-trash-o:before {
content: "\f014";
}
.fa-home:before {
content: "\f015";
}
.fa-file-o:before {
content: "\f016";
}
.fa-clock-o:before {
content: "\f017";
}
.fa-road:before {
content: "\f018";
}
.fa-download:before {
content: "\f019";
}
.fa-arrow-circle-o-down:before {
content: "\f01a";
}
.fa-arrow-circle-o-up:before {
content: "\f01b";
}
.fa-inbox:before {
content: "\f01c";
}
.fa-play-circle-o:before {
content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
content: "\f01e";
}
.fa-refresh:before {
content: "\f021";
}
.fa-list-alt:before {
content: "\f022";
}
.fa-lock:before {
content: "\f023";
}
.fa-flag:before {
content: "\f024";
}
.fa-headphones:before {
content: "\f025";
}
.fa-volume-off:before {
content: "\f026";
}
.fa-volume-down:before {
content: "\f027";
}
.fa-volume-up:before {
content: "\f028";
}
.fa-qrcode:before {
content: "\f029";
}
.fa-barcode:before {
content: "\f02a";
}
.fa-tag:before {
content: "\f02b";
}
.fa-tags:before {
content: "\f02c";
}
.fa-book:before {
content: "\f02d";
}
.fa-bookmark:before {
content: "\f02e";
}
.fa-print:before {
content: "\f02f";
}
.fa-camera:before {
content: "\f030";
}
.fa-font:before {
content: "\f031";
}
.fa-bold:before {
content: "\f032";
}
.fa-italic:before {
content: "\f033";
}
.fa-text-height:before {
content: "\f034";
}
.fa-text-width:before {
content: "\f035";
}
.fa-align-left:before {
content: "\f036";
}
.fa-align-center:before {
content: "\f037";
}
.fa-align-right:before {
content: "\f038";
}
.fa-align-justify:before {
content: "\f039";
}
.fa-list:before {
content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
content: "\f03b";
}
.fa-indent:before {
content: "\f03c";
}
.fa-video-camera:before {
content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: "\f03e";
}
.fa-pencil:before {
content: "\f040";
}
.fa-map-marker:before {
content: "\f041";
}
.fa-adjust:before {
content: "\f042";
}
.fa-tint:before {
content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\f044";
}
.fa-share-square-o:before {
content: "\f045";
}
.fa-check-square-o:before {
content: "\f046";
}
.fa-arrows:before {
content: "\f047";
}
.fa-step-backward:before {
content: "\f048";
}
.fa-fast-backward:before {
content: "\f049";
}
.fa-backward:before {
content: "\f04a";
}
.fa-play:before {
content: "\f04b";
}
.fa-pause:before {
content: "\f04c";
}
.fa-stop:before {
content: "\f04d";
}
.fa-forward:before {
content: "\f04e";
}
.fa-fast-forward:before {
content: "\f050";
}
.fa-step-forward:before {
content: "\f051";
}
.fa-eject:before {
content: "\f052";
}
.fa-chevron-left:before {
content: "\f053";
}
.fa-chevron-right:before {
content: "\f054";
}
.fa-plus-circle:before {
content: "\f055";
}
.fa-minus-circle:before {
content: "\f056";
}
.fa-times-circle:before {
content: "\f057";
}
.fa-check-circle:before {
content: "\f058";
}
.fa-question-circle:before {
content: "\f059";
}
.fa-info-circle:before {
content: "\f05a";
}
.fa-crosshairs:before {
content: "\f05b";
}
.fa-times-circle-o:before {
content: "\f05c";
}
.fa-check-circle-o:before {
content: "\f05d";
}
.fa-ban:before {
content: "\f05e";
}
.fa-arrow-left:before {
content: "\f060";
}
.fa-arrow-right:before {
content: "\f061";
}
.fa-arrow-up:before {
content: "\f062";
}
.fa-arrow-down:before {
content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
content: "\f064";
}
.fa-expand:before {
content: "\f065";
}
.fa-compress:before {
content: "\f066";
}
.fa-plus:before {
content: "\f067";
}
.fa-minus:before {
content: "\f068";
}
.fa-asterisk:before {
content: "\f069";
}
.fa-exclamation-circle:before {
content: "\f06a";
}
.fa-gift:before {
content: "\f06b";
}
.fa-leaf:before {
content: "\f06c";
}
.fa-fire:before {
content: "\f06d";
}
.fa-eye:before {
content: "\f06e";
}
.fa-eye-slash:before {
content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "\f071";
}
.fa-plane:before {
content: "\f072";
}
.fa-calendar:before {
content: "\f073";
}
.fa-random:before {
content: "\f074";
}
.fa-comment:before {
content: "\f075";
}
.fa-magnet:before {
content: "\f076";
}
.fa-chevron-up:before {
content: "\f077";
}
.fa-chevron-down:before {
content: "\f078";
}
.fa-retweet:before {
content: "\f079";
}
.fa-shopping-cart:before {
content: "\f07a";
}
.fa-folder:before {
content: "\f07b";
}
.fa-folder-open:before {
content: "\f07c";
}
.fa-arrows-v:before {
content: "\f07d";
}
.fa-arrows-h:before {
content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: "\f080";
}
.fa-twitter-square:before {
content: "\f081";
}
.fa-facebook-square:before {
content: "\f082";
}
.fa-camera-retro:before {
content: "\f083";
}
.fa-key:before {
content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
content: "\f085";
}
.fa-comments:before {
content: "\f086";
}
.fa-thumbs-o-up:before {
content: "\f087";
}
.fa-thumbs-o-down:before {
content: "\f088";
}
.fa-star-half:before {
content: "\f089";
}
.fa-heart-o:before {
content: "\f08a";
}
.fa-sign-out:before {
content: "\f08b";
}
.fa-linkedin-square:before {
content: "\f08c";
}
.fa-thumb-tack:before {
content: "\f08d";
}
.fa-external-link:before {
content: "\f08e";
}
.fa-sign-in:before {
content: "\f090";
}
.fa-trophy:before {
content: "\f091";
}
.fa-github-square:before {
content: "\f092";
}
.fa-upload:before {
content: "\f093";
}
.fa-lemon-o:before {
content: "\f094";
}
.fa-phone:before {
content: "\f095";
}
.fa-square-o:before {
content: "\f096";
}
.fa-bookmark-o:before {
content: "\f097";
}
.fa-phone-square:before {
content: "\f098";
}
.fa-twitter:before {
content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
content: "\f09a";
}
.fa-github:before {
content: "\f09b";
}
.fa-unlock:before {
content: "\f09c";
}
.fa-credit-card:before {
content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
content: "\f09e";
}
.fa-hdd-o:before {
content: "\f0a0";
}
.fa-bullhorn:before {
content: "\f0a1";
}
.fa-bell:before {
content: "\f0f3";
}
.fa-certificate:before {
content: "\f0a3";
}
.fa-hand-o-right:before {
content: "\f0a4";
}
.fa-hand-o-left:before {
content: "\f0a5";
}
.fa-hand-o-up:before {
content: "\f0a6";
}
.fa-hand-o-down:before {
content: "\f0a7";
}
.fa-arrow-circle-left:before {
content: "\f0a8";
}
.fa-arrow-circle-right:before {
content: "\f0a9";
}
.fa-arrow-circle-up:before {
content: "\f0aa";
}
.fa-arrow-circle-down:before {
content: "\f0ab";
}
.fa-globe:before {
content: "\f0ac";
}
.fa-wrench:before {
content: "\f0ad";
}
.fa-tasks:before {
content: "\f0ae";
}
.fa-filter:before {
content: "\f0b0";
}
.fa-briefcase:before {
content: "\f0b1";
}
.fa-arrows-alt:before {
content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
content: "\f0c1";
}
.fa-cloud:before {
content: "\f0c2";
}
.fa-flask:before {
content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
content: "\f0c5";
}
.fa-paperclip:before {
content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
content: "\f0c7";
}
.fa-square:before {
content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "\f0c9";
}
.fa-list-ul:before {
content: "\f0ca";
}
.fa-list-ol:before {
content: "\f0cb";
}
.fa-strikethrough:before {
content: "\f0cc";
}
.fa-underline:before {
content: "\f0cd";
}
.fa-table:before {
content: "\f0ce";
}
.fa-magic:before {
content: "\f0d0";
}
.fa-truck:before {
content: "\f0d1";
}
.fa-pinterest:before {
content: "\f0d2";
}
.fa-pinterest-square:before {
content: "\f0d3";
}
.fa-google-plus-square:before {
content: "\f0d4";
}
.fa-google-plus:before {
content: "\f0d5";
}
.fa-money:before {
content: "\f0d6";
}
.fa-caret-down:before {
content: "\f0d7";
}
.fa-caret-up:before {
content: "\f0d8";
}
.fa-caret-left:before {
content: "\f0d9";
}
.fa-caret-right:before {
content: "\f0da";
}
.fa-columns:before {
content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
content: "\f0de";
}
.fa-envelope:before {
content: "\f0e0";
}
.fa-linkedin:before {
content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
content: "\f0e4";
}
.fa-comment-o:before {
content: "\f0e5";
}
.fa-comments-o:before {
content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
content: "\f0e7";
}
.fa-sitemap:before {
content: "\f0e8";
}
.fa-umbrella:before {
content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
content: "\f0ea";
}
.fa-lightbulb-o:before {
content: "\f0eb";
}
.fa-exchange:before {
content: "\f0ec";
}
.fa-cloud-download:before {
content: "\f0ed";
}
.fa-cloud-upload:before {
content: "\f0ee";
}
.fa-user-md:before {
content: "\f0f0";
}
.fa-stethoscope:before {
content: "\f0f1";
}
.fa-suitcase:before {
content: "\f0f2";
}
.fa-bell-o:before {
content: "\f0a2";
}
.fa-coffee:before {
content: "\f0f4";
}
.fa-cutlery:before {
content: "\f0f5";
}
.fa-file-text-o:before {
content: "\f0f6";
}
.fa-building-o:before {
content: "\f0f7";
}
.fa-hospital-o:before {
content: "\f0f8";
}
.fa-ambulance:before {
content: "\f0f9";
}
.fa-medkit:before {
content: "\f0fa";
}
.fa-fighter-jet:before {
content: "\f0fb";
}
.fa-beer:before {
content: "\f0fc";
}
.fa-h-square:before {
content: "\f0fd";
}
.fa-plus-square:before {
content: "\f0fe";
}
.fa-angle-double-left:before {
content: "\f100";
}
.fa-angle-double-right:before {
content: "\f101";
}
.fa-angle-double-up:before {
content: "\f102";
}
.fa-angle-double-down:before {
content: "\f103";
}
.fa-angle-left:before {
content: "\f104";
}
.fa-angle-right:before {
content: "\f105";
}
.fa-angle-up:before {
content: "\f106";
}
.fa-angle-down:before {
content: "\f107";
}
.fa-desktop:before {
content: "\f108";
}
.fa-laptop:before {
content: "\f109";
}
.fa-tablet:before {
content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\f10b";
}
.fa-circle-o:before {
content: "\f10c";
}
.fa-quote-left:before {
content: "\f10d";
}
.fa-quote-right:before {
content: "\f10e";
}
.fa-spinner:before {
content: "\f110";
}
.fa-circle:before {
content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
content: "\f112";
}
.fa-github-alt:before {
content: "\f113";
}
.fa-folder-o:before {
content: "\f114";
}
.fa-folder-open-o:before {
content: "\f115";
}
.fa-smile-o:before {
content: "\f118";
}
.fa-frown-o:before {
content: "\f119";
}
.fa-meh-o:before {
content: "\f11a";
}
.fa-gamepad:before {
content: "\f11b";
}
.fa-keyboard-o:before {
content: "\f11c";
}
.fa-flag-o:before {
content: "\f11d";
}
.fa-flag-checkered:before {
content: "\f11e";
}
.fa-terminal:before {
content: "\f120";
}
.fa-code:before {
content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\f123";
}
.fa-location-arrow:before {
content: "\f124";
}
.fa-crop:before {
content: "\f125";
}
.fa-code-fork:before {
content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
content: "\f127";
}
.fa-question:before {
content: "\f128";
}
.fa-info:before {
content: "\f129";
}
.fa-exclamation:before {
content: "\f12a";
}
.fa-superscript:before {
content: "\f12b";
}
.fa-subscript:before {
content: "\f12c";
}
.fa-eraser:before {
content: "\f12d";
}
.fa-puzzle-piece:before {
content: "\f12e";
}
.fa-microphone:before {
content: "\f130";
}
.fa-microphone-slash:before {
content: "\f131";
}
.fa-shield:before {
content: "\f132";
}
.fa-calendar-o:before {
content: "\f133";
}
.fa-fire-extinguisher:before {
content: "\f134";
}
.fa-rocket:before {
content: "\f135";
}
.fa-maxcdn:before {
content: "\f136";
}
.fa-chevron-circle-left:before {
content: "\f137";
}
.fa-chevron-circle-right:before {
content: "\f138";
}
.fa-chevron-circle-up:before {
content: "\f139";
}
.fa-chevron-circle-down:before {
content: "\f13a";
}
.fa-html5:before {
content: "\f13b";
}
.fa-css3:before {
content: "\f13c";
}
.fa-anchor:before {
content: "\f13d";
}
.fa-unlock-alt:before {
content: "\f13e";
}
.fa-bullseye:before {
content: "\f140";
}
.fa-ellipsis-h:before {
content: "\f141";
}
.fa-ellipsis-v:before {
content: "\f142";
}
.fa-rss-square:before {
content: "\f143";
}
.fa-play-circle:before {
content: "\f144";
}
.fa-ticket:before {
content: "\f145";
}
.fa-minus-square:before {
content: "\f146";
}
.fa-minus-square-o:before {
content: "\f147";
}
.fa-level-up:before {
content: "\f148";
}
.fa-level-down:before {
content: "\f149";
}
.fa-check-square:before {
content: "\f14a";
}
.fa-pencil-square:before {
content: "\f14b";
}
.fa-external-link-square:before {
content: "\f14c";
}
.fa-share-square:before {
content: "\f14d";
}
.fa-compass:before {
content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
content: "\f153";
}
.fa-gbp:before {
content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "\f158";
}
.fa-won:before,
.fa-krw:before {
content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
content: "\f15a";
}
.fa-file:before {
content: "\f15b";
}
.fa-file-text:before {
content: "\f15c";
}
.fa-sort-alpha-asc:before {
content: "\f15d";
}
.fa-sort-alpha-desc:before {
content: "\f15e";
}
.fa-sort-amount-asc:before {
content: "\f160";
}
.fa-sort-amount-desc:before {
content: "\f161";
}
.fa-sort-numeric-asc:before {
content: "\f162";
}
.fa-sort-numeric-desc:before {
content: "\f163";
}
.fa-thumbs-up:before {
content: "\f164";
}
.fa-thumbs-down:before {
content: "\f165";
}
.fa-youtube-square:before {
content: "\f166";
}
.fa-youtube:before {
content: "\f167";
}
.fa-xing:before {
content: "\f168";
}
.fa-xing-square:before {
content: "\f169";
}
.fa-youtube-play:before {
content: "\f16a";
}
.fa-dropbox:before {
content: "\f16b";
}
.fa-stack-overflow:before {
content: "\f16c";
}
.fa-instagram:before {
content: "\f16d";
}
.fa-flickr:before {
content: "\f16e";
}
.fa-adn:before {
content: "\f170";
}
.fa-bitbucket:before {
content: "\f171";
}
.fa-bitbucket-square:before {
content: "\f172";
}
.fa-tumblr:before {
content: "\f173";
}
.fa-tumblr-square:before {
content: "\f174";
}
.fa-long-arrow-down:before {
content: "\f175";
}
.fa-long-arrow-up:before {
content: "\f176";
}
.fa-long-arrow-left:before {
content: "\f177";
}
.fa-long-arrow-right:before {
content: "\f178";
}
.fa-apple:before {
content: "\f179";
}
.fa-windows:before {
content: "\f17a";
}
.fa-android:before {
content: "\f17b";
}
.fa-linux:before {
content: "\f17c";
}
.fa-dribbble:before {
content: "\f17d";
}
.fa-skype:before {
content: "\f17e";
}
.fa-foursquare:before {
content: "\f180";
}
.fa-trello:before {
content: "\f181";
}
.fa-female:before {
content: "\f182";
}
.fa-male:before {
content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
content: "\f184";
}
.fa-sun-o:before {
content: "\f185";
}
.fa-moon-o:before {
content: "\f186";
}
.fa-archive:before {
content: "\f187";
}
.fa-bug:before {
content: "\f188";
}
.fa-vk:before {
content: "\f189";
}
.fa-weibo:before {
content: "\f18a";
}
.fa-renren:before {
content: "\f18b";
}
.fa-pagelines:before {
content: "\f18c";
}
.fa-stack-exchange:before {
content: "\f18d";
}
.fa-arrow-circle-o-right:before {
content: "\f18e";
}
.fa-arrow-circle-o-left:before {
content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "\f191";
}
.fa-dot-circle-o:before {
content: "\f192";
}
.fa-wheelchair:before {
content: "\f193";
}
.fa-vimeo-square:before {
content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
content: "\f195";
}
.fa-plus-square-o:before {
content: "\f196";
}
.fa-space-shuttle:before {
content: "\f197";
}
.fa-slack:before {
content: "\f198";
}
.fa-envelope-square:before {
content: "\f199";
}
.fa-wordpress:before {
content: "\f19a";
}
.fa-openid:before {
content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "\f19d";
}
.fa-yahoo:before {
content: "\f19e";
}
.fa-google:before {
content: "\f1a0";
}
.fa-reddit:before {
content: "\f1a1";
}
.fa-reddit-square:before {
content: "\f1a2";
}
.fa-stumbleupon-circle:before {
content: "\f1a3";
}
.fa-stumbleupon:before {
content: "\f1a4";
}
.fa-delicious:before {
content: "\f1a5";
}
.fa-digg:before {
content: "\f1a6";
}
.fa-pied-piper:before {
content: "\f1a7";
}
.fa-pied-piper-alt:before {
content: "\f1a8";
}
.fa-drupal:before {
content: "\f1a9";
}
.fa-joomla:before {
content: "\f1aa";
}
.fa-language:before {
content: "\f1ab";
}
.fa-fax:before {
content: "\f1ac";
}
.fa-building:before {
content: "\f1ad";
}
.fa-child:before {
content: "\f1ae";
}
.fa-paw:before {
content: "\f1b0";
}
.fa-spoon:before {
content: "\f1b1";
}
.fa-cube:before {
content: "\f1b2";
}
.fa-cubes:before {
content: "\f1b3";
}
.fa-behance:before {
content: "\f1b4";
}
.fa-behance-square:before {
content: "\f1b5";
}
.fa-steam:before {
content: "\f1b6";
}
.fa-steam-square:before {
content: "\f1b7";
}
.fa-recycle:before {
content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
content: "\f1ba";
}
.fa-tree:before {
content: "\f1bb";
}
.fa-spotify:before {
content: "\f1bc";
}
.fa-deviantart:before {
content: "\f1bd";
}
.fa-soundcloud:before {
content: "\f1be";
}
.fa-database:before {
content: "\f1c0";
}
.fa-file-pdf-o:before {
content: "\f1c1";
}
.fa-file-word-o:before {
content: "\f1c2";
}
.fa-file-excel-o:before {
content: "\f1c3";
}
.fa-file-powerpoint-o:before {
content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "\f1c8";
}
.fa-file-code-o:before {
content: "\f1c9";
}
.fa-vine:before {
content: "\f1ca";
}
.fa-codepen:before {
content: "\f1cb";
}
.fa-jsfiddle:before {
content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "\f1cd";
}
.fa-circle-o-notch:before {
content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
content: "\f1d1";
}
.fa-git-square:before {
content: "\f1d2";
}
.fa-git:before {
content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: "\f1d4";
}
.fa-tencent-weibo:before {
content: "\f1d5";
}
.fa-qq:before {
content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content: "\f1d9";
}
.fa-history:before {
content: "\f1da";
}
.fa-circle-thin:before {
content: "\f1db";
}
.fa-header:before {
content: "\f1dc";
}
.fa-paragraph:before {
content: "\f1dd";
}
.fa-sliders:before {
content: "\f1de";
}
.fa-share-alt:before {
content: "\f1e0";
}
.fa-share-alt-square:before {
content: "\f1e1";
}
.fa-bomb:before {
content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: "\f1e3";
}
.fa-tty:before {
content: "\f1e4";
}
.fa-binoculars:before {
content: "\f1e5";
}
.fa-plug:before {
content: "\f1e6";
}
.fa-slideshare:before {
content: "\f1e7";
}
.fa-twitch:before {
content: "\f1e8";
}
.fa-yelp:before {
content: "\f1e9";
}
.fa-newspaper-o:before {
content: "\f1ea";
}
.fa-wifi:before {
content: "\f1eb";
}
.fa-calculator:before {
content: "\f1ec";
}
.fa-paypal:before {
content: "\f1ed";
}
.fa-google-wallet:before {
content: "\f1ee";
}
.fa-cc-visa:before {
content: "\f1f0";
}
.fa-cc-mastercard:before {
content: "\f1f1";
}
.fa-cc-discover:before {
content: "\f1f2";
}
.fa-cc-amex:before {
content: "\f1f3";
}
.fa-cc-paypal:before {
content: "\f1f4";
}
.fa-cc-stripe:before {
content: "\f1f5";
}
.fa-bell-slash:before {
content: "\f1f6";
}
.fa-bell-slash-o:before {
content: "\f1f7";
}
.fa-trash:before {
content: "\f1f8";
}
.fa-copyright:before {
content: "\f1f9";
}
.fa-at:before {
content: "\f1fa";
}
.fa-eyedropper:before {
content: "\f1fb";
}
.fa-paint-brush:before {
content: "\f1fc";
}
.fa-birthday-cake:before {
content: "\f1fd";
}
.fa-area-chart:before {
content: "\f1fe";
}
.fa-pie-chart:before {
content: "\f200";
}
.fa-line-chart:before {
content: "\f201";
}
.fa-lastfm:before {
content: "\f202";
}
.fa-lastfm-square:before {
content: "\f203";
}
.fa-toggle-off:before {
content: "\f204";
}
.fa-toggle-on:before {
content: "\f205";
}
.fa-bicycle:before {
content: "\f206";
}
.fa-bus:before {
content: "\f207";
}
.fa-ioxhost:before {
content: "\f208";
}
.fa-angellist:before {
content: "\f209";
}
.fa-cc:before {
content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: "\f20b";
}
.fa-meanpath:before {
content: "\f20c";
}
.fa-buysellads:before {
content: "\f20d";
}
.fa-connectdevelop:before {
content: "\f20e";
}
.fa-dashcube:before {
content: "\f210";
}
.fa-forumbee:before {
content: "\f211";
}
.fa-leanpub:before {
content: "\f212";
}
.fa-sellsy:before {
content: "\f213";
}
.fa-shirtsinbulk:before {
content: "\f214";
}
.fa-simplybuilt:before {
content: "\f215";
}
.fa-skyatlas:before {
content: "\f216";
}
.fa-cart-plus:before {
content: "\f217";
}
.fa-cart-arrow-down:before {
content: "\f218";
}
.fa-diamond:before {
content: "\f219";
}
.fa-ship:before {
content: "\f21a";
}
.fa-user-secret:before {
content: "\f21b";
}
.fa-motorcycle:before {
content: "\f21c";
}
.fa-street-view:before {
content: "\f21d";
}
.fa-heartbeat:before {
content: "\f21e";
}
.fa-venus:before {
content: "\f221";
}
.fa-mars:before {
content: "\f222";
}
.fa-mercury:before {
content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
content: "\f224";
}
.fa-transgender-alt:before {
content: "\f225";
}
.fa-venus-double:before {
content: "\f226";
}
.fa-mars-double:before {
content: "\f227";
}
.fa-venus-mars:before {
content: "\f228";
}
.fa-mars-stroke:before {
content: "\f229";
}
.fa-mars-stroke-v:before {
content: "\f22a";
}
.fa-mars-stroke-h:before {
content: "\f22b";
}
.fa-neuter:before {
content: "\f22c";
}
.fa-genderless:before {
content: "\f22d";
}
.fa-facebook-official:before {
content: "\f230";
}
.fa-pinterest-p:before {
content: "\f231";
}
.fa-whatsapp:before {
content: "\f232";
}
.fa-server:before {
content: "\f233";
}
.fa-user-plus:before {
content: "\f234";
}
.fa-user-times:before {
content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
content: "\f236";
}
.fa-viacoin:before {
content: "\f237";
}
.fa-train:before {
content: "\f238";
}
.fa-subway:before {
content: "\f239";
}
.fa-medium:before {
content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
content: "\f23b";
}
.fa-optin-monster:before {
content: "\f23c";
}
.fa-opencart:before {
content: "\f23d";
}
.fa-expeditedssl:before {
content: "\f23e";
}
.fa-battery-4:before,
.fa-battery-full:before {
content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
content: "\f244";
}
.fa-mouse-pointer:before {
content: "\f245";
}
.fa-i-cursor:before {
content: "\f246";
}
.fa-object-group:before {
content: "\f247";
}
.fa-object-ungroup:before {
content: "\f248";
}
.fa-sticky-note:before {
content: "\f249";
}
.fa-sticky-note-o:before {
content: "\f24a";
}
.fa-cc-jcb:before {
content: "\f24b";
}
.fa-cc-diners-club:before {
content: "\f24c";
}
.fa-clone:before {
content: "\f24d";
}
.fa-balance-scale:before {
content: "\f24e";
}
.fa-hourglass-o:before {
content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: "\f253";
}
.fa-hourglass:before {
content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: "\f256";
}
.fa-hand-scissors-o:before {
content: "\f257";
}
.fa-hand-lizard-o:before {
content: "\f258";
}
.fa-hand-spock-o:before {
content: "\f259";
}
.fa-hand-pointer-o:before {
content: "\f25a";
}
.fa-hand-peace-o:before {
content: "\f25b";
}
.fa-trademark:before {
content: "\f25c";
}
.fa-registered:before {
content: "\f25d";
}
.fa-creative-commons:before {
content: "\f25e";
}
.fa-gg:before {
content: "\f260";
}
.fa-gg-circle:before {
content: "\f261";
}
.fa-tripadvisor:before {
content: "\f262";
}
.fa-odnoklassniki:before {
content: "\f263";
}
.fa-odnoklassniki-square:before {
content: "\f264";
}
.fa-get-pocket:before {
content: "\f265";
}
.fa-wikipedia-w:before {
content: "\f266";
}
.fa-safari:before {
content: "\f267";
}
.fa-chrome:before {
content: "\f268";
}
.fa-firefox:before {
content: "\f269";
}
.fa-opera:before {
content: "\f26a";
}
.fa-internet-explorer:before {
content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
content: "\f26c";
}
.fa-contao:before {
content: "\f26d";
}
.fa-500px:before {
content: "\f26e";
}
.fa-amazon:before {
content: "\f270";
}
.fa-calendar-plus-o:before {
content: "\f271";
}
.fa-calendar-minus-o:before {
content: "\f272";
}
.fa-calendar-times-o:before {
content: "\f273";
}
.fa-calendar-check-o:before {
content: "\f274";
}
.fa-industry:before {
content: "\f275";
}
.fa-map-pin:before {
content: "\f276";
}
.fa-map-signs:before {
content: "\f277";
}
.fa-map-o:before {
content: "\f278";
}
.fa-map:before {
content: "\f279";
}
.fa-commenting:before {
content: "\f27a";
}
.fa-commenting-o:before {
content: "\f27b";
}
.fa-houzz:before {
content: "\f27c";
}
.fa-vimeo:before {
content: "\f27d";
}
.fa-black-tie:before {
content: "\f27e";
}
.fa-fonticons:before {
content: "\f280";
}
.fa-reddit-alien:before {
content: "\f281";
}
.fa-edge:before {
content: "\f282";
}
.fa-credit-card-alt:before {
content: "\f283";
}
.fa-codiepie:before {
content: "\f284";
}
.fa-modx:before {
content: "\f285";
}
.fa-fort-awesome:before {
content: "\f286";
}
.fa-usb:before {
content: "\f287";
}
.fa-product-hunt:before {
content: "\f288";
}
.fa-mixcloud:before {
content: "\f289";
}
.fa-scribd:before {
content: "\f28a";
}
.fa-pause-circle:before {
content: "\f28b";
}
.fa-pause-circle-o:before {
content: "\f28c";
}
.fa-stop-circle:before {
content: "\f28d";
}
.fa-stop-circle-o:before {
content: "\f28e";
}
.fa-shopping-bag:before {
content: "\f290";
}
.fa-shopping-basket:before {
content: "\f291";
}
.fa-hashtag:before {
content: "\f292";
}
.fa-bluetooth:before {
content: "\f293";
}
.fa-bluetooth-b:before {
content: "\f294";
}
.fa-percent:before {
content: "\f295";
}
@font-face {
font-family: 'Conv_Melbourne_bold';
src: url(//cid.co.ma/wp-content/themes/cid/assets/fonts/Melbourne_bold.eot);
src: local('☺'), url(//cid.co.ma/wp-content/themes/cid/assets/fonts/Melbourne_bold.woff) format('woff'), url(//cid.co.ma/wp-content/themes/cid/assets/fonts/Melbourne_bold.ttf) format('truetype'), url(//cid.co.ma/wp-content/themes/cid/assets/fonts/Melbourne_bold.svg) format('svg');
font-weight: normal;
font-style: normal;
}
.icon-google-plus:after{content:"g+"}
.mainContainer{width:100%;background:#071f3b;}
.container{width:100%;max-width:1020px;display:block;    margin: auto;}
.container-m{width:100%;max-width:916px;display:block;    margin: auto;    overflow: hidden;}
.top-header{display:block;overflow:hidden;line-height:28px;    -webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;}
.top-header ul{float:right;margin:0px;padding:0px;}
.top-header ul li{display:inline-block;vertical-align:top;list-style:none;}
.top-header ul li a{display:block;font-size:14px;color:#FFF;}
.top-header ul li a img{margin-left:6px;}
header.mainHeader {background:#FFF;    display:block;padding-top:10px;    -webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;position:relative;}
.mainLogo{display:inline-block;margin:0px;}
.rightHead{display:inline-block;margin-left:76px;}
.cherche-form{float:right;}
.cherche-form input{border:1px solid #d9d9d9;max-width:35px;height:22px;line-height:22px;background:url(//cid.co.ma/wp-content/themes/cid/assets/img/icons/icon-search.png) #fff no-repeat 14px 5px;-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;padding-left:35px;-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;}
.cherche-form input:focus{max-width:108px;}
.mainNav{float:right;margin-right:18px;}
.mainNav ul {margin:0px;padding:0px;}
.mainNav ul li{display:inline-block;position:relative;}
.mainNav ul li ul{top:35px;padding:10px;background:rgba(18, 65, 105, 0.67);    position: absolute;
z-index: 999;
min-width: 18em;display: none;}
.mainNav ul li ul li{display:block;margin-bottom:10px;border-bottom:1px solid #f4a741;padding-bottom:10px;}
.mainNav ul li ul li a{border:none;color:#FFF;}
.mainNav ul li ul li:last-child{padding-bottom:0px;border-bottom:0px;}
.mainNav ul li a{color:#124268;font-size:16px;font-weight:600;margin-right:12px;border-right:1px solid #f4a741;padding-right:12px;cursor: pointer;}
.mainNav ul li.current-menu-item a, .mainNav ul li.current_page_parent a, .mainNav ul li.current_page_parent ul li.current-menu-item a, .mainNav ul li.current-menu-parent a{font-weight: 700;}
.mainNav ul li a:hover{color:#70a0c8;}
.mainNav ul li.current_page_parent ul li.current-menu-item a, .mainNav ul li.current-menu-parent ul li.current-menu-item a{color:#70a0c8;}
.mainNav ul li:last-child a{border:none;padding:0px;margin:0px;}
.mainNav ul li.current-menu-item ul li a, .mainNav ul li.current_page_parent ul li a{color: #fff;font-weight: 600;}
.mainNav ul li.current-menu-item ul li a:hover, .mainNav ul li.current_page_parent ul li a:hover{color: #70a0c8;}
.mainCarousel, .hero-carousel{display:block;overflow:hidden;width:100%;position:relative;}
.mainCarousel, .mainCarousel .hero-carousel__cell{height: 514px;}
.mainCarousel .hero-carousel__cell{width:100%;display:block;position:relative;}
.mainCarousel .hero-carousel__cell img{max-width:100%;width:100%;}
.mainCarousel .hero-carousel__cell .txt{position:absolute;right:116px;top:152px;margin-left:0px;text-align:right;}
.mainCarousel .hero-carousel__cell .txt h1{display:inline-block;border-left:1px solid #fff;padding-left:12px;font-size:24px;color:#f5a843;max-width:295px;text-align:left;font-weight: 300;}
.mainCarousel .hero-carousel__cell .txt h1 span{display:block;margin-bottom:10px;line-height:28px;}
.mainCarousel .hero-carousel__cell .txt h1 span em{font-style:normal;color:#fff;}
.mainCarousel .flickity-page-dots{display:none!important;}
.mainCarousel .flickity-prev-next-button{position:absolute;width:28px;height:68px;top:50%;margin-top:-34px;display:block;text-indent:-999999px;border:none;}
.mainCarousel .flickity-prev-next-button.previous{left:54px;background:url(//cid.co.ma/wp-content/themes/cid/assets/img/icons/icon-nav-left-home-slide.png) no-repeat;}
.mainCarousel .flickity-prev-next-button.next{right:54px;background:url(//cid.co.ma/wp-content/themes/cid/assets/img/icons/icon-nav-right-home-slide.png) no-repeat;}
.mainContent{display:block;background:#FFF;position:relative;padding-top:46px;padding-bottom:30px;}
.home .mainContent header.mainSection_header{position:absolute;left:0px;top:-22px;width:100%;text-align:center;}
.home .mainContent header.mainSection_header h1{display:inline-block;margin:0px;}
.home .mainContent header.mainSection_header h1 span{float:left;line-height:44px;background:#f4aa20;font-size:22px;color:#FFF;font-weight:bold;text-transform:uppercase;}
.home .mainContent header.mainSection_header h1 span:after, .home .mainContent header.mainSection_header h1 span:before{content:"";width:4px;height:4px;background:#FFF;position:relative;    display: inline-block;top:-6px;-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;}
.home .mainContent header.mainSection_header h1 span:after{margin-left:8px;}
.home .mainContent header.mainSection_header h1 span:before{margin-right:8px;}
.home .mainContent header.mainSection_header h1:after, .home .mainContent header.mainSection_header h1:before{height:44px;content:"";line-height:44px;font-size:14px;color:#FFF;font-weight:bold;}
.home .mainContent header.mainSection_header h1:after{float:left;background:url(//cid.co.ma/wp-content/themes/cid/assets/img/icons/right_title.png) no-repeat;width:17px;}
.home .mainContent header.mainSection_header h1:before{float:left;background:url(//cid.co.ma/wp-content/themes/cid/assets/img/icons/left_title.png) no-repeat;width:14px;}
.offres .mainContent .mainSection_body p.intro{margin-bottom:30px;text-align:center;color:#124268;font-weight:bold;}
.mainContent .mainSection_body p{font-size:14px;color:#4d4d4f;margin:0px;}
.mainContent .mainSection_body h2{font-size:16px;color:#f3a934;margin:18px 0;font-weight:bold;}
footer{background:#071f3b;display:block;overflow:hidden;border-top:8px solid #f49f3f;}
footer .copyright{font-size:12px;color:#fff;display:inline-block;vertical-align:top;    margin: 0;
margin-top: 22px;}
footer ul{float:right;}
footer ul li{display:inline-block;margin-left:6px;}
footer ul li:first-child a{    background: #f49f3f;
width: 120px;
line-height: 33px;
height: 33px;
color: #fff;
text-align: center;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;border:none;}
footer ul li a{width:26px;height:26px;border:2px solid #fff;-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;background:none;display:block;color:#FFF;text-align:center;line-height:26px;}
footer ul li a:hover{background:#f4aa20;} .fixed-m .top-header{opacity:0;}
.fixed-m header.mainHeader{position:fixed;    z-index: 9999;
width: 100%;top:0px;} .visu-decline{background:#fff;max-height: 214px;overflow: hidden;}	
.visu-decline img{max-width: 100%;} 
.home .mainContent .home-title-decline{font-size: 1.3em;
font-weight: bold;
text-transform: uppercase;
line-height: 2em;
height: 30px;border-bottom:1px solid #124268;position:relative;margin:0px;margin-bottom:14px;}
.home .mainContent .home-title-decline:before{    position: absolute;
left: 0px;
bottom: -15px;
content: "\f0d7";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
color: #f3a934;
font-size: 20px;
z-index: 99;}
.home .mainContent .home-title-decline span{    background: #124268;
color: #fff;
padding: 0px 10px;
position: relative;line-height:30px;display:inline-block;vertical-align:top;}
.home .mainContent .home-title-decline span:after {
border-bottom-color: #124268;
display: block;
content: "";
position: absolute;
top: 0;
right: -30px;
border-bottom-style: solid;
border-bottom-width: 30px;
border-left: 0px solid #124268;
border-right: 30px solid transparent;
}
.mainContent.decline header{position:relative;padding-left:0px;}
.envirenement .mainContent.decline header{padding-left:0px;}
.recrutement .mainContent.decline header{padding-left:0px;}
.mainContent.decline header h1{font-size: 1.3em;
font-weight: bold;
text-transform: uppercase;
line-height: 2em;
height: 30px;border-bottom:1px solid #124268;position:relative;margin:0px;margin-bottom:34px;}
.recrutement .mainContent.decline .wpcf7-form{overflow:hidden;}
.recrutement .mainContent.decline input{line-height:34px;height:34px;border:1px solid #e8e8e8;display:block;-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;padding:0 12px;width:calc(100% - 26px);}
.recrutement .mainContent.decline input.wpcf7-not-valid{background: rgba(255, 0, 0, 0.22);}
.recrutement .mainContent.decline span.wpcf7-not-valid-tip{display:none!important;}
.recrutement .mainContent.decline textarea{height:118px;border:1px solid #e8e8e8;display:block;-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;padding:0 12px;width:calc(100% - 28px);}
.recrutement .mainContent.decline .fields{display:block;margin-bottom:10px;}
.recrutement .mainContent.decline .fields label{padding-bottom:12px;font-size:12px;color:#939394;text-transform:uppercase;font-weight:600;display:block;}
.recrutement .mainContent.decline .fields.file{text-align:right;}
.recrutement .mainContent.decline .fields.file label{display:inline-block;margin-right:12px;padding:0px;}
.recrutement .mainContent.decline .fields.file div{display:inline-block;position:relative;width:156px;height:34px;line-height:34px;}
.recrutement .mainContent.decline .fields.file div p{display:block;text-align:center;background:#193455;font-size:14px;color:#fff;    transition: all .4s;}
.recrutement .mainContent.decline .fields.file div span{    position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
cursor: pointer;height:100%;}
.recrutement .mainContent.decline .fields.file div input{width:100%;height:34px;padding:0px;}
.recrutement .mainContent.decline .fields span.wpcf7-list-item{display:inline-block;vertical-align:middle;margin-left:0px;}
.recrutement .mainContent.decline .fields span.wpcf7-list-item input{display:inline-block;    vertical-align: middle;
line-height: normal;width:auto;padding:0px;margin-right:8px;}
.recrutement .mainContent.decline .fields .wpcf7-list-item-label{display:inline-block;vertical-align:middle;margin-right:8px;font-size:12px;color:#939394;text-transform:uppercase;font-weight:600;}
.recrutement .mainContent.decline .wpcf7-submit{width:120px;height:31px;line-height:31px;text-align:center;font-size:14px;color:#fff;background:#f49f3f;float:right;margin:0px;border:none;margin-top:12px;text-transform:uppercase;}
.recrutement .mainContent.decline .left-recrutement{display:inline-block;vertical-align:top;width:40%;}
.recrutement .mainContent.decline .right-recrutement{vertical-align:top;width:56%;float:right}
.recrutement .mainContent.decline .mainSection{position:relative;    overflow: inherit;}
.recrutement .mainContent.decline .mainSection_body{margin-top:96px;}
.recrutement .mainContent.decline .mainSection_body .visu-recrutement{position:absolute;top:-20px;right:0px;} .mainContent.decline header img{position: absolute;
left: 8px;
top: 3px;}
.contact .mainContent.decline header img{top: 6px;}
.recrutement .mainContent.decline header img{top: 6px;}
.mainContent.decline header h1:before{    position: absolute;
left: 0px;
bottom: -15px;
content: "\f0d7";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
color: #f3a934;
font-size: 20px;
z-index: 99;}
.mainContent.decline header h1 span{    background: #124268;
color: #fff;
position: relative;line-height:30px;display:inline-block;vertical-align:top;padding: 0 20px 0 52px;}
.mainContent.decline header h1 span:after {
border-bottom-color: #124268;
display: block;
content: "";
position: absolute;
top: 0;
right: -30px;
border-bottom-style: solid;
border-bottom-width: 30px;
border-left: 0px solid #124268;
border-right: 30px solid transparent;
}
.cols-2{display:inline-block;width:calc((100% / 2) - 8px);vertical-align:top;}
.cols-3{display:inline-block;width:calc((100% / 3) - 16px);vertical-align:top;margin-right:16px;position:relative;overflow:hidden;}
.cols-3:last-child{margin-right:0px;}
.right-m{float:right;}
.right-m .content{background:#1d466f;padding:20px 18px 40px 18px;}
.right-m .content p{font-size: 14px;color: #fff;margin-top: 12px;}
.mainContent.decline ul{padding:0px;margin:0px;margin-top:6px;}
.mainContent.decline ul li{font-size:14px;color:#58595b;list-style:none;}
.mainContent.decline ul li:before{content: ".";
font-size: 24px;
font-weight: bold;
color: #f3a934;
margin-right: 6px;
line-height: 8px;
vertical-align: top;}
.mainContent.decline .right-m ul li{position:relative;    padding-left: 12px;}
.mainContent.decline .right-m ul li:before{position:absolute;left:0px;}
.mainContent .mainSection_body .right-m h2{font-size:22px;color:#f3a934;text-transform:uppercase;padding:0px;margin:0px;padding-bottom:8px;border-bottom:1px solid #FFF;margin-bottom:18px;}
.mainContent .mainSection_body .right-m ul li{color:#fff;}
.title{font-size: 1.3em;
font-weight: bold;
text-transform: uppercase;
line-height: 2em;
height: 30px;
border-bottom: 1px solid #124268;
position: relative;
margin: 0px;
margin-bottom: 18px;margin-top:38px;}
.title span{background: #124268;
color: #fff;
padding: 0px 10px;
position: relative;
line-height: 30px;
display: inline-block;
vertical-align: top;}
.title span:after {
border-bottom-color: #124268;
display: block;
content: "";
position: absolute;
top: 0;
right: -30px;
border-bottom-style: solid;
border-bottom-width: 30px;
border-left: 0px solid #124268;
border-right: 30px solid transparent;
}
.reference ul li{position:relative;width:290px;vertical-align:top;margin-right:16px;position:relative;overflow:hidden;height:200px;float:left;}
.reference ul li:last-child{margin-right:0px;}
.reference ul li img{width:100%;display:block;}
.mainContent.decline .reference ul li:before{display:none;}
.mainContent .mainSection_body .reference ul li h2{
position: absolute;
bottom: 0px;
left: 0px;
background: rgba(243,169,52,0.67);
padding: 14px 12px;
margin: 0px;
font-size: 19px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
opacity: 0;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
width: calc(100% - 24px);
text-align: center;}
.mainContent .mainSection_body .reference ul li a:hover h2{opacity:1;}
.scrollbar {
margin: 0 0 1em 0;
height: 4px;
background: #e9e9e9;
line-height: 0;
margin-top:18px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.scrollbar .handle {
width: 100px;
height: 100%;
background: #e9e9e9;
cursor: pointer;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.scrollbar .handle .mousearea {
position: absolute;
top: -4px;
left: 14px;
width: 100%;
height: 11px;
background:#f3a934;
}
.contact .mainContent.decline header:after {
background: url(//cid.co.ma/wp-content/themes/cid/assets/img/icons/icon_contact.png) no-repeat;
width: 38px;
height: 28px;
content: "";
} .form-contact{width:358px;background:#1d466f;padding:17px 20px;display:inline-block;vertical-align:top;}
.form-contact .fields{display:block;margin-bottom:12px;}
.form-contact .fields label{display:block;font-size:10px;color:#FFF;font-weight:500;margin-bottom:12px;text-transform:uppercase;}
.form-contact .fields input{display:block;border:none;-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;width:calc(100% - 32px);line-height:44px;height:44px;padding:0 16px;font-size:12px;color:#666667;}
.form-contact .fields input.wpcf7-not-valid, .form-contact .fields textarea.wpcf7-not-valid{background: rgba(247, 21, 41, 0.54);}
.form-contact .fields textarea{display:block;border:none;-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;width:calc(100% - 32px);line-height:44px;height:44px;padding:0 16px;font-size:12px;color:#666667;height:120px;}
.form-contact button, .form-contact .wpcf7-submit{width:120px;line-height:32px;height:32px;background:#f3a934;color:#FFF;font-size:14px;text-align:center;float:right;margin-top:14px;border:none;}
.form-contact .fields label em{color:#F00;}
.form-contact span.wpcf7-not-valid-tip{display: none!important;}
.coordonne{display:inline-block;vertical-align:top;max-width:238px;margin-left:58px;}
#map {
width: 100%;
height: 450px;
margin: 40px 0 0;
border-top: 1px solid #d9d9d9;
border-width: 1px 0;
}
.contact .mainContent{padding-bottom: 0px;}
.contact .mainContent .mainSection_body h2{text-transform: uppercase;color: #1d466f;font-size: 26px;margin:0px;padding-bottom: 6px; }
.block-coordone .item{border-top:1px solid #e9e9e9;padding: 10px 0px;}
.block-coordone .item h3, .block-coordone .item h3 a{font-size: 18px;color: #f8aa5e;text-transform: uppercase;margin:0px; } .home .organization{text-align: center;}
.home .organization h3.title-consl{    display: inline-block;margin: 0px;margin-bottom: 30px;position: relative;margin-left: 0px;margin-top: 30px;}
.home .organization h3.title-consl:after, .home .organization h3.title-consl:before {
height: 30px;
content: "";
line-height: 30px;
font-size: 14px;
color: #FFF;
font-weight: bold;
}
.home .organization h3.title-consl:before {
float: left;
background: url(//cid.co.ma/wp-content/themes/cid/assets/img/icons/left_title_main_organisation.png) no-repeat;
width: 23px;
}
.home .organization h3.title-consl:after {
float: left;
background: url(//cid.co.ma/wp-content/themes/cid/assets/img/icons/right_title_main_organisation.png) no-repeat;
width: 23px;
}
.home .organization h3.title-consl span {
float: left;
line-height: 30px;
background: #f4aa20;
font-size: 14px;
color: #FFF;
font-weight: bold;
text-transform: uppercase;
position: relative;
}
.home .organization h3.title-consl span:after{content: "";border: 1px dashed #88898b;height: 30px;position: absolute;left: 50%;margin-left: -1px;top: 30px;}
.rows-direction{display: block;position: relative;margin-left: 0px;}
.rows-direction h3{margin: 0px;font-size: 10px;
color: #231F20;
font-weight: bold;
text-transform: uppercase;}
.rows-direction h3:first-child{position: absolute;left: 0px;top: -16px;background: #fff;z-index: 99;padding-right: 68px;text-align: right;padding-left: 6px;border-right: 1px dashed #88898b;}
.rows-direction h3:first-child span{border-bottom: 1px solid #f5a842;text-align: right;padding-bottom: 4px;display: inline-block;margin-bottom: 12px;}
.rows-direction h3:first-child span:after{ }
.rows-direction h3:first-child span:first-child, .rows-direction h3:first-child span.last{position:initial;}
.rows-direction h3:first-child span:last-child, .rows-direction h3:first-child span.last{margin-bottom: 0px;}
.rows-direction h3:first-child span{position:relative;}
.rows-direction h3:first-child span:after{        position: absolute;
content: "";
right: -66px;
top: 50%;
border-bottom: 1px dashed #88898b;
width: 52px;
left: initial;}
.rows-direction h3:first-child span:first-child:after{    position: absolute;
content: "";
right: 2px;
top: 0px;
border-bottom: 1px dashed #88898b;
width: 52px;
left:initial;}
.rows-direction h3:first-child span:last-child:after, .rows-direction h3:first-child span.last:after{top: initial;bottom: 0px;left:initial;right:2px;}
.rows-direction h3.last{position: absolute;right: 0px;top: -16px;background: #fff;z-index: 99;padding-left: 68px;text-align: left;    border-left: 1px dashed #88898b;}
.rows-direction h3.last span{display: inline-block;text-align: left;border-bottom: 1px solid #f5a842;padding-bottom: 4px;padding-right: 6px;margin-bottom: 12px;position: relative;margin-left: 12px;}
.rows-direction h3.last span:last-child{margin-bottom: 0px;display:block;}
.rows-direction h3.last span:after{position: absolute;content: "";left: -78px;top: 0px;border-bottom: 1px dashed #88898b;width: 68px;}
.rows-direction h3.last span:last-child:after{top: initial;bottom: 0px;}
.rows-direction h3.main{display: inline-block;vertical-align: middle;position: relative;z-index: 99;}
.rows-direction h3.main:after, .rows-direction h3.main:before {
height: 23px;
content: "";
line-height: 23px;
font-size: 14px;
color: #FFF;
font-weight: bold;
}
.rows-direction h3.main:before {
float: left;
background: url(//cid.co.ma/wp-content/themes/cid/assets/img/icons/left_title_main_organisation-drct.png) no-repeat;
width: 17px;
}
.rows-direction h3.main:after {
float: left;
background: url(//cid.co.ma/wp-content/themes/cid/assets/img/icons/right_title_main_organisation-drct.png) no-repeat;
width: 17px;
}
.rows-direction h3.main span {
float: left;
line-height: 23px;
background: #135183;
font-size: 14px;
color: #FFF;
font-weight: bold;
text-transform: uppercase;
position: relative;
}
.rows-direction h3.main span:after{position: absolute;width: 100%;height: 1px;left: 0px;bottom: -8px;background: #f5a842;content: "";}
.rows-direction:after{position: absolute;left: 0px;top: 50%;content: "";border: 1px dashed #88898b;line-height: 2px;margin-top: -1px;width: 100%;z-index: 9;}
.rows-sub-drct{padding-top: 98px;position: relative;display:table;    flex-wrap: wrap;width:100%;}
.rows-sub-drct:after{    border: 1px dashed #88898b;width: 100%;content: "";position: absolute;left: 0px;top: 76px;}
.rows-sub-drct:before{    border: 1px dashed #88898b;height: 30px;content: "";position: absolute;left: 50%;top: 44px;    margin-left: -4px;}
.rows-sub-drct .item{background: #185282;vertical-align: top;border-right: 1px solid #fff;color: #fff;padding-top: 30px;font-size: 10px;padding: 30px 9px 30px 10px;min-height: 186px;position: relative;max-width: 151px;display:table-cell;}
.rows-sub-drct .item.large{max-width:145px;}
.rows-sub-drct .item:last-child{border-right: none;}
.rows-sub-drct .item:before{content: "";height: 14px;border: 1px dashed #88898b;left: 50%;margin-left: -1px;position: absolute;top: -16px;}
.rows-sub-drct .item:first-child:after{content: "";width: 50%;height: 6px;background: #fff;position: absolute;left: -2px;top: -20px;z-index: 999;}
.rows-sub-drct .item.last:after{content: "";width: 50%;height: 6px;background: #fff;position: absolute;right: -1px;top: -20px;z-index: 999;}
.rows-sub-drct .item h3{font-size: 12px;font-weight: bold;margin: 0px;min-height: 52px;border-bottom: 1px solid #f5a842;text-align: left;}
.rows-sub-drct .item ul{margin: 0px;padding: 0px;padding-top: 14px;border-left: 1px solid #f5a842;}
.mainContent.decline-home .mainSection_body .rows-sub-drct .item ul li{list-style: none;text-align: left;margin-bottom: 12px;padding-left: 12px;position: relative;line-height: normal;    font-size: inherit;color: #fff;}
.mainContent.decline-home .mainSection_body .rows-sub-drct .item ul li:before{display: none;}
.rows-sub-drct .item ul li:after{content: "";width: 7px;height: 2px;background: #f5a842;left: 0px;top: 50%;position: absolute;margin-top: -1px;}
.rows-sub-drct .item ul li:last-child:before{content: "";position: absolute;bottom: 0px;left: -2px;background: #185282;width: 4px;height: 50%;}
.mainContainer.home .mainContent .mainSection_body .leftHome{float:left;width: calc((100% / 2) - 8px);}
.mainContainer.home .mainContent .mainSection_body .rightHome{float:right;width: calc((100% / 2) - 8px);}
.mainContainer.home .mainContent .mainSection_body .rightHome .content{    background: #1d466f;
padding: 20px 18px 40px 18px;}
.mainContainer.home .mainContent .mainSection_body .rightHome .content h3{   
margin:0px;
padding:0px;
font-size: 22px;
color: #f3a934;
text-transform: uppercase;
padding: 0px;
margin: 0px;
padding-bottom: 8px;
border-bottom: 1px solid #FFF;
margin-bottom: 18px;}
.mainContainer.home .mainContent .mainSection_body .rightHome .content ul{padding:0px;margin:0px;}
.mainContainer.home .mainContent .mainSection_body .rightHome .content ul li{color:#fff;list-style: none;font-size: 14px;list-style:none;    position: relative;
padding-left: 12px;}
.mainContainer.home .mainContent .mainSection_body .rightHome .content ul li:before {
content: ".";
font-size: 24px;
font-weight: bold;
color: #f3a934;
margin-right: 6px;
line-height: 7px;
vertical-align: top;
position: absolute;
left: 0px;
}
.mainContent.decline-home .mainSection_body p{margin-bottom: 20px;}
.politique .mainContent.decline-home .mainSection_body p{margin-bottom:0px;}
.mainContent.decline-home .mainSection_body img{float: left;margin:0 8px 8px 0;}
.mainContent.decline-home .mainSection_body ul{padding-left: 0px;}
.mainContent.decline-home .mainSection_body ul li{list-style: none;line-height: 32px;font-size: 14px;
color: #58595b;}
.mainContent.decline-home .mainSection_body .block-img ul{display:inline-block;vertical-align:top;}
.mainContent.decline-home .mainSection_body .block-img img{float:right;max-width:270px;    margin: 8px 8px 8px 0;}
.mainContent.decline-home .mainSection_body ul li:before {
content: ".";
font-size: 24px;
font-weight: bold;
color: #f3a934;
margin-right: 6px;
line-height: 22px;
vertical-align: top;
}
.mainContent.decline .mainSection_body .rows{overflow: hidden;}
#mapdiv{background:#224d77!important;}
.mainContent .mainSection_body .cols-2.left-m ul li{position: relative;padding-left: 12px;}
.mainContent .mainSection_body .cols-2.left-m ul li:before {
position: absolute;
left: 0;
}
@media only screen and (max-width:922px) and (min-width:769px) {
.rightHead{width: 100%;margin-left: 0px;text-align: center;padding-bottom: 14px;}
header .container{text-align: center;}
.mainLogo{margin-bottom: 20px;}
.cherche-form{margin-right: 20px;}
.mainNav{display: inline-block;float: none;} .container-m, .container{padding: 0 20px;width: calc(100% - 40px);}
.mainCarousel .hero-carousel__cell .txt{top:22%;}
} .block-coordone {
width: 100%;
height: 440px;
padding: 10px;
color: #666;
}
#toggle
{
display: block;
height: 24px;
width: 270px;
text-align: center;
background-color: #f3f3f3;
color: #444;
font-weight: bold;
cursor: pointer;
}
#toggle:hover
{
background-color: #ccc;
} .jspContainer
{
background-color: #fff;
}
.jspPane
{ padding: 0px!important;
}
.jspVerticalBar
{
width: 14px;
}
.coordonne .jspDrag
{
width: 11px;
margin-left: 0px;
background-color: #f3a934;
left: -3px;
}
.jspTrack
{
background-color: #e9e9e9;
}
.jspVerticalBar .jspCap
{
display: block;
height: 14px;
background-color: #e9e9e9;
width: 5px;
margin: auto;
}
.coordonne .jspVerticalBar{width: 11px;background: #fff;text-align: center;}
.coordonne .jspTrack{width: 5px;background: #e9e9e9;border-radius: 8px;
-o-border-radius: 8px
-moz-border-radius: 8px;
-webkit-border-radius: 8px;    margin: auto;
display: block;} .mainContainer.gallery .mainContent.decline header{padding-left: 62px;}
.mainContainer.gallery .mainContent.decline header h1 span:after{display: none;}
.mainContainer.gallery .mainContent.decline header h1 span{background: none;color: #1d466f;padding-left: 0px;}
.mainContainer.gallery .mainContent.decline header h1:before{bottom: -13px;}
.mainContainer.gallery .mainContent.decline header h1{border-bottom: 1px solid #dadada;border-top: 1px solid #dadada;}
.mainContainer.gallery .rpg-gal-title{    position: relative;
margin-bottom: 0px;padding-bottom: 0px;border:none;}
.mainContainer.gallery .transport .rpg-gal-title span:before{position: absolute;left: 6px;top: 3px;background: url(//cid.co.ma/wp-content/themes/cid/assets/img/icons/icon-nv-transport.png) no-repeat;content: "";width: 40px;height: 30px;}
.mainContainer.gallery .batiment .rpg-gal-title span:before{position: absolute;left: 6px;top: 3px;background: url(//cid.co.ma/wp-content/themes/cid/assets/img/icons/icon-nv-batiment-voirier.png) no-repeat;content: "";width: 40px;height: 30px;}
.mainContainer.gallery.pays .batiment .rpg-gal-title span:before{display:none;}
.mainContainer.gallery .amen_hydro_elec .rpg-gal-title span:before, .mainContainer.gallery .ameng_hydro_agricole .rpg-gal-title span:before{position: absolute;left: 6px;top: 3px;background: url(//cid.co.ma/wp-content/themes/cid/assets/img/icons/icon-barrage-nv.png) no-repeat;content: "";width: 40px;height: 30px;}
.mainContainer.gallery .ameng_martm .rpg-gal-title span:before{position: absolute;left: 6px;top: 3px;background: url(//cid.co.ma/wp-content/themes/cid/assets/img/icons/icon-nv-maritime.png) no-repeat;content: "";width: 40px;height: 30px;}
.mainContainer.gallery .metier_eau .rpg-gal-title span:before{position: absolute;left: 6px;top: 3px;background: url(//cid.co.ma/wp-content/themes/cid/assets/img/icons/icon-nv-eau.png) no-repeat;content: "";width: 40px;height: 30px;}
.mainContainer.gallery .metier_envnmt .rpg-gal-title span:before{position: absolute;left: 6px;top: 3px;background: url(//cid.co.ma/wp-content/themes/cid/assets/img/icons/icon-nv-envirenement.png) no-repeat;content: "";width: 40px;height: 30px;}
.mainContainer.gallery .metier_local .rpg-gal-title span:before{position: absolute;left: 6px;top: 3px;background: url(//cid.co.ma/wp-content/themes/cid/assets/img/icons/icon-developpement-local.png) no-repeat;content: "";width: 40px;height: 30px;}
.mainContainer.gallery .rpg-gal-title h2{    font-size: 1em;
font-weight: bold;
text-transform: uppercase;
line-height: 2em;
height: 30px;
border-bottom: 1px solid #124268;
position: relative;
margin: 0px;
margin-bottom: 14px;text-align: left;}
.mainContainer.gallery .rpg-gal-title h2 span {
background: #124268;
color: #fff;
padding: 0px 10px;
position: relative;
line-height: 30px;
display: inline-block;
vertical-align: top;
padding-left: 52px;
}
.mainContainer.gallery.pays .rpg-gal-title h2 span{padding-left:12px;}
.mainContainer.gallery .rpg-gal-title h2 span:after {
border-bottom-color: #124268;
display: block;
content: "";
position: absolute;
top: 0;
right: -30px;
border-bottom-style: solid;
border-bottom-width: 30px;
border-left: 0px solid #124268;
border-right: 30px solid transparent;
}
.mainContainer.gallery .col-md-3{padding-left: 0px;height: 151px;overflow: hidden;padding-right: 10px;}
.mainContainer.gallery .col-md-3:last-child{padding-right: 0px;}
.mainContainer.gallery .cntnt{height: 151px;}
.mainContainer.gallery .cntnt a{position:relative;display:block;width:100%;height:100%;}
.mainContainer.gallery .cntnt a img.hide{display:none;}
.mainContainer.gallery .gal-container{margin-bottom: 10px;padding-bottom: 20px;border-bottom: 1px solid #e9e9e9;padding-top: 0px;}
#zoom_map, #zoom_map-implm{
position: relative;
margin: 0 auto;
width: 100%;
height: 500px;
background: #124268;
}
.mainContainer.zone-itervention .mainSection h3{font-size: 18px;color: #1d466f;font-weight: bold;text-transform: uppercase;border-bottom: 1px solid #e9e9e9;padding-bottom: 6px;margin-bottom: 30px;}
.mainContainer.zone-itervention .mainSection h3 span{padding-left: 6px;}
.rows-title-head{display: inline-block;position: relative;height: 44px;overflow: hidden;}
.rows-title-head:after, .rows-title-head:before {
height: 44px;
content: "";
line-height: 44px;
font-size: 14px;
color: #FFF;
font-weight: bold;
}
.rows-title-head:before {
float: left;
background: url(//cid.co.ma/wp-content/themes/cid/assets/img/icons/left_title.png) no-repeat;
width: 14px;
}
.rows-title-head:after {
float: left;
background: url(//cid.co.ma/wp-content/themes/cid/assets/img/icons/right_title.png) no-repeat;
width: 17px;
}
#nt-title{    background: #f4aa20;height: 44px;overflow: hidden;margin: 0px;padding: 0px;float: left;}
#nt-title li{line-height: 44px;list-style: none; 
font-size: 22px;
color: #FFF;
font-weight: bold;
text-transform: uppercase;}
#controls{display: none!important;}
#ticker_container{width: auto!important;background: #f4aa20;height: 44px;overflow: hidden;margin: 0px;padding: 0px;float: left;}
#ticker_container #newscontent #news{line-height: 44px;list-style: none; 
font-size: 26px;
color: #FFF;
font-weight: bold;
text-transform: uppercase;position: relative;font-family: 'Conv_Melbourne_bold';}
#ticker_container #newscontent #news:after, #ticker_container #newscontent #news:before {
content: "";
width: 4px;
height: 4px;
background: #FFF;
position: relative;
display: inline-block;
top: -6px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
#ticker_container #newscontent #news:before {
margin-right: 8px;
}
#ticker_container #newscontent #news:after {
margin-left: 8px;
}
.recrutement.offres .mainContent.decline .mainSection_body{margin-top: 0px;}
.recrutement.offres .su-posts-default-loop h2.su-post-title a{font-size: 26px;color: #f59f31;text-transform: uppercase;font-family: 'Conv_Melbourne_bold';}
.recrutement.offres .su-posts-default-loop h2.su-post-title span{font-size: 14px;color: #124268;font-family: 'Conv_Melbourne_bold';display: inline-block;margin-left: 14px;vertical-align: middle;text-transform: uppercase;}
.recrutement.offres .su-posts-default-loop .su-post-excerpt{font-size: 14px;color: #58595b;}
.recrutement.offres .read-more{height: 22px;line-height: 22px;float: right;}
.recrutement.offres .read-more span{padding: 0 8px;background: #f49f3f;line-height: 22px;float: left;font-size: 10px;color: #fff;text-transform: uppercase;}
.recrutement.offres .read-more:after{content: "+";line-height: 22px;text-align: center;float: left;font-size: 22px;color: #fff;background: #124268;width: 22px;}
.recrutement.offres .su-posts-default-loop .su-post{border-bottom: 1px solid #e4e4e4;padding-bottom: 14px;margin-bottom: 16px;}
.recrutement.offres .su-posts-default-loop .su-post:last-child{border:none;padding-bottom: 0px;}
.mainContent.decline.detail-offre header{padding-left: 0px;}
.mainContent.decline.detail-offre header span:before{width: 93px;height: 53px;content: "";background: url(//cid.co.ma/wp-content/themes/cid/assets/img/icons/icon-recrutement.png) no-repeat;    position: absolute;
left: 8px;
top: 6px;}
.mainContent.decline.detail-offre .cnslt-offres{    float: left;
background: #f49f3f;
line-height: 33px;
height: 33px;
color: #fff;
text-align: center;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;margin-top: 16px;padding: 0 8px;}
.mainContainer.zone-itervention .mainSection .link{overflow: hidden;padding-bottom: 20px;display: block;}
.mainContainer.zone-itervention .mainSection .link a{float: right;background: #f49f3f;width: 120px;line-height: 33px;height: 33px;color: #fff;text-align: center;font-size: 14px;font-weight: 600;text-transform: uppercase;-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;}
.mainContainer.zone-itervention .mainSection .mainSection_body{position: relative;}
.mainContainer.zone-itervention .mainSection .mainSection_body #info_map{    position: absolute;
background: #f49f3f;
color: #fff;
right: 0px;
top: 134px;
padding: 20px;
z-index: 999;max-width: 260px;display: none;}
.mainContainer.zone-itervention .mainSection .mainSection_body #info_map .close-zone{    position: absolute;
right: 6px;
top: 0px;
font-size: 20px;
color: #124268;}
.mainContainer.zone-itervention .mainSection .mainSection_body #info_map h3{margin:0px;padding: 0px;color: #fff;margin-bottom: 10px;}
.mainContainer.zone-itervention .mainSection .mainSection_body #info_map ul li{margin-top: 6px;color: #fff;}
.mainContainer.zone-itervention .mainSection .mainSection_body #info_map ul li a{color: #fff;}
.mainContainer.zone-itervention .mainSection .mainSection_body #info_map ul li:before{color: #fff;}
.wl-gallery .b-from-left{top:22%;}
.wl-gallery .b-from-right{top:20%;}
.wl-gallery .b-wrapper h2 a{color: #fff;}
body .mfp-wrap{z-index: 999999;}
body .mfp-bg{z-index: 999999;}
@media only screen and (min-width:769px) {
.mainNav_opener{display:none;}
.mainContainer.gallery .gall-img-responsive{ }
}
@media only screen and (max-width:1200px) {
.mainCarousel, .mainCarousel .hero-carousel__cell{height: auto;max-height:300px}
}
@media only screen and (max-width:768px) {
.mainContent.decline-home .mainSection_body .block-img img{max-width:400px;float:none;margin:auto;display:block;} .nav-tab {
width: 50px;
height: 42px; display: block;
z-index: 9999999;
cursor: pointer;
float: right;
position: relative;
}
.nav-tab span, .nav-tab span:before, .nav-tab span:after {
cursor: pointer;
border-radius: 1px;
height: 2px;
width: 40px;
background: #28292B;
position: absolute;
display: block;
content: '';
}
.nav-tab span {
top: 19px;
left: 9px;
}
.nav-tab span, .nav-tab span:before, .nav-tab span:after {
cursor: pointer;
border-radius: 1px;
height: 2px;
width: 40px;
background: #28292B;
position: absolute;
display: block;
content: '';
}
.nav-tab span:before {
top: -10px;
}
.nav-tab span, .nav-tab span:before, .nav-tab span:after {
transition: all 500ms ease-in-out;
}
.nav-tab span:after {
bottom: -10px;
}
.open .nav-tab span {
background-color: transparent;
}
.open .nav-tab span:before, .open .nav-tab span:after {
top: 0;
background: #28292B;
}
.open .nav-tab span:before {
transform: rotate(45deg);
}
.open .nav-tab span:before, .open .nav-tab span:after {
top: 0;
background: #28292B;
}
.open .nav-tab span:after {
transform: rotate(-45deg);
}
.cherche-form{display: none;}
.mainNav .main-menu{display: none;    left: 0px;
position: absolute;
top: 70px;
z-index: 999;
background: rgba(18, 65, 105, 0.92);
padding: 20px;width: calc(100% - 40px);border-top:1px solid #000;}
.rightHead{float: right;
margin-top: 20px;}
.mainNav ul{width: 100%;}
.mainNav ul li{margin-bottom: 20px;}
.mainNav ul li:last-child{margin-bottom: 0px;}
.mainNav ul li a{border:none;color: #fff;}
header .container{padding: 0px 20px;width: calc(100% - 40px);}
.mainCarousel .hero-carousel__cell{display: block;}
.mainCarousel, .hero-carousel{}
.container-m, .container{padding: 0 20px;width: calc(100% - 40px);}
.visu-decline{width: 100%;}
.cols-2{width: 100%;}
.cols-2.right-m{margin-top: 14px;}
.mainNav ul li{display: block;float: none;}
.mainNav ul li a:hover, .mainNav ul li.current-menu-item a, .mainNav ul li.current_page_parent a, .mainNav ul li.current-menu-parent a{    color: #F6A832;}
.mainNav ul li.current-menu-parent ul li.current-menu-item a, .mainNav ul li.current_page_parent ul li.current-menu-item a{    color: #124169;}
.mainNav ul li.current-menu-parent ul li a, .mainNav ul li.current_page_parent ul li a{    color: #fff;}
.mainCarousel .hero-carousel__cell .txt{    right: initial;
left: 0;
width: auto;}
.mainCarousel .flickity-prev-next-button{display: none!important;}
.mainNav ul li ul{position: relative;top: 0px;width: calc(100% - 20px);    background: rgb(246, 168, 50);margin-top: 16px}
.mainNav ul li ul li{border-bottom: 1px solid #124169;}
.mainCarousel .hero-carousel__cell .txt, .rows-direction h3.main:before, .rows-direction h3.main:after{display: none;}
.home .mainContent header.mainSection_header h1 span{font-size: 14px;}
.form-contact{width:calc(100% - 40px);margin-bottom:20px;}
.coordonne{width:100%;margin:0px;max-width:inherit;}
.rows-sub-drct .item{display: block;float: none;width:calc(100% - 19px);margin-bottom: 12px;max-width: inherit;}
.rows-sub-drct .item.last:after, .rows-sub-drct:after{display: none;}
.rows-direction h3:first-child{position: relative;top:0px;left:0px;display: block;margin:0px;margin-bottom: 10px;text-align: center;padding: 0px;}
.rows-direction h3.main{display: block;overflow: hidden;margin: 0px;text-align: center;padding: 0px;}
.rows-direction h3.last{display: block;position: relative;top:0px;right: 0px;margin: 0px;margin-top: 10px;text-align: center;padding: 0px;border:none;}
.rows-direction h3:first-child span{text-align: center;}
.rows-direction h3.main span{display: block;float: none;text-align: center;padding: 8px 0;}
.rows-direction:after{display: none;}
.rows-direction h3.last span:after{display: none;}
.recrutement .mainContent.decline .mainSection_body .visu-recrutement{display: none;}
.recrutement .mainContent.decline .left-recrutement{width: 100%;display: block;float: none;}
.recrutement .mainContent.decline .right-recrutement{display: block;float: none;width: 100%;}
.recrutement .mainContent.decline .mainSection_body{margin-top: 20px;}
}
@media only screen and (max-width:620px) {
.mainContainer.gallery .cntnt {
display: block;
}
#ticker_container #newscontent #news{font-size:14px;}
.mainContainer.home .mainContent .mainSection_body .leftHome{margin-bottom:14px;}
.mainContainer.home .mainContent .mainSection_body .leftHome, .mainContainer.home .mainContent .mainSection_body .rightHome{width:100%;}
}.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu li {
position: relative;
}
.sf-menu ul {
position: absolute;
display: none;
top: 100%;
left: 0;
z-index: 99;
}
.sf-menu > li {
float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
display: block;
}
.sf-menu a {
display: block;
position: relative;
}
.sf-menu ul ul {
top: 0;
left: 100%;
} .sf-menu {
float: left;
margin-bottom: 1em;
}
.sf-menu ul {
box-shadow: 2px 2px 6px rgba(0,0,0,.2);
min-width: 12em; *width: 12em; }
.sf-menu a {
}
.sf-menu a {
color: #13a;
}
.sf-menu li {
white-space: nowrap; *white-space: normal; -webkit-transition: background .2s;
transition: background .2s;
}
.sf-menu ul li {
}
.sf-menu ul ul li {
}
.sf-menu li:hover,
.sf-menu li.sfHover { -webkit-transition: none;
transition: none;
}  .sf-arrows .sf-with-ul:after {
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
border-top-color: white; } .sf-arrows ul .sf-with-ul:after {
margin-top: -5px;
margin-right: -3px;
border-color: transparent;
border-left-color: #dFeEFF; border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
border-left-color: white;
}.jspContainer
{
overflow: hidden;
position: relative;
height: 100%;
}
.jspPane
{
position: absolute;
}
.jspVerticalBar
{
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 100%;
background: red;
}
.jspHorizontalBar
{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 16px;
background: red;
}
.jspVerticalBar *,
.jspHorizontalBar *
{
margin: 0;
padding: 0;
}
.jspCap
{
display: none;
}
.jspHorizontalBar .jspCap
{
float: left;
}
.jspTrack
{
background: #dde;
position: relative;
}
.jspDrag
{
background: #bbd;
position: relative;
top: 0;
left: 0;
cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
float: left;
height: 100%;
}
.jspArrow
{
background: #50506d;
text-indent: -20000px;
display: block;
cursor: pointer;
}
.jspArrow.jspDisabled
{
cursor: default;
background: #80808d;
}
.jspVerticalBar .jspArrow
{
height: 16px;
}
.jspHorizontalBar .jspArrow
{
width: 16px;
float: left;
height: 100%;
}
.jspVerticalBar .jspArrow:focus
{
outline: none;
}
.jspCorner
{
background: #eeeef4;
float: left;
height: 100%;
} * html .jspCorner
{
margin: 0 -3px 0 0;
}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }