.owl-theme .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}/* ------------------------------------------------------------------------ This you can edit. ------------------------------------------------------------------------- */ /* ---------------------------------- Default Theme ----------------------------------- */ div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right { height: 13px; } div.pp_default .pp_top .pp_left { background: url(vendor/prettyphoto/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat; } /* Top left corner */ div.pp_default .pp_top .pp_middle { background: url(vendor/prettyphoto/images/prettyPhoto/default/sprite_x.png) top left repeat-x; } /* Top pattern/color */ div.pp_default .pp_top .pp_right { background: url(vendor/prettyphoto/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat; } /* Top right corner */ div.pp_default .pp_content .ppt { color: #f8f8f8; } div.pp_default .pp_content_container .pp_left { background: url(vendor/prettyphoto/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; } div.pp_default .pp_content_container .pp_right { background: url(vendor/prettyphoto/images/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px; } div.pp_default .pp_content { background-color: #fff; } /* Content background */ div.pp_default .pp_next:hover { background: url(vendor/prettyphoto/images/prettyPhoto/default/sprite_next.png) center right no-repeat; cursor: pointer; } /* Next button */ div.pp_default .pp_previous:hover { background: url(vendor/prettyphoto/images/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.pp_default .pp_expand { background: url(vendor/prettyphoto/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Expand button */ div.pp_default .pp_expand:hover { background: url(vendor/prettyphoto/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } /* Expand button hover */ div.pp_default .pp_contract { background: url(vendor/prettyphoto/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Contract button */ div.pp_default .pp_contract:hover { background: url(vendor/prettyphoto/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } /* Contract button hover */ div.pp_default .pp_close { width: 30px; height: 30px; background: url(vendor/prettyphoto/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } /* Close button */ div.pp_default #pp_full_res .pp_inline { color: #000; } div.pp_default .pp_gallery ul li a { background: url(vendor/prettyphoto/images/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; } div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a { border-color: #fff; } div.pp_default .pp_social { margin-top: 7px; } div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; } div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause { background: url(vendor/prettyphoto/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; } div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; } div.pp_default .pp_details { position: relative; } div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next { background: url(vendor/prettyphoto/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; } div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } /* The next arrow in the bottom nav */ div.pp_default .pp_content_container .pp_details { margin-top: 5px; } div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; } div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; } div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; } div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; } div.pp_default .pp_bottom .pp_left { background: url(vendor/prettyphoto/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat; } /* Bottom left corner */ div.pp_default .pp_bottom .pp_middle { background: url(vendor/prettyphoto/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x; } /* Bottom pattern/color */ div.pp_default .pp_bottom .pp_right { background: url(vendor/prettyphoto/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat; } /* Bottom right corner */ div.pp_default .pp_loaderIcon { background: url(vendor/prettyphoto/images/prettyPhoto/default/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Light Rounded Theme ----------------------------------- */ div.light_rounded .pp_top .pp_left { background: url(vendor/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ div.light_rounded .pp_top .pp_right { background: url(vendor/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.light_rounded .pp_content .ppt { color: #000; } div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right { background: #fff; } div.light_rounded .pp_content { background-color: #fff; } /* Content background */ div.light_rounded .pp_next:hover { background: url(vendor/prettyphoto/images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_rounded .pp_previous:hover { background: url(vendor/prettyphoto/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_rounded .pp_expand { background: url(vendor/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_rounded .pp_expand:hover { background: url(vendor/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_rounded .pp_contract { background: url(vendor/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_rounded .pp_contract:hover { background: url(vendor/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_rounded .pp_close { width: 75px; height: 22px; background: url(vendor/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_rounded .pp_details { position: relative; } div.light_rounded .pp_description { margin-right: 85px; } div.light_rounded #pp_full_res .pp_inline { color: #000; } div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_rounded .pp_nav .pp_play { background: url(vendor/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_nav .pp_pause { background: url(vendor/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_arrow_previous { background: url(vendor/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_arrow_next { background: url(vendor/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_bottom .pp_left { background: url(vendor/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ div.light_rounded .pp_bottom .pp_right { background: url(vendor/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.light_rounded .pp_loaderIcon { background: url(vendor/prettyphoto/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Rounded Theme ----------------------------------- */ div.dark_rounded .pp_top .pp_left { background: url(vendor/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.dark_rounded .pp_top .pp_middle { background: url(vendor/prettyphoto/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ div.dark_rounded .pp_top .pp_right { background: url(vendor/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.dark_rounded .pp_content_container .pp_left { background: url(vendor/prettyphoto/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */ div.dark_rounded .pp_content_container .pp_right { background: url(vendor/prettyphoto/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */ div.dark_rounded .pp_content { background: url(vendor/prettyphoto/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ div.dark_rounded .pp_next:hover { background: url(vendor/prettyphoto/images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_rounded .pp_previous:hover { background: url(vendor/prettyphoto/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.dark_rounded .pp_expand { background: url(vendor/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_rounded .pp_expand:hover { background: url(vendor/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_rounded .pp_contract { background: url(vendor/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_rounded .pp_contract:hover { background: url(vendor/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(vendor/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_rounded .pp_details { position: relative; } div.dark_rounded .pp_description { margin-right: 85px; } div.dark_rounded .currentTextHolder { color: #c4c4c4; } div.dark_rounded .pp_description { color: #fff; } div.dark_rounded #pp_full_res .pp_inline { color: #fff; } div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.dark_rounded .pp_nav .pp_play { background: url(vendor/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_nav .pp_pause { background: url(vendor/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_arrow_previous { background: url(vendor/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_rounded .pp_arrow_next { background: url(vendor/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_rounded .pp_bottom .pp_left { background: url(vendor/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.dark_rounded .pp_bottom .pp_middle { background: url(vendor/prettyphoto/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ div.dark_rounded .pp_bottom .pp_right { background: url(vendor/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.dark_rounded .pp_loaderIcon { background: url(vendor/prettyphoto/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Square Theme ----------------------------------- */ div.dark_square .pp_left , div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content { background: none; } div.dark_square .currentTextHolder { color: #c4c4c4; } div.dark_square .pp_description { color: #fff; } div.dark_square .pp_loaderIcon { background: url(vendor/prettyphoto/images/prettyPhoto/dark_square/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_square .pp_expand { background: url(vendor/prettyphoto/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_square .pp_expand:hover { background: url(vendor/prettyphoto/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_square .pp_contract { background: url(vendor/prettyphoto/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_square .pp_contract:hover { background: url(vendor/prettyphoto/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_square .pp_close { width: 75px; height: 22px; background: url(vendor/prettyphoto/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_square .pp_details { position: relative; } div.dark_square .pp_description { margin: 0 85px 0 0; } div.dark_square #pp_full_res .pp_inline { color: #fff; } div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.dark_square .pp_nav { clear: none; } div.dark_square .pp_nav .pp_play { background: url(vendor/prettyphoto/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_nav .pp_pause { background: url(vendor/prettyphoto/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_arrow_previous { background: url(vendor/prettyphoto/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_square .pp_arrow_next { background: url(vendor/prettyphoto/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_square .pp_next:hover { background: url(vendor/prettyphoto/images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_square .pp_previous:hover { background: url(vendor/prettyphoto/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Light Square Theme ----------------------------------- */ div.light_square .pp_left , div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content { background: #fff; } div.light_square .pp_content .ppt { color: #000; } div.light_square .pp_expand { background: url(vendor/prettyphoto/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_square .pp_expand:hover { background: url(vendor/prettyphoto/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_square .pp_contract { background: url(vendor/prettyphoto/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_square .pp_contract:hover { background: url(vendor/prettyphoto/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_square .pp_close { width: 75px; height: 22px; background: url(vendor/prettyphoto/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_square .pp_details { position: relative; } div.light_square .pp_description { margin-right: 85px; } div.light_square #pp_full_res .pp_inline { color: #000; } div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_square .pp_nav .pp_play { background: url(vendor/prettyphoto/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_nav .pp_pause { background: url(vendor/prettyphoto/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_arrow_previous { background: url(vendor/prettyphoto/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_square .pp_arrow_next { background: url(vendor/prettyphoto/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_square .pp_next:hover { background: url(vendor/prettyphoto/images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_square .pp_previous:hover { background: url(vendor/prettyphoto/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_square .pp_loaderIcon { background: url(vendor/prettyphoto/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Facebook style Theme ----------------------------------- */ div.facebook .pp_top .pp_left { background: url(vendor/prettyphoto/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.facebook .pp_top .pp_middle { background: url(vendor/prettyphoto/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */ div.facebook .pp_top .pp_right { background: url(vendor/prettyphoto/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.facebook .pp_content .ppt { color: #000; } div.facebook .pp_content_container .pp_left { background: url(vendor/prettyphoto/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */ div.facebook .pp_content_container .pp_right { background: url(vendor/prettyphoto/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */ div.facebook .pp_content { background: #fff; } /* Content background */ div.facebook .pp_expand { background: url(vendor/prettyphoto/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.facebook .pp_expand:hover { background: url(vendor/prettyphoto/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.facebook .pp_contract { background: url(vendor/prettyphoto/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.facebook .pp_contract:hover { background: url(vendor/prettyphoto/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.facebook .pp_close { width: 22px; height: 22px; background: url(vendor/prettyphoto/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.facebook .pp_details { position: relative; } div.facebook .pp_description { margin: 0 37px 0 0; } div.facebook #pp_full_res .pp_inline { color: #000; } div.facebook .pp_loaderIcon { background: url(vendor/prettyphoto/images/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */ div.facebook .pp_arrow_previous { background: url(vendor/prettyphoto/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */ div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; } div.facebook .pp_arrow_next { background: url(vendor/prettyphoto/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */ div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; } div.facebook .pp_nav { margin-top: 0; } div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; } div.facebook .pp_nav .pp_play { background: url(vendor/prettyphoto/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_nav .pp_pause { background: url(vendor/prettyphoto/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_next:hover { background: url(vendor/prettyphoto/images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.facebook .pp_previous:hover { background: url(vendor/prettyphoto/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.facebook .pp_bottom .pp_left { background: url(vendor/prettyphoto/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.facebook .pp_bottom .pp_middle { background: url(vendor/prettyphoto/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */ div.facebook .pp_bottom .pp_right { background: url(vendor/prettyphoto/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.pp_pic_holder a:focus { outline:none; } div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; } .pp_top { height: 20px; position: relative; } * html .pp_top { padding: 0 20px; } .pp_top .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_top .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_top .pp_middle { left: 0; position: static; } .pp_top .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_content { height: 40px; min-width: 40px; } * html .pp_content { width: 40px; } .pp_fade { display: none; } .pp_content_container { position: relative; text-align: left; width: 100%; } .pp_content_container .pp_left { padding-left: 20px; } .pp_content_container .pp_right { padding-right: 20px; } .pp_content_container .pp_details { float: left; margin: 10px 0 2px 0; } .pp_description { display: none; margin: 0; } .pp_social { float: left; margin: 0; } .pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; } .pp_social .twitter { float: left; } .pp_nav { clear: right; float: left; margin: 3px 10px 0 0; } .pp_nav p { float: left; margin: 2px 4px; white-space: nowrap; } .pp_nav .pp_play, .pp_nav .pp_pause { float: left; margin-right: 4px; text-indent: -10000px; } a.pp_arrow_previous, a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; } .pp_gallery { display: none; left: 50%; margin-top: -50px; position: absolute; z-index: 10000; } .pp_gallery div { float: left; overflow: hidden; position: relative; } .pp_gallery ul { float: left; height: 35px; margin: 0 0 0 5px; padding: 0; position: relative; white-space: nowrap; } .pp_gallery ul a { border: 1px #000 solid; border: 1px rgba(0,0,0,0.5) solid; display: block; float: left; height: 33px; overflow: hidden; } .pp_gallery ul a:hover, .pp_gallery li.selected a { border-color: #fff; } .pp_gallery ul a img { border: 0; } .pp_gallery li { display: block; float: left; margin: 0 5px 0 0; padding: 0; } .pp_gallery li.default a { background: url(vendor/prettyphoto/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat; display: block; height: 33px; width: 50px; } .pp_gallery li.default a img { display: none; } .pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top: 7px !important; } a.pp_next { background: url(vendor/prettyphoto/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; } a.pp_previous { background: url(vendor/prettyphoto/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; } a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; } a.pp_close { position: absolute; right: 0; top: 0; display: block; line-height:22px; text-indent: -10000px; } .pp_bottom { height: 20px; position: relative; } * html .pp_bottom { padding: 0 20px; } .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_bottom .pp_middle { left: 0; position: static; } .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_loaderIcon { display: block; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px; } #pp_full_res { line-height: 1 !important; } #pp_full_res .pp_inline { text-align: left; } #pp_full_res .pp_inline p { margin: 0 0 15px 0; } div.ppt { color: #fff; display: none; font-size: 17px; margin: 0 0 5px 15px; z-index: 9999; }@charset"UTF-8";.mb_YTPBar,.mb_YTPBar span.mb_YTPUrl a{color:#fff}@font-face{font-family:ytpregular;src:url(vendor/ytplayer/css/font/ytp-regular.eot)}@font-face{font-family:ytpregular;src:url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAA5sABEAAAAAFCAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcZ9iuNUdERUYAAAGcAAAAHQAAACAAdAAET1MvMgAAAbwAAABJAAAAYHUMUrFjbWFwAAACCAAAAKkAAAGKn5XycWN2dCAAAAK0AAAANgAAADYNLQohZnBnbQAAAuwAAAGxAAACZVO0L6dnYXNwAAAEoAAAAAgAAAAIAAAAEGdseWYAAASoAAAGVQAAB4jz86dSaGVhZAAACwAAAAAzAAAANgbKONpoaGVhAAALNAAAACAAAAAkESQLXGhtdHgAAAtUAAAAVAAAARxOmwVwbG9jYQAAC6gAAAAjAAAAkFoEXRRtYXhwAAALzAAAACAAAAAgAWoB625hbWUAAAvsAAAA+wAAAeok3Eb+cG9zdAAADOgAAADAAAABN99tv1lwcmVwAAANqAAAALkAAAFY3I6ikndlYmYAAA5kAAAABgAAAAbHMlGnAAAAAQAAAADMPaLPAAAAAM3Nk7QAAAAAzc13sXjaY2BkYGDgA2IJBhBgYmAEQjcgZgHzGAAHTAB5AAAAeNpjYGbZwDiBgZWBhdWY5SwDA8MsCM10liGNKQ3IB0rBASMDEgj1DvdjcGDgfcDAlvYPqJJVldEZpoZVkuUZkFJgYAQAUUULewAAAHjaY2BgYGaAYBkGRgYQaAHyGMF8FoYMIC3GIAAUYQOyeBkUGKIYqhgWKHAp6CvEP2D4/x+sAyTuyJAIFGeAizP+//r/8f/D//f+n/HA8oHo/WcKblDzsQBGoOkwSUYmIMGErgDiRLyAhZWNnYOTi5uHl49fQFBIWERUTFxCUkpaRhYiLyevoKikrKKqpq6hqaWto6unb2BoZGxiambOQF1gQZYuAIQnH4IAAAAAAAAAAAABegEnAHEAswC9AOAA5QD+ARcBIwBdAHIBtgBcAGAAZgByAI8AogErAbIAUwBEBREAAHjaXVG7TltBEN0NDwOBxNggOdoUs5mQxnuhBQnE1Y1iZDuF5QhpN3KRi3EBH0CBRA3arxmgoaRImwYhF0h8Qj4hEjNriKI0Ozuzc86ZM0vKkap36WvPU+ckkMLdBs02/U5ItbMA96Tr642MtIMHWmxm9Mp1+/4LBpvRlDtqAOU9bykPGU07gVq0p/7R/AqG+/wf8zsYtDTT9NQ6CekhBOabcUuD7xnNussP+oLV4WIwMKSYpuIuP6ZS/rc052rLsLWR0byDMxH5yTRAU2ttBJr+1CHV83EUS5DLprE2mJiy/iQTwYXJdFVTtcz42sFdsrPoYIMqzYEH2MNWeQweDg8mFNK3JMosDRH2YqvECBGTHAo55dzJ/qRA+UgSxrxJSjvjhrUGxpHXwKA2T7P/PJtNbW8dwvhZHMF3vxlLOvjIhtoYEWI7YimACURCRlX5hhrPvSwG5FL7z0CUgOXxj3+dCLTu2EQ8l7V1DjFWCHp+29zyy4q7VrnOi0J3b6pqqNIpzftezr7HA54eC8NBY8Gbz/v+SoH6PCyuNGgOBEN6N3r/orXqiKu8Fz6yJ9O/sVoAAAAAAQAB//8AD3jaTZVrbBxXFcfvufNe72Nmdx77tmfHO2N76117784OTr154YAbR7RQuUQhttoSuXZKFQVKKYqgiFJAgkpIkVClIn8opSomjXY3VHHTFldEIYpay1hR+ID4Bha27FoIEQGpd8Idu4lY7c6eOfee//2f3+zeizAaQwif4iYRgwRUbgGqjLYFNvVxtcVzfxltM5iGqMUEaS5ItwU+vTPahiBPFFMpmoo5hnv8XnjFn+Um7/xmjF1GCLHoPf+fgsUVEYcSKIcGkYbaWYxKLZ3bgGa50qpACQ0NeyYoYILaDTqpurUK2FZBUYlJY8ukEc0egLpbo+kY8O/BQcx2dvwP2Fh6/Q+Gl19fyroubHmer7rpjHllPZ/NKB+tp2/4/TzxSx0zo/74uUY29vJZOEHIfng4lzz7cjyXzn/jJwqCwCOLdj2iPSP3F/hUAHF3v+Cviee5DIqhJDLRACLoPGpHECq1M7Sd5iDZ/W6zQW8mu9Ecql7SI6xYaiOpnxCydwPNWqWJ/tSSjY1mqtqU5ZYNpWal2pJiGy0XSi1bVuKX1Fyh1GuMoJYeUeJvy/GEVbTpfTOjHJRVzUim0tlcwekbKD1QrgR5M97OV8nIyMjQsKPUEKWGNEVFFBwqEs/yHMEVFMM1PIc4FhiWQVxHcxjD0zzXEkgbmHe5G1eA9T955453xd+B9tbpi6vj10+fvj6+evH0Fju7vPDU5szVY8euzmw+tXABv7kEov/v33WOv+v/C8LG9M2xD19/EquzCyuHVuY6R25Obz35+odw4NDKwuzWHAK86q9x21wKYYQkjFeZ3M5f/TUmw6Qo12P+38Wf0zEZpVABlVANfQu1owHXXMD1AdIyQhvNgeou2b1LAuhAkVwyExRps/ppAE230qrTX1MrEVXil5W4qlm9thMAMpR2MtVHAbXMnBJvZ8oVGjdZ5XK6u6cwNExqdNJ9dnm4D+8eIeYeM7hH0b3H9bcQuczdeH75ef+TxTveO/5tuDK2Mrs5d+HmzQtzm7MrbP6ZqxMrrz2+vf34aysTV5+5iN9YhMi51W93Tiz5/wFp+ujy/MntGXx+dfrjqflrO788Ob989MaMP716+Nr8FOpCjbvnw032BUrm82gKfQc10SJaAwwZGINHEUrksaEndI3XCppBavWaU7Nrda/u7QfPsnmBF1ReK4NjCxbkgVRJdW/MdmiyjHkhCgKvGkrNq+uGngPLUDXVioJTcGxONWguENOIYmkq1lQqaDu2q1AqKi6qRh6CN0uqhlkn1WIwt1Z3FTqH6lt2kWLkqZpQ2F1H4D3X1CzFUkCp1R8EVaeKGr3mgXpyd3OKZTcgioMi3qImqA2FaFSYrkHd7BYESnSMdqAx1HNgg/6pG0Bo95RAGehqoNAuaRHR90wGdXyJtkAJ1DxSDVQCfS8ocui+EohqagNjFroniyLAOYbBgvSQxuXxiUSCGQXReJBnjafhbf6xBs8P9ZclLLJdTJfdL3bLRsgd50Nf52P7JIWjInYqFuZhUGErucF0Qj/zNJtPGArDz7EYFi0chvSpw8C/mJRgRVLfgrEf7RvowhyjJ3JPfPlX/h8N/6fZryX7bh/pJsPj4QLX9Ra89NL3QQkljmOqnognU6HcxKkoI/JsaJ8cDcfCqZAMC2cfFeSoHu+WFEmWzIQqx8PVmCThSFqPKqLIsgxJx0QYZt1iocjgfrPbjIoiltkXxzxTlE5FVTL1zb7YmTOSzXGiEBU0ZgHzXexjd9HklDtTc2P7iR4/Wmqk/jGhfZXjZW1bYFVp3y01G+ocrh/K9VST3+05OUsaEnAYGKZRfWIpDQaXT2Ej2/vCl1S5nNe7jHq5eCAlM7rOpFx8PP1Zf/NzCUdkpXjUhHmdfdi/Xv31D6WccPAIDjNMmPnBzC+ErAipZzPf++LkQyGRhTDEpCNkbmLpz8892zmE3+8swq1YODIqf2Z7lO8RdJHn7RS8kpY6r0qhAg7xXIHnhViu+zBDbhcx16UOfGVgaGkoXe6LhwS+h7NgSa+vR7ESZvPyq6VUqN+SC0ZSTPm3oETGoxGIh/p60w3naIyJ/Gywf9CMnnAemR3524hT5DErxOwBhR55COMw3e+u0T0tOEsR0JMx+NBHftD/AJ+D/f7v/TW+9t+P+Bo9e/7vNYz+By6FsKkAAAB42mNgZGBgYGRwbI8IWhzPb/OVQZ6DAQTOni3fCKP/+/x7yrOBNRTI5WBgAokCAG3mDbAAeNpjYGRgYFX9t5eBgeftf5//WTwbGIAiKMAdAJycBph42mN6w+DCwcDAAMIsZ8D0HhBNLIap52D478fBwHQRyvbBpZ7nLYMtKeZjt5OJhxT1TKsYGFhDETTjcSAG0gyPoRgozigIpL0hNEiOBcgFAEBoNC142mNgYNCBwjoccALDBEY9RhsgPIMMmZcRhHtIhkcA9pQspAAAAQAAAEcBVAALAAAAAAACAAEAAgAWAAABAACTAAAAAHjalZCxTgJBFEXPApJoYYgF9VZUSIAFTdDCnmiIgsTKsASQuGiCu0YaCr4OfomKOzsTCHRmMzPn3blz38sCFyzJ4uXOgbKWZY+8KssZLqk7zkp9cJyjSOT4jD9WjvPSt46vKHoFx2txyfGGqnfPO18kyohSGjBjJPqRFmqPmWolWkZ9o0uHZ/EkfTNgTo0KVX017ujRps+TyDqvT7xW9U/UV1Vz9ZryrQn8o8QOL1JsdVA/5IwZpv7f/YsKTW50O1PqpzKNZyw1UnKov2c9dbkD7c1/zdhXFSrNdIz3HbuaJFH1KM9CZyDN3N3SoiFupfP66mbOYAd8k0EGAHjabc05TwJhHITxZ0BBBc/P4IkI7y4sh0dBsosHKiqHeLUiiTE0FH56Xdl/6TS/ZIoZUszzM+ad/3IOSilNmm122GWPfQ4ocEiRI0qUcXj4VKgSUKNOgybHnHDKGSER7Xjjgkuu6HDNDbd0ueOeB3r0GTDkkRFPPPPCK29a0KIyympJy1pRTnmtak3r2tCmtjLjz+/ph5edfU2cc2Fiy/3px4Xpmb5ZMatmYNbMutkwm2Yr0W8nBnOj+OcXVDk0PnjaRc67DoJAEAVQFuT9fqsJCSZ2+w12QkNjrCCx9w+sbSy19DsGK/9Ob3RZujk3k7nzZp8bsbvSkXXoR8Yew9gavN9QNHSUHTFch4oMfuoV0uqGNL4nv25emq3yHzzADwVcwOsFHMCtBWzAWQlYgJ0ImIA1rRmAeRbQAWM6vQD04A9GgXglRBo4Kh+19gJGYDgzBqOnZALGO8kUTLaSGZhWkjmYrSULMA8kS7CYi5ZgKTlQxr/W1F5aAAAAAAFRp8cxAAA=)format('woff'),url(vendor/ytplayer/css/font/ytp-regular.ttf)format('truetype');font-weight:400;font-style:normal}.mb_YTPlayer:focus{outline:0}.mbYTP_wrapper{display:block;transform:translateZ(0)translate3d(0,0,0);transform-style:preserve-3d;perspective:1000;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}.mb_YTPlayer .loading{position:absolute;top:10px;right:10px;font-size:12px;color:#fff;background:rgba(0,0,0,.51);text-align:center;padding:2px 4px;border-radius:5px;font-family:"Droid Sans",sans-serif;-webkit-animation:fade .1s infinite alternate;animation:fade .1s infinite alternate}@-webkit-keyframes fade{0%{opacity:.5}100%{opacity:1}}@keyframes fade{0%{opacity:.5}100%{opacity:1}}.YTPFullscreen{display:block!important;position:fixed!important;width:100%!important;height:100%!important;top:0!important;left:0!important;margin:0!important;border:none!important;opacity:1!important}.mbYTP_wrapper iframe{max-width:4000px!important}.inline_YTPlayer{margin-bottom:20px;vertical-align:top;position:relative;left:0;overflow:hidden;border-radius:4px;box-shadow:0 0 5px rgba(0,0,0,.7);background:rgba(0,0,0,.5)}.inline_YTPlayer img{border:none!important;margin:0!important;padding:0!important;transform:none!important}.mb_YTPBar,.mb_YTPBar .buttonBar{box-sizing:border-box;left:0;padding:5px;width:100%}.mb_YTPBar .ytpicon{font-size:20px;font-family:ytpregular}.mb_YTPBar .mb_YTPUrl.ytpicon{font-size:30px}.mb_YTPBar{transition:opacity .5s;display:block;height:10px;background:#333;position:fixed;bottom:0;text-align:left;z-index:1000;font:14px/16px sans-serif;opacity:.1}.mb_YTPBar.visible,.mb_YTPBar:hover{opacity:1}.mb_YTPBar .buttonBar{transition:all .5s;background:0 0;font:12px/14px Calibri;position:absolute;top:-30px;height:40px}.mb_YTPBar:hover .buttonBar{background:rgba(0,0,0,.4)}.mb_YTPBar span{display:inline-block;font:16px/20px Calibri,sans-serif;position:relative;width:30px;height:25px;vertical-align:middle}.mb_YTPBar span.mb_YTPTime{width:130px}.mb_YTPBar span.mb_OnlyYT,.mb_YTPBar span.mb_YTPUrl{position:absolute;width:auto;display:block;top:6px;right:10px;cursor:pointer}.mb_YTPBar span.mb_YTPUrl img{width:60px}.mb_YTPBar span.mb_OnlyYT{left:300px;right:auto}.mb_YTPBar span.mb_OnlyYT img{width:25px}.mb_YTPBar .mb_YTPMuteUnmute,.mb_YTPBar .mb_YTPPlaypause,.mb_YTPlayer .mb_YTPBar .mb_YTPPlaypause img{cursor:pointer}.mb_YTPBar .mb_YTPProgress{height:10px;width:100%;background:#222;bottom:0;left:0}.mb_YTPBar .mb_YTPLoaded{height:10px;width:0;background:#444;left:0}.mb_YTPBar .mb_YTPseekbar{height:10px;width:0;background:#bb110e;bottom:0;left:0;box-shadow:rgba(82,82,82,.47)1px 1px 3px}.mb_YTPBar .YTPOverlay{backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transform-style:"flat";box-sizing:border-box}.YTPOverlay.raster{background:url(vendor/ytplayer/css/images/raster.png)}.YTPOverlay.raster.retina{background:url(vendor/ytplayer/css/images/raster@2x.png)}.YTPOverlay.raster-dot{background:url(vendor/ytplayer/css/images/raster_dot.png)}.YTPOverlay.raster-dot.retina{background:url(vendor/ytplayer/css/images/raster_dot@2x.png)}.mb_YTPBar .simpleSlider{position:relative;width:100px;height:10px;border:1px solid #fff;overflow:hidden;box-sizing:border-box;margin-right:10px;cursor:pointer!important;border-radius:3px}.mb_YTPBar.compact .simpleSlider{width:40px}.mb_YTPBar .simpleSlider.muted{opacity:.3}.mb_YTPBar .level{position:absolute;left:0;bottom:0;background-color:#fff;box-sizing:border-box}.mb_YTPBar .level.horizontal{height:100%;width:0}.mb_YTPBar .level.vertical{height:auto;width:100%}/* Magnific Popup CSS */ .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; } /* Main image in popup */ 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; } /* The shadow behind the image */ .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) { /** * Remove all paddings around the image on small screen */ .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; } } @charset "UTF-8"; /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, 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: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } 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 { -moz-box-sizing: content-box; 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; } 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; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; 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; } @media print { * { text-shadow: none !important; color: #000 !important; background: transparent !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } select { background: #fff !important; } .navbar { display: none; } .table td, .table th { background-color: #fff !important; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } @font-face { font-family: 'Glyphicons Halflings'; src: url("/fonts/glyphicons-halflings-regular.eot"); src: url("/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/glyphicons-halflings-regular.woff") format("woff"), url("/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "\2a"; } .glyphicon-plus:before { content: "\2b"; } .glyphicon-euro:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: transparent; } body { font-family: "Al-Jazeera-Arabic-Regular",sans-serif; font-size: 14px; line-height: 1.8; color: #757575; background-color: #fff; font-weight: 400; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #303030; text-decoration: none; } a:hover, a:focus { color: #cb1313; text-decoration: none; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; width: 100% \9; max-width: 100%; height: auto; } .img-rounded { border-radius: 10px; } .img-thumbnail { padding: 4px; line-height: 1.8; background-color: #fff; border: 1px solid #ddd; border-radius: 20px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; display: inline-block; width: 100% \9; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 25px; margin-bottom: 25px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Al-Jazeera-Arabic-Regular",sans-serif; font-weight: 400; line-height: 1.6; color: #202020; } h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small { font-weight: normal; line-height: 1; color: #777777; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 12.5px; margin-bottom: 12.5px; } h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 12.5px; margin-bottom: 12.5px; } h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 32px; } h2, .h2 { font-size: 28px; } h3, .h3 { font-size: 22px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 16px; } h6, .h6 { font-size: 12px; } p { margin: 0; } .lead { margin-bottom: 25px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } cite { font-style: normal; } mark, .mark { background-color: #fcf8e3; padding: .2em; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777777; } .text-primary { color: #cb1313; } a.text-primary:hover { color: #9c0f0f; } .text-success { color: #468847; } a.text-success:hover { color: #356635; } .text-info { color: #3a87ad; } a.text-info:hover { color: #2d6987; } .text-warning { color: #c09853; } a.text-warning:hover { color: #a47e3c; } .text-danger { color: #b94a48; } a.text-danger:hover { color: #953b39; } .bg-primary { color: #fff; } .bg-primary { background-color: #cb1313; } a.bg-primary:hover { background-color: #9c0f0f; } .bg-success { background-color: #dff0d8; } a.bg-success:hover { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover { background-color: #e4b9b9; } .page-header { padding-bottom: 11.5px; margin: 50px 0 25px; border-bottom: 1px solid #eeeeee; } ul, ol { margin-top: 0; margin-bottom: 12.5px; } ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; } .list-unstyled, .list-inline { padding-left: 0; list-style: none; } .list-inline { margin-left: -5px; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } dl { margin-top: 0; margin-bottom: 25px; } dt, dd { line-height: 1.8; } dt { font-weight: bold; } dd { margin-left: 0; } .dl-horizontal dd:before, .dl-horizontal dd:after { content: " "; display: table; } .dl-horizontal dd:after { clear: both; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777777; } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 12.5px 25px; margin: 0 0 25px; font-size: 17.5px; border-left: 5px solid #eeeeee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.8; color: #777777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; text-align: right; } .blockquote-reverse footer:before, .blockquote-reverse small:before, .blockquote-reverse .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before, blockquote.pull-right .small:before { content: ''; } .blockquote-reverse footer:after, .blockquote-reverse small:after, .blockquote-reverse .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } blockquote:before, blockquote:after { content: ""; } address { margin-bottom: 25px; font-style: normal; line-height: 1.8; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 20px; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 5px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } kbd kbd { padding: 0; font-size: 100%; box-shadow: none; } pre { display: block; padding: 12px; margin: 0 0 12.5px; font-size: 13px; line-height: 1.8; word-break: break-all; word-wrap: break-word; color: #333333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 20px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1200px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container-fluid:before, .container-fluid:after { content: " "; display: table; } .container-fluid:after { clear: both; } .row { margin-left: -15px; margin-right: -15px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66667%; } .col-xs-10 { width: 83.33333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66667%; } .col-xs-7 { width: 58.33333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66667%; } .col-xs-4 { width: 33.33333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66667%; } .col-xs-1 { width: 8.33333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66667%; } .col-xs-pull-10 { right: 83.33333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66667%; } .col-xs-pull-7 { right: 58.33333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66667%; } .col-xs-pull-4 { right: 33.33333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66667%; } .col-xs-pull-1 { right: 8.33333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66667%; } .col-xs-push-10 { left: 83.33333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66667%; } .col-xs-push-7 { left: 58.33333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66667%; } .col-xs-push-4 { left: 33.33333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66667%; } .col-xs-push-1 { left: 8.33333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66667%; } .col-xs-offset-10 { margin-left: 83.33333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66667%; } .col-xs-offset-7 { margin-left: 58.33333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66667%; } .col-xs-offset-4 { margin-left: 33.33333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66667%; } .col-xs-offset-1 { margin-left: 8.33333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66667%; } .col-sm-10 { width: 83.33333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66667%; } .col-sm-7 { width: 58.33333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66667%; } .col-sm-4 { width: 33.33333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66667%; } .col-sm-1 { width: 8.33333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66667%; } .col-sm-pull-10 { right: 83.33333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66667%; } .col-sm-pull-7 { right: 58.33333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66667%; } .col-sm-pull-4 { right: 33.33333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66667%; } .col-sm-pull-1 { right: 8.33333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66667%; } .col-sm-push-10 { left: 83.33333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66667%; } .col-sm-push-7 { left: 58.33333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66667%; } .col-sm-push-4 { left: 33.33333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66667%; } .col-sm-push-1 { left: 8.33333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66667%; } .col-sm-offset-10 { margin-left: 83.33333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66667%; } .col-sm-offset-7 { margin-left: 58.33333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66667%; } .col-sm-offset-4 { margin-left: 33.33333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66667%; } .col-sm-offset-1 { margin-left: 8.33333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66667%; } .col-md-10 { width: 83.33333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66667%; } .col-md-7 { width: 58.33333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66667%; } .col-md-4 { width: 33.33333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66667%; } .col-md-1 { width: 8.33333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66667%; } .col-md-pull-10 { right: 83.33333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66667%; } .col-md-pull-7 { right: 58.33333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66667%; } .col-md-pull-4 { right: 33.33333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66667%; } .col-md-pull-1 { right: 8.33333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66667%; } .col-md-push-10 { left: 83.33333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66667%; } .col-md-push-7 { left: 58.33333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66667%; } .col-md-push-4 { left: 33.33333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66667%; } .col-md-push-1 { left: 8.33333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66667%; } .col-md-offset-10 { margin-left: 83.33333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66667%; } .col-md-offset-7 { margin-left: 58.33333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66667%; } .col-md-offset-4 { margin-left: 33.33333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66667%; } .col-md-offset-1 { margin-left: 8.33333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66667%; } .col-lg-10 { width: 83.33333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66667%; } .col-lg-7 { width: 58.33333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66667%; } .col-lg-4 { width: 33.33333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66667%; } .col-lg-1 { width: 8.33333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66667%; } .col-lg-pull-10 { right: 83.33333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66667%; } .col-lg-pull-7 { right: 58.33333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66667%; } .col-lg-pull-4 { right: 33.33333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66667%; } .col-lg-pull-1 { right: 8.33333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66667%; } .col-lg-push-10 { left: 83.33333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66667%; } .col-lg-push-7 { left: 58.33333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66667%; } .col-lg-push-4 { left: 33.33333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66667%; } .col-lg-push-1 { left: 8.33333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66667%; } .col-lg-offset-10 { margin-left: 83.33333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66667%; } .col-lg-offset-7 { margin-left: 58.33333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66667%; } .col-lg-offset-4 { margin-left: 33.33333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66667%; } .col-lg-offset-1 { margin-left: 8.33333%; } .col-lg-offset-0 { margin-left: 0%; } } table { background-color: transparent; } th { text-align: left; } table, .table { width: 100%; max-width: 100%; margin-bottom: 25px; } table > thead > tr > th, table > thead > tr > td, table > tbody > tr > th, table > tbody > tr > td, table > tfoot > tr > th, table > tfoot > tr > td, .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { padding: 8px; line-height: 1.8; vertical-align: top; border-top: 1px solid #ddd; } table > thead > tr > th, .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } table > caption + thead > tr:first-child > th, table > caption + thead > tr:first-child > td, table > colgroup + thead > tr:first-child > th, table > colgroup + thead > tr:first-child > td, table > thead:first-child > tr:first-child > th, table > thead:first-child > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td { border-top: 0; } table > tbody + tbody, .table > tbody + tbody { border-top: 2px solid #ddd; } table .table, .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #f5f5f5; } table col[class*="col-"] { position: static; float: none; display: table-column; } table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; } .table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 18.75px; overflow-y: hidden; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; -webkit-overflow-scrolling: touch; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 25px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.8; color: #555555; } .form-control { display: block; width: 100%; height: 39px; padding: 6px 12px; font-size: 14px; line-height: 1.8; color: #555555; background-color: #fff; background-image: none; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -ms-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control::-moz-placeholder { color: #777777; opacity: 1; } .form-control:-ms-input-placeholder { color: #777777; } .form-control::-webkit-input-placeholder { color: #777777; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eeeeee; opacity: 1; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { line-height: 39px; line-height: 1.8 \0; } input[type="date"].input-sm, .form-horizontal .form-group-sm input[type="date"].form-control, .input-group-sm > input[type="date"].form-control, .input-group-sm > input[type="date"].input-group-addon, .input-group-sm > .input-group-btn > input[type="date"].btn, input[type="time"].input-sm, .form-horizontal .form-group-sm input[type="time"].form-control, .input-group-sm > input[type="time"].form-control, .input-group-sm > input[type="time"].input-group-addon, .input-group-sm > .input-group-btn > input[type="time"].btn, input[type="datetime-local"].input-sm, .form-horizontal .form-group-sm input[type="datetime-local"].form-control, .input-group-sm > input[type="datetime-local"].form-control, .input-group-sm > input[type="datetime-local"].input-group-addon, .input-group-sm > .input-group-btn > input[type="datetime-local"].btn, input[type="month"].input-sm, .form-horizontal .form-group-sm input[type="month"].form-control, .input-group-sm > input[type="month"].form-control, .input-group-sm > input[type="month"].input-group-addon, .input-group-sm > .input-group-btn > input[type="month"].btn { line-height: 40px; } input[type="date"].input-lg, .form-horizontal .form-group-lg input[type="date"].form-control, .input-group-lg > input[type="date"].form-control, .input-group-lg > input[type="date"].input-group-addon, .input-group-lg > .input-group-btn > input[type="date"].btn, input[type="time"].input-lg, .form-horizontal .form-group-lg input[type="time"].form-control, .input-group-lg > input[type="time"].form-control, .input-group-lg > input[type="time"].input-group-addon, .input-group-lg > .input-group-btn > input[type="time"].btn, input[type="datetime-local"].input-lg, .form-horizontal .form-group-lg input[type="datetime-local"].form-control, .input-group-lg > input[type="datetime-local"].form-control, .input-group-lg > input[type="datetime-local"].input-group-addon, .input-group-lg > .input-group-btn > input[type="datetime-local"].btn, input[type="month"].input-lg, .form-horizontal .form-group-lg input[type="month"].form-control, .input-group-lg > input[type="month"].form-control, .input-group-lg > input[type="month"].input-group-addon, .input-group-lg > .input-group-btn > input[type="month"].btn { line-height: 46px; } .form-group { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; min-height: 25px; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: 0; margin-top: 4px \9; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } .radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; } .form-control-static.input-lg, .form-horizontal .form-group-lg .form-control-static.form-control, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .form-horizontal .form-group-sm .form-control-static.form-control, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn { padding-left: 0; padding-right: 0; } .input-sm, .form-horizontal .form-group-sm .form-control, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 40px; padding: 10px 15px; font-size: 12px; line-height: 1.5; border-radius: 5px; } select.input-sm, .form-horizontal .form-group-sm select.form-control, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, .input-group-sm > .input-group-btn > select.btn { height: 40px; line-height: 40px; } textarea.input-sm, .form-horizontal .form-group-sm textarea.form-control, .input-group-sm > textarea.form-control, .input-group-sm > textarea.input-group-addon, .input-group-sm > .input-group-btn > textarea.btn, select[multiple].input-sm, .form-horizontal .form-group-sm select[multiple].form-control, .input-group-sm > select[multiple].form-control, .input-group-sm > select[multiple].input-group-addon, .input-group-sm > .input-group-btn > select[multiple].btn { height: auto; } .input-lg, .form-horizontal .form-group-lg .form-control, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 10px; } select.input-lg, .form-horizontal .form-group-lg select.form-control, .input-group-lg > select.form-control, .input-group-lg > select.input-group-addon, .input-group-lg > .input-group-btn > select.btn { height: 46px; line-height: 46px; } textarea.input-lg, .form-horizontal .form-group-lg textarea.form-control, .input-group-lg > textarea.form-control, .input-group-lg > textarea.input-group-addon, .input-group-lg > .input-group-btn > textarea.btn, select[multiple].input-lg, .form-horizontal .form-group-lg select[multiple].form-control, .input-group-lg > select[multiple].form-control, .input-group-lg > select[multiple].input-group-addon, .input-group-lg > .input-group-btn > select[multiple].btn { height: auto; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 48.75px; } .form-control-feedback { position: absolute; top: 30px; right: 0; z-index: 2; display: block; width: 39px; height: 39px; line-height: 39px; text-align: center; } .input-lg + .form-control-feedback, .form-horizontal .form-group-lg .form-control + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm + .form-control-feedback, .form-horizontal .form-group-sm .form-control + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback { width: 40px; height: 40px; line-height: 40px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline { color: #468847; } .has-success .form-control { border-color: #468847; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #356635; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } .has-success .input-group-addon { color: #468847; border-color: #468847; background-color: #dff0d8; } .has-success .form-control-feedback { color: #468847; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline { color: #c09853; } .has-warning .form-control { border-color: #c09853; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #a47e3c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } .has-warning .input-group-addon { color: #c09853; border-color: #c09853; background-color: #fcf8e3; } .has-warning .form-control-feedback { color: #c09853; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline { color: #b94a48; } .has-error .form-control { border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; } .has-error .input-group-addon { color: #b94a48; border-color: #b94a48; background-color: #f2dede; } .has-error .form-control-feedback { color: #b94a48; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #b5b5b5; } @media (min-width: 768px) { .form-inline .form-group, .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control, .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .input-group, .navbar-form .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .navbar-form .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .navbar-form .input-group .input-group-btn, .form-inline .input-group .form-control, .navbar-form .input-group .form-control { width: auto; } .form-inline .input-group > .form-control, .navbar-form .input-group > .form-control { width: 100%; } .form-inline .control-label, .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .navbar-form .radio, .form-inline .checkbox, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .navbar-form .radio label, .form-inline .checkbox label, .navbar-form .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .navbar-form .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"], .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback, .navbar-form .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 32px; } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } .form-horizontal .form-group:before, .form-horizontal .form-group:after { content: " "; display: table; } .form-horizontal .form-group:after { clear: both; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } } .form-horizontal .has-feedback .form-control-feedback { top: 0; right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 14.3px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 11px; } } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { background-image: none; } .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #0099CC; border-color: #0086b3; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #fff; background-color: #007399; border-color: #005875; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { background-image: none; } .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { background-color: #0099CC; border-color: #0086b3; } .btn-primary .badge { color: #0099CC; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { background-image: none; } .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { background-image: none; } .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { background-image: none; } .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { background-image: none; } .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { color: #303030; font-weight: normal; cursor: pointer; border-radius: 0; } .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #cb1313; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 10px; } .btn-sm, .btn-group-sm > .btn { padding: 10px 15px; font-size: 12px; line-height: 1.5; border-radius: 5px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 5px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -ms-transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; -moz-transition: height 0.35s ease; -ms-transition: height 0.35s ease; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 20px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 11.5px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.8; color: #333333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #0099CC; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.8; color: #777777; white-space: nowrap; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group > .btn:focus, .btn-group-vertical > .btn:focus { outline: 0; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar:before, .btn-toolbar:after { content: " "; display: table; } .btn-toolbar:after { clear: both; } .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group:last-child > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret, .btn-group-lg > .btn .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after { content: " "; display: table; } .btn-group-vertical > .btn-group:after { clear: both; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 20px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 20px; border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle="buttons"] > .btn > input[type="radio"], [data-toggle="buttons"] > .btn > input[type="checkbox"] { position: absolute; z-index: -1; opacity: 0; filter: alpha(opacity=0); } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-left: 0; padding-right: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555555; text-align: center; background-color: #eeeeee; border: 1px solid #ccc; border-radius: 20px; } .input-group-addon.input-sm, .form-horizontal .form-group-sm .input-group-addon.form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn { padding: 10px 15px; font-size: 12px; border-radius: 5px; } .input-group-addon.input-lg, .form-horizontal .form-group-lg .input-group-addon.form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: 10px 16px; font-size: 18px; border-radius: 10px; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { margin-left: -1px; } .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav:before, .nav:after { content: " "; display: table; } .nav:after { clear: both; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 8px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .nav > li.disabled > a { color: #777777; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777777; text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: #303030; } .nav .nav-divider { height: 1px; margin: 11.5px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { line-height: 1.8; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background-color: transparent; cursor: default; } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 20px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #0099CC; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified, .nav-tabs.nav-justified { width: 100%; } .nav-justified > li, .nav-tabs.nav-justified > li { float: none; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li, .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified, .nav-tabs.nav-justified { border-bottom: 0; } .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 20px; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 20px 20px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 25px; border: 1px solid transparent; } .navbar:before, .navbar:after { content: " "; display: table; } .navbar:after { clear: both; } @media (min-width: 768px) { .navbar { border-radius: 20px; } } .navbar-header:before, .navbar-header:after { content: " "; display: table; } .navbar-header:after { clear: both; } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { overflow-x: visible; padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } .navbar-collapse:before, .navbar-collapse:after { content: " "; display: table; } .navbar-collapse:after { clear: both; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-left: 0; padding-right: 0; } } @media (max-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } } .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; padding: 12.5px 15px; font-size: 18px; line-height: 25px; height: 50px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; margin-right: 15px; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 20px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 6.25px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 25px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 25px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 12.5px; padding-bottom: 12.5px; } .navbar-nav.navbar-right:last-child { margin-right: -15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; } } .navbar-form { margin-left: -15px; margin-right: -15px; padding: 10px 15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); margin-top: 5.5px; margin-bottom: 5.5px; } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } } @media (min-width: 768px) { .navbar-form { width: auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-form.navbar-right:last-child { margin-right: -15px; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 5.5px; margin-bottom: 5.5px; } .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn { margin-top: 5px; margin-bottom: 5px; } .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 12.5px; margin-bottom: 12.5px; } @media (min-width: 768px) { .navbar-text { float: left; margin-left: 15px; margin-right: 15px; } .navbar-text.navbar-right:last-child { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { color: #777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #e7e7e7; color: #555; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333; } .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc; } .navbar-inverse { background-color: #222; border-color: #090909; } .navbar-inverse .navbar-brand { color: #777777; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #777777; } .navbar-inverse .navbar-nav > li > a { color: #777777; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #090909; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color: #090909; color: #fff; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #777777; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #777777; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #777777; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #fff; } .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444; } .breadcrumb { padding: 0 0; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 20px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { content: "/ "; padding: 0 5px; color: #ccc; } .breadcrumb > .active { color: #777777; } .pagination { display: inline-block; padding-left: 0; margin: 25px 0; border-radius: 20px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.8; text-decoration: none; color: #303030; background-color: #fff; border: 1px solid #ddd; margin-left: -1px; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 20px; border-top-left-radius: 20px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 20px; border-top-right-radius: 20px; } .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus { color: #1DA5DF; background-color: #eeeeee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus { z-index: 2; color: #fff; background-color: #0099CC; border-color: #0099CC; cursor: default; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777777; background-color: #fff; border-color: #ddd; cursor: not-allowed; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 10px; border-top-left-radius: 10px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-bottom-right-radius: 10px; border-top-right-radius: 10px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 10px 15px; font-size: 12px; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 5px; border-top-left-radius: 5px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-bottom-right-radius: 5px; border-top-right-radius: 5px; } .pager { padding-left: 0; margin: 25px 0; list-style: none; text-align: center; } .pager:before, .pager:after { content: " "; display: table; } .pager:after { clear: both; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eeeeee; } .pager li.is-active > a { background-color: #eeeeee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #777777; background-color: #fff; cursor: not-allowed; } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } a.label:hover, a.label:focus { color: #fff; text-decoration: none; cursor: pointer; } .label-default { background-color: #777777; } .label-default[href]:hover, .label-default[href]:focus { background-color: #5e5e5e; } .label-primary { background-color: #0099CC; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #007399; } .label-success { background-color: #5cb85c; } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; color: #fff; line-height: 1; vertical-align: baseline; white-space: nowrap; text-align: center; background-color: #777777; border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge, .btn-group-xs > .btn .badge { top: 0; padding: 1px 5px; } a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #303030; background-color: #fff; } .nav-pills > li > a > .badge { margin-left: 3px; } a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } .jumbotron { padding: 30px; margin-bottom: 30px; color: inherit; background-color: #eeeeee; } .jumbotron h1, .jumbotron .h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; } .jumbotron > hr { border-top-color: #d5d5d5; } .container .jumbotron { border-radius: 10px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron { padding-left: 60px; padding-right: 60px; } .jumbotron h1, .jumbotron .h1 { font-size: 63px; } } .thumbnail { display: block; padding: 4px; margin-bottom: 25px; line-height: 1.8; background-color: #fff; border: 1px solid #ddd; border-radius: 20px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } .thumbnail > img, .thumbnail a > img { display: block; width: 100% \9; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; } .thumbnail .caption { padding: 9px; color: #757575; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #303030; } .alert { padding: 15px; margin-bottom: 25px; border: 1px solid transparent; border-radius: 20px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #468847; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #356635; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #2d6987; } .alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #c09853; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #a47e3c; } .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #b94a48; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #953b39; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { overflow: hidden; height: 25px; margin-bottom: 25px; background-color: #f5f5f5; border-radius: 20px; -webkit-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 { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 25px; color: #fff; text-align: center; background-color: #0099CC; -webkit-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-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; -moz-transition: width 0.6s ease; -ms-transition: width 0.6s ease; } .progress-striped .progress-bar, .progress-bar-striped { 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: -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); background-size: 40px 40px; } .progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar[aria-valuenow="1"], .progress-bar[aria-valuenow="2"] { min-width: 30px; } .progress-bar[aria-valuenow="0"] { color: #777777; min-width: 30px; background-color: transparent; background-image: none; box-shadow: none; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { 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: -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-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { 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: -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-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { 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: -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-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { 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: -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); } .media, .media-body { overflow: hidden; zoom: 1; } .media, .media .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media-object { display: block; } .media-heading { margin: 0 0 5px; } .media > .pull-left { margin-right: 10px; } .media > .pull-right { margin-left: 10px; } .media-list { padding-left: 0; list-style: none; } .list-group { margin-bottom: 20px; padding-left: 0; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { border-top-right-radius: 20px; border-top-left-radius: 20px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } a.list-group-item { color: #555; } a.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:hover, a.list-group-item:focus { text-decoration: none; color: #555; background-color: #f5f5f5; } .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { background-color: #eeeeee; color: #777777; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { color: #777777; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: #fff; background-color: #0099CC; border-color: #0099CC; } .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > .small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: #99e6ff; } .list-group-item-success { color: #468847; background-color: #dff0d8; } a.list-group-item-success { color: #468847; } a.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:hover, a.list-group-item-success:focus { color: #468847; background-color: #d0e9c6; } a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus { color: #fff; background-color: #468847; border-color: #468847; } .list-group-item-info { color: #3a87ad; background-color: #d9edf7; } a.list-group-item-info { color: #3a87ad; } a.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, a.list-group-item-info:focus { color: #3a87ad; background-color: #c4e3f3; } a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus { color: #fff; background-color: #3a87ad; border-color: #3a87ad; } .list-group-item-warning { color: #c09853; background-color: #fcf8e3; } a.list-group-item-warning { color: #c09853; } a.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, a.list-group-item-warning:focus { color: #c09853; background-color: #faf2cc; } a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus { color: #fff; background-color: #c09853; border-color: #c09853; } .list-group-item-danger { color: #b94a48; background-color: #f2dede; } a.list-group-item-danger { color: #b94a48; } a.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, a.list-group-item-danger:focus { color: #b94a48; background-color: #ebcccc; } a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus { color: #fff; background-color: #b94a48; border-color: #b94a48; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { margin-bottom: 25px; background-color: #fff; border: 1px solid transparent; border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 15px; } .panel-body:before, .panel-body:after { content: " "; display: table; } .panel-body:after { clear: both; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 2px; border-top-left-radius: 2px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 14px; color: inherit; } .panel-title > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .panel > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-right-radius: 2px; border-top-left-radius: 2px; } .panel > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-right-radius: 2px; border-top-left-radius: 2px; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 2px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 2px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 2px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 2px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { border: 0; margin-bottom: 0; } .panel-group { margin-bottom: 25px; } .panel-group .panel { margin-bottom: 0; border-radius: 3px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #333333; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #0099CC; } .panel-primary > .panel-heading { color: #fff; background-color: #0099CC; border-color: #0099CC; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #0099CC; } .panel-primary > .panel-heading .badge { color: #0099CC; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #0099CC; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #468847; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #3a87ad; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #c09853; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #c09853; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #b94a48; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #b94a48; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } .embed-responsive.embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive.embed-responsive-4by3 { padding-bottom: 75%; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 20px; -webkit-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: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-lg { padding: 24px; border-radius: 10px; } .well-sm { padding: 9px; border-radius: 5px; } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 10px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; min-height: 16.8px; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.8; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer:before, .modal-footer:after { content: " "; display: table; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; visibility: visible; font-size: 12px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 0.9; filter: alpha(opacity=90); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; border-radius: 20px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; right: 5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-width: 0 5px 5px; border-bottom-color: #000; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; text-align: left; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 10px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); white-space: normal; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 9px 9px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { border-width: 10px; content: ""; } .popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; } .popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); } .popover.right > .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff; } .popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; } .popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left > .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px; } .carousel { position: relative; } .carousel-inner { position: relative; overflow: hidden; width: 100%; } .carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; -moz-transition: 0.6s ease-in-out left; -ms-transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; width: 100% \9; max-width: 100%; height: auto; line-height: 1; } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 15%; opacity: 0.5; filter: alpha(opacity=50); font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } .carousel-control.right { left: auto; right: 0; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } .carousel-control:hover, .carousel-control:focus { outline: 0; color: #fff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; font-family: serif; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #fff; border-radius: 10px; cursor: pointer; background-color: #000 \9; background-color: transparent; } .carousel-indicators .active { margin: 0; width: 12px; height: 12px; background-color: #fff; } .carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -15px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -15px; } .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; visibility: hidden !important; } .affix { position: fixed; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } @charset "UTF-8"; /****/ html { overflow-x: hidden; } body { overflow-x: hidden; } a:hover, a:focus, a:active { -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; outline: none !important; color: #cb1313; } input:hover, input:focus, input:active, select:hover, select:focus, select:active, textarea:hover, textarea:focus, textarea:active { outline: none !important; } img { border: 0; vertical-align: top; max-width: 100%; height: auto; } .video-responsive { height: 0; padding-top: 0; padding-bottom: 56.25%; position: relative; overflow: hidden; } .video-responsive embed, .video-responsive iframe, .video-responsive object, .video-responsive video { top: 0; left: 0; width: 100%; height: 100%; position: absolute; } .body-page input[type="text"], .body-page input[type="tel"], .body-page input[type="password"], .body-page input[type="email"], .body-page textarea, .body-page select { background-color: #fff; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.02) inset; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.02) inset; border: 1px solid rgba(0, 0, 0, 0.1); padding: 5px 10px; } .body-page input[type="text"]:focus, .body-page input[type="text"]:active, .body-page input[type="text"]:hover, .body-page input[type="tel"]:focus, .body-page input[type="tel"]:active, .body-page input[type="tel"]:hover, .body-page input[type="password"]:focus, .body-page input[type="password"]:active, .body-page input[type="password"]:hover, .body-page input[type="email"]:focus, .body-page input[type="email"]:active, .body-page input[type="email"]:hover, .body-page textarea:focus, .body-page textarea:active, .body-page textarea:hover, .body-page select:focus, .body-page select:active, .body-page select:hover { outline: none; } .label { color: #000 !important; } .list-menu ul li { list-style: none; padding: 15px 2px; font-size: 14px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .list-menu ul li:last-child { border-bottom: none; } ul { margin: 0; padding-left: 30px; } ul ul { padding-left: 20px; } ul li { list-style: inherit; } ul li i { margin-right: 3px; font-size: 16px; min-width: 20px; text-align: center; } .item-list ul li { margin-left: 0; } ul.menu > li { position: relative; padding: 3px 0; } ul.menu > li a { padding-left: 15px; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } ul.menu > li a:after { content: ""; width: 5px; height: 5px; position: absolute; top: 50%; left: 1px; margin-top: -3px; z-index: 1; background: #7D7D7D; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } ul.menu > li a:hover { color: #cb1313; } ul.menu > li a:hover:after { background: #cb1313; } ul.feature-list { margin-top: 30px; padding: 0; } ul.feature-list > li { list-style-type: none; padding-left: 30px; position: relative; margin-bottom: 15px; } ul.feature-list > li:after { content: "\e906"; font-family: "gva-icon"; position: absolute; top: 2px; left: 2px; z-index: 1; color: #cb1313; } ul.inline > li { float: left; margin-left: 5px; } table { width: 100%; margin-bottom: 25px; border: 1px solid #ddd; } table > thead > tr > th, table > thead > tr > td, table > tbody > tr > th, table > tbody > tr > td, table > tfoot > tr > th, table > tfoot > tr > td { border-color: #ddd; border-width: 1px 1px 1px 0; border-style: solid; } table > thead > tr > th, table > thead > tr > td { border-bottom-width: 2px; } .no-padding { padding: 0 !important; } a.disable { pointer-events: none; cursor: default; } /************************* Pagination ************************/ .pager .paginations { border-radius: 5px; display: inline-block; margin: 0 30px; padding: 4px 3px; } .pager .paginations a { border: 1px solid rgba(0, 0, 0, 0.1); font-weight: 700; display: inline-block; height: 35px; line-height: 34px; margin: 0 1px; text-align: center; width: 35px; margin-right: 10px; } .pager .paginations a:last-child { margin-right: 0; } .pager .paginations a.active { background: #cb1313; border-color: #cb1313; color: #fff; } #edit-preview, #edit-submit { background: #cb1313; color: #fff; font-size: 12px; text-transform: uppercase; padding: 8px 15px; border: none; } #edit-preview:hover, #edit-submit:hover { background: #eb2626; } .breadcrumb-content-inner { margin-bottom: 30px; text-align: center; } .breadcrumb-content-inner .gva-breadcrumb-content .page-title { font-size: 18px; float: right; margin-bottom: 0; margin-top: 0; } .breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-links { float: left; } .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb .breadcrumb-style { padding: 40px 0 30px; margin-bottom: 45px; position: relative; } .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb.text-white *, .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb.text-white .page-title, .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb.text-light *, .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb.text-light .page-title { color: #fff; } .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb.text-white .breadcrumb-links li, .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb.text-light .breadcrumb-links li { color: #fff; } .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb.text-white .breadcrumb-links li a, .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb.text-light .breadcrumb-links li a { color: #fff; } .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb.text-white .breadcrumb-links li a:hover, .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb.text-light .breadcrumb-links li a:hover { color: #999999; } .breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-links nav.breadcrumb { display: inline-block; } .breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-links nav.breadcrumb li { font-size: 14px; font-weight: 400; color: #bbbbbb; text-transform: capitalize; } .breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-links nav.breadcrumb li a { color: #222; } .breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-links nav.breadcrumb li a:hover { color: #cb1313; } pre { border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; margin: 30px 0; } .drupal-message { background: #CDCDCD; max-width: 1170px; margin: 0 auto; position: fixed; z-index: 99; bottom: 15px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 100%; max-height: 50%; overflow: auto; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; transition-delay: 4px; } .drupal-message ._close { position: absolute; top: 5px; right: 5px; color: #000; font-size: 15px; z-index: 1; width: 20px; height: 20px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background: #fff; border: 1px solid #000; text-align: center; line-height: 16px; } .drupal-message ._close:hover { cursor: pointer; border-color: #cb1313; color: #cb1313; } .drupal-message .messages__wrapper { padding: 2px 30px 2px 15px; } .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6 { color: #fff; } img.unveil-image { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; } img.unveil-image.image-loaded { opacity: 1; filter: alpha(opacity=100); } html { overflow-x: hidden; } body { overflow-x: hidden; } body.boxed { max-width: 1440px; margin: 0 auto; -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15); background-color: #efefef; } body.boxed div.body-page { background: #fff; } .language-box .links > li { margin-right: 10px; opacity: 0.6; filter: alpha(opacity=60); line-height: 1; margin-top: 5px; float: right; } .language-box .links > li.is-active { opacity: 1; filter: alpha(opacity=100); } .area.slideshow_content .block { margin-bottom: 0; } .area-panel { padding: 30px 0; } .header-right .block { margin-bottom: 0; } .promotion { padding: 0; margin-bottom: 0; } #page-main-content { min-height: 360px; } @media (max-width: 991px) { #page-main-content { min-height: 100px; } } .main-menu .area-main-menu .area-inner .block { margin-bottom: 0; } .sidebar { position: relative; } body.hidden-footer .footer-center { display: none !important; } body.copyright-fixed #footer { z-index: 999 !important; } body.copyright-fixed .copyright { position: fixed; bottom: 0; z-index: 999; left: 0; width: 100%; } .footer { font-size: 14px; color: #bbbbbb; background: #2E2E2E; line-height: 28px; } .footer .footer-top .before-footer { border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 30px 0; } .footer .footer-center { padding: 40px 0; } .footer a { color: #FFFFFF; } .footer a:hover { color: #cb1313; } .footer .block { padding-bottom: 0; margin-bottom: 0; } .footer .block .block-title { border: none; margin-bottom: 10px; } .footer .block .block-title:after { content: ''; width: 100px; height: 1px; background: #cb1313; position: absolute; bottom: 0; left: 0; z-index: 1; } .footer .block .block-title span { color: #fff !important; } @media (max-width: 991px) { .footer .column { margin-bottom: 20px; } } body.footer-fixed .gva-body-page { background-color: #fff; -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); position: relative; z-index: 9; } @media (max-width: 991px) { body.footer-fixed .gva-body-page { margin-bottom: 0 !important; } } body.footer-fixed #footer { position: fixed; bottom: 0; left: 0; z-index: 1; width: 100%; } @media (max-width: 991px) { body.footer-fixed #footer { position: static; } } .copyright a:hover { color: #cb1313; } .copyright .copyright-inner { padding: 20px 0; } .copyright .copyright-inner .block { margin: 0; } .topbar { background: #F7F5F5; font-size: 12px; padding: 5px 0 0; margin-top: -1px; color: #434343; } .topbar i { color: #fff; font-size: 14px; } .topbar i:hover { color: #eb2626; } .topbar .block { margin: 0 !important; } .language-box .links > li { margin-right: 10px; opacity: 0.6; filter: alpha(opacity=60); line-height: 1; margin-top: 5px; float: right; } .language-box .links > li.is-active { opacity: 1; filter: alpha(opacity=100); } header { margin-top: 1px; } header .header-main { padding: 30px 0; background: #fff; } header .site-branding-logo { padding: 20px 0 0; display: inline-block; max-height: 80px; width: auto; } @media (max-width: 991px) { header .site-branding-logo { padding: 5px 0 !important; } } @media (max-width: 991px) { header .site-branding { text-align: left; padding-bottom: 10px; } header .header-right-inner, header .header-right-inner .block { text-align: center !important; } } header .header-main { padding: 0; background: none; } header .area-main-menu .navigation { position: static; } header .area-main-menu .navigation ul.gva_menu { position: static; } header .area-main-menu .gva-search-region { position: absolute; right: 5px; top: 50%; margin-top: -13px; z-index: 9; } @media (max-width: 991px) { header .area-main-menu .gva-search-region { margin-top: -5px; top: 30px; right: 85px; } header .area-main-menu .gva-search-region .icon { color: #222 !important; } } header .area-main-menu .gva-search-region .icon { font-size: 14px; color: #222; } header .area-main-menu .gva-search-region .icon:hover { cursor: pointer; } header .area-main-menu .gva-search-region .search-content { display: none; width: 305px; position: absolute; top: 43px; right: 0; margin-top: -1px; z-index: 99; background: #fff; padding: 20px; -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); } header .area-main-menu .gva-search-region .search-content input#edit-keys { height: 35px; padding: 5px; border: 1px solid rgba(0, 0, 0, 0.1); background: none; width: 168px; } header .area-main-menu .gva-search-region .search-content #edit-submit { position: absolute; top: 0; right: 0; z-index: 1; } header .area-main-menu .gva-search-region .search-content #edit-actions { margin: 0 !important; padding: 0 !important; } header .area-main-menu .gva-search-region.show .search-content { display: block; } header .block { overflow: visible; } header.header-v1 { position: relative; background: #303030; } header.header-v1 .header-inner { /*padding-right: 30px;*/ } header.header-v1 .header-main { position: relative; z-index: 99; } header.header-v1 .gva-search-region i { color: #fff; } header.header-v1 .stuck { background: #F7F5F5; } header.header-v2 { position: relative; background: #303030; } header.header-v2 .header-inner { padding-right: 30px; border-top: 1px solid rgba(255, 255, 255, 0.1); } header.header-v2 .header-main { position: relative; z-index: 9; } header.header-v2 .header-main .navigation .gva_menu { text-align: center; float: none; } header.header-v2 .gva-search-region { bottom: 26px !important; top: auto !important; } header.header-v2 .gva-search-region i { color: #fff; } header.header-v2 .stuck { background: #303030; } header.header-v3 { position: relative; background: #303030; } header.header-v3 .topbar { background: #303030; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } header.header-v3 .header-inner { padding-right: 30px; } header.header-v3 .header-main { position: relative; z-index: 9; } header.header-v3 .gva-search-region i { color: #fff; } header.header-v3 .stuck { background: #303030; } header.header-v4 { position: relative; background: #303030; } header.header-v4 .topbar { background: #303030; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-left: 50px; padding-right: 50px; } header.header-v4 .header-inner { padding-right: 30px; } header.header-v4 .header-main { position: relative; z-index: 9; } header.header-v4 .header-main .header-content-layout { padding: 0 50px; } header.header-v4 .gva-search-region i { color: #fff; } @media (min-width: 991px) { header.header-v4 .navigation .gva_menu > li.gva-mega-menu > ul.sub-menu { max-width: 900px; left: auto; right: 0; } } header.header-v4 .stuck { background: #303030; } header.header-v5 { position: relative; background: #303030; } header.header-v5 .topbar { background: #303030; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-left: 50px; padding-right: 50px; } header.header-v5 .header-inner { padding-right: 30px; } header.header-v5 .header-main { position: relative; z-index: 9; } header.header-v5 .header-main .header-content-layout { padding: 0 50px; } header.header-v5 .gva-search-region i { color: #fff; } header.header-v5 .stuck { background: #303030; } .stuck { position: fixed !important; top: 0; left: 0; z-index: 99 !important; width: 100%; -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } @media (min-width: 1199px) { .sticky-is-hidden .stuck { top: -200px; } .sticky-is-show .stuck { -webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.1); top: 0; } } body.hidden-title .node--view-mode-full header { display: none !important; } body.page-background { background: url("/images//bg-home.jpg") no-repeat top center #EEEEEE; } body.page-background #footer, body.page-background .gva-body-page { max-width: 1300px; margin: 0 auto; } /* ----- Maintenance page ----- */ body.maintenance-page { background-color: #fff; color: #000; } .maintenance-page #page-wrapper { background: #fff; margin-left: auto; margin-right: auto; min-width: 0; min-height: 0; border: 1px solid #ddd; margin-top: 40px; } .maintenance-page #page { margin: 10px; } .maintenance-page #main-wrapper { min-height: inherit; } .maintenance-page #header { width: auto; } .maintenance-page #main { margin: 0; } .maintenance-page .content .section { padding: 0 0 0 10px; /* LTR */ } [dir="rtl"] .maintenance-page .content .section { padding-left: 0; padding-right: 10px; } .maintenance-page #header { background-color: #fff; background-image: none; } .maintenance-page .site-branding-text { margin-bottom: 50px; margin-left: 0; /* LTR */ padding-top: 20px; font-size: 90%; } [dir="rtl"] .maintenance-page .site-branding-text { margin-right: 0; } .maintenance-page .site-branding-text, .maintenance-page .site-branding-text a, .maintenance-page .site-branding-text a:hover, .maintenance-page .site-branding-text a:focus { color: #777; } .maintenance-page .page-title { line-height: 1em; margin-top: 0; } @media all and (min-width: 800px) { .maintenance-page #page-wrapper { width: 800px; } .maintenance-page #header div.section, .maintenance-page #main { width: 700px; } } @media all and (min-width: 600px) { /* @TODO find the proper breakpoint */ .maintenance-page #page { margin: 20px 40px 40px; } } .page-notfound { text-align: center; padding: 150px 0; background: #f6f6f6; } @media (max-width: 991px) { .page-notfound { padding: 50px 0; } } .page-notfound header { display: none !important; } .page-notfound .big-title { font-size: 200px; font-weight: 700; text-transform: uppercase; color: #222; line-height: 1; } @media (max-width: 991px) { .page-notfound .big-title { font-size: 90px; } } .page-notfound .sub-title { color: #999999; padding: 30px 0; } .page-notfound .content { color: #666666; font-size: 16px; max-width: 450px; margin: 0 auto; line-height: 30px; } @media (max-width: 991px) { .page-notfound .content { padding: 0 20px; } } .page-notfound .action { text-align: center; margin-top: 30px; } .page-notfound .action a { font-size: 16px; color: #cb1313; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; } .page-notfound .action a:hover { color: #222; } .view-page { margin-bottom: 50px; } .node--view-mode-full.node--type-portfolio .post-title { font-size: 24px; text-transform: uppercase; padding: 0; } .node--view-mode-full.node--type-portfolio .post-meta { padding-bottom: 20px; } .node--view-mode-full.node--type-portfolio .portfolio-images .owl-nav .owl-prev { left: 20px !important; } .node--view-mode-full.node--type-portfolio .portfolio-images .owl-nav .owl-next { right: 20px !important; } .node--view-mode-full.node--type-portfolio .portfolio-images .owl-dots { position: absolute; bottom: 10px; left: 0; width: 100%; } #user-register-form { padding: 20px 0; } #user-register-form .form-wrapper { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } #user-register-form .form-wrapper#edit-actions { border-bottom: none; } #user-register-form label { width: 100%; } #user-register-form .form-item { margin-bottom: 15px; } #user-login-form, #user-register-form, #user-pass { max-width: 800px; margin: 0 auto; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); padding: 30px; margin-bottom: 50px; margin-top: 30px; } #user-login-form:before, #user-login-form:after, #user-register-form:before, #user-register-form:after, #user-pass:before, #user-pass:after { content: " "; display: table; } #user-login-form:after, #user-register-form:after, #user-pass:after { clear: both; } summary { font-weight: 700; text-transform: uppercase; color: #cb1313; } #single-gallery { max-width: 900px; margin: 0 auto; } #single-gallery .post-title { margin-bottom: 30px; text-transform: capitalize; text-align: center; } .post-block { background: #fff; } .post-block .post-image { overflow: hidden; } .post-block .post-image a { position: relative; display: block; } .post-block .post-image img { width: 100%; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; } .post-block .post-image:hover a:before, .post-block .post-image:hover a:after { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .post-block .post-title { padding: 5px 0; margin-bottom: 5px; } .post-block .post-title a { display: block; line-height: 24px; font-weight: 400; font-size: 16px; color: #222; font-family: "Al-Jazeera-Arabic-Regular",sans-serif; text-transform: none; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; } .post-block .post-title a:hover, .post-block .post-title a:active, .post-block .post-title a:before { color: #cb1313; } .post-block .post-content:before, .post-block .post-content:after { content: " "; display: table; } .post-block .post-content:after { clear: both; } .post-block .post-meta { font-size: 12px; font-weight: 400; padding: 0 0 10px; color: #757575; } .post-block .post-meta:before, .post-block .post-meta:after { content: " "; display: table; } .post-block .post-meta:after { clear: both; } .post-block .post-meta a { text-transform: uppercase; } .post-block .post-meta a:hover, .post-block .post-meta a:active, .post-block .post-meta a:focus { text-decoration: underline; } .post-block .post-meta .post-categories { margin-bottom: 0; } .post-block .post-created { position: relative; } .post-block .post-description { margin-top: 15px; } .post-block .post-comment { text-transform: none; position: relative; } .post-block .post-categories { position: relative; margin-bottom: 10px; display: block; } .post-block .content-after { padding: 10px 0 0; } .post-block .post-link a { font-size: 12px; position: relative; padding-right: 25px; } .post-block .post-link a:after { content: '\f178'; font-family: "FontAwesome"; position: absolute; right: 0; top: 3px; z-index: 1; line-height: 10px; font-size: 16px; } .gallery-post { position: relative; display: block; width: 100%; margin-bottom: 30px; } .gallery-post:after { content: ""; width: 100%; height: 100%; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; top: 0; left: 0; position: absolute; background: rgba(0, 0, 0, 0.6); z-index: 9; opacity: 0; filter: alpha(opacity=0); } .gallery-post .image { overflow: hidden; } .gallery-post .content-image { opacity: 0; filter: alpha(opacity=0); } .gallery-post .content-image .link-image { font-size: 18px; color: #fff; position: absolute; top: 15px; width: 48px; height: 48px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; text-align: center; line-height: 48px; background: rgba(255, 255, 255, 0.25); right: 15px; z-index: 11; } .gallery-post .content-image .title { text-align: left; position: absolute; bottom: 20px; left: 20px; right: 20px; z-index: 11; } .gallery-post .content-image .title a { border-top: 1px solid rgba(255, 255, 255, 0.3); font-size: 18px; width: 100%; padding-top: 5px; display: block; color: #fff; font-weight: 400; } .gallery-post .content-image .title a:hover, .gallery-post .content-image .title a:focus, .gallery-post .content-image .title a:active { text-decoration: underline; } .gallery-post:hover:after { opacity: 1; filter: alpha(opacity=100); } .gallery-post:hover .content-image { opacity: 1; filter: alpha(opacity=100); } .style-dark .post-block { background: transparent; } .style-dark .post-block .post-title { background: transparent; } .style-dark .post-block .post-title a { color: #fff; } .style-dark .post-block .post-title a:hover { color: #cb1313; } .post-slideshow div[class*="col-"] { padding: 0; } .post-style-horizontal .post-block:before, .post-style-horizontal .post-block:after { content: " "; display: table; } .post-style-horizontal .post-block:after { clear: both; } @media (max-width: 480px) { .post-style-horizontal .post-block .row > div { width: 100% !important; } } .post-style-horizontal .post-block .post-content { padding-top: 10px; padding-right: 20px; } .posts-grid .post-block { margin: 10px 0; background: #fff; text-align: left; } .posts-grid .post-block .post-categories { margin: 0; } .posts-grid .post-block .post-content { background: #fff; position: relative; border-top: 0; padding: 15px 0; text-align: center; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .posts-grid .post-block .post-title a { font-size: 18px; } .posts-grid .post-block .post-title a:hover, .posts-grid .post-block .post-title a:focus, .posts-grid .post-block .post-title a:active { text-decoration: underline; } .posts-grid .post-block .post-meta { padding: 0 0 10px; text-transform: uppercase; font-size: 12px; color: #757575; } .posts-grid .post-block .post-meta a { text-transform: uppercase; } .posts-grid .post-block:hover .post-content, .posts-grid .post-block:focus .post-content, .posts-grid .post-block:active .post-content { background: #cb1313; } .posts-grid .post-block:hover .post-title a, .posts-grid .post-block:focus .post-title a, .posts-grid .post-block:active .post-title a { color: #fff; } .posts-grid .post-block:hover .post-meta, .posts-grid .post-block:focus .post-meta, .posts-grid .post-block:active .post-meta { color: #fff; } .posts-grid .post-block:hover .post-meta a, .posts-grid .post-block:focus .post-meta a, .posts-grid .post-block:active .post-meta a { color: #fff; } .posts-grid-2 .post-block .post-image { width: 50%; float: left; } .posts-grid-2 .post-block .post-content { width: 50%; float: left; padding-left: 25px; } .posts-grid-2 .post-block .post-content .post-title a { font-size: 18px; font-weight: 400; } .posts-grid-2 .post-block .post-content .post-title a:hover, .posts-grid-2 .post-block .post-content .post-title a:focus, .posts-grid-2 .post-block .post-content .post-title a:active { text-decoration: underline; } .posts-grid-3 .post-block { margin: 10px 0; background: #fff; text-align: left; } .posts-grid-3 .post-block .post-categories { margin: 0; } .posts-grid-3 .post-block .post-content { background: #fff; position: relative; border-top: 0; padding: 15px 25px; text-align: left; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .posts-grid-3 .post-block .post-title a { font-size: 18px; } .posts-grid-3 .post-block .post-title a:hover, .posts-grid-3 .post-block .post-title a:focus, .posts-grid-3 .post-block .post-title a:active { text-decoration: underline; } .posts-grid-3 .post-block .post-meta { padding: 0 0 10px; text-transform: uppercase; font-size: 12px; color: #757575; } .posts-grid-3 .post-block .post-meta a { text-transform: uppercase; } .posts-grid-3 .post-block .view-node { margin-top: 45px; text-align: right; } .posts-grid-3 .post-block .view-node a { font-size: 14px; text-transform: uppercase; font-weight: 700; position: relative; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .posts-grid-3 .post-block .view-node a:after { content: '\f178'; font-family: "FontAwesome"; position: absolute; top: 5px; right: 0; opacity: 0; filter: alpha(opacity=0); z-index: 1; line-height: 10px; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .posts-grid-3 .post-block .view-node a:hover, .posts-grid-3 .post-block .view-node a:focus, .posts-grid-3 .post-block .view-node a:active { padding-right: 20px; } .posts-grid-3 .post-block .view-node a:hover:after, .posts-grid-3 .post-block .view-node a:focus:after, .posts-grid-3 .post-block .view-node a:active:after { opacity: 1; filter: alpha(opacity=100); } .post-style-hero .post-block { position: relative; } .post-style-hero .post-block .post-image a:after { content: ""; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; position: absolute; background: rgba(0, 0, 0, 0.4); } .post-style-hero .post-block .post-content { position: absolute; bottom: 0; left: 0; padding: 15px 20px; width: 100%; background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.9) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.9))); background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.9) 100%); background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.9) 100%); background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.9) 100%); background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); z-index: 9; } .post-style-hero .post-block .post-content .post-title { padding: 0; } .post-style-hero .post-block .post-content .post-title a { font-size: 13px; color: #fff; text-transform: uppercase; } .post-style-hero .post-block .post-content .post-title a:hover { text-decoration: underline; } .post-style-hero .post-block .post-content .post-meta { color: rgba(255, 255, 255, 0.7); } .post-style-hero .post-block .post-content .post-meta a { color: #fff; } .post-style-hero .post-block .post-content .post-meta a:hover { text-decoration: underline; } .post-style-hero .post-block .post-content .post-body { margin-top: 10px; color: rgba(255, 255, 255, 0.7); line-height: 26px; } .post-style-hero .post-block .post-content .post-body p { margin-bottom: 0; } .post-style-hero.v2 .post-block { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; overflow: hidden; } .post-style-hero.v2 .post-block .post-content { padding: 30px; border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -ms-border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px; overflow: hidden; } .post-style-hero.v2 .post-block .post-image a img { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } .post-style-hero.v2 .post-block .post-image a:after { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; overflow: hidden; } .node--view-mode-full .post-thumbnail { margin-bottom: 10px; } .node--view-mode-full .post-thumbnail iframe { min-height: 400px; } .node--view-mode-full .post-title { margin: 0; } .node--view-mode-full .post-categories { padding-bottom: 0; margin-bottom: 5px; } .node-detail { padding-bottom: 35px; } .node-detail iframe { width: 100%; display: block; } .node-detail .post-thumbnail.post-gallery { overflow: hidden; } .node-detail .post-thumbnail.post-gallery .owl-nav { opacity: 1; filter: alpha(opacity=100); } .node-detail .post-thumbnail.post-gallery .owl-nav .owl-prev { margin-left: 100px; } .node-detail .post-thumbnail.post-gallery .owl-nav .owl-next { margin-right: 100px; } .node-detail .post-title { font-size: 24px; } .node-detail .post-meta { margin-bottom: 20px; } .node-detail .field--name-field-tags .field__item { display: inline-block; margin: 5px; font-weight: 700; text-transform: uppercase; } .categories-view-content.layout-grid .post-block, .categories-view-content.layout-masonry .post-block { margin-bottom: 30px; text-align: left; } .categories-view-content.layout-grid .post-block .post-categories, .categories-view-content.layout-masonry .post-block .post-categories { margin: 0; } .categories-view-content.layout-grid .post-block .post-categories h2, .categories-view-content.layout-grid .post-block .post-categories h3, .categories-view-content.layout-grid .post-block .post-categories h4, .categories-view-content.layout-masonry .post-block .post-categories h2, .categories-view-content.layout-masonry .post-block .post-categories h3, .categories-view-content.layout-masonry .post-block .post-categories h4 { margin: 0; line-height: 1; } .categories-view-content.layout-grid .post-block .post-title, .categories-view-content.layout-masonry .post-block .post-title { padding: 0; } .categories-view-content.layout-grid .post-block .post-meta, .categories-view-content.layout-masonry .post-block .post-meta { margin-top: 0; } .categories-view-content.layout-grid .post-block .post-body, .categories-view-content.layout-masonry .post-block .post-body { padding: 10px 0 15px; } .categories-view-content.layout-grid .post-block .post-content, .categories-view-content.layout-masonry .post-block .post-content { padding: 15px; border: 1px solid rgba(0, 0, 0, 0.1); border-top: 0; } .categories-view-content.layout-list .post-block { margin-bottom: 0; } .categories-view-content.layout-list .post-block:before, .categories-view-content.layout-list .post-block:after { content: " "; display: table; } .categories-view-content.layout-list .post-block:after { clear: both; } .categories-view-content.layout-list .post-block .post-thumbnail { width: 45%; float: left; } @media (max-width: 767px) { .categories-view-content.layout-list .post-block .post-thumbnail { width: 100%; } } .categories-view-content.layout-list .post-block .post-title { padding: 0; margin: 0; } .categories-view-content.layout-list .post-block .post-content { width: 55%; float: left; padding-left: 30px; } @media (max-width: 767px) { .categories-view-content.layout-list .post-block .post-content { width: 100%; } } .categories-view-content.layout-list .post-block .post-content .post-categories { line-height: 1; padding-bottom: 0; margin-bottom: 0; } .categories-view-content.layout-list .post-block .post-content .post-categories h2 { margin: 0; } .post-style-stick .item-list > ul > li { border-bottom: 1px dashed #e1e1e1; display: block; float: right; overflow: hidden; width: 50%; clear: right; } @media (max-width: 991px) { .post-style-stick .item-list > ul > li { width: 100%; clear: both; } } .post-style-stick .item-list > ul > li .post-title, .post-style-stick .item-list > ul > li .post-meta, .post-style-stick .item-list > ul > li .post-meta-wrap { clear: both; } .post-style-stick .item-list > ul > li:last-child { margin-bottom: 0 !important; } .post-style-stick .item-list > ul > li:after { visibility: hidden; display: block; content: "."; clear: right; height: 0; } .post-style-stick .item-list > ul > li:not(:first-child) { margin-bottom: 15px; padding-bottom: 15px; } .post-style-stick .item-list > ul > li:not(:first-child) .post-image { display: none; } .post-style-stick .item-list > ul > li:not(:first-child) .post-title, .post-style-stick .item-list > ul > li:not(:first-child) .post-meta, .post-style-stick .item-list > ul > li:not(:first-child) .post-meta-wrap { clear: none !important; } .post-style-stick .item-list > ul > li:not(:first-child) .post-content-inner, .post-style-stick .item-list > ul > li:not(:first-child) .content-body, .post-style-stick .item-list > ul > li:not(:first-child) .post-body { display: none; } .post-style-stick .item-list > ul > li:not(:first-child) .post-title { padding: 0; } .post-style-stick .item-list > ul > li:not(:first-child) .post-title a { font-size: 12px; line-height: 22px; display: block; } .post-style-stick .item-list > ul > li:not(:first-child) .post-title a:hover { color: #cb1313; } .post-style-stick .item-list > ul > li:first-child { border-bottom: 0 none; display: block; float: left; padding-right: 15px !important; width: 50%; clear: none; padding-bottom: 0; margin-bottom: 0; } @media (max-width: 991px) { .post-style-stick .item-list > ul > li:first-child { width: 100%; clear: both; margin-bottom: 20px; } } .post-style-stick .item-list > ul > li:first-child .post-title { padding: 12px 0 0; } .post-style-stick .item-list > ul > li:first-child .post-title a { font-size: 14px; line-height: 24px; } .post-style-stick .item-list > ul > li:first-child .post-title a:hover { color: #cb1313; } .post-style-stick .item-list > ul > li:first-child .post-meta { margin: 0 0 10px; } .post-style-stick .item-list > ul > li:first-child:after { content: none; } .post-style-stick.image .item-list > ul > li { border: none; } .post-style-stick.image .item-list > ul > li:not(:first-child) { margin-bottom: 20px; padding-bottom: 0; } .post-style-stick.image .item-list > ul > li:not(:first-child) .post-image { display: inline-block; width: 85px; height: auto; float: left; } .post-style-stick.image .item-list > ul > li:not(:first-child) .post-content { padding-left: 95px; } .post-style-stick.image .item-list > ul > li:not(:first-child) .post-title, .post-style-stick.image .item-list > ul > li:not(:first-child) .post-meta, .post-style-stick.image .item-list > ul > li:not(:first-child) .post-meta-wrap { clear: none !important; } .post-style-stick.image .item-list > ul > li:not(:first-child) .post-content-inner, .post-style-stick.image .item-list > ul > li:not(:first-child) .content-body, .post-style-stick.image .item-list > ul > li:not(:first-child) .post-body { display: none; } .post-style-stick.list .item-list > ul > li { width: 100% !important; border-bottom: 1px solid #e1e1e1; margin-bottom: 15px; padding-bottom: 15px !important; } .post-style-stick.list .item-list > ul > li:first-child { border-bottom: 1px solid #e1e1e1; display: block; float: left; padding-right: 0 !important; clear: none; margin-bottom: 15px; padding-bottom: 15px; } .post-style-stick.list .item-list > ul > li:last-child { border: none; } .post-style-list ul > li { margin-bottom: 20px !important; } .post-style-list .post-block { clear: both; } .post-style-list .post-block .post-image { width: 40%; float: left; } @media (max-width: 767px) { .post-style-list .post-block .post-image { width: 100%; } } .post-style-list .post-block .post-image img { height: auto; width: 100%; } .post-style-list .post-block .post-meta { margin-top: 3px; } .post-style-list .post-block .post-content { padding-top: 5px; width: 60%; padding-left: 15px; float: left; } @media (max-width: 767px) { .post-style-list .post-block .post-content { width: 100%; padding-left: 0; } } .post-style-list .post-block .post-title { padding-top: 0; } .post-style-list .post-block.no-image .post-content { width: 100%; padding-left: 0; } .post-style-list.small .post-block { margin-bottom: 20px; } .post-style-list.small .post-block:before, .post-style-list.small .post-block:after { content: " "; display: table; } .post-style-list.small .post-block:after { clear: both; } .post-style-list.small .post-image { width: 90px; height: auto; } @media (max-width: 1199px) { .post-style-list.small .post-image { width: 60px; } } .post-style-list.small .post-content { padding-left: 105px; float: none; width: 100%; } @media (max-width: 1199px) { .post-style-list.small .post-content { padding-left: 80px; } } .post-style-list.small .post-title { padding: 0; margin-bottom: 0; } .post-style-list.small .post-title a { font-size: 15px; margin-top: -5px; text-transform: none; line-height: 22px; } .post-style-list.small .post-title a:hover { color: #cb1313; } .post-style-list.small .post-meta { padding: 0; } .list-ziczac .view-content-wrap .item { margin-bottom: 30px; } .list-ziczac .view-content-wrap .item .post-block { max-width: 900px; margin: 0 auto; } .list-ziczac .view-content-wrap .item .post-block:before, .list-ziczac .view-content-wrap .item .post-block:after { content: " "; display: table; } .list-ziczac .view-content-wrap .item .post-block:after { clear: both; } .list-ziczac .view-content-wrap .item .post-block .post-image { width: 40%; float: left; } .list-ziczac .view-content-wrap .item .post-block .post-content { width: 60%; background: #F5F5F5; float: left; padding: 20px 30px 50px; margin-top: 10px; } .list-ziczac .view-content-wrap .item .post-block .post-content .post-title a { font-size: 18px; color: #6a6872; } .list-ziczac .view-content-wrap .item .post-block .post-content .post-title a:hover, .list-ziczac .view-content-wrap .item .post-block .post-content .post-title a:focus, .list-ziczac .view-content-wrap .item .post-block .post-content .post-title a:active { color: #cb1313; } .list-ziczac .view-content-wrap .item .post-block .post-content .post-meta { float: left; width: 100%; text-transform: uppercase; font-weight: 700; color: #757575; margin-top: 5px; } .list-ziczac .view-content-wrap .item .post-block .post-content .post-meta a { color: #757575; } .list-ziczac .view-content-wrap .item .post-block .post-content .post-meta a:hover, .list-ziczac .view-content-wrap .item .post-block .post-content .post-meta a:focus, .list-ziczac .view-content-wrap .item .post-block .post-content .post-meta a:active { color: #cb1313; } .list-ziczac .view-content-wrap .item .post-block .view-node { text-align: right; float: right; margin-top: 20px; } .list-ziczac .view-content-wrap .item .post-block .view-node a { color: #9896a4; text-transform: uppercase; } .list-ziczac .view-content-wrap .item .post-block .view-node a:hover, .list-ziczac .view-content-wrap .item .post-block .view-node a:focus, .list-ziczac .view-content-wrap .item .post-block .view-node a:active { color: #cb1313; } .list-ziczac .view-content-wrap .item:nth-child(2n) .post-block .post-image { float: right !important; } .list-ziczac .view-content-wrap .item:nth-child(2n) .post-block .post-content { float: right !important; } .list-ziczac .view-content-wrap .item:nth-child(2n) .post-block .view-node { text-align: left; float: left; } .portfolio-filter { margin-bottom: 20px; text-align: center; } .portfolio-filter ul.nav-tabs { display: inline-block; } .portfolio-filter ul.nav-tabs > li > a { font-weight: 400; color: #757575; font-size: 14px; padding: 5px 20px !important; text-transform: none; font-weight: 700; margin-right: 10px; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; border-color: transparent !important; -webkit-box-shadow: none; box-shadow: none; position: relative; background: none !important; } .portfolio-filter ul.nav-tabs > li > a:after { content: ""; border: 7px solid transparent; border-top-color: #cb1313; position: absolute; right: 0; top: 0; z-index: 1; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .portfolio-filter ul.nav-tabs > li > a.active, .portfolio-filter ul.nav-tabs > li > a:hover, .portfolio-filter ul.nav-tabs > li > a:focus, .portfolio-filter ul.nav-tabs > li > a:active { color: #cb1313 !important; border-color: #cb1313 !important; } .portfolio-filter ul.nav-tabs > li > a.active:after, .portfolio-filter ul.nav-tabs > li > a:hover:after, .portfolio-filter ul.nav-tabs > li > a:focus:after, .portfolio-filter ul.nav-tabs > li > a:active:after { opacity: 1; filter: alpha(opacity=100); } .portfolio-item { margin-bottom: 30px; position: relative; overflow: hidden; } .portfolio-item:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #222; opacity: 0; filter: alpha(opacity=0); z-index: 1; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .portfolio-item .content-inner { position: absolute; width: 100%; height: auto; left: 0; bottom: -20px; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); z-index: 11; opacity: 0; filter: alpha(opacity=0); text-align: left; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; padding: 25px 25px 25px; } .portfolio-item .content-inner .tags { font-size: 12px; font-weight: 700; text-transform: uppercase; color: rgba(255, 255, 255, 0.8); position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.3); margin-bottom: 5px; padding-bottom: 5px; } .portfolio-item .content-inner .tags a { color: rgba(255, 255, 255, 0.8); } .portfolio-item .content-inner .title a { font-size: 18px; color: #fff; font-weight: 400; line-height: 26px; } .portfolio-item .content-inner .title a:hover, .portfolio-item .content-inner .title a:focus, .portfolio-item .content-inner .title a:active { text-decoration: underline; } .portfolio-item ul { list-style: none; padding: 0; } .portfolio-item:hover:after, .portfolio-item:active:after, .portfolio-item:focus:after { top: 0; opacity: 0.7; filter: alpha(opacity=70); } .portfolio-item:hover .content-inner, .portfolio-item:active .content-inner, .portfolio-item:focus .content-inner { opacity: 1; filter: alpha(opacity=100); bottom: 0; } .portfolio-grid-1 .row { margin-left: -2px !important; margin-right: -2px !important; } .portfolio-grid-1 .isotope-items > div { padding-left: 2px !important; padding-right: 2px !important; } .portfolio-grid-1 .portfolio-item { margin-bottom: 4px; } .portfolio-v2 { margin-bottom: 35px; } .portfolio-v2 ul { padding: 0; list-style-type: none; } .portfolio-v2 .image { position: relative; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .portfolio-v2 .content-inner { position: relative; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; text-align: left; } .portfolio-v2 .content-inner:before, .portfolio-v2 .content-inner:after { content: " "; display: table; } .portfolio-v2 .content-inner:after { clear: both; } .portfolio-v2 .content-inner .title { font-size: 14px; font-weight: 700; color: #222; line-height: 24px; font-family: "Al-Jazeera-Arabic-Regular",sans-serif; text-transform: uppercase; margin: 15px 0 10px; } .text-light .portfolio-v2 .content-inner a { color: #fff; } .text-light .portfolio-v2 .content-inner a:hover, .text-light .portfolio-v2 .content-inner a:focus, .text-light .portfolio-v2 .content-inner a:active { text-decoration: underline; } .portfolio-single { padding-bottom: 30px; } .portfolio-single .portfolio-informations { margin-bottom: 15px; } .portfolio-single .portfolio-informations .item-information { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 15px 0; } .portfolio-single .portfolio-informations .item-information span:first-child { font-weight: 700; min-width: 120px; display: inline-block; } .portfolio-single .post-content ul { padding-left: 20px; margin-top: 15px; } .portfolio-single .post-categories .field__item { float: left; } .team-block .team-image { position: relative; text-align: center; } .team-block .team-image .team-email { position: absolute; bottom: -20px; left: 30px; right: 30px; text-align: center; font-size: 12px; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; color: #fff; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; opacity: 0; filter: alpha(opacity=0); z-index: 9; } .team-block .team-image .team-email:hover { text-decoration: underline; } .team-block .team-image:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); z-index: 1; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .team-block .team-name { font-weight: 700; color: #222; margin-top: 20px; line-height: 24px; } .team-block .team-job { font-size: 12px; color: #999999; } .team-block .socials { margin-top: 10px; } .team-block:hover .team-image:after { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .team-block:hover .team-email { bottom: 30px; opacity: 1; filter: alpha(opacity=100); } .team-carousel .owl-carousel { margin: 0 !important; } .team-carousel .owl-carousel .item { padding: 0 !important; } .team-carousel .owl-carousel .owl-prev { left: 15px !important; } .team-carousel .owl-carousel .owl-next { right: 15px !important; } .team-carousel .team-block { position: relative; } .team-carousel .team-block .team-email { display: none; } .team-carousel .team-block .team-image:after { background: rgba(0, 0, 0, 0.5); } .team-carousel .team-block .team-content { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 99; padding: 30px 30px 20px; opacity: 0; filter: alpha(opacity=0); } @media (max-width: 767px) { .team-carousel .team-block .team-content { padding: 20px; } } .team-carousel .team-block .team-content .team-name { margin: 0; } .team-carousel .team-block .team-content .team-name a { color: #fff; font-size: 18px; font-weight: 500; } .team-carousel .team-block .team-content .team-name a:hover, .team-carousel .team-block .team-content .team-name a:active, .team-carousel .team-block .team-content .team-name a:focus { color: #cb1313; } .team-carousel .team-block .team-content .team-job { color: #fff; } .team-carousel .team-block .team-content .socials { margin-top: 0 !important; } .team-carousel .team-block .team-content .socials a { margin-right: 0 !important; } .team-carousel .team-block .team-content .socials a i { background: none !important; color: #fff; width: 24px; height: 24px; font-size: 13px; } .team-carousel .team-block .team-content .socials a:hover, .team-carousel .team-block .team-content .socials a:active, .team-carousel .team-block .team-content .socials a:focus { color: #cb1313; opacity: 1; filter: alpha(opacity=100); } .team-carousel .team-block .team-content .socials a:hover i, .team-carousel .team-block .team-content .socials a:active i, .team-carousel .team-block .team-content .socials a:focus i { color: #cb1313; } .team-carousel .team-block:hover .team-content, .team-carousel .team-block:active .team-content, .team-carousel .team-block:focus .team-content { opacity: 1; filter: alpha(opacity=100); } .team-grid .team-block { margin-bottom: 30px; } .team-grid-2 .team-block { position: relative; margin-bottom: 30px; z-index: 1; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; overflow: hidden; } .team-grid-2 .team-block .team-email { display: none; } .team-grid-2 .team-block .team-content { width: 100%; z-index: 99; padding: 15px 20px; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; background: #F9F9F9; text-align: center; } .team-grid-2 .team-block .team-content .socials { display: none; } .team-grid-2 .team-block .team-content .team-name { margin-top: 0; position: relative; z-index: 9; } .team-grid-2 .team-block .team-content .team-name a { font-weight: 700; } .team-grid-2 .team-block .team-content .team-name a:hover { text-decoration: underline; } .team-grid-2 .team-block .team-content .team-job { position: relative; z-index: 9; font-size: 12px; } .team-grid-2 .team-block:hover .team-content, .team-grid-2 .team-block:focus .team-content, .team-grid-2 .team-block:active .team-content { background: #222; } .team-grid-2 .team-block:hover .team-content .team-name, .team-grid-2 .team-block:hover .team-content .team-name a, .team-grid-2 .team-block:focus .team-content .team-name, .team-grid-2 .team-block:focus .team-content .team-name a, .team-grid-2 .team-block:active .team-content .team-name, .team-grid-2 .team-block:active .team-content .team-name a { color: #fff; } .team-grid-2 .team-block:hover .team-content .team-job, .team-grid-2 .team-block:focus .team-content .team-job, .team-grid-2 .team-block:active .team-content .team-job { color: #fff; } .team-grid-2 .views-row:last-child .team-block { margin-bottom: 0; } .team-list .team-block .team-image { width: 35%; float: left; } .team-list .team-block .team-content { padding-left: 30px; width: 65%; float: left; } .team-list .team-block .team-content .team-body { display: block !important; visibility: visible !important; padding: 10px 0; } .team-single-page .team-name { margin-bottom: 30px; } .team-single-page .team-name .name { font-size: 30px; font-weight: 700; color: #222; line-height: 42px; } .team-single-page .team-name .job { font-size: 12px; color: #999999; } .team-single-page .team-name .line { text-align: center; float: left; } .team-single-page .team-name .line span { width: 30px; height: 5px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; display: inline-block; margin: 0 5px; } .team-single-page .team-name .line span.one { background: #5EB4E7; margin-left: 0; } .team-single-page .team-name .line span.second { background: #F8C44F; } .team-single-page .team-name .line span.three { background: #F49626; margin-right: 0; } .team-single-page .socials { margin-top: 10px; } .team-single-page .heading { font-size: 18px; font-weight: 700; color: #222; } .team-single-page .team-contact { margin-bottom: 25px; } .team-single-page .team-contact .content-inner, .team-single-page .team-education .content-inner { color: #999999; font-size: 13px; line-height: 28px; } .team-single-page .team-education .field__item { padding-left: 20px; position: relative; } .team-single-page .team-education .field__item:after { content: ""; width: 6px; height: 6px; background: #cb1313; position: absolute; top: 13px; left: 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; z-index: 1; } .team-single-page .team-info { margin-bottom: 30px !important; } .team-single-page .team-quote { font-size: 16px; color: #999999; margin-top: 20px; padding-left: 50px; position: relative; } .team-single-page .team-quote:after { font-family: "FontAwesome"; content: "\f10d"; left: 0; top: 0; position: absolute; z-index: 1; color: #cb1313; font-size: 24px; text-align: center; line-height: 40px; } .testimonial-node-1 .testimonial-content { text-align: center; } .testimonial-node-1 .testimonial-content .info { margin: 5px 0; text-align: center; } .testimonial-node-1 .testimonial-content .info .info-content { display: inline-block; position: relative; } .testimonial-node-1 .testimonial-content .info .info-content:after { content: ''; width: 100px; height: 100px; background: #cb1313; opacity: 0.5; filter: alpha(opacity=50); position: absolute; top: 20px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: -1; } .testimonial-node-1 .testimonial-content .info .avatar { margin-bottom: 30px; } .testimonial-node-1 .testimonial-content .info .avatar img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; width: 60px; height: auto; border: 3px solid #fff; } .testimonial-node-1 .testimonial-content .info .job { font-style: italic; } .testimonial-node-1 .testimonial-content .info .title { color: #cb1313; font-size: 18px; } .testimonial-node-1 .testimonial-content .quote { margin: 0 auto; max-width: 720px; padding: 0 30px; position: relative; margin-top: 35px; font-size: 16px; } .testimonial-node-1.v2 .testimonial-content .info .info-content:after { display: none; } .testimonial-node-1.v2 .testimonial-content .info .avatar { margin-bottom: 10px; } .testimonial-node-1.v2 .quote { margin-top: 15px; } .text-light .testimonial-node-v1 .title, .text-light .testimonial-node-v1 .job { color: #fff !important; } .testimonial-node-v2 { padding: 0 0 20px; text-align: left; } .testimonial-node-v2 .content .quote { font-size: 13px; line-height: 30px; position: relative; padding: 20px 30px; border: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 0; } .testimonial-node-v2 .content .info { padding: 5px 30px; color: #fff; background: #cb1313; position: relative; } .testimonial-node-v2 .content .info:after { content: ''; border: solid 16px transparent; border-right-color: #cb1313; bottom: -14px; left: 15px; position: absolute; z-index: 1; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .testimonial-node-v2 .content .info .title { font-size: 14px; font-weight: 700; text-transform: none; } .testimonial-node-v2 .content .info .job { font-size: 14px; font-style: italic; } .testimonial-node-v3 { text-align: center; margin: 0 auto; padding: 30px 30px 20px; border: 1px solid rgba(0, 0, 0, 0.1); margin-top: 35px; } .testimonial-node-v3 .avatar { margin-top: -65px; position: relative; z-index: 9; } .testimonial-node-v3 .avatar img { background: #fff; width: 70px !important; height: auto; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; padding: 10px; border: 1px solid rgba(0, 0, 0, 0.1); } .testimonial-node-v3 .quote { font-size: 14px; line-height: 30px; position: relative; padding-top: 10px; color: #757575; text-align: center; } .testimonial-node-v3 .info { margin-top: 12px; display: inline-block; text-align: left; } .testimonial-node-v3 .left, .testimonial-node-v3 .right { float: left; } .testimonial-node-v3 .left.left, .testimonial-node-v3 .right.left { margin-right: 15px; } .testimonial-node-v3 .job { color: #cb1313; font-style: italic; } .testimonial-node-v3 .content-inner .title { margin-top: 10px; font-size: 16px; font-weight: 700; color: #222; } .testimonial-node-v4 { position: relative; padding-bottom: 20px; max-width: 800px; margin: 0 auto; } .testimonial-node-v4:after { content: ''; width: 50px; height: 100%; background: #cb1313; position: absolute; top: 0; left: 0; z-index: 1; } .testimonial-node-v4 .right { padding-left: 90px; } .testimonial-node-v4 .right .info { padding-bottom: 20px; } .testimonial-node-v4 .right .info .title { font-weight: 700; text-transform: none; line-height: 20px; color: #303030; font-size: 18px; padding-top: 10px; } .testimonial-node-v4 .right .info .job { color: #cb1313; font-size: 14px; font-style: italic; font-weight: 700; } .testimonial-node-v4 .right .quote { padding-left: 30px; } .testimonial-node-v4 .left { float: left; position: absolute; width: 60px; height: 60px; bottom: 20px; left: 20px; z-index: 11; } .testimonial-node-v4 .left .avatar img { border: 3px solid #fff; width: 60px; height: auto; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .testimonial-node-v5 { background: none; max-width: 620px; float: left; position: relative; margin-top: 0; } .testimonial-node-v5 .video { margin-bottom: 30px; } .testimonial-node-v5 .video .popup-video { display: inline-block; background: url("/images//icon-play-2.png") no-repeat left center transparent; height: 55px; padding-left: 75px; line-height: 55px; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .testimonial-node-v5 .video .popup-video:hover, .testimonial-node-v5 .video .popup-video:focus, .testimonial-node-v5 .video .popup-video:active { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } .testimonial-node-v5 .quote { font-size: 20px; line-height: 34px; font-weight: 400; color: #222; } .testimonial-node-v5 .title { font-weight: 400; font-size: 16px; margin-top: 15px; } .testimonial-node-v5 .job { font-size: 12px; } .testimonial-node-v6 { background: #F6F6F6; padding: 35px 30px; } .testimonial-node-v6 .quote { margin-bottom: 20px; color: #999999; text-indent: 30px; position: relative; } .testimonial-node-v6 .quote:after { font-family: "FontAwesome"; content: "\f10d"; left: -28px; top: -10px; position: absolute; z-index: 1; color: #cb1313; font-size: 14px; text-align: center; line-height: 40px; } .testimonial-node-v6 .info { position: relative; padding-left: 20px; } .testimonial-node-v6 .info:after { content: ""; width: 3px; height: 20px; background: #cb1313; position: absolute; top: 4px; left: 0; z-index: 1; } .testimonial-node-v6 .info .title { color: #222; font-weight: 700; font-size: 16px; } .view-testimonial-v2 { position: relative; float: left; width: 100%; } .view-testimonial-v2 .owl-dots { text-align: left; position: relative; margin-top: 20px; float: left; width: 100%; } .view-testimonial-v2 .owl-dots .owl-dot { display: inline-block; padding: 0; margin: 5px; background: none; width: 45px; height: 45px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border: 2px solid rgba(0, 0, 0, 0.1); -webkit-box-shadow: none; box-shadow: none; text-align: center; position: relative; z-index: 9; } .view-testimonial-v2 .owl-dots .owl-dot.active { border-color: #cb1313; } .view-testimonial-v2 .owl-nav { display: none; } .testimonial-grid .item-grid { margin-bottom: 45px; } .testimonial-grid .item-grid:before, .testimonial-grid .item-grid:after { content: " "; display: table; } .testimonial-grid .item-grid:after { clear: both; } .testimonial-grid .item-grid .testimonials-quote { font-size: 16px; color: #222; padding: 30px; border: 1px solid rgba(0, 0, 0, 0.1); font-weight: 300; font-style: italic; } .testimonial-grid .item-grid .testimonials-profile { display: inline-block; position: relative; margin-left: 30px; float: left; padding-top: 20px; } .testimonial-grid .item-grid .testimonials-profile:after { content: ""; position: absolute; width: 50px; height: 2px; background: #cb1313; top: -1px; left: 0; z-index: 1; } .testimonial-grid .item-grid .testimonials-profile .right { padding-left: 70px; } .testimonial-grid .item-grid .testimonials-profile .right .name { font-size: 16px; font-weight: 700; color: #000000; margin: 0; text-transform: uppercase; } .testimonial-grid .item-grid .testimonials-profile .right .job { font-size: 12px; font-weight: 900; color: #cb1313; text-transform: uppercase; } .testimonial-grid .item-grid .testimonials-profile .left { display: inline-block; float: left; } .testimonial-grid .item-grid .testimonials-profile .left img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; width: 50px; height: auto; } .no-margin { margin: 0 !important; } .margin-top-0 { margin-top: 0 !important; } .margin-top-10 { margin-top: 10px !important; } .margin-top-15 { margin-top: 15px !important; } .margin-top-20 { margin-top: 20px !important; } .margin-top-30 { margin-top: 30px !important; } .margin-top-40 { margin-top: 40px !important; } .margin-top-50 { margin-top: 50px !important; } .margin-top-60 { margin-top: 60px !important; } .margin-bottom-0 { margin-bottom: 0 !important; } .margin-bottom-10 { margin-bottom: 10px !important; } .margin-bottom-15 { margin-bottom: 15px !important; } .margin-bottom-20 { margin-bottom: 20px !important; } .margin-bottom-30 { margin-bottom: 30px !important; } .margin-bottom-40 { margin-bottom: 40px !important; } .margin-bottom-50 { margin-bottom: 50px !important; } .margin-bottom-100 { margin-bottom: 100px !important; } .padding-10 { padding: 10px !important; } .padding-20 { padding: 20px !important; } .padding-30 { padding: 30px !important; } .padding-40 { padding: 40px !important; } .padding-50 { padding: 50px !important; } .padding-60 { padding: 60px !important; } .padding-bottom-0 { padding-bottom: 0 !important; } .padding-bottom-10 { padding-bottom: 10px !important; } .padding-bottom-15 { padding-bottom: 15px !important; } .padding-bottom-20 { padding-bottom: 20px !important; } .padding-bottom-30 { padding-bottom: 30px !important; } .padding-bottom-40 { padding-bottom: 40px !important; } .padding-bottom-50 { padding-bottom: 50px !important; } .padding-bottom-100 { padding-bottom: 100px !important; } @media (max-width: 991px) { .padding-bottom-100 { padding-bottom: 30px !important; } } .padding-top-10 { padding-top: 10px !important; } .padding-top-20 { padding-top: 20px !important; } .padding-top-30 { padding-top: 30px !important; } .padding-top-40 { padding-top: 40px !important; } .padding-top-50 { padding-top: 50px !important; } .width-100 { max-width: 100px; margin: 0 auto; } .width-200 { max-width: 200px; margin: 0 auto; } .width-300 { max-width: 300px; margin: 0 auto; } .width-400 { max-width: 400px; margin: 0 auto; } .width-500 { max-width: 500px; margin: 0 auto; } .width-600 { max-width: 600px; margin: 0 auto; } .width-700 { max-width: 700px; margin: 0 auto; } .width-800 { max-width: 800px; margin: 0 auto; } .width-900 { max-width: 800px; margin: 0 auto; } .width-1000 { max-width: 1000px; margin: 0 auto; } .height-100 { min-height: 100px; margin: 0 auto; } .height-200 { min-height: 200px; margin: 0 auto; } .height-300 { min-height: 300px; margin: 0 auto; } .height-400 { min-height: 400px; margin: 0 auto; } .height-500 { min-height: 500px; margin: 0 auto; } .height-600 { min-height: 600px; margin: 0 auto; } .height-700 { min-height: 700px; margin: 0 auto; } .height-800 { min-height: 800px; margin: 0 auto; } .height-900 { min-height: 800px; margin: 0 auto; } .height-1000 { min-height: 1000px; margin: 0 auto; } .radius-1x { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .radius-2x { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .radius-5x { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .border-1 { border: 1px solid #cb1313; } .border-2 { border: 2px solid #cb1313; } .border-3 { border: 3px solid #cb1313; } .border-4 { border: 4px solid #cb1313; } .border-5 { border: 5px solid #cb1313; } .padding-responsive { padding: 30px 120px; } @media (max-width: 991px) { .padding-responsive { padding: 30px; } } .special-margin-top { margin-top: -100px; } @media (max-width: 991px) { .special-margin-top { margin-top: 20px; } } .margin-top-contact { margin-top: -100px; padding-bottom: 80px; } @media (max-width: 991px) { .margin-top-contact { margin-top: 30px; padding-bottom: 45px; } } .padding-lr-15p { padding-left: 15%; padding-right: 15%; } @media (max-width: 991px) { .padding-lr-15p { padding-left: 20px; padding-right: 20px; } } .special-margin-bt { margin-bottom: -20px; margin-top: -20px; } .border { border: 1px solid rgba(0, 0, 0, 0.1); } .border-top { border-top: 1px solid rgba(0, 0, 0, 0.1); } .border-bottom { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .overflow-visible { overflow: visible !important; } .float-left { float: left; } .no-bg { background-color: transparent !important; } .col-no-padding div[class*="col-"] { padding: 0 !important; } .p-static { position: static !important; } .p-relative { position: relative !important; } .bg-theme { background: #cb1313; } .bg-white { background: #fff; } .bg-black { background: #333333; } .bg-dark { background: #f6f6f6; } .youtube-bg { position: relative; z-index: 9; } .youtube-bg:after { content: ""; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; z-index: 9; } .youtube-bg .bb-inner { position: relative; z-index: 99; } .ui-widget-content { color: #757575; } .text-normal { font-size: 15px; } .text-size-medium { font-size: 24px; line-height: 30px; } .text-size-big { font-size: 42px; font-weight: 700; text-transform: uppercase; line-height: 48px; letter-spacing: 1px; } @media (max-width: 991px) { .text-size-big { font-size: 30px; line-height: 38px; } } .text-size-big { font-size: 36px; } @media (max-width: 991px) { .text-size-big { font-size: 20px; } } .text-black { color: #222 !important; } .text-white { color: #fff !important; } .text-theme { color: #cb1313 !important; } .gavias-parallax { background-attachment: fixed !important; } @media (max-width: 767px) { .gavias-parallax { background-attachment: scroll !important; } } .gavias-parallax.fp-section { background-attachment: scroll !important; } .socials { display: inline-block; text-align: left; width: 100%; } .socials a { color: #757575; text-decoration: none; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; margin-right: 12px; font-size: 14px; } .socials a:last-child { margin-right: 0; } .socials a:hover, .socials a:focus, .socials a:active { opacity: 0.7; filter: alpha(opacity=70); } .socials a i { color: #fff; width: 30px; height: 30px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: inline-block; text-align: center; line-height: 30px; font-size: 12px; } .socials a i.fa-facebook-square, .socials a i.fa-facebook { background: #3b5998; } .socials a i.fa-twitter, .socials a i.fa-twitter-square { background: #4099ff; } .socials a i.fa-skype { background: #12a5f4; } .socials a i.fa-dribbble { background: #ea4c89; } .socials a i.fa-linkedin-square, .socials a i.fa-linkedin { background: #0e76a8; } .socials a i.fa-apple { background: #f2f2f2; } .socials a i.fa-pinterest { background: #c92228; } .socials a i.fa-google-plus-square, .socials a i.fa-google-plus { background: #d34836; } .socials a i.fa-youtube-square, .socials a i.fa-youtube { background: #c4302b; } .socials a i.fa-vimeo-square, .socials a i.fa-vimeo { background: #4ebbff; } .socials a i.fa-tumblr-square, .socials a i.fa-tumblr { background: #35465c; } .socials a i.fa-xing-square, .socials a i.fa-xing { background: #126567; } .socials a i.fa-instagram { background: #e8e2d9; } .post-masonry-style > div, .isotope-items > div { margin-left: -1px; -webkit-transform: translateX(1px); -ms-transform: translateX(1px); -o-transform: translateX(1px); transform: translateX(1px); } .nav-tabs > li > a { font-weight: 700; color: #222; padding: 8px 18px !important; border: none; font-size: 13px; text-transform: uppercase; background: none; } .nav-tabs > li > a i { margin-right: 5px; } .nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav-tabs > li > a:active { color: #cb1313; } .nav-tabs > li.active > a, .nav-tabs > li > a.active { color: #cb1313; } .box-quick-link ul { padding: 0; margin: 0; } .box-quick-link ul > li { width: 46%; height: 70px; border: 1px solid rgba(0, 0, 0, 0.1); float: left; list-style: none; text-align: center; margin-bottom: 8%; } .box-quick-link ul > li:nth-child(2n) { margin-left: 4%; } .box-quick-link ul > li:nth-child(2n+1) { margin-right: 4%; } .box-quick-link ul > li a { font-weight: 700; font-size: 13px; display: block; line-height: 1.8; padding-top: 12px; } .box-quick-link ul > li a i { display: block; font-size: 23px; color: #777777; } .box-quick-link ul > li a:hover { color: #fff; } .box-quick-link ul > li a:hover i { color: #fff; } .box-quick-link ul > li:hover { background-color: #555555; } .box-quick-link ul > li:hover * { color: #fff; } .init-carousel-owl { margin-left: -15px; margin-right: -15px; width: auto; } .init-carousel-owl .owl-item > .item { padding-left: 15px; padding-right: 15px; } .init-carousel-owl.carousel-no-padding, .init-carousel-owl.no-padding { margin-left: 0 !important; margin-right: 0 !important; } .init-carousel-owl.carousel-no-padding .owl-item > .item, .init-carousel-owl.no-padding .owl-item > .item { padding-left: 0 !important; padding-right: 0 !important; } .init-carousel-owl[data-items*="1"] { margin-left: 0 !important; margin-right: 0 !important; } .init-carousel-owl[data-items*="1"] .owl-item > .item { padding-left: 0 !important; padding-right: 0 !important; } div.error { background-repeat: no-repeat !important; background-image: none !important; } .owl-carousel { background: none !important; position: relative; max-height: 200px; } .owl-carousel .item { -webkit-transition: opacity 0.35s; -o-transition: opacity 0.35s; transition: opacity 0.35s; -moz-transition: opacity 0.35s; -ms-transition: opacity 0.35s; visibility: hidden; opacity: 0; filter: alpha(opacity=0); } .owl-carousel .owl-stage-outer .item { opacity: 1; filter: alpha(opacity=100); visibility: visible; } .owl-carousel.owl-loaded { max-height: none; } .owl-carousel .owl-item img { display: inline-block; width: auto; } .owl-carousel .owl-controls { margin: 0; } .owl-carousel .owl-controls .owl-pagination { position: relative; bottom: 10px; z-index: 9; display: inline-block; width: 100%; left: 0; } .owl-carousel .owl-controls .owl-pagination .owl-page span { background: #d6d6d6; width: 10px; height: 10px; } .owl-carousel .owl-controls .owl-pagination .owl-page.active span { background: #869791; } .owl-carousel .owl-dots { margin-top: 30px; text-align: center; float: left; width: 100%; } .owl-carousel .owl-dots .owl-dot { width: 8px; height: 8px; background: #ADB2B5; -webkit-transition: background 0.35s; -o-transition: background 0.35s; transition: background 0.35s; -moz-transition: background 0.35s; -ms-transition: background 0.35s; display: inline-block; margin: 0 5px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .owl-carousel .owl-dots .owl-dot.active { background: #222; } .owl-carousel .owl-nav { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; } .owl-carousel .owl-nav > div { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; position: absolute; top: 50%; margin-top: -20px; width: 30px; height: 30px; background: #cb1313; opacity: 1; filter: alpha(opacity=100); text-align: center; font-size: 18px; padding-top: 0; padding-bottom: 0; } .owl-carousel .owl-nav > div i { font-size: 22px; color: #E1E1E1; position: absolute; z-index: 9; top: 50%; margin-top: -11px; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .owl-carousel .owl-nav > div.owl-prev { right: auto !important; left: 0 !important; } .owl-carousel .owl-nav > div.owl-prev i { right: 0; } .owl-carousel .owl-nav > div.owl-prev:hover i, .owl-carousel .owl-nav > div.owl-prev:focus i, .owl-carousel .owl-nav > div.owl-prev:active i { right: 20px; } .owl-carousel .owl-nav > div.owl-next { left: auto !important; right: 0 !important; } .owl-carousel .owl-nav > div.owl-next i { left: 0; } .owl-carousel .owl-nav > div.owl-next:hover i, .owl-carousel .owl-nav > div.owl-next:focus i, .owl-carousel .owl-nav > div.owl-next:active i { left: 20px; } .owl-carousel:hover .owl-nav { opacity: 1; filter: alpha(opacity=100); } .owl-carousel.carousel-thumbnail.image .owl-dots .owl-dot { background: transparent !important; height: 75px; width: auto; position: relative; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; margin: 0 8px; } .owl-carousel.carousel-thumbnail.image .owl-dots .owl-dot img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border: 3px solid #fff; width: 45px; height: 45px; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; position: relative; opacity: 0.6; filter: alpha(opacity=60); } .owl-carousel.carousel-thumbnail.image .owl-dots .owl-dot.active img { top: -15px; border: 5px solid #fff; width: 70px; height: 70px; opacity: 1; filter: alpha(opacity=100); } .owl-carousel.carousel-thumbnail.text.top { padding-top: 60px; } .owl-carousel.carousel-thumbnail.text.top .owl-dots { position: absolute; top: 10px; left: 0; width: 100%; z-index: 99; margin-top: 0; } .owl-carousel.carousel-thumbnail.text.top .owl-dots .owl-dot { width: auto; height: auto; background: none; text-transform: uppercase; font-size: 13px; margin: 0 10px; color: #222; font-weight: 700; } .owl-carousel.carousel-thumbnail.text.top .owl-dots .owl-dot.active { color: #cb1313; } .owl-carousel.carousel-thumbnail.text.vertical { padding-left: 25%; } .owl-carousel.carousel-thumbnail.text.vertical .owl-nav { display: none; } .owl-carousel.carousel-thumbnail.text.vertical .owl-dots { position: absolute; top: 0; left: 0; width: 25%; z-index: 99; margin-top: 0; padding-right: 30px; } @media (max-width: 991px) { .owl-carousel.carousel-thumbnail.text.vertical .owl-dots { width: 100%; } } .owl-carousel.carousel-thumbnail.text.vertical .owl-dots .owl-dot { width: 100%; display: block; text-align: left; background: none; text-transform: uppercase; font-size: 13px; color: #222; font-weight: 700; background: #fff; padding: 25px 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; height: auto; line-height: 1; position: relative; } .owl-carousel.carousel-thumbnail.text.vertical .owl-dots .owl-dot:after { content: ""; position: absolute; right: 0; top: 15px; bottom: 15px; width: 3px; background: #cb1313; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .owl-carousel.carousel-thumbnail.text.vertical .owl-dots .owl-dot:last-child { border-bottom: 0; } @media (max-width: 991px) { .owl-carousel.carousel-thumbnail.text.vertical .owl-dots .owl-dot { display: inline-block; width: auto; text-align: center; } } .owl-carousel.carousel-thumbnail.text.vertical .owl-dots .owl-dot.active { color: #cb1313; } .owl-carousel.carousel-thumbnail.text.vertical .owl-dots .owl-dot.active:after { opacity: 1; filter: alpha(opacity=100); } .owl-carousel.pagination-right .owl-dots { position: absolute; right: -30px; top: 50%; margin-top: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 10px; height: auto; } .owl-carousel.pagination-right .owl-dots .owl-dot { display: block; margin: 10px 0; } .owl-carousel.pagination-left .owl-dots { float: left; width: auto; margin-top: 15px; } .owl-carousel.padding-left .owl-dots { float: left; width: auto; margin-top: 15px; } .owl-carousel.padding-right .owl-dots { float: right; margin-top: 15px; max-width: 750px; } .owl-carousel.padding-right .owl-dots > .owl-dot { float: left; } .owl-carousel.white .owl-dots .owl-dot { background: #AAABAC; } .owl-carousel.white .owl-dots .owl-dot.active { background: #fff; } .text-light .owl-carousel .owl-nav i { color: #fff; } .btn, .btn-white, .btn-theme, .button-inverted { background: #F7F5F5; color: #434343; overflow: hidden; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; font-size: 14px; font-weight: 400; text-transform: uppercase; padding: 5px 10px; position: relative; display: inline-block; z-index: 1; } .btn:hover, .btn:focus, .btn:active, .btn.active, .btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active, .btn-theme:hover, .btn-theme:focus, .btn-theme:active, .btn-theme.active, .button-inverted:hover, .button-inverted:focus, .button-inverted:active, .button-inverted.active { color: #434343; background: #42B5EE; } .button-inverted { background: #F5F5F5; color: #757575; } .button-inverted:hover, .button-inverted:focus, .button-inverted:active, .button-inverted.active { color: #fff; background: #cb1313; } .btn-white { background: #fff; color: #222; border-color: #fff; } .btn-white:hover { color: #fff; background: #cb1313; } .user-login-form input[type*='submit'], .user-register-form input[type*='submit'], .user-form input[type*='submit'], .user-pass input[type*='submit'] { font-size: 12px; text-transform: uppercase; background: #cb1313; color: #fff; font-weight: 700; letter-spacing: 1px; padding: 7px 15px; position: relative; display: inline-block; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; border: 1px solid transparent; } .user-login-form input[type*='submit']:hover, .user-login-form input[type*='submit']:focus, .user-login-form input[type*='submit']:active, .user-register-form input[type*='submit']:hover, .user-register-form input[type*='submit']:focus, .user-register-form input[type*='submit']:active, .user-form input[type*='submit']:hover, .user-form input[type*='submit']:focus, .user-form input[type*='submit']:active, .user-pass input[type*='submit']:hover, .user-pass input[type*='submit']:focus, .user-pass input[type*='submit']:active { background: #fff; color: #222; border-color: #cb1313; } /*************** Progress Bars ***************/ .progress-label { font-size: 14px; font-weight: 400; margin-bottom: 5px; color: #303030; text-transform: uppercase; } .progress { height: 17px !important; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; background-color: #dadada !important; position: relative; overflow: visible !important; margin-bottom: 30px; -webkit-box-shadow: none; box-shadow: none; } .progress .progress-bar { border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; -webkit-transition: width 2s ease-in-out; -o-transition: width 2s ease-in-out; transition: width 2s ease-in-out; -moz-transition: width 2s ease-in-out; -ms-transition: width 2s ease-in-out; text-align: right; line-height: 16px !important; background: #cb1313; } .progress .progress-bar .percentage { position: absolute; font-size: 14px; text-align: center; right: 5px; top: -25px; z-index: 9; color: #757575; } /*************** Pricing Tables ***************/ .pricing-table.style-1 { text-align: center; position: relative; background-color: #fff; top: 0; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .pricing-table.style-1 ul li { list-style: none; } .pricing-table.style-1 .plan-name { -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; font-weight: 700; text-transform: uppercase; padding: 5px 10px; background: #cb1313; } .pricing-table.style-1 .plan-name .title { font-weight: 400; color: #fff; font-size: 18px; font-family: "Al-Jazeera-Arabic-Regular",sans-serif; } .pricing-table.style-1 .content-wrap .plan-price .price-value { padding: 25px 15px 20px; } .pricing-table.style-1 .content-wrap .plan-price .price-value .dollar { font-size: 48px; font-weight: 400; display: inline-block; position: relative; color: #cb1313; line-height: 1; font-family: "Al-Jazeera-Arabic-Regular",sans-serif; } .pricing-table.style-1 .content-wrap .plan-price .price-value .value { font-size: 48px; font-weight: 400; display: inline-block; color: #cb1313; line-height: 1; font-family: "Al-Jazeera-Arabic-Regular",sans-serif; } .pricing-table.style-1 .content-wrap .plan-price .interval { line-height: 28px; font-size: 14px !important; font-weight: 400; top: -5px; position: relative; display: block; float: left; width: 100%; } .pricing-table.style-1 .plan-list { padding: 35px 20px; } .pricing-table.style-1 .plan-list ul { margin: 0 !important; padding: 0 !important; } .pricing-table.style-1 .plan-list ul li { padding: 6px 0; font-size: 14px; list-style: none; position: relative; color: #757575; } .pricing-table.style-1 .plan-signup { padding: 0 20px 20px; } .pricing-table.style-1:hover, .pricing-table.style-1:focus, .pricing-table.style-1:active { -webkit-box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.1); } .pricing-table.style-1.highlight-plan { -webkit-box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.1); position: relative; z-index: 1; } .pricing-table.style-1.highlight-plan .plan-price { background: #cb1313; position: relative; } .pricing-table.style-1.highlight-plan .plan-price .price-value { z-index: 9; position: relative; } .pricing-table.style-1.highlight-plan .plan-price:after { content: ""; width: 100%; height: auto; position: absolute; top: -20px; bottom: 0; left: 0; z-index: 1; background: #cb1313; } .pricing-table.style-1.highlight-plan .plan-price .dollar, .pricing-table.style-1.highlight-plan .plan-price .value, .pricing-table.style-1.highlight-plan .plan-price .interval { color: #fff !important; } .pricing-table.style-1.highlight-plan .plan-name { background: #eb2626 !important; } .pricing-table.style-1.highlight-plan .content-inner { position: relative; z-index: 9; } .pricing-table.style-1.highlight-plan:after { content: ""; width: 100%; height: auto; position: absolute; top: -20px; bottom: -20px; left: 0; right: 0; z-index: 8; -webkit-box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.1); background: #fff; } .pricing-table.style-1.highlight-plan .button-inverted { background: #cb1313; color: #fff; } .pricing-table.style-2 { border: 1px solid rgba(0, 0, 0, 0.1); } .pricing-table.style-2 .pricing-header { position: relative; margin-bottom: 20px; padding-bottom: 20px; } .pricing-table.style-2 .pricing-header .pricing-header-inner { padding: 55px 25px 10px; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .pricing-table.style-2 .pricing-header .pricing-header-inner:after { content: ""; border: 10px solid transparent; border-top-color: #fff; position: absolute; right: -2px; top: -2px; z-index: 1; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); opacity: 0; filter: alpha(opacity=0); } .pricing-table.style-2 .pricing-header:after { content: ""; width: 120px; height: 1px; background: rgba(0, 0, 0, 0.1); position: absolute; bottom: 0; left: 25px; z-index: 1; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .pricing-table.style-2 .pricing-header .plan-name { text-align: left; background: none; padding: 0; } .pricing-table.style-2 .pricing-header .plan-name .title { background: none; font-size: 24px; color: #303030; line-height: 14px; text-transform: none; font-family: "Al-Jazeera-Arabic-Regular",sans-serif; } .pricing-table.style-2 .pricing-header .subtitle { padding: 20px 25px 0; font-style: italic; } .pricing-table.style-2 .pricing-header .plan-price { text-align: left; font-size: 16px; } .pricing-table.style-2 .pricing-header .plan-price span { font-size: 16px !important; color: #313131 !important; } .pricing-table.style-2 .plan-list { min-height: 270px; } .pricing-table.style-2 .plan-list ul > li { list-style-type: none; padding-left: 30px; position: relative; margin-bottom: 15px; color: #303030; } .pricing-table.style-2 .plan-list ul > li:after { content: "\f00c"; font-family: "FontAwesome"; position: absolute; top: 2px; left: 2px; z-index: 1; color: #303030; } .pricing-table.style-2 .plan-signup { text-align: right; padding-right: 30px; padding-bottom: 20px; } .pricing-table.style-2 .plan-signup a { font-weight: 700; text-transform: uppercase; position: relative; padding-right: 0; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .pricing-table.style-2 .plan-signup a i { margin-left: 12px; position: absolute; z-index: 1; right: 0; top: 5px; line-height: 9px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .pricing-table.style-2 .plan-signup a:hover, .pricing-table.style-2 .plan-signup a:active, .pricing-table.style-2 .plan-signup a:focus { padding-right: 20px; } .pricing-table.style-2 .plan-signup a:hover i, .pricing-table.style-2 .plan-signup a:active i, .pricing-table.style-2 .plan-signup a:focus i { opacity: 1; filter: alpha(opacity=100); } .pricing-table.style-2.highlight-plan .pricing-header:after, .pricing-table.style-2:hover .pricing-header:after, .pricing-table.style-2:active .pricing-header:after, .pricing-table.style-2:focus .pricing-header:after { right: 25px; background: rgba(0, 0, 0, 0.3); width: auto; } .pricing-table.style-2.highlight-plan .pricing-header .pricing-header-inner, .pricing-table.style-2:hover .pricing-header .pricing-header-inner, .pricing-table.style-2:active .pricing-header .pricing-header-inner, .pricing-table.style-2:focus .pricing-header .pricing-header-inner { background: #cb1313; color: #fff; } .pricing-table.style-2.highlight-plan .pricing-header .pricing-header-inner:after, .pricing-table.style-2:hover .pricing-header .pricing-header-inner:after, .pricing-table.style-2:active .pricing-header .pricing-header-inner:after, .pricing-table.style-2:focus .pricing-header .pricing-header-inner:after { opacity: 1; filter: alpha(opacity=100); } .pricing-table.style-2.highlight-plan .pricing-header .pricing-header-inner .plan-name span, .pricing-table.style-2.highlight-plan .pricing-header .pricing-header-inner .plan-price span, .pricing-table.style-2:hover .pricing-header .pricing-header-inner .plan-name span, .pricing-table.style-2:hover .pricing-header .pricing-header-inner .plan-price span, .pricing-table.style-2:active .pricing-header .pricing-header-inner .plan-name span, .pricing-table.style-2:active .pricing-header .pricing-header-inner .plan-price span, .pricing-table.style-2:focus .pricing-header .pricing-header-inner .plan-name span, .pricing-table.style-2:focus .pricing-header .pricing-header-inner .plan-price span { color: #fff !important; } .pricing-table.style-2.highlight-plan .plan-signup a, .pricing-table.style-2:hover .plan-signup a, .pricing-table.style-2:active .plan-signup a, .pricing-table.style-2:focus .plan-signup a { padding-right: 20px; color: #cb1313; } .pricing-table.style-2.highlight-plan .plan-signup a i, .pricing-table.style-2:hover .plan-signup a i, .pricing-table.style-2:active .plan-signup a i, .pricing-table.style-2:focus .plan-signup a i { opacity: 1; filter: alpha(opacity=100); } .pricing-table.style-3 { border: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 30px; } .pricing-table.style-3 .plan-price { background: #cb1313; color: #fff; font-family: "Al-Jazeera-Arabic-Regular",sans-serif; text-align: center; position: relative; padding: 0 0 5px; } .pricing-table.style-3 .plan-price:after { content: ''; border: 10px solid transparent; border-bottom-color: #fff; position: absolute; bottom: 0; left: 50%; margin-left: -10px; z-index: 1; } .pricing-table.style-3 .plan-price .dollar { font-size: 30px; position: relative; top: -20px; } .pricing-table.style-3 .plan-price .value { font-size: 60px; } .pricing-table.style-3 .plan-price .interval { font-size: 13px; } .pricing-table.style-3 .plan-name { font-size: 18px; color: #cb1313; text-transform: uppercase; font-family: "Al-Jazeera-Arabic-Regular",sans-serif; text-align: center; padding: 10px 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .pricing-table.style-3 .plan-list { min-height: 240px; padding: 30px 20px 20px; text-align: center; } .pricing-table.style-3 .plan-list ul > li { list-style-type: none; position: relative; margin-bottom: 12px; color: #303030; } .pricing-table.style-3 .plan-signup { padding: 0 20px 20px; } .pricing-table.style-3 .plan-signup a { font-weight: 700; text-transform: uppercase; position: relative; width: 100%; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; text-align: center; } .pricing-table.style-3 .plan-signup a:hover, .pricing-table.style-3 .plan-signup a:active, .pricing-table.style-3 .plan-signup a:focus { background: #cb1313; color: #fff !important; } .pricing-table.style-3.highlight-plan .plan-signup a, .pricing-table.style-3:hover .plan-signup a, .pricing-table.style-3:active .plan-signup a, .pricing-table.style-3:focus .plan-signup a { background: #cb1313; color: #fff !important; } .pricing-image { position: relative; margin-top: 70px; background: #fff; padding: 10px; } .pricing-image .plan-price { width: 130px; height: 130px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background: #fff; font-family: "Al-Jazeera-Arabic-Regular",sans-serif; color: #cb1313; text-align: center; position: absolute; top: -70px; left: 50%; margin-left: -65px; z-index: 1; letter-spacing: -1px; padding-top: 5px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; } .pricing-image .plan-price .dollar { position: relative; top: -12px; font-size: 16px; } .pricing-image .plan-price .value { font-size: 30px; } .pricing-image .plan-price .interval { font-size: 13px; } .pricing-image .image-inner { position: relative; } .pricing-image .image-inner:after { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; content: ''; position: absolute; z-index: 1; top: -10px; bottom: 15px; left: -10px; right: -10px; border: 10px solid #cb1313; border-bottom: 0; opacity: 0; filter: alpha(opacity=0); } .pricing-image .image-inner .plan-name { font-size: 24px; padding: 0 10px 2px; text-align: center; background: #cb1313; font-family: "Al-Jazeera-Arabic-Regular",sans-serif; position: absolute; left: -10px; right: -10px; bottom: 10px; } .pricing-image .image-inner .plan-name .title { color: #fff; } .pricing-image .plan-list { padding: 30px 20px; } .pricing-image .plan-list ul { padding: 0; } .pricing-image .plan-list ul li { list-style: none; position: relative; padding: 8px 0 8px 25px; } .pricing-image .plan-list ul li:after { content: '\f00c'; font-family: "FontAwesome"; position: absolute; top: 10px; left: 0; z-index: 1; color: #cb1313; } .pricing-image .content-inner { position: relative; z-index: 9; } .pricing-image .plan-signup a { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; width: 100%; text-align: center; } .pricing-image:hover .plan-price, .pricing-image.highlight-plan .plan-price { background: #cb1313; color: #fff; } .pricing-image:hover .image-inner:after, .pricing-image.highlight-plan .image-inner:after { opacity: 1; filter: alpha(opacity=100); } .pricing-image:hover .plan-signup a, .pricing-image.highlight-plan .plan-signup a { background: #cb1313; color: #fff; } .panel { border: none !important; margin-top: 0 !important; -webkit-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; background: #fff; padding: 15px; } .panel .panel-heading { background: none !important; padding: 0 !important; } .panel .panel-heading .panel-title { font-size: 14px; padding-right: 20px; } .panel .panel-heading .panel-title > a { display: block; letter-spacing: 0; color: #222; position: relative; background: #fff; line-height: 28px; font-weight: 700; } .panel .panel-heading .panel-title > a:after { content: "\f067"; font-family: "FontAwesome"; position: absolute; font-size: 15px; top: 0; right: -20px; z-index: 1; color: #cb1313; font-weight: 400; } .panel .panel-heading .panel-title > a.collapsed:after { content: "\f068"; } .panel .panel-body { border: none !important; line-height: 28px; padding: 10px 30px 0; } .dropcap { display: block; float: left; font-size: 40px; line-height: 34px; color: #444; margin: 6px 8px 0 0; } .dropcap.border-dropcap { border: 2px solid #444; width: 46px; height: 46px; font-size: 28px; font-weight: 500; line-height: 42px; text-align: center; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; margin: 8px 12px 0 0; } .dropcap.bg-dropcap { background-color: #444; color: #fff; width: 48px; height: 48px; font-size: 28px; font-weight: 500; line-height: 48px; text-align: center; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; margin: 8px 12px 0 0; } .dropcap.circle-dropcap { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border: 2px solid #444; width: 46px; height: 46px; font-size: 28px; font-weight: 500; line-height: 42px; text-align: center; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; margin: 8px 12px 0 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .rotate-text { max-width: 900px; margin: 0 auto; text-align: center; } .rotate-text .primary-text { font-size: 40px; color: white; font-weight: 700; } .rotate-text .second-text { font-size: 16px; color: #fff; } .rotate-text .link { margin-top: 30px; } .info-contact > div { float: left; margin-right: 100px; margin-top: 10px; margin-bottom: 10px; } @media (max-width: 1199px) { .info-contact > div { margin-right: 50px; } } @media (max-width: 991px) { .info-contact > div { margin-right: 30px; } } .info-contact > div:last-child { margin-right: 0; } .info-contact > div .icon { width: 40px; height: 40px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; float: left; margin-right: 10px; line-height: 40px; color: #fff; background: #cb1313; text-align: center; margin-top: -7px; } .info-contact > div.phone .icon { background: #f8c44f; } .info-contact > div.address .icon { background: #F49626; } /* This is required to win over specificity of #content h2 */ .links .comment-add { display: none; } #node-single-comment { margin-top: 30px; padding-top: 30px; border-top: 1px solid rgba(0, 0, 0, 0.1); } #node-single-comment h2 { margin-top: 30px; margin-bottom: 1em; font-size: 20px; font-weight: 400; letter-spacing: 1px; position: relative; padding-left: 15px; padding-bottom: 6px; border-bottom: 1px solid #E6E6E6; } #node-single-comment h2:before { content: ""; position: absolute; width: 5px; height: 20px; background: #cb1313; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; left: 0; top: 3px; z-index: 1; } #node-single-comment #comment-form .form-item { margin-bottom: 20px; } #node-single-comment #comment-form .form-item.js-form-type-textarea { margin: 0; } #node-single-comment #comment-form .form-item label { text-transform: uppercase; font-size: 12px; display: block; font-weight: 700; color: #222; } #node-single-comment #comment-form ul > li { list-style-type: none; } #node-single-comment input[type*='text'], #node-single-comment textarea { width: 100%; } .comment-wrapper h2.comment-form__title { margin-bottom: 1em; } .field-node--comment { font-size: 0.934em; } .comment { margin-bottom: 19px; vertical-align: top; display: table; } [dir="rtl"] .comment { direction: rtl; } .comment__meta { padding: 0 30px 0 0; /* LTR */ font-size: 1.071em; width: 115px; } @media (max-width: 991px) { .comment__meta { width: 90px; } } [dir="rtl"] .comment__meta { padding: 0 0 0 30px; } .comment__attribution img { border: 1px solid #d3d7d9; } /* This is required to win over specificity of .field--type-image img */ .comment .field--name-user-picture img { margin: 0; } .comment__author .username { white-space: nowrap; text-transform: uppercase; color: #222; font-weight: 700; font-size: 12px; } .comment__author { margin: 4px 0; line-height: 1.2; text-transform: uppercase; color: #222; font-weight: 700; font-size: 12px; } .comment__time { margin-bottom: 4px; color: #68696b; font-family: "Al-Jazeera-Arabic-Regular",sans-serif; font-size: 0.733em; line-height: 1.2; } .comment__permalink { font-size: 0.733em; line-height: 1.2; } .comment__content { position: relative; display: table-cell; padding: 10px 25px 10px 25px; vertical-align: top; width: 100%; border: 1px solid #d3d7d9; font-size: 0.929em; line-height: 1.6; word-break: break-all; } .comment__content h3 a { font-size: 18px; font-weight: 700; } .comment__content .links.inline { margin-top: 10px; } .comment__content .links.inline > li { float: left; } .comment__content .links.inline > li a { text-transform: uppercase; font-weight: 700; font-size: 12px; } .comment__content:before { content: ''; position: absolute; right: 100%; /* LTR */ top: 20px; border-top: 20px solid transparent; border-right: 20px solid #d3d7d9; /* LTR */ border-bottom: 20px solid transparent; } [dir="rtl"] .comment__content:before { right: auto; left: 100%; border-right: none; border-left: 20px solid #d3d7d9; } .comment__content:after { content: ''; position: absolute; right: 100%; /* LTR */ top: 20px; border-top: 20px solid transparent; border-right: 20px solid #fff; /* LTR */ border-bottom: 20px solid transparent; margin-right: -1px; /* LTR */ } [dir="rtl"] .comment__content:after { right: auto; left: 100%; border-right: none; border-left: 20px solid #fff; margin-right: 0; margin-left: -1px; } .comment__content h3 { margin-top: 0.94em; margin-bottom: 0.45em; font-size: 1.171em; } .comment__content nav { padding-top: 1px; } .indented { margin-left: 40px; /* LTR */ } [dir="rtl"] .indented { margin-right: 40px; margin-left: 0; } .comment .links { padding: 0 0 0.25em 0; } .comment .links li { padding: 0 0.5em 0 0; /* LTR */ font-size: 1.08em; } [dir="rtl"] .comment .links li { padding: 0 0 0 0.5em; } .comment--unpublished { margin-right: 5px; /* LTR */ padding: 5px 2px 5px 5px; /* LTR */ background: #fff4f4; } [dir="rtl"] .comment--unpublished { margin-left: 5px; margin-right: 0; padding: 5px 5px 5px 2px; } /** * @todo: unpublished nodes have class .node--unpublished. * change this to .comment--unpublished. */ .unpublished .comment-text .comment-arrow { border-left: 1px solid #fff4f4; border-right: 1px solid #fff4f4; } .unpublished { padding: 20px 15px 0; } .comment-footer { display: table-row; } .comment--unpublished .comment__text:after, .node--unpublished .comment__text:after { border-right-color: #fff4f4; /* LTR */ } [dir="rtl"] .comment--unpublished .comment__content:after, [dir="rtl"] .node--unpublished .comment__content:after { border-left-color: #fff4f4; } .form-control { box-shadow: none; } .search-region { position: absolute; right: 20px; top: 3px; } #user-login-form .form-item label { width: 100%; } #user-login-form .form-item input { width: 100%; } #user-login-form ul { width: 100%; padding: 10px 0 30px; } #user-login-form ul > li { width: 49%; float: left; text-align: center; } #user-login-form ul > li:first-child { margin-right: 2%; } #user-login-form ul > li a { width: 100%; display: inline-block; float: none; font-size: 11px; text-transform: uppercase; font-weight: 700; padding: 10px 5px; } #user-login ul { margin: 0 0 5px; } #user-login ul li { margin: 0; } #user-login li.openid-link { background: none; } #search-form .panel { border: none; box-shadow: none; } #search-form .panel-default > .panel-heading { border-bottom: none; } .hide-label label { background: none; clip: rect(1px); } .exposed-filters .form-item { margin-bottom: 10px; margin-top: 0; } #article-admin-filter ul { padding: .5em 0; } #article-admin-filter ul li { list-style: none; } #edit-operation-wrapper select { margin: .5em; } div.resizable-textarea textarea { margin-top: 0; border: 1px solid rgba(0, 0, 0, 0.1); } .search-advanced .criterion { float: none; margin: 0 5px; } #edit-keywords-fieldset .form-item:first-child { margin-top: 5px; } #user-admin-filter ul li { list-style: none; } .field-type-text-long fieldset { padding: 10px 0; border: rgba(0, 0, 0, 0.1); } .field-type-text-long fieldset .form-item { margin: 0; padding: 0 0 0 15px; } #comment-form label { display: block; font-size: 18px; font-weight: normal; margin-bottom: 5px; } #contact-site-form .form-checkbox { margin-left: 0; } #comment-form-wrapper .form-item label { min-width: 120px; display: inline-block; font-weight: 700; text-transform: uppercase; font-size: 14px; } #search-block-form input.form-submit { display: inline-block; font-size: 12px; letter-spacing: 1px; background: #cb1313; border: none; color: #fff; text-transform: uppercase; font-weight: 700; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; height: 30px; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } #search-block-form input.form-submit:hover { background-color: #ED3D3D !important; } .contact-message-form { margin: 0 auto; } .contact-message-form #edit-name, .contact-message-form #edit-mail, .contact-message-form .js-form-item-mail { height: 45px; line-height: 45px; background: none; padding-left: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .contact-message-form .form-item { margin-bottom: 20px; color: #757575; } .contact-message-form .form-item label { font-size: 12px; display: block; text-transform: uppercase; } .contact-message-form .form-item #edit-copy { float: left; margin-right: 5px; } .contact-message-form .form-item input[type='text'], .contact-message-form .form-item input[type='email'], .contact-message-form .form-item textarea { width: 100%; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); position: relative; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; height: 45px; background: none; -webkit-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; padding-left: 15px; } .contact-message-form .form-item textarea { height: auto; padding-top: 15px; } .contact-message-form .form-item-copy { margin-bottom: 10px !important; } .contact-message-form div[id*='edit-actions'] { width: 100%; text-align: right; } .contact-message-form div[id*='edit-actions']:before, .contact-message-form div[id*='edit-actions']:after { content: " "; display: table; } .contact-message-form div[id*='edit-actions']:after { clear: both; } .contact-message-form div[id*='edit-actions'] input { border: none; -webkit-box-shadow: none; box-shadow: none; } .contact-message-form #edit-preview { display: inline-block; font-size: 12px; letter-spacing: 2px; background: #cb1313; font-weight: 700; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; height: 45px; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; margin-right: 20px; } .contact-message-form #edit-preview:hover { background: #222 !important; } .contact-message-form #edit-preview { display: none; } .text-light .contact-message-form #edit-name, .text-light .contact-message-form #edit-mail, .text-light .contact-message-form input[type='text'], .text-light .contact-message-form input[type='email'], .text-light .contact-message-form textarea { background: none; border: 2px solid rgba(255, 255, 255, 0.2); color: #fff; } .text-light .contact-message-form #edit-name::-webkit-input-placeholder, .text-light .contact-message-form #edit-mail::-webkit-input-placeholder, .text-light .contact-message-form input[type='text']::-webkit-input-placeholder, .text-light .contact-message-form input[type='email']::-webkit-input-placeholder, .text-light .contact-message-form textarea::-webkit-input-placeholder { color: #fff; text-transform: capitalize; } .text-light .contact-message-form #edit-name:-moz-placeholder, .text-light .contact-message-form #edit-mail:-moz-placeholder, .text-light .contact-message-form input[type='text']:-moz-placeholder, .text-light .contact-message-form input[type='email']:-moz-placeholder, .text-light .contact-message-form textarea:-moz-placeholder { color: #fff; text-transform: capitalize; opacity: 1; filter: alpha(opacity=100); } .text-light .contact-message-form #edit-name::-moz-placeholder, .text-light .contact-message-form #edit-mail::-moz-placeholder, .text-light .contact-message-form input[type='text']::-moz-placeholder, .text-light .contact-message-form input[type='email']::-moz-placeholder, .text-light .contact-message-form textarea::-moz-placeholder { color: #fff; text-transform: capitalize; opacity: 1; filter: alpha(opacity=100); } .text-light .contact-message-form #edit-name:-ms-input-placeholder, .text-light .contact-message-form #edit-mail:-ms-input-placeholder, .text-light .contact-message-form input[type='text']:-ms-input-placeholder, .text-light .contact-message-form input[type='email']:-ms-input-placeholder, .text-light .contact-message-form textarea:-ms-input-placeholder { color: #fff; text-transform: capitalize; } .block-system .contact-message-form { margin-bottom: 60px; } .contact-v1 .contact-message-form { background: rgba(255, 255, 255, 0.2); padding: 20px 30px 30px; } .contact-v1 .contact-message-form #edit-name, .contact-v1 .contact-message-form #edit-mail, .contact-v1 .contact-message-form input[type='text'], .contact-v1 .contact-message-form input[type='email'], .contact-v1 .contact-message-form textarea { background: none; border-color: rgba(255, 255, 255, 0.2); color: #fff; } .contact-v1 .contact-message-form #edit-name::-webkit-input-placeholder, .contact-v1 .contact-message-form #edit-mail::-webkit-input-placeholder, .contact-v1 .contact-message-form input[type='text']::-webkit-input-placeholder, .contact-v1 .contact-message-form input[type='email']::-webkit-input-placeholder, .contact-v1 .contact-message-form textarea::-webkit-input-placeholder { color: #fff; text-transform: capitalize; } .contact-v1 .contact-message-form #edit-name:-moz-placeholder, .contact-v1 .contact-message-form #edit-mail:-moz-placeholder, .contact-v1 .contact-message-form input[type='text']:-moz-placeholder, .contact-v1 .contact-message-form input[type='email']:-moz-placeholder, .contact-v1 .contact-message-form textarea:-moz-placeholder { color: #fff; text-transform: capitalize; opacity: 1; filter: alpha(opacity=100); } .contact-v1 .contact-message-form #edit-name::-moz-placeholder, .contact-v1 .contact-message-form #edit-mail::-moz-placeholder, .contact-v1 .contact-message-form input[type='text']::-moz-placeholder, .contact-v1 .contact-message-form input[type='email']::-moz-placeholder, .contact-v1 .contact-message-form textarea::-moz-placeholder { color: #fff; text-transform: capitalize; opacity: 1; filter: alpha(opacity=100); } .contact-v1 .contact-message-form #edit-name:-ms-input-placeholder, .contact-v1 .contact-message-form #edit-mail:-ms-input-placeholder, .contact-v1 .contact-message-form input[type='text']:-ms-input-placeholder, .contact-v1 .contact-message-form input[type='email']:-ms-input-placeholder, .contact-v1 .contact-message-form textarea:-ms-input-placeholder { color: #fff; text-transform: capitalize; } .contact-v2 .contact-message-form { padding: 10px; border: 1px solid rgba(0, 0, 0, 0.1) !important; } .contact-v2 .contact-message-form #edit-name, .contact-v2 .contact-message-form #edit-mail, .contact-v2 .contact-message-form input[type='text'], .contact-v2 .contact-message-form input[type='email'], .contact-v2 .contact-message-form textarea { background: #F5F5F5; } .gbb-row .bb-inner.remove_padding_col .bb-container .contact-v3 .contact-message-form { padding: 30px; } .gbb-row .bb-inner.remove_padding_col .bb-container .contact-v3 .contact-message-form .row { margin-left: -15px !important; margin-right: -15px !important; } .gbb-row .bb-inner.remove_padding_col .bb-container .contact-v3 #edit-name, .gbb-row .bb-inner.remove_padding_col .bb-container .contact-v3 #edit-mail, .gbb-row .bb-inner.remove_padding_col .bb-container .contact-v3 input[type='text'], .gbb-row .bb-inner.remove_padding_col .bb-container .contact-v3 input[type='email'], .gbb-row .bb-inner.remove_padding_col .bb-container .contact-v3 textarea { padding-left: 0; padding-right: 0; } .contact-v4 .contact-message-form { padding: 20px 15px; background: #cb1313; margin-right: 30px; } .contact-v4 .contact-message-form #edit-name, .contact-v4 .contact-message-form #edit-mail, .contact-v4 .contact-message-form input[type='text'], .contact-v4 .contact-message-form input[type='email'], .contact-v4 .contact-message-form textarea { border: 2px solid rgba(255, 255, 255, 0.8); color: #fff; } .contact-v4 .contact-message-form #edit-name::-webkit-input-placeholder, .contact-v4 .contact-message-form #edit-mail::-webkit-input-placeholder, .contact-v4 .contact-message-form input[type='text']::-webkit-input-placeholder, .contact-v4 .contact-message-form input[type='email']::-webkit-input-placeholder, .contact-v4 .contact-message-form textarea::-webkit-input-placeholder { color: #fff; text-transform: capitalize; } .contact-v4 .contact-message-form #edit-name:-moz-placeholder, .contact-v4 .contact-message-form #edit-mail:-moz-placeholder, .contact-v4 .contact-message-form input[type='text']:-moz-placeholder, .contact-v4 .contact-message-form input[type='email']:-moz-placeholder, .contact-v4 .contact-message-form textarea:-moz-placeholder { color: #fff; text-transform: capitalize; opacity: 1; filter: alpha(opacity=100); } .contact-v4 .contact-message-form #edit-name::-moz-placeholder, .contact-v4 .contact-message-form #edit-mail::-moz-placeholder, .contact-v4 .contact-message-form input[type='text']::-moz-placeholder, .contact-v4 .contact-message-form input[type='email']::-moz-placeholder, .contact-v4 .contact-message-form textarea::-moz-placeholder { color: #fff; text-transform: capitalize; opacity: 1; filter: alpha(opacity=100); } .contact-v4 .contact-message-form #edit-name:-ms-input-placeholder, .contact-v4 .contact-message-form #edit-mail:-ms-input-placeholder, .contact-v4 .contact-message-form input[type='text']:-ms-input-placeholder, .contact-v4 .contact-message-form input[type='email']:-ms-input-placeholder, .contact-v4 .contact-message-form textarea:-ms-input-placeholder { color: #fff; text-transform: capitalize; } .contact-v4 .contact-message-form .form-actions input { background: #fff; color: #cb1313; } #contact-message-book-form-form { max-width: 850px; margin: 0 auto; background: rgba(255, 255, 255, 0.8); padding: 30px; } #contact-message-book-form-form:before, #contact-message-book-form-form:after { content: " "; display: table; } #contact-message-book-form-form:after { clear: both; } #contact-message-book-form-form div[id*="edit-name"], #contact-message-book-form-form div[id*="edit-mail"], #contact-message-book-form-form input[type='text'], #contact-message-book-form-form input[type='email'], #contact-message-book-form-form input[type='date'], #contact-message-book-form-form textarea, #contact-message-book-form-form select { padding: 0 0 0 5px; background: none; } #contact-message-book-form-form div[id*="edit-name"]::-webkit-input-placeholder, #contact-message-book-form-form div[id*="edit-mail"]::-webkit-input-placeholder, #contact-message-book-form-form input[type='text']::-webkit-input-placeholder, #contact-message-book-form-form input[type='email']::-webkit-input-placeholder, #contact-message-book-form-form input[type='date']::-webkit-input-placeholder, #contact-message-book-form-form textarea::-webkit-input-placeholder, #contact-message-book-form-form select::-webkit-input-placeholder { color: #757575; text-transform: capitalize; } #contact-message-book-form-form div[id*="edit-name"]:-moz-placeholder, #contact-message-book-form-form div[id*="edit-mail"]:-moz-placeholder, #contact-message-book-form-form input[type='text']:-moz-placeholder, #contact-message-book-form-form input[type='email']:-moz-placeholder, #contact-message-book-form-form input[type='date']:-moz-placeholder, #contact-message-book-form-form textarea:-moz-placeholder, #contact-message-book-form-form select:-moz-placeholder { color: #757575; text-transform: capitalize; opacity: 1; filter: alpha(opacity=100); } #contact-message-book-form-form div[id*="edit-name"]::-moz-placeholder, #contact-message-book-form-form div[id*="edit-mail"]::-moz-placeholder, #contact-message-book-form-form input[type='text']::-moz-placeholder, #contact-message-book-form-form input[type='email']::-moz-placeholder, #contact-message-book-form-form input[type='date']::-moz-placeholder, #contact-message-book-form-form textarea::-moz-placeholder, #contact-message-book-form-form select::-moz-placeholder { color: #757575; text-transform: capitalize; opacity: 1; filter: alpha(opacity=100); } #contact-message-book-form-form div[id*="edit-name"]:-ms-input-placeholder, #contact-message-book-form-form div[id*="edit-mail"]:-ms-input-placeholder, #contact-message-book-form-form input[type='text']:-ms-input-placeholder, #contact-message-book-form-form input[type='email']:-ms-input-placeholder, #contact-message-book-form-form input[type='date']:-ms-input-placeholder, #contact-message-book-form-form textarea:-ms-input-placeholder, #contact-message-book-form-form select:-ms-input-placeholder { color: #757575; text-transform: capitalize; } #contact-message-book-form-form select { -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; } #contact-message-book-form-form textarea { height: 100px; } #contact-message-book-form-form .form-item { float: left; width: 100%; border-bottom: 1px dashed #222; margin-bottom: 25px; } #contact-message-book-form-form .form-item #edit-copy { float: none; } #contact-message-book-form-form .form-item-copy { margin-bottom: 10px; text-align: center; } #contact-message-book-form-form .form-item-copy label[for*="edit-copy"] { display: inline-block; } #contact-message-book-form-form div.form-control { border: none; padding: 0 !important; } #contact-message-book-form-form #edit-name, #contact-message-book-form-form #edit-mail { background: none; } #contact-message-book-form-form input[type*='text'], #contact-message-book-form-form input[type*='email'], #contact-message-book-form-form input[type*='date'] { background: none; border: none !important; height: 45px; } #contact-message-book-form-form input[type*='text'][type*="checkbox"], #contact-message-book-form-form input[type*='email'][type*="checkbox"], #contact-message-book-form-form input[type*='date'][type*="checkbox"] { height: auto; } #contact-message-book-form-form .form-select { width: 100%; height: 45px; border: none; } #contact-message-book-form-form .form-action { float: left; width: 100%; } #contact-message-book-form-form .form-control { background: none !important; } #contact-message-book-form-form .form-item-icon-name, #contact-message-book-form-form .form-item-icon-email, #contact-message-book-form-form .form-item-icon-phone, #contact-message-book-form-form .form-item-icon-date, #contact-message-book-form-form .form-item-icon-time, #contact-message-book-form-form .form-item-icon-guests, #contact-message-book-form-form .form-item-icon-message { position: relative; } #contact-message-book-form-form .form-item-icon-name:after, #contact-message-book-form-form .form-item-icon-email:after, #contact-message-book-form-form .form-item-icon-phone:after, #contact-message-book-form-form .form-item-icon-date:after, #contact-message-book-form-form .form-item-icon-time:after, #contact-message-book-form-form .form-item-icon-guests:after, #contact-message-book-form-form .form-item-icon-message:after { font-family: "FontAwesome"; position: absolute; top: 10px; right: 16px; z-index: 1; background: none; } #contact-message-book-form-form .form-item-icon-name:after { content: "\f2c0"; } #contact-message-book-form-form .form-item-icon-email:after { content: "\f003"; } #contact-message-book-form-form .form-item-icon-phone:after { content: "\f095"; } #contact-message-book-form-form .form-item-icon-date:after { content: "\f073"; } #contact-message-book-form-form .form-item-icon-time:after { content: "\f017"; } #contact-message-book-form-form .form-item-icon-guests:after { content: "\f234"; } #forum { width: 100%; position: relative; right: -1px; } #forum .name { font-weight: bold; font-size: 16px; } #forum table { width: 100%; } #forum tr.odd { background: #f5f5f5; } #forum tr.even td { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } #forum tr td.container { padding: 1em; } #forum tr.new-topics td.forum .name { background-image: url(/images//forum-default.png); } #forum thead th { background: #f5f5f5; border-left: 1px solid rgba(0, 0, 0, 0.1); text-transform: uppercase; font-size: 16px; padding: 15px; } #forum td { border: 1px solid rgba(0, 0, 0, 0.1); padding: 1em; } #forum td a:hover { text-decoration: none; } #forum td.topics { font-weight: bold; text-align: center; width: 9%; } #forum td.posts { text-align: center; width: 9%; } #forum td.replies { text-align: center; } #forum td.forum { padding: 0 1em; width: 44%; padding-top: 12px; } #forum td.forum .name { background-position: left 5px; background-repeat: no-repeat; line-height: 20px; padding-left: 30px; font-size: 15px; font-weight: normal; line-height: 25px; } #forum td.forum .description { font-size: 14px; padding-left: 30px; } #forum td.title .submitted { font-size: 14px; } #forum td.icon { width: 5%; } #forum .icon div { background-image: url(/images//forum-icons.png); background-repeat: no-repeat; height: 24px; margin: 0 auto; width: 24px; } #forum .icon .topic-status-new { background-position: -24px 0; } #forum .icon .topic-status-hot { background-position: -48px 0; } #forum .icon .topic-status-hot-new { background-position: -72px 0; } #forum .icon .topic-status-sticky { background-position: -96px 0; } #forum .icon .topic-status-closed { background-position: -120px 0; } .page-forum #page-title { margin-bottom: 10px; } .page-forum ul.action-links { list-style: none; margin: 0 0 20px; padding: 0; } .page-forum ul.action-links li { margin-left: 0; } .page-forum ul.action-links li a { line-height: 0; display: inline-block; border: none; padding: 10px; text-transform: uppercase; vertical-align: middle; } .block { background: transparent; margin-bottom: 30px; } .block .block { margin-bottom: 0 !important; } .block .block-title { background: none; position: relative; color: #cb1313; border-bottom: 1px solid #cb1313; margin: 0 0 20px; padding: 0 0 10px; } .block .block-title > span { display: inline-block; font-size: 18px; font-weight: 400; position: relative; color: #cb1313; z-index: 9; } .block.block-system-main-block { margin-bottom: 0; } .block.block-system-breadcrumb-block { overflow: visible; margin-bottom: 20px; } .block.block-none, .block.no-padding { background: none !important; padding: 0 !important; } .block.block-none .block-content, .block.no-padding .block-content { padding: 0 !important; } .block.no-title { margin-top: 0; border: none; } .block.no-title:before { content: none; } .block.style-higlight { background: #34495E; padding-left: 20px; padding-right: 20px; } .block.style-higlight .block-title { border: none; } .block.style-higlight .block-title span:before { content: none; } .block.style-higlight .block-title h2 { margin: 0; padding: 0; border: none; } .block.style-higlight .block-title h2 span { padding: 10px; background: #4E6984; color: #fff; } .block.style-higlight .post-title a { color: #fff; } .block.style-higlight .more-link a { color: #fff; padding: 0 15px 15px; display: block; } .block.style-higlight .more-link a:hover { color: #cb1313; } .block#block-system-main { padding-top: 10px; } .block.block-local-tasks-block { margin-bottom: 0; } .block.no-title { border: none; } .block.no-title > .block-title, .block.no-title > div > .block-title { padding: 0; margin: 0; border: none; } .block.no-title > .block-title:before, .block.no-title > div > .block-title:before { content: none; } .block.block-simplenews { width: 100%; margin: 0 auto; padding: 0 20px; float: left; } .block.block-simplenews:before, .block.block-simplenews:after { content: " "; display: table; } .block.block-simplenews:after { clear: both; } .block.block-simplenews .block-title { border: none; margin: 0; width: 40%; margin-bottom: -20px; line-height: 1; } .block.block-simplenews .block-title:after { display: none; } @media (max-width: 510px) { .block.block-simplenews .block-title { width: 100%; margin-bottom: 0; } } .block.block-simplenews .block-title span { padding: 0; } .block.block-simplenews .block-title span:after, .block.block-simplenews .block-title span:before { display: none; } .block.block-simplenews .description { display: none; } .block.block-simplenews .form-item-message { width: 40%; float: left; padding-top: 18px; } @media (max-width: 510px) { .block.block-simplenews .form-item-message { width: 100%; } } .block.block-simplenews #edit-mail-wrapper label { display: none; } .block.block-simplenews #edit-mail-wrapper input.form-email { padding: 0 20px; width: 40%; background: #fff; height: 45px; border: none; float: left; margin-left: 15px; } @media (max-width: 510px) { .block.block-simplenews #edit-mail-wrapper input.form-email { width: 100%; margin-top: 15px; margin-left: 0; } } .block.block-simplenews .form-actions { float: left; width: 50px; position: relative; } .block.block-simplenews .form-actions:after { content: "\f1d8"; font-family: "FontAwesome"; top: 0; left: 0; width: 65px; height: 45px; z-index: 1; position: absolute; background: #cb1313; text-align: center; line-height: 45px; font-size: 16px; color: #fff; } .block.block-simplenews .form-actions input#edit-subscribe { background: none; border: none; height: 45px; width: 65px; text-align: center; font-size: 16px; color: transparent; text-transform: uppercase; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; display: inline-block; position: relative; z-index: 2; } .block.block-blocktabs { position: relative; } .block.block-blocktabs .ui-widget { font-family: "Al-Jazeera-Arabic-Regular",sans-serif; font-size: 14px; } .block.block-blocktabs .ui-tabs-nav { padding: 0; border: none; background: none !important; display: inline-block; float: right; position: absolute; right: 20px; top: -60px; z-index: 99; } .block.block-blocktabs .ui-tabs-nav > li { background: none; padding: 0; margin: 0; border: 0; position: relative; } .block.block-blocktabs .ui-tabs-nav > li > a { font-size: 14px; text-transform: none; font-family: "Al-Jazeera-Arabic-Regular",sans-serif; font-weight: 700; } .block.block-blocktabs .ui-tabs-nav > li:last-child > a { padding-right: 0; } .block.block-blocktabs .ui-tabs-nav > li.ui-tabs-active > a { color: #cb1313; } .block.block-blocktabs .blocktabs { border: none; padding: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .block.block-blocktabs .blocktabs .ui-tabs-panel { padding: 0 !important; } .block.block-blocktabs .block { margin-bottom: 0 !important; } .block.site-branding { margin-bottom: 0; } .block-local-tasks-block { position: relative; z-index: 99; } .drupal-tabs { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .drupal-tabs:before, .drupal-tabs:after { content: " "; display: table; } .drupal-tabs:after { clear: both; } .drupal-tabs a { font-size: 12px; } .drupal-tabs .is-active a { color: #cb1313; } .help { position: relative; z-index: 1; } .help .control-panel { display: none; } body.logged-in.node--type-page .help { position: fixed; top: 300px; left: 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); z-index: 99; width: auto; min-width: 164px; background: #fff; -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.1); -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } body.logged-in.node--type-page .help .container { width: auto !important; } body.logged-in.node--type-page .help.show { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } body.logged-in.node--type-page .help .control-panel { display: block; border: 1px solid rgba(0, 0, 0, 0.1); width: 30px; height: 30px; line-height: 30px; background: #fff; text-align: center; -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); position: absolute; top: 20px; left: 100%; margin-top: -15px; z-index: 11; } body.logged-in.node--type-page .help .control-panel:hover { cursor: pointer; color: #cb1313; } body.logged-in.node--type-page .help .drupal-tabs { border: none; width: 100%; } body.logged-in.node--type-page .help .drupal-tabs > li { float: none; } body.logged-in.node--type-page .help .drupal-tabs > li a { font-size: 12px; } body.logged-in.node--type-page .help .messages__wrapper { padding: 10px !important; } body.logged-in .help { padding: 15px 0; } .text-light .title { color: #fff !important; } .region-main-menu .block { background: transparent; } .region-main-menu .block .block-content { padding: 0; } .sidebar .block-menu:before, .sidebar .block-menu:after { content: " "; display: table; } .sidebar .block-menu:after { clear: both; } .sidebar .block-menu ul li { border: none; margin: 0 0 10px !important; padding: 0 !important; border: none !important; float: left; width: 100%; } .sidebar .block-menu ul li a { padding: 10px 10px 10px 20px; display: block; border: 1px solid #EEEEEE; text-transform: none; font-size: 13px; overflow: hidden; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; position: relative; font-weight: 400 !important; color: #222; } .sidebar .block-menu ul li a:after { display: none; } .sidebar .block-menu ul li a:before { content: "\f178"; position: absolute; top: 10px; left: -20px; font-family: "FontAwesome"; z-index: 1; opacity: 0; filter: alpha(opacity=0); visibility: hidden; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; color: #cb1313; } .sidebar .block-menu ul li a:hover, .sidebar .block-menu ul li a:focus, .sidebar .block-menu ul li a:active { color: #cb1313; padding-left: 40px; } .sidebar .block-menu ul li a:hover:before, .sidebar .block-menu ul li a:focus:before, .sidebar .block-menu ul li a:active:before { left: 20px; opacity: 1; filter: alpha(opacity=100); visibility: visible; } .sidebar .block-menu ul li.menu-item--active-trail > a { color: #cb1313 !important; padding-left: 40px; } .sidebar .block-menu ul li.menu-item--active-trail > a:before { left: 20px; opacity: 1; filter: alpha(opacity=100); visibility: visible; } .sidebar .block-menu ul li.menu-item--active-trail > a:after { display: none; } .recent-comment-block .views-field-picture { margin-right: 10px; } .rtl .recent-comment-block .views-field-picture { margin-left: 10px; margin-right: inherit; } .recent-comment-block .views-field-title { margin-top: -4px; } .recent-comment-block .views-field-title a { font-weight: 700; text-transform: uppercase; } .recent-comment-block .views-field-name { color: #a4a4a4; } .recent-comment-block .views-field-name a { color: #a4a4a4; } .list-tags .view-list ul > li { float: left; border: 1px solid rgba(0, 0, 0, 0.1); display: inline-block; width: auto !important; padding: 0 !important; margin: 0 10px 10px 0 !important; } .list-tags .view-list ul > li a { padding: 6px 10px; display: block; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .list-tags .view-list ul > li:hover { background: #cb1313; } .list-tags .view-list ul > li:hover a { color: #fff; } .contact-info { line-height: 28px; } nav.breadcrumb { margin-bottom: 0 !important; background: none; color: #999999; } nav.breadcrumb ol { list-style: none; margin-bottom: 0 !important; padding: 0; } nav.breadcrumb ol:before, nav.breadcrumb ol:after { content: " "; display: table; } nav.breadcrumb ol:after { clear: both; } nav.breadcrumb ol > li { float: left; font-size: 13px; } nav.breadcrumb ol > li a { color: #999999; } nav.breadcrumb ol > li a:hover { color: #cb1313; } nav.breadcrumb ol > li span { padding: 0 2px 0px 0px; } .contact-link { background: #cb1313; color: #fff; padding: 30px; } .contact-link .title { font-size: 16px; font-weight: 700; margin-bottom: 10px; } .contact-link .action { margin-top: 20px; } .company-presentation { background: #F6F6F6; color: #999999; padding: 30px; } .company-presentation .title { font-size: 16px; font-weight: 700; margin-bottom: 10px; color: #222; } .company-presentation .action { margin-top: 20px; } .block-dropdown-language .dropbutton-wrapper { position: relative; } .block-dropdown-language .dropbutton-wrapper ul.dropbutton { position: absolute; top: -5px; right: 0; display: inline-block; float: right; z-index: 9; padding: 5px 30px 15px 28px; } .block-dropdown-language .dropbutton-wrapper ul.dropbutton:after { content: "\f1ab"; font-family: 'FontAwesome'; left: 10px; top: 5px; position: absolute; z-index: 1; color: #cb1313; } .block-dropdown-language .dropbutton-wrapper ul.dropbutton > li a { color: #fff; text-align: right; font-size: 12px; } .block-dropdown-language .dropbutton-wrapper ul.dropbutton > li.dropbutton-toggle .dropbutton-arrow { margin-top: -7px; border-width: 5px; } .block-dropdown-language .dropbutton-wrapper.open { background: #fff; } .block-dropdown-language .dropbutton-wrapper.open ul.dropbutton { -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; background: #fff; } .block-dropdown-language .dropbutton-wrapper.open ul.dropbutton > li > a { color: #222; } .block-dropdown-language .dropbutton-wrapper.open ul.dropbutton > li > a:hover { color: #cb1313 !important; } .block-dropdown-language .dropbutton-wrapper.open .dropbutton-arrow { margin-top: 1px !important; } .poll .poll-item { margin-top: 20px; } .poll .poll-item .heading { position: relative; } .poll .poll-item .heading .text { font-weight: 700; color: #333333; padding-right: 40px; } .poll .poll-item .heading .percent { display: inline-block; position: absolute; right: 0; top: 0; z-index: 9; font-weight: 700; } .poll .poll-item .bar .foreground { background: #cb1313; } .poll .total { margin-top: 20px; font-weight: 700; text-transform: uppercase; } .poll .choices .form-item.form-item-choice input.form-radio { margin: 0 !important; } .poll .choices .form-item.form-item-choice label { vertical-align: text-top; margin-left: 5px; } .block-poll ul.links { text-align: center; overflow: hidden; padding: 15px 0 0; } .block-poll ul.links li { display: inline-block; margin-right: 20px; } .block-poll ul.links li a { padding-right: 10px; position: relative; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .block-poll ul.links li a:after { content: "\f105"; position: absolute; top: -1px; right: 0; font-family: "FontAwesome"; } .block-poll ul.links li a:hover { padding-right: 15px; } .block-poll ul.links li:last-child { margin: 0; } .unslider { overflow: auto; margin: 0; padding: 0; } .unslider:hover .unslider-arrow { opacity: 1; filter: alpha(opacity=100); } .unslider-wrap { position: relative; } .unslider-wrap.unslider-carousel > li { float: left; } .unslider-vertical > ul { height: 100%; } .unslider-vertical > ul li { float: none; width: 100%; } .unslider-fade { position: relative; } .unslider-fade .unslider-wrap li { position: absolute; left: 0; top: 0; right: 0; z-index: 8; } .unslider-fade .unslider-wrap li.unslider-active { z-index: 10; } .unslider ul, .unslider ol, .unslider li { list-style: none; /* Reset any weird spacing */ margin: 0; padding: 0; border: none; } .unslider-arrow { position: absolute; left: 20px; top: 10px; z-index: 2; cursor: pointer; font-size: 20px; opacity: 0.1; filter: alpha(opacity=10); -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; line-height: 1; } .unslider-arrow.next { left: auto; right: 20px; } .unslider-nav ol { list-style: none; text-align: center; position: absolute; top: 10px; left: 0; z-index: 1; width: 100%; } .unslider-nav ol li { display: inline-block; width: 8px; height: 8px; margin: 0 4px; background: transparent; border-radius: 50%; overflow: hidden; text-indent: -999em; border: 2px solid #fff; cursor: pointer; } .unslider-nav ol li.unslider-active { background: #cb1313; border-color: #cb1313; cursor: default; } .slider-button .unslider-arrow { bottom: 10px; top: auto; } .slider-button .unslider-nav ol { bottom: 10px; top: auto; } .area-main-menu .menu-toggle { display: none; } @media (min-width: 992px) { .navigation { position: relative; clear: both; } .navigation ul { list-style: none; padding: 0; margin: 0; } .navigation .gva_menu { float: none; position: relative; font-size: 0; } .navigation .gva_menu li { position: relative; } .navigation .gva_menu li a { text-align: left !important; } .navigation .gva_menu li a .icaret { margin-left: 2px; border: none !important; } .navigation .gva_menu > li { display: inline-block; } .navigation .gva_menu > li.gva-mega-menu { position: static !important; } .navigation .gva_menu > li.gva-mega-menu > .sub-menu { width: 100%; } } @media (min-width: 992px) and (min-width: 991px) { .navigation .gva_menu > li:hover > ul.sub-menu, .navigation .gva_menu > li:hover div.sub-menu { display: block; visibility: visible; opacity: 1; filter: alpha(opacity=100); } .navigation .gva_menu > li:hover > a { color: #cb1313; } .navigation .gva_menu > li:hover > a:after { visibility: visible; opacity: 1; filter: alpha(opacity=100); } } @media (min-width: 992px) { .navigation .gva_menu > li > a { display: block; position: relative; font-size: 14px; font-weight: 700; text-transform: uppercase; padding: 5px 20px; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; text-align: center; color: #434343; } /* .navigation .gva_menu > li > a:after { content: ''; border: 7px solid transparent; border-left-color: #cb1313; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); z-index: 1; position: absolute; right: 3px; top: 18px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; }*/ } @media (min-width: 992px) and (max-width: 1199px) { .navigation .gva_menu > li > a { padding-left: 10px; padding-right: 10px; } } @media (min-width: 992px) and (max-width: 991px) { .navigation .gva_menu > li > a { padding-left: 8px; padding-right: 8px; } } @media (min-width: 992px) { .navigation .gva_menu > li > a:hover, .navigation .gva_menu > li > a:after, .navigation .gva_menu > li > a:active { color: #cb1313; } .navigation .gva_menu > li > a:hover:after, .navigation .gva_menu > li > a:after:after, .navigation .gva_menu > li > a:active:after { opacity: 1; filter: alpha(opacity=100); } .navigation .gva_menu > li > a.is-active { color: #cb1313; } .navigation .gva_menu > li > a.is-active:after { opacity: 1; filter: alpha(opacity=100); } .navigation .gva_menu > li > a .icaret { display: none; } .navigation .gva_menu > li.menu-item--active-trail > a { color: #cb1313 !important; } .navigation .gva_menu > li.menu-item--active-trail > a:after { /* opacity: 1; filter: alpha(opacity=100);*/ } .navigation .gva_menu > li.megamenu.menu-columns-2 > ul.sub-menu > li { width: 50%; float: left; } .navigation .gva_menu > li.megamenu.menu-columns-3 > ul.sub-menu > li { width: 33.33%; float: left; } .navigation .gva_menu > li.megamenu.menu-columns-4 > ul.sub-menu > li { width: 25%; float: left; } .navigation .gva_menu > li.megamenu.menu-columns-5 > ul.sub-menu > li { width: 20%; float: left; } .navigation .gva_menu > li.menu-list ul.sub-menu { min-width: 250px; } .navigation .gva_menu > li.menu-list ul.sub-menu > li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .navigation .gva_menu > li.menu-list ul.sub-menu > li > a { padding: 10px 15px; text-transform: uppercase; } .navigation .gva_menu .megamenu { position: static; } .navigation .gva_menu .megamenu > .sub-menu { width: 100%; padding: 30px 20px; } .navigation .gva_menu .megamenu > .sub-menu > li { position: static; padding: 0 15px; } .navigation .gva_menu .megamenu > .sub-menu > li > ul.sub-menu { visibility: visible; position: static; border-width: 0; padding: 0; min-width: inherit; width: 100%; background-color: transparent; opacity: 1; filter: alpha(opacity=100); -webkit-box-shadow: none; box-shadow: none; } } @media (min-width: 992px) and (min-width: 991px) { .navigation .gva_menu .megamenu > .sub-menu > li > ul.sub-menu { display: block !important; } } @media (min-width: 992px) { .navigation .gva_menu .megamenu > .sub-menu > li > ul.sub-menu li a { padding: 0; font-size: 14px; } .navigation .gva_menu .megamenu > .sub-menu > li > a { display: block; font-size: 13px; color: #222; font-weight: 700; text-transform: uppercase; padding: 0 0 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; } .navigation .gva_menu .megamenu > .sub-menu > li > a:before { content: none; } .navigation .gva_menu .megamenu > .sub-menu > li > a:hover { text-indent: 0; } .navigation .gva_menu .megamenu > .sub-menu > li:hover ul { transform: translate(0, 0); } .navigation .gva_menu .sub-menu { display: none; position: absolute; min-width: 230px; background-color: #F7F5F5; border-top: 1px solid rgba(0, 0, 0, 0.1); z-index: 999; left: 0; padding: 15px 0; visibility: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -webkit-box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.2); } .navigation .gva_menu .sub-menu > li > a { display: block; padding-left: 20px; padding-right: 20px; line-height: 26px; text-decoration: none; font-size: 14px; font-weight: 400; text-transform: none; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .navigation .gva_menu .sub-menu > li > a:after, .navigation .gva_menu .sub-menu > li > a:before { display: none; } .navigation .gva_menu .sub-menu > li > a:hover { color: #cb1313; } .navigation .gva_menu .sub-menu > li:last-child > a { border-bottom: 0; } .navigation .gva_menu .sub-menu > li ul { position: absolute; top: 0; right: 0; min-width: 250px; visibility: hidden; opacity: 0; filter: alpha(opacity=0); display: none; z-index: 11; } } @media (min-width: 992px) and (min-width: 991px) { .navigation .gva_menu .sub-menu > li:hover > ul { visibility: visible; opacity: 1; filter: alpha(opacity=100); display: block; left: 100%; } } .gva-mega-menu .block-blocktabs { position: relative; } .gva-mega-menu .block-blocktabs .ui-widget { font-family: "Al-Jazeera-Arabic-Regular",sans-serif; font-size: 14px; } .gva-mega-menu .block-blocktabs .ui-tabs-nav { padding: 0; position: static; width: 15%; float: left; } .gva-mega-menu .block-blocktabs .ui-tabs-nav > li { background: none; padding: 0; margin: 0; position: relative; width: 100%; float: none; clear: both; padding-right: 20px; } .gva-mega-menu .block-blocktabs .ui-tabs-nav > li > a { font-size: 12px; text-transform: uppercase; font-family: "Al-Jazeera-Arabic-Regular",sans-serif; border-bottom: 1px solid rgba(0, 0, 0, 0.1); font-weight: 700; padding-bottom: 10px; margin-bottom: 10px; width: 100%; } .gva-mega-menu .block-blocktabs .ui-tabs-nav > li:last-child > a { padding-right: 0; } .gva-mega-menu .block-blocktabs .ui-tabs-nav > li.ui-tabs-active > a { color: #cb1313; } .gva-mega-menu .block-blocktabs .ui-tabs-panel { float: left; width: 85%; } .item-list ul { overflow: hidden; padding: 0; } .item-list ul li.view-list-item { margin: 0 0 30px; overflow: hidden; list-style-type: none; } .item-list ul li.view-list-item .post-block { margin: 0; } .item-list ul li.view-list-item:last-child { margin-bottom: 0; } .padding-small .item-list ul li.view-list-item { margin-bottom: 20px !important; } .padding-small .item-list ul li.view-list-item:last-child { margin-bottom: 0 !important; } ul[data-drupal-views-infinite-scroll-pager].pager { margin: 30px 0 20px; } ul[data-drupal-views-infinite-scroll-pager].pager a { font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; border: 1px solid #cb1313; background: #cb1313; display: inline-block; color: #fff; padding: 5px 15px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } ul[data-drupal-views-infinite-scroll-pager].pager a:hover, ul[data-drupal-views-infinite-scroll-pager].pager a:active, ul[data-drupal-views-infinite-scroll-pager].pager a:focus { background: #fff; color: #cb1313; } .more-link { text-align: left; background-color: #FFF; padding: 0 0 10px; } .more-link a { background: #F7F5F5; color: #434343; overflow: hidden; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; font-size: 14px; font-weight: 400; text-transform: uppercase; padding: 5px 10px; position: relative; display: inline-block; z-index: 1; } .more-link a:hover { background: #42B5EE; color: #fff; } .views-view-grid .views-row { width: auto; clear: none; float: none !important; } .views-view-grid .views-row:last-child { margin-bottom: 0; } .post-masonry-style > div.views-col { margin-bottom: 10px; } .post-style-grid .post-block { margin-bottom: 30px; } .post-style-grid .post-block .post-title { padding-top: 15px; } .post-grid-1 .post-block { position: relative; } .post-grid-1 .post-block:before { content: ""; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; position: absolute; background: rgba(0, 0, 0, 0.6); } .post-grid-1 .post-block .post-content { position: absolute; z-index: 2; width: 100%; height: 100%; padding: 30px; border-top: 0; top: 0; left: 0; color: #fff; } .post-grid-1 .post-block .content-inner { position: absolute; bottom: 0; left: 0; z-index: 9; padding: 30px; } .post-grid-1 .post-block .post-meta { color: #fff; padding: 0; } .post-grid-1 .post-block .post-meta a { color: #fff !important; } .post-grid-1 .post-block .post-title a { font-size: 18px; font-weight: 400; color: #fff; } .post-grid-1 .post-block .post-title a:hover, .post-grid-1 .post-block .post-title a:active, .post-grid-1 .post-block .post-title a:focus { text-decoration: underline; } .post-grid-1 .post-block .post-body { width: 100%; padding-top: 15px; margin-top: 15px; position: relative; } .post-grid-1 .post-block .post-body:after { content: ""; width: 60px; height: 2px; position: absolute; top: 0; left: 0; background: #cb1313; z-index: 1; } .post-style-grid-3 .post-block { margin-bottom: 30px; } .post-style-grid-3 .post-block .post-title { padding: 15px 0 0; } .post-style-grid-3 .post-block .post-title a { font-size: 14px; font-weight: 700; } .post-style-grid-3 .col-1 .post-block, .post-style-grid-3 .col-3 .post-block { margin-bottom: 45px; } .post-style-grid-3 .col-1 .post-block .post-body, .post-style-grid-3 .col-3 .post-block .post-body { display: none; } .post-style-grid-4 .post-block { margin-bottom: 30px; } .post-style-grid-4 .post-block .post-title { padding: 15px 0 0; } .post-style-grid-4 .col-2 .post-block, .post-style-grid-4 .col-3 .post-block { margin-bottom: 30px; } .post-style-grid-4 .col-2 .post-block .post-body, .post-style-grid-4 .col-3 .post-block .post-body { display: none; } .no-padding .gva-portfolio-items .row { margin: 0 !important; } .no-padding .gva-portfolio-items .isotope-items > div { padding: 0 !important; } .no-padding .gva-portfolio-items .isotope-items > div .isotope-item { margin-bottom: 0 !important; } .brand-grid .views-view-grid .views-row { margin-bottom: 65px; } .brand-grid .views-view-grid .views-row .views-field-field-image { text-align: center; } @media (max-width: 767px) { .brand-grid .views-view-grid .views-row .views-field-field-image { margin-bottom: 20px; } } .category-list .item-list ul li { border: none; margin: 0 0 10px !important; padding: 0 !important; border: none !important; } .category-list .item-list ul li a { padding: 10px 10px 10px 20px; display: block; border: 1px solid #EEEEEE; background: #F6F6F6; color: #bbbbbb; text-transform: none; font-size: 13px; overflow: hidden; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; position: relative; } .category-list .item-list ul li a:after { content: "\f178"; position: absolute; top: 10px; left: -20px; font-family: "FontAwesome"; z-index: 1; opacity: 0; filter: alpha(opacity=0); visibility: hidden; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; color: #cb1313; } .category-list .item-list ul li a:hover, .category-list .item-list ul li a:focus, .category-list .item-list ul li a:active { color: #cb1313; padding-left: 40px; } .category-list .item-list ul li a:hover:after, .category-list .item-list ul li a:focus:after, .category-list .item-list ul li a:active:after { left: 20px; opacity: 1; filter: alpha(opacity=100); visibility: visible; } .slider-gallery-v1 { margin-left: -3px !important; margin-right: -3px !important; } .slider-gallery-v1 .gallery-post { margin-bottom: 0; } .slider-gallery-v1 .carousel-item { float: left; padding-right: 3px !important; } .slider-gallery-v1 img { -ms-transform-style: none !important; -webkit-transform-style: none !important; -o-transform-style: none !important; transform-style: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; } .slider-gallery-v1 .gallery-large { background: #fff; } .slider-gallery-v1 .gallery-large img { width: 100%; height: auto; } .slider-gallery-v1 div > .gallery-small { width: 50% !important; background: transparent !important; float: left; } .slider-gallery-v1 div > .gallery-small .gallery-small-item { background: #fff; width: 100% !important; height: auto !important; float: left; clear: both; padding-bottom: 3px; margin: 0; } .slider-gallery-v1 div > .gallery-small .gallery-small-item:last-child { padding-bottom: 0; } .slider-gallery-v1 div > .gallery-small .gallery-small-item img { width: 100%; height: auto; } .small-list .item-list ul > li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 15px !important; padding-bottom: 15px; } .small-list .item-list ul > li a { font-size: 12px; text-transform: uppercase; color: #222; font-weight: 700; } .small-list .item-list ul > li a:hover { color: #cb1313; } .small-list .item-list ul > li:last-child { border: none; margin-bottom: 0 !important; padding-bottom: 0; } .tags-list .item-list > ul > li { margin-bottom: 5px; display: inline-block; float: left; margin-right: 10px; } .tags-list .item-list > ul > li a { background: #cb1313; font-weight: 400; color: #fff; padding: 5px 6px; overflow: hidden; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; display: inline-block; } .tags-list .item-list > ul > li a:hover, .tags-list .item-list > ul > li a:focus, .tags-list .item-list > ul > li a:active { color: #cb1313; background: #f5f5f5; } .portfolio-carousel-single .portfolio-item { overflow: hidden; } .portfolio-carousel-single .portfolio-item .image { text-align: center; } .portfolio-carousel-single .portfolio-item .image img { max-width: 800px; position: relative; z-index: 9; } .portfolio-carousel-single .portfolio-item .image .read-more { position: absolute; right: 0; bottom: 30px; z-index: 1; width: 300px; text-align: right; } .portfolio-carousel-single .portfolio-item .image .read-more a { text-transform: capitalize; font-weight: 700; font-size: 14px; letter-spacing: 1px; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; padding-right: 40px; opacity: 0; filter: alpha(opacity=0); } .portfolio-carousel-single .portfolio-item .image .read-more:after { content: ""; width: 0px; height: 1px; background: #cb1313; position: absolute; bottom: 0; left: 0; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; } .portfolio-carousel-single .portfolio-item .portfolio-content { position: absolute; top: 100px; left: 50px; z-index: 11; } .portfolio-carousel-single .portfolio-item .portfolio-content:after { content: ""; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; width: 1px; height: 0; background: #cb1313; position: absolute; top: -110px; left: 0; } .portfolio-carousel-single .portfolio-item .portfolio-content .category a { text-transform: uppercase; color: #cb1313; font-weight: 700; } .portfolio-carousel-single .portfolio-item .portfolio-content .title { background: rgba(255, 255, 255, 0.5); padding: 0 15px; } .portfolio-carousel-single .portfolio-item .portfolio-content .title a { font-size: 36px; font-weight: 700; text-transform: capitalize; letter-spacing: 1px; } .portfolio-carousel-single .portfolio-item .portfolio-content .category { -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.5s; -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.5s; -ms-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.5s; -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.5s; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.5s; -webkit-transform: translate(0, -70%); -moz-transform: translate(0, -70%); -ms-transform: translate(0, -70%); -o-transform: translate(0, -70%); transform: translate(0, -70%); ms-transform: translate(0, -70%); opacity: 0; filter: alpha(opacity=0); } .portfolio-carousel-single .portfolio-item .portfolio-content .title { -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.9s; -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.9s; -ms-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.9s; -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.9s; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.9s; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); ms-transform: translate(0, -50%); opacity: 0; filter: alpha(opacity=0); } .portfolio-carousel-single .active-effect .portfolio-item .portfolio-content:after { height: 100px; } .portfolio-carousel-single .active-effect .portfolio-item .portfolio-content .category, .portfolio-carousel-single .active-effect .portfolio-item .portfolio-content .title { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); ms-transform: translate(0, 0); opacity: 1; filter: alpha(opacity=100); } .portfolio-carousel-single .active-effect .portfolio-item .image .read-more a { padding-right: 10px; opacity: 1; filter: alpha(opacity=100); } .portfolio-carousel-single .active-effect .portfolio-item .image .read-more:after { width: 300px; } .gva-googlemap { position: relative; } .gva-googlemap .map_canvas { z-index: 11 !important; } .gva-googlemap .gm-style div { border: none !important; } .gva-googlemap .gm-style-iw { max-width: 590px; } .gva-googlemap .gm-style-iw > div { max-width: 100% !important; width: 100%; } .gva-googlemap .gm-style-iw div { height: auto !important; overflow: hidden; } .gva-googlemap .gm-style-iw div .marker { width: 99%; max-width: 590px; background: #fff !important; padding: 15px 0 5px 5px; margin-top: 1px; margin-left: 1px; } .gva-googlemap .gm-style-iw div .marker .image { width: 45%; float: left; } @media (max-width: 640px) { .gva-googlemap .gm-style-iw div .marker .image { width: 100%; } } .gva-googlemap .gm-style-iw div .marker .image img { width: 100%; height: auto; } .gva-googlemap .gm-style-iw div .marker .info { float: left; width: 55%; padding-left: 20px; font-size: 14px; font-family: "Al-Jazeera-Arabic-Regular",sans-serif; } @media (max-width: 640px) { .gva-googlemap .gm-style-iw div .marker .info { width: 100%; } } .gva-googlemap .gm-style-iw div .marker .info h3 { font-size: 18px; font-weight: 700; text-transform: none; margin-top: 10px; } .gva-googlemap .gm-style-iw div .marker .info p { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; } .gva-googlemap .gm-style-iw div .marker .info .link-visit { font-size: 12px; text-transform: uppercase; font-weight: 700; color: #cb1313; -webkit-transition: color 0.35s; -o-transition: color 0.35s; transition: color 0.35s; -moz-transition: color 0.35s; -ms-transition: color 0.35s; } .gva-googlemap .gm-style-iw div .marker .info .link-visit:hover { color: #222; } .gva-googlemap .makers { padding: 30px; background: #f5f5f5; } .gva-googlemap .makers .row { margin-bottom: 30px; } @media (max-width: 991px) { .gva-googlemap .makers .row { margin-bottom: 0; } } .gva-googlemap .makers .row:last-child { margin-bottom: 0; } .gva-googlemap .makers .maker-item-inner { font-size: 14px; margin-top: 0; } @media (max-width: 991px) { .gva-googlemap .makers .maker-item-inner { margin-bottom: 20px; } } .gva-googlemap .makers .maker-item-inner .left { width: 30px; height: auto; float: left; } .gva-googlemap .makers .maker-item-inner .left .icon { font-size: 24px; margin-top: 5px; color: #222; } .gva-googlemap .makers .maker-item-inner .right { padding-left: 30px; line-height: 24px; } .gva-googlemap .makers .maker-item-inner .right h3 { font-size: 16px; text-transform: none; margin-top: 0; margin-bottom: 5px; } .gva-googlemap .makers .maker-item-inner .right h3:hover { cursor: pointer; color: #cb1313; } .gva-googlemap .makers .maker-item-inner:hover, .gva-googlemap .makers .maker-item-inner.active { cursor: pointer; } .gva-googlemap .makers .maker-item-inner:hover h3, .gva-googlemap .makers .maker-item-inner.active h3 { color: #cb1313; } .gva-googlemap .makers .maker-item-inner:hover .icon, .gva-googlemap .makers .maker-item-inner.active .icon { color: #cb1313; -webkit-animation: bounce 800ms ease-out; -moz-animation: bounce 800ms ease-out; -o-animation: bounce 800ms ease-out; animation: bounce 800ms ease-out; } .gva-view-onefour .big-row { margin-left: -2px; margin-right: -2px; } .gva-view-onefour .big-row > div { padding-left: 2px; padding-right: 2px; } .gva-view-onefour .small-items .row { margin-left: -2px; margin-right: -2px; } .gva-view-onefour .small-items .row > div { padding-left: 2px; padding-right: 2px; } .block.block-gavias-blockbuilder { padding-bottom: 0 !important; margin-bottom: 0 !important; } .block.block-gavias-blockbuilder ul > li { list-style: none; } .gbb-row-wrapper { position: initial; } .gbb-row-wrapper .icon-row { color: #cb1313; } .container { max-width: 100%; } .container .container { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } .bb-container.full-screen { display: table; table-layout: fixed; width: 100%; } .bb-container.full-screen .bb-inner { padding: 0 !important; } .bb-container.full-screen > .row { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .gbb-row.gsc-equal-height .row-wrapper { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gbb-row.gsc-equal-height .row-wrapper::before, .gbb-row.gsc-equal-height .row-wrapper::after { display: none; } .gbb-row.gsc-equal-height .row-wrapper > .gsc-column { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .gbb-row.gsc-equal-height .row-wrapper > .gsc-column .column-inner { width: 100%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .gbb-row.gsc-equal-height .row-wrapper > .gsc-column .column-inner::before, .gbb-row.gsc-equal-height .row-wrapper > .gsc-column .column-inner::after { content: " "; display: table; } .gbb-row.gsc-equal-height .row-wrapper > .gsc-column .column-inner::after { clear: both; } @media (-ms-high-contrast: active), (-ms-high-contrast: none) { .gbb-row.gsc-equal-height .row-wrapper > .gsc-column .column-inner > * { min-height: 1em; } } .gbb-row.gsc-equal-height .column-content-inner { position: relative; top: 51%; -webkit-transform: translateY(-51%); -ms-transform: translateY(-51%); -o-transform: translateY(-51%); transform: translateY(-51%); } .gbb-row.gsc-equal-height .content-top .column-content-inner { top: 20px; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .gbb-row.row-border .row-wrapper > .gsc-column:after { content: ''; width: 1px; height: 100px; position: absolute; right: 0; top: 50%; margin-top: -50px; z-index: 1; background: rgba(255, 255, 255, 0.2); } .gbb-row.row-border .row-wrapper > .gsc-column:last-child:after { display: none !important; } .gbb-row.row-border .row-wrapper > .gsc-column[class*='col-lg-12']:after { display: none; } .bg-row-content .row-wrapper { background: #F5F5F5; } .grid-small .container { max-width: 900px; margin: 0 auto; } .gavias-blockbuilder-content { position: relative; } .gavias-blockbuilder-content .link-edit-blockbuider { border: 1px solid rgba(0, 0, 0, 0.1); position: fixed; top: 180px; left: 0px; z-index: 99; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1); background: #cb1313; color: #fff; text-transform: uppercase; font-weight: 700; font-size: 12px; display: inline-block; padding: 10px; } .gavias-blockbuilder-content .link-edit-blockbuider:hover, .gavias-blockbuilder-content .link-edit-blockbuider:focus, .gavias-blockbuilder-content .link-edit-blockbuider:active { color: #fff; } @media (max-width: 991px) { .gbb-row[style*="padding-top"] { padding-top: 30px !important; } .gbb-row[style*="padding-bottom"] { padding-bottom: 30px !important; } } .gbb-row .bb-inner { padding-top: 20px; padding-bottom: 20px; } @media (max-width: 991px) { .gbb-row .bb-inner { padding-top: 45px; padding-bottom: 45px; } } .gbb-row .bb-inner.remove_margin { margin: 0 !important; } .gbb-row .bb-inner.remove_padding { padding: 0 !important; } .gbb-row .bb-inner.remove_padding_col .bb-container .row { margin-left: 0 !important; margin-right: 0 !important; } .gbb-row .bb-inner.remove_padding_col .bb-container .row > .row-wrapper > div.gsc-column { padding-left: 0 ; padding-right: 0 ; } .gbb-row .bb-inner.remove_padding_top { padding-top: 0 !important; } .gbb-row .bb-inner.remove_padding_bottom { padding-bottom: 0 !important; } .widget { /******************** Block for drupal ***********************/ /********************* Custom heading *************************/ /********************** Call to action **************************/ /**************** Team ************************/ /******************** Chart *****************************/ /************* Icon Box **********************/ /******************** Video Box **************************/ /*************** Milestone ***************/ /***********************************************/ } .widget.gsc-block-drupal.hidden-title-off .block-inner .block-title h2 { display: none !important; } .widget.gsc-block-drupal.title-align-center .block-title { text-align: center; } .widget.gsc-block-drupal.title-align-left .block-title { text-align: left; } .widget.gsc-block-drupal.title-align-right .block-title { text-align: right; } .widget.gsc-block-drupal.text-light div { color: #fff; } .widget.gsc-block-drupal.text-light .block-inner .block-title { color: #fff; } .widget.gsc-block-drupal.text-light .block-inner .block-content *, .widget.gsc-block-drupal.text-light .block-inner .block-content div { color: #fff; } .widget.gsc-block-drupal.text-light .block-inner .block-content *:after, .widget.gsc-block-drupal.text-light .block-inner .block-content *:before, .widget.gsc-block-drupal.text-light .block-inner .block-content div:after, .widget.gsc-block-drupal.text-light .block-inner .block-content div:before { color: rgba(255, 255, 255, 0.2); } .widget.gsc-block-drupal.remove-margin-on .block { margin-bottom: 0 !important; } .widget.gsc-heading { padding: 0; display: block; width: 100%; } .widget.gsc-heading:before, .widget.gsc-heading:after { content: " "; display: table; } .widget.gsc-heading:after { clear: both; } .widget.gsc-heading .title { font-weight: 400; margin: 0; position: relative; color: #222; font-size: 22px; text-transform: uppercase; font-family: "Al-Jazeera-Arabic-Regular",sans-serif; color: #42B5EE; min-height: 48px; } .widget.gsc-heading .title strong { color: #cb1313 !important; } .widget.gsc-heading .sub-title { font-size: 14px; color: #9896a4; } .widget.gsc-heading .title-desc { max-width: 700px; margin: 0 auto; margin-top: 15px; line-height: 28px; display: block; } .widget.gsc-heading.align-center { text-align: center; } .widget.gsc-heading.align-center .title-icon { color: #cb1313; margin-bottom: 10px; } .widget.gsc-heading.align-center .title-icon span { width: 60px; height: 60px; background: #fff; position: relative; padding: 15px; display: inline-block; line-height: 28px; -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .widget.gsc-heading.align-left { text-align: left; } .widget.gsc-heading.align-left .title-desc { text-align: left; } .widget.gsc-heading.align-right { text-align: right; } .widget.gsc-heading.align-right .title-desc { text-align: right; } .widget.gsc-heading.style-1 { position: relative; display: inline-block; width: auto; } .widget.gsc-heading.style-1.align-center { width: 100%; } .widget.gsc-heading.style-1.align-center .heading-inner:after { display: none; } .widget.gsc-heading.style-1 .heading-inner { position: relative; display: inline-block; padding-right: 5px; } .widget.gsc-heading.style-1 .heading-inner:after { /* content: ""; border: 10px solid transparent; border-top-color: #cb1313; position: absolute; right: 0; top: -5px; z-index: 1; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);*/ } .widget.gsc-heading.style-2 { padding: 10px 0 20px; } .widget.gsc-heading.style-2 .line { display: none; } .widget.gsc-heading.style-2 .title span { font-size: 38px; text-transform: none; } .widget.gsc-heading.style-2.align-left { padding-right: 15px; } .widget.gsc-heading.style-3 { padding: 10px 0 30px; max-width: 700px; margin: 0 auto; } .widget.gsc-heading.style-3 .line { display: none; } .widget.gsc-heading.style-3 .title { font-size: 26px; text-transform: none; letter-spacing: 0; line-height: 36px; } .widget.gsc-heading.style-3 .title-desc { padding-top: 10px; } .widget.gsc-heading.style-3.text-light .title-desc { color: #fff !important; } .widget.gsc-heading.style-4 { padding: 30px 0; max-width: 600px; } .widget.gsc-heading.style-4 .title-desc { font-size: 16px; } .widget.text-light .title-sub { color: #fff; } .widget.text-light .title { color: #fff; } .widget.text-light .title-sub span { color: rgba(255, 255, 255, 0.9); } .widget.text-light .title-icon span:after, .widget.text-light .title-icon span:before { background: rgba(255, 255, 255, 0.1); } .widget.text-light .title-desc { color: #CCCCCC; } .widget.text-light .line:after, .widget.text-light .line:before { background: rgba(255, 255, 255, 0.6); } .widget.gsc-call-to-action.button-right { position: relative; } .widget.gsc-call-to-action.button-right .title { margin: 0 !important; } .widget.gsc-call-to-action.button-right .content { padding-right: 120px; } .widget.gsc-call-to-action.button-right .content p { margin: 0; } .widget.gsc-call-to-action.button-right .button-action { position: absolute; right: 0; top: 35%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; } .widget.gsc-call-to-action.button-left { position: relative; text-align: right; } .widget.gsc-call-to-action.button-left .title { margin: 0 !important; } .widget.gsc-call-to-action.button-left .content { padding-left: 120px; } .widget.gsc-call-to-action.button-left .content p { margin: 0; } .widget.gsc-call-to-action.button-left .button-action { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; } .widget.gsc-call-to-action.button-bottom { padding: 30px 0; } .widget.gsc-call-to-action.button-bottom .title { font-size: 32px; position: relative; padding-bottom: 20px; margin-bottom: 20px; margin-top: 0; line-height: 44px; } .widget.gsc-call-to-action.button-bottom .title:after { content: ""; width: 80px; height: 2px; background: #cb1313; left: 0; bottom: 0; z-index: 1; position: absolute; } .widget.gsc-call-to-action.button-bottom .desc { font-size: 14px; } .widget.gsc-call-to-action.button-bottom .button-action { margin-top: 30px; } .widget.gsc-call-to-action.button-bottom.text-light .title:after { background: #fff; } .widget.gsc-call-to-action.button-center { padding-top: 45px !important; padding-bottom: 45px !important; margin-bottom: 0 !important; text-align: center; margin: 0 auto; } .widget.gsc-call-to-action.button-center .title { font-size: 38px; position: relative; padding-bottom: 30px; margin-bottom: 30px; margin-top: 0; } .widget.gsc-call-to-action.button-center .title:after { content: ""; width: 80px; height: 2px; background: #cb1313; left: 50%; bottom: 0; margin-left: -40px; z-index: 1; position: absolute; } .widget.gsc-call-to-action.button-center .desc { font-size: 14px; } .widget.gsc-call-to-action.button-center .button-action { margin-top: 30px; } .widget.gsc-call-to-action.button-center.text-light .title:after { background: #fff; } .widget.gsc-call-to-action.has-background { padding: 20px; padding-bottom: 30px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .widget.gsc-call-to-action.has-background .title { margin-bottom: 0; padding-bottom: 15px; font-size: 20px; } .widget.gsc-call-to-action.has-background .title:after { display: none; } .widget.gsc-call-to-action.has-background.button-right .button-action { right: 0px; } .widget.gsc-call-to-action.text-light .content { color: #fff; } .widget.gsc-call-to-action.text-light .content .title { color: #fff; } .widget.gsc-call-to-action.text-light .content .desc * { color: #fff; } .widget.gsc-call-to-action.text-light .subtitle { color: #fff; } .widget.gsc-team .team-name { font-size: 18px; position: relative; margin: 0; font-family: "Al-Jazeera-Arabic-Regular",sans-serif; color: #303030; } .widget.gsc-team .team-position { font-weight: 400; font-size: 14px; color: #757575; } .widget.gsc-team .team-info { margin: 15px 0; } .widget.gsc-team.team-horizontal { margin-top: 50px; } .widget.gsc-team.team-horizontal .team-header { position: relative; overflow: hidden; } .widget.gsc-team.team-horizontal .team-header img { -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -moz-transition: all 3s; -ms-transition: all 3s; display: inline-block; } .widget.gsc-team.team-horizontal .team-header .box-hover { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); position: absolute; top: 0; left: 0; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); } .widget.gsc-team.team-horizontal .team-header .box-hover .content-inner { position: absolute; top: 50%; margin-top: -15px; left: 0; width: 100%; height: auto; padding: 0 20px; } .widget.gsc-team.team-horizontal .team-header .social-list a { background: none; color: #fff !important; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; margin-right: 20px; display: inline-block; font-size: 16px; } .widget.gsc-team.team-horizontal .team-header .social-list a:last-child { margin-right: 0; } .widget.gsc-team.team-horizontal .team-header .social-list a:hover { color: #cb1313 !important; } .widget.gsc-team.team-horizontal .team-name { font-size: 14px; margin: 0 0 12px 0; text-transform: uppercase; padding: 0 0 12px; position: relative; font-weight: 800; } .widget.gsc-team.team-horizontal .team-name:after { bottom: 0; left: 0; content: ""; background: #cb1313; width: 45px; height: 1px; position: absolute; } .widget.gsc-team.team-horizontal:hover .box-hover { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .widget.gsc-team.team-horizontal:hover .team-header img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .widget.gsc-team.team-vertical { margin-bottom: 30px; position: relative; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .widget.gsc-team.team-vertical:after { content: ""; border: 32px solid transparent; border-top-color: #fff; position: absolute; z-index: 5; top: -35px; right: -35px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } .widget.gsc-team.team-vertical .control-social { position: absolute; top: 0px; right: 5px; z-index: 9; color: #dddddd; } .widget.gsc-team.team-vertical .team-header { overflow: hidden; position: relative; } .widget.gsc-team.team-vertical .team-header:after { content: ""; width: 100%; height: 100%; background: #cb1313; opacity: 0.9; filter: alpha(opacity=90); position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .widget.gsc-team.team-vertical .team-header img { -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -moz-transition: all 3s; -ms-transition: all 3s; display: inline-block; } .widget.gsc-team.team-vertical .social-list { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; width: 36px; z-index: 9; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .widget.gsc-team.team-vertical .social-list a { margin-bottom: 10px; width: 35px; height: 35px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background: rgba(255, 255, 255, 0.25); -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; display: inline-block; font-size: 16px; line-height: 36px; color: #fff; } .widget.gsc-team.team-vertical .social-list a:last-child { margin-bottom: 0; } .widget.gsc-team.team-vertical .social-list a:hover { color: #cb1313 !important; background: #fff; } .widget.gsc-team.team-vertical .team-body { margin-top: 15px; } .widget.gsc-team.team-vertical:hover .control-social i:before { content: "" !important; } .widget.gsc-team.team-vertical:hover .social-list { opacity: 1; filter: alpha(opacity=100); right: 20px; } .widget.gsc-team.team-vertical:hover .team-header:after { opacity: 0.8; filter: alpha(opacity=80); } .widget.gsc-team.team-vertical-2 { margin-bottom: 30px; } .widget.gsc-team.team-vertical-2 .team-body { text-align: left; padding-top: 15px; } .widget.gsc-team.team-vertical-2 .team-body .team-name { font-size: 18px; } .widget.gsc-team.team-vertical-2 .team-body .team-position { color: #cb1313; } .widget.gsc-team.team-vertical-2 .line { width: 50px; height: 3px; background: #cb1313; margin: 12px 0; } .widget.gsc-team.team-vertical-2 .social-list { margin-top: 5px; } .widget.gsc-team.team-vertical-2 .social-list > a { display: inline-block; padding-right: 12px; margin-right: 12px; border-right: 1px solid rgba(0, 0, 0, 0.1); color: #757575; } .widget.gsc-team.team-vertical-2 .social-list > a:hover, .widget.gsc-team.team-vertical-2 .social-list > a:focus, .widget.gsc-team.team-vertical-2 .social-list > a:active { color: #cb1313; } .widget.gsc-team.team-vertical-2 .social-list > a:last-child { border-right: none; } .widget.gsc-team.team-vertical-3 { margin-bottom: 30px; } .widget.gsc-team.team-vertical-3 .team-header { position: relative; } .widget.gsc-team.team-vertical-3 .team-header .social-list { margin-top: 5px; text-align: center; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 100%; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .widget.gsc-team.team-vertical-3 .team-header .social-list > a { width: 35px; height: 35px; text-align: center; line-height: 33px; margin: 5px; background: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: inline-block; color: #757575; } .widget.gsc-team.team-vertical-3 .team-header .social-list > a:hover, .widget.gsc-team.team-vertical-3 .team-header .social-list > a:focus, .widget.gsc-team.team-vertical-3 .team-header .social-list > a:active { color: #cb1313; } .widget.gsc-team.team-vertical-3 .team-header .social-list > a:last-child { border-right: none; } .widget.gsc-team.team-vertical-3 .team-header .team-info { position: absolute; bottom: 0; left: 30px; right: 30px; z-index: 11; background: #fff; padding: 10px 10px 5px; text-align: center; margin: 0; } .widget.gsc-team.team-vertical-3 .team-header .team-info .team-name { font-size: 18px; color: #303030; } .widget.gsc-team.team-vertical-3 .team-header .team-info .team-name a { font-size: 18px; } .widget.gsc-team.team-vertical-3 .team-header .team-info .team-position { color: #cb1313; line-height: 14px; } .widget.gsc-team.team-vertical-3 .team-body { text-align: left; padding: 25px 30px 10px; border: 1px solid rgba(0, 0, 0, 0.1); border-top: 0; } .widget.gsc-team.team-vertical-3:hover .social-list, .widget.gsc-team.team-vertical-3:focus .social-list, .widget.gsc-team.team-vertical-3:active .social-list { opacity: 1; filter: alpha(opacity=100); } .widget.gsc-team.team-circle .team-image { width: 100px; float: left; padding-top: 16px; } .widget.gsc-team.team-circle .team-image img { width: 100px; height: 100px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .widget.gsc-team.team-circle .team-body { text-align: left; padding-left: 125px; } .widget.gsc-team.team-circle .team-body .team-name { font-size: 18px; } .widget.gsc-team.team-circle .team-body .team-position { color: #cb1313; } .widget.gsc-team.team-circle .line { width: 50px; height: 3px; background: #cb1313; margin: 12px 0; } .widget.gsc-team.team-circle .social-list { margin-top: 10px; } .widget.gsc-team.team-circle .social-list > a { display: inline-block; padding-right: 12px; margin-right: 12px; border-right: 1px solid rgba(0, 0, 0, 0.1); color: #757575; } .widget.gsc-team.team-circle .social-list > a:hover, .widget.gsc-team.team-circle .social-list > a:focus, .widget.gsc-team.team-circle .social-list > a:active { color: #cb1313; } .widget.gsc-team.team-circle .social-list > a:last-child { border-right: none; } .widget.gsc-team.team-boxed { text-align: center; } .widget.gsc-team.team-boxed .widget-content { margin-bottom: 30px; position: relative; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; display: inline-block; } .widget.gsc-team.team-boxed .widget-content:after { content: ""; border: 32px solid transparent; border-top-color: #fff; position: absolute; z-index: 5; top: -35px; right: -35px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } .widget.gsc-team.team-boxed .widget-content .control-social { position: absolute; top: 0px; right: 5px; z-index: 9; color: #dddddd; } .widget.gsc-team.team-boxed .widget-content .team-header { overflow: hidden; position: relative; } .widget.gsc-team.team-boxed .widget-content .team-header:after { content: ""; width: 100%; height: 100%; background: #cb1313; opacity: 0.9; filter: alpha(opacity=90); position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .widget.gsc-team.team-boxed .widget-content .team-header img { -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -moz-transition: all 3s; -ms-transition: all 3s; display: inline-block; } .widget.gsc-team.team-boxed .widget-content .social-list { position: absolute; bottom: 0; left: 20px; z-index: 9; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .widget.gsc-team.team-boxed .widget-content .social-list a { float: left; margin-right: 10px; width: 35px; height: 35px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background: rgba(255, 255, 255, 0.25); -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; display: inline-block; font-size: 16px; line-height: 36px; color: #fff; } .widget.gsc-team.team-boxed .widget-content .social-list a:last-child { margin-bottom: 0; } .widget.gsc-team.team-boxed .widget-content .social-list a:hover { color: #cb1313 !important; background: #fff; } .widget.gsc-team.team-boxed .widget-content .team-body { margin-top: 15px; position: absolute; top: 15px; left: 25px; z-index: 9; color: #fff; text-align: left; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; width: 100%; } .widget.gsc-team.team-boxed .widget-content .team-body .team-name, .widget.gsc-team.team-boxed .widget-content .team-body .team-name a, .widget.gsc-team.team-boxed .widget-content .team-body .team-position { color: #fff; } .widget.gsc-team.team-boxed .widget-content:hover .control-social i:before { content: "" !important; } .widget.gsc-team.team-boxed .widget-content:hover .social-list { opacity: 1; filter: alpha(opacity=100); bottom: 30px; } .widget.gsc-team.team-boxed .widget-content:hover .team-body { opacity: 1; filter: alpha(opacity=100); } .widget.gsc-team.team-boxed .widget-content:hover .team-header:after { opacity: 0.6; filter: alpha(opacity=60); } .widget.gsc-chart { text-align: center; } .widget.gsc-chart .easyPieChart { font-size: 24px; font-weight: 400; position: relative; text-align: center; display: inline-block; } .widget.gsc-chart .easyPieChart:last-child { margin-right: 0; } .widget.gsc-chart .easyPieChart span { line-height: 20px; font-size: 12px; font-weight: 700; text-transform: uppercase; } .widget.gsc-chart .easyPieChart canvas { position: absolute; top: 0; left: 0; } .widget.gsc-chart .content { text-align: center; } .widget.gsc-chart .content > div { display: block; } .widget.gsc-chart .content .icon { font-size: 25px; margin-top: 5px; } .widget.gsc-chart .content .title { text-transform: uppercase; font-weight: 12px; font-weight: 700; position: relative; padding-bottom: 10px; margin-bottom: 10px; margin-top: 10px; } .widget.gsc-icon-box { margin-bottom: 30px; position: relative; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .widget.gsc-icon-box .highlight_content { margin-top: 10px; } .widget.gsc-icon-box .highlight_content .title { font-size: 15px; font-family: "Al-Jazeera-Arabic-Regular",sans-serif; font-weight: 700; text-transform: uppercase; color: #222; margin-bottom: 3px; } .widget.gsc-icon-box .highlight-icon .icon-container { -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; text-align: center; line-height: 1; } .widget.gsc-icon-box .highlight-icon .icon-container.fa-stack { line-height: 2.2em; } .widget.gsc-icon-box .highlight-icon .icon-container.text-theme[class*="border-"] { border-color: rgba(0, 0, 0, 0.1); } .widget.gsc-icon-box .highlight-icon .icon-container.text-white[class*="border-"] { border-color: #fff; } .widget.gsc-icon-box .highlight-icon .icon-container.text-black[class*="border-"] { border-color: #222; } .widget.gsc-icon-box:hover .highlight-icon .icon-container { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .widget.gsc-icon-box.top-center { text-align: center; } .widget.gsc-icon-box.top-center .highlight-icon { text-align: center; } .widget.gsc-icon-box.top-center .highlight_content { text-align: center; } .widget.gsc-icon-box.top-center .highlight_content .desc { text-align: center; font-weight: 400; text-transform: normal; font-size: 14px; } .widget.gsc-icon-box.top-left { text-align: left; } .widget.gsc-icon-box.top-right { text-align: right; } .widget.gsc-icon-box.top-left-title .title-inner, .widget.gsc-icon-box.top-right-title .title-inner { display: table; margin-bottom: 15px; } .widget.gsc-icon-box.top-left-title .title-inner .highlight-icon, .widget.gsc-icon-box.top-right-title .title-inner .highlight-icon { display: table-cell; vertical-align: top; } .widget.gsc-icon-box.top-left-title .title-inner .title, .widget.gsc-icon-box.top-right-title .title-inner .title { display: table-cell; vertical-align: middle; } .widget.gsc-icon-box.top-left-title .highlight-icon { padding-right: 15px; } .widget.gsc-icon-box.top-right-title { text-align: right; } .widget.gsc-icon-box.top-right-title:before, .widget.gsc-icon-box.top-right-title:after { content: " "; display: table; } .widget.gsc-icon-box.top-right-title:after { clear: both; } .widget.gsc-icon-box.top-right-title .title-inner { float: right; } .widget.gsc-icon-box.top-right-title .highlight-icon { padding-left: 15px; } .widget.gsc-icon-box.top-right-title .desc { float: right; width: 100%; } .widget.gsc-icon-box.right, .widget.gsc-icon-box.left { display: table; } .widget.gsc-icon-box.right .highlight-icon, .widget.gsc-icon-box.left .highlight-icon { display: table-cell; vertical-align: top; padding-top: 10px; } .widget.gsc-icon-box.right .highlight_content, .widget.gsc-icon-box.left .highlight_content { display: table-cell; vertical-align: top; } .widget.gsc-icon-box.right { text-align: right; } .widget.gsc-icon-box.right .highlight-icon { padding-left: 15px; } .widget.gsc-icon-box.left { text-align: left; } .widget.gsc-icon-box.left .highlight-icon { padding-right: 15px; } .widget.gsc-icon-box.text-light .title { color: #fff; } .widget.gsc-icon-box.text-light .title a { color: #fff; } .widget.gsc-icon-box.text-light .desc { color: #fff; } .widget.gsc-icon-box.box-background { padding: 30px 30px 30px; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .widget.gsc-icon-box.box-background.active, .widget.gsc-icon-box.box-background:hover, .widget.gsc-icon-box.box-background:focus, .widget.gsc-icon-box.box-background:active { -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1); } .widget.gsc-video-box { position: relative; margin: 0 auto; } .widget.gsc-video-box .video-inner { position: relative; } .widget.gsc-video-box .video-inner .gsc-video-link { position: absolute; top: 50%; left: 0; margin-top: -45px; text-align: center; width: 100%; z-index: 1; } .widget.gsc-video-box .video-inner .gsc-video-link .icon-play { background: url("/images//icon-play.png") no-repeat center center transparent; width: 85px; height: 85px; display: inline-block; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .widget.gsc-video-box .video-inner .gsc-video-link .icon-play:hover { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } .widget.gsc-video-box .video-inner .gsc-video-link .video-title { display: block; font-size: 18px; font-weight: 700; color: #fff; text-transform: uppercase; } .widget.gsc-video-box .video-inner #gsc-video-overlay { overflow: hidden; position: absolute; width: 100%; height: 100%; z-index: 99; top: 0; left: 0; } .widget.gsc-video-box .video-inner #gsc-video-overlay:hover .video-close { opacity: 1; filter: alpha(opacity=100); top: 0; } .widget.gsc-video-box .video-inner .loaded { max-width: 100%; } .widget.gsc-video-box .video-inner .video-close { -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; display: block; text-align: center; position: absolute; top: -50px; width: 100%; height: 30px; color: #fff; background: rgba(0, 0, 0, 0.6); font-size: 48px; font-weight: 900; line-height: 0.5; z-index: 999; opacity: 0; filter: alpha(opacity=0); } .widget.gsc-video-box .video-content { text-align: center; max-width: 600px; margin: 20px auto 0; } .widget.gsc-video-box .video-content .video-title { font-size: 18px; color: #222; font-family: "Al-Jazeera-Arabic-Regular",sans-serif; font-weight: 700; } .widget.milestone-block { display: inline-block; margin-right: 50px; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .widget.milestone-block .milestone-icon { float: left; text-align: center; position: relative; } .widget.milestone-block .milestone-icon span { font-size: 32px; color: #757575; } .widget.milestone-block .milestone-number { font-size: 30px; line-height: 30px; font-weight: 700; margin: 15px 0; font-family: "Al-Jazeera-Arabic-Regular",sans-serif; } .widget.milestone-block .milestone-text { font-size: 14px; text-transform: uppercase; font-weight: 400; font-family: "Al-Jazeera-Arabic-Regular",sans-serif; } .widget.milestone-block.position-icon-top { text-align: center; display: block; width: 100%; padding: 30px 0; } .widget.milestone-block.position-icon-top .milestone-icon { display: inline-block; text-align: center; float: none; margin: 0; } .widget.milestone-block.position-icon-top .milestone-icon span.fa { padding-top: 3px; } .widget.milestone-block.position-icon-top .milestone-right { display: block; text-align: center; float: none; width: 100%; margin-top: 10px; } .widget.milestone-block.position-icon-left .milestone-icon { float: left; width: 48px; height: 48px; line-height: 48px; text-align: center; margin-right: 9px; margin-bottom: 4px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; position: relative; padding-top: 0px; } .widget.milestone-block.position-icon-left .milestone-icon span { font-size: 38px !important; color: #cb1313; } .widget.milestone-block.position-icon-left .milestone-right { float: left; text-align: left; padding-left: 15px; margin-left: 5px; border-left: 1px solid rgba(0, 0, 0, 0.1); } .widget.milestone-block.position-icon-left .milestone-number { font-size: 24px; line-height: 26px; font-weight: 300; margin: 0; } .widget.milestone-block.position-icon-left .milestone-text { font-size: 12px; text-transform: uppercase; font-weight: 700; } .widget.milestone-block.position-icon-top-2 { text-align: center; margin: 0 0 30px !important; width: 100%; } .widget.milestone-block.position-icon-top-2 .milestone-icon { display: block; width: 100%; } .widget.milestone-block.position-icon-top-2 .milestone-icon span { display: inline-block; width: 60px; height: 60px; background: #cb1313; color: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; font-size: 24px; line-height: 58px; } .widget.milestone-block.position-icon-top-2 .milestone-right { float: left; width: 100%; margin-top: 10px; } .widget.milestone-block.position-icon-top-2 .milestone-right .milestone-number { font-size: 36px; font-family: "Al-Jazeera-Arabic-Regular",sans-serif; font-weight: 400; } .widget.milestone-block.position-icon-top-2 .milestone-right .milestone-text { font-size: 14px; text-transform: none; font-weight: 700; font-family: "Al-Jazeera-Arabic-Regular",sans-serif; } .widget.milestone-block.position-icon-top-3 { text-align: center; margin: 0 0 30px !important; width: 100%; } .widget.milestone-block.position-icon-top-3 .milestone-icon { display: block; width: 100%; } .widget.milestone-block.position-icon-top-3 .milestone-icon span { display: inline-block; width: 60px; height: 60px; background: #cb1313; color: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; font-size: 24px; line-height: 58px; } .widget.milestone-block.position-icon-top-3 .milestone-right { float: left; width: 100%; margin-top: 10px; } .widget.milestone-block.position-icon-top-3 .milestone-right .milestone-number { font-size: 36px; font-family: "Al-Jazeera-Arabic-Regular",sans-serif; font-weight: 400; position: relative; padding-bottom: 25px; margin-bottom: 15px; } .widget.milestone-block.position-icon-top-3 .milestone-right .milestone-number:after { content: ''; width: 40px; height: 2px; background: #fff; position: absolute; bottom: 0; left: 50%; margin-left: -20px; z-index: 1; } .widget.milestone-block.position-icon-top-3 .milestone-right .milestone-text { font-size: 14px; text-transform: none; font-weight: 400; font-family: "Al-Jazeera-Arabic-Regular",sans-serif; } .widget.milestone-block.position-boxed { margin: 0; padding: 30px 20px; background: #cb1313; text-align: center; width: 100%; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .widget.milestone-block.position-boxed .milestone-number { font-size: 36px; font-weight: 400; color: #fff; } .widget.milestone-block.position-boxed .milestone-text { font-family: "Al-Jazeera-Arabic-Regular",sans-serif; font-size: 14px; color: #fff; text-transform: none; } .widget.milestone-block.position-boxed-light { margin: 0 0 30px; padding: 30px 20px; text-align: center; width: 100%; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; background: rgba(255, 255, 255, 0.3); } .widget.milestone-block.position-boxed-light .milestone-icon { width: 100%; color: #fff; margin-bottom: 20px; padding-bottom: 20px; position: relative; } .widget.milestone-block.position-boxed-light .milestone-icon:after { content: ''; width: 40px; height: 1px; background: rgba(255, 255, 255, 0.2); left: 50%; bottom: 0; margin-left: -20px; z-index: 1; position: absolute; } .widget.milestone-block.position-boxed-light .milestone-icon span { color: #fff; } .widget.milestone-block.position-boxed-light .milestone-number { font-size: 36px; font-weight: 400; color: #fff; } .widget.milestone-block.position-boxed-light .milestone-text { font-family: "Al-Jazeera-Arabic-Regular",sans-serif; font-size: 14px; color: #fff; text-transform: none; } .widget.milestone-block[style*="background-color"] { padding: 50px 20px; } @media (max-width: 991px) { .widget.milestone-block[style*="background-color"] { padding: 30px 20px; } } .widget.milestone-block.text-light .milestone-number, .widget.milestone-block.text-light .milestone-text { color: #fff !important; } .widget.milestone-block.text-light .milestone-icon span { border-color: #fff; color: #fff; } .widget.gsc-progress { position: relative; } .widget.gsc-progress.text-light .progress-label { color: #fff; } .gsc-box-info { position: relative; font-size: 12px; color: #bbbbbb; } .gsc-box-info .title { font-size: 14px; font-weight: 700; margin-bottom: 15px; color: #222; } .gsc-box-info .address { margin-bottom: 15px; } .gsc-box-info .email { margin-bottom: 15px; } .gsc-box-info .phone { margin-bottom: 15px; color: #cb1313; } .gsc-box-info.text-light .title { color: #fff; } .gsc-box-parallax { position: relative; margin-bottom: 80px; } .gsc-box-parallax .image { border: 5px solid #fff; } .gsc-box-parallax .col-first { width: 58%; float: right; } @media (max-width: 991px) { .gsc-box-parallax .col-first { width: 100% !important; } } .gsc-box-parallax .col-second { padding: 20px 30px 30px; background: #fff; position: absolute; width: 50%; height: auto; z-index: 9; height: 80%; left: 0; } .gsc-box-parallax .col-second .content-inner { position: relative; } @media (max-width: 991px) { .gsc-box-parallax .col-second { width: 100% !important; position: static !important; height: auto !important; float: left; } .gsc-box-parallax .col-second:before, .gsc-box-parallax .col-second:after { content: " "; display: table; } .gsc-box-parallax .col-second:after { clear: both; } } .gsc-box-parallax .content-inner .subtitle { font-size: 14px; text-transform: uppercase; color: #222; font-weight: 700; } .gsc-box-parallax .content-inner .title { font-size: 26px; margin-bottom: 10px; } .gsc-box-parallax .content-inner .title h3 { margin: 0; font-size: 20px; } .gsc-box-parallax .content-inner .readmore { margin-top: 30px; } .gsc-box-parallax.content-align-right .col-first { float: left; text-align: right; } .gsc-box-parallax.content-align-right .col-second { right: 0; left: auto; } .gsc-box-hover { position: relative; background: #cb1313; margin-bottom: 30px; padding: 30px 30px 20px; min-height: 220px; overflow: hidden; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .gsc-box-hover:after { content: ""; border: 10px solid transparent; border-top-color: #cb1313; position: absolute; right: -2px; top: -2px; z-index: 1; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } .gsc-box-hover .box-content { -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; position: relative; top: 0; } .gsc-box-hover .box-title { font-weight: 400; font-family: "Al-Jazeera-Arabic-Regular",sans-serif; color: #fff; font-size: 24px; line-height: 30px; } .gsc-box-hover .icon { padding: 5px 0 0; text-align: center; color: #fff; font-size: 24px; position: relative; margin-bottom: 10px; } .gsc-box-hover .content { padding: 0 0 1px; text-align: center; color: #fff; position: relative; } .gsc-box-hover .content .desc { -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 100%; left: 0; width: 100%; z-index: 1; } .gsc-box-hover .line { height: 5px; width: 35px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin: 20px auto; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .gsc-box-hover:hover, .gsc-box-hover:active, .gsc-box-hover:focus, .gsc-box-hover.active { background: #fff !important; -webkit-box-shadow: 2px 5px 6px rgba(0, 0, 0, 0.1); box-shadow: 2px 5px 6px rgba(0, 0, 0, 0.1); } .gsc-box-hover:hover .box-content, .gsc-box-hover:active .box-content, .gsc-box-hover:focus .box-content, .gsc-box-hover.active .box-content { top: -65px; } .gsc-box-hover:hover .box-content .icon, .gsc-box-hover:active .box-content .icon, .gsc-box-hover:focus .box-content .icon, .gsc-box-hover.active .box-content .icon { opacity: 0; filter: alpha(opacity=0); } .gsc-box-hover:hover .box-content .content .box-title, .gsc-box-hover:active .box-content .content .box-title, .gsc-box-hover:focus .box-content .content .box-title, .gsc-box-hover.active .box-content .content .box-title { color: #cb1313; } .gsc-box-hover:hover .box-content .content .box-title a, .gsc-box-hover:active .box-content .content .box-title a, .gsc-box-hover:focus .box-content .content .box-title a, .gsc-box-hover.active .box-content .content .box-title a { color: #cb1313; } .gsc-box-hover:hover .box-content .content .desc, .gsc-box-hover:active .box-content .content .desc, .gsc-box-hover:focus .box-content .content .desc, .gsc-box-hover.active .box-content .content .desc { opacity: 1; filter: alpha(opacity=100); color: #303030; } .gsc-box-hover:hover .line, .gsc-box-hover:active .line, .gsc-box-hover:focus .line, .gsc-box-hover.active .line { border-color: #cb1313; margin-top: 15px; margin-bottom: 15px; } .gsc-hover-background { position: relative; background: #F5F5F5; padding: 85px 0; margin-bottom: 30px; } .gsc-hover-background .front { text-align: center; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .gsc-hover-background .front .icon { line-height: 1; font-size: 42px; color: #cb1313; } .gsc-hover-background .front h2 { font-size: 16px; font-weight: 700; color: #222; text-transform: uppercase; margin-top: 15px; letter-spacing: -1px; } .gsc-hover-background .back { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; -webkit-background-size: cover !important; -o-background-size: cover !important; -ms-background-size: cover !important; background-size: cover !important; } .gsc-hover-background .back:after { content: ""; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 1; position: absolute; } .gsc-hover-background .back .content { color: #fff; padding: 10px 30px; vertical-align: middle; font-size: 14px; font-weight: 400; line-height: 24px; display: inline-block; text-align: center; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 9; } .gsc-hover-background .back .content .content-text { font-size: 15px; color: #fff; padding-bottom: 15px; } .gsc-hover-background:hover .front { -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); } .gsc-hover-background:hover .back { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .gsc-quote { position: relative; padding-top: 125px; } .gsc-quote:after { position: absolute; content: ""; background: url("/images//testimonial-icon.png") no-repeat center center transparent; width: 30px; height: 30px; left: 0; top: 50px; z-index: 1; } .gsc-quote .content { line-height: 28px; } .gsc-quote .signature { margin-top: 60px; } .gsc-quote .position { margin-top: 25px; } .gsc-quote-text { position: relative; padding: 30px 30px 30px 70px; } .gsc-quote-text .icon { position: absolute; left: 20px; top: 30px; z-index: 1; font-size: 20px; color: #cb1313; } .gsc-quote-text .content { line-height: 30px; font-size: 16px; letter-spacing: 0.5px; color: #999999; } .gsc-quote-text.has-border { border: 2px solid rgba(0, 0, 0, 0.1); } .gsc-tabs .tabs_wrapper.tabs_horizontal .nav-tabs { margin: 5px 0; padding: 10px; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1); background: #fff; } .gsc-tabs .tabs_wrapper.tabs_horizontal .tab-content { margin-top: 20px; } .gsc-tabs .tabs_wrapper.tabs_horizontal .tab-content .tab-pane { background: #fff; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1); padding: 30px; } .gsc-tabs .tabs_wrapper.tabs_vertical .nav-tabs { width: 25%; float: left; } .gsc-tabs .tabs_wrapper.tabs_vertical .nav-tabs > li { -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1); background: #fff; display: block; margin-bottom: 20px; width: 100%; margin-right: 0; padding-right: 0; } .gsc-tabs .tabs_wrapper.tabs_vertical .nav-tabs > li a { width: 100%; } .gsc-tabs .tabs_wrapper.tabs_vertical .nav-tabs > li:last-child { margin-bottom: 0; } .gsc-tabs .tabs_wrapper.tabs_vertical .tab-content { width: 75%; float: left; padding-left: 15px; } .gsc-tabs .tabs_wrapper.tabs_vertical .tab-content .tab-pane { background: #fff; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1); padding: 30px; } .gsc-gmap { position: relative; } .gsc-gmap.style-1 { margin-bottom: -10px; } .gsc-gmap.style-1 iframe { width: 100% !important; pointer-events: none; } .gsc-gmap.style-1 .info-inner { padding: 45px 30px; position: absolute; top: 100px; bottom: 100px; left: 20%; width: 375px; z-index: 99; background: #fff; } @media (max-width: 1199px) { .gsc-gmap.style-1 .info-inner { left: 15%; } } @media (max-width: 991px) { .gsc-gmap.style-1 .info-inner { position: static; } } .gsc-gmap.style-1 .info-inner .info-item { margin-bottom: 15px; } .gsc-gmap.style-2 { margin-top: 100px; } @media (max-width: 991px) { .gsc-gmap.style-2 { margin-top: 30px; } } .gsc-gmap.style-2 .info-inner { padding: 60px 75px 60px 35px; position: absolute; top: -70px; bottom: -70px; width: 360px; z-index: 99; border: 5px solid #cb1313; z-index: 9; } @media (max-width: 991px) { .gsc-gmap.style-2 .info-inner { margin: 20px 0; position: static; width: 100%; float: left; } } .gsc-gmap.style-2 .map-content { position: relative; z-index: 99; width: 65%; float: right; } @media (max-width: 991px) { .gsc-gmap.style-2 .map-content { position: static; width: 100%; } } .gsc-gmap.style-2 .map-content iframe { width: 100%; pointer-events: none; } .gsc-button { -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; border: 2px solid transparent; margin-bottom: 20px; display: inline-block; clear: both; } .gsc-button.radius-2x { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .gsc-button.radius-5x { border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; } .gsc-button.mini { font-size: 10px; padding: 3px 10px; } .gsc-button.small { font-size: 10px; padding: 8px 15px; } .gsc-button.medium { font-size: 12px; padding: 12px 35px; } .gsc-button.large { font-size: 14px; padding: 18px 60px; } .gsc-button.extra-large { font-size: 14px; padding: 20px 60px; } .gsc-accordion .panel-body { padding-left: 0; padding-right: 0; } .gsc-accordion .panel-group.skin-dark { background: #FAFAFA; } .gsc-accordion .panel-group.skin-dark .panel { background: #FAFAFA; border-bottom: 1px solid #e2e2e2 !important; } .gsc-accordion .panel-group.skin-dark .panel .panel-title { background: #FAFAFA !important; } .gsc-accordion .panel-group.skin-dark .panel .panel-title a { background: none !important; } .gsc-accordion .panel-group.skin-dark .panel:last-child { border-bottom: none !important; } .gsc-accordion .panel-group.skin-white-border { border: 1px solid rgba(0, 0, 0, 0.1); padding: 30px; } .gsc-accordion .panel-group.skin-white-border .panel { padding: 0 0 15px !important; border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; margin-bottom: 18px !important; } .gsc-accordion .panel-group.skin-white-border .panel .panel-title a { padding-left: 24px; } .gsc-accordion .panel-group.skin-white-border .panel .panel-title a:after { left: 0; } .gsc-accordion .panel-group.skin-white-border .panel .panel-body { padding-top: 10px; } .gsc-accordion .panel-group.skin-white-border .panel:last-child { border-bottom: 0 !important; margin-bottom: 0 !important; padding-bottom: 0 !important; } .service-timeline { list-style: none; padding: 0; margin: 0 auto; width: 100%; position: relative; } .service-timeline .hentry { position: relative; } .service-timeline .hentry .icon { font-size: 22px; color: #cb1313; position: relative; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .service-timeline .hentry .hentry-box { -webkit-box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.1); background: #fff; padding: 30px; } @media (max-width: 991px) { .service-timeline .hentry { padding-left: 70px !important; } .service-timeline .hentry .icon { left: 0 !important; } } @media (max-width: 767px) { .service-timeline .hentry .content-inner { padding-left: 15px !important; } } .service-timeline:before { background: rgba(0, 0, 0, 0.1); content: ""; left: 50%; top: 10px; bottom: 0; position: absolute; width: 1px; margin-left: -1px; margin-top: -10px; height: 100%; } @media (max-width: 991px) { .service-timeline:before { left: 0; } } .service-timeline > li { display: block; width: 100%; position: relative; padding-top: 80px; } .service-timeline > li.active .icon { background: #cb1313 !important; color: #fff !important; } .service-timeline > li:last-child { padding-bottom: 110px; } .service-timeline > li .hentry { width: 50%; } @media (max-width: 991px) { .service-timeline > li .hentry { padding-left: 40px; width: 100%; float: left; clear: left; } } .service-timeline > li:nth-child(even) .hentry { float: left; clear: left; padding-right: 50px; text-align: right; } @media (max-width: 991px) { .service-timeline > li:nth-child(even) .hentry { text-align: left; padding-right: 0; padding-left: 50px; } } .service-timeline > li:nth-child(even) .hentry .icon { right: -35px; } @media (max-width: 991px) { .service-timeline > li:nth-child(even) .hentry .icon { left: -35px; right: auto; } } .service-timeline > li:nth-child(even) .hentry .hentry-box .content-inner { padding-right: 10px; } @media (max-width: 991px) { .service-timeline > li:nth-child(even) .hentry .hentry-box .content-inner { padding-left: 10px; padding-right: 0; } } .service-timeline > li:nth-child(odd) .hentry { float: right; clear: right; padding-left: 50px; text-align: left; } .service-timeline > li:nth-child(odd) .hentry .icon { left: -35px; } .service-timeline > li:nth-child(odd) .hentry .hentry-box .content-inner { padding-left: 10px; } .service-timeline > li .hentry { position: relative; } .service-timeline > li .hentry .icon { display: inline-block; width: 68px; height: 68px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.1); text-align: center; line-height: 65px; position: absolute; top: 50%; margin-top: -35px; background: #fff; z-index: 9; -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); } .service-timeline > li .hentry .title { font-size: 12px; font-weight: 900; color: #222; text-transform: uppercase; } .gsc-image-content { position: relative; margin-bottom: 30px; } .gsc-image-content .image { position: relative; overflow: hidden; text-align: center; } .gsc-image-content .image img { -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -moz-transition: all 3s; -ms-transition: all 3s; } .gsc-image-content .content .title { font-size: 16px; font-weight: 700; margin: 16px 0 10px; } .gsc-image-content .action a { color: #cb1313; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; font-family: "Al-Jazeera-Arabic-Regular",sans-serif; font-weight: 700; -webkit-transition: color 0.35s; -o-transition: color 0.35s; transition: color 0.35s; -moz-transition: color 0.35s; -ms-transition: color 0.35s; } .gsc-image-content .action a:hover, .gsc-image-content .action a:active, .gsc-image-content .action a:focus { text-decoration: underline; } .gsc-image-content.skin-v2 { position: relative; } .gsc-image-content.skin-v2 .content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 30px; background: rgba(0, 0, 0, 0.4); z-index: 11; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .gsc-image-content.skin-v2 .content .title { padding: 0; margin: 0 0 5px; color: #fff; text-transform: uppercase; font-size: 16px; } .gsc-image-content.skin-v2 .content .desc { color: #fff; font-weight: 400; padding: 6px 0; margin-top: 30px; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; opacity: 0; filter: alpha(opacity=0); } .gsc-image-content.skin-v2 .content .desc p { margin-bottom: 0; } .gsc-image-content.skin-v2 .content .action { margin-top: 30px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.45s; -o-transition: all 0.45s; transition: all 0.45s; -moz-transition: all 0.45s; -ms-transition: all 0.45s; } .gsc-image-content.skin-v2:hover .content { background: rgba(0, 0, 0, 0.8); } .gsc-image-content.skin-v2:hover .desc, .gsc-image-content.skin-v2:hover .action { margin-top: 0; opacity: 1; filter: alpha(opacity=100); } .gsc-block-view.remove-margin-on { margin-bottom: 0 !important; } .gsc-service-carousel { text-align: center; } .gsc-service-carousel .item .gsc-box-hover { background: #fff; position: relative; z-index: 1; } .gsc-service-carousel .item .gsc-box-hover:after { border-top-color: #fff; z-index: 20; } .gsc-service-carousel .item .gsc-box-hover:before { content: ""; width: 100%; height: 100%; background: #cb1313; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; z-index: 11; position: absolute; left: 0; top: 0; } .gsc-service-carousel .item .gsc-box-hover .icon { color: #303030; } .gsc-service-carousel .item .gsc-box-hover .box-content { position: relative; z-index: 12; } .gsc-service-carousel .item .gsc-box-hover .box-content .content { color: #303030; } .gsc-service-carousel .item .gsc-box-hover .box-content .content .box-title, .gsc-service-carousel .item .gsc-box-hover .box-content .content .box-title a { color: #303030 !important; } .gsc-service-carousel .item .gsc-box-hover .box-content .content .line { border-color: rgba(0, 0, 0, 0.1); } .gsc-service-carousel .item .gsc-box-hover .background { position: absolute; top: 0; left: 0; z-index: 9; width: 100%; height: 100%; background-size: cover; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .gsc-service-carousel .item .gsc-box-hover:hover:before, .gsc-service-carousel .item .gsc-box-hover:focus:before, .gsc-service-carousel .item .gsc-box-hover:active:before, .gsc-service-carousel .item .gsc-box-hover.active:before { opacity: 0.4; filter: alpha(opacity=40); } .gsc-service-carousel .item .gsc-box-hover:hover .box-content .content, .gsc-service-carousel .item .gsc-box-hover:focus .box-content .content, .gsc-service-carousel .item .gsc-box-hover:active .box-content .content, .gsc-service-carousel .item .gsc-box-hover.active .box-content .content { color: #fff; } .gsc-service-carousel .item .gsc-box-hover:hover .box-content .content .box-title a:hover, .gsc-service-carousel .item .gsc-box-hover:hover .box-content .content .box-title a:focus, .gsc-service-carousel .item .gsc-box-hover:hover .box-content .content .box-title a:active, .gsc-service-carousel .item .gsc-box-hover:focus .box-content .content .box-title a:hover, .gsc-service-carousel .item .gsc-box-hover:focus .box-content .content .box-title a:focus, .gsc-service-carousel .item .gsc-box-hover:focus .box-content .content .box-title a:active, .gsc-service-carousel .item .gsc-box-hover:active .box-content .content .box-title a:hover, .gsc-service-carousel .item .gsc-box-hover:active .box-content .content .box-title a:focus, .gsc-service-carousel .item .gsc-box-hover:active .box-content .content .box-title a:active, .gsc-service-carousel .item .gsc-box-hover.active .box-content .content .box-title a:hover, .gsc-service-carousel .item .gsc-box-hover.active .box-content .content .box-title a:focus, .gsc-service-carousel .item .gsc-box-hover.active .box-content .content .box-title a:active { text-decoration: underline; } .gsc-service-carousel .item .gsc-box-hover:hover .box-content .content .box-title, .gsc-service-carousel .item .gsc-box-hover:hover .box-content .content .box-title a, .gsc-service-carousel .item .gsc-box-hover:focus .box-content .content .box-title, .gsc-service-carousel .item .gsc-box-hover:focus .box-content .content .box-title a, .gsc-service-carousel .item .gsc-box-hover:active .box-content .content .box-title, .gsc-service-carousel .item .gsc-box-hover:active .box-content .content .box-title a, .gsc-service-carousel .item .gsc-box-hover.active .box-content .content .box-title, .gsc-service-carousel .item .gsc-box-hover.active .box-content .content .box-title a { color: #fff !important; } .gsc-service-carousel .item .gsc-box-hover:hover .box-content .content .desc, .gsc-service-carousel .item .gsc-box-hover:focus .box-content .content .desc, .gsc-service-carousel .item .gsc-box-hover:active .box-content .content .desc, .gsc-service-carousel .item .gsc-box-hover.active .box-content .content .desc { color: #fff; } .gsc-service-carousel .item .gsc-box-hover:hover .box-content .content .line, .gsc-service-carousel .item .gsc-box-hover:focus .box-content .content .line, .gsc-service-carousel .item .gsc-box-hover:active .box-content .content .line, .gsc-service-carousel .item .gsc-box-hover.active .box-content .content .line { border-color: #fff; } .gsc-service-carousel .item .gsc-box-hover:hover .background, .gsc-service-carousel .item .gsc-box-hover:focus .background, .gsc-service-carousel .item .gsc-box-hover:active .background, .gsc-service-carousel .item .gsc-box-hover.active .background { opacity: 1; filter: alpha(opacity=100); } .gsc-service-carousel.style-2 .init-carousel-owl { margin-left: -2px !important; margin-right: -2px !important; } .gsc-service-carousel.style-2 .init-carousel-owl .item { padding-left: 2px !important; padding-right: 2px !important; } .gsc-service-carousel.style-2 .gsc-box-hover { background: #F5F5F5; } .gsc-service-carousel.style-2 .gsc-box-hover:hover:before, .gsc-service-carousel.style-2 .gsc-box-hover:focus:before, .gsc-service-carousel.style-2 .gsc-box-hover:active:before, .gsc-service-carousel.style-2 .gsc-box-hover.active:before { opacity: 0.9; filter: alpha(opacity=90); } .gsc-service-carousel.style-3 .gsc-box-hover { background: #F5F5F5; } .gsc-service-carousel.style-3 .gsc-box-hover:before { opacity: 0.3; filter: alpha(opacity=30); background: #000; } .gsc-service-carousel.style-3 .gsc-box-hover .background { opacity: 1; filter: alpha(opacity=100); } .gsc-service-carousel.style-3 .gsc-box-hover .box-content .content .box-title { color: #fff !important; } .gsc-service-carousel.style-3 .gsc-box-hover .box-content .content .box-title a { color: #fff !important; } .gsc-service-carousel.style-3 .gsc-box-hover .icon { color: #fff; } .gsc-service-carousel.style-3 .gsc-box-hover .line { border-color: #fff !important; } .gsc-service-carousel.style-3 .gsc-box-hover:hover:before, .gsc-service-carousel.style-3 .gsc-box-hover:focus:before, .gsc-service-carousel.style-3 .gsc-box-hover:active:before, .gsc-service-carousel.style-3 .gsc-box-hover.active:before { opacity: 0.9; filter: alpha(opacity=90); background: #cb1313; } .gsc-box-text { padding: 30px; margin-bottom: 30px; } .gsc-box-text .title a { color: inherit; font-weight: 700; font-size: 18px; display: inline-block; margin-bottom: 5px; } .gsc-box-text .sub-title { font-size: 13px; } .gsc-box-text.style-1 .title { background: none !important; } .gsc-box-text.style-2 .title { color: #fff !important; display: inline-block; padding: 5px 20px; margin-bottom: 20px; } .gsc-box-text.style-2 .title a { margin: 0; font-size: 16px; font-weight: 700; } .gsc-box-text.style-2 .title:hover, .gsc-box-text.style-2 .title:active, .gsc-box-text.style-2 .title:focus { background: #222 !important; } .gsc-box-text.style-3 { padding: 50px; } @media (max-width: 1199px) { .gsc-box-text.style-3 { padding: 30px; } } .gsc-box-text.style-3 .sub-title { background: none !important; } .gsc-box-text.style-3 .title { background: none !important; } .gsc-box-text.style-4 { padding: 30px; } .gsc-box-text.style-4 .sub-title { background: none !important; } .gsc-box-text.style-4 .title { background: none !important; font-size: 14px; font-weight: 700; margin-bottom: 20px; } .column-content.style-1 { padding: 45px; background: #cb1313; color: #fff; } .column-content.style-1 h2, .column-content.style-1 h3, .column-content.style-1 h4, .column-content.style-1 a { color: #fff; } .column-content.style-1 h2, .column-content.style-1 h3, .column-content.style-1 h4 { border-top: 1px solid rgba(255, 255, 255, 0.2); margin-top: 30px; padding-top: 30px; } .column-content.style-1 h2:first-child, .column-content.style-1 h3:first-child, .column-content.style-1 h4:first-child { border: none; margin-top: 0; padding-top: 0; } .column-content.style-2 { padding: 10px 30px 15px; background: #cb1313; color: #fff; } .column-content.style-2 h2, .column-content.style-2 h3, .column-content.style-2 h4, .column-content.style-2 a { color: #fff; } .gsc-our-history-carousel .item { padding-top: 30px; margin-bottom: 45px; } .gsc-our-history-carousel .item .content-inner { background: #fff; -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.02); box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.02); text-align: left; padding: 30px; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .gsc-our-history-carousel .item .content-inner .year { width: 60px; height: 60px; color: 16px; text-align: center; position: absolute; top: 0; left: 50%; margin-left: -30px; z-index: 9; background: #cb1313; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; color: #fff; line-height: 60px; font-weight: 700; } .gsc-our-history-carousel .item .content-inner .title { font-size: 16px; color: #cb1313; padding: 10px 0; } .gsc-our-history-carousel .item .content-inner:hover { -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1); } .gsc-our-gallery .item .content-inner .title { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 9; padding: 20px; background: rgba(255, 255, 255, 0.6); color: #222; } .gsc-our-gallery .owl-nav .owl-prev { margin-left: 30px !important; } .gsc-our-gallery .owl-nav .owl-next { margin-right: 30px !important; } .gsc-our-history-timeline { margin-bottom: 30px; } .gsc-our-history-timeline .item { position: relative; padding-bottom: 20px; } .gsc-our-history-timeline .item:before { content: ""; width: 10px; height: 10px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background: #cb1313; position: absolute; top: 10px; left: 90px; z-index: 1; } @media (max-width: 991px) { .gsc-our-history-timeline .item:before { left: 70px; } } .gsc-our-history-timeline .item:after { content: ""; width: 6px; height: 100%; background: #F6F6F6; position: absolute; top: 20px; left: 92px; z-index: 1; } @media (max-width: 991px) { .gsc-our-history-timeline .item:after { left: 72px; } } .gsc-our-history-timeline .item:last-child:after { display: none; } .gsc-our-history-timeline .item .year { font-size: 18px; color: #222; top: 0; left: 0; z-index: 1; position: absolute; font-weight: 700; } .gsc-our-history-timeline .item .content-right { padding-left: 150px; } @media (max-width: 991px) { .gsc-our-history-timeline .item .content-right { padding-left: 100px; } } .gsc-our-history-timeline .item .content-right .title { font-size: 18px; color: #222; font-weight: 700; } .gsc-our-history-timeline .item .content-right .description { padding-top: 10px; } .gsc-our-partners { margin-bottom: 45px; } .gsc-our-partners:before, .gsc-our-partners:after { content: " "; display: table; } .gsc-our-partners:after { clear: both; } .gsc-our-partners .image { width: 35%; float: left; } @media (max-width: 400px) { .gsc-our-partners .image { width: 100%; text-align: center; } } .gsc-our-partners .content-inner { width: 65%; float: left; padding-left: 30px; } @media (max-width: 400px) { .gsc-our-partners .content-inner { width: 100%; } } .gsc-our-partners .content-inner .title { font-size: 18px; color: #222; font-weight: 700; } .gsc-our-partners .content-inner .info { font-size: 12px; padding: 5px 0 12px; } .gsc-our-partners .content-inner .info .category { color: #cb1313; } .gsc-box-download { background: #cb1313; color: #fff; padding: 30px; margin: 20px 0; } .gsc-box-download .info .title { font-size: 18px; } .gsc-box-download .info .desc { font-size: 12px; line-height: 24px; } .gsc-box-download .box-files a { display: inline-block; margin-bottom: 10px; text-align: center; color: #222; font-weight: 700; font-size: 13px; background: #fff; padding: 15px; width: 100%; } .gsc-box-download.horizontal:before, .gsc-box-download.horizontal:after { content: " "; display: table; } .gsc-box-download.horizontal:after { clear: both; } .gsc-box-download.horizontal .info { width: 70%; float: left; } @media (max-width: 767px) { .gsc-box-download.horizontal .info { width: 100%; margin-bottom: 15px; } } .gsc-box-download.horizontal .box-files { width: 30%; float: left; } @media (max-width: 767px) { .gsc-box-download.horizontal .box-files { width: 100%; } } .gsc-socials.style-1 { text-align: center; } .gsc-socials.style-1:before, .gsc-socials.style-1:after { content: " "; display: table; } .gsc-socials.style-1:after { clear: both; } .gsc-socials.style-1 a { width: 60px; height: 60px; color: #cb1313; background: #fff; font-size: 18px; line-height: 62px; text-align: center; display: inline-block; margin: 0 10px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .gsc-socials.style-1 a:hover, .gsc-socials.style-1 a:active, .gsc-socials.style-1 a:focus { opacity: 0.8; filter: alpha(opacity=80); } .gsc-socials.style-2 { margin-bottom: 30px; } .gsc-socials.style-2 a { color: #757575; text-decoration: none; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; margin-right: 12px; font-size: 14px; } .gsc-socials.style-2 a:last-child { margin-right: 0; } .gsc-socials.style-2 a:hover, .gsc-socials.style-2 a:focus, .gsc-socials.style-2 a:active { opacity: 0.7; filter: alpha(opacity=70); } .gsc-socials.style-2 a i { color: #fff; width: 40px; height: 40px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: inline-block; text-align: center; line-height: 40px; font-size: 12px; } .gsc-socials.style-2 a i.fa-facebook-square, .gsc-socials.style-2 a i.fa-facebook { background: #3b5998; } .gsc-socials.style-2 a i.fa-twitter, .gsc-socials.style-2 a i.fa-twitter-square { background: #4099ff; } .gsc-socials.style-2 a i.fa-skype { background: #12a5f4; } .gsc-socials.style-2 a i.fa-dribbble { background: #ea4c89; } .gsc-socials.style-2 a i.fa-linkedin-square, .gsc-socials.style-2 a i.fa-linkedin { background: #0e76a8; } .gsc-socials.style-2 a i.fa-apple { background: #f2f2f2; } .gsc-socials.style-2 a i[class*="fa-pinterest"] { background: #c92228; } .gsc-socials.style-2 a i.fa-google-plus-square, .gsc-socials.style-2 a i.fa-google-plus { background: #d34836; } .gsc-socials.style-2 a i.fa-youtube-square, .gsc-socials.style-2 a i.fa-youtube { background: #c4302b; } .gsc-socials.style-2 a i.fa-vimeo-square, .gsc-socials.style-2 a i.fa-vimeo { background: #4ebbff; } .gsc-socials.style-2 a i.fa-tumblr-square, .gsc-socials.style-2 a i.fa-tumblr { background: #35465c; } .gsc-socials.style-2 a i.fa-xing-square, .gsc-socials.style-2 a i.fa-xing { background: #126567; } .gsc-socials.style-2 a i.fa-instagram { background: #e8e2d9; } .gsc-socials.style-2 a i.fa-behance { background: #0075FF; } .gsc-info-background { position: relative; } .gsc-info-background .content { width: 50%; } @media (max-width: 1199px) { .gsc-info-background .content { padding: 30px !important; } } @media (max-width: 767px) { .gsc-info-background .content { padding-top: 310px; width: 100%; } } .gsc-info-background .content .content-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .gsc-info-background .content .content-inner { position: relative; z-index: 9; max-width: 650px; font-size: 14px; line-height: 28px; } .gsc-info-background .content .content-inner .btn-theme { border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; } .gsc-info-background .content .title { font-size: 30px; margin-bottom: 20px; } .gsc-info-background .content .title h3 { margin: 0; } .gsc-info-background .content .readmore { margin-top: 30px; } .gsc-info-background .content.text-light { color: #fff; } .gsc-info-background .content.text-light .title h3, .gsc-info-background .content.text-light .title h2, .gsc-info-background .content.text-light .desc { color: #fff; } .gsc-info-background .content.text-light .subtitle { color: rgba(255, 255, 255, 0.8); } .gsc-info-background .content.text-light .content-inner { color: #fff; } .gsc-info-background .content.text-light .btn-theme { background: #fff; color: #222; } .gsc-info-background .image { position: absolute; width: 50%; height: 100%; z-index: 9; top: 0; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center; } @media (max-width: 767px) { .gsc-info-background .image { height: 300px; width: 100%; position: relative; } } .gsc-info-background.content-align-left .content { float: left; padding: 70px 70px 30px 30px; } .gsc-info-background.content-align-left .content .content-inner { float: right; } .gsc-info-background.content-align-left .image { right: 0; } .gsc-info-background.content-align-right .content { float: right; padding: 70px 30px 30px 70px; } .gsc-info-background.content-align-right .image { left: 0; } .gsc-testimonial-single { background: none; float: left; position: relative; } .gsc-testimonial-single .quote { line-height: 30px; font-weight: 400; } .gsc-testimonial-single .title { font-weight: 400; font-size: 18px; text-transform: uppercase; margin-top: 18px; line-height: 24px; } .gsc-testimonial-single .job { font-size: 12px; } .gsc-testimonial-single.text-light .quote, .gsc-testimonial-single.text-light .job, .gsc-testimonial-single.text-light .title { color: #fff; } .gsc-testimonial-single.text-light .video a { color: #fff; } .gsc-testimonial-single.style-1 .left { position: relative; width: 100%; display: block; margin-top: 30px; } .gsc-testimonial-single.style-1 .left:after { content: ""; width: 70px; height: 70px; background: #cb1313; position: absolute; top: -5px; left: 0; z-index: 1; } .gsc-testimonial-single.style-1 .left .content-inner { position: relative; z-index: 2; padding-left: 40px; } .gsc-testimonial-single.style-1 .left .content-inner .title { color: #303030; font-weight: 700; text-transform: none; line-height: 32px; } .gsc-testimonial-single.style-1 .left .content-inner .job { color: #9896a4; font-size: 14px; } .gsc-testimonial-single.style-1 .left .avatar { float: left; display: inline-block; } .gsc-testimonial-single.style-1 .left .avatar img { border: 3px solid #fff; width: 60px; height: auto; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .gsc-testimonial-single.style-1 .left .info { padding-left: 75px; } .gsc-testimonial-single.style-2 .left { float: left; position: relative; margin-left: 30px; } .gsc-testimonial-single.style-2 .left:after { content: ""; width: 100px; height: 100px; background: #cb1313; position: absolute; top: -12px; left: 0; z-index: 1; } .gsc-testimonial-single.style-2 .left .content-inner { position: relative; z-index: 2; padding-left: 70px; } .gsc-testimonial-single.style-2 .left .content-inner .title { color: #303030; font-weight: 700; text-transform: none; line-height: 32px; } .gsc-testimonial-single.style-2 .left .content-inner .job { color: #9896a4; font-size: 14px; } .gsc-testimonial-single.style-2 .left .avatar { float: left; display: inline-block; } .gsc-testimonial-single.style-2 .left .avatar img { border: 3px solid #fff; width: 60px; height: auto; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .gsc-testimonial-single.style-2 .left .info { padding-left: 75px; } .gsc-testimonial-single.style-2 .right { padding-left: 370px; } .gsc-testimonial-single.style-2 .right .quote { padding-top: 15px; } .gsc-testimonial-single.style-3 { background: #cb1313; padding: 30px; } .gsc-testimonial-single.style-3 .left { float: left; position: relative; width: 100%; } .gsc-testimonial-single.style-3 .left .content-inner { position: relative; z-index: 2; } .gsc-testimonial-single.style-3 .left .content-inner .title { color: #fff; font-weight: 700; text-transform: none; line-height: 20px; } .gsc-testimonial-single.style-3 .left .content-inner .job { color: #fff; font-size: 14px; } .gsc-testimonial-single.style-3 .left .info { padding-left: 75px; } .gsc-testimonial-single.style-3 .left .avatar { float: left; display: inline-block; position: relative; top: -8px; } .gsc-testimonial-single.style-3 .left .avatar img { border: 3px solid #fff; width: 60px; height: auto; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .gsc-testimonial-single.style-3 .right { float: left; width: 100%; } .gsc-testimonial-single.style-3 .right .quote { padding-top: 15px; color: #fff; } .gsc-testimonial-single.style-4 { position: relative; padding-bottom: 20px; } .gsc-testimonial-single.style-4:after { content: ''; width: 50px; height: 100%; background: #cb1313; position: absolute; top: 0; left: 0; z-index: 1; } .gsc-testimonial-single.style-4 .right { padding-left: 75px; } .gsc-testimonial-single.style-4 .left { float: left; position: relative; width: 100%; padding-left: 15px; } .gsc-testimonial-single.style-4 .left .content-inner { position: relative; z-index: 2; } .gsc-testimonial-single.style-4 .left .content-inner .title { font-weight: 700; text-transform: none; line-height: 20px; color: #303030; } .gsc-testimonial-single.style-4 .left .content-inner .job { font-size: 14px; font-style: italic; } .gsc-testimonial-single.style-4 .left .info { padding-left: 75px; } .gsc-testimonial-single.style-4 .left .avatar { float: left; display: inline-block; position: relative; top: -8px; } .gsc-testimonial-single.style-4 .left .avatar img { border: 3px solid #fff; width: 60px; height: auto; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .gsc-testimonial-single.style-5 .left { float: left; position: relative; } .gsc-testimonial-single.style-5 .left:after { content: ""; width: 100px; height: 100px; background: #cb1313; position: absolute; top: -3px; left: -25px; z-index: 1; } .gsc-testimonial-single.style-5 .left .content-inner { position: relative; z-index: 2; padding-left: 45px; } .gsc-testimonial-single.style-5 .left .content-inner .title { color: #303030; font-weight: 700; text-transform: none; line-height: 32px; } .gsc-testimonial-single.style-5 .left .content-inner .job { color: #9896a4; font-size: 14px; } .gsc-testimonial-single.style-5 .left .avatar { float: left; display: inline-block; } .gsc-testimonial-single.style-5 .left .avatar img { border: 3px solid #fff; width: 60px; height: auto; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .gsc-testimonial-single.style-5 .left .info { padding-left: 75px; } .gsc-testimonial-single.style-5 .right { float: left; width: 100%; margin-top: 50px; } .gsc-testimonial-single.style-5 .right .quote { padding-top: 15px; padding-left: 30px; } .gsc-carousel-content .owl-nav { position: absolute; bottom: 50px; left: 50%; margin-left: 60px; opacity: 1; filter: alpha(opacity=100); background: none !important; } .gsc-carousel-content .owl-nav > div { width: 38px; height: 38px; background: #191A1B !important; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; color: #fff !important; line-height: 38px !important; opacity: 0.5; filter: alpha(opacity=50); position: static !important; margin: 0 5px !important; float: left; } .gsc-carousel-content .owl-nav > div:hover, .gsc-carousel-content .owl-nav > div:focus, .gsc-carousel-content .owl-nav > div:active { opacity: 1; filter: alpha(opacity=100); } .gsc-carousel-content .item .item-content .bg-full { width: 50%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9; opacity: 0.1; filter: alpha(opacity=10); -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; background-repeat: no-repeat; background-size: cover; background-position: center center; } .gsc-carousel-content .item .item-content .content-box { float: right; width: 50%; background: #cb1313; min-height: 600px; } .gsc-carousel-content .item .item-content .content-box .content-inner { max-width: 700px; padding: 60px; } .gsc-carousel-content .active .item-content .bg-full { opacity: 1; filter: alpha(opacity=100); z-index: 999; } .gsc-carousel-content.style-1 .content-box .content-inner .title { font-size: 50px; color: #fff; font-weight: 500; line-height: 60px; margin-bottom: 30px; } .gsc-carousel-content.style-1 .content-box .content-inner .title a { color: #fff; } .gsc-carousel-content.style-1 .content-box .content-inner .desc { font-size: 17px; color: #fff; } .gsc-carousel-content.style-1 .content-box .content-inner .action a { background: #191A1B; font-size: 18px; padding: 5px 25px; font-family: "Al-Jazeera-Arabic-Regular",sans-serif; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border: 1px solid #191A1B; } .gsc-carousel-content.style-1 .content-box .content-inner .action a:hover { color: #191A1B; background: #fff; } .gsc-carousel-content.style-2 .content-box .content-inner .title { font-size: 30px; color: #1d1e20; font-weight: 400; line-height: 45px; } .gsc-carousel-content.style-2 .content-box .content-inner .title a { color: #1d1e20; font-family: "Al-Jazeera-Arabic-Regular",sans-serif; } .gsc-carousel-content.style-2 .content-box .content-inner .desc { font-size: 15px; color: #232526; font-weight: 400; line-height: 30px; margin: 30px 0; } .gsc-carousel-content.style-3 .owl-dots { margin-top: 45px; } .gsc-carousel-content.style-3 .image { max-width: 78%; } @media (max-width: 991px) { .gsc-carousel-content.style-3 .image { width: 100%; max-width: 100%; } } .gsc-carousel-content.style-3 .content-box { padding: 40px; min-height: auto !important; max-width: 500px; position: absolute; right: 0; top: 0; } @media (max-width: 991px) { .gsc-carousel-content.style-3 .content-box { padding: 30px; max-width: 100%; width: 100% !important; position: static; } } .gsc-carousel-content.style-3 .content-box .content-inner { padding: 0 !important; color: #fff; font-size: 17px; } .gsc-carousel-content.style-3 .content-box .content-inner .title { font-size: 35px; color: #fff; font-weight: 500; line-height: 45px; } .gsc-carousel-content.style-3 .content-box .content-inner .title a { color: #fff; } .gsc-carousel-content.style-3 .content-box .content-inner .title a:hover, .gsc-carousel-content.style-3 .content-box .content-inner .title a:active, .gsc-carousel-content.style-3 .content-box .content-inner .title a:focus { text-decoration: underline; } .gsc-carousel-content.style-3 .content-box .content-inner .action a { background: #222; border: 1px solid #222; } .gsc-divider { width: 100%; height: 20px; background: url("/images//divider.png") no-repeat center center transparent; } .gsc-timeline { position: relative; } .gsc-timeline .item { padding: 0 !important; } .gsc-timeline .item .content-inner .time { font-family: "Al-Jazeera-Arabic-Regular",sans-serif; color: #303030; font-weight: 700; padding-bottom: 20px; position: relative; } .gsc-timeline .item .content-inner .time .line { width: 100%; border: 1px dashed rgba(0, 0, 0, 0.1); position: absolute; bottom: 6px; left: 0; } .gsc-timeline .item .content-inner .time:after { content: ""; width: 14px; height: 14px; border: 1px solid rgba(0, 0, 0, 0.1); position: absolute; bottom: 0; left: 50%; margin-left: -7px; z-index: 1; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .gsc-timeline .item .content-inner .time:before { content: ""; width: 6px; height: 6px; position: absolute; bottom: 4px; left: 50%; margin-left: -3px; z-index: 1; background: #757575; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .gsc-timeline .item .content-inner .box-content { padding: 15px 30px; min-height: 80px; text-align: center; max-width: 220px; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; position: relative; display: inline-block; margin-top: 15px; background: #f5f5f5; color: #303030; line-height: 24px; } .gsc-timeline .item .content-inner .box-content:after { content: ''; border: 10px solid transparent; border-bottom-color: #F5F5F5; position: absolute; bottom: 100%; left: 50%; margin-left: -10px; z-index: 1; } .gsc-timeline .item .content-inner .box-content .inner { max-width: 135px; display: inline-block; } .gsc-timeline .item:hover .time, .gsc-timeline .item:focus .time, .gsc-timeline .item:active .time { color: #cb1313; } .gsc-timeline .item:hover .time:before, .gsc-timeline .item:focus .time:before, .gsc-timeline .item:active .time:before { background: #cb1313; } .gsc-timeline .owl-nav { opacity: 1; filter: alpha(opacity=100); } .gsc-timeline .owl-nav > div { top: 42px !important; } .gsc-carousel-about { position: relative; } .gsc-carousel-about .owl-carousel { margin-left: 0; margin-right: 0; } .gsc-carousel-about .owl-carousel .item { padding-left: 0; padding-right: 0; } .gsc-carousel-about .owl-carousel .owl-nav > div { top: auto; bottom: 25px; } .gsc-carousel-about .owl-carousel .owl-nav > div.owl-next { right: 25px !important; } .gsc-carousel-about .owl-carousel .owl-nav > div.owl-prev { left: 25px !important; } .gsc-carousel-about .backgound { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .gsc-carousel-about .content-box { padding: 110px 30px; border-right: 1px solid rgba(255, 255, 255, 0.2); } .gsc-carousel-about .content-box .number { font-size: 48px; line-height: 48px; font-weight: 700; font-family: "Al-Jazeera-Arabic-Regular",sans-serif; margin-bottom: 60px; } .gsc-carousel-about .content-box .subtitle { font-size: 14px; } .gsc-carousel-about .content-box .title { font-size: 24px; line-height: 24px; } .gsc-carousel-about.text-light .subtitle { text-transform: uppercase; } .gsc-carousel-about.text-light .number, .gsc-carousel-about.text-light .title, .gsc-carousel-about.text-light .subtitle { color: #fff; } .gsc-carousel-about.text-light .owl-nav i { color: #c5c5c5; } .gsc-content-carousel .owl-carousel .owl-nav { opacity: 1; filter: alpha(opacity=100); } .gsc-content-carousel .sub-title { font-size: 14px; font-weight: 700; color: #303030; text-transform: uppercase; } .gsc-content-carousel .title { font-size: 24px; font-weight: 700; color: #303030; line-height: 30px; margin-bottom: 35px; } .gsc-content-carousel .desc { color: #303030; line-height: 30px; padding: 0 45px; } .gsc-our-class .image { text-align: center; } .gsc-our-class .element-content { background: #fff; padding: 50px 20px 30px; margin-top: -25px; } .gsc-our-class .element-content .title, .gsc-our-class .element-content .title a { font-size: 18px; font-family: "Al-Jazeera-Arabic-Regular",sans-serif; text-align: center; } .gsc-our-class .element-content .time { font-size: 12px; font-weight: 700; text-align: center; } .gsc-our-menu { background: #fff; } .gsc-our-menu .title { background: #cb1313; font-size: 18px; font-weight: 700; text-align: center; color: #fff; padding: 10px; text-transform: uppercase; } .gsc-our-menu .box-content { padding: 20px 30px; } .gsc-our-menu .box-content ul { padding: 0; } .gsc-our-menu .box-content ul li { list-style: none; padding: 10px 0; color: #4a4950; } .gsc-our-menu .box-content ul li strong { font-weight: 400; color: #9896a4; float: right; } /** * jPreloader */ @media (min-width: 780px) { #jpreContent { display: none !important; } } @media (min-width: 780px) { .js-preloader .body-page { opacity: 1 !important; } .js-preloader.preloader-done .body-page { opacity: 1 !important; } #jpreContent { display: block !important; } #jpreLoader { height: 4px; width: 100%; top: 0 !important; } #jpreOverlay { background-color: transparent; height: auto !important; top: 0 !important; position: absolute !important; } #jpreSlide { text-align: center; top: 0 !important; } #jpreSlide #jpreContent { display: block; position: relative; margin-bottom: 40px; } .js-preloader #jpreOverlay { background-color: none; height: 10px !important; position: fixed !important; } .js-preloader #jpreLoader { top: 0 !important; height: 10px; margin-top: -5px; z-index: 9999999 !important; } .js-preloader #jprePercentage { text-align: center; display: none !important; } #jpreBar { z-index: 2; background-color: #cb1313; } #jpreButton, #jprePercentage { display: none !important; } #jprePercentage { font-weight: 800; text-transform: uppercase; letter-spacing: 1px; margin-top: 30px; } } .preloader-wrapper { display: inline-block; position: relative; width: 60px; height: 60px; text-align: center; } @-webkit-keyframes sonarEffect { 0% { opacity: 0.3; } 40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #cb1313, 0 0 0 10px rgba(255, 255, 255, 0.5); } 100% { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #cb1313, 0 0 0 10px rgba(255, 255, 255, 0.5); -webkit-transform: scale(1.5); opacity: 0; } } @-moz-keyframes sonarEffect { 0% { opacity: 0.3; } 40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #cb1313, 0 0 0 10px rgba(255, 255, 255, 0.5); } 100% { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #cb1313, 0 0 0 10px rgba(255, 255, 255, 0.5); -moz-transform: scale(1.5); opacity: 0; } } @keyframes sonarEffect { 0% { opacity: 0.3; } 40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #cb1313, 0 0 0 10px rgba(255, 255, 255, 0.5); } 100% { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #cb1313, 0 0 0 10px rgba(255, 255, 255, 0.5); transform: scale(1.5); opacity: 0; } } @media (max-width: 991px) { .gva-offcanvas-mobile { background: #fff; position: fixed !important; left: 0; top: 0; width: 100%; max-width: 300px; top: 0; bottom: 0; z-index: 999; height: auto; overflow-y: auto; overflow-x: hidden; webkit-overflow-scrolling: touch; -webkit-box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.2); padding-top: 0; transform: translateX(-100%); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -moz-transform: translateX(-100%); } .gva-offcanvas-mobile.show-view { -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); } .gva-offcanvas-mobile .after-offcanvas { display: block !important; visibility: visible !important; } .gva-offcanvas-mobile .close-offcanvas { display: block !important; visibility: visible !important; text-align: center; border-bottom: 1px solid rgba(0, 0, 0, 0.1); width: 100%; padding: 15px 0; opacity: 1; filter: alpha(opacity=100); color: #111111; } .gva-offcanvas-mobile .close-offcanvas i { font-size: 24px; } .gva-offcanvas-mobile .close-offcanvas:hover { cursor: pointer; color: #cb1313; } .gva-offcanvas-mobile .block { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 20px; } .gva-offcanvas-mobile .block .block-content:before, .gva-offcanvas-mobile .block .block-content:after { content: " "; display: table; } .gva-offcanvas-mobile .block .block-content:after { clear: both; } .gva-offcanvas-mobile .gva-navigation .gva_menu { padding: 10px 0 0; width: 100% !important; background: none !important; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li { display: block; clear: both; width: 100%; margin-bottom: 8px !important; padding-bottom: 8px !important; padding-top: 2px !important; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .gva-offcanvas-mobile .gva-navigation .gva_menu > li:last-child { border-bottom: none; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li:after, .gva-offcanvas-mobile .gva-navigation .gva_menu > li:before { content: none; display: none; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li > a { display: block; width: 100%; line-height: 32px; font-size: 13px; padding: 0 !important; text-transform: uppercase; font-weight: 700; text-transform: uppercase; color: #222 !important; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li > a:after, .gva-offcanvas-mobile .gva-navigation .gva_menu > li > a:before { content: none; display: none; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li > a:hover { color: #cb1313 !important; background: none !important; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li.menu-parent:hover .sub-menu { display: none; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li ul.menu.sub-menu { padding-left: 20px !important; margin-bottom: 10px; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li ul.menu.sub-menu .icaret { display: none; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li ul.menu.sub-menu li a { font-size: 12px; line-height: 24px; padding-top: 0 !important; padding-bottom: 0 !important; color: #999999 !important; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li ul.menu.sub-menu li a:hover { color: #cb1313 !important; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li ul.menu.sub-menu ul.sub-menu { display: block !important; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li.megamenu .sub-menu > li { width: 100% !important; float: none !important; display: block; padding: 0; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li.megamenu .sub-menu > li > a { padding: 0; border: 0; margin: 0; font-size: 12px; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li.megamenu .sub-menu > li.block-image { display: none; } .gva-offcanvas-mobile .gva-navigation .gva_menu li a { text-transform: uppercase !important; position: relative; display: block; } .gva-offcanvas-mobile .gva-navigation .gva_menu li a:hover { color: #cb1313; } .gva-offcanvas-mobile .gva-navigation .gva_menu li a .icaret { position: absolute; width: 30px; height: 30px; top: 0; bottom: 0; right: -15px; font-size: 12px; } .gva-offcanvas-mobile .gva-navigation .gva_menu li a .icaret.nav-minus:before { content: '\f068'; } .gva-offcanvas-mobile .gva-navigation .gva_menu li a .icaret:before { position: absolute; font-family: FontAwesome; content: '\f067'; text-transform: inherit; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .gva-offcanvas-mobile .gva-navigation .gva_menu li ul { display: none; } .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu { -webkit-transition: none; -o-transition: none; transition: none; -moz-transition: none; -ms-transition: none; min-width: inherit; display: none; width: 100%; position: static; padding: 0 !important; visibility: visible; border: 0; background: none; opacity: 1; filter: alpha(opacity=100); -webkit-box-shadow: none; box-shadow: none; } .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu:after, .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu:before { content: none; } .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu li a { border-width: 0; padding-left: 0; padding-right: 0; font-size: 13px; text-transform: uppercase; } .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu li a:before, .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu li a:after { content: none !important; } .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu li a:hover { text-indent: 0; } .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu ul { display: none; visibility: visible; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu .block-image { display: none; } } .menu-bar { height: 32px; width: 36px; position: relative; cursor: pointer; margin-top: 30px; float: right; top: -7px; } .menu-bar:hover { -webkit-box-shadow: 0, 0, 10px, 0.3; box-shadow: 0, 0, 10px, 0.3; } .menu-bar span { display: block; width: 24px; height: 2px; background-color: #222222; position: absolute; left: 0; right: 0; margin: auto; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .menu-bar span.one { top: 6px; } .menu-bar span.two { top: 0; bottom: 0; } .menu-bar span.three { bottom: 6px; } .menu-bar.show-view span.two { opacity: 0; filter: alpha(opacity=0); } .menu-bar.show-view span.one, .menu-bar.show-view span.three { top: 0; bottom: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .menu-bar.show-view span.three { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } @media (max-width: 600px) { .gsc-column.col-xs-6 { width: 100% !important; } } .colorpicker { z-index: 9999999 !important; } .permission-save-hidden #gavias_customize_save { display: none !important; } .gavias-skins-panel { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); background: #fff; right: -403px; position: fixed; height: auto; top: 0px; bottom: 0; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; width: 400px; z-index: 999; } .gavias-skins-panel .gavias-skins-panel-inner { bottom: 0; padding: 30px 10px 10px; height: auto; overflow-x: hidden; overflow-y: scroll; position: absolute; top: 0; width: 100%; } .gavias-skins-panel.active { right: 0 !important; } .gavias-skins-panel #gavias_profile_customize_name option { color: #222; } .gavias-skins-panel .control-panel { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); position: absolute; top: 150px; left: -40px; width: 40px; height: 40px; background: #cb1313; color: #fff; font-size: 18px; line-height: 40px; text-align: center; } .gavias-skins-panel .control-panel:hover { cursor: pointer; } .gavias-skins-panel .panel-skins-content { padding-bottom: 20px; overflow: hidden; } .gavias-skins-panel .panel-skins-content:last-child { padding-bottom: 0; } .gavias-skins-panel .panel-skins-content .title { font-size: 14px; font-weight: 700; padding-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); text-transform: uppercase; color: #222; margin-bottom: 10px; } .gavias-skins-panel .panel-skins-content .item-color { width: 25px; height: 30px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border: 1px solid #ccc; display: inline-block; margin: 5px 6px 0 6px; border: 3px solid transparent; } .gavias-skins-panel .panel-skins-content .item-color:hover { cursor: pointer; } .gavias-skins-panel .panel-skins-content .item-color.default { background: #cb1313; } .gavias-skins-panel .panel-skins-content .item-color.blue { background: #374F99; } .gavias-skins-panel .panel-skins-content .item-color.brown { background: #684035; } .gavias-skins-panel .panel-skins-content .item-color.green { background: #009673; } .gavias-skins-panel .panel-skins-content .item-color.lilac { background: #8F6684; } .gavias-skins-panel .panel-skins-content .item-color.lime_green { background: #79AF33; } .gavias-skins-panel .panel-skins-content .item-color.orange { background: #F86923; } .gavias-skins-panel .panel-skins-content .item-color.pink { background: #D91897; } .gavias-skins-panel .panel-skins-content .item-color.purple { background: #9854B3; } .gavias-skins-panel .panel-skins-content .item-color.red { background: #CD2122; } .gavias-skins-panel .panel-skins-content .item-color.turquoise { background: #1CCDCA; } .gavias-skins-panel .panel-skins-content .item-color.turquoise2 { background: #178E94; } .gavias-skins-panel .panel-skins-content .item-color.violet_red { background: #F3605D; } .gavias-skins-panel .panel-skins-content .item-color.violet_red2 { background: #973A4B; } .gavias-skins-panel .panel-skins-content .item-color.yellow { background: #ecc311; } .gavias-skins-panel .panel-skins-content .item-color.active { border-color: #222; } .gavias-skins-panel .panel-skins-content .layout { width: 80px; margin-right: 10px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; padding: 10px 0; text-align: center; text-transform: uppercase; display: inline-block; } .gavias-skins-panel .panel-skins-content .layout:hover { cursor: pointer; } .gavias-skins-panel .panel-skins-content .layout.active { background-color: #cb1313; color: #fff; } .gavias-skins-panel .panel-skins-content .layout:last-child { margin-right: 0; } .gavias-skins-panel.gavias-skin-demo { top: 200px; bottom: auto !important; padding: 20px !important; width: 260px !important; right: -263px !important; } .gavias-skins-panel.gavias-skin-demo .control-panel { top: 75px !important; } .gavias-skins-panel.gavias-skin-demo.active { right: 0 !important; } #customize-gavias-preivew .panel { padding: 0 !important; } #customize-gavias-preivew .panel .panel-heading .panel-title > a { padding: 10px !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; } #customize-gavias-preivew .panel .panel-heading .panel-title > a:after { display: none !important; } #customize-gavias-preivew .panel .panel-body { padding: 15px !important; } #customize-gavias-preivew .form-group { position: relative; float: left; width: 100%; } #customize-gavias-preivew .form-group label { width: 150px; float: left; padding-top: 10px; font-size: 12px; font-weight: 400; color: #222; } #customize-gavias-preivew .form-group input { width: calc(100% - 150px); float: left; } #customize-gavias-preivew .form-group select { width: 100%; } #customize-gavias-preivew .form-group .colorselector { width: calc(100% - 150px); position: relative; } #customize-gavias-preivew .form-group .colorselector input { width: 100% !important; } #customize-gavias-preivew .form-group .colorselector .input-group-addon { border: 1px solid #222222; } #customize-gavias-preivew .form-group .colorselector .input-group-addon i { width: 30px; height: 20px; } #customize-gavias-preivew .form-group .colorselector .remove { width: 34px; height: 34px; color: #222; position: absolute; top: 3px; right: 25px; line-height: 34px; text-align: center; z-index: 99; } #customize-gavias-preivew .form-group .colorselector .remove:hover { cursor: pointer; } .gavias_customize_form .form-group.action { float: left; width: 100%; margin-top: 20px; } .gavias_customize_form .form-group.action input { width: 28%; margin-left: 10px; color: #fff; font-weight: 700; margin-bottom: 10px; padding: 5px 10px !important; } .gavias_customize_form .form-group.action input#gavias_customize_save { background: #5cb85c; } .gavias_customize_form .form-group.action input#gavias_customize_preview { background: #5bc0de; } .gavias_customize_form .form-group.action input#gavias_customize_reset { background: #f0ad4e; } /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : Nov 12, 2018, 10:05:46 AM Author : Kinan.Karhali */ @font-face { font-family: "Al-Jazeera-Arabic-Regular"; src: url("fonts/al-jazeera-arabic-regular.ttf"); font-weight: normal; font-style: normal; } @font-face { font-family: "HacenTunisiaRegular"; src: url("fonts/hacen-tunisia.ttf"); font-weight: normal; font-style: normal; } @font-face { font-family: "HacenTunisiaBdRegular"; src: url("fonts/hacen-tunisia-bold.ttf"); font-weight: normal; font-style: normal; } @font-face { font-family: "JFFlatRegular"; src: url("fonts/jf-flat-regular.ttf"); font-weight: normal; font-style: normal; } .footer, .copyright { color: #FFFFFF; } header.header-v1 .stuck { z-index: 9999 !important; } .contact-message-form div[id*='edit-actions'] input:hover { color: #FFF; background: #BA3430; } #block-gavias-megaland-topbar ul.inline{ padding: 0; } .topbar-content .pull-right{ float: left !important; } #block-title{ float: right; width: 16em; } #block-title .title-fund{ text-align: right; } #block-title .title-fund .title-ar{ font-size: 22px; font-weight: bold; } #block-title .title-fund .title-en{ font-size: 18px; color: #ED3D3D; font-weight: 400; font-family: "JFFlatRegular", sans-serif !important; } .language-switcher-language-url { float: left; width: auto; } .language-switcher-language-url .links { display: inline-block; } ul.inline > li, .language-switcher-language-url .links > li { display: inline-block; } ul.inline > li > a { color: #BA3430; } .language-switcher-language-url .links > li.ar:lang(ar), .language-switcher-language-url .links > li.en:lang(en){ display: none; } .language-switcher-language-url .links > li.ar:lang(en), .language-switcher-language-url .links > li.en:lang(ar){ display: block; } .language-switcher-language-url .links > li > a { font-family: "Frutiger LT Arabic, 55 Roman", sans-serif; font-size: 14px; font-weight: 700; } .language-switcher-language-url .links > li > a:hover, .language-switcher-language-url .links > li > a:focus, .language-switcher-language-url .links > li > a:active{ color: #cb1313; } #block-gavias-megaland-search { float: left; width: 22%; display: inline-flex; padding: 3px 10px; } .copyright .pull-center { display: inline-block; width: 100%; } .copyright .inline { padding-left: 0 !important; } .copyright ul.inline > li { padding: 0px 3% 0 3%; font-size: 3em; } .copyright ul.inline > li > a { color: #FFF; } .copyright ul.inline > li > a:hover { color: #BA3430; } .login-section{ margin-top: 20px; } #block-afterfooter img{ max-width: 70% } /*.jcarousel-container-horizontal{ text-align: center; } .jcarousel-container-horizontal li{ display: inline-block; max-width: 20%; background-color: #FFF; margin: 0 20px; }*/ .jcarousel-container-horizontal .views-field-title{ text-align: center; padding: 5px 10px; min-height: 60px; } .jcarousel-container-horizontal .views-field-title a{ color: #FFFFFF; font-size: 16px; } .jcarousel-container-horizontal .views-field-title a:hover, .jcarousel-container-horizontal .views-field-title a:focus, .jcarousel-container-horizontal .views-field-title a:active{ color: #cb1313; } .jcarousel-container-horizontal .views-field-body{ text-align: left; padding: 0 20px; } .pull-center .social-links-footer{ direction: ltr; } .pull-center .social-links-footer li{ display: inline-block; margin: 0 20px; } .std-services, .colleges-sidebar{ float: left; } .std-services-menu .gva_menu li, .std-university .gva_menu li, .colleges-menu .gva_menu li, .special-menu .gva_menu li{ display: block; } .std-services-menu .gva_menu > li > a, .std-university .gva_menu > li > a, .colleges-menu .gva_menu > li > a, .special-menu .gva_menu > li > a{ color: #333333 !important; font-size: 18px; padding: 10px 0 0 20px; font-weight: 400; text-transform: capitalize; } #block-transferregisteration .block-title,#block-requiredhours .block-title{ display: none; } #block-transferregisteration .description{ padding-bottom: 20px; } .std-services-menu .gva_menu li:before{ content: ""; left: 0px; border-top: 2px solid #FFF; width: 100%; } .std-services-menu .gva_menu > li > a:after, .std-university .gva_menu > li > a:after, .colleges-menu .gva_menu > li > a:after { content: "\2039"; left: 0px; font-size: 35px; font-weight: 400; top: -10px; border: none; transform: none; color: #707070; } .std-services-menu .gva_menu > li:hover > a, .colleges-menu .gva_menu > li:hover > a, .special-menu .gva_menu > li:hover > a { color: #BA3430 !important; } .unv-overview { margin: 20px auto auto auto; } .contact-message-form div[id*='edit-actions'] input { background: #333333; width: 100%; border-radius: 0 !important; } .unv-calendar-widget { background: #FFF; border-left: 8px solid #ba3430; } .unv-contact-us { background: #FFF; } .unv-calendar-widget .fc-header-toolbar { padding: 25px 15px 0 15px; } .fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active { color: #ba3430; } .fc-toolbar .fc-left .fc-prev-button { float: left; } .fc-toolbar .fc-left .month-title { float: left; font-size: 16px; font-weight: 400; margin: 3px 5px 0 5px; } .unv-news .post-block, .contact-v1 .contact-message-form .block-content { background: #F4F4F4; } .unv-news .post-meta { float: left; width: 75%; } .unv-news .unv-news-link-more a { color: #FFF; background: #ba3430; min-height: 30px; text-align: center; border-radius: 3px; font-size: 14px; font-weight: 400; text-transform: uppercase; padding: 0px 20px 0px; } .unv-news .unv-news-link-more a:hover { color: #BA3430; background: #FFF; } .img-login-btn a { color: #333333; background: #FFF; position: absolute; border: none; cursor: pointer; border-radius: 5px; } .img-login-btn a:hover { color: #FFF; background-color: #BA3430; } .faq-header{ margin-top: -30px; left: -130px; width: 140%; } .faq-content .item-list ul li.view-list-item{ margin-bottom: 0 !important; } .faq-content .panel{ padding-bottom: 0; margin-bottom: 0; } .faq-content .panel-default > .panel-heading{ border: 1px solid #BA3430; } .faq-content .panel-default > .panel-collapse{ border: 1px solid #BA3430; background: #F4F4F4; } .faq-content .panel .panel-heading .panel-title > a{ padding: 5px 20px; } .faq-content .panel .panel-heading .panel-title > a:after{ top: 3px !important; padding: 5px 20px; } .special-sidebar{ margin-top: 20px; padding: 20px 0 0 20px; background: #F4F4F4; } .special-sidebar .widget.gsc-heading{ padding: 0 !important; } .special-sidebar .title{ font-size: 21px !important; } .special-menu .gva_menu > li > a{ font-size: 16px !important; font-weight: 400; } .contact-us-form .col-sm-6.col-xs-12{ width: 100%; } .contact-us-form #edit-name, .contact-us-form #edit-mail, .contact-us-form input[type="text"], .contact-us-form textare{ border-bottom: 10px solid #FFF !important; } .contact-us-form .js-form-type-email{ padding-left: 0; } .contact-us-form #edit-actions{ margin-top: -20px; } .fc-day-number, .login-form a.btn-theme.disabled { pointer-events: none; cursor: default; } .img-unv-name span{ color: #FFF !important; font-size: 30px !important; } /*#block-gavias-megaland-search .form-actions { float: left; }*/ #block-gavias-megaland-topbar .social-links a{ display: block; width: 20px; height: 20px; } #block-gavias-megaland-topbar .social-links .facebook-header{ background: url('images/icons/facebook.png')no-repeat center center transparent; background-size: contain; } #block-gavias-megaland-topbar .social-links .twitter-header{ background: url('images/icons/twitter.png')no-repeat center center transparent; background-size: contain; } #block-gavias-megaland-topbar .social-links .linkedin-header{ background: url('images/icons/in.png')no-repeat center center transparent; background-size: contain; } #block-gavias-megaland-topbar .social-links .insta-header{ background: url('images/icons/insta.png')no-repeat center center transparent; background-size: contain; } #block-gavias-megaland-topbar .social-links .google-header{ background: url('images/icons/google-plus.png')no-repeat center center transparent; background-size: contain; } #block-gavias-megaland-topbar ul.inline > li{ text-align: center; width: 30px; margin: 0 2px; } .langswitcher-links.mobile-v,.topbar-links.mobile-v, .topbar-links.mobile-v #block-title{ display: none; } #block-gavias-megaland-search #search-block-form input.form-submit{ background: url('images/icons/search-icon-en.png')no-repeat center center #FFF; background-size: 50%; border: 1px solid #707070; border-right: none; /*border-radius: 15px 0 0 15px;*/ float: left; width: 40px; } #block-gavias-megaland-search #search-block-form{ width: 100%; } #block-gavias-megaland-search #search-block-form input[type=search] { border: 1px solid #707070; border-left: none; } .fa{ font-family: 'FontAwesome' !important; } .widget.gsc-heading .title *{ font-family: "HacenTunisiaRegular",sans-serif !important; } .gsc-column *, .qtip *, .post-block *{ font-family: "Al-Jazeera-Arabic-Regular",sans-serif; } .node__content *{ font-family: "Al-Jazeera-Arabic-Regular",sans-serif !important; } .gsc-column .block-title > span{ font-family: "HacenTunisiaRegular",sans-serif !important; } .table.table-bordered.colleges{ border-spacing: 4px!important; } .table.table-bordered.study-system, .table.table-bordered.colleges { text-align: center; border-collapse: separate; border-spacing: 20px; border: none; } .table.table-bordered.study-system th, .table.table-bordered.study-system td, .table.table-bordered.colleges th, .table.table-bordered.colleges td{ border: none!important; background: #F4F4F4; text-align: center; padding: 22px 30px; vertical-align: inherit; color: #333333; font-size: 15px; } .table.table-bordered.study-system td, .table.table-bordered.colleges td { padding: 10px 0; font-size: 14px; } #search-form { padding: 30px 0 0; } .tabs_wrapper.tabs_horizontal{ margin-bottom: 30px; } .tabs_horizontal .nav-tabs > li > a{ font-weight: 400 !important; } .tabs_horizontal .nav-tabs > li.active > a{ border-bottom: 5px solid #BA3430; } .gsc-tabs .tabs_wrapper.tabs_horizontal .tab-content .tab-pane p, .gsc-tabs .tabs_wrapper.tabs_horizontal .tab-content .tab-pane span{ background: transparent !important; } .not-found .title-desc{ max-width: none !important; } .not-found ._404, .not-found ._403{ text-transform: uppercase; font-size: 20px; color: #BA3430; text-align: center; position: absolute; top: 55%; left: 50%; transform: translate(-50%, -50%); } .not-found .btn{ position: absolute; top: 75%; left: 50%; transform: translate(-50%, -50%); background-color: #BA3403; font-size: 18px; color: #FFF; border-radius: 5px; } .pager li.is-active > a{ border-radius: 20px; background-color: #F4F4F4 !important; color: #333333 !important; } .pager li > a, .pager li > span{ background-color: #BA3430 !important; border-radius: 20px; color: #FFF; } .pager li > a:hover, .pager li > a:focus{ background-color: #F4F4F4 !important; color: #333333 !important; } .no-result { padding: 1em 0 1em 0; font-size: 1.5em; color: #BA3430; text-align: center; text-align-last: center; } .footer .footer-first, .footer .footer-second .first-p, .footer .footer-second .second-p{ text-align: center; } .footer .footer-second .second-p{ margin-bottom: 50px; } .footer .footer-first .site-branding-logo img{ max-height: 60px; margin: auto; } .footer .footer-second .second-p .line-menu li{ display: inline-block; } .footer .footer-second .second-p .line-menu li a{ color: #bbbbbb; } .footer .footer-second .second-p .line-menu li:not(:last-child) a:after{ content: '|'; margin: auto 10px; color: #bbbbbb; } .footer .footer-second ul.menu{ padding-left: 30px; } .footer .footer-second ul.menu > li a:after{ display: none; } .navigation .gva_menu > li:hover > ul.sub-menu:before{ border: 10px solid #bbbbbb; } #gotop-btn{ background: url('images/icons/back.png')no-repeat center center transparent; background-size: contain; display: block; width: 24px; height: 24px; margin: 0 auto; border: none; } .gotop-lable p{ text-align: center; } .breadcrumbs .block-views-blockhot-news-block-1{ width: 80%; margin: 0 auto; } .hot-news-section .block-title, .breadcrumbs .block-views-blockhot-news-block-1 .block-title{ text-align: center!important; border: none; background-color: #ED3D3D; float: left; width: auto; z-index: 1; } .hot-news-section .block-title > span, .breadcrumbs .block-views-blockhot-news-block-1 .block-title > span{ color: #FFFFFF; white-space: nowrap; padding: 0 10px; } .hot-news-section .jcarousel-wrapper.jcarousel-skin-default, .breadcrumbs .block-views-blockhot-news-block-1 .jcarousel-wrapper.jcarousel-skin-default{ margin: 0 auto; margin-bottom: 20px; width: 100%; max-width: 100%; height: 55px; border: none; border-radius: 0; background-color: #F7F5F5; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .hot-news-section .views-field-body *, .breadcrumbs .block-views-blockhot-news-block-1 .views-field-body *{ color: #ED3D3D; } .hot-news-section .views-field-body, .breadcrumbs .block-views-blockhot-news-block-1 .views-field-body{ padding: 15px!important; } .hot-news-section .jcarousel-skin-default .jcarousel li, .breadcrumbs .block-views-blockhot-news-block-1 .jcarousel-skin-default .jcarousel li{ width: 100%!important; } .hot-news-section .field-content{ margin: 10px; color: #cb1313; font-size: 16px; } .news-slidshow .views_slideshow_controls_text_next a, .news-slidshow .views_slideshow_controls_text_previous a{ position: absolute; top: 145px; z-index: 20; height: 35px; width: 35px; border: 5px solid transparent; border-radius: 50%; } .news-slidshow .views_slideshow_controls_text_next a{ right: 10px; background: url('images/icons/right.png')no-repeat center center transparent; background-size: contain; } .news-slidshow .views_slideshow_controls_text_previous a{ left: 0; background: url('images/icons/left.png')no-repeat center center transparent; background-size: contain; } .news-slidshow .views_slideshow_controls_text_next a:hover, .news-slidshow .views_slideshow_controls_text_previous a:hover{ background-color: #cb1313; } .news-slidshow .views-field.views-field-field-image img, .news-slidshow .views_slideshow_cycle_slide{ max-width: 100%!important; min-width: 100%!important; } .news-slidshow .views-field.views-field-title a{ font-size: 16px; color: #FFF; } .news-slidshow .views-field.views-field-title a:hover{ color: #cb1313; } .news-slidshow .views-field-title{ background: url('images/icons/bluebar.png')no-repeat left center transparent; background-size: 100% 100%; padding: 10px 10px 20px; /*min-height: 90px;*/ text-align: center; } .news-slidshow .views-field-title *{ font-family: "HacenTunisiaRegular", sans-serif !important; } .news-slidshow, .most-read-section, .local-news-section, .sport-news-section{ padding-right: 10px!important; } .most-read-section .column-inner.bg-size-cover{ background-color: #F7F5F5; } .most-read-section .quicktabs-wrapper .quicktabs-tabs{ padding: 10px 0 4px; text-align: center; } .most-read-section .quicktabs-wrapper .quicktabs-tabs > li{ display: inline-block; width: 50%; padding: 0; } .most-read-section .quicktabs-wrapper .quicktabs-tabs > li a{ color: #434343; padding: 5px; font-size: 18px; } .most-read-section .quicktabs-wrapper .quicktabs-tabs > li.active a{ border-bottom: 4px solid #42B5EE; } .most-read-section .quicktabs-wrapper .quicktabs-main{ border-top: 1px solid #42B5EE; } .most-read-section .quicktabs-wrapper .quicktabs-main .item-list ul li.view-list-item{ border-bottom: 2px solid #FFF; margin: 0; padding: 10px; } .most-read-section .quicktabs-wrapper .quicktabs-main .item-list ul li.view-list-item .views-field-created{ float: left; } .most-read-section .quicktabs-wrapper .quicktabs-main .item-list ul li.view-list-item .views-field-title{ display: table; padding: 0 15px; } .local-news-section .widget.gsc-block-drupal{ border-top: 3px solid #000; min-height: 45px; } .local-news-section .column-inner.bg-size-cover{ background-color: #F7F5F5; /* border-top: 3px solid #000;*/ } .local-news-section .block-title{ float: left; border: none; margin: auto 10px; padding: 0; font-size: 22px; } .local-news-section .block-title > span{ font-size: inherit; color: #42B5EE; } .local-news-section .quicktabs-wrapper .quicktabs-tabs{ padding: 7px; float: right; } .local-news-section .quicktabs-wrapper .quicktabs-tabs > li a{ color: #434343; padding: 10px; font-size: 14px; } .local-news-section .quicktabs-wrapper .quicktabs-tabs > li.active a{ border-top: 3px solid #42B5EE; color: #42B5EE; } .local-news-section .quicktabs-wrapper .quicktabs-main{ display: inline-block; border-top: 5px solid #FFF; width: 100%; } .local-news-section .quicktabs-wrapper .quicktabs-main .item{ border-bottom: 2px solid #FFF; padding: 0 0 10px; } .local-news-section .quicktabs-wrapper .quicktabs-main .item a:hover, .local-news-section .quicktabs-wrapper .quicktabs-main .item a:active, .local-news-section .quicktabs-wrapper .quicktabs-main .item a:focus, .gsc-column .item a:hover, .gsc-column .item a:focus, .gsc-column .item a:active, .gsc-column .item-list a:hover, .gsc-column .item-list a:focus, .gsc-column .item-list a:active, .views-field-title a:hover, .views-field-title a:focus, .views-field-title a:active{ color: #cb1313; } .local-news-section .quicktabs-wrapper .quicktabs-main .item .views-field-field-image{ float: left; margin: 0 10px; } /*.local-news-section .quicktabs-wrapper .quicktabs-main .item .views-field-field-image img{ max-width: 120px; }*/ .local-news-section .item .views-field-body, .local-news-section .item .views-field-title{ overflow: hidden; text-align: left; } .local-news-section .first-local-news .item{ min-height: 170px; } .local-news-section .local-news-attach .item{ min-height: auto; } .local-news-section .quicktabs-wrapper .quicktabs-main .first-local-news .item .first-local-created, .sns-opinion-section .item .first-local-created, .horoscope-news-section .item .first-local-created, .most-read-section .most-read-news .item-list .first-local-created, .most-read-section .top-news .item-list .first-local-created, .misc-news-section .item-list .first-local-created, .sport-news-section .item .first-local-created, .sport-news-section .item .attach-local-created{ color: #42B5EE; /*font-family: "HacenTunisiaBdRegular",sans-serif !important;*/ } .local-news-section .quicktabs-wrapper .quicktabs-main .local-news-attach .item .views-field-created{ float: left; /*margin: auto 20px;*/ } .sns-opinion-section, .misc-news-section{ border-bottom: 1px solid #434343; margin-bottom: 10px; } .sns-opinion-section .views-field-title{ background-color: #F7F5F5; padding: 6px 10px; } .horoscope-head .title{ font-size: 16px!important; color: #434343!important; } .horoscope-head .heading-inner{ padding: 0!important; } .horoscope-news-section .views-field-title a{ color: #42B5EE; font-size: 14px; } .horoscope-news-section .views-field-title a:hover, .horoscope-news-section .views-field-title a:focus, .horoscope-news-section .views-field-title a:active{ color: #ED3D3D; } .horoscope-news-section .widget.gsc-call-to-action, .sns-opinion-section .widget.gsc-call-to-action, .misc-news-section .widget.gsc-call-to-action, .syrian-story-section .widget.gsc-call-to-action{ padding: 0; margin: 20px auto; } .misc-news-section .widget.gsc-block-drupal .block-quicktabs{ /*background-color: #42B5EE;*/ } .misc-news-section #quicktabs-misc_news_tabs_ar .quicktabs-tabs{ padding: 5px 0; text-align: center; background-color: #42B5EE; } .misc-news-section #quicktabs-misc_news_tabs_ar .quicktabs-tabs > li{ padding: 0; } .misc-news-section #quicktabs-misc_news_tabs_ar .quicktabs-tabs > li a{ color: #FFFFFF; padding: 5px; font-size: 12px; } .misc-news-section #quicktabs-misc_news_tabs_ar .quicktabs-tabs > li.active a{ border-bottom: 3px solid #ED3D3D; color: #ED3D3D; } .syrian-story-section .widget.gsc-block-drupal{ /*background-color: #434343;*/ } .syrian-story-section #quicktabs-syrian_story_tabs_ar .quicktabs-tabs{ padding: 5px 0; text-align: center; background-color: #434343; } .syrian-story-section #quicktabs-syrian_story_tabs_ar .quicktabs-tabs > li{ display: inline-block; width: 50%; } .syrian-story-section #quicktabs-syrian_story_tabs_ar .quicktabs-tabs > li a{ color: #FFFFFF; padding: 5px; font-size: 12px; } .syrian-story-section #quicktabs-syrian_story_tabs_ar .quicktabs-tabs > li.active a{ border-bottom: 3px solid #42B5EE; color: #42B5EE; } .sport-news-section .views-field-created{ float: right; } .sport-news-section .views-field-field-image{ float: left; margin-right: 20px; } .sport-news-section .first-attach{ overflow: hidden; background-color: #F7F5F5; padding: 10px; } .sport-news-section .first-attach .views-field-created{ margin-top: -20px; } .sport-news-section .second-attach{ overflow: hidden; } .sport-news-section .second-attach .item{ border-bottom: 1px solid #434343; padding: 10px; display: inline-block; width: 100%; } .node-detail .post-block{ direction: ltr; } .node-detail .post-meta{ margin: 0; } .node-detail .post-meta .post-categories{ float: right; } .node-detail .field--name-body{ font-size: 16px; } ul.shs{ padding: 0; } ul.shs li{ display: inline-block; background-color: #42B5EE; padding: 0 5px; margin: 0 5px; } ul.shs li:last-of-type{ padding-right: 5px; padding-left: 5px; } ul.shs li:after{ content: none; } #block-views-block-related-topics-block-1 .block-title{ background-color: #42B5EE; border: none; padding: 10px; } #block-views-block-related-topics-block-1 .block-title > span{ display: block; color: #FFFFFF; } #block-views-block-related-topics-block-1 .block-content .item{ background-color: #F7F5F5; border-bottom: 5px solid #FFF; padding: 10px; min-height: 120px; } #block-views-block-related-topics-block-1 .block-content .item .views-field-field-image{ float: left; margin-right: 10px; } #block-views-block-related-topics-block-1 .block-content .item .views-field-field-image img{ max-width: 100px; } #block-views-block-related-topics-block-1 .block-content .item .views-field-title, #block-views-block-related-topics-block-1 .block-content .item .views-field-body{ overflow: hidden; } #block-views-block-related-topics-block-1 .block-content .item .views-field-created{ overflow: hidden; text-align: right; color: #42B5EE; } .block-views-blocksns-opinion-block-1 .block-title{ border: none; margin: 0; padding: 0; } .block-views-blocksns-opinion-block-1 .block-title > span{ color: #42B5EE; vertical-align: top; } .block-views-blocksns-opinion-block-1 .sns-opinion .item .views-field-title{ background-color: #F7F5F5; padding: 5px 10px; } .block-views-blocksns-opinion-block-1 .sns-opinion .item .views-field-created{ color: #42B5EE; text-align: left; } .adssection .item .views-field-field-image{ -webkit-clip-path: polygon(100% 1%, 100% 100%, 48% 100%, 0 63%, 0 0); clip-path: polygon(100% 1%, 100% 100%, 48% 100%, 0 63%, 0 0); background-color: #FFF; } .adssection .item .views-field-field-image img{ min-width: 215px; } .adssection .item .views-field-view-node{ margin-top: -80px; text-align: left; font-size: 12px; background-color: #343434; height: 80px; padding-top: 40px; padding-left: 5px; } .adssection .item .views-field-view-node a{ color: #FFF; } .item .views-field-body{ font-size: 12px; } .item .views-field.views-field-created{ text-align: right; padding: 0 10px; } .ads-wide-section{ border: none!important; background-color: #FFF; padding-bottom: 30px; } .ads-wide-section .item .views-field-field-image{ webkit-clip-path: polygon(100% 1%, 100% 100%, 53% 100%, 0 35%, 0 0); clip-path: polygon(100% 1%, 100% 100%, 53% 100%, 0 35%, 0 0); text-align: center; } .ads-wide-section .item .views-field-field-image img{ margin: 0 auto; } .ads-wide-section .item .views-field-view-node{ text-align: left; font-size: 14px; background-color: #343434; height: 70px; padding-top: 35px; padding-left: 7px; margin: -70px auto 0 auto; width: 46%; } .ads-wide-section .item .views-field-view-node a{ color: #FFF; } .node-detail .field--name-field-tags .field__item a{ color: #FFF; background-color: #000; padding: 5px; } .node-detail .field--name-field-tags .field__item a:hover, .node-detail .field--name-field-tags .field__item a:focus, .node-detail .field--name-field-tags .field__item a:active{ color: #cb1313; } .addtoany_list{ line-height: 60px !important; } .field--name-field-image-source .field__label, .field--name-field-news-source .field__label{ display: inline-block; font-size: 14px; font-weight: bold; color: #000; margin: 0 10px 15px 0; } .field--name-field-image-source .field__item, .field--name-field-news-source .field__item{ display: inline-block } .js-form-type-search .form-search{ width: 100%; } #search-form .search-advanced.js-form-wrapper.form-wrapper{ cursor: pointer; } #search-form .search-advanced .js-form-type-textfield label{ display: block!important; } #search-form .search-advanced .js-form-type-textfield input[type="text"]{ width: 100%; } #edit-help-link{ display: none; } .politic-page ul.quicktabs-tabs, .economy-page ul.quicktabs-tabs{ background-color: #F4F4F4; padding: 15px; margin-bottom: 10px; text-align: left; } .politic-page ul.quicktabs-tabs li, .economy-page ul.quicktabs-tabs li{ margin: auto 20px; } .politic-page ul.quicktabs-tabs li a, .economy-page ul.quicktabs-tabs li a{ padding: 10px; } .politic-page ul.quicktabs-tabs li.active a, .economy-page ul.quicktabs-tabs li.active a{ border-bottom: 4px solid #42B5EE; color: #000; } .header-main .navigation .gva_menu > li.menu-item--active-trail > a{ color: #cb1313 !important; } /*.news-slidshow .jcarousel-skin-default .jcarousel ul { width: auto !important; }*/ .category-news-page .views-field.views-field-title, .category-news-page .views-field.views-field-body, .first-local-news .views-field.views-field-title, .first-local-news .views-field.views-field-body{ margin: 10px; } .first-local-news .views-field.views-field-title a:hover, .first-local-news .views-field.views-field-title a:active, .first-local-news .views-field.views-field-title a:focus{ color: #CB1313; } .first-local-news .views-field.views-field-field-image, .sport-news-section .views-field.views-field-field-image{ overflow: hidden; } .first-local-news .views-field.views-field-field-image img, .sport-news-section .views-field.views-field-field-image img{ -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -moz-transition: all 0.4s; transition-duration: 0.4s; transition-timing-function: ease; -ms-transition: all 0.4s; } .first-local-news .views-field.views-field-field-image img:hover, .sport-news-section .views-field.views-field-field-image img:hover{ -webkit-transform: scale( 1.1,1.1); transform: scale( 1.1,1.1); } .first-local-news .views-field.views-field-created{ color: #42B5EE; /*margin: 10px auto;*/ } .ads-area-section{ border: none !important; background: #FFF; text-align: center; } .ads-area-section img{ width: auto; margin-bottom: 30px; } .slogan .img-gif{ background: url(images/icons/slogan.gif)no-repeat center center transparent; background-size: contain; position: absolute; height: 110px; width: 230px; z-index: 10; top: -30px; } .horoscope-news-section .block-title{ border: none; } .horoscope-news-section .block-title > span{ color: #000; white-space: nowrap; } .header-main .site-branding-logo img{ width: 120px; } .block-views-blocksns-opinion-block-1{ padding-bottom: 2px; } .block-views-blocksns-opinion-block-1, .block-views-blocksns-opinion-block-1 .more-link, .sns-opinion-section, .sns-opinion-section .more-link{ background-color: #e1f3fd; border: none; } .block-views-blocksns-opinion-block-1 .item .views-field-body, .sns-opinion-section .item .views-field-body{ margin: 5px 10px; font-size: 14px; } .block-views-blocksns-opinion-block-1 .item .views-field-created, .sns-opinion-section .item .views-field-created{ float: left; } .block-views-blocksns-opinion-block-1 .more-link, .sns-opinion-section .more-link{ text-align: left; } .block-views-blocksns-opinion-block-1 .more-link a, .sns-opinion-section .more-link a { background-color: #e1f3fd; color: #CB1313; padding: 0px; margin-left: -15px; } .block-views-blocksns-opinion-block-1 .more-link a:hover, .sns-opinion-section .more-link a:hover{ color: #FFF; } .block-views-blocksns-opinion-block-1 .block-title, .sns-opinion-section .sns-label{ height: 60px; } .block-views-blocksns-opinion-block-1 .block-title{ min-height: 55px; } .block-views-blocksns-opinion-block-1 .block-title, .sns-opinion-section .sns-label .heading-inner{ background: url(images/icons/corner-right.svg)no-repeat center center transparent; width: 30px; height: 45px; margin-top: 5px; margin-right: 5px; } .block-views-blocksns-opinion-block-1 .block-title span{ min-height: 48px; } .block-views-blocksns-opinion-block-1 .block-title span, .sns-opinion-section .sns-label .heading-inner .title{ background: url(images/icons/sns.png)no-repeat center center transparent; background-size: contain; width: 170px; z-index: 10; } .contact-label{ width: 100%!important; padding: 10px 10px 30px!important; background-color: #F7F5F5; } .contact-label .title span{ color: #000; font-size: 30px; } .contact-body{ padding: 20px 0; } .contact-body li{ width: 80%; padding: 20px 0!important; } .contact-body li:not(:last-child){ border-bottom: 1px solid #000; } .contact-body li img{ float: right; width: 25px; height: 25px; margin-left: 5px; } .contact-body .contact-title{ display: block; font-weight: 700; font-size: 14px; } .contact-feedback .col-sm-6.col-xs-12{ width: 100%; } .contact-message-form .form-group, .contact-message-form .form-item{ margin: 0; } .contact-message-form #edit-name, .contact-message-form #edit-mail, .contact-message-form .js-form-item-mail, .contact-message-form [id^=edit-subject]{ margin: 0; background-color: #F7F5F5!important; border-bottom: 2px solid #FFF!important; color: #42B5EE!important; padding: 0 20px; } .contact-message-form #edit-mail{ padding: 0!important; } .contact-message-form #edit-submit{ color: #42B5EE!important; font-size: 18px; font-weight: 700; background-color: #000; } ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #42B5EE!important; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #42B5EE!important; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #42B5EE!important; } .about-us .about-text, .about-us .slogan-text{ background-color: #F7F5F5; margin: 10px 0; } .about-us .label{ display: block; text-align: right; padding: 20px; color: #42B5EE!important; font-size: 20px; } .about-us .title{ display: block; padding: 0 20px 20px; font-size: 18px; font-weight: 700; color: #000; } .about-us .body{ display: block; padding: 0 20px 20px; } .about-us .slogan{ float: right; background-color: #FFF; width: 40%; } .about-us .slogan .img-gif{ position: relative!important; top: -10px; } .about-us ul{ padding: 0; overflow: hidden; } .about-us ul li{ border-top: 3px solid #FFF; padding: 5px 10px; /* display: list-item; list-style-type: disc; list-style-position: inside;*/ } .about-us ul li:before{ color: #42B5EE; content: "\2022"; font-size: 1.5em; font-weight: bold; position: relative; top: 4px; margin: 0 10px; } #edit-comment-body-0-format, #comment-form #edit-preview{ display: none; } .about-us-sns-img{ width: 25%; margin-top: -120px; } .slogan-text .img-gif { left: 0!important; } .more-link .left-quot{ background: url(images/icons/corner-left.svg)no-repeat center center transparent; width: 40px; height: 50px; float: left; } .node__stats{ font-size: 16px; font-weight: 700; color: #000; } .comment-comment-form .form-email, .comment-comment-form .text-full{ width: 100%; } @media (min-width: 992px) and (max-width: 1199px) { #block-gavias-megaland-search{ width: 28%; } .local-news-section .block-title > span{ font-size: 20px; } .local-news-section .quicktabs-wrapper .quicktabs-tabs{ padding: 1px; } .local-news-section .quicktabs-wrapper .quicktabs-tabs > li a{ padding: 6px; font-size: 12px; } .misc-news-section #quicktabs-misc_news_tabs_ar .quicktabs-tabs > li a{ padding: 4px; font-size: 10px; } .news-slidshow .jcarousel-skin-default .jcarousel-control-prev, .news-slidshow .jcarousel-skin-default .jcarousel-control-next{ top: 120px; } .news-slidshow .views_slideshow_controls_text_next a, .news-slidshow .views_slideshow_controls_text_previous a{ top: 110px; } } @media (min-width: 992px) { .news-slidshow .views_slideshow_cycle_slide{ height: 380px!important; } .container.header-content-layout{ width: 100%!important; } header .branding { float: right; text-align: right; } header.header-v1, header.header-v1 .stuck { background: #FFFFFF !important; } .site-branding-logo img{ margin-top: -15px; } .p-static { text-align: center; } .language-switcher-language-url .links { padding-left: 10px; } .language-switcher-language-url .links > li:after { content: "|"; margin-left: 10px; font-size: 1.3em; color: #434343; } .face-book:after, .login-head:after{ content: "|"; font-size: 1.3em; } ul.topbar-links { padding: 5px 5px; display: inline-block; } .header-main .navigation .gva_menu > li.menu-item--active-trail > a { border-bottom: 3px solid; } .img-login-btn a { top: 40%; right: 6%; } .login-input { height: 50px; background-color: #F4F4F4 !important; border: none !important; text-indent: 7%; color: black; box-shadow: none !important; margin-bottom: 15px; width: 100%; } .login-form a.btn-theme, .login-form a.btn-theme:hover, .login-form a.btn-theme:focus { width: 100%; background: #333333; border: 1px solid #707070; text-align: center; } #block-login .block-title ,#block-minimumregistrationrequirement .block-title{ display: none; } .contact-us-form { float: left; width: 50%; margin: 2em 1em 2em 1em; border-right: 1px solid #707070; } .contact-info-text { margin-top: 2em; } div[id^=map_canvas]{ width: 45% !important; height: 28.5em !important; margin: 3.3em 2em 1em 2em; } .special-sidebar{ margin-left: 15px; width: 22.5%; min-height: 220px } .first-header{ left: -300px; width: 300%; padding: 0; margin-top: -70px; margin-bottom: 30px; } .faq-header .title{ left: 11em; } .push-right { left: 25%; } .push-left{ right:25%; } .tabs_horizontal .nav-tabs > li > a{ font-size: 16px !important; } .std-university .navigation .gva_menu li:after, .colleges-sidebar .navigation .gva_menu li:after { content : ""; position: absolute; left : -40px; bottom : -8px; width : 120%; border-bottom:2px solid #FFF; } /* Search Form */ #block-gavias-megaland-search #search-block-form input[type=search] { background-color: #FFF; /*border-radius: 0 15px 15px 0;*/ /*position: absolute;*/ /*border: none !important;*/ cursor: auto; width: 60%; height: 30px; padding-left: 10px; float: none; } #block-gavias-megaland-search #search-block-form input:-moz-placeholder, #block-gavias-megaland-search #search-block-form input::-webkit-input-placeholder { color: transparent; } .header-main-inner .branding{ display: none; } #block-gavias-megaland-topbar{ float: left; width: 81%; padding: 5px; } .language-switcher-language-url .links > li > a { color: #434343; } .news-section{ margin-top: -160px } .news-slider{ margin-top: -100px; } /* .navigation .gva_menu li:not(:last-child){ border-bottom: 2px solid #FFF; }*/ .main-menu .area-main-menu .area-inner .block{ border: 1px solid #707070; border-right: none; border-left: none; } .slogan.slogan-mobile{ display: none; } } @media (max-width: 991px) { header .header-main { background: #FFF; } header .branding { text-align: left; } .topbar{ display: none; } .jcarousel-wrapper.jcarousel-skin-default { margin: 20px auto; } .langswitcher-links.mobile-v,.topbar-links.mobile-v{ display: block; width: 100%; } /* .site-branding-logo img{ max-height: 60px !important; max-width: 75%; }*/ .language-switcher-language-url .links { padding-left: 0; } .gva-offcanvas-mobile .close-offcanvas { display: none !important; } #block-gavias-megaland-topbar{ overflow: hidden; } #block-gavias-megaland-topbar ul.inline{ padding: 5px 0; } #block-gavias-megaland-topbar ul.inline > li{ padding: 0; } .language-switcher-language-url { width: 20% !important; padding: 20px 0px 20px 20px; float: left; } #block-gavias-megaland-search { width: 100%; padding: 15px; } #block-gavias-megaland-search .form-search { width: 15em; height: 30px; /*border-radius: 0 15px 15px 0;*/ background-color: #FFF; padding: 0 10px; border: 1px solid #FFF; } ul.topbar-links { display: inline-block; padding-left: 0; } ul.topbar-links > li { margin-left: 0; } .img-login-btn a { top: 40%; right: 7%; font-size: 10px !important; } .contact-info-text { padding: 0 30px 0; } .contact-v1 .contact-message-form { padding: 0 30px 30px; } .first-header{ left: -112px; width: 140%; padding: 0; margin-top: -45px; margin-bottom: 30px; } .front-img img{ margin-top: 25px; width: 100%; } .special-sidebar{ width: 100%; min-height: 175px; } .faq-header .title{ left: 5em; } div[id^=map_canvas]{ margin-bottom: 30px; } .contact-v1 .contact-message-form{ padding: 20px 0 !important; } .table.table-bordered.study-system th, .table.table-bordered.study-system td, .table.table-bordered.colleges th, .table.table-bordered.colleges td{ font-size: 13px !important; padding: 8px!important; } .widget.gsc-heading .title{ font-size: 24px !important; } .gsc-tabs .tabs_wrapper.tabs_horizontal .tab-content .tab-pane{ padding: 10px !important; } .tabs_horizontal .nav-tabs > li > a { font-size: 14px !important; } .not-found ._404{ font-size: 16px !important; } .not-found .btn{ font-size: 12px !important; } .topbar-content input[id^='edit-keys']{ height: 34px; padding-left: 10px; } .language-switcher-language-url .links > li > a { color: #434343; } .topbar-content #block-title{ display: none; } .breadcrumbs .block-views-blockhot-news-block-1{ width: 100%; } .misc-news-section #quicktabs-misc_news_tabs_ar .quicktabs-tabs > li{ display: inline-block; width: 20%; } .misc-news-section #quicktabs-misc_news_tabs_ar .quicktabs-tabs > li:nth-child(4){ width: 40%; } .news-slidshow, .most-read-section, .local-news-section, .sport-news-section{ padding-right: 0 !important; } .news-slidshow .views_slideshow_controls_text_next a, .news-slidshow .views_slideshow_controls_text_previous a{ top: 170px; } .news-slidshow .views_slideshow_controls_text_next a{ right: 0; } } @media (max-width: 768px){ /* .hot-news-section .block-title, .breadcrumbs .block-views-blockhot-news-block-1 .block-title{ width: 12%; }*/ .hot-news-section .block-title > span, .breadcrumbs .block-views-blockhot-news-block-1 .block-title > span{ font-size: 14px; } .about-us-sns-img{ margin-top: -100px; } .slogan-text .img-gif { max-width: 180px; } } @media (max-width: 557px){ .news-slidshow .views_slideshow_controls_text_next a, .news-slidshow .views_slideshow_controls_text_previous a{ top: 100px; } .about-us-gif-img{ } } @media (max-width: 520px){ .local-news-section .block-title > span{ font-size: 16px; } .local-news-section .quicktabs-wrapper .quicktabs-tabs > li a{ padding: 12px 5px; font-size: 12px; } .news-slidshow .jcarousel-wrapper.jcarousel-skin-default{ height: 300px; } .slogan .img-gif{ max-width: 180px; right: -50px; } .slogan-text .img-gif { right: 0; } .about-us-sns-img{ margin-top: -80px; } } @media (max-width: 480px){ .news-slidshow .jcarousel-skin-default .jcarousel-control-prev, .news-slidshow .jcarousel-skin-default .jcarousel-control-next{ top: 110px; } .jcarousel-container-horizontal .views-field-title a{ font-size: 14px; } .slogan-text .img-gif { max-width: 150px; } } @media (max-width: 450px) { .tabs_horizontal .nav-tabs > li > a { padding: 8px 8px !important; font-size: 12px !important; } .table.table-bordered.study-system th, .table.table-bordered.study-system td, .table.table-bordered.colleges th, .table.table-bordered.colleges td{ font-size: 10px !important; } .not-found ._404{ top: 50% !important; font-size: 12px !important; } .not-found .btn{ font-size: 10px !important; } .sport-news-section .first-attach .views-field-created{ margin-top: 0; } .news-slidshow .jcarousel-skin-default .jcarousel-control-prev, .news-slidshow .jcarousel-skin-default .jcarousel-control-next{ top: 100px; } .about-us .slogan{ float: none; width: 100%; text-align: center; } .about-us ul{ overflow: visible; list-style: none; } } @media (max-width: 380px){ .news-slidshow .jcarousel-skin-default .jcarousel-control-prev, .news-slidshow .jcarousel-skin-default .jcarousel-control-next{ top: 80px; } .news-slidshow .jcarousel-wrapper.jcarousel-skin-default{ height: 260px; } .about-us-sns-img{ margin-top: -60px; } } @media (max-width: 371px){ .local-news-section .widget.gsc-block-drupal{ /*border-top: none;*/ } .local-news-section .quicktabs-wrapper .quicktabs-tabs{ float: none; /*border-top: none;*/ /*width: 100%;*/ } .local-news-section .quicktabs-wrapper .quicktabs-tabs > li a{ padding: 5px; } .local-news-section .quicktabs-wrapper .quicktabs-tabs > li.active a{ border-top: none; border-bottom: 3px solid #42B5EE; } .slogan .img-gif{ max-width: 150px; } } @media (max-width: 350px){ .quicktabs-tabpage .views-field-field-image, .sport-news-section .views-field-field-image{ float: none!important; margin: 0!important; } .quicktabs-tabpage .views-field-field-image img, .sport-news-section .views-field-field-image img{ width: 100%; max-width: none; } .local-news-section .item .views-field-body, .local-news-section .item .views-field-title{ margin: auto 10px; } .local-news-section .quicktabs-wrapper .quicktabs-main .local-news-attach .item .views-field-created{ /*margin: auto 5px;*/ } .quicktabs-tabpage .views-field-title a, .quicktabs-tabpage .views-field.views-field-created span, .sport-news-section .views-field-title a, .sport-news-section .views-field.views-field-created span{ font-size: 12px; } .widget.gsc-heading .title{ font-size: 18px !important; } .horoscope-news-section .views-field-title a { font-size: 14px; } .gva-offcanvas-mobile{ max-width: 260px !important; } #block-gavias-megaland-search .form-search{ width: 11em; } #block-gavias-megaland-topbar ul.inline > li{ margin: 0; } .news-slidshow .views_slideshow_controls_text_next a, .news-slidshow .views_slideshow_controls_text_previous a{ top: 80px; } .news-slidshow .views-field.views-field-title a{ font-size: 14px; } } @media (max-width: 300px){ .news-slidshow .views_slideshow_controls_text_next a, .news-slidshow .views_slideshow_controls_text_previous a{ top: 70px; } .about-us-sns-img{ margin-top: -40px; } } @media (max-width: 261px){ .local-news-section .quicktabs-wrapper .quicktabs-tabs > li a{ padding: 14px 5px; font-size: 10px; } }/** * @file * Styles for system messages. */ .messages { background: no-repeat 10px 17px; /* LTR */ border: 1px solid; border-width: 1px 1px 1px 0; /* LTR */ border-radius: 2px; padding: 15px 20px 15px 35px; /* LTR */ word-wrap: break-word; overflow-wrap: break-word; } [dir="rtl"] .messages { border-width: 1px 0 1px 1px; background-position: right 10px top 17px; padding-left: 20px; padding-right: 35px; text-align: right; } .messages + .messages { margin-top: 1.538em; } .messages__list { list-style: none; padding: 0; margin: 0; } .messages__item + .messages__item { margin-top: 0.769em; } /* See .color-success in Seven's colors.css */ .messages--status { color: #325e1c; background-color: #f3faef; border-color: #c9e1bd #c9e1bd #c9e1bd transparent; /* LTR */ background-image: url(/misc/icons/73b355/check.svg); box-shadow: -8px 0 0 #77b259; /* LTR */ } [dir="rtl"] .messages--status { border-color: #c9e1bd transparent #c9e1bd #c9e1bd; box-shadow: 8px 0 0 #77b259; margin-left: 0; } /* See .color-warning in Seven's colors.css */ .messages--warning { background-color: #fdf8ed; background-image: url(/misc/icons/e29700/warning.svg); border-color: #f4daa6 #f4daa6 #f4daa6 transparent; /* LTR */ color: #734c00; box-shadow: -8px 0 0 #e09600; /* LTR */ } [dir="rtl"] .messages--warning { border-color: #f4daa6 transparent #f4daa6 #f4daa6; box-shadow: 8px 0 0 #e09600; } /* See .color-error in Seven's colors.css */ .messages--error { background-color: #fcf4f2; color: #a51b00; background-image: url(/misc/icons/e32700/error.svg); border-color: #f9c9bf #f9c9bf #f9c9bf transparent; /* LTR */ box-shadow: -8px 0 0 #e62600; /* LTR */ } [dir="rtl"] .messages--error { border-color: #f9c9bf transparent #f9c9bf #f9c9bf; box-shadow: 8px 0 0 #e62600; } .messages--error p.error { color: #a51b00; } /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 6px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 6px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #CCC; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #42b5ee; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #FFF; filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #42b5ee; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(css/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : Nov 12, 2018, 3:00:00 PM Author : Kinan.Karhali */ header .branding { float: left; text-align: left; } .topbar-content .pull-right{ float: right !important; } .language-switcher-language-url{ float: right; } #block-title{ float: left; } #block-title .title-fund{ text-align: left; } .language-switcher-language-url .links > li:after{ margin-left: auto; margin-right: 10px; } #block-gavias-megaland-search{ float: right; } #block-gavias-megaland-search::after{ margin-left: auto; margin-right: 10px; } /*#block-gavias-megaland-search .form-actions{ float: right; }*/ .jcarousel-skin-default .jcarousel li{ float: right; } .jcarousel-container-horizontal .views-field-body{ text-align: right; } .copyright .inline{ direction: ltr; padding-right: 0!important; } .drupal-message ._close{ right: auto; left: 5px; } .unv-news .post-style-list .post-block .post-image{ float: right; } .unv-news .post-style-list.small .post-content{ padding-left: 0px; padding-right: 30%; } .std-services, .colleges-sidebar, .college-content{ float: right; } .std-services-menu .gva_menu > li > a,.std-university .gva_menu > li > a, .colleges-menu .gva_menu > li > a, .special-menu .gva_menu > li > a{ padding: 10px 20px 0 0; } .std-services-menu .gva_menu > li > a:after,.std-university .gva_menu > li > a:after, .colleges-menu .gva_menu > li > a:after{ right: 0px; left: auto; } .unv-calendar-widget{ border-left: none; border-right: 8px solid #ba3430; } .fc-toolbar .fc-left .fc-prev-button{ float: right; } .fc-toolbar .fc-left .month-title{ float: right; } .unv-news, .unv-news .post-meta{ float: right; } .img-login-btn a{ right: auto; left: 7%; } .img-unv-name{ text-align: left; right: auto; } .nav-tabs > li{ float: right; } .special-sidebar{ padding: 20px 20px 0 0; } .faq-header{ right: 95px; left: auto; } .faq-content .panel .panel-heading .panel-title > a:after{ left: 0; right: auto; } .footer-first, .footer-second, .footer-third, .footer-four, .footer-five{ float: right; } .footer .block .block-title:after{ right: 0; left: auto; } .footer ul.menu > li a:after{ right: -15px; left: auto; } .face-book ul.inline > li{ margin-left: 0 !important; } #block-gavias-megaland-topbar ul.inline > li{ float: right; } #block-gavias-megaland-search #search-block-form input.form-submit{ background: url('images/icons/search-icon-ar.png')no-repeat center center #FFF; background-size: 50%; border: 1px solid #707070; border-left: none; /*border-radius: 0 15px 15px 0;*/ float: right; } #block-gavias-megaland-search #search-block-form input[type=search] { border: 1px solid #707070; border-right: none; } .post-style-list.small .post-image{ float: right; } .post-style-list.small .post-content{ padding-right: 105px; padding-left: 0px !important; } .footer .footer-second .first-column, .footer .footer-second .second-column{ float: right; } .footer .footer-second ul.menu{ padding-left: 0; } .hot-news-section .block-title, .breadcrumbs .block-views-blockhot-news-block-1 .block-title{ float: right; } /*.site-map-block .title:before { left: auto; right: 0; background: url(images/blue-triangle.png) no-repeat 0 0 transparent; }*/ .gsc-column{ padding-bottom: 5px; } .most-read-section .quicktabs-wrapper .quicktabs-main .item-list ul li.view-list-item .views-field-created, .local-news-section .block-title, .local-news-section .quicktabs-wrapper .quicktabs-main .item .views-field-field-image, .local-news-section .quicktabs-wrapper .quicktabs-main .local-news-attach .item .views-field-created{ float: right; } .local-news-section .quicktabs-wrapper .quicktabs-tabs, .sport-news-section .views-field-created{ float: left; } .sport-news-section .views-field-field-image{ float: right; margin-right: 0; margin-left: 20px; } .node-detail .post-block{ direction: rtl; } .node-detail .post-meta{ margin: 0; } .node-detail .post-meta .post-categories{ float: left; } ul.shs li{ float: right; } .sns-opinion-section .item .views-field-created{ float: right; } #block-views-block-related-topics-block-1 .block-content .item .views-field-field-image{ float: right; margin-right: 0; margin-left: 10px; } #block-views-block-related-topics-block-1 .block-content .item .views-field-created, .block-views-blocksns-opinion-block-1 .sns-opinion .item .views-field-created{ text-align: right; } .text-left{ text-align: right; } .item .views-field.views-field-created{ text-align: left; } .post-style-grid .col-lg-4.col-md-4.col-sm-6.col-xs-12{ float: right; } .field--name-field-image-source .field__label, .field--name-field-news-source .field__label{ margin: 0 0 15px 10px; } .views-view-grid .views-col, .align-left{ float: right; } .politic-page ul.quicktabs-tabs, .economy-page ul.quicktabs-tabs{ text-align: right; } .local-news-section .item .views-field-body, .local-news-section .item .views-field-title{ text-align: right; } .slogan .img-gif{ left: -50px; } @media (min-width: 992px) { .language-switcher-language-url .links{ padding-left: 0; padding-right: 10px; } .navigation .gva_menu .sub-menu{ right: 0; left: auto; } .navigation .gva_menu li a{ text-align: right !important; } .img-unv-name{ left: 7%; } .std-services{ right: 4%; width: 22%; margin: -5% 0 0 -3%; padding: 20px 30px 20px 0; } .std-university{ padding: 20px 30px 0 0; width: 23%; margin-left: 2%; } .unv-news{ width: 45%; } .contact-us-form{ float: right; border-right: none; border-left: 1px solid #707070; } .colleges-sidebar{ padding: 20px 30px 0 0; } .special-sidebar{ margin-right: 0; margin-left: 15px; } .faq-header .title{ right: 20.5em; left: auto; } .std-services .title, .std-university .title{ font-size: 21px !important; } .unv-map img{ margin: 3.5em -1.5em 2em 0; } .std-university .navigation .gva_menu li:after, .colleges-sidebar .navigation .gva_menu li:after{ right: -40px; left: auto; } #block-gavias-megaland-search #search-block-form input[type=search] { padding-right: 10px; /* border-radius: 15px 0 0 15px;*/ } #block-gavias-megaland-topbar{ float: right; } } @media (max-width: 991px) { .language-switcher-language-url{ padding: 20px 20px 20px 0; } .language-switcher-language-url .links{ padding-right: 0; } .gva-offcanvas-mobile .gva-navigation .gva_menu li a .icaret{ left: -15px; right: auto; } .gva-offcanvas-mobile .gva-navigation .gva_menu li a .icaret:before{ left: 80% !important; } ul.topbar-links{ padding-right: 0; } .img-unv-name{ left: 7%; } .colleges-sidebar{ display: none; } .faq-header .title{ left: auto; right: 5em; } .topbar-content input[id^='edit-keys']{ padding-left: 0; padding-right: 10px; } #block-gavias-megaland-search .form-search { /*border-radius: 15px 0 0 15px;*/ } }