/* Minification failed. Returning unminified contents. (4145,9): run-time error CSS1036: Expected expression, found '#' */ @font-face{font-family:'FontAwesome';src:url(/assets/fonts/fontawesome-webfont.eot?v=3.2.1);src:url(/assets/fonts/fontawesome-webfont.eot?#iefix&v=3.2.1) format('embedded-opentype'),url(/assets/fonts/fontawesome-webfont.woff?v=3.2.1) format('woff'),url(/assets/fonts/fontawesome-webfont.ttf?v=3.2.1) format('truetype'),url(/assets/fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1) format('svg');font-weight:normal;font-style:normal;}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;} [class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none;} .icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em;} a [class^="icon-"],a [class*=" icon-"]{display:inline;} [class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.1428571428571428em;text-align:right;padding-right:0.2857142857142857em;}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.4285714285714286em;} .icons-ul{margin-left:2.142857142857143em;list-style-type:none;}.icons-ul>li{position:relative;} .icons-ul .icon-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;text-align:center;line-height:inherit;} [class^="icon-"].hide,[class*=" icon-"].hide{display:none;} .icon-muted{color:#eeeeee;} .icon-light{color:#ffffff;} .icon-dark{color:#333333;} .icon-border{border:solid 1px #eeeeee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .icon-2x{font-size:2em;}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .icon-3x{font-size:3em;}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .icon-4x{font-size:4em;}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;} .icon-5x{font-size:5em;}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;} .pull-right{float:right;} .pull-left{float:left;} [class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em;} [class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em;} [class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0;} .icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none;} .btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em;} .btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block;} .nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em;} .btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em;} .btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em;} .btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em;} .btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0;}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em;} .btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em;} .btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em;} .nav-list [class^="icon-"],.nav-list [class*=" icon-"]{line-height:inherit;} .icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%;}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{display:block;text-align:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em;} .icon-stack .icon-stack-base{font-size:2em;*line-height:1em;} .icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;} a .icon-stack,a .icon-spin{display:inline-block;text-decoration:none;} @-moz-keyframes spin{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(359deg);}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);} .icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);} .icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);} .icon-flip-horizontal:before{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1);} .icon-flip-vertical:before{-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1);} a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block;} .icon-glass:before{content:"\f000";} .icon-music:before{content:"\f001";} .icon-search:before{content:"\f002";} .icon-envelope-alt:before{content:"\f003";} .icon-heart:before{content:"\f004";} .icon-star:before{content:"\f005";} .icon-star-empty:before{content:"\f006";} .icon-user:before{content:"\f007";} .icon-film:before{content:"\f008";} .icon-th-large:before{content:"\f009";} .icon-th:before{content:"\f00a";} .icon-th-list:before{content:"\f00b";} .icon-ok:before{content:"\f00c";} .icon-remove:before{content:"\f00d";} .icon-zoom-in:before{content:"\f00e";} .icon-zoom-out:before{content:"\f010";} .icon-power-off:before,.icon-off:before{content:"\f011";} .icon-signal:before{content:"\f012";} .icon-gear:before,.icon-cog:before{content:"\f013";} .icon-trash:before{content:"\f014";} .icon-home:before{content:"\f015";} .icon-file-alt:before{content:"\f016";} .icon-time:before{content:"\f017";} .icon-road:before{content:"\f018";} .icon-download-alt:before{content:"\f019";} .icon-download:before{content:"\f01a";} .icon-upload:before{content:"\f01b";} .icon-inbox:before{content:"\f01c";} .icon-play-circle:before{content:"\f01d";} .icon-rotate-right:before,.icon-repeat:before{content:"\f01e";} .icon-refresh:before{content:"\f021";} .icon-list-alt:before{content:"\f022";} .icon-lock:before{content:"\f023";} .icon-flag:before{content:"\f024";} .icon-headphones:before{content:"\f025";} .icon-volume-off:before{content:"\f026";} .icon-volume-down:before{content:"\f027";} .icon-volume-up:before{content:"\f028";} .icon-qrcode:before{content:"\f029";} .icon-barcode:before{content:"\f02a";} .icon-tag:before{content:"\f02b";} .icon-tags:before{content:"\f02c";} .icon-book:before{content:"\f02d";} .icon-bookmark:before{content:"\f02e";} .icon-print:before{content:"\f02f";} .icon-camera:before{content:"\f030";} .icon-font:before{content:"\f031";} .icon-bold:before{content:"\f032";} .icon-italic:before{content:"\f033";} .icon-text-height:before{content:"\f034";} .icon-text-width:before{content:"\f035";} .icon-align-left:before{content:"\f036";} .icon-align-center:before{content:"\f037";} .icon-align-right:before{content:"\f038";} .icon-align-justify:before{content:"\f039";} .icon-list:before{content:"\f03a";} .icon-indent-left:before{content:"\f03b";} .icon-indent-right:before{content:"\f03c";} .icon-facetime-video:before{content:"\f03d";} .icon-picture:before{content:"\f03e";} .icon-pencil:before{content:"\f040";} .icon-map-marker:before{content:"\f041";} .icon-adjust:before{content:"\f042";} .icon-tint:before{content:"\f043";} .icon-edit:before{content:"\f044";} .icon-share:before{content:"\f045";} .icon-check:before{content:"\f046";} .icon-move:before{content:"\f047";} .icon-step-backward:before{content:"\f048";} .icon-fast-backward:before{content:"\f049";} .icon-backward:before{content:"\f04a";} .icon-play:before{content:"\f04b";} .icon-pause:before{content:"\f04c";} .icon-stop:before{content:"\f04d";} .icon-forward:before{content:"\f04e";} .icon-fast-forward:before{content:"\f050";} .icon-step-forward:before{content:"\f051";} .icon-eject:before{content:"\f052";} .icon-chevron-left:before{content:"\f053";} .icon-chevron-right:before{content:"\f054";} .icon-plus-sign:before{content:"\f055";} .icon-minus-sign:before{content:"\f056";} .icon-remove-sign:before{content:"\f057";} .icon-ok-sign:before{content:"\f058";} .icon-question-sign:before{content:"\f059";} .icon-info-sign:before{content:"\f05a";} .icon-screenshot:before{content:"\f05b";} .icon-remove-circle:before{content:"\f05c";} .icon-ok-circle:before{content:"\f05d";} .icon-ban-circle:before{content:"\f05e";} .icon-arrow-left:before{content:"\f060";} .icon-arrow-right:before{content:"\f061";} .icon-arrow-up:before{content:"\f062";} .icon-arrow-down:before{content:"\f063";} .icon-mail-forward:before,.icon-share-alt:before{content:"\f064";} .icon-resize-full:before{content:"\f065";} .icon-resize-small:before{content:"\f066";} .icon-plus:before{content:"\f067";} .icon-minus:before{content:"\f068";} .icon-asterisk:before{content:"\f069";} .icon-exclamation-sign:before{content:"\f06a";} .icon-gift:before{content:"\f06b";} .icon-leaf:before{content:"\f06c";} .icon-fire:before{content:"\f06d";} .icon-eye-open:before{content:"\f06e";} .icon-eye-close:before{content:"\f070";} .icon-warning-sign:before{content:"\f071";} .icon-plane:before{content:"\f072";} .icon-calendar:before{content:"\f073";} .icon-random:before{content:"\f074";} .icon-comment:before{content:"\f075";} .icon-magnet:before{content:"\f076";} .icon-chevron-up:before{content:"\f077";} .icon-chevron-down:before{content:"\f078";} .icon-retweet:before{content:"\f079";} .icon-shopping-cart:before{content:"\f07a";} .icon-folder-close:before{content:"\f07b";} .icon-folder-open:before{content:"\f07c";} .icon-resize-vertical:before{content:"\f07d";} .icon-resize-horizontal:before{content:"\f07e";} .icon-bar-chart:before{content:"\f080";} .icon-twitter-sign:before{content:"\f081";} .icon-facebook-sign:before{content:"\f082";} .icon-camera-retro:before{content:"\f083";} .icon-key:before{content:"\f084";} .icon-gears:before,.icon-cogs:before{content:"\f085";} .icon-comments:before{content:"\f086";} .icon-thumbs-up-alt:before{content:"\f087";} .icon-thumbs-down-alt:before{content:"\f088";} .icon-star-half:before{content:"\f089";} .icon-heart-empty:before{content:"\f08a";} .icon-signout:before{content:"\f08b";} .icon-linkedin-sign:before{content:"\f08c";} .icon-pushpin:before{content:"\f08d";} .icon-external-link:before{content:"\f08e";} .icon-signin:before{content:"\f090";} .icon-trophy:before{content:"\f091";} .icon-github-sign:before{content:"\f092";} .icon-upload-alt:before{content:"\f093";} .icon-lemon:before{content:"\f094";} .icon-phone:before{content:"\f095";} .icon-unchecked:before,.icon-check-empty:before{content:"\f096";} .icon-bookmark-empty:before{content:"\f097";} .icon-phone-sign:before{content:"\f098";} .icon-twitter:before{content:"\f099";} .icon-facebook:before{content:"\f09a";} .icon-github:before{content:"\f09b";} .icon-unlock:before{content:"\f09c";} .icon-credit-card:before{content:"\f09d";} .icon-rss:before{content:"\f09e";} .icon-hdd:before{content:"\f0a0";} .icon-bullhorn:before{content:"\f0a1";} .icon-bell:before{content:"\f0a2";} .icon-certificate:before{content:"\f0a3";} .icon-hand-right:before{content:"\f0a4";} .icon-hand-left:before{content:"\f0a5";} .icon-hand-up:before{content:"\f0a6";} .icon-hand-down:before{content:"\f0a7";} .icon-circle-arrow-left:before{content:"\f0a8";} .icon-circle-arrow-right:before{content:"\f0a9";} .icon-circle-arrow-up:before{content:"\f0aa";} .icon-circle-arrow-down:before{content:"\f0ab";} .icon-globe:before{content:"\f0ac";} .icon-wrench:before{content:"\f0ad";} .icon-tasks:before{content:"\f0ae";} .icon-filter:before{content:"\f0b0";} .icon-briefcase:before{content:"\f0b1";} .icon-fullscreen:before{content:"\f0b2";} .icon-group:before{content:"\f0c0";} .icon-link:before{content:"\f0c1";} .icon-cloud:before{content:"\f0c2";} .icon-beaker:before{content:"\f0c3";} .icon-cut:before{content:"\f0c4";} .icon-copy:before{content:"\f0c5";} .icon-paperclip:before,.icon-paper-clip:before{content:"\f0c6";} .icon-save:before{content:"\f0c7";} .icon-sign-blank:before{content:"\f0c8";} .icon-reorder:before{content:"\f0c9";} .icon-list-ul:before{content:"\f0ca";} .icon-list-ol:before{content:"\f0cb";} .icon-strikethrough:before{content:"\f0cc";} .icon-underline:before{content:"\f0cd";} .icon-table:before{content:"\f0ce";} .icon-magic:before{content:"\f0d0";} .icon-truck:before{content:"\f0d1";} .icon-pinterest:before{content:"\f0d2";} .icon-pinterest-sign:before{content:"\f0d3";} .icon-google-plus-sign:before{content:"\f0d4";} .icon-google-plus:before{content:"\f0d5";} .icon-money:before{content:"\f0d6";} .icon-caret-down:before{content:"\f0d7";} .icon-caret-up:before{content:"\f0d8";} .icon-caret-left:before{content:"\f0d9";} .icon-caret-right:before{content:"\f0da";} .icon-columns:before{content:"\f0db";} .icon-sort:before{content:"\f0dc";} .icon-sort-down:before{content:"\f0dd";} .icon-sort-up:before{content:"\f0de";} .icon-envelope:before{content:"\f0e0";} .icon-linkedin:before{content:"\f0e1";} .icon-rotate-left:before,.icon-undo:before{content:"\f0e2";} .icon-legal:before{content:"\f0e3";} .icon-dashboard:before{content:"\f0e4";} .icon-comment-alt:before{content:"\f0e5";} .icon-comments-alt:before{content:"\f0e6";} .icon-bolt:before{content:"\f0e7";} .icon-sitemap:before{content:"\f0e8";} .icon-umbrella:before{content:"\f0e9";} .icon-paste:before{content:"\f0ea";} .icon-lightbulb:before{content:"\f0eb";} .icon-exchange:before{content:"\f0ec";} .icon-cloud-download:before{content:"\f0ed";} .icon-cloud-upload:before{content:"\f0ee";} .icon-user-md:before{content:"\f0f0";} .icon-stethoscope:before{content:"\f0f1";} .icon-suitcase:before{content:"\f0f2";} .icon-bell-alt:before{content:"\f0f3";} .icon-coffee:before{content:"\f0f4";} .icon-food:before{content:"\f0f5";} .icon-file-text-alt:before{content:"\f0f6";} .icon-building:before{content:"\f0f7";} .icon-hospital:before{content:"\f0f8";} .icon-ambulance:before{content:"\f0f9";} .icon-medkit:before{content:"\f0fa";} .icon-fighter-jet:before{content:"\f0fb";} .icon-beer:before{content:"\f0fc";} .icon-h-sign:before{content:"\f0fd";} .icon-plus-sign-alt:before{content:"\f0fe";} .icon-double-angle-left:before{content:"\f100";} .icon-double-angle-right:before{content:"\f101";} .icon-double-angle-up:before{content:"\f102";} .icon-double-angle-down:before{content:"\f103";} .icon-angle-left:before{content:"\f104";} .icon-angle-right:before{content:"\f105";} .icon-angle-up:before{content:"\f106";} .icon-angle-down:before{content:"\f107";} .icon-desktop:before{content:"\f108";} .icon-laptop:before{content:"\f109";} .icon-tablet:before{content:"\f10a";} .icon-mobile-phone:before{content:"\f10b";} .icon-circle-blank:before{content:"\f10c";} .icon-quote-left:before{content:"\f10d";} .icon-quote-right:before{content:"\f10e";} .icon-spinner:before{content:"\f110";} .icon-circle:before{content:"\f111";} .icon-mail-reply:before,.icon-reply:before{content:"\f112";} .icon-github-alt:before{content:"\f113";} .icon-folder-close-alt:before{content:"\f114";} .icon-folder-open-alt:before{content:"\f115";} .icon-expand-alt:before{content:"\f116";} .icon-collapse-alt:before{content:"\f117";} .icon-smile:before{content:"\f118";} .icon-frown:before{content:"\f119";} .icon-meh:before{content:"\f11a";} .icon-gamepad:before{content:"\f11b";} .icon-keyboard:before{content:"\f11c";} .icon-flag-alt:before{content:"\f11d";} .icon-flag-checkered:before{content:"\f11e";} .icon-terminal:before{content:"\f120";} .icon-code:before{content:"\f121";} .icon-reply-all:before{content:"\f122";} .icon-mail-reply-all:before{content:"\f122";} .icon-star-half-full:before,.icon-star-half-empty:before{content:"\f123";} .icon-location-arrow:before{content:"\f124";} .icon-crop:before{content:"\f125";} .icon-code-fork:before{content:"\f126";} .icon-unlink:before{content:"\f127";} .icon-question:before{content:"\f128";} .icon-info:before{content:"\f129";} .icon-exclamation:before{content:"\f12a";} .icon-superscript:before{content:"\f12b";} .icon-subscript:before{content:"\f12c";} .icon-eraser:before{content:"\f12d";} .icon-puzzle-piece:before{content:"\f12e";} .icon-microphone:before{content:"\f130";} .icon-microphone-off:before{content:"\f131";} .icon-shield:before{content:"\f132";} .icon-calendar-empty:before{content:"\f133";} .icon-fire-extinguisher:before{content:"\f134";} .icon-rocket:before{content:"\f135";} .icon-maxcdn:before{content:"\f136";} .icon-chevron-sign-left:before{content:"\f137";} .icon-chevron-sign-right:before{content:"\f138";} .icon-chevron-sign-up:before{content:"\f139";} .icon-chevron-sign-down:before{content:"\f13a";} .icon-html5:before{content:"\f13b";} .icon-css3:before{content:"\f13c";} .icon-anchor:before{content:"\f13d";} .icon-unlock-alt:before{content:"\f13e";} .icon-bullseye:before{content:"\f140";} .icon-ellipsis-horizontal:before{content:"\f141";} .icon-ellipsis-vertical:before{content:"\f142";} .icon-rss-sign:before{content:"\f143";} .icon-play-sign:before{content:"\f144";} .icon-ticket:before{content:"\f145";} .icon-minus-sign-alt:before{content:"\f146";} .icon-check-minus:before{content:"\f147";} .icon-level-up:before{content:"\f148";} .icon-level-down:before{content:"\f149";} .icon-check-sign:before{content:"\f14a";} .icon-edit-sign:before{content:"\f14b";} .icon-external-link-sign:before{content:"\f14c";} .icon-share-sign:before{content:"\f14d";} .icon-compass:before{content:"\f14e";} .icon-collapse:before{content:"\f150";} .icon-collapse-top:before{content:"\f151";} .icon-expand:before{content:"\f152";} .icon-euro:before,.icon-eur:before{content:"\f153";} .icon-gbp:before{content:"\f154";} .icon-dollar:before,.icon-usd:before{content:"\f155";} .icon-rupee:before,.icon-inr:before{content:"\f156";} .icon-yen:before,.icon-jpy:before{content:"\f157";} .icon-renminbi:before,.icon-cny:before{content:"\f158";} .icon-won:before,.icon-krw:before{content:"\f159";} .icon-bitcoin:before,.icon-btc:before{content:"\f15a";} .icon-file:before{content:"\f15b";} .icon-file-text:before{content:"\f15c";} .icon-sort-by-alphabet:before{content:"\f15d";} .icon-sort-by-alphabet-alt:before{content:"\f15e";} .icon-sort-by-attributes:before{content:"\f160";} .icon-sort-by-attributes-alt:before{content:"\f161";} .icon-sort-by-order:before{content:"\f162";} .icon-sort-by-order-alt:before{content:"\f163";} .icon-thumbs-up:before{content:"\f164";} .icon-thumbs-down:before{content:"\f165";} .icon-youtube-sign:before{content:"\f166";} .icon-youtube:before{content:"\f167";} .icon-xing:before{content:"\f168";} .icon-xing-sign:before{content:"\f169";} .icon-youtube-play:before{content:"\f16a";} .icon-dropbox:before{content:"\f16b";} .icon-stackexchange:before{content:"\f16c";} .icon-instagram:before{content:"\f16d";} .icon-flickr:before{content:"\f16e";} .icon-adn:before{content:"\f170";} .icon-bitbucket:before{content:"\f171";} .icon-bitbucket-sign:before{content:"\f172";} .icon-tumblr:before{content:"\f173";} .icon-tumblr-sign:before{content:"\f174";} .icon-long-arrow-down:before{content:"\f175";} .icon-long-arrow-up:before{content:"\f176";} .icon-long-arrow-left:before{content:"\f177";} .icon-long-arrow-right:before{content:"\f178";} .icon-apple:before{content:"\f179";} .icon-windows:before{content:"\f17a";} .icon-android:before{content:"\f17b";} .icon-linux:before{content:"\f17c";} .icon-dribbble:before{content:"\f17d";} .icon-skype:before{content:"\f17e";} .icon-foursquare:before{content:"\f180";} .icon-trello:before{content:"\f181";} .icon-female:before{content:"\f182";} .icon-male:before{content:"\f183";} .icon-gittip:before{content:"\f184";} .icon-sun:before{content:"\f185";} .icon-moon:before{content:"\f186";} .icon-archive:before{content:"\f187";} .icon-bug:before{content:"\f188";} .icon-vk:before{content:"\f189";} .icon-weibo:before{content:"\f18a";} .icon-renren:before{content:"\f18b";} /* remove rounds from all elements */ div, input, select, textarea, span, img, table, td, th, p, a, button, ul, code, pre, li { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } /*** Buttons & Dropdown Buttons ***/ .btn { border-width: 0; padding: 7px 14px; font-size: 14px; outline: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-text-shadow: none; -moz-text-shadow: none; text-shadow: none; } /* fix jumping group buttons */ .btn-group.btn-group-solid .btn + .btn, .btn-group.btn-group-solid .btn + .btn-group.btn-group-solid, .btn-group.btn-group-solid .btn-group.btn-group-solid + .btn, .btn-group.btn-group-solid .btn-group.btn-group-solid + .btn-group.btn-group-solid { margin-left: 0px; } .btn-group-vertical.btn-group-solid > .btn + .btn, .btn-group-vertical.btn-group-solid > .btn + .btn-group, .btn-group-vertical.btn-group-solid > .btn-group + .btn, .btn-group-vertical.btn-group-solid > .btn-group + .btn-group { margin-top: 0px; margin-left: 0; } .btn-default { border-width: 1px; padding: 6px 13px; } .btn.red-stripe { border-left: 3px solid #d84a38; } .btn.blue-stripe { border-left: 3px solid #4d90fe; } .btn.purple-stripe { border-left: 3px solid #852b99; } .btn.green-stripe { border-left: 3px solid #35aa47; } .btn.yellow-stripe { border-left: 3px solid #ffb848; } .btn.dark-stripe { border-left: 3px solid #555555; } .btn.default { color: #333333; text-shadow: none; background-color: #e5e5e5; } .btn.default:hover, .btn.default:focus, .btn.default:active, .btn.default.active, .btn.default[disabled], .btn.default.disabled { color: #333333; background-color: #d8d8d8 !important; outline: none !important; } /* Red */ .btn.red { color: white; text-shadow: none; background-color: #d84a38; } .btn.red:hover, .btn.red:focus, .btn.red:active, .btn.red.active, .btn.red[disabled], .btn.red.disabled { background-color: #bb2413 !important; color: #fff !important; outline: none !important; } /* Blue */ .btn.blue { color: white; text-shadow: none; background-color: #4d90fe; } .btn.blue:hover, .btn.blue:focus, .btn.blue:active, .btn.blue.active, .btn.blue[disabled], .btn.blue.disabled { background-color: #0362fd !important; color: #fff !important; outline: none !important; } .btn-group .btn.blue.dropdown-toggle { background-color: #4d90fe !important; } .btn-group .btn.blue:hover, .btn-group .btn.blue:focus, .btn-group .btn.blue:active, .btn-group .btn.blue.active, .btn-group .btn.blue.disabled, .btn-group .btn.blue[disabled] { background-color: #0362fd !important; color: #fff !important; outline: none !important; } /* Green */ .btn.green { color: white; text-shadow: none; background-color: #35aa47; } .btn.green:hover, .btn.green:focus, .btn.green:active, .btn.green.active, .btn.green.disabled, .btn.green[disabled]{ background-color: #1d943b !important; color: #fff !important; outline: none !important; } /* Purple */ .btn.purple { color: white; text-shadow: none; background-color: #852b99; } .btn.purple:hover, .btn.purple:focus, .btn.purple:active, .btn.purple.active, .btn.purple.disabled, .btn.purple[disabled] { background-color: #6d1b81 !important; color: #fff !important; outline: none !important; } .btn-group .btn.purple.dropdown-toggle { background-color: #852b99 !important; } .btn-group .btn.purple:hover, .btn-group .btn.purple:focus, .btn-group .btn.purple:active, .btn-group .btn.purple.active, .btn-group .btn.purple.disabled, .btn-group .btn.purple[disabled] { background-color: #6d1b81 !important; color: #fff !important; outline: none !important; } /* Yellow */ .btn.yellow { color: white; text-shadow: none; background-color: #ffb848; } .btn.yellow:hover, .btn.yellow:focus, .btn.yellow:active, .btn.yellow.active, .btn.yellow.disabled, .btn.yellow[disabled] { background-color: #eca22e !important; color: #fff !important; outline: none !important; } .btn-group .btn.yellow.dropdown-toggle { background-color: #ffb848 !important; } .btn-group .btn.yellow:hover, .btn-group .btn.yellow:focus, .btn-group .btn.yellow:active, .btn-group .btn.yellow.active, .btn-group .btn.yellow.disabled, .btn-group .btn.yellow[disabled] { background-color: #eca22e !important; color: #fff !important; outline: none !important; } /* Black */ .btn.dark { color: white; text-shadow: none; background-color: #555555; } .btn.dark:hover, .btn.dark:focus, .btn.dark:active, .btn.dark.active, .btn.dark.disabled, .btn.dark[disabled] { background-color: #222222 !important; color: #fff !important; outline: none !important; } .btn-group .btn.dark.dropdown-toggle { background-color: #555555 !important; } .btn-group .btn.dark:hover, .btn-group .btn.dark:focus, .btn-group .btn.dark:active, .btn-group .btn.dark.active, .btn-group .btn.dark.disabled, .btn-group .btn.dark[disabled] { background-color: #222222 !important; color: #fff !important; outline: none !important; } .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.33; vertical-align: middle; } .btn-lg > i { font-size: 18px; } .btn > i { font-size: 14px; } .btn-sm, .btn-xs { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .btn-sm > i, .btn-xs > i { font-size: 13px; } .btn-xs { padding: 1px 5px; } .btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; } /*** Metro icons ***/ [class^="m-icon-"] { display: inline-block; width: 14px; height: 14px;; margin-top: 3px; line-height: 14px; vertical-align: top; background-image: url(/assets-client/img/syncfusion-icons.png); background-position: 0 0; background-repeat: no-repeat; } [class^="m-icon-big-"] { display: inline-block; width: 30px; height: 30px; margin: 6px; vertical-align: middle; background-image: url(/assets-client/img/syncfusion-icons.png); background-position: 0 0px; background-repeat: no-repeat; } /* large icons */ .btn.m-icon-big { padding: 9px 16px 8px 16px; } .btn.m-icon-big.m-icon-only{ padding: 9px 8px 8px 0px; } .btn.m-icon-big [class^="m-icon-big-"] { margin: 0 0 0 10px; } .btn.m-icon-ony > i { margin-left: 0px; } /* default icons */ .btn.m-icon { padding: 7px 14px 7px 14px; } .btn.m-icon [class^="m-icon-"] { margin: 4px 0 0 5px; } .btn.m-icon.m-icon-only { padding: 7px 10px 7px 6px; } /* white icon */ .m-icon-white { background-image: url(/assets-client/img/syncfusion-icons-white.png); } /* Misc */ .m-icon-swapright { background-position: -27px -10px; } .m-icon-swapdown { background-position: -68px -10px; } .m-icon-swapleft { background-position: -8px -10px; } .m-icon-swapup { background-position: -46px -10px; } .m-icon-big-swapright{ background-position: -42px -28px; } .m-icon-big-swapdown{ background-position: -115px -28px; } .m-icon-big-swapleft{ background-position: -6px -28px; } .m-icon-big-swapup{ background-position: -78px -28px; } /*** Popover ***/ .popover { -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2); padding: 0 !important; } .popover .popover-title { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; margin: 0 !important; } .info .popover .popover-title, .popover.info .popover-title, .info .popover .popover-content, .popover.info .popover-content { color:#27a9e3; } .success .popover .popover-title, .popover.success .popover-title, .success .popover .popover-content, .popover.success .popover-content { color:#468847; } .error .popover .popover-title, .popover.error .popover-title, .error .popover .popover-content, .popover.error .popover-content { color:#B94A48; } .warning .popover .popover-title, .popover.warning .popover-title, .warning .popover .popover-content, .popover.warning .popover-content { color:#C09853; } /*** Dropdown ***/ /*Fixing dropdown issue on mobile devices in Bootstrap 3.2.2*/ .dropdown-backdrop { position: static; } .dropdown:hover .caret, .open.dropdown .caret { opacity: 1; filter: alpha(opacity=100); } .dropdown.open .dropdown-toggle { color: #08c; background: #ccc; background: rgba(0, 0, 0, 0.3); } /*** Dropdown Menu ***/ .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; list-style: none; text-shadow: none; padding: 0px; margin:0px; background-color: #ffffff; -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); font-size: 14px; font-family: "Segoe UI",Helvetica, Arial, sans-serif; border: 1px solid #ddd; } .dropdown.inline .dropdown-menu { display: inline-block; position: relative; } .dropdown-menu.bottom-up { top: auto; bottom: 100%; margin-bottom: 2px; } .dropdown-menu li > a { padding: 6px 0 6px 13px; color: #333; text-decoration: none; display: block; clear: both; font-weight: normal; line-height: 18px; white-space: nowrap; } .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover { text-decoration: none; background-image: none; background-color: #eee; color: #333; filter:none; } /* dropdown sub menu support for Bootsrap 3 */ .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropup .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom: -2px; } .dropdown-submenu > a:after { position: absolute; display: inline-block; font-size: 14px; right: 7px; top: 9px; font-family: FontAwesome; height: auto; content: "\f105"; font-weight: 300; } /* hack for chrome and safari */ @media all and (-webkit-min-device-pixel-ratio:0) { .dropdown-submenu > a:after { top: 7px; } } .ie1 .dropdown-submenu > a:after { margin-top: 2px; } .dropdown-submenu:hover > a:after { border-left-color: #ffffff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; } .nav.pull-right > li > .dropdown-menu, .nav > li > .dropdown-menu.pull-right { right: 0; left: auto; } .nav.pull-right > li > .dropdown-menu:before, .nav > li > .dropdown-menu.pull-right:before { right: 12px; left: auto; } .nav.pull-right > li > .dropdown-menu:after, .nav > li > .dropdown-menu.pull-right:after { right: 13px; left: auto; } .nav.pull-right > li > .dropdown-menu .dropdown-menu, .nav > li > .dropdown-menu.pull-right .dropdown-menu { right: 100%; left: auto; margin-right: -1px; margin-left: 0; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: absolute; float: left; width: auto; margin-top: 0; background-color: #ffffff; border: 1px solid #ddd; -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); } .navbar-nav .open .dropdown-menu > li > a { padding: 6px 0 6px 13px; color: #333 !important; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-color: #eee !important; } } /* bagin: sidebar menu badges */ /*** Dropdown Checkboxes (in v1.3) ***/ .dropdown-checkboxes { padding: 5px; } .dropdown-checkboxes label { display: block; font-weight: 300; color: #333; margin-bottom: 4px; margin-top: 4px; } /*** Dropdown Menu Badges ***/ .dropdown-menu > li > a > .badge { position: absolute; margin-top: 1px; right: 3px; display: inline; font-size: 11px; font-weight: 300; text-shadow:none; height: 18px; padding: 3px 6px 3px 6px; text-align: center; vertical-align: middle; -webkit-border-radius: 12px !important; -moz-border-radius: 12px !important; border-radius: 12px !important; } .dropdown-menu > li > a > .badge.badge-roundless { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } /* end: sidebar menu badges */ /*** Forms ***/ code { border: 1px solid #e1e1e1; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); } label { font-weight: 400; font-size: 14px; } .form-control:-moz-placeholder { color: #999999; } .form-control::-moz-placeholder { color: #999999; } .form-control:-ms-input-placeholder { color: #999999; } .form-control::-webkit-input-placeholder { color: #999999; } .form-control { font-size: 14px; font-weight: normal; font-family1: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333333; background-color: #ffffff; border: 1px solid #e5e5e5; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus { border-color: #999999; outline: 0; -webkit-box-shadow: none !important; box-shadow: none !important; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eeeeee; } .uneditable-input { padding: 6px 12px; min-width: 206px; font-size: 14px; font-weight: normal; height: 34px; color: #333333; background-color: #ffffff; border: 1px solid #e5e5e5; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } label.form-control { display: block; margin-bottom: 5px; } input[disabled], select[disabled], textarea[disabled] { cursor: not-allowed; background-color: #F4F4F4 !important; } input[readonly], select[readonly], textarea[readonly] { cursor: not-allowed; background-color: #F9F9F9 !important; } /* input groups */ .input-group.input-group-fixed { width: auto !important; } .input-group-addon { border-color: #e5e5e5; background: #e5e5e5; } .input-group-addon > i { color: #999; } /* form control sizing */ .form-control-inline { display: inline-block !important; } .input-xsmall { width: 60px !important; } .input-small { width: 120px !important; } .input-medium { width: 240px !important; } .input-large { width: 320px !important; } .input-xlarge { width: 480px !important; } /*** Input spinner(in v1.4) ***/ input[type="text"].spinner, input[type="password"].spinner, input[type="datetime"].spinner, input[type="datetime-local"].spinner, input[type="date"].spinner, input[type="month"].spinner, input[type="time"].spinner, input[type="week"].spinner, input[type="number"].spinner, input[type="email"].spinner, input[type="url"].spinner, input[type="search"].spinner, input[type="tel"].spinner, input[type="color"].spinner { background-image: url(/assets-client/img/input-spinner.gif) !important; background-repeat: no-repeat; background-position: right 8px; } @media (max-width: 768px) { .input-large { width: 250px !important; } .input-xlarge { width: 300px !important; } } /*** Error States ***/ .has-warning .help-inline, .has-warning .help-block, .has-warning .control-label { color: #c09853; } .has-warning .form-control { border-color: #c09853; -webkit-box-shadow: none; box-shadow: none; } .has-warning .form-control:focus { border-color: #a47e3c; -webkit-box-shadow: none; box-shadow: none; } .has-warning .input-group-addon { color: #c09853; background-color: #fcf8e3; border-color: #c09853; } .has-error .help-inline, .has-error .help-block, .has-error .control-label { color: #b94a48; } .has-error .form-control { border-color: #b94a48; -webkit-box-shadow: none; box-shadow: none; } .has-error .form-control:focus { border-color: #953b39; -webkit-box-shadow: none; box-shadow: none; } .has-error .input-group-addon { color: #b94a48; background-color: #f2dede; border-color: #b94a48; } .has-success .help-inline, .has-success .help-block, .has-success .control-label { color: #468847; } .has-success .form-control { border-color: #468847; -webkit-box-shadow: none; box-shadow: none; } .has-success .form-control:focus { border-color: #356635; -webkit-box-shadow: none; box-shadow: none; } .has-success .input-group-addon { color: #468847; background-color: #dff0d8; border-color: #468847; } /*** Custom label and badges ***/ .label, .badge { font-weight: 300; text-shadow: none !important; } .label { font-size: 12px; padding: 3px 6px 3px 6px; } .label.label-sm { font-size: 12px; padding: 1px 4px 1px 4px; } h1 .label, h2 .label, h3 .label, h4 .label, h5 .label, h6 .label, h7 .label { font-size: 75%; } .badge { font-size: 11px !important; font-weight: 300; text-align: center; background-color: #e02222; height: 18px; padding: 3px 6px 3px 6px; -webkit-border-radius: 12px !important; -moz-border-radius: 12px !important; border-radius: 12px !important; text-shadow:none !important; text-align: center; vertical-align: middle; } .badge.badge-roundless { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .badge-default, .label-default { background-color: #999 !important; } .badge-primary, .label-primary { background-color: #428bca !important; } .label-success, .badge-success { background-color: #3cc051; background-image: none !important; } .label-warning, .badge-warning { background-color: #fcb322; background-image: none !important; } .label-danger, .badge-danger { background-color: #ed4e2a; background-image: none !important; } .label-info, .badge-info { background-color: #57b5e3; background-image: none !important; } /* fix badge position for navs */ .nav.nav-pills > li > a > .badge { margin-top: -2px; } .nav.nav-stacked > li > a > .badge { margin-top: 1px; margin-bottom: 0px; } /*** Iconic Labels ***/ .label.label-icon { padding: 4px 1px 4px 5px; margin-right: 2px; text-align: center !important; } .ie9 .label.label-icon, .ie10 .label.label-icon { padding: 3px 0px 3px 3px; } .label.label-icon > i { font-size: 12px; text-align: center !important; } /*** Progress Bars ***/ .progress { border: 0; background-image: none !important; filter: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .progress > .progress-bar-success { background-color: #3cc051; } .progress > .progress-bar-danger { background-color: #ed4e2a; } .progress > .progress-bar-info { background-color: #57b5e3; } .progress > .progress-bar-warning { background-color: #fcb322; } /*** Pagination ***/ .pagination { margin: 10px 0; } .pagination .active > a, .pagination .active > a:hover { background: #eee; border-color: #dddddd; color: #333; } /*** wells ***/ .well { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } /* Bootstrap Tabs */ .dropup.open > .dropdown-toggle, .dropdown.open > .dropdown-toggle { border-color: #ddd !important; } .nav-tabs > li > .dropdown-menu:after, .nav-pills > li > .dropdown-menu:after, .navbar-nav > li > .dropdown-menu:after, .nav-tabs > li > .dropdown-menu:before, .nav-pills > li > .dropdown-menu:before, .navbar-nav > li > .dropdown-menu:before { display: none !important; } .nav-tabs > .dropdown.open > .dropdown-toggle, .nav-pills > .dropdown.open > .dropdown-toggle { background: #eee !important; color: #0d638f !important; } .nav-tabs, .nav-pills { margin-bottom: 10px; } .tabs-right > .nav-tabs, .tabs-left > .nav-tabs { border-bottom: 0; } .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { float: none; } .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { min-width: 74px; margin-right: 0; margin-bottom: 3px; } .tabs-left > .nav-tabs { float: left; margin-right: 19px; border-right: 1px solid #ddd; } .tabs-left > .nav-tabs > li > a { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus { border-color: #eeeeee #dddddd #eeeeee #eeeeee; } .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus { border-color: #ddd transparent #ddd #ddd; *border-right-color: #ffffff; } .tabs-right > .nav-tabs { float: right; margin-left: 19px; border-left: 1px solid #ddd; } .tabs-right > .nav-tabs > li > a { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .tabs-right > .nav-tabs > li > a:hover, .tabs-right > .nav-tabs > li > a:focus { border-color: #eeeeee #eeeeee #eeeeee #dddddd; } .tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover, .tabs-right > .nav-tabs .active > a:focus { border-color: #ddd #ddd #ddd transparent; *border-left-color: #ffffff; } .tabs-below > .nav-tabs, .tabs-below > .nav-pills { border-bottom: 0; margin-bottom: 0px; margin-top: 10px; } .tabs-below > .nav-tabs { border-top: 1px solid #ddd; margin-bottom: 0; margin-top: 10px; } .tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0; } .tabs-below > .nav-tabs > li > a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus { border-top-color: #ddd; border-bottom-color: transparent; } .tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover, .tabs-below > .nav-tabs > .active > a:focus { border-color: transparent #ddd #ddd #ddd; } /*** Bootstrap modal ***/ .modal { z-index: 10050 !important; outline: none !important; } .modal-header { border-bottom: 1px solid #EFEFEF; } .modal-header h3{ font-weight: 300; } .modal-wide { width: 60% !important; } .modal-full { width: 100% !important; } /*** Modal header close button fix ***/ .modal-header .close { margin-top: 0px !important; } .modal > .loading { position: absolute; top: 50%; left:50%; margin-top: -22px; margin-left: -22px; } .modal-backdrop { border: 0 !important; outline: none !important; z-index: 10049 !important; } .modal-backdrop, .modal-backdrop.fade.in { background-color: #333 !important; } .modal-open .header .container-fluid { padding-right: 37px; } body.modal-open{ } /*** Image Carousel ***/ .carousel.image-carousel .carousel-inner { padding-top: 0; padding-bottom: 0; } .carousel.image-carousel .carousel-control i { position: absolute; top:40%; } .carousel.image-carousel.image-carousel-hoverable .carousel-control i { display: none; } .carousel.image-carousel.image-carousel-hoverable:hover .carousel-control i { display: inline-block; } .carousel.image-carousel .carousel-control.left i { left:10px; } .carousel.image-carousel .carousel-control.right i { right:10px; } .carousel.image-carousel .carousel-indicators { margin-top: 10px; bottom: -7px; } .carousel.image-carousel .carousel-indicators li { background-color: #666; } .carousel.image-carousel .carousel-indicators li.active { background-color: #333; } .carousel.image-carousel .carousel-caption { position: absolute; right: 0; bottom: 0; left: 0; padding: 15px 15px 25px 15px; background: #333333; background: rgba(0, 0, 0, 0.75); } .carousel.image-carousel .carousel-caption h4, .carousel.image-carousel .carousel-caption h3, .carousel.image-carousel .carousel-caption h2, .carousel.image-carousel .carousel-caption p { text-align: left; line-height: 20px; color: #ffffff; } .carousel.image-carousel .carousel-caption h2, .carousel.image-carousel .carousel-caption h3, .carousel.image-carousel .carousel-caption h4 { margin: 0 0 5px; } .carousel.image-carousel .carousel-caption h2 a, .carousel.image-carousel .carousel-caption h3 a, .carousel.image-carousel .carousel-caption h4 a { color: #aaa; } .carousel.image-carousel .carousel-caption p { margin-bottom: 0; } .carousel.image-carousel .item { margin: 0; } /*** Bootstrap Tables ***/ .table thead > tr > th { border-bottom: 0; } /*** Bootstrap Panel ***/ .panel { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } /*** load open sans font from Google Fonts @import url(/assets-client/css/http:/fonts.googleapis.com/css?family=Open+Sans:400,300,600,700); ***/ /* load open sans font from local */ /*@import url(/assets-client/fonts/font.css);*/ /* General body settings */ body { color: #000; font-size:13px; direction: ltr; margin: 0 !important; padding: 0 !important; font-family: 'Barlow Semi Condensed', sans-serif !important; overflow-x: hidden; } /********************* GENERAL UI COLORS *********************/ /*** Colors ***/ .color-red { color: #e02222;} .color-blue { color: #0da3e2;} .color-grey { color: #555555;} .color-green { color: #35aa47;} .color-yellow { color: #ffb848;} .color-purple { color: #852b99;} .color-light-red { color: #ff5400;} .color-light-blue { color: #bfd5fa;} .color-light-grey { color: #fafafa;} .color-light-green { color: #78df1d;} /********************* GENERAL RESET & SETUP *********************/ /*** General typography ***/ h1, h2, h3, h4, h5, h6 { font-weight: 300; font-family: inherit; } h1.block, h2.block, h3.block, h4.block, h5.block, h6.block { padding-bottom: 10px; } h2, h2 a { color: #444; font-size: 21px; font-weight: 400; line-height: 26px; text-decoration: none; } h2 a:hover { color: #0da3e2; text-decoration: none; transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } h3 { color: #222; } /*** Apply fix for font awesome icons. ***/ [class^="icon-"], [class*=" icon-"], [class^="icon-"]:hover, [class*=" icon-"]:hover { background: none !important; } /*** Make font awesome icons fixed width(latest version issue) ***/ li [class^="icon-"], li [class*=" icon-"] { display: inline-block; width: 1.25em; text-align: center; } li [class^="icon-"].icon-large, li [class*=" icon-"].icon-large { /* increased font size for icon-large */ width: 1.5625em; } /*** ie8 & ie9 modes ***/ .visible-ie8 { display: none; } .ie8 .visible-ie8 { display: inherit !important; } .visible-ie9 { display: none; } .ie9 .visible-ie9 { display: inherit !important; } .hidden-ie8 { display: inherit; } .ie8 .hidden-ie8 { display: none !important; } .hidden-ie9 { display: inherit; } .ie9 .hidden-ie9 { display: none !important; } /*** General More Link ***/ a.more { font-size: 13px; font-weight: 400 !important; font-family: 'Barlow Semi Condensed', sans-serif !important; } a.more i { font-size: 12px; } /*** Fix link outlines after click ***/ a,a:focus, a:hover, a:active { outline: 0; } /*** IE8 fix for form input height in fluid rows ***/ .ie8 .row-fluid [class*="span"] { min-height: 20px !important; } /*** Fix grid offset used for reponsive layout handling(refer app.js=>handleResponsive) ***/ .fix-offset { margin-left: 0px !important; } /*** Misc tools ***/ .clearfix { clear: both; } .visible-ie8 { display: none } .no-padding { padding: 0px !important; } .no-margin { margin: 0px !important; } .no-top-margin { margin-top:0; } .no-bottom-margin { margin-bottom:0; } .no-bottom-space { padding-bottom:0px !important; margin-bottom: 0px !important; } .no-top-space { padding-top:0px !important; margin-top: 0px !important; } .space5 { display: block; height: 5px !important; clear: both; } .space7 { height: 7px !important; clear: both; } .space10 { height: 10px !important; clear: both; } .space12 { height: 12px !important; clear: both; } .space15 { height: 15px !important; clear: both; } .space20 { height: 20px !important; clear: both; } .no-space { margin: 0px !important; padding: 0px !important; } .no-text-shadow { text-shadow: none !important; } .no-left-padding { padding-left: 0 !important; } .no-left-margin { margin-left: 0 !important; } .margin-bottom-10 { margin-bottom: 10px !important; } .margin-top-10 { margin-top: 10px !important; } .margin-top-50 { margin-top: 50px !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-top-20 { margin-top: 20px !important; } .margin-bottom-25 { margin-bottom: 25px !important; } .margin-right-10 { margin-right: 10px !important; } .margin-right-20 { margin-right: 20px !important; } .margin-left-10 { margin-left: 10px !important; } .margin-left-0 { margin-left: 0 !important; } .padding-left-0 { padding-left: 0 !important; } .hide { display: none; } .bold { font-weight:600 !important; } .fix-margin { margin-left: 0px !important } .border { border: 1px solid #ddd } .inline { display: inline; } hr { margin: 20px 0; border: 0; border-top: 1px solid #E0DFDF; border-bottom: 1px solid #FEFEFE; } /* overides metro scrolbars in IE10 and makes them look like a default scrollbar */ @-ms-viewport{ width: auto !important; } /*Global classes*/ .container { padding: 0 10px; } .min-hight { min-height: 500px; } /*.page-header-fixed .slider { margin-top: 50 }*/ /******************** GENERAL LAYOUT *********************/ /*** Top Bar ***/ .front-topbar { border-bottom: solid 1px #f5f5f5; margin-top: -1px; } .front-topbar ul{ padding-left:0; } .front-topbar li { padding: 6px 5px; display: inline-block; } .front-topbar a, .front-topbar li { color: #999; font-size: 12px; } .front-topbar li.sep span { color: #eee; font-size: 11px; } .front-topbar li i.topbar-info-icon { margin-right: 3px; } /*Social Icons*/ .front-topbar .topbar-social { text-align: right; } .front-topbar .topbar-social ul{ margin-right:15px; } .front-topbar .topbar-social li { padding: 0; } .front-topbar .topbar-social i { color: #bbb; opacity: 0.7; font-size: 15px; padding: 9px 5px 8px; display: inline-block; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .front-topbar .topbar-social a:hover { text-decoration: none; } .front-topbar .topbar-social a:hover i { color: #999; opacity: 1; } .front-topbar .topbar-social a:hover i { transition: background 0.9s ease; -o-transition: background 0.9s ease; -moz-transition: background 0.9s ease; -webkit-transition: background 0.9s ease; } .front-topbar .topbar-social a:hover i.icon-facebook { color: #fff; background: #677fb1 !important; } .front-topbar .topbar-social a:hover i.icon-twitter { color: #fff; background: #04a5e9 !important; } .front-topbar .topbar-social a:hover i.icon-google-plus { color: #fff; background: #e14544 !important; } .front-topbar .topbar-social a:hover i.icon-linkedin { color: #fff; background: #28afd1 !important; } .front-topbar .topbar-social a:hover i.icon-youtube { color: #fff; background: #e36c6e !important; } .front-topbar .topbar-social a:hover i.icon-skype { color: #fff; background: #3fd0fa !important; } /*** Header and header elements. ***/ /*Navigation*/ .header { z-index: 999; position: relative; box-shadow: 0 1px 3px #ddd; background: #fff; filter:none; border: none; padding-left: 0; padding-right: 0; border-radius: 0; } .ie8 .header { border-bottom: 1px solid #eee; } .header .navbar-collapse { position: relative; } .page-header-fixed .header { position: fixed; } .scrolling-fixed.header { opacity: 0.95; } .page-header-fixed .page-container { margin-top: 75px; } .navbar { margin-bottom: 0; } .header a.brand { font-size: 23px; font-weight: 400; } .header a.brand b { color: #0da3e2; font-weight: 400; } .header a.brand span { color: #b0b0b0; display: block; font-size: 12px; } .header .nav li:first-child { margin-left: 0; } .navbar-brand{ -moz-transition:padding 0.3s ease-in-out; -webkit-transition:padding 0.3s ease-in-out; -o-transition:padding 0.3s ease-in-out; transition:padding 0.3s ease-in-out; position: relative; z-index: 2; } .scrolling-fixed .navbar-brand{ padding:0 15px; } .header a.logo-v1 img { -moz-transition:width 0.2s ease-in-out; -webkit-transition:width 0.2s ease-in-out; -o-transition:width 0.2s ease-in-out; transition:width 0.2s ease-in-out; -moz-transition:height 0.2s ease-in-out; -webkit-transition:height 0.2s ease-in-out; -o-transition:height 0.2s ease-in-out; transition:height 0.2s ease-in-out; -moz-transition:margin 0.2s ease-in-out; -webkit-transition:margin 0.2s ease-in-out; -o-transition:margin 0.2s ease-in-out; transition:margin 0.2s ease-in-out; } .header .navbar-nav li a { color: #333; font-size: 15px; font-weight: 400; text-shadow: none; position: relative; padding: 26px 16px 27px; border-top: solid 2px #fff; -moz-transition:padding 0.3s ease-in-out; -webkit-transition:padding 0.3s ease-in-out; -o-transition:padding 0.3s ease-in-out; transition:padding 0.3s ease-in-out; } .header.scrolling-fixed .nav li a{ padding: 14px 16px; } .header .nav li > a:hover, .header .nav li.active > a, .header .nav li.active:hover > a { color: #0da3e2; border-radius: 0; text-shadow: none; padding-top: 26px; box-shadow: none !important; border-top: solid 2px #0da3e2; } .header.scrolling-fixed .nav li > a:hover, .header.scrolling-fixed .nav li.active > a, .header.scrolling-fixed .nav li.active:hover > a { padding-top: 14px; } .header .nav>li>a:focus, .header .nav>li>a:hover { color: #888; } .header ul.nav { float: right; margin-right: 0; } .header .in.collapse ul { margin-top: 0; } .header .in.collapse li a:hover { color: #fff; background: #0da3e2; } .header .in.collapse li.active > a, .header .in.collapse li.active:hover > a { color: #fff; background: #0da3e2; } /*Navigation Toggle Icon*/ .header .navbar-btn { border: none; padding:10px; margin-top: 10px; border-radius: 0; background:#0da3e2; } .header .navbar-btn:hover { background:#0a8ec5 !important; } .header .navbar-btn span, .header .navbar-btn:hover span { background:#fff !important; box-shadow:none !important; } .navbar-default .navbar-toggle .icon-bar{background-color:#fff !important;} /*Navigation Dropdown*/ .header .dropdown-menu { border: none; box-shadow: none; min-width: 185px; border-bottom: none; border-left: solid 1px #eee; border-right: solid 1px #eee; border-top: solid 2px #0da3e2; padding: 0; } .header .dropdown-menu li { margin-left: 0; border-bottom: solid 1px #f5f5f5; } .header .dropdown-menu li a { color: #444; font-size: 14px; font-weight: 300; padding: 9px 15px !important; text-transform: inherit; -moz-transition:none; -webkit-transition:none; -o-transition:none; transition:none; border: none !important; } .header .nav .dropdown-menu li a:hover, .header .nav li.active .dropdown-menu li a:hover { border: none; color: #444 !important; background: #fdfdfd !important; } .header .nav li.active .dropdown-menu li.active a { border: none !important; color: #444 !important; background: #f7f9fa !important; } .header .nav > li >.dropdown-menu:after, .header .nav > li >.dropdown-menu:before { border: none; } .header .nav li.dropdown.open>.dropdown-toggle { color: #0da3e2; background: none; } .header .nav li.dropdown .dropdown-toggle i { font-size: 12px; } .header .in.collapse li.dropdown.active > a, .header .in.collapse li.dropdown.active:hover > a { color: #fff; background: #0da3e2; } .header .nav > li.dropdown.open.active > a:hover, .header .nav > li.dropdown.open.active > a:focus { border-color: #0da3e2; } /*Menu Search*/ .header .nav li.menu-search { position: relative; padding: 15px 0; -moz-transition:padding 0.3s ease-in-out; -webkit-transition:padding 0.3s ease-in-out; -o-transition:padding 0.3s ease-in-out; transition:padding 0.3s ease-in-out; } .scrolling-fixed.header .nav li.menu-search{ padding:0; } .header .nav li.menu-search i { color: #bbb; font-size: 16px; cursor: pointer; } .header .nav li.menu-search i:hover { color: #0da3e2; } .header .search-box { right: 0; top: 100%; padding: 10px; display: none; background: #fff; position: absolute; border: solid 1px #eee; border-top: none !important; margin-top: 10px; } .scrolling-fixed .search-box { margin-top: 15px; } .header .search-box input { height: 34px; margin-bottom: 0; vertical-align: middle; } .header .search-box .btn{ margin-left:-5px; } .header .search-box form, .header .search-box input, .header .search-box .input-append { margin-bottom: 0; } .header .nav li.menu-search span.sep { top: 10px; width: 1px; height: 31px; background: #eee; position: relative; margin: 0 12px 0 5px; display: inline-block; } /*** Slider ***/ .slider-main { z-index: 1; position: relative; border-bottom: solid 1px #eee; max-height:450px !important; overflow:hidden; margin-bottom: 10px; } .slide_title_white { font-family: 'Barlow Semi Condensed', sans-serif; font-weight: 300; color:#fff; text-align:center; text-transform: uppercase; font-size:47px; } .slide_title_white_bold { font-weight: 400; } .slide_subtitle_white { border-top:1px solid #fff !important; border-bottom:1px solid #fff !important; font-family: 'Barlow Semi Condensed', sans-serif; font-weight: 300; padding: 5px 10px; color:#fff; text-align:center; text-transform: uppercase; font-size:18px; } .slider-colored { z-index: 1; height: 495px !important; position: relative; border-top: solid 1px #eee; border-bottom: solid 1px #eee; } .slide_title, .slide_subtitle, .slide_desc, .slide_btn{ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .slide_title { font-family: 'Barlow Semi Condensed', sans-serif; font-weight: 300; color:#3f5862; text-transform: uppercase; font-size:47px; } .slide_subtitle { font-family: 'Barlow Semi Condensed', sans-serif; font-weight: 400; background-color: #0088cc; padding: 5px; color:#fafafa; text-transform: uppercase; font-size:18px; } .slide_list_item { font-family: 'Barlow Semi Condensed', sans-serif; font-weight: 400; background-color: #0088cc; padding: 5px; color:#fafafa; text-transform: uppercase; font-size:14px; } .slide_desc { color:#7b8793; font-size:14px; line-height:24px; } .slide_desc_bordered { border-left: 3px solid #ddd !important; padding-left: 5px; } .slide_btn { font-family: 'Barlow Semi Condensed', sans-serif; font-weight: 300; background:#6fc561; padding:7px 15px; color:#fff; font-size:14px; text-transform: uppercase; cursor:pointer; } .tp-leftarrow.default { background: #d2d7dc url(/assets-client/img/sliders/revolution/arrow_left.png) no-repeat center !important; width:40px !important; height:50px !important; } .tp-rightarrow.default { background: #d2d7dc url(/assets-client/img/sliders/revolution/arrow_right.png) no-repeat center !important; width:40px !important; height:50px !important; } /*** Content and content elements. ***/ /*Services Box*/ .service-box { margin: 30px -15px; } .service-box p { color: #656565; font-size: 13px; } .service-box .service-box-heading { padding: 12px 0; } .service-box .service-box-heading i { padding: 0; -webkit-border-radius: 34px; -moz-border-radius: 34px; border-radius: 34px; font-size:18px; height:32px; width:32px; line-height: 32px; text-align:center; vertical-align: baseline; } .service-box .service-box-heading i.blue { color: #0da3e2; border:1px solid #0da3e2; } .service-box .service-box-heading i.red { color: #db3a1b; border:1px solid #db3a1b; } .service-box .service-box-heading i.green { color: #35aa47; border:1px solid #35aa47; } .service-box .service-box-heading span { color: #444; font-size: 21px; line-height: 25px; font-weight: 400; margin-bottom: 10px; margin-left: 10px; display: inline-block; } .service-box .service-box-heading [class^="icon-"], .service-box [class*=" icon-"] { display: inline-block; text-align: center; } .service-box .service-box-heading [class^="icon-"].icon-large, .service-box .service-box-heading [class*=" icon-"].icon-large { /* increased font size for icon-large */ width: 1.5625em; } /*Blockquote Box*/ .quote-v1 { margin: 30px 0; background: #0da3e2; width: 100%; overflow: hidden; } .quote-v1 a { margin: 5px; display: inline-block; } .quote-v1 span { color: #fff; font-size: 22px; font-weight: 300; margin: 13px 5px 8px; line-height: 26px; display: inline-block; } .quote-v1-inner { padding: 10px; } /*Recent Works*/ .recent-work { margin: 20px 0; position: relative; } /*.recent-work .col-md-3 { padding: 0; } .recent-work .col-md-9 { padding-right: 0; }*/ .recent-work a:hover { text-decoration: none; } .recent-work h2 { margin: 3px 0 10px; padding-right: 50px; } /*Mixed Block*/ .mix-block { margin: 30px -15px; } .mix-block .row { margin:0; } .tab-style-1 .row [class*="col-"] { padding-left:0; } /*Tabs*/ .tab-style-1 ul.nav-tabs { margin-bottom: 0; border-bottom-color: #0da3e2; } .tab-style-1 ul.nav-tabs > li { margin-bottom: 0; margin-right: 3px; } .tab-style-1 ul.nav-tabs li > a { color: #7c858e; font-size: 14px; margin-top: 1px; min-width: 100px; padding: 5px 15px; text-align: center; background: #f4f4f4; } .tab-style-1 ul.nav-tabs li > a:hover { color: #fff; background: #0da3e2; border-color: #0da3e2; } .tab-style-1 ul.nav-tabs .active > a, .tab-style-1 ul.nav-tabs .active > a:hover, .tab-style-1 ul.nav-tabs .active > a:focus { color: #fff; background: #0da3e2; border-color: #0da3e2; } .tab-style-1 .tab-content { padding: 20px 15px; background: #fafafa; } .tab-style-1 .tab-content p { margin-bottom: 0; } .tab-style-1 .tab-content img { margin: 5px 0 10px; } /*Testimonials*/ .testimonials-v1 .carousel { margin-bottom: 0; } .testimonials-v1 .item span.testimonials-slide { padding: 15px; color: #8a8a8a; display: block; font-size: 14px; line-height: 20px; /*font-style: italic;*/ background: #f8f8f8 url(/assets-client/img/corners.png) no-repeat right bottom; } .testimonials-v1 .carousel-info { overflow: hidden; padding-top: 15px; background: url(/assets-client/img/arrow-testimonials.png) no-repeat 83px 0; } .testimonials-v1 .carousel-info img { width: 75px; height: 75px; padding: 3px; border-radius: 150px !important; border: solid 1px #f5f5f5; } .testimonials-v1 .carousel-info { overflow: hidden; } .testimonials-v1 .carousel-info img { margin-right: 15px; } .testimonials-v1 .carousel-info span { display: block; } .testimonials-v1 span.testimonials-name { color: #0da3e2; font-size: 16px; font-weight: 300; margin: 23px 0 7px; } .testimonials-v1 span.testimonials-post { color: #656565; font-size: 12px; } .testimonials-v1 .left-btn, .testimonials-v1 .right-btn { right: 0; width: 24px; height: 24px; bottom: 30px; position: absolute; display: inline-block; } .testimonials-v1 .left-btn { right: 25px; background: url(/assets-client/img/icons/left.png) no-repeat; } .testimonials-v1 .right-btn { background: url(/assets-client/img/icons/right.png) no-repeat; } .testimonials-v1 .right-btn:hover { background: url(/assets-client/img/icons/right-hover.png) no-repeat; } .testimonials-v1 .left-btn:hover { background: url(/assets-client/img/icons/left-hover.png) no-repeat; } /*Steps*/ .front-steps { padding: 15px 20px 33px; } .front-steps p { color: #fff; font-size: 12px; line-height: 18px; margin-bottom: 0; } .front-steps h2 { color: #f0f0f0; font-size: 22px; } .front-steps.front-step-one h2 { color: #fefefe; } .front-steps.front-step-one { background: #0da3e2 url(/assets-client/img/steps/one.png) no-repeat right bottom; } .front-steps.front-step-two { background: #7c858e url(/assets-client/img/steps/two.png) no-repeat right bottom; } .front-steps.front-step-three { background: #68727c url(/assets-client/img/steps/three.png) no-repeat right bottom; } .front-steps.front-step-one, .front-steps.front-step-two { position: relative; } .front-steps.front-step-one:after, .front-steps.front-step-two:after { top: 50%; width: 0; height: 0; left: 100%; z-index: 2; content: " "; display: block; margin-top: -1em; position: absolute; border-left: 15px solid #36b3e7; border-top: 15px solid transparent; border-bottom: 15px solid transparent; } .front-steps.front-step-two:after { border-left-color: #868e96; } .no-space-steps{padding:0 15px;} /*Clients*/ .our-clients h2{ margin-top: 3px; margin-bottom: 10px; } .clients-list { margin: 0; } .clients-list li { background: #f9f9f9; position: relative; } .clients-list li img.color-img { top:0; left:0; display:none; position:absolute; } .clients-list li:hover img.color-img { display:block; } /*** Footer ***/ .footer { padding: 35px 0; font-size: 13px; background: #62707f; } .footer h2 { color: #eee; } .footer p { color: #eee; } .footer a { color: #0da3e2; } .footer address { color: #eee; } .footer dl.f-twitter { overflow: hidden; } .footer dl.f-twitter dt { width: 30px; float: left; text-align: left; padding-top: 2px; } .footer dl.f-twitter dt i { color: #fff; font-size: 20px; } .footer dl.f-twitter dd { color: #eee; margin-left: 30px; } .footer dl.f-twitter dd span { color: #adbdce; font-size: 12px; margin: 0 5px; } .footer .blog-photo-stream { margin-top: 11px; } .footer .blog-photo-stream li { margin: 4px 5px 4px 0; } .footer .blog-photo-stream img { padding: 0; border: solid 2px #9ca5ae; } .footer .blog-photo-stream img:hover { transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } /*subscribe*/ .form-subscribe .form-control:focus { border-color: #fff; } .form-subscribe .theme-btn, .form-subscribe .theme-btn:hover, .search-box .theme-btn, .search-box .theme-btn:hover { border: none; } /*** Copyright ***/ .copyright { color: #dee4eb; font-size: 12px; padding: 10px 0; background: #4a5866; } .copyright p { color: #bbb; margin-top: 7px; margin-bottom: 0; } .copyright p a { color: #2298ca; } .copyright .social-footer { margin: 8px 0 0; list-style: none; text-align: right; padding: 0; } .copyright .social-footer li { margin-left: 3px; display: inline-block; } .copyright .social-footer li i { color: #808e9c; font-size: 18px; display: inline-block; } .copyright .social-footer li i:hover { color: #fff; transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } .copyright .social-footer li a:hover { text-decoration: none; } /*Breadcrumbs*/ .breadcrumbs { background: #fcfcfc; border-top: solid 1px #f5f5f5; border-bottom: solid 1px #f5f5f5; } .breadcrumbs .container{ padding:0; } .breadcrumbs h1 { color: #555; font-size: 24px; line-height: 35px; margin-left: -5px; margin-top: 10px; } .breadcrumbs ul { top: 10px; background: none; margin-bottom: 0; position: relative; } .breadcrumbs li a { color: #0da3e2; } .breadcrumbs ul.breadcrumb { padding-left: 0; padding-right: 0; } /*Carousel*/ .front-carousel .carousel-control { margin: 0; border: none; height: 35px; font-size: 24px; font-weight: normal; top: 40%; width: 35px; background: #222; opacity: 0.5; } .front-carousel .carousel-control:hover { opacity: 0.6; } .front-carousel .carousel-control i { font-size: 27px; } .front-carousel .carousel-control.right i { position: relative; left: 1px; } .front-carousel .carousel-caption { padding: 10px 15px 0; background: rgba(0,0,0,0.5); left: 0; right: 0; bottom: 0; text-align: left; } .front-carousel .carousel-control.left { left: 0; } .front-carousel .carousel-control.right { right: 0; } /*Skils*/ .front-skills span { color: #555; display: block; font-size: 15px; margin-bottom: 7px; } .front-skills .progress { background: none #f2f2f2; } .front-skills .progress .bar { background: none #0da3e2; } .front-skills .progress, .front-skills .progress .bar { box-shadow: none; } /*Lists*/ .front-lists-v1 li { font-size: 14px; margin-bottom: 5px; } .front-lists-v2 li { color: #555; font-size: 16px; margin-bottom: 14px; text-transform: uppercase; } .front-lists-v2 li i { margin-right: 5px; font-size: 17px; } /*Team Blocks*/ .front-team { margin: 20px 0; } .front-team .col-md-3 { padding: 0 15px 30px 0; } .front-team .thumbnail { border: none; } .front-team h3 { margin:10px 0 12px; line-height:40px; } .front-team h3 a { color: #0da3e2; font-size: 20px; font-weight: 400; } .front-team h3 a:hover { text-decoration: none; } .front-team h3 small { display: block; font-size: 13px; } .front-team ul { padding: 4px 0 0; } .front-team .social-icons { overflow: hidden; } /*Service Box v1*/ .service-box-v1 { padding: 15px; text-align: center; } .service-box-v1 i { padding: 15px; font-size: 35px; } .service-box-v1:hover { background: #0da3e2; transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; } .service-box-v1:hover i, .service-box-v1:hover p, .service-box-v1:hover h2 { color: #fff; } /*** Google Maps ***/ .gmaps { width: 100%; } /* important! bootstrap sets max-width on img to 100% which conflicts with google map canvas*/ .gmaps img { max-width: none; } /*** Blog Page ***/ /*Blog Posts*/ .blog-posts h2 { margin-top: 0; } .blog-posts p { text-align: justify; } .blog-posts .carousel { margin-bottom: 0; } .blog-posts hr.blog-post-sep { margin: 40px 0; } .blog-info { list-style: none; margin: 15px 0 12px 0; padding-left:0; } .blog-info li { padding: 0; color: #555; font-size: 13px; margin-right: 10px; display: inline-block; } .blog-info li i { color: #0da3e2; } .blog-posts .pagination { margin-top: 40px; } /*Blog Sidebar*/ .blog-sidebar h2 { margin-top: 0; } .recent-news { overflow: hidden; } .recent-news h3 { font-size: 16px; line-height: 20px; margin: 0; } .recent-news-inner{padding:0;} .blog-talks .tab-style-1 ul.nav-tabs li > a { min-width: 50px; } .blog-photo-stream li { overflow: hidden; margin: 0 5px 8px 0; display: inline-block; } .blog-photo-stream li img { width: 54px; height: 54px; padding: 2px; border: solid 1px #eee; } .blog-photo-stream li img:hover { border-color: #0da3e2; box-shadow: 0 0 1px #fff; transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .blog-tags ul { list-style: none; margin: 0; padding: 0; } .blog-tags li { position: relative; margin: 0 16px 7px 0; display: inline-block; } .blog-tags li a { color: #555; background: #f5f5f5; display: inline-block; padding: 3px 5px 3px 3px; } .blog-tags li a:hover { color: #fff; background: #0da3e2; text-decoration: none; } .blog-tags li a:hover i { color: #fff; } .blog-tags li i { color: #0da3e2; margin-right: 5px; display: inline-block; } .blog-tags li a:after { top: 50%; width: 0; left: 100%; height: 0; z-index: 2; content: " "; display: block; margin-top: -12px; position: absolute; border-left: 12px solid #f5f5f5; border-top: 12px solid transparent; border-bottom: 12px solid transparent; } .blog-tags li a:hover:after { border-left-color: #0da3e2; } /*** Blog Item ***/ .blog-item .blog-item-img { margin: 6px 0 25px; } .blog-item .blog-item-img .carousel { margin-bottom: 0; } .blog-item blockquote { margin: 20px 40px 18px; border-color: #0da3e2; } .blog-item .blog-info { margin: 20px 0; padding: 8px 0; border-top: solid 1px #eee; border-bottom: solid 1px #eee; } .blog-item .blog-info li { padding-left: 13px; border-left: solid 1px #eee; } .blog-item .blog-info li:first-child { padding-left: 0; border-left: none; } .blog-item .blog-item-img .carousel-control { top: 45%; } .blog-item img.media-object { top: 2px; width: 60px; height: 60px; position: relative; } .blog-item h4.media-heading { position: relative; } .blog-item h4.media-heading span { right: 0; top: 3px; color: #777; font-size: 12px; font-weight: 400; position: absolute; } .blog-item h4.media-heading span a { color: #0da3e2; } /*contact*/ .form-group [class*="col-"] { padding-left:0; } /*** Icons ***/ /*** Social Icons ***/ .social-icons { padding: 0; margin: 0; } .social-icons:after, .social-icons:before { content: ""; display: table; } .social-icons:after { clear: both; } .social-icons li { float:left; display:inline; list-style:none; margin-right:5px; margin-bottom:5px; text-indent:-9999px; } .social-icons li a, a.social-icon { width:28px; height:28px; display:block; background-position:0 0; background-repeat:no-repeat; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .social-icons li:hover a { background-position:0 -38px; } .social-icons-color li a { opacity: 0.7; background-position:0 -38px !important; } .social-icons-color li a:hover { opacity: 1; } .social-icons .social_amazon {background: url(/assets-client/img/icons/social/amazon.png) no-repeat;} .social-icons .social_behance {background: url(/assets-client/img/icons/social/behance.png) no-repeat;} .social-icons .social_blogger {background: url(/assets-client/img/icons/social/blogger.png) no-repeat;} .social-icons .social_deviantart {background: url(/assets-client/img/icons/social/deviantart.png) no-repeat;} .social-icons .social_dribbble {background: url(/assets-client/img/icons/social/dribbble.png) no-repeat;} .social-icons .social_dropbox {background: url(/assets-client/img/icons/social/dropbox.png) no-repeat;} .social-icons .social_evernote {background: url(/assets-client/img/icons/social/evernote.png) no-repeat;} .social-icons .social_facebook {background: url(/assets-client/img/icons/social/facebook.png) no-repeat;} .social-icons .social_forrst {background: url(/assets-client/img/icons/social/forrst.png) no-repeat;} .social-icons .social_github {background: url(/assets-client/img/icons/social/github.png) no-repeat;} .social-icons .social_googleplus {background: url(/assets-client/img/icons/social/googleplus.png) no-repeat;} .social-icons .social_jolicloud {background: url(/assets-client/img/icons/social/jolicloud.png) no-repeat;} .social-icons .social_last-fm {background: url(/assets-client/img/icons/social/last-fm.png) no-repeat;} .social-icons .social_linkedin {background: url(/assets-client/img/icons/social/linkedin.png) no-repeat;} .social-icons .social_picasa {background: url(/assets-client/img/icons/social/picasa.png) no-repeat;} .social-icons .social_pintrest {background: url(/assets-client/img/icons/social/pintrest.png) no-repeat;} .social-icons .social_rss {background: url(/assets-client/img/icons/social/rss.png) no-repeat;} .social-icons .social_skype {background: url(/assets-client/img/icons/social/skype.png) no-repeat;} .social-icons .social_spotify {background: url(/assets-client/img/icons/social/spotify.png) no-repeat;} .social-icons .social_stumbleupon {background: url(/assets-client/img/icons/social/stumbleupon.png) no-repeat;} .social-icons .social_tumblr {background: url(/assets-client/img/icons/social/tumblr.png) no-repeat;} .social-icons .social_twitter {background: url(/assets-client/img/icons/social/twitter.png) no-repeat;} .social-icons .social_vimeo {background: url(/assets-client/img/icons/social/vimeo.png) no-repeat;} .social-icons .social_wordpress {background: url(/assets-client/img/icons/social/wordpress.png) no-repeat;} .social-icons .social_xing {background: url(/assets-client/img/icons/social/xing.png) no-repeat;} .social-icons .social_yahoo {background: url(/assets-client/img/icons/social/yahoo.png) no-repeat;} .social-icons .social_youtube {background: url(/assets-client/img/icons/social/youtube.png) no-repeat;} .social-icons .social_vk {background: url(/assets-client/img/icons/social/vk.png) no-repeat;} .social-icons .social_instagram {background: url(/assets-client/img/icons/social/instagram.png) no-repeat;} /*Fixing dropdown issue on mobile devices in Bootstrap 3.2.2*/ .dropdown-backdrop { position: static; } /*** Styler Panel ***/ .color-panel { z-index: 999; position:fixed; top:120px; right:0px; } .color-panel .color-mode-icons { top:4px; right:0; padding:20px; cursor:pointer; position:absolute; } .color-panel .icon-color { background:#c9c9c9 url(/assets-client/img/icon-color.png) center no-repeat !important; } .color-panel .icon-color:hover { background-color:#3d3d3d !important; } .color-panel .icon-color-close { display:none; background:#3d3d3d url(/assets-client/img/icon-color-close.png) center no-repeat !important; } .color-panel .icon-color-close:hover { background-color:#222 !important; } .color-mode { top:5px; right:40px; width:180px; display:none; padding:10px 0; position:absolute; background:#3d3d3d; } .color-mode p, .color-mode ul, .color-mode label { padding:0 15px; } .color-mode p { color:#cfcfcf; padding:0 15px; font-size:15px; } .color-mode ul { list-style:none; padding:4px 11px 5px; display: block; margin-bottom: 1px !important; } .color-mode li { width:28px; height:28px; margin:0 4px; cursor:pointer; list-style:none; border:solid 1px #707070; display:inline-block; padding: 0 5px; } .color-mode li:hover, .color-mode li.current { border:solid 1px #ebebeb; } .color-mode li.current { border:solid 2px #ebebeb; } .color-mode li.color-blue { background:#0da3e2; } .color-mode li.color-red { background:#db3a1b; } .color-mode li.color-green { background:#35aa47; } .color-mode li.color-orange { background:#ff8503; } .color-mode label { color:#cfcfcf; padding-top:10px; padding-bottom: 0px; border-top:1px solid #585858; margin-top: 0px; margin-bottom: 0px; } .color-mode label span { text-transform:uppercase; } .color-mode label > span { display: inline-block; width: 85px; } .color-mode label > select { margin-top: 5px; text-transform: lowercase; } .color-mode label span.color-mode-label { top:2px; position:relative; } /*** BXSlider ***/ .bxslider-container { } .bxslider, .bxslider1 { display: none; } .buttons-page .btn { margin-bottom: 5px !important; } [class^="icon-"], [class*=" icon-"] { display: inline-block; font-size: 14px; line-height: 14px; margin-top: 1px; } /*** Custom icon buttons ***/ .icon-btn { height: 60px; min-width: 80px; margin: 0 5px 5px 0; border: 1px solid #ddd; padding: 12px 0px 0px 0px; background-color: #fafafa !important; background-image: none !important; filter:none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; display:inline-block !important; color: #646464 !important; text-shadow: none !important; text-align: center; cursor: pointer; position: relative; -webkit-transition: all 0.3s ease !important; -moz-transition: all 0.3s ease !important; -ms-transition: all 0.3s ease !important; -o-transition: all 0.3s ease !important; transition: all 0.3s ease !important; } .icon-btn i { font-size: 18px; } .ie8 .icon-btn:hover { filter: none !important; } .icon-btn:hover { text-decoration: none !important; border-color: #999 !important; color: #444 !important; text-shadow: 0 1px 0px rgba(255, 255, 255, 1) !important; -webkit-transition: all 0.3s ease !important; -moz-transition: all 0.3s ease !important; -ms-transition: all 0.3s ease !important; -o-transition: all 0.3s ease !important; transition: all 0.3s ease !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .icon-btn:hover .badge { -webkit-transition: all 0.3s ease !important; -moz-transition: all 0.3s ease !important; -ms-transition: all 0.3s ease !important; -o-transition: all 0.3s ease !important; transition: all 0.3s ease !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .icon-btn div { font-family: 'Barlow Semi Condensed', sans-serif, sans-serif; margin-top: 5px; margin-bottom: 10px; color: #000; font-size: 12px; font-weight: 300; } .icon-btn .badge { position: absolute; font-family: 'Barlow Semi Condensed', sans-serif, sans-serif; font-size: 11px !important; font-weight: 300; top: -5px; right: -5px; padding: 3px 6px 3px 6px; color: white !important; text-shadow: none; border-width: 0; border-style: solid; -webkit-border-radius: 12px !important; -moz-border-radius: 12px !important; border-radius: 12px !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /*** Notes ***/ /* Common styles for all types */ .note { margin: 0 0 20px 0; padding: 15px 30px 15px 15px; border-left: 5px solid #eee; } .note h1, .note h2, .note h3, .note h4 { margin-top: 0; } .note p:last-child { margin-bottom: 0; } .note code, .note .highlight { background-color: #fff; } /* Variations */ .note-danger { background-color: #FAEAE6; border-color: #ed4e2a; } .note-warning { background-color: #FCF3E1; border-color: #fcb322; } .note-info { background-color: #E8F6FC; border-color: #57b5e3; } .note-success { background-color: #EBFCEE; border-color: #3cc051; } /*** Demo Utils ***/ .scrollspy-example { position: relative; height: 200px; margin-top: 10px; overflow: auto; } .util-btn-margin-bottom-5 .btn { margin-bottom: 5px !important; } .util-btn-group-margin-bottom-5 .btn-group { margin-bottom: 5px !important; } .fontawesome-demo i { font-size: 18px; } .fontawesome-demo li { padding-top: 5px; padding-bottom: 5px; } .glyphicons-demo ul { padding-left: 0; padding-bottom: 1px; margin-bottom: 20px; list-style: none; overflow: hidden; } .bs-glyphicons { padding-left: 0; padding-bottom: 1px; margin-bottom: 20px; list-style: none; overflow: hidden; } .glyphicons-demo ul li { float: left; width: 25%; height: 115px; padding: 10px; margin: 0 -1px -1px 0; font-size: 12px; line-height: 1.4; text-align: center; border: 1px solid #ddd; } .glyphicons-demo .glyphicon { display: block; margin: 5px auto 10px; font-size: 24px; } .glyphicons-demo ul li:hover { background-color: rgba(86,61,124,.1); } @media (min-width: 768px) { .glyphicons-demo ul li { width: 12.5%; } } /* left, right aligned form actions */ .form-actions.right { padding-left: 0; padding-right: 10px; text-align: right; } .form-actions.left { padding-left: 10px; padding-right: 0; text-align: left; } /* Checkboxes */ .form-group .checkbox { padding-left: 0; } .checkbox-list > label { display: block; } .checkbox-list > label.checkbox-inline { display: inline-block; } .checkbox-list > label.checkbox-inline:first-child { padding-left: 0; } /* Radios */ .radio-list > label { display: block; } .radio-list > label.radio-inline { display: inline-block; } .radio-list > label.radio-inline:first-child { padding-left: 0; } .form-horizontal .radio-list .radio { position: relative; top: -1px; padding-top: 0; } /* Rows seperated form layout */ .form-row-seperated .form-group { margin: 0; border-bottom: 1px solid #efefef; padding: 10px 10px 10px 0px; } .form-row-seperated .form-group.last { border-bottom: 0; margin-bottom: 0; padding-bottom: 10px; } .form-row-seperated .form-actions { margin-top: 0; } .form-row-seperated .form-body { padding: 0; margin-top: 0; } .form-row-seperated .help-block { margin-bottom: 0; } /* form bordered */ .form-bordered .form-body { margin: 0; padding: 0; } .form-bordered .form-actions { margin-top: 0; } .form-bordered .form-group { margin: 0; border-bottom: 1px solid #efefef; } .form-bordered .form-group.last { border-bottom: 0; } .form-bordered .help-block { margin-bottom: 0; } .form-bordered .control-label { padding-top: 16px; } .form-bordered .form-group > div { padding: 10px; border-left: 1px solid #efefef; } .form-bordered .form-actions.fluid > .row > div { padding-left: 10px; } .form-horizontal.form-bordered.form-row-stripped .form-group:nth-child(even) { background-color: #fcfcfc; } .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) { background-color: #fcfcfc; } .form-horizontal.form-bordered.form-row-stripped .form-control { background: #fff !important; } .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) > div { background-color: #ffffff; } /*** Bordered form layout ***/ .form-bordered .form-control { margin: 0; } /*** Input icons ***/ /* input with right aligned and colored icons */ /* input with left aligned icons */ .input-icon { position: relative; } .input-icon input { padding-left: 33px !important; } .input-icon i { color: #ccc; display: block; position: absolute; margin: 9px 2px 4px 10px; width: 16px; height: 16px; font-size: 16px; text-align: center; } .input-icon.right input { padding-left: 12px !important; padding-right: 33px !important; } .input-icon.right i { right: 8px; float: right; } .has-success .input-icon > i { color: #468847; } .has-warning .input-icon > i { color: #c09853; } .has-error .input-icon > i { color: #b94a48; } /*Extra Button style*/ a.btn-medium { font-size: 20px; padding: 10px 20px; } a.btn-transparent { color: #fff; font-size: 16px; padding: 8px 18px; white-space: nowrap; text-decoration: none; border: solid 1px #fff; background: none transparent; } a.btn-transparent:hover { background: #15aeee; transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .panel-primary .panel-title { color: #fff; } .panel-success .panel-title { color: ##468847; } .panel-info .panel-title { color: #3A87AD; } .panel-warning .panel-title { color: #C09853; } .panel-danger .panel-title { color: #B94A48; } /*** Vertical inline menu ***/ .ver-inline-menu { padding: 0; margin: 0; list-style: none; border-left: solid 2px #0DA3E2; } .ver-inline-menu li { position: relative; margin-bottom: 1px; } .ver-inline-menu li a { font-size: 14px; color: #7C858E; display: block; background: #F4F4F4; padding: 12px 10px 11px 8px; } .ver-inline-menu li:hover a{ background: #0DA3E2; text-decoration: none; color: #fff; } .ver-inline-menu li.active a{ color: #fff; background: #0DA3E2; text-decoration: none; } .ver-inline-menu li.active:after { content: ''; display: inline-block; border-bottom: 6px solid transparent; border-top: 6px solid transparent; border-left: 6px solid #0DA3E2; position: absolute; top: 16px; right: -5px; } /* gallery page */ .gallery-item{ padding-top: 15px; padding-bottom: 15px; } .gallery-item a { display: block; position: relative; } .gallery-item .zoomix { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 90; background: #000; opacity: 0; filter: alpha(opacity = 0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-backface-visibility: hidden; } .ie7 .gallery-item .zoomix{ clear: both; } .gallery-item a:hover .zoomix{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity:0.4; filter: alpha(opacity = 50); } .gallery-item .zoomix .icon-search { font-size: 25px; line-height: 25px; color: #fff; position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px; } /* 404 page */ .page-404 { text-align: center; padding-top: 100px; padding-bottom: 108px; } .page-404 .number { position: relative; top: 35px; display: inline-block; letter-spacing: -10px; margin-top: 0px; margin-bottom: 10px; line-height: 128px; font-size: 128px; font-weight: 300; color: #0DA3E2; text-align: right; } .page-404 .details { margin-left: 40px; display: inline-block; padding-top: 0px; text-align: left; } /* 500 page option #1 */ .page-500 { text-align: center; padding-top: 132px; padding-bottom: 100px; } .page-500 .number { display: inline-block; letter-spacing: -10px; line-height: 128px; font-size: 128px; font-weight: 300; color: #0DA3E2; text-align: right; } .page-500 .details { margin-left: 40px; display: inline-block; text-align: left; } /* search */ .search-form-default { margin: 0 0 25px; background: #F8F8F8; padding: 12px 14px; } .search-result-item { margin-bottom: 30px; } .search-result-item h4 { margin-bottom: 3px; } .search-link { color: #999; font-size: 12px; } .overflow-hidden { overflow: hidden; } /* general links color */ a { color: #0DA3E2; } /*** General More Link ***/ a.more { color: #0da3e2; } /*Global classes*/ .theme-btn { color:#fff; background: #0da3e2 !important; border: solid 1px #0da3e2; } .theme-btn:hover { color:#fff; background: #0095d4 !important; border: solid 1px #0095d4; } /******************** GENERAL LAYOUT *********************/ /*** Header and header elements. ***/ /*Navigation*/ .header a.brand b { color: #0da3e2; } .header .navbar-nav > li > a:hover, .header .navbar-nav li.active > a, .header .navbar-nav li.active:hover > a { color: #0da3e2 !important; border-top: solid 2px #0da3e2 !important; } .header .in.collapse li a:hover { background: #0da3e2; } .header .in.collapse li.active > a, .header .in.collapse li.active:hover > a { background: #0da3e2; } .header .nav li.active > a:after { border-top: 3px solid #0da3e2; } @media (max-width: 767px) { .header.navbar-default .navbar-nav > li > a:hover, .header.navbar-default .navbar-nav > .active > a, .header.navbar-default .navbar-nav > .active > a:hover, .header.navbar-default .navbar-nav > .active > a:focus { background: #0da3e2 !important; color: #fff !important; } } .header .nav li.dropdown.open>.dropdown-toggle { color: #0da3e2; } /*Navigation Toggle Icon*/ .header .navbar-btn { background:#0da3e2 !important; } .header .navbar-btn:hover { background:#0693cf !important; } /*Navigation Dropdown*/ .header .dropdown-menu { border-top: solid 2px #0da3e2; } .header .nav li.dropdown.open>.dropdown-toggle { color: #0da3e2; } .header .in.collapse li.dropdown.active > a, .header .in.collapse li.dropdown.active:hover > a { background: #0da3e2; } .header .nav > li.dropdown.open.active > a:hover, .header .nav > li.dropdown.open.active > a:focus { border-color: #0da3e2; } /*Menu Search*/ .header .nav li.menu-search i:hover { color: #0da3e2; } /*** Content and content elements. ***/ /*Revolution Slider*/ .slide_subtitle { background-color: #0da3e2; } .tp-leftarrow.default:hover, .tp-rightarrow.default:hover { background-color: #0da3e2 !important; } /*Bx Slider & Testimonial Carousel*/ .recent-work ul.bxslider li:hover a.bxslider-block { background: #0da3e2; } .recent-work ul.bxslider li i.icon-hover-1:hover, .recent-work ul.bxslider li i.icon-hover-2:hover { color: #0da3e2; } .bx-wrapper .bx-prev:hover, .testimonials-v1 .left-btn:hover { background: url(/assets-client/img/sliders/bxslider/left-blue-hover.png) no-repeat; } .bx-wrapper .bx-next:hover, .testimonials-v1 .right-btn:hover { background: url(/assets-client/img/sliders/bxslider/right-blue-hover.png) no-repeat; } .testimonials-v1 .item span.testimonials-slide { background: #f8f8f8 url(/assets-client/img/sliders/carousel/corners-blue.png) no-repeat right bottom; } /*Blockquote Box*/ .quote-v1 { background: #7c858e; } a.btn-transparent:hover { background: #0da3e2; } /*Tabs*/ .tab-style-1 ul.nav-tabs { border-bottom-color: #0da3e2; } .tab-style-1 ul.nav-tabs li > a:hover { background: #0da3e2; border-color: #0da3e2; } .tab-style-1 ul.nav-tabs .active > a, .tab-style-1 ul.nav-tabs .active > a:hover, .tab-style-1 ul.nav-tabs .active > a:focus { background: #0da3e2; border-color: #0da3e2; } /*Testimonials*/ .testimonials-v1 span.testimonials-name { color: #0da3e2; } /*Steps*/ .front-steps.front-step-one { background: #0da3e2 url(/assets-client/img/steps/one.png) no-repeat right bottom; } .front-steps.front-step-one:after { border-left: 15px solid #35b2e7; } /*** Footer ***/ .footer a { color: #15b1f3; } /*** Copyright ***/ .copyright p a { color: #119cd6; } /*Breadcrumbs*/ .breadcrumbs li a { color: #0da3e2; } /*Skils*/ .front-skills .progress .bar { background: none #0da3e2; } /*Team Blocks*/ .front-team h3 a { color: #0da3e2; } /*Service Box v1*/ .service-box-v1:hover { background: #0da3e2; } /*** Blog Page ***/ /*Blog Posts*/ .blog-info li i { color: #0da3e2; } /*Blog Sidebar*/ .blog-photo-stream li img:hover { border-color: #0da3e2; } .blog-tags li a:hover { background: #0da3e2; } .blog-tags li i { color: #0da3e2; } .blog-tags li a:hover:after { border-left-color: #0da3e2; } /* Blog Item */ .blog-item blockquote { border-color: #0da3e2; } .blog-item h4.media-heading span a { color: #0da3e2; } /* Portfolio */ .filter-v1 .filter-category li:hover, .filter-v1 .filter-category li.active { color: #fff; background: #0da3e2; } .grid-v1 li .hover-portfolio { background: #0da3e2; } .grid-v1 li a.hover-portfolio-lft, .grid-v1 li a.hover-portfolio-rgt { background: #19b7fa; } /* Pricing */ .pricing-table:hover { border-color: #0da3e2; } .pricing-table2:hover { border-color: #0da3e2; } .pricing-table ul li i { color: #0da3e2; } .pricing-table.selected { background-color: #0da3e2; } .pricing-table2.selected { background-color: #0da3e2; } .pricing-table2 ul li i { color: #0da3e2; } .pricing-table2 .rate { background-color: #0da3e2; } .pricing:hover, .pricing-active { border-color:#0da3e2; } .pricing:hover h4 { color:#0da3e2; } .pricing-head h3 { background:#0da3e2; border-bottom:solid 1px #0da3e2; } .pricing-head-active h4 { color:#0da3e2; } .pricing-content li i { color:#0da3e2; } .price-active h4 { color:#0da3e2; } .no-space-pricing .price-active .pricing-head h4, .no-space-pricing .pricing:hover .pricing-head h4 { color:#0da3e2; } /* error colors */ .page-404 .number, .page-500 .number { color:#0da3e2; } /*** Vertical inline menu ***/ .ver-inline-menu { border-left: solid 2px #0DA3E2; } .ver-inline-menu li:hover a{ background: #0DA3E2; } .ver-inline-menu li.active a{ background: #0DA3E2; } .ver-inline-menu li.active:after { border-left: 6px solid #0DA3E2; } /*BEGIN max and min width 992px*/ @media (min-width: 992px) { /* Shrink */ .header-shrink { position:fixed; top:0; left:0; width:100%; background:#fff; opacity:0.95; } .navbar .navbar-inner-shrink .brand { padding: 0px 20px 0px !important; } .header .navbar-inner-shrink li a { padding: 15px 16px 17px; } .header .navbar-inner-shrink li > a:hover, .header .navbar-inner-shrink li.active > a, .header .navbar-inner-shrink li.active:hover > a { padding-top: 13px; } .header .navbar-inner-shrink li.menu-search { padding: 0; } .header .navbar-inner-shrink .search-box { top: 52px; } /* End Shrink */ /*BEGIN NAVIGATION (WHILE RESIZING WINDOW)*/ .header a.logo-v1 img { margin-top: 12px; } .header.scrolling-fixed a.logo-v1 img { margin-top: 17px; } .header .nav li > a:hover, .header .nav li.active > a , .header .nav li.active:hover > a { background: #fcfcfc !important; } .header .nav li > a:hover { background: none !important; } .header .nav li.active > a:after { top: 0; width: 0; height: 0; left: 50%; z-index: 2; content: " "; display: block; margin-left: -3px; position: absolute; border-left: 3px solid transparent; border-right: 3px solid transparent; } .header .dropdown-menu li.active > a:after { border: none; } /*END NAVIGATION (WHILE RESIZING WINDOW)*/ } @media (max-width: 992px) { /*BEGIN NAVIGATION*/ .header { padding-left: 30px; padding-right: 30px; } .header .nav-collapse > ul { float: inherit; margin-top: 12px !important; } .header .dropdown-menu { margin-bottom: 12px; border-top: solid 1px #e7e7e7 !important; } .header .nav-collapse .dropdown-menu li+li a { margin-bottom: 0; } .header .nav-collapse .nav>li.active > a, .header .nav-collapse .nav>li>a:hover, .header .nav-collapse .nav>li>a:focus, .header .nav-collapse .dropdown-menu a:hover, .header .nav-collapse .dropdown-menu a:focus { background: none; border-top: 0px !important; } .header .nav li.active .dropdown-menu li.active a { background: #f7f9fa !important; } .header .nav li.menu-search { padding-left: 12px; padding-top: 15px; } /*END NAVIGATION*/ /*BEGIN SERVICE BOX*/ .service-box { margin-bottom: 0; } .service-box p, .service-box .service-box-heading em, .service-box .service-box-heading span { display: block; text-align: center; } .service-box .service-box-heading em { margin-bottom: 10px; } /*END SERVICE BOX*/ /*BEGIN BLOCKQUOTE BLOCK*/ .quote-v1-inner { text-align: center !important; } /*END BLOCKQUOTE BLOCK*/ .recent-work .col-md-9 { padding: 0; } .hidden-sm { display: none !important; } } /*END max and min width 979px*/ /*BEGIN max and min width 940px*/ @media (max-width: 940px) { .recent-work .bx-wrapper, .our-clients .bx-wrapper { padding-top: 30px; } .recent-work .bx-controls, .our-clients .bx-controls { position: absolute; top: 0; left: 67px; } } /*END max and min width 940px*/ /*BEGIN max and min width 767px*/ @media (max-width: 767px) { /*BEGIN NAVIGATION*/ .header .nav li a { padding: 10px 15px; } .header .nav li > a:hover, .header .nav li.active > a, .header .nav li.active:hover > a { border: none; padding-top: 10px; } /*END NAVIGATION*/ /*BEGIN SEARCH BOX*/ .header .search-box { left: 40px; top: inherit; bottom: 3px; padding: 5px; border: none; display: none; background: none; position: absolute; } .header .search-box .btn { padding: 7px 14px; } /*END SEARCH BOX*/ /*BEGIN COPYRIGHT*/ .copyright .copyright-logo { text-align: left; } /*END COPYRIGHT*/ /*BEGIN STEP BLOCKS*/ .front-steps.front-step-one:after, .front-steps.front-step-two:after { display: none; } /*END STEP BLOCKS*/ /*BEGIN SPACE FOR MOBILE*/ .space-mobile { margin-bottom: 40px; } .front-team li.space-mobile { padding-bottom: 40px; } /*END SPACE FOR MOBILE*/ .header { padding: 0; } .breadcrumbs .container { padding: 0 10px; } .breadcrumbs h1 { margin-left: 0; } /*BEGIN BREADCRUMBS*/ .breadcrumbs ul { top: 0; float: left !important; margin-bottom: 3px; } /*END BREADCRUMBS*/ /*BEGIN TOPBAR ICONS*/ .front-topbar, .front-topbar .topbar-social { text-align: center; } .front-topbar { padding-bottom: 5px; } /*END TOPBAR ICONS*/ /*BEGIN BLOG PAGES*/ .blog-posts img, .recent-news img { margin-bottom: 15px; } .blog-item .blog-item-img .carousel-control { top: 40%; } /*BEGIN BLOG PAGES*/ /*BEGIN SOCIAL-FOOTER*/ .copyright .social-footer { margin-top: 10px; text-align: left; } .copyright .social-footer li { margin-left: 0; margin-right: 3px; } /*BEGIN SOCIAL-FOOTER*/ } @media (min-width: 767px) { /*BEGIN STEP BLOCKS*/ .no-space-steps [class^="col-"], .no-space-steps [class*=" col-"] { padding-left: 0; padding-right: 0; } /*END STEP BLOCKS*/ } /*END max and min width 767px*/ /* Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 992px) { /*BEGIN NAVIGATION*/ .header .nav li { margin-left: 0; } .header .nav li a { padding: 10px 15px; } .header .nav li > a:hover, .header .nav li.active > a, .header .nav li.active:hover > a { border: none; padding-top: 10px; background: none !important; } /*END NAVIGATION*/ /*BEGIN SERVICE BOX*/ .service-box { margin-bottom: 0; } .service-box p, .service-box .service-box-heading em, .service-box .service-box-heading span { display: block; text-align: center; } .service-box .service-box-heading em { margin-bottom: 10px; } /*END SERVICE BOX*/ .header .nav li.menu-search span.sep { display: inline-block; position: absolute; left: -9px; top: 9px; margin: 0; } .header .search-box { margin-top: 0; } .scrolling-fixed .search-box { margin-top: 11px; } .scrolling-fixed.header .nav li.menu-search { padding-top: 15px; } } @media (max-width: 768px) { .header.scrolling-fixed a.logo-v1 img { margin-top: 19px; } .header ul.nav{ float: none; margin: 0; } .navbar-collapse.in { overflow: inherit; } .header .navbar-collapse { max-height: 3000px; } .navbar-nav > li > .dropdown-menu { margin-left: 30px; } .header .nav li.menu-search span.sep { display: none; } .scrolling-fixed.header .nav li.menu-search { padding: 12px; } .no-space-steps { padding: 0 15px; } .front-steps.front-step-one:after, .front-steps.front-step-two:after { border-top: none; border-bottom: none; } } @media (max-width: 766px) { .no-space-steps { padding: 0; } } /*BEGIN max and min width 320px*/ @media (max-width: 320px) { .header .search-box input { width:160px; } .input-append input { width_:160px; } } @media (min-width: 768px) and (max-width: 992px) { /*.container{ max-width: 100%; }*/ .header .navbar-collapse{ float: none; margin-left: -15px; } .header ul.nav { clear: both; float: left; } .header .nav li { margin-right: 25px; } .header .nav li > a, .header .nav li:hover > a, .header .nav li.active > a, .header .nav li.active:hover > a{ padding: 12px 0 13px !important; border: none !important; } .header .nav li li { margin-right: 0; } .header .nav li li > a, .header .nav li li:hover > a, .header .nav li li.active > a, .header .nav li li.active:hover > a{ padding: 9px 15px !important; } } /*@media (min-width: 768px) and (max-width: 790px) { .navbar-nav > li > a, .navbar-nav > li.active > a{ padding-left: 10px; padding-right: 10px; } }*/ @media (max-width: 767px) { .navbar-brand { padding: 5px 0 0 0; } .navbar-brand img { height:45px; margin-left:10px; } #revolutionul li{ padding:100px 0; } } @media (min-width: 768px) { .navbar-brand { padding: 5px 0 0 0; } } @media (min-width: 992px) { .navbar-brand { padding: 5px 0 0 0; } .navbar-brand img{ height:60px; } .header a.logo-v1 img{ margin:0; } } @media (min-width: 1200px) { .navbar-brand { padding: 5px 0 0 0; } .navbar-brand img{ height:60px; margin-left:10px !important; } .header a.logo-v1 img{ margin:0; } } @media (min-width: 768px) and (max-width: 992px) { .navbar-brand img { height:55px; } } .field-validation-error{ background:url(/images/icons/error.png); padding-left:22px; background-size:18px 18px; background-repeat:no-repeat; background-position:left center; color:red; } .bxslider em img{ box-shadow:0 0 3px silver inset; } .testimonials-v1 span.testimonials-post { font-size: 14px; } .testimonials-v1 .item span.testimonials-slide{ font-size:15px !important; text-align:justify; } .footer{ padding:15px 0; } body{ font-size:16px; } .header .nav .dropdown-menu li a:hover, .header .nav li.active .dropdown-menu li a:hover { background:#0da3e2 !important; color:white !important; transition:background 0.3s; } .header .nav .dropdown-menu li a, .header .nav li.active .dropdown-menu li a { transition:background 0.3s; font-size:15px; font-weight:400; } .navbar-nav > li ul { border-right:#b6e9fd solid 1px !important; border-left:#b6e9fd solid 1px !important; border-bottom:#b6e9fd solid 1px !important; } .service-box p{ font-size:16px; text-align:justify; } .text-justify{ text-align:justify; } .footer{ font-size:16px; } .front-lists-v1 li{ font-size:16px; } /* marquee section starting */ .latest-news { background: linear-gradient(#535151,#625f5f,#535151); margin: 25px 0 10px 0; padding: 3px 0 5px 0; color: #fff; } /* marquee section ending */ .fancybox-close{ display:none; } .underline{ text-decoration:underline; } input[type="radio"], input[type="checkbox"], .checkbox { margin: 6px 7px 0 0; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { float: left; margin-left: 0; } .w-auto{ width:auto !important; } .validation-summary-errors ul{ padding:0 0 0 25px; list-style-type:decimal-leading-zero; } .service-box { text-align:center; } .service-box img{ max-width: 100%; height: auto; } .front-steps p { font-size: 14px !important; } .form-horizontal .form-group { margin-right: 0; margin-left: 0; } * { font-family: 'Comfortaa'; } .slide_item_left{ z-index:999999 !important; } h1,h2,h3,h4,h5,h6 { font-family: 'Overpass', sans-serif !important; } .marquee * { font-family: 'Karma', serif !important; font-weight: bold !important; font-size:18px !important; height:20px !important; } .blinking { animation: seminar 5s infinite alternate; position:relative; background:red; padding:10px 20px; height:40px; font-size:1em; } .blinking * { color: white !important; /*display:block;*/ } .blinking:hover { color:white !important; background:orange !important; } @keyframes seminar { 0% { background: #d54c4c; /*font-size:1em;*/ text-shadow:0 0 5px white; } 25% { background: #888749; /*font-size: 1.3em;*/ text-shadow: 0 0 10px yellow; } 50% { background: #2eb9c2; /*font-size: 1em;*/ text-shadow: 0 0 15px white; } 75% { background: #760d0d; /*font-size: 1.3em;*/ text-shadow: 0 0 20px white; } }