@font-face {
font-family: 'FontAwesome';
src: url('../../fonts/fontawesome-webfont.eot?v=4.6.3');
src: url('../../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;f
}
.fa-5x {
font-size: 5em;
}
.fa-fw {
width: 1.28571429em;
text-align: center;
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.fa-ul > li {
position: relative;
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center;
}
.fa-li.fa-lg {
left: -1.85714286em;
}
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eeeeee;
border-radius: .1em;
}
.fa-pull-left {
float: left;
}
.fa-pull-right {
float: right;
}
.fa.fa-pull-left {
margin-right: .3em;
}
.fa.fa-pull-right {
margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.fa.pull-left {
margin-right: .3em;
}
.fa.pull-right {
margin-left: .3em;
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none;
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-glass:before {
content: "\f000";
}
.fa-music:before {
content: "\f001";
}
.fa-search:before {
content: "\f002";
}
.fa-envelope-o:before {
content: "\f003";
}
.fa-heart:before {
content: "\f004";
}
.fa-star:before {
content: "\f005";
}
.fa-star-o:before {
content: "\f006";
}
.fa-user:before {
content: "\f007";
}
.fa-film:before {
content: "\f008";
}
.fa-th-large:before {
content: "\f009";
}
.fa-th:before {
content: "\f00a";
}
.fa-th-list:before {
content: "\f00b";
}
.fa-check:before {
content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: "\f00d";
}
.fa-search-plus:before {
content: "\f00e";
}
.fa-search-minus:before {
content: "\f010";
}
.fa-power-off:before {
content: "\f011";
}
.fa-signal:before {
content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
content: "\f013";
}
.fa-trash-o:before {
content: "\f014";
}
.fa-home:before {
content: "\f015";
}
.fa-file-o:before {
content: "\f016";
}
.fa-clock-o:before {
content: "\f017";
}
.fa-road:before {
content: "\f018";
}
.fa-download:before {
content: "\f019";
}
.fa-arrow-circle-o-down:before {
content: "\f01a";
}
.fa-arrow-circle-o-up:before {
content: "\f01b";
}
.fa-inbox:before {
content: "\f01c";
}
.fa-play-circle-o:before {
content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
content: "\f01e";
}
.fa-refresh:before {
content: "\f021";
}
.fa-list-alt:before {
content: "\f022";
}
.fa-lock:before {
content: "\f023";
}
.fa-flag:before {
content: "\f024";
}
.fa-headphones:before {
content: "\f025";
}
.fa-volume-off:before {
content: "\f026";
}
.fa-volume-down:before {
content: "\f027";
}
.fa-volume-up:before {
content: "\f028";
}
.fa-qrcode:before {
content: "\f029";
}
.fa-barcode:before {
content: "\f02a";
}
.fa-tag:before {
content: "\f02b";
}
.fa-tags:before {
content: "\f02c";
}
.fa-book:before {
content: "\f02d";
}
.fa-bookmark:before {
content: "\f02e";
}
.fa-print:before {
content: "\f02f";
}
.fa-camera:before {
content: "\f030";
}
.fa-font:before {
content: "\f031";
}
.fa-bold:before {
content: "\f032";
}
.fa-italic:before {
content: "\f033";
}
.fa-text-height:before {
content: "\f034";
}
.fa-text-width:before {
content: "\f035";
}
.fa-align-left:before {
content: "\f036";
}
.fa-align-center:before {
content: "\f037";
}
.fa-align-right:before {
content: "\f038";
}
.fa-align-justify:before {
content: "\f039";
}
.fa-list:before {
content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
content: "\f03b";
}
.fa-indent:before {
content: "\f03c";
}
.fa-video-camera:before {
content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: "\f03e";
}
.fa-pencil:before {
content: "\f040";
}
.fa-map-marker:before {
content: "\f041";
}
.fa-adjust:before {
content: "\f042";
}
.fa-tint:before {
content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\f044";
}
.fa-share-square-o:before {
content: "\f045";
}
.fa-check-square-o:before {
content: "\f046";
}
.fa-arrows:before {
content: "\f047";
}
.fa-step-backward:before {
content: "\f048";
}
.fa-fast-backward:before {
content: "\f049";
}
.fa-backward:before {
content: "\f04a";
}
.fa-play:before {
content: "\f04b";
}
.fa-pause:before {
content: "\f04c";
}
.fa-stop:before {
content: "\f04d";
}
.fa-forward:before {
content: "\f04e";
}
.fa-fast-forward:before {
content: "\f050";
}
.fa-step-forward:before {
content: "\f051";
}
.fa-eject:before {
content: "\f052";
}
.fa-chevron-left:before {
content: "\f053";
}
.fa-chevron-right:before {
content: "\f054";
}
.fa-plus-circle:before {
content: "\f055";
}
.fa-minus-circle:before {
content: "\f056";
}
.fa-times-circle:before {
content: "\f057";
}
.fa-check-circle:before {
content: "\f058";
}
.fa-question-circle:before {
content: "\f059";
}
.fa-info-circle:before {
content: "\f05a";
}
.fa-crosshairs:before {
content: "\f05b";
}
.fa-times-circle-o:before {
content: "\f05c";
}
.fa-check-circle-o:before {
content: "\f05d";
}
.fa-ban:before {
content: "\f05e";
}
.fa-arrow-left:before {
content: "\f060";
}
.fa-arrow-right:before {
content: "\f061";
}
.fa-arrow-up:before {
content: "\f062";
}
.fa-arrow-down:before {
content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
content: "\f064";
}
.fa-expand:before {
content: "\f065";
}
.fa-compress:before {
content: "\f066";
}
.fa-plus:before {
content: "\f067";
}
.fa-minus:before {
content: "\f068";
}
.fa-asterisk:before {
content: "\f069";
}
.fa-exclamation-circle:before {
content: "\f06a";
}
.fa-gift:before {
content: "\f06b";
}
.fa-leaf:before {
content: "\f06c";
}
.fa-fire:before {
content: "\f06d";
}
.fa-eye:before {
content: "\f06e";
}
.fa-eye-slash:before {
content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "\f071";
}
.fa-plane:before {
content: "\f072";
}
.fa-calendar:before {
content: "\f073";
}
.fa-random:before {
content: "\f074";
}
.fa-comment:before {
content: "\f075";
}
.fa-magnet:before {
content: "\f076";
}
.fa-chevron-up:before {
content: "\f077";
}
.fa-chevron-down:before {
content: "\f078";
}
.fa-retweet:before {
content: "\f079";
}
.fa-shopping-cart:before {
content: "\f07a";
}
.fa-folder:before {
content: "\f07b";
}
.fa-folder-open:before {
content: "\f07c";
}
.fa-arrows-v:before {
content: "\f07d";
}
.fa-arrows-h:before {
content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: "\f080";
}
.fa-twitter-square:before {
content: "\f081";
}
.fa-facebook-square:before {
content: "\f082";
}
.fa-camera-retro:before {
content: "\f083";
}
.fa-key:before {
content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
content: "\f085";
}
.fa-comments:before {
content: "\f086";
}
.fa-thumbs-o-up:before {
content: "\f087";
}
.fa-thumbs-o-down:before {
content: "\f088";
}
.fa-star-half:before {
content: "\f089";
}
.fa-heart-o:before {
content: "\f08a";
}
.fa-sign-out:before {
content: "\f08b";
}
.fa-linkedin-square:before {
content: "\f08c";
}
.fa-thumb-tack:before {
content: "\f08d";
}
.fa-external-link:before {
content: "\f08e";
}
.fa-sign-in:before {
content: "\f090";
}
.fa-trophy:before {
content: "\f091";
}
.fa-github-square:before {
content: "\f092";
}
.fa-upload:before {
content: "\f093";
}
.fa-lemon-o:before {
content: "\f094";
}
.fa-phone:before {
content: "\f095";
}
.fa-square-o:before {
content: "\f096";
}
.fa-bookmark-o:before {
content: "\f097";
}
.fa-phone-square:before {
content: "\f098";
}
.fa-twitter:before {
content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
content: "\f09a";
}
.fa-github:before {
content: "\f09b";
}
.fa-unlock:before {
content: "\f09c";
}
.fa-credit-card:before {
content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
content: "\f09e";
}
.fa-hdd-o:before {
content: "\f0a0";
}
.fa-bullhorn:before {
content: "\f0a1";
}
.fa-bell:before {
content: "\f0f3";
}
.fa-certificate:before {
content: "\f0a3";
}
.fa-hand-o-right:before {
content: "\f0a4";
}
.fa-hand-o-left:before {
content: "\f0a5";
}
.fa-hand-o-up:before {
content: "\f0a6";
}
.fa-hand-o-down:before {
content: "\f0a7";
}
.fa-arrow-circle-left:before {
content: "\f0a8";
}
.fa-arrow-circle-right:before {
content: "\f0a9";
}
.fa-arrow-circle-up:before {
content: "\f0aa";
}
.fa-arrow-circle-down:before {
content: "\f0ab";
}
.fa-globe:before {
content: "\f0ac";
}
.fa-wrench:before {
content: "\f0ad";
}
.fa-tasks:before {
content: "\f0ae";
}
.fa-filter:before {
content: "\f0b0";
}
.fa-briefcase:before {
content: "\f0b1";
}
.fa-arrows-alt:before {
content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
content: "\f0c1";
}
.fa-cloud:before {
content: "\f0c2";
}
.fa-flask:before {
content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
content: "\f0c5";
}
.fa-paperclip:before {
content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
content: "\f0c7";
}
.fa-square:before {
content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "\f0c9";
}
.fa-list-ul:before {
content: "\f0ca";
}
.fa-list-ol:before {
content: "\f0cb";
}
.fa-strikethrough:before {
content: "\f0cc";
}
.fa-underline:before {
content: "\f0cd";
}
.fa-table:before {
content: "\f0ce";
}
.fa-magic:before {
content: "\f0d0";
}
.fa-truck:before {
content: "\f0d1";
}
.fa-pinterest:before {
content: "\f0d2";
}
.fa-pinterest-square:before {
content: "\f0d3";
}
.fa-google-plus-square:before {
content: "\f0d4";
}
.fa-google-plus:before {
content: "\f0d5";
}
.fa-money:before {
content: "\f0d6";
}
.fa-caret-down:before {
content: "\f0d7";
}
.fa-caret-up:before {
content: "\f0d8";
}
.fa-caret-left:before {
content: "\f0d9";
}
.fa-caret-right:before {
content: "\f0da";
}
.fa-columns:before {
content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
content: "\f0de";
}
.fa-envelope:before {
content: "\f0e0";
}
.fa-linkedin:before {
content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
content: "\f0e4";
}
.fa-comment-o:before {
content: "\f0e5";
}
.fa-comments-o:before {
content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
content: "\f0e7";
}
.fa-sitemap:before {
content: "\f0e8";
}
.fa-umbrella:before {
content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
content: "\f0ea";
}
.fa-lightbulb-o:before {
content: "\f0eb";
}
.fa-exchange:before {
content: "\f0ec";
}
.fa-cloud-download:before {
content: "\f0ed";
}
.fa-cloud-upload:before {
content: "\f0ee";
}
.fa-user-md:before {
content: "\f0f0";
}
.fa-stethoscope:before {
content: "\f0f1";
}
.fa-suitcase:before {
content: "\f0f2";
}
.fa-bell-o:before {
content: "\f0a2";
}
.fa-coffee:before {
content: "\f0f4";
}
.fa-cutlery:before {
content: "\f0f5";
}
.fa-file-text-o:before {
content: "\f0f6";
}
.fa-building-o:before {
content: "\f0f7";
}
.fa-hospital-o:before {
content: "\f0f8";
}
.fa-ambulance:before {
content: "\f0f9";
}
.fa-medkit:before {
content: "\f0fa";
}
.fa-fighter-jet:before {
content: "\f0fb";
}
.fa-beer:before {
content: "\f0fc";
}
.fa-h-square:before {
content: "\f0fd";
}
.fa-plus-square:before {
content: "\f0fe";
}
.fa-angle-double-left:before {
content: "\f100";
}
.fa-angle-double-right:before {
content: "\f101";
}
.fa-angle-double-up:before {
content: "\f102";
}
.fa-angle-double-down:before {
content: "\f103";
}
.fa-angle-left:before {
content: "\f104";
}
.fa-angle-right:before {
content: "\f105";
}
.fa-angle-up:before {
content: "\f106";
}
.fa-angle-down:before {
content: "\f107";
}
.fa-desktop:before {
content: "\f108";
}
.fa-laptop:before {
content: "\f109";
}
.fa-tablet:before {
content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\f10b";
}
.fa-circle-o:before {
content: "\f10c";
}
.fa-quote-left:before {
content: "\f10d";
}
.fa-quote-right:before {
content: "\f10e";
}
.fa-spinner:before {
content: "\f110";
}
.fa-circle:before {
content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
content: "\f112";
}
.fa-github-alt:before {
content: "\f113";
}
.fa-folder-o:before {
content: "\f114";
}
.fa-folder-open-o:before {
content: "\f115";
}
.fa-smile-o:before {
content: "\f118";
}
.fa-frown-o:before {
content: "\f119";
}
.fa-meh-o:before {
content: "\f11a";
}
.fa-gamepad:before {
content: "\f11b";
}
.fa-keyboard-o:before {
content: "\f11c";
}
.fa-flag-o:before {
content: "\f11d";
}
.fa-flag-checkered:before {
content: "\f11e";
}
.fa-terminal:before {
content: "\f120";
}
.fa-code:before {
content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\f123";
}
.fa-location-arrow:before {
content: "\f124";
}
.fa-crop:before {
content: "\f125";
}
.fa-code-fork:before {
content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
content: "\f127";
}
.fa-question:before {
content: "\f128";
}
.fa-info:before {
content: "\f129";
}
.fa-exclamation:before {
content: "\f12a";
}
.fa-superscript:before {
content: "\f12b";
}
.fa-subscript:before {
content: "\f12c";
}
.fa-eraser:before {
content: "\f12d";
}
.fa-puzzle-piece:before {
content: "\f12e";
}
.fa-microphone:before {
content: "\f130";
}
.fa-microphone-slash:before {
content: "\f131";
}
.fa-shield:before {
content: "\f132";
}
.fa-calendar-o:before {
content: "\f133";
}
.fa-fire-extinguisher:before {
content: "\f134";
}
.fa-rocket:before {
content: "\f135";
}
.fa-maxcdn:before {
content: "\f136";
}
.fa-chevron-circle-left:before {
content: "\f137";
}
.fa-chevron-circle-right:before {
content: "\f138";
}
.fa-chevron-circle-up:before {
content: "\f139";
}
.fa-chevron-circle-down:before {
content: "\f13a";
}
.fa-html5:before {
content: "\f13b";
}
.fa-css3:before {
content: "\f13c";
}
.fa-anchor:before {
content: "\f13d";
}
.fa-unlock-alt:before {
content: "\f13e";
}
.fa-bullseye:before {
content: "\f140";
}
.fa-ellipsis-h:before {
content: "\f141";
}
.fa-ellipsis-v:before {
content: "\f142";
}
.fa-rss-square:before {
content: "\f143";
}
.fa-play-circle:before {
content: "\f144";
}
.fa-ticket:before {
content: "\f145";
}
.fa-minus-square:before {
content: "\f146";
}
.fa-minus-square-o:before {
content: "\f147";
}
.fa-level-up:before {
content: "\f148";
}
.fa-level-down:before {
content: "\f149";
}
.fa-check-square:before {
content: "\f14a";
}
.fa-pencil-square:before {
content: "\f14b";
}
.fa-external-link-square:before {
content: "\f14c";
}
.fa-share-square:before {
content: "\f14d";
}
.fa-compass:before {
content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
content: "\f153";
}
.fa-gbp:before {
content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "\f158";
}
.fa-won:before,
.fa-krw:before {
content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
content: "\f15a";
}
.fa-file:before {
content: "\f15b";
}
.fa-file-text:before {
content: "\f15c";
}
.fa-sort-alpha-asc:before {
content: "\f15d";
}
.fa-sort-alpha-desc:before {
content: "\f15e";
}
.fa-sort-amount-asc:before {
content: "\f160";
}
.fa-sort-amount-desc:before {
content: "\f161";
}
.fa-sort-numeric-asc:before {
content: "\f162";
}
.fa-sort-numeric-desc:before {
content: "\f163";
}
.fa-thumbs-up:before {
content: "\f164";
}
.fa-thumbs-down:before {
content: "\f165";
}
.fa-youtube-square:before {
content: "\f166";
}
.fa-youtube:before {
content: "\f167";
}
.fa-xing:before {
content: "\f168";
}
.fa-xing-square:before {
content: "\f169";
}
.fa-youtube-play:before {
content: "\f16a";
}
.fa-dropbox:before {
content: "\f16b";
}
.fa-stack-overflow:before {
content: "\f16c";
}
.fa-instagram:before {
content: "\f16d";
}
.fa-flickr:before {
content: "\f16e";
}
.fa-adn:before {
content: "\f170";
}
.fa-bitbucket:before {
content: "\f171";
}
.fa-bitbucket-square:before {
content: "\f172";
}
.fa-tumblr:before {
content: "\f173";
}
.fa-tumblr-square:before {
content: "\f174";
}
.fa-long-arrow-down:before {
content: "\f175";
}
.fa-long-arrow-up:before {
content: "\f176";
}
.fa-long-arrow-left:before {
content: "\f177";
}
.fa-long-arrow-right:before {
content: "\f178";
}
.fa-apple:before {
content: "\f179";
}
.fa-windows:before {
content: "\f17a";
}
.fa-android:before {
content: "\f17b";
}
.fa-linux:before {
content: "\f17c";
}
.fa-dribbble:before {
content: "\f17d";
}
.fa-skype:before {
content: "\f17e";
}
.fa-foursquare:before {
content: "\f180";
}
.fa-trello:before {
content: "\f181";
}
.fa-female:before {
content: "\f182";
}
.fa-male:before {
content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
content: "\f184";
}
.fa-sun-o:before {
content: "\f185";
}
.fa-moon-o:before {
content: "\f186";
}
.fa-archive:before {
content: "\f187";
}
.fa-bug:before {
content: "\f188";
}
.fa-vk:before {
content: "\f189";
}
.fa-weibo:before {
content: "\f18a";
}
.fa-renren:before {
content: "\f18b";
}
.fa-pagelines:before {
content: "\f18c";
}
.fa-stack-exchange:before {
content: "\f18d";
}
.fa-arrow-circle-o-right:before {
content: "\f18e";
}
.fa-arrow-circle-o-left:before {
content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "\f191";
}
.fa-dot-circle-o:before {
content: "\f192";
}
.fa-wheelchair:before {
content: "\f193";
}
.fa-vimeo-square:before {
content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
content: "\f195";
}
.fa-plus-square-o:before {
content: "\f196";
}
.fa-space-shuttle:before {
content: "\f197";
}
.fa-slack:before {
content: "\f198";
}
.fa-envelope-square:before {
content: "\f199";
}
.fa-wordpress:before {
content: "\f19a";
}
.fa-openid:before {
content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "\f19d";
}
.fa-yahoo:before {
content: "\f19e";
}
.fa-google:before {
content: "\f1a0";
}
.fa-reddit:before {
content: "\f1a1";
}
.fa-reddit-square:before {
content: "\f1a2";
}
.fa-stumbleupon-circle:before {
content: "\f1a3";
}
.fa-stumbleupon:before {
content: "\f1a4";
}
.fa-delicious:before {
content: "\f1a5";
}
.fa-digg:before {
content: "\f1a6";
}
.fa-pied-piper-pp:before {
content: "\f1a7";
}
.fa-pied-piper-alt:before {
content: "\f1a8";
}
.fa-drupal:before {
content: "\f1a9";
}
.fa-joomla:before {
content: "\f1aa";
}
.fa-language:before {
content: "\f1ab";
}
.fa-fax:before {
content: "\f1ac";
}
.fa-building:before {
content: "\f1ad";
}
.fa-child:before {
content: "\f1ae";
}
.fa-paw:before {
content: "\f1b0";
}
.fa-spoon:before {
content: "\f1b1";
}
.fa-cube:before {
content: "\f1b2";
}
.fa-cubes:before {
content: "\f1b3";
}
.fa-behance:before {
content: "\f1b4";
}
.fa-behance-square:before {
content: "\f1b5";
}
.fa-steam:before {
content: "\f1b6";
}
.fa-steam-square:before {
content: "\f1b7";
}
.fa-recycle:before {
content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
content: "\f1ba";
}
.fa-tree:before {
content: "\f1bb";
}
.fa-spotify:before {
content: "\f1bc";
}
.fa-deviantart:before {
content: "\f1bd";
}
.fa-soundcloud:before {
content: "\f1be";
}
.fa-database:before {
content: "\f1c0";
}
.fa-file-pdf-o:before {
content: "\f1c1";
}
.fa-file-word-o:before {
content: "\f1c2";
}
.fa-file-excel-o:before {
content: "\f1c3";
}
.fa-file-powerpoint-o:before {
content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "\f1c8";
}
.fa-file-code-o:before {
content: "\f1c9";
}
.fa-vine:before {
content: "\f1ca";
}
.fa-codepen:before {
content: "\f1cb";
}
.fa-jsfiddle:before {
content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "\f1cd";
}
.fa-circle-o-notch:before {
content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
content: "\f1d1";
}
.fa-git-square:before {
content: "\f1d2";
}
.fa-git:before {
content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: "\f1d4";
}
.fa-tencent-weibo:before {
content: "\f1d5";
}
.fa-qq:before {
content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content: "\f1d9";
}
.fa-history:before {
content: "\f1da";
}
.fa-circle-thin:before {
content: "\f1db";
}
.fa-header:before {
content: "\f1dc";
}
.fa-paragraph:before {
content: "\f1dd";
}
.fa-sliders:before {
content: "\f1de";
}
.fa-share-alt:before {
content: "\f1e0";
}
.fa-share-alt-square:before {
content: "\f1e1";
}
.fa-bomb:before {
content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: "\f1e3";
}
.fa-tty:before {
content: "\f1e4";
}
.fa-binoculars:before {
content: "\f1e5";
}
.fa-plug:before {
content: "\f1e6";
}
.fa-slideshare:before {
content: "\f1e7";
}
.fa-twitch:before {
content: "\f1e8";
}
.fa-yelp:before {
content: "\f1e9";
}
.fa-newspaper-o:before {
content: "\f1ea";
}
.fa-wifi:before {
content: "\f1eb";
}
.fa-calculator:before {
content: "\f1ec";
}
.fa-paypal:before {
content: "\f1ed";
}
.fa-google-wallet:before {
content: "\f1ee";
}
.fa-cc-visa:before {
content: "\f1f0";
}
.fa-cc-mastercard:before {
content: "\f1f1";
}
.fa-cc-discover:before {
content: "\f1f2";
}
.fa-cc-amex:before {
content: "\f1f3";
}
.fa-cc-paypal:before {
content: "\f1f4";
}
.fa-cc-stripe:before {
content: "\f1f5";
}
.fa-bell-slash:before {
content: "\f1f6";
}
.fa-bell-slash-o:before {
content: "\f1f7";
}
.fa-trash:before {
content: "\f1f8";
}
.fa-copyright:before {
content: "\f1f9";
}
.fa-at:before {
content: "\f1fa";
}
.fa-eyedropper:before {
content: "\f1fb";
}
.fa-paint-brush:before {
content: "\f1fc";
}
.fa-birthday-cake:before {
content: "\f1fd";
}
.fa-area-chart:before {
content: "\f1fe";
}
.fa-pie-chart:before {
content: "\f200";
}
.fa-line-chart:before {
content: "\f201";
}
.fa-lastfm:before {
content: "\f202";
}
.fa-lastfm-square:before {
content: "\f203";
}
.fa-toggle-off:before {
content: "\f204";
}
.fa-toggle-on:before {
content: "\f205";
}
.fa-bicycle:before {
content: "\f206";
}
.fa-bus:before {
content: "\f207";
}
.fa-ioxhost:before {
content: "\f208";
}
.fa-angellist:before {
content: "\f209";
}
.fa-cc:before {
content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: "\f20b";
}
.fa-meanpath:before {
content: "\f20c";
}
.fa-buysellads:before {
content: "\f20d";
}
.fa-connectdevelop:before {
content: "\f20e";
}
.fa-dashcube:before {
content: "\f210";
}
.fa-forumbee:before {
content: "\f211";
}
.fa-leanpub:before {
content: "\f212";
}
.fa-sellsy:before {
content: "\f213";
}
.fa-shirtsinbulk:before {
content: "\f214";
}
.fa-simplybuilt:before {
content: "\f215";
}
.fa-skyatlas:before {
content: "\f216";
}
.fa-cart-plus:before {
content: "\f217";
}
.fa-cart-arrow-down:before {
content: "\f218";
}
.fa-diamond:before {
content: "\f219";
}
.fa-ship:before {
content: "\f21a";
}
.fa-user-secret:before {
content: "\f21b";
}
.fa-motorcycle:before {
content: "\f21c";
}
.fa-street-view:before {
content: "\f21d";
}
.fa-heartbeat:before {
content: "\f21e";
}
.fa-venus:before {
content: "\f221";
}
.fa-mars:before {
content: "\f222";
}
.fa-mercury:before {
content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
content: "\f224";
}
.fa-transgender-alt:before {
content: "\f225";
}
.fa-venus-double:before {
content: "\f226";
}
.fa-mars-double:before {
content: "\f227";
}
.fa-venus-mars:before {
content: "\f228";
}
.fa-mars-stroke:before {
content: "\f229";
}
.fa-mars-stroke-v:before {
content: "\f22a";
}
.fa-mars-stroke-h:before {
content: "\f22b";
}
.fa-neuter:before {
content: "\f22c";
}
.fa-genderless:before {
content: "\f22d";
}
.fa-facebook-official:before {
content: "\f230";
}
.fa-pinterest-p:before {
content: "\f231";
}
.fa-whatsapp:before {
content: "\f232";
}
.fa-server:before {
content: "\f233";
}
.fa-user-plus:before {
content: "\f234";
}
.fa-user-times:before {
content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
content: "\f236";
}
.fa-viacoin:before {
content: "\f237";
}
.fa-train:before {
content: "\f238";
}
.fa-subway:before {
content: "\f239";
}
.fa-medium:before {
content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
content: "\f23b";
}
.fa-optin-monster:before {
content: "\f23c";
}
.fa-opencart:before {
content: "\f23d";
}
.fa-expeditedssl:before {
content: "\f23e";
}
.fa-battery-4:before,
.fa-battery-full:before {
content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
content: "\f244";
}
.fa-mouse-pointer:before {
content: "\f245";
}
.fa-i-cursor:before {
content: "\f246";
}
.fa-object-group:before {
content: "\f247";
}
.fa-object-ungroup:before {
content: "\f248";
}
.fa-sticky-note:before {
content: "\f249";
}
.fa-sticky-note-o:before {
content: "\f24a";
}
.fa-cc-jcb:before {
content: "\f24b";
}
.fa-cc-diners-club:before {
content: "\f24c";
}
.fa-clone:before {
content: "\f24d";
}
.fa-balance-scale:before {
content: "\f24e";
}
.fa-hourglass-o:before {
content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: "\f253";
}
.fa-hourglass:before {
content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: "\f256";
}
.fa-hand-scissors-o:before {
content: "\f257";
}
.fa-hand-lizard-o:before {
content: "\f258";
}
.fa-hand-spock-o:before {
content: "\f259";
}
.fa-hand-pointer-o:before {
content: "\f25a";
}
.fa-hand-peace-o:before {
content: "\f25b";
}
.fa-trademark:before {
content: "\f25c";
}
.fa-registered:before {
content: "\f25d";
}
.fa-creative-commons:before {
content: "\f25e";
}
.fa-gg:before {
content: "\f260";
}
.fa-gg-circle:before {
content: "\f261";
}
.fa-tripadvisor:before {
content: "\f262";
}
.fa-odnoklassniki:before {
content: "\f263";
}
.fa-odnoklassniki-square:before {
content: "\f264";
}
.fa-get-pocket:before {
content: "\f265";
}
.fa-wikipedia-w:before {
content: "\f266";
}
.fa-safari:before {
content: "\f267";
}
.fa-chrome:before {
content: "\f268";
}
.fa-firefox:before {
content: "\f269";
}
.fa-opera:before {
content: "\f26a";
}
.fa-internet-explorer:before {
content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
content: "\f26c";
}
.fa-contao:before {
content: "\f26d";
}
.fa-500px:before {
content: "\f26e";
}
.fa-amazon:before {
content: "\f270";
}
.fa-calendar-plus-o:before {
content: "\f271";
}
.fa-calendar-minus-o:before {
content: "\f272";
}
.fa-calendar-times-o:before {
content: "\f273";
}
.fa-calendar-check-o:before {
content: "\f274";
}
.fa-industry:before {
content: "\f275";
}
.fa-map-pin:before {
content: "\f276";
}
.fa-map-signs:before {
content: "\f277";
}
.fa-map-o:before {
content: "\f278";
}
.fa-map:before {
content: "\f279";
}
.fa-commenting:before {
content: "\f27a";
}
.fa-commenting-o:before {
content: "\f27b";
}
.fa-houzz:before {
content: "\f27c";
}
.fa-vimeo:before {
content: "\f27d";
}
.fa-black-tie:before {
content: "\f27e";
}
.fa-fonticons:before {
content: "\f280";
}
.fa-reddit-alien:before {
content: "\f281";
}
.fa-edge:before {
content: "\f282";
}
.fa-credit-card-alt:before {
content: "\f283";
}
.fa-codiepie:before {
content: "\f284";
}
.fa-modx:before {
content: "\f285";
}
.fa-fort-awesome:before {
content: "\f286";
}
.fa-usb:before {
content: "\f287";
}
.fa-product-hunt:before {
content: "\f288";
}
.fa-mixcloud:before {
content: "\f289";
}
.fa-scribd:before {
content: "\f28a";
}
.fa-pause-circle:before {
content: "\f28b";
}
.fa-pause-circle-o:before {
content: "\f28c";
}
.fa-stop-circle:before {
content: "\f28d";
}
.fa-stop-circle-o:before {
content: "\f28e";
}
.fa-shopping-bag:before {
content: "\f290";
}
.fa-shopping-basket:before {
content: "\f291";
}
.fa-hashtag:before {
content: "\f292";
}
.fa-bluetooth:before {
content: "\f293";
}
.fa-bluetooth-b:before {
content: "\f294";
}
.fa-percent:before {
content: "\f295";
}
.fa-gitlab:before {
content: "\f296";
}
.fa-wpbeginner:before {
content: "\f297";
}
.fa-wpforms:before {
content: "\f298";
}
.fa-envira:before {
content: "\f299";
}
.fa-universal-access:before {
content: "\f29a";
}
.fa-wheelchair-alt:before {
content: "\f29b";
}
.fa-question-circle-o:before {
content: "\f29c";
}
.fa-blind:before {
content: "\f29d";
}
.fa-audio-description:before {
content: "\f29e";
}
.fa-volume-control-phone:before {
content: "\f2a0";
}
.fa-braille:before {
content: "\f2a1";
}
.fa-assistive-listening-systems:before {
content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
content: "\f2a4";
}
.fa-glide:before {
content: "\f2a5";
}
.fa-glide-g:before {
content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
content: "\f2a7";
}
.fa-low-vision:before {
content: "\f2a8";
}
.fa-viadeo:before {
content: "\f2a9";
}
.fa-viadeo-square:before {
content: "\f2aa";
}
.fa-snapchat:before {
content: "\f2ab";
}
.fa-snapchat-ghost:before {
content: "\f2ac";
}
.fa-snapchat-square:before {
content: "\f2ad";
}
.fa-pied-piper:before {
content: "\f2ae";
}
.fa-first-order:before {
content: "\f2b0";
}
.fa-yoast:before {
content: "\f2b1";
}
.fa-themeisle:before {
content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
content: "\f2b4";
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
/* Font Awesome CSS End */
/* Video-Js CSS Start */
.video-js .vjs-big-play-button:before, .video-js .vjs-control:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.video-js .vjs-big-play-button:before, .video-js .vjs-control:before {
text-align: center; }
@font-face {
font-family: VideoJS;
src: url("../font/VideoJS.eot?#iefix") format("eot"); }
@font-face {
font-family: VideoJS;
src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAA4wAAoAAAAAFfAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAD4AAABWUZFeBGNtYXAAAAE0AAAAOgAAAUriLxC2Z2x5ZgAAAXAAAAnnAAAO5OV/F/5oZWFkAAALWAAAACsAAAA2C4eUa2hoZWEAAAuEAAAAGAAAACQOogcfaG10eAAAC5wAAAAPAAAAeNIAAABsb2NhAAALrAAAAD4AAAA+MMgtQm1heHAAAAvsAAAAHwAAACABLwB5bmFtZQAADAwAAAElAAACCtXH9aBwb3N0AAANNAAAAPkAAAF5vawAenicY2BkZ2CcwMDKwMFSyPKMgYHhF4RmjmEIZzzHwMDEwMrMgBUEpLmmMDh8ZPwoyw7iLmSHCDOCCADu/Qo9AAB4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGD7K/v8PUvCREUTzM0DVAwEjG8OIBwCOWgbUAAB4nI1XfVBU1xV/574vlsUlj/14grDs48FuAgaR3X2LEnY3UZSgEkTwAySAgkIwI8bRfFDjTszYCWRMW9lNa4y2meokmq+2k5ia0dpkmknbkWgSSW3GyaaNf0RTx0wxX7A3Pe/tQmIgHXf3vXvvueeee+45v3POXQYY/PCD/CBDGAYkIE2sxg+OXSJmhmH1OaFX6MU5C5PDMCZi5Rg2i+ELGSthwM14NCbgYGSBIZfhFA1H6Zu0OS0NDkMVfg+npdFm+maCvigI0JBIQIMg0BdJGdTj9ylj7nr+b97+Hl8C1+H2xNAvjPqxjIgaKtItICkSnIISeo40QQls4xxjlzgHsnGGvi7BxQiMlSlkPMhfCh67rAUEUQ6CHxW2O7JARCkKnlUQ7UEIyAEQZe4MdDW9xr5OPFuKbubpRxcPDY8da4MOelDfAYJLW+sGKn/Vlmjfv5+NdB4oOfTazJn3tGxZtL9xFNZX7PPRUbjcRg/SMB2EL+gblXn7shbO/WUbF9u/H5XQ9eKO8iMMr9tY35qYoRi20wGuXV/CHaGDk2fdgHwCk5HUXQpCcgHfBV2NjV3jkq4PHTSUSBwuOQALvxPAps6fiftk6P6yJpcm5bB4dFkgoh195mbiSTnkL3jupq7jh4ZZdvjQRVB4PPx3SsVTu5D/6kd85RU66ttXAeuuXYN1E/Y2sMMzZkZiZNRZlRS/ynr9Xr8Cql2RVNbutXslYo7B9ngsFqcDbCQO22PxeIxcpgMxkh6PjUdwkvw6hvRpZeoCFKshDQzJVr++DWyLx+hAXJcGp3TJMV1ME45xCNvHLsWRrpOZSduOoG0zERuIIwuIkhNkBREglQKLiODD45FQE0BTiE214xE2wp8zOt9NjH3GRtDMk7Ehoq2tzCzGxdyMEQJuD0qGIrQ58ApoWQE3D2h1h6zwuB14wYFIDAA5CZ11jT+92gFZ7B7/p7+hV8jFxBl4aG03wLiVXtBbCylLfIJzkPUAvWAw0yvsVdKdBbC6nnruP/RFkHqWJLZ2Auxdtgy+6qTf7l1WswTJcJ6mGVxwXj92UtfU2WXUNX+qBUCxK6D4FR4f/cufG1sZbiSkMcwdMdoxBxTTEXIp4SCXMNhHoFjvTTFP4vkoPReNRmPRCTwa+3qY0DR7qn7Vjh612wRRTaI04HWCnZ+gIzvS/ZJP0+mynphCui4hzmG0id6+aLSv2BV3FQMYDTHrlGQ/SZ+q4ZdF8aLa5Ar8GW3tVNKEj13cF0buMaesx1i9CL/Uo1tM0h+74o9HjQ+UcPaxy8mH9ccwK8KpKA3rHdIUjTKpfIBxuokpxUGBIILm84ATvHh8tAIe2iZj8KvYwUOXawHMVNgxZvlwSa0z8Zkokkxn3ey2nYTsbMO3mPh8cji7zklsPLD9a9f2s2w/uSt/FgSytWzw5bmS3PielU1P56aGrlz6NzlnbT8h/Wtb+1OxIqxBbC9g7kINUbtAEDxsKWSCe46eltCPmaiUxy2IrODIB8EmixaQrU4IAQ6THg6BFpAdWsCquT16DkL9ccIC/FGeP5AuiDExe8bx+QtzWVsmHcm0kdzqecdn5IhRkTc/zfNPm3ns5sw4Pq86l9gyofh6jkTF5iFChjYbbzZQWFvYb8qZAWyGiV9ya+5bFgnzpuWt3FuX8KYMmsiYZepPseBgGhZcOMt0+4Q8fDOTftJjHIuhdaLsFXFM9AclTi9jbGRq8ZvIOykZei77kfo53eoppVPovbGiyV63p/p/dkWETTjmhjTIm8RP284b04bcNYlRsvO6Gp2JeaiIueVHsgJGF2aASlCQLuG8EsBomzb++/AXmwhaOoLhL7iQ4/uc449gWJ56/XWDARn74v/PL1bRBB4TBEyYrqezSkUPHaWjPWCm13ogAzJ66LVpbTEuXccDZlyXxBQ/IrzKOPS7gAkkIyZ0N6joE6M246aDsO1kgucTJ/EdFWA5pbAcTfoSP4hJeBCni7nEn5IclL4kpDgmMMuH8Kpk0+WrBUIeKCyWS0nPVz7NW86Hnl55GxR5KB3+9tszL+wVRulXNTUn6D8SJvIl3PzP46eZST/tQTllTDXTzmxCaTYna7eJAqcWuD1ulBXQsMz5fQEBCfowCF5FVDF/2yysB9OW5veVEtRAFOy41FoeJEiAOZhDiFstsKAwJ8Hijs72q1jWvWx+uKU5XFZDLx189OK8ojW1u0By5dtLHUN/rwkte68PnhnYVbt0bvWiub9w1+f4C0L3hIuXZ8+xlVSt0eb3tgQsmVZnem5R3U0uf/fmFdqiLTvY3nPnet5/v4f9pLB6QX2krnnFQ1tXtN+2ePlAaUNWcfiWwrncn4ca9ml3hFeHHm+u2bq4MhxUZs3bMH/3jgaPUtlVunFjg2/8yRzf3cHsssKZqlnOqyCWworWykW9lXnspk0ffrjpfCreIpjPWbwnFxt3PAkcQgkUuH1auUMf+txJQ0hK1k1zsNaqQdaLMxfoq9AGGxtJQ+fGw53cE/TY8pWhJruZHiMAcCexFS/eGDp6hntiXGE/gvI7163b29ExfiHxNsnqub/a6/QmPoAn4GpZ2c9cZRX5/57IWUNYuubiQBAddhuxAKe6PA5vuV5dkk0VXkMM3zk42W3Awrgka8LQgjZY+tQIffd5+vnHasnHL/cczldyS4r79i6su6Nu9oPQ8lbaid2Pt9/bXtTTynevq7bkPkITV47d+3NugOzo4M3y77Zxbnb2nhWrl0T/kO4u3H1ig33e1lD6JDYjiKkCHOioF0pZv6T6gxxipxLNhFc8xERA48vq5ZfXdL/QV6c8W3PfwjIsZyI3Csvo72e4FpTVwTv/UYNAKtY+8MB84vogZ1Xr5lW38iJdPZ74xunzO4Gk7BARIkytjlyCoPVoIb3IluMfAYRhEoAO2aGXKc2TNAJaSwdzQEeq7jC7TWYF2Y2jrEIXlyVEhunBs5t7K62a7Z6qB0923/+vPT2v7mwpqV/mTEsTiCB5zz735HOP9VbVWtKKZK08uDJ7vcQN02HogGegY5iNnKUHh12ti9/zzHvsauy+tx+e375j94LuA64MV/5MQbZVNT95/re7jlxZVaVuW5Nffsd9TXfOpXcv6m2Bn3x6FgXg/oz+P0h/ce8g2mTEWxVTzzQzrTruNCcRdbu6VY87gLVXc4uSjXfosak7XxWM4oyl+ockmzCFhJXaGwK8e6sCW2T3sLmPnh5qSZtx9JHFL6QBHGnsTjdtWQ8PFygWtQTIkrI84NILfQSC65FUMFsnOYFHEoSmUCD49a4rt3985PTsd8GzB/5KEnzmhhORgVOZPM+yb5KmpRu38jQqviH6826Lrdrxx6DZdFPo2fVbTiy9AUpDJ3SxGYvpK7u+Rhz8D4BCxssAeJxjYGRgYABi/vcdWfH8Nl8ZuNkZQODSliXbkWl2BrA4BwMTiAIAKDsJfgB4nGNgZGBgZwCChWASxGZkQAVyABOTANd4nGNnYGBgHwAMADNUANMAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IAAHicY2BkYGCQY8hlYGcAASYg5gJCBob/YD4DABa6AakAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2P2XLCMAxFfYE4CWlZSveFP8hHOY4gHhw79VLav68hMNOH6kG60mg5YhM22pr9b1vGMMEUM2TgyFGgxBwVbnCLBZZYYY07bHCPBzziCc94wSve8I4PbGeDFj/VydVSOakpG0T0VH1ZHXuq+xhoftHaHq+yV+21o1P7brWLWnvpiExNJpBb/i18q8D9ZxSOcj8oY8iVPjZBBU2+kGIIypokuqTI+cx3qXMq7Z6PQIsx1DYGrQxtLul50YV50rVcCiNJc0enX4qdkNRYe8j2g46+SIMHapXJw1GFdIWH2DfalQknZeTDWsRW2bqlBK3ORIz9AqJUapQAAAA=) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMlGRXgQAAAEoAAAAVmNtYXDiLxC2AAAB+AAAAUpnbHlm5X8X/gAAA4QAAA7kaGVhZAuHlGsAAADQAAAANmhoZWEOogcfAAAArAAAACRobXR40gAAAAAAAYAAAAB4bG9jYTDILUIAAANEAAAAPm1heHABLwB5AAABCAAAACBuYW1l1cf1oAAAEmgAAAIKcG9zdL2sAHoAABR0AAABeQABAAAHAAAAAKEHAAAAAAAHAAABAAAAAAAAAAAAAAAAAAAAHgABAAAAAQAAD+/W/l8PPPUACwcAAAAAANK0pLcAAAAA0rSktwAAAAAHAAcAAAAACAACAAAAAAAAAAEAAAAeAG0ABwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQcAAZAABQAIBHEE5gAAAPoEcQTmAAADXABXAc4AAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA8QHxHQcAAAAAoQcAAAAAAAABAAAAAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAADxHf//AAAAAPEB//8AAA8AAAEAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4AUABmALIAxgDmAR4BSAF0AZwB8gIuAo4CugMKA44DsAPqBDgEfAS4BOgFDAWiBegGNgZsBtoHcgAAAAEAAAAABYsFiwACAAABEQECVQM2BYv76gILAAADAAAAAAZrBmsAAgAOABoAAAkCEwQAAxIABSQAEwIAASYAJzYANxYAFwYAAusBwP5Alf7D/loICAGmAT0BPQGmCAj+Wv7D/f6uBgYBUv39AVIGBv6uAjABUAFQAZsI/lr+w/7D/loICAGmAT0BPQGm+sgGAVL9/QFSBgb+rv39/q4AAAACAAAAAAVABYsAAwAHAAABIREpAREhEQHAASv+1QJVASsBdQQW++oEFgAAAAQAAAAABiAGIAAGABMAJAAnAAABLgEnFRc2NwYHFz4BNSYAJxUWEgEHASERIQERAQYHFT4BNxc3AQcXBNABZVW4A7sCJ3ElKAX+3+Wlzvu3XwFh/p8BKwF1AT5MXU6KO5lf/WCcnAOAZJ4rpbgYGGpbcUacVPQBYziaNP70Aetf/p/+QP6LAfb+wjsdmhJEMZhfBJacnAAAAQAAAAAEqwXWAAUAAAERIQERAQILASoBdv6KBGD+QP6LBKr+iwAAAAIAAAAABWYF1gAGAAwAAAEuAScRPgEBESEBEQEFZQFlVFRl/BEBKwF1/osDgGSeK/2mK54BRP5A/osEqv6LAAADAAAAAAYgBg8ABQAMABoAABMRIQERAQUuAScRPgEDFRYSFwYCBxU2ADcmAOABKwF1/osCxQFlVVVluqXOAwPOpeUBIQUF/t8EYP5A/osEqv6L4GSeK/2mK54C85o0/vS1tf70NJo4AWL19QFiAAAABAAAAAAFiwWLAAUACwARABcAAAEjESE1IwMzNTM1IQEjFSERIwMVMxUzEQILlgF24JaW4P6KA4DgAXaW4OCWAuv+ipYCCuCW/ICWAXYCoJbgAXYABAAAAAAFiwWLAAUACwARABcAAAEzFTMRIRMjFSERIwEzNTM1IRM1IxEhNQF14Jb+iuDgAXaWAcCW4P6KlpYBdgJV4AF2AcCWAXb76uCWAcDg/oqWAAAAAAIAAAAABdYF1gAPABMAAAEhDgEHER4BFyE+ATcRLgEDIREhBUD8gD9VAQFVPwOAP1UBAVU//IADgAXVAVU//IA/VQEBVT8DgD9V++wDgAAABgAAAAAGawZrAAcADAATABsAIAAoAAAJASYnDgEHASUuAScBBSEBNhI3JgUBBgIHFhchBR4BFwEzARYXPgE3AQK+AWROVIfwYQESA4416aH+7gLl/dABelxoAQH8E/7dXGgBAQ4CMP3kNemhARJ4/t1OVIfwYf7uA/ACaBIBAVhQ/id3pfY+/idL/XNkAQGTTU0B+GT+/5NNSEul9j4B2f4IEgEBWFAB2QAAAAUAAAAABmsF1gAPABMAFwAbAB8AAAEhDgEHER4BFyE+ATcRLgEBIRUhASE1IQUhNSE1ITUhBdX7VkBUAgJUQASqQFQCAlT7FgEq/tYC6v0WAuoBwP7WASr9FgLqBdUBVT/8gD9VAQFVPwOAP1X9rJX+1ZWVlZaVAAMAAAAABiAF1gAPACcAPwAAASEOAQcRHgEXIT4BNxEuAQEjNSMVMzUzFRQGByMuAScRPgE3Mx4BFQUjNSMVMzUzFQ4BByMuATURNDY3Mx4BFwWL++o/VAICVD8EFj9UAgJU/WtwlZVwKiDgICoBASog4CAqAgtwlZVwASog4CAqKiDgICoBBdUBVT/8gD9VAQFVPwOAP1X99yXgJUogKgEBKiABKiAqAQEqIEol4CVKICoBASogASogKgEBKiAAAAYAAAAABiAE9gADAAcACwAPABMAFwAAEzM1IxEzNSMRMzUjASE1IREhNSERFSE14JWVlZWVlQErBBX76wQV++sEFQM1lv5AlQHAlf5Alv5AlQJVlZUAAAABAAAAAAYgBmwALgAAASIGBwE2NCcBHgEzPgE3LgEnDgEHFBcBLgEjDgEHHgEXMjY3AQYHHgEXPgE3LgEFQCtKHv3sBwcCDx5OLF9/AgJ/X19/Agf98R5OLF9/AgJ/XyxOHgIUBQEDe1xcewMDewJPHxsBNxk2GQE0HSACf19ffwICf18bGf7NHCACf19ffwIgHP7KFxpcewICe1xdewAAAgAAAAAGWQZrAEMATwAAATY0Jzc+AScDLgEPASYvAS4BJyEOAQ8BBgcnJgYHAwYWHwEGFBcHDgEXEx4BPwEWHwEeARchPgE/ATY3FxY2NxM2JicFLgEnPgE3HgEXDgEFqwUFngoGB5YHGQ26OkQcAxQP/tYPFAIcRTm6DRoHlQcFC50FBZ0LBQeVBxoNujlFHAIUDwEqDxQCHEU5ug0aB5UHBQv9OG+UAgKUb2+UAgKUAzckSiR7CRoNAQMMCQVLLRzGDhEBAREOxhwtSwUJDP79DBsJeyRKJHsJGg3+/QwJBUstHMYOEQEBEQ7GHC1LBQkMAQMMGwlBApRvb5QCApRvb5QAAAAAAQAAAAAGawZrAAsAABMSAAUkABMCACUEAJUIAaYBPQE9AaYICP5a/sP+w/5aA4D+w/5aCAgBpgE9AT0BpggI/loAAAACAAAAAAZrBmsACwAXAAABBAADEgAFJAATAgABJgAnNgA3FgAXBgADgP7D/loICAGmAT0BPQGmCAj+Wv7D/f6uBgYBUv39AVIGBv6uBmsI/lr+w/7D/loICAGmAT0BPQGm+sgGAVL9/QFSBgb+rv39/q4AAAMAAAAABmsGawALABcAIwAAAQQAAxIABSQAEwIAASYAJzYANxYAFwYAAw4BBy4BJz4BNx4BA4D+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rh0Cf19ffwICf19ffwZrCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAk9ffwICf19ffwICfwAAAAQAAAAABiAGIAAPABsAJQApAAABIQ4BBxEeARchPgE3ES4BASM1IxUjETMVMzU7ASEeARcRDgEHITczNSMFi/vqP1QCAlQ/BBY/VAICVP1rcJVwcJVwlgEqICoBASog/tZwlZUGIAJUP/vqP1QCAlQ/BBY/VPyClZUBwLu7ASog/tYgKgFw4AACAAAAAAZrBmsACwAXAAABBAADEgAFJAATAgATBwkBJwkBNwkBFwEDgP7D/loICAGmAT0BPQGmCAj+Wjhp/vT+9GkBC/71aQEMAQxp/vUGawj+Wv7D/sP+WggIAaYBPQE9Aab8EWkBC/71aQEMAQxp/vUBC2n+9AABAAAAAAXWBrYAFgAAAREJAREeARcOAQcuAScjFgAXNgA3JgADgP6LAXW+/QUF/b6+/QWVBgFR/v4BUQYG/q8FiwEq/ov+iwEqBP2/vv0FBf2+/v6vBgYBUf7+AVEAAAABAAAAAAU/BwAAFAAAAREjIgYdASEDIxEhESMRMzU0NjMyBT+dVjwBJSf+/s7//9Ctkwb0/vhISL3+2P0JAvcBKNq6zQAAAAAEAAAAAAaOBwAAMABFAGAAbAAAARQeAxUUBwYEIyImJyY1NDY3NiUuATU0NwYjIiY1NDY3PgEzIQcjHgEVFA4DJzI2NzY1NC4CIyIGBwYVFB4DEzI+AjU0LgEvASYvAiYjIg4DFRQeAgEzFSMVIzUjNTM1MwMfQFtaQDBI/uqfhOU5JVlKgwERIB8VLhaUy0g/TdNwAaKKg0pMMUVGMZImUBo1Ij9qQCpRGS8UKz1ZNjprWzcODxMeChwlThAgNWhvUzZGcX0Da9XVadTUaQPkJEVDUIBOWlN6c1NgPEdRii5SEipAKSQxBMGUUpo2QkBYP4xaSHNHO0A+IRs5ZjqGfVInITtlLmdnUjT8lxo0Xj4ZMCQYIwsXHTgCDiQ4XTtGazsdA2xs29ts2QADAAAAAAaABmwAAwAOACoAAAERIREBFgYrASImNDYyFgERIRE0JiMiBgcGFREhEhAvASEVIz4DMzIWAd3+tgFfAWdUAlJkZ6ZkBI/+t1FWP1UVC/63AgEBAUkCFCpHZz+r0ASP/CED3wEySWJik2Fh/N39yAISaXdFMx4z/dcBjwHwMDCQIDA4H+MAAAEAAAAABpQGAAAxAAABBgcWFRQCDgEEIyAnFjMyNy4BJxYzMjcuAT0BFhcuATU0NxYEFyY1NDYzMhc2NwYHNgaUQ18BTJvW/tKs/vHhIyvhsGmmHyEcKypwk0ROQk4seQFbxgi9hoxgbWAlaV0FaGJFDhyC/v3ut22RBIoCfWEFCxexdQQmAyyOU1hLlbMKJiSGvWYVOXM/CgAAAAEAAAAABYAHAAAiAAABFw4BBwYuAzURIzU+BDc+ATsBESEVIREUHgI3NgUwUBewWWitcE4hqEhyRDAUBQEHBPQBTf6yDSBDME4Bz+0jPgECOFx4eDoCINcaV11vVy0FB/5Y/P36HjQ1HgECAAEAAAAABoAGgABKAAABFAIEIyInNj8BHgEzMj4BNTQuASMiDgMVFBYXFj8BNjc2JyY1NDYzMhYVFAYjIiY3PgI1NCYjIgYVFBcDBhcmAjU0EiQgBBIGgM7+n9FvazsTNhRqPXm+aHfijmm2f1srUE0eCAgGAgYRM9Gpl6mJaz1KDgglFzYyPlYZYxEEzv7OAWEBogFhzgOA0f6fziBdR9MnOYnwlnLIfjpgfYZDaJ4gDCAfGAYXFD1al9mkg6ruVz0jdVkfMkJyVUkx/l5Ga1sBfOnRAWHOzv6fAAAHAAAAAAcABM8ADgAXACoAPQBQAFoAXQAAARE2HgIHDgEHBiYjJyY3FjY3NiYHERQFFjY3PgE3LgEnIwYfAR4BFw4BFxY2Nz4BNy4BJyMGHwEeARcUBhcWNjc+ATcuAScjBh8BHgEXDgEFMz8BFTMRIwYDJRUnAxyEzZRbCA2rgketCAEBqlRoCglxYwF+IiEOIysBAkswHQEECiQ0AgE+YyIhDiIsAQJLMB4BBQokNAE/YyIhDiIsAQJLMB4BBQokNAEBPvmD7kHhqs0s0gEnjgHJAv0FD2a9gIrADwUFAwPDAlVMZ3MF/pUHwgc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9UmQBZQMMR/61g/kBAAAAAAAQAMYAAQAAAAAAAQAHAAAAAQAAAAAAAgAHAAcAAQAAAAAAAwAHAA4AAQAAAAAABAAHABUAAQAAAAAABQALABwAAQAAAAAABgAHACcAAQAAAAAACgArAC4AAQAAAAAACwATAFkAAwABBAkAAQAOAGwAAwABBAkAAgAOAHoAAwABBAkAAwAOAIgAAwABBAkABAAOAJYAAwABBAkABQAWAKQAAwABBAkABgAOALoAAwABBAkACgBWAMgAAwABBAkACwAmAR5WaWRlb0pTUmVndWxhclZpZGVvSlNWaWRlb0pTVmVyc2lvbiAxLjBWaWRlb0pTR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AVgBpAGQAZQBvAEoAUwBSAGUAZwB1AGwAYQByAFYAaQBkAGUAbwBKAFMAVgBpAGQAZQBvAEoAUwBWAGUAcgBzAGkAbwBuACAAMQAuADAAVgBpAGQAZQBvAEoAUwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4AAAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgAAAAAA) format("truetype");
font-weight: normal;
font-style: normal; }
.vjs-icon-play, .video-js .vjs-big-play-button, .video-js .vjs-play-control {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
/*.vjs-icon-play:before, .video-js .vjs-big-play-button:before, .video-js .vjs-play-control:before {
content: '\f101'; }*/
.vjs-icon-play-circle {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-play-circle:before {
content: '\f102'; }
.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing:before {
content: '\f103'; }
.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0,
.video-js .vjs-volume-menu-button.vjs-vol-0 {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0:before,
.video-js .vjs-volume-menu-button.vjs-vol-0:before {
content: '\f104'; }
.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1,
.video-js .vjs-volume-menu-button.vjs-vol-1 {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1:before,
.video-js .vjs-volume-menu-button.vjs-vol-1:before {
content: '\f105'; }
.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2,
.video-js .vjs-volume-menu-button.vjs-vol-2 {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2:before,
.video-js .vjs-volume-menu-button.vjs-vol-2:before {
content: '\f106'; }
.vjs-icon-volume-high, .video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-volume-high:before, .video-js .vjs-mute-control:before,
.video-js .vjs-volume-menu-button:before {
content: '\f107'; }
.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control:before {
content: '\f108'; }
.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control:before {
content: '\f109'; }
.vjs-icon-square {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-square:before {
content: '\f10a'; }
.vjs-icon-spinner {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-spinner:before {
content: '\f10b'; }
.vjs-icon-subtitles, .video-js .vjs-subtitles-button {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-subtitles:before, .video-js .vjs-subtitles-button:before {
content: '\f10c'; }
.vjs-icon-captions, .video-js .vjs-captions-button {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-captions:before, .video-js .vjs-captions-button:before {
content: '\f10d'; }
.vjs-icon-chapters, .video-js .vjs-chapters-button {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-chapters:before, .video-js .vjs-chapters-button:before {
content: '\f10e'; }
.vjs-icon-share {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-share:before {
content: '\f10f'; }
.vjs-icon-cog {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-cog:before {
content: '\f110'; }
.vjs-icon-circle, .video-js .vjs-mouse-display, .video-js .vjs-play-progress, .video-js .vjs-volume-level {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-circle:before, .video-js .vjs-mouse-display:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before {
content: '\f111'; }
.vjs-icon-circle-outline {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-circle-outline:before {
content: '\f112'; }
.vjs-icon-circle-inner-circle {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-circle-inner-circle:before {
content: '\f113'; }
.vjs-icon-hd {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-hd:before {
content: '\f114'; }
.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button:before {
content: '\f115'; }
.vjs-icon-replay {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-replay:before {
content: '\f116'; }
.vjs-icon-facebook {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-facebook:before {
content: '\f117'; }
.vjs-icon-gplus {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-gplus:before {
content: '\f118'; }
.vjs-icon-linkedin {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-linkedin:before {
content: '\f119'; }
.vjs-icon-twitter {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-twitter:before {
content: '\f11a'; }
.vjs-icon-tumblr {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-tumblr:before {
content: '\f11b'; }
.vjs-icon-pinterest {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-pinterest:before {
content: '\f11c'; }
.vjs-icon-audio-description, .video-js .vjs-descriptions-button {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button:before {
content: '\f11d'; }
.video-js {
display: block; width: 100%; height: 100%;
vertical-align: top;
box-sizing: border-box;
color: #fff;
background-color: #000;
position: relative;
padding: 0;
font-size: 10px;
line-height: 1;
font-weight: normal;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; margin:0px auto;}
.video-js:-moz-full-screen {
position: absolute; }
.video-js:-webkit-full-screen {
width: 100% !important;
height: 100% !important; }
.video-js *,
.video-js *:before,
.video-js *:after {
box-sizing: inherit; }
.video-js ul {
font-family: inherit;
font-size: inherit;
line-height: inherit;
list-style-position: outside;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0; }
.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
width: 100%;
max-width: 100%;
height: 0; }
.video-js.vjs-16-9 {
padding-top: 56.25%; }
.video-js.vjs-4-3 {
padding-top: 75%; }
.video-js.vjs-fill {
width: 100%;
height: 100%; }
.video-js .vjs-tech {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
body.vjs-full-window {
padding: 0;
margin: 0;
height: 100%;
overflow-y: auto; }
.vjs-full-window .video-js.vjs-fullscreen {
position: fixed;
overflow: hidden;
z-index: 1000;
left: 0;
top: 0;
bottom: 0;
right: 0; }
.video-js.vjs-fullscreen {
width: 100% !important;
height: 100% !important;
padding-top: 0 !important; }
.video-js.vjs-fullscreen.vjs-user-inactive {
cursor: none; }
.vjs-hidden {
display: none !important; }
.vjs-disabled {
opacity: 0.5;
cursor: default; }
.video-js .vjs-offscreen {
height: 1px;
left: -9999px;
position: absolute;
top: 0;
width: 1px; }
.vjs-lock-showing {
display: block !important;
opacity: 1;
visibility: visible; }
.vjs-no-js {
padding: 20px;
color: #fff;
background-color: #000;
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
width: 300px;
height: 150px;
margin: 0px auto; }
.vjs-no-js a,
.vjs-no-js a:visited {
color: #66A8CC; }
/*.video-js .vjs-big-play-button {
font-size: 3em;
line-height: 1.5em;
height: 1.5em;
width: 3em;
display: block;
position: absolute;
top: 10px;
left: 10px;
padding: 0;
cursor: pointer;
opacity: 1;
border: 0.06666em solid #fff;
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
border-radius: 0.3em;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
*/
.video-js .vjs-big-play-button {
height: 1.5em;
width: 3em;
display: block;
position: absolute;
top: 35%;
left: 42%;
padding: 0;
cursor: pointer;
background-color: #2B333F; background:url(theme-assets/images/video_play_button.png) no-repeat; width:100px; height:100px; background-size: contain;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
.vjs-big-play-centered .vjs-big-play-button {
top: 50%;
left: 50%;
margin-top: -0.75em;
margin-left: -1.5em; }
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
outline: 0;
/*border-color: #fff;
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5);
-webkit-transition: all 0s;
-moz-transition: all 0s;
-o-transition: all 0s;
transition: all 0s; */}
.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
display: none; }
.video-js button {
background: none;
border: none;
color: inherit;
display: inline-block;
overflow: visible;
font-size: inherit;
line-height: inherit;
text-transform: none;
text-decoration: none;
transition: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.video-js .vjs-control.vjs-close-button {
cursor: pointer;
height: 3em;
position: absolute;
right: 0;
top: 0.5em;
z-index: 2; }
.vjs-menu-button {
cursor: pointer; }
.vjs-menu-button.vjs-disabled {
cursor: default; }
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
display: none; }
.vjs-menu .vjs-menu-content {
display: block;
padding: 0;
margin: 0;
overflow: auto; }
.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
display: none; }
.vjs-menu li {
list-style: none;
margin: 0;
padding: 0.2em 0;
line-height: 1.4em;
font-size: 1.2em;
text-align: center;
text-transform: lowercase; }
.vjs-menu li:focus,
.vjs-menu li:hover {
outline: 0;
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5); }
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
background-color: #fff;
color: #2B333F; }
.vjs-menu li.vjs-menu-title {
text-align: center;
text-transform: uppercase;
font-size: 1em;
line-height: 2em;
padding: 0;
margin: 0 0 0.3em 0;
font-weight: bold;
cursor: default; }
.vjs-menu-button-popup .vjs-menu {
display: none;
position: absolute;
bottom: 0;
width: 10em;
left: -3em;
height: 0em;
margin-bottom: 1.5em;
border-top-color: rgba(43, 51, 63, 0.7); }
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
position: absolute;
width: 100%;
bottom: 1.5em;
max-height: 15em; }
.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
display: block; }
.video-js .vjs-menu-button-inline {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
overflow: hidden; }
.video-js .vjs-menu-button-inline:before {
width: 2.222222222em; }
.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
width: 12em; }
.home_videoholder .video-js .vjs-tech {
position: relative !important;
}
.video-js .vjs-menu-button-inline.vjs-slider-active {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none; }
.vjs-menu-button-inline .vjs-menu {
opacity: 0;
height: 100%;
width: auto;
position: absolute;
left: 4em;
top: 0;
padding: 0;
margin: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
display: block;
opacity: 1; }
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
display: block;
opacity: 1;
position: relative;
width: auto; }
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
width: auto; }
.vjs-menu-button-inline .vjs-menu-content {
width: auto;
height: 100%;
margin: 0;
overflow: hidden; }
.video-js .vjs-control-bar {
display: none;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3.0em;
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7); }
.vjs-has-started .vjs-control-bar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
visibility: visible;
opacity: 1;
-webkit-transition: visibility 0.1s, opacity 0.1s;
-moz-transition: visibility 0.1s, opacity 0.1s;
-o-transition: visibility 0.1s, opacity 0.1s;
transition: visibility 0.1s, opacity 0.1s; }
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 1s, opacity 1s;
-moz-transition: visibility 1s, opacity 1s;
-o-transition: visibility 1s, opacity 1s;
transition: visibility 1s, opacity 1s; }
.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
display: none !important; }
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
opacity: 1;
visibility: visible; }
@media \0screen {
.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
content: ""; } }
.vjs-has-started.vjs-no-flex .vjs-control-bar {
display: table; }
.video-js .vjs-control {
outline: none;
position: relative;
text-align: center;
margin: 0;
padding: 0;
height: 100%;
width: 4em;
-webkit-box-flex: none;
-moz-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none; }
.video-js .vjs-control:before {
font-size: 1.8em;
line-height: 1.67; }
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
text-shadow: 0em 0em 1em white; }
.video-js .vjs-control-text {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
.vjs-no-flex .vjs-control {
display: table-cell;
vertical-align: middle; }
.video-js .vjs-custom-control-spacer {
display: none; }
.video-js .vjs-progress-control {
-webkit-box-flex: auto;
-moz-box-flex: auto;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-width: 4em; }
.vjs-live .vjs-progress-control {
display: none; }
.video-js .vjs-progress-holder {
-webkit-box-flex: auto;
-moz-box-flex: auto;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
height: 0.3em; }
.video-js .vjs-progress-control:hover .vjs-progress-holder {
font-size: 1.666666666666666666em; }
/* If we let the font size grow as much as everything else, the current time tooltip ends up
ginormous. If you'd like to enable the current time tooltip all the time, this should be disabled
to avoid a weird hitch when you roll off the hover. */
.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-mouse-display:after,
.video-js .vjs-progress-control:hover .vjs-play-progress:after {
font-family: Arial, Helvetica, sans-serif;
visibility: visible;
font-size: 0.6em; }
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-tooltip-progress-bar,
.video-js .vjs-progress-holder .vjs-load-progress div {
position: absolute;
display: block;
height: 0.3em;
margin: 0;
padding: 0;
width: 0;
left: 0;
top: 0; }
.video-js .vjs-mouse-display:before {
display: none; }
.video-js .vjs-play-progress {
background-color: #fff; }
.video-js .vjs-play-progress:before {
position: absolute;
top: -0.333333333333333em;
right: -0.5em;
font-size: 0.9em; }
.video-js .vjs-time-tooltip,
.video-js .vjs-mouse-display:after,
.video-js .vjs-play-progress:after {
visibility: hidden;
pointer-events: none;
position: absolute;
top: -3.4em;
right: -1.9em;
font-size: 0.9em;
color: #000;
content: attr(data-current-time);
padding: 6px 8px 8px 8px;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.8);
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
border-radius: 0.3em; }
.video-js .vjs-time-tooltip,
.video-js .vjs-play-progress:before,
.video-js .vjs-play-progress:after {
z-index: 1; }
.video-js .vjs-progress-control .vjs-keep-tooltips-inside:after {
display: none; }
.video-js .vjs-load-progress {
background: #bfc7d3;
background: rgba(115, 133, 159, 0.5); }
.video-js .vjs-load-progress div {
background: white;
background: rgba(115, 133, 159, 0.75); }
.video-js.vjs-no-flex .vjs-progress-control {
width: auto; }
.video-js .vjs-time-tooltip {
display: inline-block;
height: 2.4em;
position: relative;
float: right;
right: -1.9em; }
.vjs-tooltip-progress-bar {
visibility: hidden; }
.video-js .vjs-progress-control .vjs-mouse-display {
display: none;
position: absolute;
width: 1px;
height: 100%;
background-color: #000;
z-index: 1; }
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
z-index: 0; }
.video-js .vjs-progress-control:hover .vjs-mouse-display {
display: block; }
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after {
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 1s, opacity 1s;
-moz-transition: visibility 1s, opacity 1s;
-o-transition: visibility 1s, opacity 1s;
transition: visibility 1s, opacity 1s; }
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after {
display: none; }
.vjs-mouse-display .vjs-time-tooltip,
.video-js .vjs-progress-control .vjs-mouse-display:after {
color: #fff;
background-color: #000;
background-color: rgba(0, 0, 0, 0.8); }
.video-js .vjs-slider {
outline: 0;
position: relative;
cursor: pointer;
padding: 0;
margin: 0 0.45em 0 0.45em;
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5); }
.video-js .vjs-slider:focus {
text-shadow: 0em 0em 1em white;
-webkit-box-shadow: 0 0 1em #fff;
-moz-box-shadow: 0 0 1em #fff;
box-shadow: 0 0 1em #fff; }
.video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
cursor: pointer;
-webkit-box-flex: none;
-moz-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none; }
.video-js .vjs-volume-control {
width: 5em;
-webkit-box-flex: none;
-moz-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.video-js .vjs-volume-bar {
margin: 1.35em 0.45em; }
.vjs-volume-bar.vjs-slider-horizontal {
width: 5em;
height: 0.3em; }
.vjs-volume-bar.vjs-slider-vertical {
width: 0.3em;
height: 5em;
margin: 1.35em auto; }
.video-js .vjs-volume-level {
position: absolute;
bottom: 0;
left: 0;
background-color: #fff; }
.video-js .vjs-volume-level:before {
position: absolute;
font-size: 0.9em; }
.vjs-slider-vertical .vjs-volume-level {
width: 0.3em; }
.vjs-slider-vertical .vjs-volume-level:before {
top: -0.5em;
left: -0.3em; }
.vjs-slider-horizontal .vjs-volume-level {
height: 0.3em; }
.vjs-slider-horizontal .vjs-volume-level:before {
top: -0.3em;
right: -0.5em; }
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
height: 100%; }
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
width: 100%; }
.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu {
display: block;
width: 0;
height: 0;
border-top-color: transparent; }
.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
left: 0.5em;
height: 8em; }
.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu {
left: -2em; }
.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content {
height: 0;
width: 0;
overflow-x: hidden;
overflow-y: hidden; }
.vjs-volume-menu-button-vertical:hover .vjs-menu-content,
.vjs-volume-menu-button-vertical:focus .vjs-menu-content,
.vjs-volume-menu-button-vertical.vjs-slider-active .vjs-menu-content,
.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content {
height: 8em;
width: 2.9em; }
.vjs-volume-menu-button-horizontal:hover .vjs-menu-content,
.vjs-volume-menu-button-horizontal:focus .vjs-menu-content,
.vjs-volume-menu-button-horizontal .vjs-slider-active .vjs-menu-content,
.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content {
height: 2.9em;
width: 8em; }
.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content {
background-color: transparent !important; }
.vjs-poster {
display: inline-block;
vertical-align: middle;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
background-color: #000000;
cursor: pointer;
margin: 0;
padding: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%; }
.vjs-poster img {
display: block;
vertical-align: middle;
margin: 0 auto;
max-height: 100%;
padding: 0;
width: 100%; }
.vjs-has-started .vjs-poster {
display: none; }
.vjs-audio.vjs-has-started .vjs-poster {
display: block; }
.vjs-controls-disabled .vjs-poster {
display: none; }
.vjs-using-native-controls .vjs-poster {
display: none; }
.video-js .vjs-live-control {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
-webkit-box-flex: auto;
-moz-box-flex: auto;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
font-size: 1em;
line-height: 3em; }
.vjs-no-flex .vjs-live-control {
display: table-cell;
width: auto;
text-align: left; }
.video-js .vjs-time-control {
-webkit-box-flex: none;
-moz-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none;
font-size: 1em;
line-height: 3em;
min-width: 2em;
width: auto;
padding-left: 1em;
padding-right: 1em; }
.vjs-live .vjs-time-control {
display: none; }
.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
display: none; }
.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
display: none; }
.vjs-time-divider {
display: none;
line-height: 3em; }
.vjs-live .vjs-time-divider {
display: none; }
.video-js .vjs-play-control {
cursor: pointer;
-webkit-box-flex: none;
-moz-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none; }
.vjs-text-track-display {
position: absolute;
bottom: 3em;
left: 0;
right: 0;
top: 0;
pointer-events: none; }
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
bottom: 1em; }
.video-js .vjs-text-track {
font-size: 1.4em;
text-align: center;
margin-bottom: 0.1em;
background-color: #000;
background-color: rgba(0, 0, 0, 0.5); }
.vjs-subtitles {
color: #fff; }
.vjs-captions {
color: #fc6; }
.vjs-tt-cue {
display: block; }
video::-webkit-media-text-track-display {
-moz-transform: translateY(-3em);
-ms-transform: translateY(-3em);
-o-transform: translateY(-3em);
-webkit-transform: translateY(-3em);
transform: translateY(-3em); }
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
-moz-transform: translateY(-1.5em);
-ms-transform: translateY(-1.5em);
-o-transform: translateY(-1.5em);
-webkit-transform: translateY(-1.5em);
transform: translateY(-1.5em); }
.video-js .vjs-fullscreen-control {
cursor: pointer;
-webkit-box-flex: none;
-moz-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none; }
.vjs-playback-rate .vjs-playback-rate-value {
font-size: 1.5em;
line-height: 2;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center; }
.vjs-playback-rate .vjs-menu {
width: 4em;
left: 0em; }
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
font-size: 1.4em;
text-align: center; }
.vjs-error .vjs-error-display:before {
color: #fff;
content: 'X';
font-family: Arial, Helvetica, sans-serif;
font-size: 4em;
left: 0;
line-height: 1;
margin-top: -0.5em;
position: absolute;
text-shadow: 0.05em 0.05em 0.1em #000;
text-align: center;
top: 50%;
vertical-align: middle;
width: 100%; }
.vjs-loading-spinner {
display: none;
position: absolute;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
opacity: 0.85;
text-align: left;
border: 6px solid rgba(43, 51, 63, 0.7);
box-sizing: border-box;
background-clip: padding-box;
width: 50px;
height: 50px;
border-radius: 25px; }
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
display: block; }
.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
content: "";
position: absolute;
margin: -6px;
box-sizing: inherit;
width: inherit;
height: inherit;
border-radius: inherit;
opacity: 1;
border: inherit;
border-color: transparent;
border-top-color: white; }
.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
-webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; }
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
border-top-color: white; }
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
border-top-color: white;
-webkit-animation-delay: 0.44s;
animation-delay: 0.44s; }
@keyframes vjs-spinner-spin {
100% {
transform: rotate(360deg); } }
@-webkit-keyframes vjs-spinner-spin {
100% {
-webkit-transform: rotate(360deg); } }
@keyframes vjs-spinner-fade {
0% {
border-top-color: #73859f; }
20% {
border-top-color: #73859f; }
35% {
border-top-color: white; }
60% {
border-top-color: #73859f; }
100% {
border-top-color: #73859f; } }
@-webkit-keyframes vjs-spinner-fade {
0% {
border-top-color: #73859f; }
20% {
border-top-color: #73859f; }
35% {
border-top-color: white; }
60% {
border-top-color: #73859f; }
100% {
border-top-color: #73859f; } }
.vjs-chapters-button .vjs-menu ul {
width: 24em; }
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
-webkit-box-flex: auto;
-moz-box-flex: auto;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto; }
.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
width: auto; }
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button {
display: none; }
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-menu-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button {
display: none; }
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button {
display: none; }
.vjs-caption-settings {
position: relative;
top: 1em;
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.75);
color: #fff;
margin: 0 auto;
padding: 0.5em;
height: 15em;
font-size: 12px;
width: 40em; }
.vjs-caption-settings .vjs-tracksettings {
top: 0;
bottom: 2em;
left: 0;
right: 0;
position: absolute;
overflow: auto; }
.vjs-caption-settings .vjs-tracksettings-colors,
.vjs-caption-settings .vjs-tracksettings-font {
float: left; }
.vjs-caption-settings .vjs-tracksettings-colors:after,
.vjs-caption-settings .vjs-tracksettings-font:after,
.vjs-caption-settings .vjs-tracksettings-controls:after {
clear: both; }
.vjs-caption-settings .vjs-tracksettings-controls {
position: absolute;
bottom: 1em;
right: 1em; }
.vjs-caption-settings .vjs-tracksetting {
margin: 5px;
padding: 3px;
min-height: 40px; }
.vjs-caption-settings .vjs-tracksetting label {
display: block;
width: 100px;
margin-bottom: 5px; }
.vjs-caption-settings .vjs-tracksetting span {
display: inline;
margin-left: 5px; }
.vjs-caption-settings .vjs-tracksetting > div {
margin-bottom: 5px;
min-height: 20px; }
.vjs-caption-settings .vjs-tracksetting > div:last-child {
margin-bottom: 0;
padding-bottom: 0;
min-height: 0; }
.vjs-caption-settings label > input {
margin-right: 10px; }
.vjs-caption-settings input[type="button"] {
width: 40px;
height: 40px; }
.video-js .vjs-modal-dialog {
background: rgba(0, 0, 0, 0.8);
background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); }
.vjs-modal-dialog .vjs-modal-dialog-content {
font-size: 1.2em;
line-height: 1.5;
padding: 20px 24px;
z-index: 1; }
/* Video-Js CSS End */
/* Hover-min CSS Start */
.hvr-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow:active,.hvr-grow:focus,.hvr-grow:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.hvr-shrink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-shrink:active,.hvr-shrink:focus,.hvr-shrink:hover{-webkit-transform:scale(0.9);transform:scale(0.9)}@-webkit-keyframes hvr-pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes hvr-pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.9);transform:scale(0.9)}}.hvr-pulse{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-pulse:active,.hvr-pulse:focus,.hvr-pulse:hover{-webkit-animation-name:hvr-pulse;animation-name:hvr-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes hvr-pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}.hvr-pulse-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-pulse-grow:active,.hvr-pulse-grow:focus,.hvr-pulse-grow:hover{-webkit-animation-name:hvr-pulse-grow;animation-name:hvr-pulse-grow;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-pulse-shrink{to{-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes hvr-pulse-shrink{to{-webkit-transform:scale(0.9);transform:scale(0.9)}}.hvr-pulse-shrink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-pulse-shrink:active,.hvr-pulse-shrink:focus,.hvr-pulse-shrink:hover{-webkit-animation-name:hvr-pulse-shrink;animation-name:hvr-pulse-shrink;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-push{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes hvr-push{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}.hvr-push{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-push:active,.hvr-push:focus,.hvr-push:hover{-webkit-animation-name:hvr-push;animation-name:hvr-push;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}.hvr-pop{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-pop:active,.hvr-pop:focus,.hvr-pop:hover{-webkit-animation-name:hvr-pop;animation-name:hvr-pop;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-bounce-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-in:active,.hvr-bounce-in:focus,.hvr-bounce-in:hover{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.hvr-bounce-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-out:active,.hvr-bounce-out:focus,.hvr-bounce-out:hover{-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.hvr-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-rotate:active,.hvr-rotate:focus,.hvr-rotate:hover{-webkit-transform:rotate(4deg);transform:rotate(4deg)}.hvr-grow-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow-rotate:active,.hvr-grow-rotate:focus,.hvr-grow-rotate:hover{-webkit-transform:scale(1.1) rotate(4deg);transform:scale(1.1) rotate(4deg)}.hvr-float{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-float:active,.hvr-float:focus,.hvr-float:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.hvr-sink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sink:active,.hvr-sink:focus,.hvr-sink:hover{-webkit-transform:translateY(8px);transform:translateY(8px)}@-webkit-keyframes hvr-bob{0%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes hvr-bob{0%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@-webkit-keyframes hvr-bob-float{100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes hvr-bob-float{100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}.hvr-bob{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-bob:active,.hvr-bob:focus,.hvr-bob:hover{-webkit-animation-name:hvr-bob-float,hvr-bob;animation-name:hvr-bob-float,hvr-bob;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}@-webkit-keyframes hvr-hang{0%{-webkit-transform:translateY(8px);transform:translateY(8px)}50%{-webkit-transform:translateY(4px);transform:translateY(4px)}100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@keyframes hvr-hang{0%{-webkit-transform:translateY(8px);transform:translateY(8px)}50%{-webkit-transform:translateY(4px);transform:translateY(4px)}100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@-webkit-keyframes hvr-hang-sink{100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@keyframes hvr-hang-sink{100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}.hvr-hang{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-hang:active,.hvr-hang:focus,.hvr-hang:hover{-webkit-animation-name:hvr-hang-sink,hvr-hang;animation-name:hvr-hang-sink,hvr-hang;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}.hvr-skew{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-skew:active,.hvr-skew:focus,.hvr-skew:hover{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.hvr-skew-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-skew-forward:active,.hvr-skew-forward:focus,.hvr-skew-forward:hover{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.hvr-skew-backward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-skew-backward:active,.hvr-skew-backward:focus,.hvr-skew-backward:hover{-webkit-transform:skew(10deg);transform:skew(10deg)}@-webkit-keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.hvr-wobble-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-wobble-vertical:active,.hvr-wobble-vertical:focus,.hvr-wobble-vertical:hover{-webkit-animation-name:hvr-wobble-vertical;animation-name:hvr-wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.hvr-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-wobble-horizontal:active,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:hover{-webkit-animation-name:hvr-wobble-horizontal;animation-name:hvr-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px,8px);transform:translate(8px,8px)}33.3%{-webkit-transform:translate(-6px,-6px);transform:translate(-6px,-6px)}49.95%{-webkit-transform:translate(4px,4px);transform:translate(4px,4px)}66.6%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}83.25%{-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes hvr-wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px,8px);transform:translate(8px,8px)}33.3%{-webkit-transform:translate(-6px,-6px);transform:translate(-6px,-6px)}49.95%{-webkit-transform:translate(4px,4px);transform:translate(4px,4px)}66.6%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}83.25%{-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.hvr-wobble-to-bottom-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-wobble-to-bottom-right:active,.hvr-wobble-to-bottom-right:focus,.hvr-wobble-to-bottom-right:hover{-webkit-animation-name:hvr-wobble-to-bottom-right;animation-name:hvr-wobble-to-bottom-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-to-top-right{16.65%{-webkit-transform:translate(8px,-8px);transform:translate(8px,-8px)}33.3%{-webkit-transform:translate(-6px,6px);transform:translate(-6px,6px)}49.95%{-webkit-transform:translate(4px,-4px);transform:translate(4px,-4px)}66.6%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}83.25%{-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes hvr-wobble-to-top-right{16.65%{-webkit-transform:translate(8px,-8px);transform:translate(8px,-8px)}33.3%{-webkit-transform:translate(-6px,6px);transform:translate(-6px,6px)}49.95%{-webkit-transform:translate(4px,-4px);transform:translate(4px,-4px)}66.6%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}83.25%{-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.hvr-wobble-to-top-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-wobble-to-top-right:active,.hvr-wobble-to-top-right:focus,.hvr-wobble-to-top-right:hover{-webkit-animation-name:hvr-wobble-to-top-right;animation-name:hvr-wobble-to-top-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-wobble-top:active,.hvr-wobble-top:focus,.hvr-wobble-top:hover{-webkit-animation-name:hvr-wobble-top;animation-name:hvr-wobble-top;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transform-origin:100% 0;transform-origin:100% 0}.hvr-wobble-bottom:active,.hvr-wobble-bottom:focus,.hvr-wobble-bottom:hover{-webkit-animation-name:hvr-wobble-bottom;animation-name:hvr-wobble-bottom;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-skew{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-skew{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-skew{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-wobble-skew:active,.hvr-wobble-skew:focus,.hvr-wobble-skew:hover{-webkit-animation-name:hvr-wobble-skew;animation-name:hvr-wobble-skew;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}@keyframes hvr-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}.hvr-buzz{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-buzz:active,.hvr-buzz:focus,.hvr-buzz:hover{-webkit-animation-name:hvr-buzz;animation-name:hvr-buzz;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}.hvr-buzz-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-buzz-out:active,.hvr-buzz-out:focus,.hvr-buzz-out:hover{-webkit-animation-name:hvr-buzz-out;animation-name:hvr-buzz-out;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-forward:active,.hvr-forward:focus,.hvr-forward:hover{-webkit-transform:translateX(8px);transform:translateX(8px)}.hvr-backward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-backward:active,.hvr-backward:focus,.hvr-backward:hover{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.hvr-fade{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;overflow:hidden;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:color,background-color;transition-property:color,background-color}.hvr-fade:active,.hvr-fade:focus,.hvr-fade:hover{background-color:#2098D1;color:#fff}@-webkit-keyframes hvr-back-pulse{50%{background-color:rgba(32,152,209,.75)}}@keyframes hvr-back-pulse{50%{background-color:rgba(32,152,209,.75)}}.hvr-back-pulse{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;overflow:hidden;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:color,background-color;transition-property:color,background-color}.hvr-back-pulse:active,.hvr-back-pulse:focus,.hvr-back-pulse:hover{-webkit-animation-name:hvr-back-pulse;animation-name:hvr-back-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;background-color:#2098D1;background-color:#2098d1;color:#fff}.hvr-sweep-to-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-right:active,.hvr-sweep-to-right:focus,.hvr-sweep-to-right:hover{color:#fff}.hvr-sweep-to-right:active:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-sweep-to-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-left:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-left:active,.hvr-sweep-to-left:focus,.hvr-sweep-to-left:hover{color:#fff}.hvr-sweep-to-left:active:before,.hvr-sweep-to-left:focus:before,.hvr-sweep-to-left:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-sweep-to-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-bottom:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-bottom:active,.hvr-sweep-to-bottom:focus,.hvr-sweep-to-bottom:hover{color:#fff}.hvr-sweep-to-bottom:active:before,.hvr-sweep-to-bottom:focus:before,.hvr-sweep-to-bottom:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-sweep-to-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-top:active,.hvr-sweep-to-top:focus,.hvr-sweep-to-top:hover{color:#fff}.hvr-sweep-to-top:active:before,.hvr-sweep-to-top:focus:before,.hvr-sweep-to-top:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-bounce-to-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-right:active,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:hover{color:#fff}.hvr-bounce-to-right:active:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-bounce-to-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-left:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-left:active,.hvr-bounce-to-left:focus,.hvr-bounce-to-left:hover{color:#fff}.hvr-bounce-to-left:active:before,.hvr-bounce-to-left:focus:before,.hvr-bounce-to-left:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-bounce-to-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-bottom:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-bottom:active,.hvr-bounce-to-bottom:focus,.hvr-bounce-to-bottom:hover{color:#fff}.hvr-bounce-to-bottom:active:before,.hvr-bounce-to-bottom:focus:before,.hvr-bounce-to-bottom:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-bounce-to-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-top:active,.hvr-bounce-to-top:focus,.hvr-bounce-to-top:hover{color:#fff}.hvr-bounce-to-top:active:before,.hvr-bounce-to-top:focus:before,.hvr-bounce-to-top:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-radial-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-radial-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;border-radius:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-radial-out:active,.hvr-radial-out:focus,.hvr-radial-out:hover{color:#fff}.hvr-radial-out:active:before,.hvr-radial-out:focus:before,.hvr-radial-out:hover:before{-webkit-transform:scale(2);transform:scale(2)}.hvr-radial-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden;background:#2098D1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-radial-in:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#e1e1e1;border-radius:100%;-webkit-transform:scale(2);transform:scale(2);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-radial-in:active,.hvr-radial-in:focus,.hvr-radial-in:hover{color:#fff}.hvr-radial-in:active:before,.hvr-radial-in:focus:before,.hvr-radial-in:hover:before{-webkit-transform:scale(0);transform:scale(0)}.hvr-rectangle-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;background:#2098D1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-rectangle-in:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#e1e1e1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-rectangle-in:active,.hvr-rectangle-in:focus,.hvr-rectangle-in:hover{color:#fff}.hvr-rectangle-in:active:before,.hvr-rectangle-in:focus:before,.hvr-rectangle-in:hover:before{-webkit-transform:scale(0);transform:scale(0)}.hvr-rectangle-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-rectangle-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-rectangle-out:active,.hvr-rectangle-out:focus,.hvr-rectangle-out:hover{color:#fff}.hvr-rectangle-out:active:before,.hvr-rectangle-out:focus:before,.hvr-rectangle-out:hover:before{-webkit-transform:scale(1);transform:scale(1)}.hvr-shutter-in-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;background:#2098D1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-in-horizontal:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#e1e1e1;-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-in-horizontal:active,.hvr-shutter-in-horizontal:focus,.hvr-shutter-in-horizontal:hover{color:#fff}.hvr-shutter-in-horizontal:active:before,.hvr-shutter-in-horizontal:focus:before,.hvr-shutter-in-horizontal:hover:before{-webkit-transform:scaleX(0);transform:scaleX(0)}.hvr-shutter-out-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-out-horizontal:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#2098D1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-out-horizontal:active,.hvr-shutter-out-horizontal:focus,.hvr-shutter-out-horizontal:hover{color:#fff}.hvr-shutter-out-horizontal:active:before,.hvr-shutter-out-horizontal:focus:before,.hvr-shutter-out-horizontal:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-shutter-in-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;background:#2098D1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-in-vertical:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#e1e1e1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-in-vertical:active,.hvr-shutter-in-vertical:focus,.hvr-shutter-in-vertical:hover{color:#fff}.hvr-shutter-in-vertical:active:before,.hvr-shutter-in-vertical:focus:before,.hvr-shutter-in-vertical:hover:before{-webkit-transform:scaleY(0);transform:scaleY(0)}.hvr-shutter-out-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-out-vertical:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#2098D1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-out-vertical:active,.hvr-shutter-out-vertical:focus,.hvr-shutter-out-vertical:hover{color:#fff}.hvr-shutter-out-vertical:active:before,.hvr-shutter-out-vertical:focus:before,.hvr-shutter-out-vertical:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-border-fade{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px transparent}.hvr-border-fade:active,.hvr-border-fade:focus,.hvr-border-fade:hover{box-shadow:inset 0 0 0 4px #2098D1,0 0 1px transparent}.hvr-hollow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background;transition-property:background;box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px transparent}.hvr-hollow:active,.hvr-hollow:focus,.hvr-hollow:hover{background:0 0}.hvr-trim{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-trim:before{content:'';position:absolute;border:#fff solid 4px;top:4px;left:4px;right:4px;bottom:4px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity}.hvr-trim:active:before,.hvr-trim:focus:before,.hvr-trim:hover:before{opacity:1}@-webkit-keyframes hvr-ripple-out{100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}@keyframes hvr-ripple-out{100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}.hvr-ripple-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-ripple-out:before{content:'';position:absolute;border:#e1e1e1 solid 6px;top:0;right:0;bottom:0;left:0;-webkit-animation-duration:1s;animation-duration:1s}.hvr-ripple-out:active:before,.hvr-ripple-out:focus:before,.hvr-ripple-out:hover:before{-webkit-animation-name:hvr-ripple-out;animation-name:hvr-ripple-out}@-webkit-keyframes hvr-ripple-in{100%{top:0;right:0;bottom:0;left:0;opacity:1}}@keyframes hvr-ripple-in{100%{top:0;right:0;bottom:0;left:0;opacity:1}}.hvr-ripple-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-ripple-in:before{content:'';position:absolute;border:#e1e1e1 solid 4px;top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0;-webkit-animation-duration:1s;animation-duration:1s}.hvr-ripple-in:active:before,.hvr-ripple-in:focus:before,.hvr-ripple-in:hover:before{-webkit-animation-name:hvr-ripple-in;animation-name:hvr-ripple-in}.hvr-outline-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-outline-out:before{content:'';position:absolute;border:#e1e1e1 solid 4px;top:0;right:0;bottom:0;left:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top,right,bottom,left;transition-property:top,right,bottom,left}.hvr-outline-out:active:before,.hvr-outline-out:focus:before,.hvr-outline-out:hover:before{top:-8px;right:-8px;bottom:-8px;left:-8px}.hvr-outline-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-outline-in:before{pointer-events:none;content:'';position:absolute;border:#e1e1e1 solid 4px;top:-16px;right:-16px;bottom:-16px;left:-16px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top,right,bottom,left;transition-property:top,right,bottom,left}.hvr-outline-in:active:before,.hvr-outline-in:focus:before,.hvr-outline-in:hover:before{top:-8px;right:-8px;bottom:-8px;left:-8px;opacity:1}.hvr-round-corners{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:border-radius;transition-property:border-radius}.hvr-round-corners:active,.hvr-round-corners:focus,.hvr-round-corners:hover{border-radius:1em}.hvr-underline-from-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.hvr-underline-from-left:before{content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:0;background:#2098D1;height:4px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-left:active:before,.hvr-underline-from-left:focus:before,.hvr-underline-from-left:hover:before{right:0}.hvr-underline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.hvr-underline-from-center:before{content:"";position:absolute;z-index:-1;left:50%;right:50%;bottom:0;background:#2098D1;height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-center:active:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:hover:before{left:0;right:0}.hvr-underline-from-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.hvr-underline-from-right:before{content:"";position:absolute;z-index:-1;left:100%;right:0;bottom:0;background:#2098D1;height:4px;-webkit-transition-property:left;transition-property:left;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-right:active:before,.hvr-underline-from-right:focus:before,.hvr-underline-from-right:hover:before{left:0}.hvr-overline-from-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.hvr-overline-from-left:before{content:"";position:absolute;z-index:-1;left:0;right:100%;top:0;background:#2098D1;height:4px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-left:active:before,.hvr-overline-from-left:focus:before,.hvr-overline-from-left:hover:before{right:0}.hvr-overline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.hvr-overline-from-center:before{content:"";position:absolute;z-index:-1;left:50%;right:50%;top:0;background:#2098D1;height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-center:active:before,.hvr-overline-from-center:focus:before,.hvr-overline-from-center:hover:before{left:0;right:0}.hvr-overline-from-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.hvr-overline-from-right:before{content:"";position:absolute;z-index:-1;left:100%;right:0;top:0;background:#2098D1;height:4px;-webkit-transition-property:left;transition-property:left;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-right:active:before,.hvr-overline-from-right:focus:before,.hvr-overline-from-right:hover:before{left:0}.hvr-reveal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.hvr-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;bottom:0;border-color:#2098D1;border-style:solid;border-width:0;-webkit-transition-property:border-width;transition-property:border-width;-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-reveal:active:before,.hvr-reveal:focus:before,.hvr-reveal:hover:before{-webkit-transform:translateY(0);transform:translateY(0);border-width:4px}.hvr-underline-reveal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.hvr-underline-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;background:#2098D1;height:4px;-webkit-transform:translateY(4px);transform:translateY(4px);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-reveal:active:before,.hvr-underline-reveal:focus:before,.hvr-underline-reveal:hover:before{-webkit-transform:translateY(0);transform:translateY(0)}.hvr-overline-reveal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.hvr-overline-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;background:#2098D1;height:4px;-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-reveal:active:before,.hvr-overline-reveal:focus:before,.hvr-overline-reveal:hover:before{-webkit-transform:translateY(0);transform:translateY(0)}.hvr-glow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-glow:active,.hvr-glow:focus,.hvr-glow:hover{box-shadow:0 0 8px rgba(0,0,0,.6)}.hvr-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-shadow:active,.hvr-shadow:focus,.hvr-shadow:hover{box-shadow:0 10px 10px -10px rgba(0,0,0,.5)}.hvr-grow-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow,transform;transition-property:box-shadow,transform}.hvr-grow-shadow:active,.hvr-grow-shadow:focus,.hvr-grow-shadow:hover{box-shadow:0 10px 10px -10px rgba(0,0,0,.5);-webkit-transform:scale(1.1);transform:scale(1.1)}.hvr-box-shadow-outset{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-box-shadow-outset:active,.hvr-box-shadow-outset:focus,.hvr-box-shadow-outset:hover{box-shadow:2px 2px 2px rgba(0,0,0,.6)}.hvr-box-shadow-inset{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;box-shadow:inset 0 0 0 rgba(0,0,0,.6),0 0 1px transparent}.hvr-box-shadow-inset:active,.hvr-box-shadow-inset:focus,.hvr-box-shadow-inset:hover{box-shadow:inset 2px 2px 2px rgba(0,0,0,.6),0 0 1px transparent}.hvr-float-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-float-shadow:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,transparent 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,transparent 80%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity}.hvr-float-shadow:active,.hvr-float-shadow:focus,.hvr-float-shadow:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.hvr-float-shadow:active:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:hover:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px)}.hvr-shadow-radial{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-shadow-radial:after,.hvr-shadow-radial:before{pointer-events:none;position:absolute;content:'';left:0;width:100%;box-sizing:border-box;height:5px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity}.hvr-shadow-radial:before{bottom:100%;background:-webkit-radial-gradient(50% 150%,ellipse,rgba(0,0,0,.6) 0,transparent 80%);background:radial-gradient(ellipse at 50% 150%,rgba(0,0,0,.6) 0,transparent 80%)}.hvr-shadow-radial:after{top:100%;background:-webkit-radial-gradient(50% -50%,ellipse,rgba(0,0,0,.6) 0,transparent 80%);background:radial-gradient(ellipse at 50% -50%,rgba(0,0,0,.6) 0,transparent 80%)}.hvr-shadow-radial:active:after,.hvr-shadow-radial:active:before,.hvr-shadow-radial:focus:after,.hvr-shadow-radial:focus:before,.hvr-shadow-radial:hover:after,.hvr-shadow-radial:hover:before{opacity:1}.hvr-bubble-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-bubble-top:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;left:calc(50% - 10px);top:0;border-width:0 10px 10px;border-color:transparent transparent #e1e1e1}.hvr-bubble-top:active:before,.hvr-bubble-top:focus:before,.hvr-bubble-top:hover:before{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-bubble-right:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;top:calc(50% - 10px);right:0;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e1e1e1}.hvr-bubble-right:active:before,.hvr-bubble-right:focus:before,.hvr-bubble-right:hover:before{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-bubble-bottom:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;left:calc(50% - 10px);bottom:0;border-width:10px 10px 0;border-color:#e1e1e1 transparent transparent}.hvr-bubble-bottom:active:before,.hvr-bubble-bottom:focus:before,.hvr-bubble-bottom:hover:before{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-bubble-left:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;top:calc(50% - 10px);left:0;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent}.hvr-bubble-left:active:before,.hvr-bubble-left:focus:before,.hvr-bubble-left:hover:before{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-bubble-float-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-top:before{position:absolute;z-index:-1;content:'';left:calc(50% - 10px);top:0;border-style:solid;border-width:0 10px 10px;border-color:transparent transparent #e1e1e1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-top:active,.hvr-bubble-float-top:focus,.hvr-bubble-float-top:hover{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-float-top:active:before,.hvr-bubble-float-top:focus:before,.hvr-bubble-float-top:hover:before{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-float-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-right:before{position:absolute;z-index:-1;top:calc(50% - 10px);right:0;content:'';border-style:solid;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e1e1e1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-right:active,.hvr-bubble-float-right:focus,.hvr-bubble-float-right:hover{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-bubble-float-right:active:before,.hvr-bubble-float-right:focus:before,.hvr-bubble-float-right:hover:before{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-float-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-bottom:before{position:absolute;z-index:-1;content:'';left:calc(50% - 10px);bottom:0;border-style:solid;border-width:10px 10px 0;border-color:#e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-bottom:active,.hvr-bubble-float-bottom:focus,.hvr-bubble-float-bottom:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-float-bottom:active:before,.hvr-bubble-float-bottom:focus:before,.hvr-bubble-float-bottom:hover:before{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-float-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:before{position:absolute;z-index:-1;content:'';top:calc(50% - 10px);left:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:active,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:hover{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-float-left:active:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:hover:before{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-icon-back{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-left:2.2em;-webkit-transition-duration:.1s;transition-duration:.1s}.hvr-icon-back:before{content:"\f137";position:absolute;left:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-back:active:before,.hvr-icon-back:focus:before,.hvr-icon-back:hover:before{-webkit-transform:translateX(-4px);transform:translateX(-4px)}.hvr-icon-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.1s;transition-duration:.1s}.hvr-icon-forward:before{content:"\f138";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-forward:active:before,.hvr-icon-forward:focus:before,.hvr-icon-forward:hover:before{-webkit-transform:translateX(4px);transform:translateX(4px)}@-webkit-keyframes hvr-icon-down{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-down{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(6px);transform:translateY(6px)}}.hvr-icon-down{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em}.hvr-icon-down:before{content:"\f01a";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-down:active:before,.hvr-icon-down:focus:before,.hvr-icon-down:hover:before{-webkit-animation-name:hvr-icon-down;animation-name:hvr-icon-down;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes hvr-icon-up{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-up{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}.hvr-icon-up{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em}.hvr-icon-up:before{content:"\f01b";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-up:active:before,.hvr-icon-up:focus:before,.hvr-icon-up:hover:before{-webkit-animation-name:hvr-icon-up;animation-name:hvr-icon-up;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.hvr-icon-spin{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em}.hvr-icon-spin:before{content:"\f021";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.hvr-icon-spin:active:before,.hvr-icon-spin:focus:before,.hvr-icon-spin:hover:before{-webkit-transform:rotate(360deg);transform:rotate(360deg)}@-webkit-keyframes hvr-icon-drop{0%{opacity:0}50%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%,51%{opacity:1}}@keyframes hvr-icon-drop{0%{opacity:0}50%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%,51%{opacity:1}}.hvr-icon-drop{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em}.hvr-icon-drop:before{content:"\f041";position:absolute;right:1em;opacity:1;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-drop:active:before,.hvr-icon-drop:focus:before,.hvr-icon-drop:hover:before{opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-animation-name:hvr-icon-drop;animation-name:hvr-icon-drop;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(0.52,1.64,.37,.66);animation-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-icon-fade{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em}.hvr-icon-fade:before{content:"\f00c";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:color;transition-property:color}.hvr-icon-fade:active:before,.hvr-icon-fade:focus:before,.hvr-icon-fade:hover:before{color:#0F9E5E}@-webkit-keyframes hvr-icon-float-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(-1em);transform:translateY(-1em)}}@keyframes hvr-icon-float-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(-1em);transform:translateY(-1em)}}.hvr-icon-float-away{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em}.hvr-icon-float-away:after,.hvr-icon-float-away:before{content:"\f055";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome}.hvr-icon-float-away:after{opacity:0;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hvr-icon-float-away:active:after,.hvr-icon-float-away:focus:after,.hvr-icon-float-away:hover:after{-webkit-animation-name:hvr-icon-float-away;animation-name:hvr-icon-float-away;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes hvr-icon-sink-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(1em);transform:translateY(1em)}}@keyframes hvr-icon-sink-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(1em);transform:translateY(1em)}}.hvr-icon-sink-away{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em}.hvr-icon-sink-away:after,.hvr-icon-sink-away:before{content:"\f056";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-sink-away:after{opacity:0;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hvr-icon-sink-away:active:after,.hvr-icon-sink-away:focus:after,.hvr-icon-sink-away:hover:after{-webkit-animation-name:hvr-icon-sink-away;animation-name:hvr-icon-sink-away;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.hvr-icon-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-grow:before{content:"\f118";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-grow:active:before,.hvr-icon-grow:focus:before,.hvr-icon-grow:hover:before{-webkit-transform:scale(1.3) translateZ(0);transform:scale(1.3) translateZ(0)}.hvr-icon-shrink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-shrink:before{content:"\f119";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-shrink:active:before,.hvr-icon-shrink:focus:before,.hvr-icon-shrink:hover:before{-webkit-transform:scale(0.8);transform:scale(0.8)}@-webkit-keyframes hvr-icon-pulse{25%{-webkit-transform:scale(1.3);transform:scale(1.3)}75%{-webkit-transform:scale(0.8);transform:scale(0.8)}}@keyframes hvr-icon-pulse{25%{-webkit-transform:scale(1.3);transform:scale(1.3)}75%{-webkit-transform:scale(0.8);transform:scale(0.8)}}.hvr-icon-pulse{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em}.hvr-icon-pulse:before{content:"\f015";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse:active:before,.hvr-icon-pulse:focus:before,.hvr-icon-pulse:hover:before{-webkit-animation-name:hvr-icon-pulse;animation-name:hvr-icon-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-icon-pulse-grow{to{-webkit-transform:scale(1.3);transform:scale(1.3)}}@keyframes hvr-icon-pulse-grow{to{-webkit-transform:scale(1.3);transform:scale(1.3)}}.hvr-icon-pulse-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em}.hvr-icon-pulse-grow:before{content:"\f015";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse-grow:active:before,.hvr-icon-pulse-grow:focus:before,.hvr-icon-pulse-grow:hover:before{-webkit-animation-name:hvr-icon-pulse-grow;animation-name:hvr-icon-pulse-grow;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-icon-pulse-shrink{to{-webkit-transform:scale(0.8);transform:scale(0.8)}}@keyframes hvr-icon-pulse-shrink{to{-webkit-transform:scale(0.8);transform:scale(0.8)}}.hvr-icon-pulse-shrink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em}.hvr-icon-pulse-shrink:before{content:"\f015";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse-shrink:active:before,.hvr-icon-pulse-shrink:focus:before,.hvr-icon-pulse-shrink:hover:before{-webkit-animation-name:hvr-icon-pulse-shrink;animation-name:hvr-icon-pulse-shrink;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-icon-push{50%{-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes hvr-icon-push{50%{-webkit-transform:scale(0.5);transform:scale(0.5)}}.hvr-icon-push{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-push:before{content:"\f006";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-push:active:before,.hvr-icon-push:focus:before,.hvr-icon-push:hover:before{-webkit-animation-name:hvr-icon-push;animation-name:hvr-icon-push;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-pop{50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes hvr-icon-pop{50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}.hvr-icon-pop{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-pop:before{content:"\f005";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pop:active:before,.hvr-icon-pop:focus:before,.hvr-icon-pop:hover:before{-webkit-animation-name:hvr-icon-pop;animation-name:hvr-icon-pop;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-icon-bounce{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-bounce:before{content:"\f087";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-bounce:active:before,.hvr-icon-bounce:focus:before,.hvr-icon-bounce:hover:before{-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.hvr-icon-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-rotate:before{content:"\f0c6";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-rotate:active:before,.hvr-icon-rotate:focus:before,.hvr-icon-rotate:hover:before{-webkit-transform:rotate(20deg);transform:rotate(20deg)}.hvr-icon-grow-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-grow-rotate:before{content:"\f095";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-grow-rotate:active:before,.hvr-icon-grow-rotate:focus:before,.hvr-icon-grow-rotate:hover:before{-webkit-transform:scale(1.5) rotate(12deg);transform:scale(1.5) rotate(12deg)}.hvr-icon-float{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-float:before{content:"\f01b";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-float:active:before,.hvr-icon-float:focus:before,.hvr-icon-float:hover:before{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.hvr-icon-sink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-sink:before{content:"\f01a";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-sink:active:before,.hvr-icon-sink:focus:before,.hvr-icon-sink:hover:before{-webkit-transform:translateY(4px);transform:translateY(4px)}@-webkit-keyframes hvr-icon-bob{0%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-bob{0%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@-webkit-keyframes hvr-icon-bob-float{100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-bob-float{100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}.hvr-icon-bob{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-bob:before{content:"\f077";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-bob:active:before,.hvr-icon-bob:focus:before,.hvr-icon-bob:hover:before{-webkit-animation-name:hvr-icon-bob-float,hvr-icon-bob;animation-name:hvr-icon-bob-float,hvr-icon-bob;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}@-webkit-keyframes hvr-icon-hang{0%{-webkit-transform:translateY(6px);transform:translateY(6px)}50%{-webkit-transform:translateY(2px);transform:translateY(2px)}100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-hang{0%{-webkit-transform:translateY(6px);transform:translateY(6px)}50%{-webkit-transform:translateY(2px);transform:translateY(2px)}100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@-webkit-keyframes hvr-icon-hang-sink{100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-hang-sink{100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}.hvr-icon-hang{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-hang:before{content:"\f078";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-hang:active:before,.hvr-icon-hang:focus:before,.hvr-icon-hang:hover:before{-webkit-animation-name:hvr-icon-hang-sink,hvr-icon-hang;animation-name:hvr-icon-hang-sink,hvr-icon-hang;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}@-webkit-keyframes hvr-icon-wobble-horizontal{16.65%{-webkit-transform:translateX(6px);transform:translateX(6px)}33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes hvr-icon-wobble-horizontal{16.65%{-webkit-transform:translateX(6px);transform:translateX(6px)}33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.hvr-icon-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-wobble-horizontal:before{content:"\f061";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-wobble-horizontal:active:before,.hvr-icon-wobble-horizontal:focus:before,.hvr-icon-wobble-horizontal:hover:before{-webkit-animation-name:hvr-icon-wobble-horizontal;animation-name:hvr-icon-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-wobble-vertical{16.65%{-webkit-transform:translateY(6px);transform:translateY(6px)}33.3%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hvr-icon-wobble-vertical{16.65%{-webkit-transform:translateY(6px);transform:translateY(6px)}33.3%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.hvr-icon-wobble-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-wobble-vertical:before{content:"\f062";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-wobble-vertical:active:before,.hvr-icon-wobble-vertical:focus:before,.hvr-icon-wobble-vertical:hover:before{-webkit-animation-name:hvr-icon-wobble-vertical;animation-name:hvr-icon-wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}@keyframes hvr-icon-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}.hvr-icon-buzz{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-buzz:before{content:"\f017";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-buzz:active:before,.hvr-icon-buzz:focus:before,.hvr-icon-buzz:hover:before{-webkit-animation-name:hvr-icon-buzz;animation-name:hvr-icon-buzz;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-icon-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@keyframes hvr-icon-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}.hvr-icon-buzz-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-buzz-out:before{content:"\f023";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-buzz-out:active:before,.hvr-icon-buzz-out:focus:before,.hvr-icon-buzz-out:hover:before{-webkit-animation-name:hvr-icon-buzz-out;animation-name:hvr-icon-buzz-out;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-curl-top-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-curl-top-left:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;left:0;background:#fff;background:linear-gradient(135deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');z-index:1000;box-shadow:1px 1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-top-left:active:before,.hvr-curl-top-left:focus:before,.hvr-curl-top-left:hover:before{width:25px;height:25px}.hvr-curl-top-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-curl-top-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;right:0;background:#fff;background:linear-gradient(225deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:-1px 1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-top-right:active:before,.hvr-curl-top-right:focus:before,.hvr-curl-top-right:hover:before{width:25px;height:25px}.hvr-curl-bottom-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-curl-bottom-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;bottom:0;right:0;background:#fff;background:linear-gradient(315deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:-1px -1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-bottom-right:active:before,.hvr-curl-bottom-right:focus:before,.hvr-curl-bottom-right:hover:before{width:25px;height:25px}.hvr-curl-bottom-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-curl-bottom-left:before{pointer-events:none;position:absolute;content:'';height:0;width:0;bottom:0;left:0;background:#fff;background:linear-gradient(45deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:1px -1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-bottom-left:active:before,.hvr-curl-bottom-left:focus:before,.hvr-curl-bottom-left:hover:before{width:25px;height:25px}
/* Hover-min CSS End */
/* Validetta CSS Start */
.validetta-bubble {
position: absolute;
background-color: #cd2e26;
max-width: 325px;
border-radius: 5px;
color: white;
padding: 5px 12px;
z-index: 9; }
.validetta-bubble:before {
content: '';
position: absolute;
display: block;
height: 0;
width: 0;
border-width: 5px;
border-style: solid; }
.validetta-bubble--right:before {
top: 7px;
left: -10px;
border-color: transparent #cd2e26 transparent transparent; }
.validetta-bubble--bottom:before {
top: -10px;
left: 10px;
border-color: transparent transparent #cd2e26 transparent; }
.validetta-inline,
.validetta-bubble {
display: block;
font: 12px/14px Arial, Helvetica, sans-serif; }
.validetta-inline {
color: #545454;
display: block;
width: 92%;
font-style: normal;
padding: 0px;
box-sizing:border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin: -9px auto;
background: #f4f4f4;
padding: 2px;
animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
transform: translate3d(0, 0, 0);
/*backface-visibility: hidden;*/
perspective: 100;
}
.validetta-error input, .validetta-error select{background:url(../images/textfield_lines_bg_error.png) repeat-x bottom left !important;}
.validetta-error textarea{background:url(../images/textarea_lines_bg_error.png) repeat-x bottom center !important;}
.validetta-error textarea + .validetta-inline{width: 300px; margin: 0 auto;}
.validetta-error .filetype{border-bottom: 2px solid #ff0000 !important;}
/* Validetta CSS End */
/* Swiper CSS Start */
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
/* Fix of Webkit flickering */
z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
-moz-transform: translate3d(0px, 0, 0);
-o-transform: translate(0px, 0px);
-ms-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
/*.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}*/
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: linear;
-moz-transition-timing-function: linear;
-ms-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
margin: 0 auto;
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-transition-property: -webkit-transform, height;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform, height;
}
/* a11y */
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
position: absolute;
/*top: 50%;*/
width: 32px;
height: 32px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
-moz-background-size: 27px 44px;
-webkit-background-size: 27px 44px;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
margin-right:20px;
bottom: 8px;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
/* background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
background: url(../images/controls.png) no-repeat -1px 0px;
left: auto;
right: 35px;*/
right: 35px;
left: auto;
border: 1px solid #ffffff;
color: #ffffff;
height: 32px;
text-align: center;
width: 32px;
padding: 0;
box-sizing: border-box;
font-size: 13px;
line-height: 31px;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
/* background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 0px; background: url(../images/controls.png) no-repeat -34px 0px;
left: auto;*/
right: 0px;
left: auto;
border: 1px solid #ffffff;
color: #ffffff;
height: 32px;
text-align: center;
width: 32px;
padding: 0;
box-sizing: border-box;
font-size: 13px;
line-height: 31px;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
/* Pagination Styles */
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 15px;
left: 0;
width: 100%;
}
/* Bullets */
.swiper-pagination-bullet {
width: 14px;
height: 14px;
display: inline-block;
border-radius: 100%;
background: #000;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
background: #fff;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
-moz-transform: translate3d(0px, -50%, 0);
-o-transform: translate(0px, -50%);
-ms-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 5px 0;
display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px;
}
/* Progress */
.swiper-pagination-progress {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
-webkit-transform-origin: right top;
-moz-transform-origin: right top;
-ms-transform-origin: right top;
-o-transform-origin: right top;
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
background: #000;
}
/* 3D Container */
.swiper-container-3d {
-webkit-perspective: 1200px;
-moz-perspective: 1200px;
-o-perspective: 1200px;
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
/* Safari 4+, Chrome */
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Chrome 10+, Safari 5.1+, iOS 5+ */
background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Firefox 3.6-15 */
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Opera 11.10-12.00 */
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
/* Safari 4+, Chrome */
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Chrome 10+, Safari 5.1+, iOS 5+ */
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Firefox 3.6-15 */
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Opera 11.10-12.00 */
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
/* Safari 4+, Chrome */
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Chrome 10+, Safari 5.1+, iOS 5+ */
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Firefox 3.6-15 */
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Opera 11.10-12.00 */
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
/* Safari 4+, Chrome */
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Chrome 10+, Safari 5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Firefox 3.6-15 */
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Opera 11.10-12.00 */
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Firefox 16+, IE10, Opera 12.50+ */
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
/* Windows 8 IE 10 fix */
-ms-perspective: 1200px;
}
/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
overflow: visible;
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}
/* Cube */
.swiper-container-cube .swiper-slide {
visibility: hidden;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
/* Scrollbar */
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 0px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-moz-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
-webkit-background-size: 100%;
background-size: 100%;
background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
}
/* Swiper CSS End */
/* Slider CSS Start */
.da-slider{
width: 100%;
height: 600px;
position: relative;
margin: 0px auto;
overflow: hidden;
/*background: transparent url(../images/waves.gif) repeat 0% 0%;
border-top: 8px solid #efc34a;
border-bottom: 8px solid #efc34a;
box-shadow: 0px 1px 1px rgba(0,0,0,0.2), 0px -2px 1px #fff;*/
-webkit-transition: background-position 1s ease-out 0.3s;
-moz-transition: background-position 1s ease-out 0.3s;
-o-transition: background-position 1s ease-out 0.3s;
-ms-transition: background-position 1s ease-out 0.3s;
transition: background-position 1s ease-out 0.3s;
}
.da-slide{
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
font-family: Lato-Light;
text-align: left; box-sizing:border-box; padding:0px 10%;
}
.da-slide-current{
z-index: 500;
}
.da-slider-fb .da-slide{
left: 100%;
}
.da-slider-fb .da-slide.da-slide-current{
left: 0px;
}
.da-slide h2,
.da-slide p,
.da-slide .da-link,
.da-slide .da-img{
position: relative;
opacity: 0;
left: 0%;
}
.da-slider-fb .da-slide h2,
.da-slider-fb .da-slide p,
.da-slider-fb .da-slide .da-link{
left: 0%;
opacity: 1;
}
.da-slider-fb .da-slide .da-img{
left: 0%;
opacity: 1;
}
.da-slide h2{
color: #fff;
font-size: 32px;
top: 0px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
font-family: Lato-Light;
margin-bottom:15px;
}
.da-slide p{
top: 0px;
color: #000000;
font-size: 30px;
line-height: 26px;
/*height: 80px;
overflow: hidden;*/
font-family: Lato-Bold; margin:23px 0 33px 0px;
}
.data-text{position: relative;
top: 25%;
float: left;
width: 50%; left:10%;
}
.da-slide p small{ font-size:24px;}
.da-slide .da-img{
text-align: center;
top: 20%;
line-height: 320px;
left: 110%; /*55%*/ /*float:right;*/ display:inline-block; margin-left:4%;
}
.da-slide.singleimg{padding:0px;}
.da-slide.singleimg .da-img{ top: 0px; display: inherit; margin: 0px; width: 100% !important; margin: 0px !important;}
.da-slide.singleimg .da-link{
top: initial;
color: #ffffff!important;
padding: 12px 20px;
font-size: 16px;
line-height: 30px;
text-align: center;
border: 1px solid #ffffff !important;
text-transform: uppercase;
position: absolute;
bottom: 103px;
right: 0;
width: 10%;
left: 0;
margin: 0px auto;}
.da-slide .da-link{
top: 0px; /*depends on p height*/
color: #73BF43;
padding: 12px 20px;
font-size: 16px;
line-height: 30px;
text-align: center; border:1px solid #73BF43; text-transform:uppercase;
}
.da-slide .da-link:hover{
/*background: rgba(255,255,255,0.3);*/ background:#73BF43; color:#303030;
}
.da-dots{
width: 100%;
position: absolute;
text-align: center;
left: 0px;
bottom: 20px;
z-index: 902;
-moz-user-select: none;
-webkit-user-select: none;
}
.da-dots span{
display: inline-block;
position: relative;
width: 14px;
height: 14px;
border-radius: 50%;
border:1px solid #ffffff; background:transparent;
margin: 1px 5px;
cursor: pointer
}
.da-dots span.da-dots-current{border-color:#EDE70A !important; background:#EDE70A; }
/*.da-dots span.da-dots-current:after{
content: '';
width: 10px;
height: 10px;
position: absolute;
top: -1px;
left: -1px;
border-radius: 50%; background:#EDE70A;
}*/
.da-arrows{
-moz-user-select: none;
-webkit-user-select: none;
}
.da-arrows span{
position: absolute;
top: 50%;
height: 30px;
width: 30px;
border-radius: 50%;
background: #e4b42d;
cursor: pointer;
z-index: 2000;
opacity: 0;
box-shadow:
1px 1px 1px rgba(0,0,0,0.1) inset,
1px 1px 1px rgba(255,255,255,0.1);
-webkit-transition: opacity 0.4s ease-in-out-out 0.2s;
-moz-transition: opacity 0.4s ease-in-out-out 0.2s;
-o-transition: opacity 0.4s ease-in-out-out 0.2s;
-ms-transition: opacity 0.4s ease-in-out-out 0.2s;
transition: opacity 0.4s ease-in-out-out 0.2s;
}
.da-slider:hover .da-arrows span{
opacity: 1;
}
.da-arrows span:after{
content: '';
position: absolute;
width: 20px;
height: 20px;
top: 5px;
left: 5px;
background: transparent url(theme-assets/images/arrows.png) no-repeat top left;
border-radius: 50%;
box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.da-arrows span:hover:after{
box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}
.da-arrows span:active:after{
box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
}
.da-arrows span.da-arrows-next:after{
background-position: top right;
}
.da-arrows span.da-arrows-prev{
left: 15px;
}
.da-arrows span.da-arrows-next{
right: 15px;
}
.da-slide-current h2,
.da-slide-current p,
.da-slide-current .da-link{
left: 0%;
opacity: 1;
}
.da-slide-current .da-img{
left: 0% !important;
opacity: 1;
}
/* Animation classes and animations */
/* Slide in from the right*/
.da-slide-fromright h2{
-webkit-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
-moz-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
-o-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
-ms-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
}
.da-slide-fromright p{
-webkit-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
-moz-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
-o-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
-ms-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
}
.da-slide-fromright .da-link{
-webkit-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
-moz-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
-o-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
-ms-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
}
.da-slide-fromright .da-img{
-webkit-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
-moz-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
-o-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
-ms-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
}
.da-slide-fromright .white-strip{
-webkit-animation: fromRightAnim5 0.6s ease-in-out 0.8s both;
-moz-animation: fromRightAnim5 0.6s ease-in-out 0.8s both;
-o-animation: fromRightAnim5 0.6s ease-in-out 0.8s both;
-ms-animation: fromRightAnim5 0.6s ease-in-out 0.8s both;
animation: fromRightAnim5 0.6s ease-in-out 0.8s both;
}
@-webkit-keyframes fromRightAnim1{
0%{ left: 110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim2{
0%{ left: 110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim3{
0%{ left: 110%; opacity: 0; }
1%{ left: 0%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim4{
0%{ left: 110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim5{
0%{ width: 0%; opacity: 0;}
100%{ width: 100%; opacity: 1;}
}
@-moz-keyframes fromRightAnim1{
0%{ left: 110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-moz-keyframes fromRightAnim2{
0%{ left: 110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-moz-keyframes fromRightAnim3{
0%{ left: 110%; opacity: 0; }
1%{ left: 0%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-moz-keyframes fromRightAnim4{
0%{ left: 110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-moz-keyframes fromRightAnim5{
0%{ width: 0%; opacity: 0;}
100%{ width: 100%; opacity: 1;}
}
@-o-keyframes fromRightAnim1{
0%{ left: 110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-o-keyframes fromRightAnim2{
0%{ left: 110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-o-keyframes fromRightAnim3{
0%{ left: 110%; opacity: 0; }
1%{ left: 0%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-o-keyframes fromRightAnim4{
0%{ left: 110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-o-keyframes fromRightAnim5{
0%{ width: 0%; opacity: 0;}
100%{ width: 100%; opacity: 1;}
}
@-ms-keyframes fromRightAnim1{
0%{ left: 110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-ms-keyframes fromRightAnim2{
0%{ left: 110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-ms-keyframes fromRightAnim3{
0%{ left: 110%; opacity: 0; }
1%{ left: 0%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-ms-keyframes fromRightAnim4{
0%{ left: 110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-ms-keyframes fromRightAnim5{
0%{ width: 0%; opacity: 0;}
100%{ width: 100%; opacity: 1;}
}
@keyframes fromRightAnim1{
0%{ left: 110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@keyframes fromRightAnim2{
0%{ left: 110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@keyframes fromRightAnim3{
0%{ left: 110%; opacity: 0; }
1%{ left: 0%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@keyframes fromRightAnim4{
0%{ left: 110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@keyframes fromRightAnim5{
0%{ width: 0%; opacity: 0;}
100%{ width: 100%; opacity: 1;}
}
/* Slide in from the left*/
.da-slide-fromleft h2{
-webkit-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
-moz-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
-o-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
-ms-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft p{
-webkit-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
-moz-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
-o-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
-ms-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft .da-link{
-webkit-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
-moz-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
-o-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
-ms-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
}
.da-slide-fromleft .da-img{
-webkit-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
-moz-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
-o-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
-ms-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft .white-strip{
-webkit-animation: fromLeftAnim5 0.6s ease-in-out 0.6s both;
-moz-animation: fromLeftAnim5 0.6s ease-in-out 0.6s both;
-o-animation: fromLeftAnim5 0.6s ease-in-out 0.6s both;
-ms-animation: fromLeftAnim5 0.6s ease-in-out 0.6s both;
animation: fromLeftAnim5 0.6s ease-in-out 0.6s both;
}
@-webkit-keyframes fromLeftAnim1{
0%{ left: -110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim2{
0%{ left: -110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim3{
0%{ left: -110%; opacity: 0; }
1%{ left: 0%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim4{
0%{ left: -110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim5{
0%{ width: 0%;}
100%{ width: 100%; }
}
@-moz-keyframes fromLeftAnim1{
0%{ left: -110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim2{
0%{ left: -110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim3{
0%{ left: -110%; opacity: 0; }
1%{ left: 0%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim4{
0%{ left: -110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim5{
0%{ width: 0%; left:0px;}
100%{ width: 100%; left:0px;}
}
@-o-keyframes fromLeftAnim1{
0%{ left: -110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-o-keyframes fromLeftAnim2{
0%{ left: -110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-o-keyframes fromLeftAnim3{
0%{ left: -110%; opacity: 0; }
1%{ left: 0%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-o-keyframes fromLeftAnim4{
0%{ left: -110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-o-keyframes fromLeftAnim5{
0%{ width: 0%; left:0px;}
100%{ width: 100%; left:0px;}
}
@-ms-keyframes fromLeftAnim1{
0%{ left: -110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim2{
0%{ left: -110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim3{
0%{ left: -110%; opacity: 0; }
1%{ left: 0%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim4{
0%{ left: -110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim5{
0%{ width: 0%; left:0px;}
100%{ width: 100%; left:0px;}
}
@keyframes fromLeftAnim1{
0%{ left: -110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@keyframes fromLeftAnim2{
0%{ left: -110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@keyframes fromLeftAnim3{
0%{ left: -110%; opacity: 0; }
1%{ left: 0%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@keyframes fromLeftAnim4{
0%{ left: -110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@keyframes fromLeftAnim5{
0%{ width: 0%; left:0px;}
100%{ width: 100%; left:0px;}
}
/* Slide out to the right */
.da-slide-toright h2{
-webkit-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
-moz-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
-o-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
-ms-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
animation: toRightAnim1 0.6s ease-in-out 0.6s both;
}
.da-slide-toright p{
-webkit-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
-moz-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
-o-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
-ms-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
animation: toRightAnim2 0.6s ease-in-out 0.3s both;
}
.da-slide-toright .da-link{
-webkit-animation: toRightAnim3 0.4s ease-in-out both;
-moz-animation: toRightAnim3 0.4s ease-in-out both;
-o-animation: toRightAnim3 0.4s ease-in-out both;
-ms-animation: toRightAnim3 0.4s ease-in-out both;
animation: toRightAnim3 0.4s ease-in-out both;
}
.da-slide-toright .da-img{
-webkit-animation: toRightAnim4 0.6s ease-in-out both;
-moz-animation: toRightAnim4 0.6s ease-in-out both;
-o-animation: toRightAnim4 0.6s ease-in-out both;
-ms-animation: toRightAnim4 0.6s ease-in-out both;
animation: toRightAnim4 0.6s ease-in-out both;
}
.da-slide-toright .white-strip{
-webkit-animation: toRightAnim5 0.6s ease-in-out both;
-moz-animation: toRightAnim5 0.6s ease-in-out both;
-o-animation: toRightAnim5 0.6s ease-in-out both;
-ms-animation: toRightAnim5 0.6s ease-in-out both;
animation: toRightAnim5 0.6s ease-in-out both;
}
@-webkit-keyframes toRightAnim1{
0%{ left: 0%; opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim2{
0%{ left: 0%; opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim3{
0%{ left: 0%; opacity: 1; }
99%{ left: 0%; opacity: 0; }
100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim4{
0%{ left: 0%; opacity: 1; }
30%{ left: 0%; opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim5{
0%{ width: 100%; opacity: 1;}
100%{ width: 0%; opacity: 0;}
}
@-moz-keyframes toRightAnim1{
0%{ left: 0%; opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim2{
0%{ left: 0%; opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim3{
0%{ left: 0%; opacity: 1; }
99%{ left: 0%; opacity: 0; }
100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim4{
0%{ left: 0%; opacity: 1; }
30%{ left: 0%; opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim5{
0%{ width: 100%; opacity: 1;}
100%{ width: 0%; opacity: 0;}
}
@-o-keyframes toRightAnim1{
0%{ left: 0%; opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim2{
0%{ left: 0%; opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim3{
0%{ left: 0%; opacity: 1; }
99%{ left: 0%; opacity: 0; }
100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim4{
0%{ left: 0%; opacity: 1; }
30%{ left: 0%; opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim5{
0%{ width: 100%; opacity: 1;}
100%{ width: 0%; opacity: 0;}
}
@-ms-keyframes toRightAnim1{
0%{ left: 0%; opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim2{
0%{ left: 0%; opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim3{
0%{ left: 0%; opacity: 1; }
99%{ left: 0%; opacity: 0; }
100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim4{
0%{ left: 0%; opacity: 1; }
30%{ left: 0%; opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim5{
0%{ width: 100%; opacity: 1;}
100%{ width: 0%; opacity: 0;}
}
@keyframes toRightAnim1{
0%{ left: 0%; opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim2{
0%{ left: 0%; opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim3{
0%{ left: 0%; opacity: 1; }
99%{ left: 0%; opacity: 0; }
100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim4{
0%{ left: 0%; opacity: 1; }
30%{ left: 0%; opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim5{
0%{ width: 100%; opacity: 1;}
100%{ width: 0%; opacity: 0;}
}
/* Slide out to the left*/
.da-slide-toleft h2{
-webkit-animation: toLeftAnim1 0.6s ease-in-out both;
-moz-animation: toLeftAnim1 0.6s ease-in-out both;
-o-animation: toLeftAnim1 0.6s ease-in-out both;
-ms-animation: toLeftAnim1 0.6s ease-in-out both;
animation: toLeftAnim1 0.6s ease-in-out both;
}
.da-slide-toleft p{
-webkit-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
-moz-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
-o-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
-ms-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
}
.da-slide-toleft .da-link{
-webkit-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
-moz-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
-o-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
-ms-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
}
.da-slide-toleft .da-img{
-webkit-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
-moz-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
-o-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
-ms-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
}
.da-slide-toleft .white-strip{
-webkit-animation: toLeftAnim5 0.6s ease-in-out 0.5s both;
-moz-animation: toLeftAnim5 0.6s ease-in-out 0.5s both;
-o-animation: toLeftAnim5 0.6s ease-in-out 0.5s both;
-ms-animation: toLeftAnim5 0.6s ease-in-out 0.5s both;
animation: toLeftAnim5 0.6s ease-in-out 0.5s both;
}
@-webkit-keyframes toLeftAnim1{
0%{ left: 0%; opacity: 1; }
30%{ left: 15%; opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim2{
0%{ left: 0%; opacity: 1; }
30%{ left: 15%; opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim3{
0%{ left: 0%; opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim4{
0%{ left: 0%; opacity: 1; }
70%{ left: 30%; opacity: 0; }
100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim5{
0%{ width: 100%; opacity: 1;}
100%{ width: 0%; opacity: 0;}
}
@-moz-keyframes toLeftAnim1{
0%{ left: 0%; opacity: 1; }
30%{ left: 15%; opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim2{
0%{ left: 0%; opacity: 1; }
30%{ left: 15%; opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim3{
0%{ left: 0%; opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim4{
0%{ left: 0%; opacity: 1; }
70%{ left: 30%; opacity: 0; }
100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim5{
0%{ width: 100%; opacity: 1;}
100%{ width: 0%; opacity: 0;}
}
@-o-keyframes toLeftAnim1{
0%{ left: 0%; opacity: 1; }
30%{ left: 15%; opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim2{
0%{ left: 0%; opacity: 1; }
30%{ left: 15%; opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim3{
0%{ left: 0%; opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim4{
0%{ left: 0%; opacity: 1; }
70%{ left: 30%; opacity: 0; }
100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim5{
0%{ width: 100%; opacity: 1;}
100%{ width: 0%; opacity: 0;}
}
@-ms-keyframes toLeftAnim1{
0%{ left: 0%; opacity: 1; }
30%{ left: 15%; opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim2{
0%{ left: 0%; opacity: 1; }
30%{ left: 15%; opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim3{
0%{ left: 0%; opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim4{
0%{ left: 0%; opacity: 1; }
70%{ left: 30%; opacity: 0; }
100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim5{
0%{ width: 100%; opacity: 1;}
100%{ width: 0%; opacity: 0;}
}
@keyframes toLeftAnim1{
0%{ left: 0%; opacity: 1; }
30%{ left: 15%; opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim2{
0%{ left: 0%; opacity: 1; }
30%{ left: 15%; opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim3{
0%{ left: 0%; opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim4{
0%{ left: 0%; opacity: 1; }
70%{ left: 30%; opacity: 0; }
100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim5{
0%{ width: 100%; opacity: 1;}
100%{ width: 0%; opacity: 0;}
}
/**********************************************************************************************
For Events Page Text Content Right for Date, year, COmpany etc.
***********************************************************************************************/
.data-text-right{float: right; width: 162px; position:relative; top:12.2%; right:10.7%;}
.data-text-right h2.eventyear{ color:#303030; font-size:37px; font-family:Lato-Bold; float:left; line-height:30px;}
.data-text-right h2.eventyear small{font-size:24px;}
.data-text-right p.eventdate{color:#000000; font-size:76px; font-family:Lato-Light; line-height:57px; margin:0 0 0 10px; line-height:0;}
.data-text-right p{display:inline;}
.data-text-right .event-tagline{
font-family: Lato-Light;
font-size: 24px;
text-align: right;
float: right;
width: 240px;
overflow: hidden; margin:30px 22px 0 0;
}
.events .da-slide .da-img,
.events-casestudy .da-slide .da-img
{
top: 0px;
float: left;
position: relative;
left: 15px;
height: auto;
margin: 0px 0 0 18px;
}
.events .event-company,
.events-casestudy .event-company
{background:#F00; padding:4px 19px; color:#ffffff; margin:0px; font-family:Lato-Regular; font-size:32px; text-transform:uppercase; text-align:center;}
.white-strip{
background: rgba(255, 255, 255, .75);
height: 80px;
width: 100%;
position: absolute;
left: 0;
top: 33%;
max-width: 1200px;
right: 0px; margin:0px 0 0 17%;
}
.white-strip:after
{
content: '';
display: block;
position: absolute;
left: -1px;
margin-top: -10px;
width: 0;
height: 0;
border-top: 10px solid #303030;
border-right: 10px solid #303030;
border-bottom: 10px solid transparent;
border-left: 10px solid transparent;
bottom: -20px;
}
/**********************************************************************************************
Layer Slider Responsive Styles for Mobile and Tablets
***********************************************************************************************/
@media screen and (min-width:0px) and (max-width:767px) {
.da-slide .da-img{width:100%; top:0px; left:0px !important; position:relative;}
.da-slide .da-img img{width:100%; height:auto;}
.da-slide h2, .da-slide p, .da-slide .da-link {position:relative; top:0px;}
.da-slide h2{top:0px; white-space:inherit; margin-bottom:5px;}
.da-slide h2,
.da-slide p,
.da-slide .da-link,
.da-slide .da-img{
left: 0px !important;
}
.da-slide p{top:0px; width:100%; height:auto;}
.da-slide h2{top:0px; margin-bottom:5px;}
.da-slide h2, .da-slide p{
width: 100%;
text-align: center;
padding: 0px 10px;
box-sizing: border-box;
}
.da-slide .da-link{ margin: 5% ;
display: inherit;
box-sizing: border-box;}
.data-text{top:2%; width:100%; left:0px;}
.da-slide{padding:0px 2%;}
.white-strip{margin:0px;}
.data-text-right{ right:0px; width:100%; top:6%;}
.data-text-right h2 br{display:none;}
.data-text-right h2.eventyear{width:100%; font-size:50px;}
.data-text-right p.eventdate{float:none; margin:0px; font-size:50px; font-family:Lato-Bold;}
.events .event-company,
.events-casestudy .event-company
{display:inline-block; padding:13px 19px;}
.data-text-right .event-tagline{
float: none;
width: 100%;
overflow: visible;
padding: 5px;
text-align: center;
display: inline-block; margin:10px 0 0 0;
}
}
@media screen and (min-width:768px) and (max-width:1024px) {
.da-slide .da-img{width:45%; top:10%; left:0px !important; position:relative; margin-left:0px;}
.da-slide .da-img img{width:100%; height:auto;}
.da-slide h2, .da-slide p, .da-slide .da-link {position:relative; top:0px;}
.da-slide h2{top:0px; white-space:inherit; margin-bottom:5px;}
.da-slide h2,
.da-slide p,
.da-slide .da-link,
.da-slide .da-img{
left: 0px !important;
}
.da-slide p{top:0px; width:100%; height:auto;}
.da-slide h2{top:0px; margin-bottom:5px;}
.da-slide h2, .da-slide p{
width: 100%;
text-align: left;
padding: 0px 10px;
box-sizing: border-box;
}
.da-slide .da-link{ margin: 5%; box-sizing: border-box;}
.data-text{top:15%; width:54%; left:0px;}
.da-slide{padding:0px 1%;}
/*.da-dots{top:430px; bottom:0px;}*/
.data-text-right{ right:0px;}
.data-text-right h2.eventyear p.left{float:left; width:50%; margin:0px;}
.data-text-right p.eventdate{
width: 40%;
margin: 0px;
position: absolute;
top: 25px;
right: 0px;
left: 0px;
margin-left: 67px;
}
.events .event-company,
.events-casestudy .event-company
{top:20px;}
.white-strip{margin:0px;}
.data-text-right .event-tagline{margin:50px 0 0 0;}
.events .data-text,
.events-casestudy .data-text
{top:25%;}
.events .da-slide .da-img,
.events-casestudy .da-slide .da-img
{
top: 0px;
position: absolute;
left: 0;
height: auto;
margin: 0px 0 0 47%;
right: 0px;
width: 198px;
}
}
@media screen and (min-width:1021px) and (max-width:1599px) {
.da-slide{padding:0px 1%;}
.da-slide .da-img{margin-left:0px;}
}
@media only screen and (min-device-width: 0px)
and (max-device-width: 599px) {
.da-slide h2{font-size:26px;}
.da-slide p{font-size:25px; margin:10px 0px;}
.da-slide p small{font-size:18px;}
.da-slide .da-link{padding:8px;}
}
@media screen and (min-width:1025px) and (max-width:1599px) {
.white-strip{margin:0 0 0 9%;}
}
@media screen and (min-width:1366px) and (max-width:1800px){
.white-strip{ max-width:83%;}
.data-text-right{ right:7.4% ;}
}
@media screen and (min-width:1280px) and (max-width:1365px){
.white-strip{ max-width:86%;}
.data-text-right{ right:4.2% ;}
}
/* Slider CSS End */
/* intlTellinput CSS Start */
.intl-tel-input
{
position:relative;
display:inline-block
}
.intl-tel-input *
{
box-sizing:border-box;
-moz-box-sizing:border-box
}
.intl-tel-input .hide
{
display:none
}
.intl-tel-input .v-hide
{
visibility:hidden
}
.intl-tel-input input,.intl-tel-input input[type=text],.intl-tel-input input[type=tel]
{
position:relative;
z-index:0;
/*margin-top:0 !important;
margin-bottom:0 !important;
padding-right:36px;
margin-right:0*/
}
.intl-tel-input .flag-container
{
position:absolute; display: none;
top:0;
bottom:0;
right:0;
padding:1px
}
.intl-tel-input .selected-flag
{
z-index:1;
position:relative;
width:36px;
height:100%;
padding:0 0 0 8px
}
.intl-tel-input .selected-flag .iti-flag
{
position:absolute;
top:0;
bottom:0;
margin:auto
}
.intl-tel-input .selected-flag .iti-arrow
{
position:absolute;
top:50%;
margin-top:-2px;
right:6px;
width:0;
height:0;
border-left:3px solid transparent;
border-right:3px solid transparent;
border-top:4px solid #555
}
.intl-tel-input .selected-flag .iti-arrow.up
{
border-top:none;
border-bottom:4px solid #555
}
.intl-tel-input .country-list
{
position:absolute;
z-index:2;
list-style:none;
text-align:left;
padding:0;
margin:0 0 0 -1px;
box-shadow:1px 1px 4px rgba(0,0,0,0.2);
background-color:white;
border:1px solid #CCC;
white-space:nowrap;
max-height:200px;
overflow-y:scroll
}
.intl-tel-input .country-list.dropup
{
bottom:100%;
margin-bottom:-1px
}
.intl-tel-input .country-list .flag-box
{
display:inline-block;
width:20px
}
@media (max-width: 500px)
{
.intl-tel-input .country-list
{
white-space:normal
}
}
.intl-tel-input .country-list .divider
{
padding-bottom:5px;
margin-bottom:5px;
border-bottom:1px solid #CCC
}
.intl-tel-input .country-list .country
{
padding:5px 10px
}
.intl-tel-input .country-list .country .dial-code
{
color:#999
}
.intl-tel-input .country-list .country.highlight
{
background-color:rgba(0,0,0,0.05)
}
.intl-tel-input .country-list .flag-box,.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .dial-code
{
vertical-align:middle
}
.intl-tel-input .country-list .flag-box,.intl-tel-input .country-list .country-name
{
margin-right:6px
}
.intl-tel-input.allow-dropdown input,.intl-tel-input.allow-dropdown input[type=text],.intl-tel-input.allow-dropdown input[type=tel]
{
padding-right:6px;
padding-left:52px;
margin-left:0
}
.intl-tel-input.allow-dropdown .flag-container
{
right:auto;
left:0
}
.intl-tel-input.allow-dropdown .selected-flag
{
width:46px
}
.intl-tel-input.allow-dropdown .flag-container:hover
{
cursor:pointer
}
.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag
{
background-color:rgba(0,0,0,0.05)
}
.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover
{
cursor:default
}
.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag
{
background-color:transparent
}
.intl-tel-input.allow-dropdown.separate-dial-code .selected-flag
{
/*background-color:rgba(0,0,0,0.05);
*/display:table
}
.intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code
{
display:table-cell;
vertical-align:middle;
padding-left:28px;
position:relative;
top:3px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=text],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=tel]
{
padding-left:76px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 .selected-flag
{
width:70px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel]
{
padding-left:84px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 .selected-flag
{
width:78px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=text],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=tel]
{
padding-left:92px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 .selected-flag
{
width:86px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=text],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=tel]
{
padding-left:100px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 .selected-flag
{
width:94px
}
.intl-tel-input.iti-container
{
position:absolute;
top:-1000px;
left:-1000px;
z-index:1060;
padding:1px
}
.intl-tel-input.iti-container:hover
{
cursor:pointer
}
.iti-mobile .intl-tel-input.iti-container
{
top:30px;
bottom:30px;
left:30px;
right:30px;
position:fixed
}
.iti-mobile .intl-tel-input .country-list
{
max-height:100%;
width:100%
}
.iti-mobile .intl-tel-input .country-list .country
{
padding:10px 10px;
line-height:1.5em
}
.iti-flag
{
width:20px
}
.iti-flag.be
{
width:18px
}
.iti-flag.ch
{
width:15px
}
.iti-flag.mc
{
width:19px
}
.iti-flag.ne
{
width:18px
}
.iti-flag.np
{
width:13px
}
.iti-flag.va
{
width:15px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)
{
.iti-flag
{
background-size:5630px 15px
}
}
.iti-flag.ac
{
height:10px;
background-position:0px 0px
}
.iti-flag.ad
{
height:14px;
background-position:-22px 0px
}
.iti-flag.ae
{
height:10px;
background-position:-44px 0px
}
.iti-flag.af
{
height:14px;
background-position:-66px 0px
}
.iti-flag.ag
{
height:14px;
background-position:-88px 0px
}
.iti-flag.ai
{
height:10px;
background-position:-110px 0px
}
.iti-flag.al
{
height:15px;
background-position:-132px 0px
}
.iti-flag.am
{
height:10px;
background-position:-154px 0px
}
.iti-flag.ao
{
height:14px;
background-position:-176px 0px
}
.iti-flag.aq
{
height:14px;
background-position:-198px 0px
}
.iti-flag.ar
{
height:13px;
background-position:-220px 0px
}
.iti-flag.as
{
height:10px;
background-position:-242px 0px
}
.iti-flag.at
{
height:14px;
background-position:-264px 0px
}
.iti-flag.au
{
height:10px;
background-position:-286px 0px
}
.iti-flag.aw
{
height:14px;
background-position:-308px 0px
}
.iti-flag.ax
{
height:13px;
background-position:-330px 0px
}
.iti-flag.az
{
height:10px;
background-position:-352px 0px
}
.iti-flag.ba
{
height:10px;
background-position:-374px 0px
}
.iti-flag.bb
{
height:14px;
background-position:-396px 0px
}
.iti-flag.bd
{
height:12px;
background-position:-418px 0px
}
.iti-flag.be
{
height:15px;
background-position:-440px 0px
}
.iti-flag.bf
{
height:14px;
background-position:-460px 0px
}
.iti-flag.bg
{
height:12px;
background-position:-482px 0px
}
.iti-flag.bh
{
height:12px;
background-position:-504px 0px
}
.iti-flag.bi
{
height:12px;
background-position:-526px 0px
}
.iti-flag.bj
{
height:14px;
background-position:-548px 0px
}
.iti-flag.bl
{
height:14px;
background-position:-570px 0px
}
.iti-flag.bm
{
height:10px;
background-position:-592px 0px
}
.iti-flag.bn
{
height:10px;
background-position:-614px 0px
}
.iti-flag.bo
{
height:14px;
background-position:-636px 0px
}
.iti-flag.bq
{
height:14px;
background-position:-658px 0px
}
.iti-flag.br
{
height:14px;
background-position:-680px 0px
}
.iti-flag.bs
{
height:10px;
background-position:-702px 0px
}
.iti-flag.bt
{
height:14px;
background-position:-724px 0px
}
.iti-flag.bv
{
height:15px;
background-position:-746px 0px
}
.iti-flag.bw
{
height:14px;
background-position:-768px 0px
}
.iti-flag.by
{
height:10px;
background-position:-790px 0px
}
.iti-flag.bz
{
height:14px;
background-position:-812px 0px
}
.iti-flag.ca
{
height:10px;
background-position:-834px 0px
}
.iti-flag.cc
{
height:10px;
background-position:-856px 0px
}
.iti-flag.cd
{
height:15px;
background-position:-878px 0px
}
.iti-flag.cf
{
height:14px;
background-position:-900px 0px
}
.iti-flag.cg
{
height:14px;
background-position:-922px 0px
}
.iti-flag.ch
{
height:15px;
background-position:-944px 0px
}
.iti-flag.ci
{
height:14px;
background-position:-961px 0px
}
.iti-flag.ck
{
height:10px;
background-position:-983px 0px
}
.iti-flag.cl
{
height:14px;
background-position:-1005px 0px
}
.iti-flag.cm
{
height:14px;
background-position:-1027px 0px
}
.iti-flag.cn
{
height:14px;
background-position:-1049px 0px
}
.iti-flag.co
{
height:14px;
background-position:-1071px 0px
}
.iti-flag.cp
{
height:14px;
background-position:-1093px 0px
}
.iti-flag.cr
{
height:12px;
background-position:-1115px 0px
}
.iti-flag.cu
{
height:10px;
background-position:-1137px 0px
}
.iti-flag.cv
{
height:12px;
background-position:-1159px 0px
}
.iti-flag.cw
{
height:14px;
background-position:-1181px 0px
}
.iti-flag.cx
{
height:10px;
background-position:-1203px 0px
}
.iti-flag.cy
{
height:13px;
background-position:-1225px 0px
}
.iti-flag.cz
{
height:14px;
background-position:-1247px 0px
}
.iti-flag.de
{
height:12px;
background-position:-1269px 0px
}
.iti-flag.dg
{
height:10px;
background-position:-1291px 0px
}
.iti-flag.dj
{
height:14px;
background-position:-1313px 0px
}
.iti-flag.dk
{
height:15px;
background-position:-1335px 0px
}
.iti-flag.dm
{
height:10px;
background-position:-1357px 0px
}
.iti-flag.do
{
height:13px;
background-position:-1379px 0px
}
.iti-flag.dz
{
height:14px;
background-position:-1401px 0px
}
.iti-flag.ea
{
height:14px;
background-position:-1423px 0px
}
.iti-flag.ec
{
height:14px;
background-position:-1445px 0px
}
.iti-flag.ee
{
height:13px;
background-position:-1467px 0px
}
.iti-flag.eg
{
height:14px;
background-position:-1489px 0px
}
.iti-flag.eh
{
height:10px;
background-position:-1511px 0px
}
.iti-flag.er
{
height:10px;
background-position:-1533px 0px
}
.iti-flag.es
{
height:14px;
background-position:-1555px 0px
}
.iti-flag.et
{
height:10px;
background-position:-1577px 0px
}
.iti-flag.eu
{
height:14px;
background-position:-1599px 0px
}
.iti-flag.fi
{
height:12px;
background-position:-1621px 0px
}
.iti-flag.fj
{
height:10px;
background-position:-1643px 0px
}
.iti-flag.fk
{
height:10px;
background-position:-1665px 0px
}
.iti-flag.fm
{
height:11px;
background-position:-1687px 0px
}
.iti-flag.fo
{
height:15px;
background-position:-1709px 0px
}
.iti-flag.fr
{
height:14px;
background-position:-1731px 0px
}
.iti-flag.ga
{
height:15px;
background-position:-1753px 0px
}
.iti-flag.gb
{
height:10px;
background-position:-1775px 0px
}
.iti-flag.gd
{
height:12px;
background-position:-1797px 0px
}
.iti-flag.ge
{
height:14px;
background-position:-1819px 0px
}
.iti-flag.gf
{
height:14px;
background-position:-1841px 0px
}
.iti-flag.gg
{
height:14px;
background-position:-1863px 0px
}
.iti-flag.gh
{
height:14px;
background-position:-1885px 0px
}
.iti-flag.gi
{
height:10px;
background-position:-1907px 0px
}
.iti-flag.gl
{
height:14px;
background-position:-1929px 0px
}
.iti-flag.gm
{
height:14px;
background-position:-1951px 0px
}
.iti-flag.gn
{
height:14px;
background-position:-1973px 0px
}
.iti-flag.gp
{
height:14px;
background-position:-1995px 0px
}
.iti-flag.gq
{
height:14px;
background-position:-2017px 0px
}
.iti-flag.gr
{
height:14px;
background-position:-2039px 0px
}
.iti-flag.gs
{
height:10px;
background-position:-2061px 0px
}
.iti-flag.gt
{
height:13px;
background-position:-2083px 0px
}
.iti-flag.gu
{
height:11px;
background-position:-2105px 0px
}
.iti-flag.gw
{
height:10px;
background-position:-2127px 0px
}
.iti-flag.gy
{
height:12px;
background-position:-2149px 0px
}
.iti-flag.hk
{
height:14px;
background-position:-2171px 0px
}
.iti-flag.hm
{
height:10px;
background-position:-2193px 0px
}
.iti-flag.hn
{
height:10px;
background-position:-2215px 0px
}
.iti-flag.hr
{
height:10px;
background-position:-2237px 0px
}
.iti-flag.ht
{
height:12px;
background-position:-2259px 0px
}
.iti-flag.hu
{
height:10px;
background-position:-2281px 0px
}
.iti-flag.ic
{
height:14px;
background-position:-2303px 0px
}
.iti-flag.id
{
height:14px;
background-position:-2325px 0px
}
.iti-flag.ie
{
height:10px;
background-position:-2347px 0px
}
.iti-flag.il
{
height:15px;
background-position:-2369px 0px
}
.iti-flag.im
{
height:10px;
background-position:-2391px 0px
}
.iti-flag.in
{
height:14px;
background-position:-2413px 0px
}
.iti-flag.io
{
height:10px;
background-position:-2435px 0px
}
.iti-flag.iq
{
height:14px;
background-position:-2457px 0px
}
.iti-flag.ir
{
height:12px;
background-position:-2479px 0px
}
.iti-flag.is
{
height:15px;
background-position:-2501px 0px
}
.iti-flag.it
{
height:14px;
background-position:-2523px 0px
}
.iti-flag.je
{
height:12px;
background-position:-2545px 0px
}
.iti-flag.jm
{
height:10px;
background-position:-2567px 0px
}
.iti-flag.jo
{
height:10px;
background-position:-2589px 0px
}
.iti-flag.jp
{
height:14px;
background-position:-2611px 0px
}
.iti-flag.ke
{
height:14px;
background-position:-2633px 0px
}
.iti-flag.kg
{
height:12px;
background-position:-2655px 0px
}
.iti-flag.kh
{
height:13px;
background-position:-2677px 0px
}
.iti-flag.ki
{
height:10px;
background-position:-2699px 0px
}
.iti-flag.km
{
height:12px;
background-position:-2721px 0px
}
.iti-flag.kn
{
height:14px;
background-position:-2743px 0px
}
.iti-flag.kp
{
height:10px;
background-position:-2765px 0px
}
.iti-flag.kr
{
height:14px;
background-position:-2787px 0px
}
.iti-flag.kw
{
height:10px;
background-position:-2809px 0px
}
.iti-flag.ky
{
height:10px;
background-position:-2831px 0px
}
.iti-flag.kz
{
height:10px;
background-position:-2853px 0px
}
.iti-flag.la
{
height:14px;
background-position:-2875px 0px
}
.iti-flag.lb
{
height:14px;
background-position:-2897px 0px
}
.iti-flag.lc
{
height:10px;
background-position:-2919px 0px
}
.iti-flag.li
{
height:12px;
background-position:-2941px 0px
}
.iti-flag.lk
{
height:10px;
background-position:-2963px 0px
}
.iti-flag.lr
{
height:11px;
background-position:-2985px 0px
}
.iti-flag.ls
{
height:14px;
background-position:-3007px 0px
}
.iti-flag.lt
{
height:12px;
background-position:-3029px 0px
}
.iti-flag.lu
{
height:12px;
background-position:-3051px 0px
}
.iti-flag.lv
{
height:10px;
background-position:-3073px 0px
}
.iti-flag.ly
{
height:10px;
background-position:-3095px 0px
}
.iti-flag.ma
{
height:14px;
background-position:-3117px 0px
}
.iti-flag.mc
{
height:15px;
background-position:-3139px 0px
}
.iti-flag.md
{
height:10px;
background-position:-3160px 0px
}
.iti-flag.me
{
height:10px;
background-position:-3182px 0px
}
.iti-flag.mf
{
height:14px;
background-position:-3204px 0px
}
.iti-flag.mg
{
height:14px;
background-position:-3226px 0px
}
.iti-flag.mh
{
height:11px;
background-position:-3248px 0px
}
.iti-flag.mk
{
height:10px;
background-position:-3270px 0px
}
.iti-flag.ml
{
height:14px;
background-position:-3292px 0px
}
.iti-flag.mm
{
height:14px;
background-position:-3314px 0px
}
.iti-flag.mn
{
height:10px;
background-position:-3336px 0px
}
.iti-flag.mo
{
height:14px;
background-position:-3358px 0px
}
.iti-flag.mp
{
height:10px;
background-position:-3380px 0px
}
.iti-flag.mq
{
height:14px;
background-position:-3402px 0px
}
.iti-flag.mr
{
height:14px;
background-position:-3424px 0px
}
.iti-flag.ms
{
height:10px;
background-position:-3446px 0px
}
.iti-flag.mt
{
height:14px;
background-position:-3468px 0px
}
.iti-flag.mu
{
height:14px;
background-position:-3490px 0px
}
.iti-flag.mv
{
height:14px;
background-position:-3512px 0px
}
.iti-flag.mw
{
height:14px;
background-position:-3534px 0px
}
.iti-flag.mx
{
height:12px;
background-position:-3556px 0px
}
.iti-flag.my
{
height:10px;
background-position:-3578px 0px
}
.iti-flag.mz
{
height:14px;
background-position:-3600px 0px
}
.iti-flag.na
{
height:14px;
background-position:-3622px 0px
}
.iti-flag.nc
{
height:10px;
background-position:-3644px 0px
}
.iti-flag.ne
{
height:15px;
background-position:-3666px 0px
}
.iti-flag.nf
{
height:10px;
background-position:-3686px 0px
}
.iti-flag.ng
{
height:10px;
background-position:-3708px 0px
}
.iti-flag.ni
{
height:12px;
background-position:-3730px 0px
}
.iti-flag.nl
{
height:14px;
background-position:-3752px 0px
}
.iti-flag.no
{
height:15px;
background-position:-3774px 0px
}
.iti-flag.np
{
height:15px;
background-position:-3796px 0px
}
.iti-flag.nr
{
height:10px;
background-position:-3811px 0px
}
.iti-flag.nu
{
height:10px;
background-position:-3833px 0px
}
.iti-flag.nz
{
height:10px;
background-position:-3855px 0px
}
.iti-flag.om
{
height:10px;
background-position:-3877px 0px
}
.iti-flag.pa
{
height:14px;
background-position:-3899px 0px
}
.iti-flag.pe
{
height:14px;
background-position:-3921px 0px
}
.iti-flag.pf
{
height:14px;
background-position:-3943px 0px
}
.iti-flag.pg
{
height:15px;
background-position:-3965px 0px
}
.iti-flag.ph
{
height:10px;
background-position:-3987px 0px
}
.iti-flag.pk
{
height:14px;
background-position:-4009px 0px
}
.iti-flag.pl
{
height:13px;
background-position:-4031px 0px
}
.iti-flag.pm
{
height:14px;
background-position:-4053px 0px
}
.iti-flag.pn
{
height:10px;
background-position:-4075px 0px
}
.iti-flag.pr
{
height:14px;
background-position:-4097px 0px
}
.iti-flag.ps
{
height:10px;
background-position:-4119px 0px
}
.iti-flag.pt
{
height:14px;
background-position:-4141px 0px
}
.iti-flag.pw
{
height:13px;
background-position:-4163px 0px
}
.iti-flag.py
{
height:11px;
background-position:-4185px 0px
}
.iti-flag.qa
{
height:8px;
background-position:-4207px 0px
}
.iti-flag.re
{
height:14px;
background-position:-4229px 0px
}
.iti-flag.ro
{
height:14px;
background-position:-4251px 0px
}
.iti-flag.rs
{
height:14px;
background-position:-4273px 0px
}
.iti-flag.ru
{
height:14px;
background-position:-4295px 0px
}
.iti-flag.rw
{
height:14px;
background-position:-4317px 0px
}
.iti-flag.sa
{
height:14px;
background-position:-4339px 0px
}
.iti-flag.sb
{
height:10px;
background-position:-4361px 0px
}
.iti-flag.sc
{
height:10px;
background-position:-4383px 0px
}
.iti-flag.sd
{
height:10px;
background-position:-4405px 0px
}
.iti-flag.se
{
height:13px;
background-position:-4427px 0px
}
.iti-flag.sg
{
height:14px;
background-position:-4449px 0px
}
.iti-flag.sh
{
height:10px;
background-position:-4471px 0px
}
.iti-flag.si
{
height:10px;
background-position:-4493px 0px
}
.iti-flag.sj
{
height:15px;
background-position:-4515px 0px
}
.iti-flag.sk
{
height:14px;
background-position:-4537px 0px
}
.iti-flag.sl
{
height:14px;
background-position:-4559px 0px
}
.iti-flag.sm
{
height:15px;
background-position:-4581px 0px
}
.iti-flag.sn
{
height:14px;
background-position:-4603px 0px
}
.iti-flag.so
{
height:14px;
background-position:-4625px 0px
}
.iti-flag.sr
{
height:14px;
background-position:-4647px 0px
}
.iti-flag.ss
{
height:10px;
background-position:-4669px 0px
}
.iti-flag.st
{
height:10px;
background-position:-4691px 0px
}
.iti-flag.sv
{
height:12px;
background-position:-4713px 0px
}
.iti-flag.sx
{
height:14px;
background-position:-4735px 0px
}
.iti-flag.sy
{
height:14px;
background-position:-4757px 0px
}
.iti-flag.sz
{
height:14px;
background-position:-4779px 0px
}
.iti-flag.ta
{
height:10px;
background-position:-4801px 0px
}
.iti-flag.tc
{
height:10px;
background-position:-4823px 0px
}
.iti-flag.td
{
height:14px;
background-position:-4845px 0px
}
.iti-flag.tf
{
height:14px;
background-position:-4867px 0px
}
.iti-flag.tg
{
height:13px;
background-position:-4889px 0px
}
.iti-flag.th
{
height:14px;
background-position:-4911px 0px
}
.iti-flag.tj
{
height:10px;
background-position:-4933px 0px
}
.iti-flag.tk
{
height:10px;
background-position:-4955px 0px
}
.iti-flag.tl
{
height:10px;
background-position:-4977px 0px
}
.iti-flag.tm
{
height:14px;
background-position:-4999px 0px
}
.iti-flag.tn
{
height:14px;
background-position:-5021px 0px
}
.iti-flag.to
{
height:10px;
background-position:-5043px 0px
}
.iti-flag.tr
{
height:14px;
background-position:-5065px 0px
}
.iti-flag.tt
{
height:12px;
background-position:-5087px 0px
}
.iti-flag.tv
{
height:10px;
background-position:-5109px 0px
}
.iti-flag.tw
{
height:14px;
background-position:-5131px 0px
}
.iti-flag.tz
{
height:14px;
background-position:-5153px 0px
}
.iti-flag.ua
{
height:14px;
background-position:-5175px 0px
}
.iti-flag.ug
{
height:14px;
background-position:-5197px 0px
}
.iti-flag.um
{
height:11px;
background-position:-5219px 0px
}
.iti-flag.us
{
height:11px;
background-position:-5241px 0px
}
.iti-flag.uy
{
height:14px;
background-position:-5263px 0px
}
.iti-flag.uz
{
height:10px;
background-position:-5285px 0px
}
.iti-flag.va
{
height:15px;
background-position:-5307px 0px
}
.iti-flag.vc
{
height:14px;
background-position:-5324px 0px
}
.iti-flag.ve
{
height:14px;
background-position:-5346px 0px
}
.iti-flag.vg
{
height:10px;
background-position:-5368px 0px
}
.iti-flag.vi
{
height:14px;
background-position:-5390px 0px
}
.iti-flag.vn
{
height:14px;
background-position:-5412px 0px
}
.iti-flag.vu
{
height:12px;
background-position:-5434px 0px
}
.iti-flag.wf
{
height:14px;
background-position:-5456px 0px
}
.iti-flag.ws
{
height:10px;
background-position:-5478px 0px
}
.iti-flag.xk
{
height:15px;
background-position:-5500px 0px
}
.iti-flag.ye
{
height:14px;
background-position:-5522px 0px
}
.iti-flag.yt
{
height:14px;
background-position:-5544px 0px
}
.iti-flag.za
{
height:14px;
background-position:-5566px 0px
}
.iti-flag.zm
{
height:14px;
background-position:-5588px 0px
}
.iti-flag.zw
{
height:10px;
background-position:-5610px 0px
}
.iti-flag
{
width:20px;
height:15px;
box-shadow:0px 0px 1px 0px #888;
background-image:url("../images/flags.png");
background-repeat:no-repeat;
background-color:#DBDBDB;
background-position:20px 0
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)
{
.iti-flag
{
background-image:url("../images/flags@2x.png")
}
}
.iti-flag.np
{
background-color:transparent
}
/* intlTellinput CSS End */
/* Style CSS Start */
@charset "UTF-8";
*{outline: 0; margin:0px; padding:0px;}
/**** Fonts ****/
@font-face {
font-family: Lato-Regular;
src: url('../../fonts/Lato-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: Lato-Light;
src: url('../../fonts/Lato-Light.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: Lato-Bold;
src: url('../../fonts/Lato-Bold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: captchaFont;
src: url('../../fonts/times_new_yorker.ttf') format('truetype');
src: local(Moms_typewriter), url('../../fonts/times_new_yorker.ttf');
font-weight:normal;
font-style: normal;
}
/* Resetting of Stylesheet */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
/* -----------------------------------------------------------------------------
BOX SIZING RESET
----------------------------------------------------------------------------- */
/**,
*::before,
*::after {
box-sizing: inherit;
}*/
html {
box-sizing: border-box;
}
html{
height: 100%;
}
html {
line-height: 1;
}
ol, ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
q, blockquote {
quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none;
}
a img {
border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
.disable{cursor:not-allowed; pointer-events: none;}
.disable img{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
.disable img[alt~="person"][src*="lorem"] {
/* style rules here */
}
body {
background: #ffffff;
color: #303030;
text-align: left;
font-size: 0.875em; font-family: Lato-Light;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; margin:0px; padding:0px;
overflow-x:hidden; line-height:1.2;
}
strong {
font-weight: bold;
}
a.link{color:#303030;}
a {
color: #303030;
text-decoration: none;
/* -webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;*/
}
a:hover {
text-decoration: none;
}
.show {display: block !important;}
.hide {display: none !important;}
.pull-left {float: left;}
.pull-right {float: right;}
.clearfix {clear: both;}
.clearfix:before, .clearfix:after {
display: block;
content: '';
clear: both;
}
.relative {position: relative !important; display: inline-block;}
.absolute {position: absolute !important; }
.img-responsive{ max-width:100%; height:auto; width:100%;}
.img-responsive img {
max-width: 100%;
height: auto;
}
.mobile-only,
.s-mobile-only
{display:none !important;}
.heading{font-family: Lato-Light;}
/**** Columns Grid *****/
.col {
display: block;
float:left;
margin: 1% 0 1% 1%;
}
.col:first-child { margin-left: 0; }
/* Columns Grids */
.col_1 {
width: 100%;
}
.col_2 {
width: 83.16%;
}
.col_3 {
width: 66.33%;
}
.col_4 {
width: 49.5%;
}
.col_5 {
width: 32.66%;
}
.col_6 {
width: 15.83%;
}
.col-50 {
width: 50%;
}
.col-25 {
width: 25%;
}
.col-33 {
width: 33%;
}
/**** Columns Grid Ends *****/
.ThemeFont-Regular{font-family: Lato-Regular;}
.ThemeFont-Light{font-family: Lato-Light;}
.ThemeFont-Bold{font-family: Lato-Bold;}
.themeColorfont{color: #75BF43;}
.eventColor{background: #C5209D; color: #ffffff;}
.eventColortransparent{background: rgba(157, 32, 157, .9);}
.eventColortransparent:hover{background: rgba(157, 32, 157, 1);}
.webmobileColor{background: #74bf43; color: #303030}
.webmobileColortransparent{background: rgba(116, 191, 67, .9);}
.webmobileColortransparent:hover{background: rgba(116, 191, 67, 1);}
.brandingColor{background: #303030; color: #ffffff;}
/*** No Padding Resetting ***/
.nopadding{padding: 0px !important;}
.nopaddingLeft{padding-left: 0px;}
.nopaddingRight{padding-right: 0px;}
.nopaddingTop{padding-top: 0px;}
.nopaddingBottom{padding-bottom: 0px;}
.nomargin{margin: 0px !important;}
.nomarginLeft{margin-left: 0px;}
.nomarginRight{margin-right: 0px;}
.nomarginTop{margin-top: 0px;}
.nomarginBottom{margin-bottom: 0px;}
/*** Padding Resetting ***/
.padding5{padding: 5px !important;}
.padding10{padding: 10px !important;}
.padding20{padding: 20px !important;}
.padding30{padding: 30px !important;}
.padding40{padding: 40px !important;}
.padding50{padding: 50px !important;}
.paddingTop5{padding-top: 5px !important;}
.paddingTop10{padding-top: 10px !important;}
.paddingTop20{padding-top: 20px !important;}
.paddingTop30{padding-top: 30px !important;}
.paddingTop40{padding-top: 40px !important;}
.paddingTop50{padding-top: 50px !important;}
.paddingBottom5{padding-bottom: 5px !important;}
.paddingBottom10{padding-bottom: 10px !important;}
.paddingBottom20{padding-bottom: 20px !important;}
.paddingBottom30{padding-bottom: 30px !important;}
.paddingBottom40{padding-bottom: 40px !important;}
.paddingBottom50{padding-bottom: 50px !important;}
.paddingLeft5{padding-left: 5px !important;}
.paddingLeft10{padding-left: 10px !important;}
.paddingLeft20{padding-left: 20px !important;}
.paddingLeft30{padding-left: 30px !important;}
.paddingLeft40{padding-left: 40px !important;}
.paddingLeft50{padding-left: 50px !important;}
.paddingRight5{padding-right: 5px !important;}
.paddingRight10{padding-right: 10px !important;}
.paddingRight20{padding-right: 20px !important;}
.paddingRight30{padding-right: 30px !important;}
.paddingRight40{padding-right: 40px !important;}
.paddingRight50{padding-right: 50px !important;}
.noBorder{border: 0px;}
/********************************
Margin Sets
********************************/
.hide{display:none !important;}
.show{display:block !important;}
.fixed{position:fixed;}
.small{font-size:12px;}
.widthFull{width:100% !important;}
.textCenter{text-align:center;}
.textLeft{text-align:left;}
.textRight{text-align:right;}
.margintop5{margin-top:5px;}
.margintop10{margin-top:10px;}
.margintop15{margin-top:15px;}
.margintop20{margin-top:20px;}
.margintop25{margin-top:25px;}
.margintop30{margin-top:30px;}
.margintop40{margin-top:40px;}
.margintop50{margin-top:50px;}
.margintop64{margin-top:64px;}
.marginbottom5{margin-bottom:5px;}
.marginbottom10{margin-bottom:10px;}
.marginbottom15{margin-bottom:15px;}
.marginbottom20{margin-bottom:20px;}
.marginbottom25{margin-bottom:25px;}
.marginbottom30{margin-bottom:30px;}
.marginright10{margin-right:10px;}
.marginright20{margin-right:20px;}
.marginright30{margin-right:30px;}
.marginleft5{margin-left:5px;}
.marginleft7{margin-left:7px;}
.marginleft10{margin-left:10px;}
.marginleft20{margin-left:20px;}
.marginleft30{margin-left:30px;}
.marginleft35{margin-left:35px;}
.marginleft40{margin-left:40px;}
.marginleft45{margin-left:45px;}
.marginleft50{margin-left:50px;}
/****** CSS3 Animation ********/
.delay0{animation-delay:.5s; -moz-animation-delay:.5s; -webkit-animation-delay:.5s;}
.delay1{animation-delay:1s; -moz-animation-delay:1s; -webkit-animation-delay:1s;}
.delay2{animation-delay:1.5s; -moz-animation-delay:1.5s; -webkit-animation-delay:1.5s;}
.capitalization{text-transform:capitalize !important;}
.uppercaselinks,
.uppercaselinks li,
.uppercaselinks li a
{text-transform:uppercase !important;}
/*** End Resetting Stylesheet ***/
.container{width:100%; max-width:1200px; margin:0px auto; box-sizing:border-box; position: relative;}
section{padding:50px 0px; box-sizing:border-box; text-align:center;}
section h2,
h2.heading
{font-size:48px; margin-bottom:40px; text-align:center; font-family:Lato-Light; text-transform: capitalize;}
a.goback{
position: absolute;
z-index: 15;
right: 64px; top:16px;
border: 2px solid #ffffff;
font-size: 30px;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%; height:60px; width:60px; text-align:center; padding:0; box-sizing:border-box;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
-moz-opacity: 0.70;
-khtml-opacity: 0.70;
opacity: 0.70; line-height: 55px;
}
a.goback .fa{font-size: 32px; color: #ffffff;}
a.goback:hover{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
/***************************************************
Header
***************************************************/
header{ background:#303030; height:64px; width:100%; top:0px; left:0px; z-index:9999;}
.header-middle{width: 100px; position: absolute; right: 0px; left: 0px; top: -90px; margin: 0 auto;}
.header-middle img{width: 100px;}
.headerstrip{ width:0%; height:64px; position:absolute;
/*-webkit-animation:headeranimation 2.2s ease-out forwards ;
-moz-animation:headeranimation 2.2s ease-out forwards;
animation:headeranimation 2.2s ease-out forwards;
animation-delay:2s;
-webkit-animation-delay:2s;*/
}
/*@-moz-keyframes headeranimation {
0%{ width:0%;}
50%{ width:50%;}
100%{ width:100%;}
}
@-webkit-keyframes headeranimation {
0%{ width:0%;}
50%{ width:50%;}
100%{ width:100%;}
}
@keyframes headeranimation {
0%{ width:0%;}
50%{ width:50%;}
100%{ width:100%;}
}
*/
.welcome_banner{position: absolute; z-index: 999; right: 0px; left: 0px; width: 100%;
background: #696969;
background: -moz-radial-gradient(center, ellipse cover, #696969 0%, #262626 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #696969), color-stop(100%, #262626));
background: -webkit-radial-gradient(center, ellipse cover, #696969 0%, #262626 100%);
background: -o-radial-gradient(center, ellipse cover, #696969 0%, #262626 100%);
background: -ms-radial-gradient(center, ellipse cover, #696969 0%, #262626 100%);
background: radial-gradient(ellipse at center, #696969 0%, #262626 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#696969', endColorstr='#262626', GradientType=1 );
}
.welcome_banner #canvas{width: 100% !important; height:auto !important;}
.welcome_banner .goback{display: none;}
.welcome_banner + .contentslider{z-index:-1;}
.welcome_banner.hide + .contentslider{z-index:1;}
.defaultWhiteHeader.headerstrip{
background: #fff;
background: -moz-linear-gradient(top, #ffff 0%, #fff 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffff), color-stop(100%, #fff));
background: -webkit-linear-gradient(top, #ffff 0%, #fff 100%);
background: -o-linear-gradient(top, #fff 0%, #fff 100%);
background: -ms-linear-gradient(top, #fff 0%, #fff 100%);
background: linear-gradient(to bottom, #fff 0%, #fff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5db35', endColorstr='#74bf43', GradientType=0 );
}
.commonheader.headerstrip{
background: #c5db35;
background: -moz-linear-gradient(top, #c5db35 0%, #74bf43 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #c5db35), color-stop(100%, #74bf43));
background: -webkit-linear-gradient(top, #c5db35 0%, #74bf43 100%);
background: -o-linear-gradient(top, #c5db35 0%, #74bf43 100%);
background: -ms-linear-gradient(top, #c5db35 0%, #74bf43 100%);
background: linear-gradient(to bottom, #c5db35 0%, #74bf43 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5db35', endColorstr='#74bf43', GradientType=0 );
}
.eventsheader.headerstrip,
.gallery-events.headerstrip,
.events-casestudy.headerstrip
{background:#C5209D}
.techheader.headerstrip{background:#75BF43}
header .header-left{float:left; width:14%; position:relative; z-index:2; display:none;}
header .header-right{width:128px; height:64px; float:right;}
.homepage header .hashlogo{left:-70px;}
header .hashlogo{background:#303030; width:0px; height:64px; text-align:center; padding-top:15px; box-sizing:border-box; position:relative; left:0px; z-index:2;}
header .aheadlogo{ text-align:center; position:absolute; top:11px; left:20px; z-index:1px;}
/* .homepage header .aheadlogo{left:-130px;} */
.homepage header .aheadlogo{left:-280px;}
header .hashlogo-animate img {
-webkit-animation:spin 1.6s ease-in-out;
-moz-animation:spin 1.6s linear;
animation:spin 1.6s linear;
}
@-moz-keyframes spin {
100% { -webkit-transform: rotate(-180deg); transform:rotate(-180deg); }
}
@-webkit-keyframes spin {
100% { -webkit-transform: rotate(-180deg); transform:rotate(-180deg); }
}
@keyframes spin {
100% { -webkit-transform: rotate(-180deg); transform:rotate(-180deg); }
}
header .hashlogo-animate-reverse img {
-webkit-animation:spinreverse 1.6s ease-in-out;
-moz-animation:spinreverse 1.6s linear;
animation:spinreverse 1.6s linear;
}
@-moz-keyframes spinreverse {
100% { -webkit-transform: rotate(180deg); transform:rotate(180deg); }
}
@-webkit-keyframes spinreverse {
100% { -webkit-transform: rotate(180deg); transform:rotate(180deg); }
}
@keyframes spinreverse {
100% { -webkit-transform: rotate(180deg); transform:rotate(180deg); }
}
.nav-socialicons ul.footersocial-icons{ margin:40px auto;}
.nav-socialicons ul.footersocial-icons li{clear:inherit;}
.nav-socialicons ul.footersocial-icons li a{padding:0px;}
.nav-socialicons ul.footersocial-icons li a:hover{background:none !important;}
.nav-socialicons ul.footersocial-icons li .circle{border:0px;}
/*ul.footersocial-icons li .instagram-icon{background:url(../images/instagram_icon.png) no-repeat center; width:52px; height:52px; display:inline-block;}
ul.footersocial-icons li .instagram-icon:hover{background:url(../images/instagram_icon_hover.png) no-repeat center;}*/
.header_buttons{
position: relative; z-index: 1;
top: -80px;
text-align: center;
float: right;
right: 25px; font-family:Lato-Bold;
/*-webkit-animation:headerbutton-animation 1.6s ease-out forwards;
-moz-animation:headerbutton-animation 1.6s ease-out forwards;
animation:headerbutton-animation 1.6s ease-out forwards;
animation-delay:3s;*/
}
.header_buttons .circle .fa{
margin: 7px auto 0px auto;
color: #FFFFFF;
font-size: 18px; top: inherit;
}
.header_buttons li{float:left; margin:0px 5px; position:relative; cursor:pointer;}
.header_buttons li .circle{
width: 30px;
height: 30px;
background: none;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
border: 0px solid #303030;
text-align: center;
background: #303030;
/*-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
*/}
.header_buttons li:hover .circle{background:#ffffff;}
.header_buttons li:hover .circle .fa{color:#303030;}
.header_buttons li.shareus_button .shareusdiv{
padding: 5px 15px;
text-align: left;
background: #303030;
color: #303030;
position: absolute;
top: 0px;
right: 0px;
width: 0px; display:inline-block; -webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out; z-index:5; opacity:0; display:none;
-moz-border-radius-bottomright: 25px;
border-bottom-right-radius: 25px;
-moz-border-radius-topright: 25px;
border-top-right-radius: 25px;
-moz-border-radius-bottomleft: 25px;
border-bottom-left-radius: 25px;
-moz-border-radius-topleft: 25px;
border-top-left-radius: 25px;
font-size:11px;
}
.header_buttons li.shareus_button:hover .shareusdiv{width:350px; background: #ffffff; color: #303030; opacity:1; display:block;}
.header_buttons li.shareus_button .shareusdiv .share-widgets{
-webkit-transition:all .1s ease-in-out;
-moz-transition:all .1s ease-in-out;
-o-transition:all .1s ease-in-out; opacity:0; display:inherit; width:560px;
}
.header_buttons li.shareus_button:hover .shareusdiv .share-widgets{ opacity:1;
-webkit-transition:all 3s ease-in-out;
-moz-transition:all 3s ease-in-out;
-o-transition:all 3s ease-in-out;
}
.header_buttons li.shareus_button .shareusdiv .share-widgets li{ margin:0px 5px;}
/*.header_buttons li.shareus_button .shareusdiv .share-widgets li{
float: left;
margin: 0px 5px;
border-right: 1px solid #c4c4c4;
padding: 0 8px 0 0;
box-sizing: border-box;
}
.header_buttons li.shareus_button .shareusdiv .share-widgets li:last-child{border:0px;}*/
.header_buttons li.like_button .shareusdiv{
padding: 5px 15px;
text-align: left;
background: #303030;
color: #303030;
position: absolute;
top: 0px;
right: 0px;
width: 0px; display:inline-block; -webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out; z-index:5; opacity:0; display:none;
-moz-border-radius-bottomright: 25px;
border-bottom-right-radius: 25px;
-moz-border-radius-topright: 25px;
border-top-right-radius: 25px;
-moz-border-radius-bottomleft: 25px;
border-bottom-left-radius: 25px;
-moz-border-radius-topleft: 25px;
border-top-left-radius: 25px;
font-size:11px;
}
.header_buttons li.like_button:hover .shareusdiv{width:155px; background: #ffffff; color: #303030; opacity:1; display:block;}
.header_buttons li.like_button .shareusdiv .share-widgets{
-webkit-transition:all .1s ease-in-out;
-moz-transition:all .1s ease-in-out;
-o-transition:all .1s ease-in-out; opacity:0;
}
.header_buttons li.like_button:hover .shareusdiv .share-widgets{ opacity:1;
-webkit-transition:all 3s ease-in-out;
-moz-transition:all 3s ease-in-out;
-o-transition:all 3s ease-in-out;
}
.header_buttons li.like_button .shareusdiv .share-widgets li{
float: left;
margin: 0px 5px;
border-right: 1px solid #c4c4c4;
padding: 0 8px 0 0;
box-sizing: border-box;
}
.header_buttons li.like_button .shareusdiv .share-widgets li:last-child{border:0px;}
.header_buttons li.active .circle .fa{ z-index:7;}
/*** Header Style Ends *****/
/***************************************************
Desktop/Mobile Navigation Style
***************************************************/
.desktop_only_elements{display: block;}
.mobile_tablet_elements{display: none;}
.show-mobile-only{display: none;}
.show-tablet-only{display:none;}
.show-desktop-only{display: block;}
.for-mobile {display: none;}
.no-cursor{cursor:default;}
.mainnav{width:100%;}
.mainnav .footersocial-icons .circle { width: 48px; height: 48px; background:none; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; background:#303030; text-align:center;}
.mainnav .footersocial-icons .circle:hover{background:#ffffff;}
.mainnav .footersocial-icons .circle:hover .fa{color:#303030;}
.mainnav .footersocial-icons .circle .fa{font-size: 25px; position: relative; top: 13px; color:#ffffff;}
nav .dropdown ul li:last-child { border-bottom:0px;}
nav .dropdown-menu {
background-color: #D6D3D0;
display: none;
font-size: 13px;
}
nav .dropdown-menu .back {
display: none;
}
.menu-textdiv{
background: #ffffff;
width: 64px;
height: 64px;
text-align: center;
position: relative;
float: left; right:-170px;
color: #303030;
font-family: Lato-Light;
padding: 25px 0px;
box-sizing: border-box; overflow:hidden; text-transform:uppercase;
}
.menutext-animation{
-webkit-animation: menutext 2s linear alternate infinite; /* Chrome, Safari, Opera */
-moz-animation: menutext 2s linear alternate infinite; /* Chrome, Safari, Opera */
animation: menutext 2s linear alternate infinite;
display:none !important;}
.homepage .menutext-animation{ display:block !important;}
/* Chrome, Safari, Opera */
@-webkit-keyframes menutext {
0% { right: -170px; top: 0px;}
75% {right: 0px; top: 0px;}
85% {right: 0px; top: 0px;}
100% {right: 0px; top: 0px;}
}
@keyframes menutext {
0% { right: -170px; top: 0px;}
75% {right: 0px; top: 0px;}
85% {right: 0px; top: 0px;}
100% {right: 0px; top: 0px;}
}
@-moz-keyframes menutext {
0% { right: -170px; top: 0px;}
75% {right: 0px; top: 0px;}
85% {right: 0px; top: 0px;}
100% {right: 0px; top: 0px;}
}
.mobile-header .menu {
border: 0;
background-color: #ffffff;
height: 64px;
padding: 0;
position: absolute; right:-70px;
cursor: pointer;
text-indent: 36px;
line-height: 6px;
font-size: 15px;
float:left; width:64px; margin-left:0px; z-index:9991;
}
.mobile-header .menu span {
height: 2px;
width: 20px;
display: block;
background-color: #303030;
position: absolute;
left: 33.333%;
}
.mobile-header .menu span:before {
content: '';
height: 2px;
width: 20px;
background-color: #303030;
position: absolute;
top: -8px;
left: 0;
/*@include transform(rotate(60deg));*/
}
.mobile-header .menu span:after {
content: '';
height: 2px;
width: 20px;
background-color: #303030;
position: absolute;
bottom: -8px;
left: 0;
}
.mobile-header .menu.close { background:none;}
.mobile-header .menu.close span {
height: 0;
top: 25px;
}
.mobile-header .menu.close span:before {
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 4px; width:18px; background:#ffffff;
}
.mobile-header .menu.close span:after {
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 4px; width:18px; background:#ffffff;
}
/*@media screen and (max-width:1020px) {*/
.mobile-header .menu{ margin:0px;}
.hide-on-mobile {
display: none;
}
nav {
display: none;
position: absolute; top:0px; left:0px;
z-index: 100;
width: 100%;
/*background:rgba(117,191,67,.95);*/ margin:0px; z-index:9999;
}
nav a{ text-align:center;}
nav .container{max-width:inherit;}
nav > .container > ul > li:first-child > a, nav > .container > ul > li:first-child:hover > a,
nav > .container > ul > li > a:hover, nav > .container > ul > li:hover > a
{ background:none;}
nav li ul li:hover > a, nav li ul li.active > a{
background-color:none; color:#002855;
}
nav > .container > ul > li.active > a{background-image:none; background:none;}
nav > .container > ul {
display: block;
width: 100%;
margin: 140px auto 0px auto;
}
nav > .container > ul > li {
width: 100% !important;
}
nav > .container > ul > li > a{ background:none; font-family:Lato-Light; color:#303030; font-size:32px; text-align:center; padding:25px 0px;}
nav > .container > ul > li + li {
width: 100%;
}
nav li {
float: none;
display: block;
clear: both;
border-left: 0;
}
nav li:hover a {
font-weight: normal;
}
nav li a {
border-bottom: 0px solid #d8d9da;
display: block; padding:17px 2px 17px 32px; font-size:13px; text-transform:uppercase; color:#002855; font-family:Arial, Helvetica, sans-serif;
text-align:left;
}
nav li a:hover{ background:#ffffff !important; margin:0px; padding:0px;}
nav li a.active,
nav li a:hover.active
{ background:none !important; color:#ffffff !important; font-weight:bold;}
nav li > a:not(:only-child):after {
content: '';
display: inline-block;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid #002855;
float: right;
margin: 5px -18px 0 0;
}
nav .dropdown.show > a:first-child {
display: none;
}
nav .dropdown.show .back {
display: block;
}
nav .dropdown .back {
display: none;
}
nav .dropdown .back:before {
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 6px solid #002855;
content: '';
display: block;
float: left;
margin: 6px 0 0 -34px;
}
nav .dropdown .back:after {
display: none;
}
nav .dropdown ul {
position: static; width:100%; float:left;
}
.not-on-mobile {
display: none;
}
nav .dropdown-menu{background:none;}
nav .dropdown ul li a{border:0px;}
nav .dropdown ul li { border-bottom:1px solid #D8D9DA; margin:0px;}
/*}*/
/******* Overlay Effect for Mobile Menu to show full viewport BG in background *********/
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -moz-linear-gradient(top, rgba(197,219,53,0.95) 0%, rgba(116,191,67,0.95) 99%, rgba(116,191,67,0.95) 100%);
background: -webkit-linear-gradient(top, rgba(197,219,53,0.95) 0%,rgba(116,191,67,0.95) 99%,rgba(116,191,67,0.95) 100%);
background: linear-gradient(to bottom, rgba(197,219,53,0.95) 0%,rgba(116,191,67,0.95) 99%,rgba(116,191,67,0.95) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2c5db35', endColorstr='#f274bf43',GradientType=0 );
z-index: 999;
display: block;
}
.overlay_loading {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(117,191,67,.95);
z-index: 9999;
display: block
}
.overlay_section {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%; background:rgba(45,56,57,.90);
z-index: 1;
display: block;
}
.loadmore.loader{
border: 3px solid #6E6E6E;
border-top: 3px solid #74bf43;
border-radius: 50%;
width: 20px;
height: 20px;
animation: spin 2s linear infinite;
margin:0px auto;
}
.loaderButton{
border: 2px solid #ffffff;
padding: 6px 47px;
text-align: center;
color: #303030;
text-transform: uppercase;
font-size: 16px;
font-family: Lato-Light;
display: inline-block;
position: relative; background:#ffffff;
}
.ourclients .loaderButton{border-color:#303030;}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.loader01 {
width: 56px;
height: 56px;
border: 8px solid #0052ec;
border-right-color: transparent;
border-radius: 50%;
position: relative;
animation: loader-rotate 1s linear infinite;
top: 50%;
margin: -28px auto 0
}
.loader01::after {
content: '';
width: 8px;
height: 8px;
background: #0052ec;
border-radius: 50%;
position: absolute;
top: -1px;
left: 33px
}
@keyframes loader-rotate {
0% {
transform: rotate(0)
}
100% {
transform: rotate(360deg)
}
}
.loader02 {
width: 56px;
height: 56px;
border: 8px solid rgba(0, 82, 236, .25);
border-top-color: #0052ec;
border-radius: 50%;
position: relative;
animation: loader-rotate 1s linear infinite;
top: 50%;
margin: -28px auto 0
}
@keyframes loader-rotate {
0% {
transform: rotate(0)
}
100% {
transform: rotate(360deg)
}
}
.loader03 {
width: 56px;
height: 56px;
border: 8px solid transparent;
border-top-color: #0052ec;
border-bottom-color: red;
border-radius: 50%;
position: relative;
animation: loader-rotate 1s linear infinite;
top: 50%;
margin: -28px auto 0
}
@keyframes loader-rotate {
0% {
transform: rotate(0)
}
100% {
transform: rotate(360deg)
}
}
.loader04 {
width: 56px;
height: 56px;
border-width: 2px;
border-style: solid;
border-radius: 50%;
position: relative;
animation: loader-rotate 1s ease-in-out infinite;
top: 50%;
margin: -28px auto 0;
border-color: #ffffff;
}
.loader04::after {
content: '';
width: 10px;
height: 10px;
border-radius: 50%;
position: absolute;
top: -6px;
left: 50%;
margin-left: -5px;
background: #fff;
}
@keyframes loader-rotate {
0% {
transform: rotate(0)
}
100% {
transform: rotate(360deg)
}
}
.loader05 {
width: 56px;
height: 56px;
border: 4px solid #0052ec;
border-radius: 50%;
position: relative;
animation: loader-scale 1s ease-out infinite;
top: 50%;
margin: -28px auto 0
}
@keyframes loader-scale {
0% {
transform: scale(0);
opacity: 0
}
50% {
opacity: 1
}
100% {
transform: scale(1);
opacity: 0
}
}
.loader06 {
width: 56px;
height: 56px;
border: 4px solid transparent;
border-radius: 50%;
position: relative;
top: 50%;
margin: -28px auto 0
}
.loader06::before {
content: '';
border: 4px solid rgba(0, 82, 236, .5);
border-radius: 50%;
width: 67.2px;
height: 67.2px;
position: absolute;
top: -9.6px;
left: -9.6px;
animation: loader-scale 1s ease-out infinite;
animation-delay: 1s;
opacity: 0
}
.loader06::after {
content: '';
border: 4px solid #0052ec;
border-radius: 50%;
width: 56px;
height: 56px;
position: absolute;
top: -4px;
left: -4px;
animation: loader-scale 1s ease-out infinite;
animation-delay: .5s
}
@keyframes loader-scale {
0% {
transform: scale(0);
opacity: 0
}
50% {
opacity: 1
}
100% {
transform: scale(1);
opacity: 0
}
}
.loader07 {
width: 16px;
height: 16px;
border-radius: 50%;
position: relative;
animation: loader-circles 1s linear infinite;
top: 50%;
margin: -8px auto 0
}
@keyframes loader-circles {
0% {
box-shadow: 0 -27px 0 0 rgba(0, 82, 236, .05), 19px -19px 0 0 rgba(0, 82, 236, .1), 27px 0 0 0 rgba(0, 82, 236, .2), 19px 19px 0 0 rgba(0, 82, 236, .3), 0 27px 0 0 rgba(0, 82, 236, .4), -19px 19px 0 0 rgba(0, 82, 236, .6), -27px 0 0 0 rgba(0, 82, 236, .8), -19px -19px 0 0 #0052ec
}
12.5% {
box-shadow: 0 -27px 0 0 #0052ec, 19px -19px 0 0 rgba(0, 82, 236, .05), 27px 0 0 0 rgba(0, 82, 236, .1), 19px 19px 0 0 rgba(0, 82, 236, .2), 0 27px 0 0 rgba(0, 82, 236, .3), -19px 19px 0 0 rgba(0, 82, 236, .4), -27px 0 0 0 rgba(0, 82, 236, .6), -19px -19px 0 0 rgba(0, 82, 236, .8)
}
25% {
box-shadow: 0 -27px 0 0 rgba(0, 82, 236, .8), 19px -19px 0 0 #0052ec, 27px 0 0 0 rgba(0, 82, 236, .05), 19px 19px 0 0 rgba(0, 82, 236, .1), 0 27px 0 0 rgba(0, 82, 236, .2), -19px 19px 0 0 rgba(0, 82, 236, .3), -27px 0 0 0 rgba(0, 82, 236, .4), -19px -19px 0 0 rgba(0, 82, 236, .6)
}
37.5% {
box-shadow: 0 -27px 0 0 rgba(0, 82, 236, .6), 19px -19px 0 0 rgba(0, 82, 236, .8), 27px 0 0 0 #0052ec, 19px 19px 0 0 rgba(0, 82, 236, .05), 0 27px 0 0 rgba(0, 82, 236, .1), -19px 19px 0 0 rgba(0, 82, 236, .2), -27px 0 0 0 rgba(0, 82, 236, .3), -19px -19px 0 0 rgba(0, 82, 236, .4)
}
50% {
box-shadow: 0 -27px 0 0 rgba(0, 82, 236, .4), 19px -19px 0 0 rgba(0, 82, 236, .6), 27px 0 0 0 rgba(0, 82, 236, .8), 19px 19px 0 0 #0052ec, 0 27px 0 0 rgba(0, 82, 236, .05), -19px 19px 0 0 rgba(0, 82, 236, .1), -27px 0 0 0 rgba(0, 82, 236, .2), -19px -19px 0 0 rgba(0, 82, 236, .3)
}
62.5% {
box-shadow: 0 -27px 0 0 rgba(0, 82, 236, .3), 19px -19px 0 0 rgba(0, 82, 236, .4), 27px 0 0 0 rgba(0, 82, 236, .6), 19px 19px 0 0 rgba(0, 82, 236, .8), 0 27px 0 0 #0052ec, -19px 19px 0 0 rgba(0, 82, 236, .05), -27px 0 0 0 rgba(0, 82, 236, .1), -19px -19px 0 0 rgba(0, 82, 236, .2)
}
75% {
box-shadow: 0 -27px 0 0 rgba(0, 82, 236, .2), 19px -19px 0 0 rgba(0, 82, 236, .3), 27px 0 0 0 rgba(0, 82, 236, .4), 19px 19px 0 0 rgba(0, 82, 236, .6), 0 27px 0 0 rgba(0, 82, 236, .8), -19px 19px 0 0 #0052ec, -27px 0 0 0 rgba(0, 82, 236, .05), -19px -19px 0 0 rgba(0, 82, 236, .1)
}
87.5% {
box-shadow: 0 -27px 0 0 rgba(0, 82, 236, .1), 19px -19px 0 0 rgba(0, 82, 236, .2), 27px 0 0 0 rgba(0, 82, 236, .3), 19px 19px 0 0 rgba(0, 82, 236, .4), 0 27px 0 0 rgba(0, 82, 236, .6), -19px 19px 0 0 rgba(0, 82, 236, .8), -27px 0 0 0 #0052ec, -19px -19px 0 0 rgba(0, 82, 236, .05)
}
100% {
box-shadow: 0 -27px 0 0 rgba(0, 82, 236, .05), 19px -19px 0 0 rgba(0, 82, 236, .1), 27px 0 0 0 rgba(0, 82, 236, .2), 19px 19px 0 0 rgba(0, 82, 236, .3), 0 27px 0 0 rgba(0, 82, 236, .4), -19px 19px 0 0 rgba(0, 82, 236, .6), -27px 0 0 0 rgba(0, 82, 236, .8), -19px -19px 0 0 #0052ec
}
}
.loader08 {
width: 20px;
height: 20px;
position: relative;
animation: loader08 1s ease infinite;
top: 50%;
margin: -46px auto 0
}
@keyframes loader08 {
0%,
100% {
box-shadow: -13px 20px 0 #0052ec, 13px 20px 0 rgba(0, 82, 236, .2), 13px 46px 0 rgba(0, 82, 236, .2), -13px 46px 0 rgba(0, 82, 236, .2)
}
25% {
box-shadow: -13px 20px 0 rgba(0, 82, 236, .2), 13px 20px 0 #0052ec, 13px 46px 0 rgba(0, 82, 236, .2), -13px 46px 0 rgba(0, 82, 236, .2)
}
50% {
box-shadow: -13px 20px 0 rgba(0, 82, 236, .2), 13px 20px 0 rgba(0, 82, 236, .2), 13px 46px 0 #0052ec, -13px 46px 0 rgba(0, 82, 236, .2)
}
75% {
box-shadow: -13px 20px 0 rgba(0, 82, 236, .2), 13px 20px 0 rgba(0, 82, 236, .2), 13px 46px 0 rgba(0, 82, 236, .2), -13px 46px 0 #0052ec
}
}
.loader09 {
width: 10px;
height: 48px;
background: #0052ec;
position: relative;
animation: loader09 1s ease-in-out infinite;
animation-delay: .4s;
top: 50%;
margin: -28px auto 0
}
.loader09::after,
.loader09::before {
content: '';
position: absolute;
width: 10px;
height: 48px;
background: #0052ec;
animation: loader09 1s ease-in-out infinite
}
.loader09::before {
right: 18px;
animation-delay: .2s
}
.loader09::after {
left: 18px;
animation-delay: .6s
}
@keyframes loader09 {
0%,
100% {
box-shadow: 0 0 0 #0052ec, 0 0 0 #0052ec
}
50% {
box-shadow: 0 -8px 0 #0052ec, 0 8px 0 #0052ec
}
}
.loader10 {
width: 28px;
height: 28px;
border-radius: 50%;
position: relative;
animation: loader10 .9s ease alternate infinite;
animation-delay: .36s;
top: 50%;
margin: -42px auto 0
}
.loader10::after,
.loader10::before {
content: '';
position: absolute;
width: 28px;
height: 28px;
border-radius: 50%;
animation: loader10 .9s ease alternate infinite
}
.loader10::before {
left: -40px;
animation-delay: .18s
}
.loader10::after {
right: -40px;
animation-delay: .54s
}
@keyframes loader10 {
0% {
box-shadow: 0 28px 0 -28px #0052ec
}
100% {
box-shadow: 0 28px 0 #0052ec
}
}
.loader11 {
width: 20px;
height: 20px;
border-radius: 50%;
box-shadow: 0 40px 0 #0052ec;
position: relative;
animation: loader11 .8s ease-in-out alternate infinite;
animation-delay: .32s;
top: 50%;
margin: -50px auto 0
}
.loader11::after,
.loader11::before {
content: '';
position: absolute;
width: 20px;
height: 20px;
border-radius: 50%;
box-shadow: 0 40px 0 #0052ec;
animation: loader11 .8s ease-in-out alternate infinite
}
.loader11::before {
left: -30px;
animation-delay: .48s
}
.loader11::after {
right: -30px;
animation-delay: .16s
}
@keyframes loader11 {
0% {
box-shadow: 0 40px 0 #0052ec
}
100% {
box-shadow: 0 20px 0 #0052ec
}
}
.loader12 {
width: 20px;
height: 20px;
border-radius: 50%;
position: relative;
animation: loader12 1s linear alternate infinite;
top: 50%;
margin: -50px auto 0
}
@keyframes loader12 {
0% {
box-shadow: -60px 40px 0 2px #0052ec, -30px 40px 0 0 rgba(0, 82, 236, .2), 0 40px 0 0 rgba(0, 82, 236, .2), 30px 40px 0 0 rgba(0, 82, 236, .2), 60px 40px 0 0 rgba(0, 82, 236, .2)
}
25% {
box-shadow: -60px 40px 0 0 rgba(0, 82, 236, .2), -30px 40px 0 2px #0052ec, 0 40px 0 0 rgba(0, 82, 236, .2), 30px 40px 0 0 rgba(0, 82, 236, .2), 60px 40px 0 0 rgba(0, 82, 236, .2)
}
50% {
box-shadow: -60px 40px 0 0 rgba(0, 82, 236, .2), -30px 40px 0 0 rgba(0, 82, 236, .2), 0 40px 0 2px #0052ec, 30px 40px 0 0 rgba(0, 82, 236, .2), 60px 40px 0 0 rgba(0, 82, 236, .2)
}
75% {
box-shadow: -60px 40px 0 0 rgba(0, 82, 236, .2), -30px 40px 0 0 rgba(0, 82, 236, .2), 0 40px 0 0 rgba(0, 82, 236, .2), 30px 40px 0 2px #0052ec, 60px 40px 0 0 rgba(0, 82, 236, .2)
}
100% {
box-shadow: -60px 40px 0 0 rgba(0, 82, 236, .2), -30px 40px 0 0 rgba(0, 82, 236, .2), 0 40px 0 0 rgba(0, 82, 236, .2), 30px 40px 0 0 rgba(0, 82, 236, .2), 60px 40px 0 2px #0052ec
}
}
/*******************
Ends Navigation
*******************/
/***************************************************
Slider Style
***************************************************/
.slider-container{
background: #696969;
background: -moz-radial-gradient(center, ellipse cover, #696969 0%, #262626 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #696969), color-stop(100%, #262626));
background: -webkit-radial-gradient(center, ellipse cover, #696969 0%, #262626 100%);
background: -o-radial-gradient(center, ellipse cover, #696969 0%, #262626 100%);
background: -ms-radial-gradient(center, ellipse cover, #696969 0%, #262626 100%);
background: radial-gradient(ellipse at center, #696969 0%, #262626 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#696969', endColorstr='#262626', GradientType=1 );
width:100%;
}
.events .slider-container{
background: url('../images/banner-pattern.png') repeat-x bottom center, -moz-radial-gradient(center, ellipse cover, #696969 0%, #262626 100%);
background: url('../images/banner-pattern.png') repeat-x bottom center, -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #696969), color-stop(100%, #262626));
background: url('../images/banner-pattern.png') repeat-x bottom center, -webkit-radial-gradient(center, ellipse cover, #696969 0%, #262626 100%);
background: url('../images/banner-pattern.png') repeat-x bottom center, -o-radial-gradient(center, ellipse cover, #696969 0%, #262626 100%);
background: url('../images/banner-pattern.png') repeat-x, -ms-radial-gradient(center, ellipse cover, #696969 0%, #262626 100%);
background: url('../images/banner-pattern.png') repeat-x bottom center, radial-gradient(ellipse at center, #696969 0%, #262626 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#696969', endColorstr='#262626', GradientType=1 );
}
/******* Buttons *********/
.button, a.buttons, .buttons a{border:2px solid #303030; padding:10px 15px; text-align:center; color:#303030; text-transform:uppercase; font-size:16px; font-family:Lato-Light; display:inline-block; position:relative;}
.button:hover, a.buttons:hover, .buttons a:hover{background:#303030; border-color:#303030; color:#ffffff;}
.button.eventbutton:hover{background:#C5209D; border-color:#C5209D; color:#ffffff;}
.button.techbutton:hover{background:#73BF43; border-color:#73BF43; color:#303030;}
.button.whitebutton{border-color:#ffffff; color:#ffffff;}
.button.whitebutton:hover{background:#ffffff; border-color:#ffffff; color:#303030;}
/***** Ends ******/
/******* Buttons *********/
.circlebutton, a.circlebutton, .circlebutton a{width:150px; height: 150px; border:2px solid #303030; padding:50px 15px; text-align:center; color:#303030; text-transform:uppercase; font-size:16px; font-family:Lato-Light; display:inline-block; position:relative;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.circlebutton:hover, a.circlebutton:hover, .circlebutton a:hover{background:#303030; border-color:#303030; color:#ffffff;}
/***** Ends ******/
/***************************************************
Scroll Down Area
***************************************************/
.scrolldown{text-align:center; padding:15px 0px 25px 0px;}
.icon-scroll{ position:relative; margin:0px 10px 0px 5px;}
/***** Scroll Down Area Ends *****/
/***************************************************
Section 1 - About
***************************************************/
.imagetohide{background:url(../images/bg-photo-u205-fr.png) no-repeat 0 46%;}
.section1{font-family:Lato-Light; text-align:center; width:100%; /*height:340px;*/ overflow:hidden; box-sizing:border-box;}
.section1 .container{max-width:980px;}
.section1.homepageabout h2{color:#73BF43;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.section1.homepageabout p{font-size:21px; line-height:1.2;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.section1 p{font-size:21px; line-height:1.2;}
/*** Ends ***/
/***************************************************
Section 2 - Our Work - What We Did
***************************************************/
.ourwork-section{font-family:Lato-Light; background:#6E6E6E; box-sizing:border-box; width:100%;}
.ourwork-section h2{color:#ffffff;}
.ourwork-section ul.section-work{margin:0px auto; padding:0px; width:100%; max-width:1280px;}
.ourwork-section ul.section-work li{float:left; position:relative; height:418px; width: 50%; overflow: hidden;}
.ourwork-section ul.section-work li img{width:100%; height:100%}
/*
.ourwork-section ul.section-work li img.img-responsive{min-height: 100%;}
*/
.ourwork-section ul.section-work li .hoverdiv{
display:none; position:absolute;
height:100%;
width:100%;
text-indent:5px;
top:0px; left:0px; padding:12%; box-sizing:border-box;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
/* IE 5-7 */
filter: alpha(opacity=95);
/* Netscape */
-moz-opacity: 0.95;
/* Safari 1.x */
-khtml-opacity: 0.95;
/* Good browsers */
opacity: 0.95; text-align:center; font-family: Lato-Light;
}
.ourwork-section ul.section-work li .hoverdiv p{max-height: 45px; overflow: hidden; font-size:18px;}
.ourwork-section ul.section-work li .hoverdiv .title{margin-bottom: 25px;}
.ourwork-section ul.section-work li .hoverdiv a.button{ margin-top: 25px;}
.tech_hoverdiv{
background: #74bf43;
background: -moz-linear-gradient(top, #74bf43 0%, #c5db35 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #74bf43), color-stop(100%, #c5db35));
background: -webkit-linear-gradient(top, #74bf43 0%, #c5db35 100%);
background: -o-linear-gradient(top, #74bf43 0%, #c5db35 100%);
background: -ms-linear-gradient(top, #74bf43 0%, #c5db35 100%);
background: linear-gradient(to bottom, #74bf43 0%, #c5db35 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74bf43', endColorstr='#c5db35', GradientType=0 );
color:#303030;
}
.tech_hoverdiv .title h2{ font-size:41px; margin:0px; padding:0px; color:#303030;}
.tech_hoverdiv .title small{ font-size:24px;}
.event_hoverdiv{
background: #9307c2;
background: -moz-linear-gradient(top, #9307c2 0%, #cc23a7 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #9307c2), color-stop(100%, #cc23a7));
background: -webkit-linear-gradient(top, #9307c2 0%, #cc23a7 100%);
background: -o-linear-gradient(top, #9307c2 0%, #cc23a7 100%);
background: -ms-linear-gradient(top, #9307c2 0%, #cc23a7 100%);
background: linear-gradient(to bottom, #9307c2 0%, #cc23a7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9307c2', endColorstr='#cc23a7', GradientType=0 );
color:#ffffff;
}
.event_hoverdiv.smallText .title h2{ font-size:37px; margin:0px; padding:0px; color:#ffffff;}
.event_hoverdiv .title h2{ font-size:41px; margin:0px; padding:0px; color:#ffffff;}
.event_hoverdiv .title small{ font-size:24px;}
.event_hoverdiv .button, a.buttons, .buttons a{border:2px solid #ffffff; color:#ffffff;}
.event_hoverdiv .button:hover, a.buttons:hover, .buttons a:hover{border:2px solid #ffffff; color:#303030; background:#FFF;}
.branding_hoverdiv{
background: #303030;
background: -moz-linear-gradient(top, #303030 0%, #575757 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #303030), color-stop(100%, #575757));
background: -webkit-linear-gradient(top, #303030 0%, #575757 100%);
background: -o-linear-gradient(top, #303030 0%, #575757 100%);
background: -ms-linear-gradient(top, #303030 0%, #575757 100%);
background: linear-gradient(to bottom, #303030 0%, #575757 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#575757', GradientType=0 );
color:#ffffff;
}
.branding_hoverdiv .title h2{ font-size:41px; margin:0px; padding:0px; color:#ffffff;}
.branding_hoverdiv .title small{ font-size:24px;}
.branding_hoverdiv .button, a.buttons, .buttons a{border:2px solid #ffffff; color:#ffffff;}
.branding_hoverdiv .button:hover, a.buttons:hover, .buttons a:hover{border:2px solid #ffffff; color:#303030; background:#FFF;}
.common_hoverdiv{
background: #eee809;
background: -moz-linear-gradient(top, #eee809 0%, #bfd730 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #eee809), color-stop(100%, #bfd730));
background: -webkit-linear-gradient(top, #eee809 0%, #bfd730 100%);
background: -o-linear-gradient(top, #eee809 0%, #bfd730 100%);
background: -ms-linear-gradient(top, #eee809 0%, #bfd730 100%);
background: linear-gradient(to bottom, #eee809 0%, #bfd730 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee809', endColorstr='#bfd730', GradientType=0 );
color:#303030;
}
.common_hoverdiv .title h2{ font-size:48px; margin:0px; padding:0px; color:#303030;}
.common_hoverdiv .title small{ font-size:24px;}
.common_hoverdiv .button, a.buttons, .buttons a{border:2px solid #303030; color:#303030;}
.common_hoverdiv .button:hover, a.buttons:hover, .buttons a:hover{border:2px solid #303030; color:#ffffff; background:#303030;}
.ourwork-section ul.section-work li:hover .hoverdiv{display:block;}
.buttonholder{ text-align:center; margin:50px 0px 0px 0;}
.buttonholder .button,
.buttonholder a.buttons,
.buttonholder .buttons a{margin: 0 10px;}
.ourwork-section .section1 h2{color:#303030;}
.ourwork-section .greybg-section{padding:50px 0px; background:#6E6E6E;}
.ourwork-section .greybg-section .buttonholder{margin:0px;}
.ourwork-section .last_knowmore{float:left; position:relative; height:100%; width: 100%; color: #ffffff; font-size: 24px; padding-top: 25%; text-transform: uppercase;}
.ourwork-section .last_knowmore .button{border-color: #ffffff; color: #ffffff;}
.ourwork-section .forevent{background:rgba(197,31,157,0.5);}
.ourwork-section .forevent .button:hover{background: #ffffff; color: #c51f9d;}
.ourwork-section .fortechnology{background:rgba(119,188,31,0.5);}
.ourwork-section .fortechnology .button:hover{background: #ffffff; color: #75BF43;}
.ourwork-section .forbranding{background:rgba(48,48,48,0.5);}
.ourwork-section .forbranding .button:hover{background: #ffffff; color: #303030;}
.blurImageHolder{ position: fixed;
-webkit-filter: blur(15px);
-moz-filter: blur(15px);
-o-filter: blur(15px);
-ms-filter: blur(15px);
filter: blur(15px);
height: 100%;
width: 100%; background-size: contain;
}
.tags{display:inline-block; width:100%; margin-top: 15px;}
.tags .tagheading{margin-bottom: 10px; font-weight: bold; text-align: left;}
.tags ul{ margin: 0 0 0 -5px; padding: 0px;}
.tags li{float:left; background:rgba(255, 255, 255, .7);color:#303030; padding: 5px 10px; margin: 0 5px 10px 5px; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px; font-weight: bold;}
/*** animated filteration for our work tabs ***/
#filters {
margin:0 auto;
padding:0;
list-style:none; display:inline-block;}
#filters li {
float:left; margin-right:30px;
}
#filters li:last-child{margin:0px;}
#filters li span {
display: block;
text-decoration:none;
cursor: pointer;
}
#filters li span.active.button.allbutton{background:#303030; border-color:#303030; color:#ffffff;}
#filters li span.active.button.allbutton:after
{ content: '';
background: url(../images/alltab_selected_arrow.png) no-repeat center;
}
#filters li span.active.button.eventbutton{background:#C5209D; border-color:#C5209D; color:#ffffff;}
#filters li span.active.button.eventbutton:after
{ content: '';
background: url(../images/eventtab_selected_arrow.png) no-repeat center;
}
#filters li span.active.button.techbutton{background:#75BF43; border-color:#75BF43; color:#303030;}
#filters li span.active.button.techbutton:after
{ content: '';
background: url(../images/techtab_selected_arrow.png) no-repeat center;
}
#filters li span.active.button.allbutton:after,
#filters li span.active.button.eventbutton:after,
#filters li span.active.button.techbutton:after,
#filters li span.active.button.appbutton:after
{
height: 11px;
display: inline-block;
position: absolute;
bottom: -10px;
width: 100%; left:0px;
}
.ourcapabilities #ourwork_list, #ourwork_list, #addtestimonial_features, #ourclients_list{clear:both; margin-top:50px;}
.ourcapabilities #ourwork_list .portfolio, #addtestimonial_features .add_features, #ourclients_list .clientlogo {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
margin:0;
display:none;
float:left;
/*overflow:hidden;*/
}
.ourwork #ourwork_list .portfolio {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
margin:0;
float:left;
/*overflow:hidden;*/
}
.addtestimonial #filters li{margin-right:5px;}
.addtestimonial #filters li span.button{background:none; border-color:none; border:0px; color:#303030;}
.addtestimonial #filters li span.button .fa{font-size:35px; position: relative;}
.addtestimonial #filters li span.active.button .circle{background:#303030; border-color:#303030; border:0px; color:#ffffff;
}
.filter-dd label {position:relative}
.filter-dd label:after {
content:'<>';
font:11px "Consolas", monospace;
color:#aaa;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
right:8px; top:2px;
padding:0 0 2px;
border-bottom:1px solid #ddd;
position:absolute;
pointer-events:none;
}
.filter-dd label:before {
content:'';
right:6px; top:0px;
width:20px; height:20px;
background:#f8f8f8;
position:absolute;
}
/**** Ends ******/
/***************************************************
Section 3 - Our Clients - Happy Clients
***************************************************/
.ourclientslist{font-family:Lato-Light; background:#EDE70A; color:#303030; box-sizing:border-box; display:inline-table; width:100%;}
.ourclientslist .buttonholder{display:inline-block; margin:20px 0 0 0;}
.ourclientslistmixit{display: inline-block; margin: 30px 0 0 0;}
.ourclientslist h2{color:#303030;}
.ourclientslist p{font-size:21px; line-height:1.2;}
.ourclientslist p.caption{font-size:18px; padding:0px; margin:0px; text-align:center;}
.ourclientslist ul.happyclients{ width:1200px; margin:30px auto 0 auto;}
.ourclientslist ul.happyclients li{ width:15.33%; display: block; float:left; margin: 1% 0 1% 1%!important; height:110px; text-align:center; position:relative;}
.ourclientslist ul.happyclients li img{position: relative; top: 50%; transform: translateY(-50%); width:150px;
filter: grayscale(100%);
-webkit-filter: grayscale(100%); /* For Webkit browsers */
filter: gray; /* For IE 6 - 9 */
/*filter: url("data:image/svg+xml;utf8,#grayscale"); Firefox 10+, Firefox on Android */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
.ourclientslist ul.happyclients li:hover img{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity:1;}
/*** Our Clients Page Specific Style ****/
.ourclients .ourclientslist ul.happyclients li img{position: relative; top: 50%; transform: translateY(-50%); width:150px;
filter: grayscale(100%);
-webkit-filter: grayscale(100%); /* For Webkit browsers */
filter: gray; /* For IE 6 - 9 */
/*filter: url("data:image/svg+xml;utf8,#grayscale"); Firefox 10+, Firefox on Android */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity:1;
}
.ourclients .ourclientslist ul.happyclients li:hover img{
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
/*filter: url("data:image/svg+xml;utf8,#grayscale");*/
}
.ourclients section.ourclientslist{background:none;}
.font40{font-size:40px;}
.themefont-bold{font-family:Lato-Bold;}
.theme-fontColor,
.theme-fontColor span
{color:#74BF43 !important;}
.no-bg{background:none;}
.yellowbar{height:10px; background:#EDE70A;}
.themeGradiant{background: #c5db35;
background: -moz-linear-gradient(top, #c5db35 0%, #74bf43 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #c5db35), color-stop(100%, #74bf43));
background: -webkit-linear-gradient(top, #c5db35 0%, #74bf43 100%);
background: -o-linear-gradient(top, #c5db35 0%, #74bf43 100%);
background: -ms-linear-gradient(top, #c5db35 0%, #74bf43 100%);
background: linear-gradient(to bottom, #c5db35 0%, #74bf43 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5db35', endColorstr='#74bf43', GradientType=0 );
}
.theme-bg-only-yellow{background:#EDE70A;}
.theme-bg-only-event{background:#c51f9d;}
.theme-bg-only-event-trans70{background:rgba(197,31, 157, 0.7 );}
.theme-bg-only-technology{background:#77bc1f;}
.theme-color-event{color:#c51f9d;}
.theme-color-technology{color:#77bc1f;}
/* Theme Border Color */
.theme-borderColor-event{ border-color:#c51f9d;}
.theme-borderColor-technology{ border-color:#77bc1f;}
/****** Ends ******/
/***************************************************
Captcha Style
***************************************************/
.captchaStyle{display: inline-block; width: 50%; margin: 20px auto 0 auto;}
.captchaStyle label{display: inline-block; width: 100%; text-align: center; font-size: 16px; font-weight: bold;}
.captchaStyle input{width: 100%;}
.captcha{width:170px; float: right; color:#74BF43; font-size:25px; margin-top:0px; height:45px; line-height:45px; padding:0px 15px 0 0px; position: relative;}
.captcha input{ border:0px !important; width:120px !important; background:none; font-family: captchaFont !important; padding:0px; color:#74BF43; text-align:center !important; font-size:24px !important;}
.refreshCaptcha{ position: absolute; right: 5px; top: 0px; font-size:16px; color:#777777; z-index: 1;}
input#captcha_validation > .validetta-inline{}
/***************************************************
Section 4 - Say Hello
***************************************************/
.sayhello{font-family:Lato-Light; color:#303030; box-sizing:border-box; display:inline-table; width:100%; position: relative;}
.sayhello h2 a{color:#303030; padding:10px 20px;}
.sayhello ul{display: table; width: 100%;}
.sayhello li{display: table-cell;}
.sayhello li:nth-child(2){text-align: center;padding: 0 0 0 15%;width: 70%;}
.sayhello li:last-child{right: 15px; position: relative;}
.sayhello li:first-child{}
.sayhello li .sayhello-data{position:relative; font-size:18px; font-family:Lato-Regular; color:#303030; top:20px; left:15px;}
.sayhello .circle,
.contact .circle{display: table; }
.sayhello .circle .fa,
.contact .circle .fa
{font-size: 30px; position: relative; top: 0px; display: table-cell; vertical-align: middle;}
.circle { width: 64px; height: 64px; background:none; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; border:2px solid #303030; text-align:center;}
.circle .fa{font-size: 30px; position: relative; top: 18px;}
.sayhello li .sayhello-data br{display:none;}
/**** Ends ***/
/***************************************************
Section 5 - Testemonial
***************************************************/
.testimonial{background:#303030; padding:0px 0px 50px 0px; text-align:center; font-family:lato-Light; color: #ffffff;}
.testimonial .swiper-container .swiper-pagination{bottom: 0px; position:relative; display:inline-block; width:auto;}
.testimonial .swiper-container .swiper-pagination-bullet{margin:0px 5px;}
.testimonial .swiper-container .swiper-slide{padding: 0px 20px;}
.testimonial .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #ECE60A !important; border: 0px;}
.testimonial .swiper-container .swiper-pagination-bullet{background: none; border: 1px solid #ffffff;}
.testimonial .video_testimonial{background:#4B4B4B; position:relative; top: -44px; z-index: 10; padding:0 0 50px 0px; }
.testimonial .container{width:100%; max-width:1280px; margin:0px auto; box-sizing:border-box;}
.testimonial-topbutton{
background: #EDE70A;
text-transform: uppercase;
color: #303030;
padding: 13px 37px;
z-index: 11;
position: relative;
display: inline-block;
font-size: 16px;
margin: 0px;
box-sizing: border-box;
}
h2.testimonial-topbutton {font-size:16px !important;}
.testimonial .clientname{ font-size:24px; color:#ECE60A;}
.testimonial .otherinfo{ font-size:16px;}
.testimonial .carousel p{margin-bottom:60px;}
.testimonial .text_testimonial .container{max-width:960px;}
.videoplayer-div, .video_testimonial .container{position: relative;}
.testimonial.video .buttonholder{margin:0px;}
.text_testimonial{margin-top: 30px; max-width:960px;}
.text_testimonial.swiper-container{}
.video_testimonial .carousel-indicators-div {
background: rgba(48,48,48,.8);
width: 100%;
position: absolute;
margin: 0px auto;
left: 0;
padding: 30px;
box-sizing: border-box; z-index:999; bottom:0px;
}
.video_testimonial .carousel-indicators
{
width: auto;
right: 0;
margin: 0px;
left: 0;
text-align: right;
position: relative;
float: right;
}
.video_testimonial .video-pername{float:left; font-size:16px; color:#ffffff;}
.video_testimonial .video-pername .highlight{color:#EDE70A;}
.video_testimonial .video-pername li{display:none; position:absolute;}
.addtestimonial{background: none; position: relative; top: 35px; height:0px; padding:20px; box-sizing:border-box; z-index:15; color: #303030; margin-bottom: 25px;
}
.addtestimonial .testimonialform{width:100%; display: none;}
.addtestimonial.open{background: #ffffff; height:100%; display: inline-block; width: 100%; float: left;}
.addtestimonial .buttonholder.addtestimonial_button{
margin: 0px;
position: relative;
top: -20px;
z-index: 20;}
/*
.addtestimonial .buttonholder.addtestimonial_button .button, a.buttons, .buttons a{ background:#ECE60A; color:#303030; border:0px;}
*/
.addtestimonial .buttonholder.addtestimonial_button .button{ border: 2px solid #ffffff; color:#ffffff;}
.addtestimonial .buttonholder.addtestimonial_button .button:hover{background: #ffffff; color: #303030;}
.addtestimonial.open .buttonholder.addtestimonial_button .button{ background:#ECE60A; color:#303030; border: 2px solid #303030; margin: -20px 0 0 0;}
.addtestimonial .testimonial-video-iframe{width:695px; height:575px; border:0; font-family:Lato-Light; font-size:16px; overflow:hidden; border:0px;}
.displayblock{display: block!important;}
/*** Input File Style ***/
.fileType{position:relative;}
.fileUpload {
/* position: absolute; */
/* overflow: hidden; */
/* right: 6px; */
/* top: 6px; */
/* width: 100%; */
}
.fileUpload .icon{
border-radius: 50%;
color: #fff;
width: 120px;
height: 120px;
line-height: 120px;
font-size: 36px;
margin: 0px auto;
}
.fileUpload input.upload {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
font-size: 20px;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
height: 100%;
}
/**** ADD Testimonial Form ******/
.testimonialform .formContainer{max-width: 908px; width:100%; display: inline-block;}
.testimonialform .inquiryform input.error{ background:url(../images/textfield_lines_bg_error.png) repeat-x bottom left !important;}
.testimonialform .inquiryform textarea.error{ background:url(../images/textarea_lines_bg_error.png) repeat-x bottom left !important;}
.testimonialform .inquiryform{font-family:Lato-Light; font-size:24px; width:900px; margin:0px auto; line-height:2;}
.testimonialform .inquiryform input[type="text"],
.testimonialform .inquiryform input[type="email"]
{border:0px; background:url(../images/textfield_lines_bg.png) repeat-x bottom left; font-size: 24px; font-family:Lato-Light; margin:0px 10px; text-align:center; height: 30px;}
.testimonialform .inquiryform input[type="email"]{ width:380px;}
.testimonialform .inquiryform textarea
{
border: 0px solid #EEEEEE;
box-shadow: 0px 0 px 0 #DDDDDD;
display: block;
font-size: 24px;
margin: 0 auto;
padding: 11px 20px 0 70px;
resize: none; box-sizing:border-box;
height: 200px;
width: 699px; background:url(../images/textarea_lines_bg.png) no-repeat bottom center; font-family:Lato-Light; line-height:2;
/* -webkit-background-size: 100% 50px;
background-size: 100% 50px;*/
}
.testimonialform .inquiryform input[type="submit"],
.testimonialform .inquiryform input[type="reset"]
{border:2px solid #303030; padding:6px 15px; text-align:center; color:#303030; text-transform:uppercase; font-size:16px; font-family:Lato-Light; display:inline-block; position:relative; background:none; cursor:pointer; -webkit-appearance: none; border-radius: 0; }
.testimonialform .inquiryform input[type="submit"]:hover,
.testimonialform .inquiryform input[type="reset"]:hover
{background:#303030; border-color:#303030; color:#ffffff;}
/****** Slider View More Button ******/
.banner_button{position: absolute;
right: 0;
left: 0;
bottom: 60px;
width: 100%; max-width: 400px;
margin: 0 auto;
border-radius: 100px;
padding: 15px 30px 15px 20px;
font-size: 14px;
height: auto;}
.banner_button .morebutton{ float:right;}
.banner_button .button-title {font-size: 1.500em; font-family: Lato-Light; margin: 6px 0 0 0; text-transform: uppercase; float:left; }
.banner_button .morebutton span{
font-size: 1em;
font-family: Lato-Light;
text-align: center;
border-width: 2px;
border-style: solid;
padding: 10px;
text-transform: uppercase; margin: 0px; display: inline-block; width: 100%;
}
.banner_button.eventColortransparent .morebutton span{border-color: #ffffff; color: #ffffff;}
.banner_button.eventColortransparent .button-title{color:#ffffff;}
/***************************************************
Section 7 - Countries Covered
***************************************************/
.countries_covered{background:#75BF43; text-align:center; font-family:lato-Light; clear: both;}
.countriesmap .totalEvents,
.countriesmap .totalAttendees{position: relative; top: 90px; width: 200px; height: 200px;}
.countriesmap .totalEvents{float: left;}
.countriesmap .totalEvents ul{margin-top: 35px;}
.countriesmap .totalEvents li{text-align: center; font-size: 21px;}
.countriesmap .totalEvents .circle .fa{top: 0px; font-size: 40x;}
.countriesmap .totalEvents li .value{font-size: 60px;}
.countriesmap .totalEvents .circle{width: 100%; height: 100%; border-color: #ffffff;}
.countriesmap .totalAttendees{float: right;}
.countriesmap .totalAttendees ul{margin-top: 35px;}
.countriesmap .totalAttendees li{text-align: center; font-size: 21px;}
.countriesmap .totalAttendees .circle .fa{top: 0px; font-size: 40x;}
.countriesmap .totalAttendees li .value{font-size: 60px;}
.countriesmap .totalAttendees .circle{width: 100%; height: 100%; border-color: #ffffff;}
.countries_covered .event_covered_countries{background:url(../images/magnify_map.png) no-repeat center; width:392px; height:393px; margin:0px auto; position:relative;}
.countries_covered .event_covered_countries .container{
width: 353px;
/*display: inline-block;*/
border: 0px solid red;
height: 100%;
margin: 0px auto;
text-align: center;
box-sizing: border-box;
}
.countries_covered h2{color:#303030;}
.countries_covered .countriesmap{
background: url(../images/countries_map.png) no-repeat center;
background-size: contain;
width: 100%;
height: 360px;
display: inline-block;
margin: 0px auto;
text-align: center;
}
.countries_covered .map_pin{background:url(../../uploads/map_pin.png) no-repeat; width:20px; height:31px; position:absolute;}
.countries_covered .map_pin_active{background:#bd1d92 url(../../uploads/map_pin_active.png) no-repeat center; width:40px; height:40px; position:absolute; border-radius: 100%; z-index: 2;}
.senegal, .map_pin_active.senegal{ top:145px; left:20px;}
.morocco{ top:78px; left:54px;}
.map_pin_active.morocco{ top:73px; left:44px;}
.algeria{ top:78px; left:88px;}
.map_pin_active.algeria{ top:73px; left:78px;}
.tunisia{ top:78px; left:110px;}
.map_pin_active.tunisia{ top:73px; left:100px;}
.egypt{ top:90px; right:184px;}
.map_pin_active.egypt{ top:85px; right:174px;}
.jordan{top:88px; left:166px;}
.map_pin_active.jordan{top:83px; left:156px; }
.lebanon{ top:80px; right:162px;}
.map_pin_active.lebanon{ top:75px; right:152px;}
.iraq{ top:67px; right:139px;}
.map_pin_active.iraq{ top:62px; right:129px;}
.ksa{ top:111px; right:139px;}
.map_pin_active.ksa{ top:106px; right:129px;}
.sa{bottom: 50px; left: 0px; right:60px;margin:0 auto;}
.map_pin_active.sa{ bottom: 45px; }
.yemen{ top:133px; right:94px;}
.map_pin_active.yemen{ top:128px; right:84px;}
.oman{ top:124px; right:83px;}
.map_pin_active.oman{ top:119px; right:73px;}
.uae{ top:113px; right:94px;}
.map_pin_active.uae{ top:108px; right:84px;}
.qatar{ top:100px; right:106px;}
.map_pin_active.qatar{ top:95px; right:96px;}
.bahrain{ top:90px; right:116px;}
.map_pin_active.bahrain{ top:85px; right:106px;}
.kuwait{ top:78px; right:127px;}
.map_pin_active.kuwait{ top:73px; right:117px;}
.countries_covered ul.countries_byname{margin: 0px auto; display: inline-block;}
.countries_covered .countries_byname li{font-size: 35px; text-transform: uppercase; display:none; background: #ffffff; border-radius: 50px; padding: 12px 30px; color: #BD1D93;
animation:fadeInOut 8s;
-moz-animation:fadeInOut 8s; /* Firefox */
-webkit-animation:fadeInOut 8s; /* Safari and Chrome */
-o-animation:fadeInOut 8s; /* Opera */
animation:fadeInOut 8s infinite;}
.countries_covered .countries_byname li.active{display:block;}
/***************************************************
Section 8 - How we work
***************************************************/
.how_we_work p{ color:#303030;}
.how_we_work .container{width:960px;}
.how_we_work h2{color:#75BF43}
.how_we_work ul{width:50%; margin:0px auto;}
.how_we_work ul li{ margin-top:48px; text-align:center;}
/***************************************************
Section 9 - Contact
***************************************************/
.contact .sayhello li{ margin:0 0 50px 0; width:100%;
position: relative;
font-size: 18px;
font-family: Lato-Regular;
color: #303030; padding: 0px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
}
.contact .sayhello li:last-child{margin:0px !important; right:0;}
.contact .circle {position: relative; margin:0 18px;}
.contact .sayhello ul{margin-top:60px;}
.contact .sayhello .container{max-width:700px;}
.contact .sayhello li .col1, .contact .sayhello li .circle{float:left;}
.contact .sayhello li .col2{ float:right;}
.contact .sayhello li .col1,
.contact .sayhello li .col2{
-webkit-box-flex:1;
-moz-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1
}
.contact .sayhello li .col1{text-align:right; box-sizing:border-box; }
.contact .sayhello li .col2{text-align:left;}
.contact section.inquiryform{padding:65px 0px 50px 0px;}
.contact section.inquiryform h2{color:#74BF43; font-size:32px;}
.contact .aheadmap iframe{
pointer-events:none; border:none; background:transparent; overflow:hidden; width:100%; height:600px;
}
/**** Inquiry Form ******/
.recaptcha-holder{ text-align:center; margin:40px 0px 0px 0px;}
.recaptcha-holder .g-recaptcha{display:inline-block;}
.contact .inquiryform{font-family:Lato-Light; font-size:24px; width:940px; margin:0px auto; line-height:2;}
@-moz-document url-prefix() {
/*
.contact .inquiryform{font-family:Lato-Light; font-size:24px; width:970px; margin:0px auto; line-height:2;}
*/
}
.contact .inquiryform input.error{ background:url(../images/textfield_lines_bg_error.png) repeat-x bottom left !important;}
.contact .inquiryform textarea.error{ background:url(../images/textarea_lines_bg_error.png) repeat-x bottom left !important;}
.contact .inquiryform input[type="text"],
.contact .inquiryform input[type="email"],
.contact .inquiryform input[type="number"],
.contact .inquiryform input[type="tel"]
{border:0px; background:url(../images/textfield_lines_bg.png) repeat-x bottom left; font-size: 24px; font-family:Lato-Light; height: 30px; margin:0px 10px;}
.contact .inquiryform input[type="email"]{ width:380px;}
.contact .inquiryform input[type="number"],
.contact .inquiryform input[type="tel"]
{width: 195px;}
.contact .inquiryform textarea
{
border: 0px solid #EEEEEE;
box-shadow: 0px 0 px 0 #DDDDDD;
display: block;
font-size: 24px;
margin: 0 auto;
padding: 11px 50px 0 50px;
resize: none; box-sizing:border-box;
height: 200px;
width: 699px; background:url(../images/textarea_lines_bg.png) no-repeat bottom center; font-family:Lato-Light; line-height:2; text-align:center;
/* -webkit-background-size: 100% 50px;
background-size: 100% 50px;*/
}
.contact .inquiryform input[type="submit"]{border:2px solid #303030; padding:6px 15px; text-align:center; color:#303030; text-transform:uppercase; font-size:16px; font-family:Lato-Light; display:inline-block; position:relative; background:none; cursor:pointer; -webkit-appearance: none; border-radius: 0;}
.contact .inquiryform input[type="submit"]:hover{background:#303030; border-color:#303030; color:#ffffff;}
.error-msg{
width: 100%;
text-align: center;
font-size: 21px;
margin: 0px auto;
z-index: 999;
display: none;
top: 0;
left: 0px;
position: absolute;
height: 100%;
padding-top: 25%; color: #ff0000; font-family: Lato-Bold;
}
.applyForm .select,
.contact .select{width: auto;}
.applyForm .select select,
.contact .select select {
cursor: pointer; padding: 0px 10px;
font-size: 20px; font-family:Lato-Light; text-align:center;
outline: 0;
border: 0;
border-radius: 0; height: 34px;
color: #303030;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background:transparent url(../images/textfield_lines_bg.png) repeat-x bottom left;
box-sizing: border-box;
}
@-moz-document url-prefix() {
.applyForm .select select,,
.contact .select select{height: 25px;}
}
.applyForm .select select:hover, .applyForm .select select:focus,
.contact .select select:hover, .contact .select select:focus{color: #303030; background:transparent url(../images/textfield_lines_bg.png) repeat-x bottom left;}
.error-msg label{padding:15px; display:inline-block;}
.obj_opacity{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
filter: alpha(opacity=10);
-moz-opacity: 0.1;
-khtml-opacity: 0.1;
opacity: 0.1;}
.charlimit{font-size: 16px; display: inline-block; width: 100%;}
/*****************
Ends
*****************/
.taptocall{position:fixed; right:-200px; top:35%; width:50px; z-index:999; display:none;}
.taptocall li{text-align:center; padding:13px; position:relative; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; height:55px; width:55px; box-sizing:border-box; margin:0 0 5px 0px;}
.taptocall li.call{background:rgba(48,48,48,.70);}
.taptocall li.email{background:rgba(117,191,67,.70);}
.taptocall li .fa{color:#ffffff; font-size:30px;}
/***************************************************
Footer
***************************************************/
footer{background:#303030; padding:50px 0px; position: relative;
-moz-border-radius: 400px 197px 197px 0px;
-webkit-border-radius: 400px 197px 197px 0px;
-khtml-border-radius: 400px 197px 197px 0px;
border-radius: 400px 197px 197px 0px; color: #ffffff;
}
@media screen and (min-width:1500px){
.footer-fixedlogo{width: 128px; position: absolute; right: 15px; top: 0; bottom: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.footer-fixedlogo img{width: 128px;}
}
@media screen and (max-width:1490px){
.footer-fixedlogo{display: none;
}
}
ul.footersocial-icons { display: inline-block; padding:0px; height:50px;}
.footersocial-icons li{float:left; margin:0px 4px;}
.footersocial-icons .circle { width: 48px; height: 48px; background:none; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; background:#ffffff; text-align:center;}
.footersocial-icons .circle .fa{font-size: 25px; position: relative; top: 10px; color:#303030;}
footer .copyright{color:#ffffff; padding:0 20px; text-align:center; box-sizing:border-box; margin-top: 10px;}
footer .copyright a.policylink{ color:#74BF43; }
.footersocial-icons .circle.twitter,
.footersocial-icons .circle.instagram,
.footersocial-icons .circle.linkedin,
.footersocial-icons .circle.facebook
{
/*-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;*/
}
.footersocial-icons .circle.twitter:hover{background:#000000;}
.footersocial-icons .circle.instagram:hover{
background: #fccc63;
background: -moz-linear-gradient(45deg, #fccc63 6%, #fbad50 12%, #cd486b 45%, #bc2a8d 69%, #8a3ab9 100%);
background: -webkit-linear-gradient(45deg, #fccc63 6%,#fbad50 12%,#cd486b 45%,#bc2a8d 69%,#8a3ab9 100%);
background: linear-gradient(45deg, #fccc63 6%,#fbad50 12%,#cd486b 45%,#bc2a8d 69%,#8a3ab9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fccc63', endColorstr='#8a3ab9',GradientType=1 );
}
footer .col_5{width: 33.2%;}
.footersocial-icons .circle.linkedin:hover{background:#007AB9}
.footersocial-icons .circle.facebook:hover{background:#3B5A9D}
.footersocial-icons .circle.youtube:hover{background:#d92632;}
.footersocial-icons .circle.twitter:hover .fa,
.footersocial-icons .circle.instagram:hover .fa,
.footersocial-icons .circle.linkedin:hover .fa,
.footersocial-icons .circle.facebook:hover .fa,
.footersocial-icons .circle.youtube:hover .fa
{color:#ffffff;}
.downloadAppHolder ul{margin: 0px -1% 0 0; padding: 0px;}
.downloadAppHolder li:first-child{width: 25%;margin: 11px 0px;}
.downloadAppHolder li{float: left;margin: 17px 0% 0 0;width: 28%;}
.downloadAppHolder li a{background: rgba(255, 255, 255, .6);padding: 7%;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;}
.downloadAppHolder li a:hover{background:rgba(255, 255, 255, 1);}
.downloadAppHolder li a img{width: 70%;}
/***************************************************
Screen Visibility Animation Block - Smoove Effect
***************************************************/
div.block{display:inline-block;}
.blockincenter{width:100%;}
/*************
Ends
**************/
/**************************************************************************************************
Fixed the back running Div block while menu is open - toggleClass effect is runnin in script.js
**************************************************************************************************/
.fixed{position:fixed; width:100%;}
.closemenu-fixed{
position: fixed;
top: 0;
right: 0;
z-index: 99999;}
/*************
Ends
**************/
/****************************************
inner pages page specific styles
*****************************************/
/****************** Our Work Page Style ***********/
.ourwork .ourwork-section ul.section-work{max-width:100%;}
.ourwork .section1 p{font-size:21px; line-height:1.2}
.ourwork .ourwork-section ul.section-work li{width: 33.333%; margin: 0px 0 0 0 !important; position:relative;}
.ourwork .ourwork-section ul.section-work li img{height: 100%; width:100%;}
.ourwork .ourwork-section .container{max-width:100%; text-align:center;}
.ourwork .ourwork-section{ background:none;}
.ourwork .videoplayer-div .vjs-poster{ background-size:cover; height: 418px;}
.ourwork .video-js .vjs-big-play-button{top:30%; left:30%;}
.ourwork .video-js{ padding:32.3% 0 33% 0; width:100%;}
.ourwork #ourwork_list{ background:#6E6E6E; padding:0 0 0px 0; display:inline-block;}
.ourwork .ourwork-section.section{padding:50px 0 0 0;}
.ourwork .buttonholder{display:inline-block; margin:50px 0px;}
/****************** Our Work Page Style Ends***********/
/****************** Tech Page Style ***********/
.tech .section1 h2{color:#75BF43;}
.tech ul.circle{margin:0px 0 0 0; padding:0px; width:100%; height:auto; border:0px;}
.tech ul.circle li .circle
{ width: 196px; height: 196px; background:none; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; border:2px solid #75BF43; text-align:center; float:left; margin:0px 15px; color:#75BF43; font-family:Lato-Light; display: table; padding: 10px; box-sizing: border-box;}
.tech ul.circle li span
{
position: relative;
font-size: 20px;
width: 85%;
text-align: center;
margin: 0px auto;
display: table-cell;
vertical-align: middle;
}
.tech ul.circle li .circle.active{ background:#75BF43; color:#ffffff; font-family:Lato-Regular; position:relative;}
.tech .da-slide .da-link{border-color:#75BF43; color:#75BF43;}
.tech .da-slide .da-link:hover{border-color:#75BF43; color:#ffffff; background:#75BF43;}
.tech .da-dots span.da-dots-current{border-color:#75BF43 !important; background:#75BF43;}
.tech .da-dots span.da-dots-current:after{background:#75BF43;}
.blocktwo, .blockthree{margin-top:70px;}
.tech .tech_features{ text-align:center;}
.tech .tech_features li{ display:inline-block;}
.tech .tech_features .container{max-width: 960px;}
/****************** Tech Page Style Ends ***********/
/****************** Event Page Style ***********/
.eventsgallery_img.swiper-container{padding-bottom: 0px; max-height:309px; overflow:hidden;}
.events ul.circle{margin:0px 0 0 0; padding:0px; width:100%; height:auto; border:0px;}
.events ul.circle li .circle
{ width: 196px; height: 196px; background:none; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border:2px solid #C51F9D; text-align:center; float:left; margin:0px 15px; color:#C51F9D; font-family:Lato-Light; display: table; padding: 10px; box-sizing: border-box;}
.events ul.circle li span
{
position: relative;
font-size: 20px;
width: 85%;
text-align: center;
margin: 0px auto;
display: table-cell;
vertical-align: middle;
}
.events ul.circle li span.threeline{top:32%;}
.events ul.circle li .circle.active{ background:#C51F9D; color:#ffffff; font-family:Lato-Regular; position:relative;}
.events .contentslider .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#C51F9D !important; border:0px;}
.events .events_features{ text-align:center;}
.events .events_features li{ display:inline-block;}
.events .events_features .container{max-width: 960px;}
.events .eventonsocial{border:2px solid #303030; height:135px; overflow:hidden;}
.events .eventonsocial-heading{background:#C51F9D;width:175px;height: 131px;padding: 0;float:left;box-sizing:border-box;text-transform:uppercase;color:#ffffff;font-family:Lato-Regular;font-size:16px;text-align:center;margin-right:20px;position: relative;border: 2px solid #C51F9D;}
.events .eventonsocial-heading span{width:50%;}
.events .eventonsocial-heading .container{padding:18%;}
.events .eventonsocial li:last-child{border-top:0px;}
.events .eventonsocial li .circle{width: 32px; height: 32px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; background:#9B9B9B; border:#9B9B9B; text-align:center; position:relative; float:left;}
.events .eventonsocial li .circle .fa{color:#ffffff; font-size: 20px; position: relative; top: 7px; }
.events .eventonsocial li .circle:after{}
.events ul#tabs {list-style-type: none; float:left; width:50px;}
.events ul#tabs li {
margin: 0 0px 5px 0;
padding: 0px;
float: left;
display: inline;
border: 0px solid black; position:relative;
}
.events ul#tabs li.selected .circle{background:#303030}
.events ul#tabs li.selected:after {
content: '';
display: block;
position: absolute;
left: 88%;
top: 50%;
margin-top: -10px;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #303030;
}
.events ul#tabs li:hover {}
.events ul#tabs li a { color: #42454a; text-decoration: none; }
.events ul#tabs li a:hover {}
.events div.tabContent { display: none; overflow: auto; overflow-x: hidden;}
.events .socialcontent{padding: 12px; box-sizing: border-box; float:left; width:83%;}
.events .hashtag-holder{font-family:Lato-bold;width: 100%;overflow-wrap: break-word;word-wrap: break-word;background: #000000;text-transform: lowercase;position: absolute;bottom: -1px;padding: 6px 0;min-height: 25px;}
.events .eventonsocial .social-tweets{
position: relative;
margin: 0px;
float: left;
width: 100%;
max-width: 960px;
text-align: center; font-size:16px;
}
.events .eventonsocial .social-tweets .tweet_profileimg{ float:left; width:48px; height:48px; border:0px;}
.events .eventonsocial .social-tweets img.tweet_profileimg{border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
.events .eventonsocial .social-tweets .tweet_screenname{color:#303030; font-family:Lato-Bold;}
.events .eventonsocial .social-tweets .tweet_displayname{color:#999;}
.events .eventonsocial .social-tweets .tweet_names{display:inline-block; text-align:left; width:100%; margin-bottom:7px;}
.events .eventonsocial .social-tweets .tweet_content{float:left; margin-left:12px; width:92%; text-align:left;}
.events .eventonsocial .social-tweets .carousel-indicators li{padding:0px; border:0px;}
.loadingOverlay{
background: rgba(0, 0, 0,.7);
font-size:12px;
padding: 10px;
position: absolute;
z-index: 10;
text-align: center;
bottom: 0;
font-weight:bold;
display:none; color:#ffffff;
}
.loadingOverlay .loader01{
border: 3px solid #797979;
border-top: 3px solid #ffffff;
border-radius: 50%;
width: 12px;
height: 12px;
animation: spin 2s linear infinite;
margin: 0px auto;
float: left;
margin-right: 10px;
}
.loadingOverlay .loader01:after{display:none;}
.drag_function_notification{
position: absolute;
z-index: 50;
font-size: 16px;
text-align: center;
top: 35%;
background: rgba(0, 0, 0, 0.7);
width: 330px;
padding: 20px 3px;
margin: 0 auto;
left: 0;
right: 0;
display: none;
color: #ffffff;
}
.drag_function_notification .fa{font-size: 20px; margin-left: 10px;}
/****************** Event Page Style Ends ***********/
/****************** Case Study Page Style ***********/
.casestudy a.goback{top:30px;}
.casestudy .casestudy-img{background:#770215;}
.casestudy .companyintro p{font-size:18px; margin-top:40px; position:relative;}
.casestudy .companyintro .buttonholder{margin:0px; float:right;}
.casestudy .companyintro{ background:#4B4B4B; text-align:left; color:#ffffff;}
.casestudy .companyintro h2{color:#ffffff; margin:0px; text-align:left;}
.casestudy .companyintro small{font-size:24px;}
.casestudy .companyintro .col1{ width:52%;}
.casestudy .companyintro .col2 { width: 130px; text-align: center; padding-top: 18px; box-sizing: border-box; margin: 0 0 0 80px;}
.casestudy .companyintro .col2 img{width: 100%; height: auto;}
.casestudy .companyintro .col3{ width:24%; text-align:right; padding-top:10px; box-sizing:border-box;}
.casestudy .companydetails{ background:#6E6E6E; text-align:left; color:#ffffff;}
.casestudy .companydetails .col1{ width:47%;}
.casestudy .companydetails h2{color:#ffffff; margin:0px; text-align:left; font-size:32px;}
.casestudy .companydetails p{font-size:18px; margin-top:25px;}
.casestudy .companydetails .textblock{margin-bottom:45px;}
.casestudy .companydetails .buttonholder{margin:0px;}
.casestudy .st_facebook_hcount{position: absolute; right: -90px;}
.casestudy .logo{max-width: 160px;}
.casestudy .addcomments{
background: none;
position: relative;
height: 0px;
padding: 0px;
box-sizing: border-box;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
z-index: 15;
}
.casestudy .addcomments .container{position:relative; max-width:960px;}
.casestudy .addcomments .buttonholder.addcomment_button{float:right; }
.casestudy .addcomments .buttonholder.addcomment_button .button, a.buttons, .buttons a{
margin: 0px;
position: absolute;
top: -20px; right:0px;
z-index: 20; background:#ffffff; color:#303030; border:2px solid #ffffff;}
.casestudy .addcomments .buttonholder.addcomment_button.active .button, a.buttons, .buttons a{background:#303030; border:#303030; color:#ffffff;}
.casestudy .addcomments.open{background: #ffffff; height:600px;}
/**** Inquiry Form ******/
.casestudy .addcomments .commentform{font-family:Lato-Light; font-size:24px; max-width:900px; margin:0px auto; line-height:2; text-align:center; position:absolute; left:-100%; width:100%; padding:20px;}
@-moz-document url-prefix() {
.casestudy .addcomments .commentform{font-family:Lato-Light; font-size:24px; max-width:970px; margin:0px auto; line-height:2; position:absolute; left:-100%; width:100%; padding:20px;}
}
.casestudy .addcomments .commentform input.error{ background:url(../images/textfield_lines_bg_error.png) repeat-x bottom left !important;}
.casestudy .addcomments .commentform textarea.error{ background:url(../images/textarea_lines_bg_error.png) repeat-x bottom left !important;}
.casestudy .addcomments .commentform input[type="text"],
.casestudy .addcomments .commentform input[type="email"]
{border:0px; background:url(../images/textfield_lines_bg.png) repeat-x bottom left; font-size: 24px; font-family:Lato-Light; margin:0px 10px; text-align:center;}
.casestudy .addcomments.commentform input[type="email"]{ width:380px;}
.casestudy .addcomments .commentform textarea
{
border: 0px solid #EEEEEE;
box-shadow: 0px #DDDDDD;
display: block;
font-size: 24px;
margin: 0 auto;
padding: 11px 20px 0 70px;
resize: none; box-sizing:border-box;
height: 200px;
width: 699px; background:url(../images/textarea_lines_bg.png) no-repeat bottom center; font-family:Lato-Light; line-height:2;
/* -webkit-background-size: 100% 50px;
background-size: 100% 50px;*/
}
.casestudy .addcomments .commentform .captcha{display:inline-flex; margin:60px 0px 0px 0px;}
.casestudy .addcomments .commentform .captcha input[type="text"]{ border:2px solid #D9D9D9 !important; padding:15px 6px; font-family:Lato-Light; font-size:24px; color:#303030; background:none !important; width:195px;}
.casestudy .addcomments .commentform input[type="submit"],
.casestudy .addcomments .commentform input[type="reset"]
{border:2px solid #303030; padding:6px 15px; text-align:center; color:#303030; text-transform:uppercase; font-size:16px; font-family:Lato-Light; display:inline-block; position:relative; background:none; cursor:pointer; -webkit-appearance: none; border-radius: 0;}
.casestudy .addcomments .commentform input[type="submit"]:hover,
.casestudy .addcomments .commentforminput[type="reset"]:hover
{background:#303030; border-color:#303030; color:#ffffff;}
/****************** Events Case Study Page Style ***********/
.events-casestudy .casestudy-img{background:#770215;}
.events-casestudy .companyintro p{font-size:21px; margin-top:40px;}
.events-casestudy .textcontent .container{width:100%; max-width:960px;}
.events-casestudy .companyintro .buttonholder{margin:0px; float:right;}
.events-casestudy .companyintro{ background:#4B4B4B; text-align:left; color:#ffffff;}
.events-casestudy .companyintro .heading{max-width: 75%;}
.events-casestudy .companyintro .logo{max-width: 150px; width: 100%; margin-top: 12px;}
.events-casestudy .companyintro h2{color:#ffffff; margin:0px; text-align:left;}
.events-casestudy .companyintro .logo img{width: 100%; height: auto;}
.events-casestudy .companyintro small{font-size:24px;}
.events-casestudy .companyintro .richtext{width: 64%;}
.events-casestudy .companyintro .col1{ width:75%;}
.events-casestudy .companyintro .col2{ width:21%; text-align:right; padding-top:10px; box-sizing:border-box;}
.events-casestudy .companydetails{ background:#6E6E6E; text-align:left; color:#ffffff;}
.events-casestudy .companydetails .col1{ width:47%;}
.events-casestudy .companydetails h2{color:#ffffff; margin:0px; text-align:left; font-size:32px;}
.events-casestudy .companydetails p{font-size:18px; margin-top:25px;}
.events-casestudy .companydetails .textblock{margin-bottom:45px;}
.events-casestudy .companydetails .buttonholder{margin:0px;}
.events-casestudy .da-dots span.da-dots-current{border-color:#C51F9D !important; background:#C51F9D;}
.events-casestudy .da-dots span.da-dots-current:after{background:#C51F9D;}
.events-casestudy .da-slide .da-link,
.events-casestudy .da-slide .da-link:hover
{background:#C51F9D; border-color:#C51F9D; color:#ffffff;}
.events-casestudy .eventonsocial-heading{background:#C51F9D; height:60px; padding-top:20px; box-sizing:border-box; text-transform:uppercase; color:#ffffff; font-family:Lato-Regular; font-size:16px; text-align:center;}
.events-casestudy .eventonsocial li{border:2px solid #303030; text-align:center; padding:15px;}
.events-casestudy .eventonsocial li:after{clear:both; content:''; display:table;}
.events-casestudy .eventonsocial li:last-child{border-top:0px;}
.events-casestudy .eventonsocial li .circle{width: 32px; height: 32px; background:none; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; background:#303030; text-align:center; position:relative; float:left;}
.events-casestudy .eventonsocial .social-tweets{
position: relative;
margin: 0px 0 0 10%;
float: left;
width: 100%;
max-width: 960px;
text-align: center; font-size:16px;
}
.events-casestudy .eventonsocial .social-tweets .tweet_profileimg{ float:left; width:48px; height:48px; border:0px;}
.events-casestudy .eventonsocial .social-tweets img.tweet_profileimg{border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
.events-casestudy .eventonsocial .social-tweets .tweet_screenname{color:#303030; font-family:Lato-Bold;}
.events-casestudy .eventonsocial .social-tweets .tweet_displayname{color:#999;}
.events-casestudy .eventonsocial .social-tweets .tweet_names{display:inline-block; text-align:left; width:100%; margin-bottom:7px;}
.events-casestudy .eventonsocial .social-tweets .tweet_content{float:left; margin-left:12px; width:92%; text-align:left;}
.events-casestudy .eventonsocial .social-tweets .carousel-indicators li{padding:0px; border:0px;}
.events-casestudy .eventonsocial li .circle .fa{color:#ffffff; font-size: 20px; position: relative; top: 7px; }
.events-casestudy .eventonsocial li .circle:after{
content: '';
display: block;
position: absolute;
left: 98%;
top: 50%;
margin-top: -10px;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #303030;
}
.events-casestudy .hashtag-holder{font-size:18px; font-family:Lato-bold; margin:0px 12px;}
.stoppers{background:#1e252b; width:200px; height: 200px; border-width: 2px; border-style: solid; padding:20px 15px; text-align:center; color:#ffffff; text-transform:capitalize; font-size:21px; font-family:Lato-Light; display:inline-block; position:relative;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.stoppers .value{font-size: 60px;}
.stoppers .fa{font-size: 37px; margin-top: 15px;}
.album_details{position: absolute; z-index: 50; top: 40%; border-left: 2px solid #C5209D; left: 0px; height: 100%;}
.album_details .album_city{background: #C5209D; color: #ffffff; text-align: center; padding: 4px 20px; font-family: Lato-Bold;}
.album_details .album_date{background: #1e252b; color: #ffffff; padding: 4px 20px;}
.swiper-slide.videoholder{height: auto;}
.swiper-slide.videoholder video, .videoholder video {width: 100%; height: 100%; object-fit: fill;}
/****************** Gallery Event Page Style ***********/
.gallery-events .casestudy-img{background:#770215;}
.gallery-events .companyintro p{font-size:18px; margin-top:40px;}
.gallery-events .companyintro .buttonholder{margin:0px; float:right;}
.gallery-events .companyintro{ background:#4B4B4B; text-align:left; color:#ffffff; padding:62px 0px;}
.gallery-events .companyintro h2{color:#ffffff; margin:0px; text-align:left;}
.gallery-events .companyintro small{font-size:24px;}
.gallery-events .companyintro .col1{ width:52%;}
.gallery-events .companyintro .col2 { width:130px; text-align:center; padding-top:18px; box-sizing:border-box; margin:0 0 0 80px;}
.gallery-events .companyintro .col2 img{width:100%; height:auto;}
.gallery-events .companyintro .col3{ width:auto; text-align:center; box-sizing:border-box; margin-right: 1%;}
.gallery-events .companydetails{ background:#6E6E6E; text-align:left; color:#ffffff;}
.gallery-events .companydetails .col1{ width:47%;}
.gallery-events .companydetails h2{color:#ffffff; margin:0px; text-align:left; font-size:32px;}
.gallery-events .companydetails p{font-size:18px; margin-top:25px;}
.gallery-events .companydetails .textblock{margin-bottom:45px;}
.gallery-events .companydetails .buttonholder{margin:0px;}
/****************** Our Capabilities Page Style ***********/
.ourcapabilities .section1 h2{color:#303030;}
.ourcapabilities .section1 p{font-size:21px; line-height:1.2;}
.ourcapabilities #ourwork_list{margin:30px 0 0 0; display: inline-block;}
.ourcapabilities #ourwork_list .container{ text-align:center; max-width: 960px; margin: 0px auto;}
.ourcapabilities #ourwork_list li{display:inline-block;}
.ourcapabilities #ourwork_list ul.circle li.heading{}
.ourcapabilities #ourwork_list ul.subcat li:nth-child(1),
.ourcapabilities #ourwork_list ul.subcat li:nth-child(2),
.ourcapabilities #ourwork_list ul.subcat li:nth-child(3),
.ourcapabilities #ourwork_list ul.subcat li:nth-child(4),
.events ul.subcat li:nth-child(1),
.events ul.subcat li:nth-child(2),
.events ul.subcat li:nth-child(3),
.events ul.subcat li:nth-child(4)
{margin:0 5px 0px 6px;}
.ourcapabilities #ourwork_list ul.subcat li:nth-child(5),
.ourcapabilities #ourwork_list ul.subcat li:nth-child(6),
.ourcapabilities #ourwork_list ul.subcat li:nth-child(7),
.ourcapabilities #ourwork_list ul.subcat li:nth-child(8),
.events ul.subcat li:nth-child(5),
.events ul.subcat li:nth-child(6),
.events ul.subcat li:nth-child(7),
.events ul.subcat li:nth-child(8)
{margin: 10px 8px 30px 8px}
/*
.ourcapabilities #ourwork_list ul.subcat li:last-child,
.ourcapabilities #ourwork_list ul.subcat li:first-child
{margin: 0px;}
.ourcapabilities #ourwork_list ul.subcat li:nth-child(odd) {
margin:0 0 0 0px;
}
.ourcapabilities #ourwork_list ul.subcat li:nth-child(even) {
margin:0px 0px 0 0;
}
.service_sub{position: relative;}
.service_sub.open{background: #c51f9d !important; color: #ffffff !important; z-index: 50;}
.service_sub_holder{position: absolute; z-index: 50;
top: 200px;
width: 452px;
margin: 0px auto;
margin-left: -111px;}
.closePopup{ width: 48px; height: 48px; border-radius: 100%; text-align: center; padding: 10px; border:1px solid #ffffff; position: absolute; bottom: -22px; margin: 0px auto; right: 0px; left: 0px; z-index: 60; cursor: pointer;}
.closePopup .fa{top: 0px; color: #ffffff;}
.ourcapabilities #ourwork_list ul.subcat li:nth-child(odd) {
margin:0 0 0 110px;
}
.ourcapabilities #ourwork_list ul.subcat li:nth-child(even) {
margin:0px 110px 0 0;
}
.ourcapabilities #ourwork_list ul.subcat{margin-top: -190px;}
.ourcapabilities #ourwork_list ul.subcat li:last-child,
.ourcapabilities #ourwork_list ul.subcat li:first-child
{margin: 0px;}*/
/****************** about AHEAD & The Team section in aboutahead page ***********/
.blackbg-section{background:#303030; color:#ffffff;}
.greybg-section{background:#4B4B4B; color:#ffffff;}
.about section p{font-size:21px; line-height:1.2;}
.about .aboutsection2 h2{ font-size:32px;}
.about .aboutsection2 ul{width:38%; margin:0px auto;}
.about .aboutsection2 li{margin:70px 0 0 0;}
.about .aboutsection2 li:first-child{margin:0px;}
.about .aboutsection2 p{font-size:18px;}
.about .button, a.buttons, .buttons a{ border:2px solid #ffffff; color:#ffffff;}
.about section.ourteam{ background:#EDE70A; text-align:center;}
.about section.ourteam li{display:inline-block; margin:0px 33px 25px 33px; position:relative;}
.about section.ourteam li .employee img{-moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; width:170px; height:170px; background:#ffffff; border:0px; position:relative; bottom:0px; z-index:5;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
filter: grayscale(100%);
-webkit-filter: grayscale(100%); /* For Webkit browsers */
filter: gray; /* For IE 6 - 9 */
-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
}
.about section.ourteam li:hover .employee img{bottom:30px;
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
filter: url("data:image/svg+xml;utf8,#grayscale");
}
.about section.ourteam li p{position:absolute; top:110px; z-index:2;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.about section.ourteam li:hover p{top:145px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.about .employee{width:170px; position:relative;}
.about .employee-name{ font-family:Lato-Regular; font-size:18px; width:100%; display:inline-block;}
.about .employee-title{font-family:Lato-Light; font-size:16px;}
.about .joinourteam{
text-align: center;
height: 1020px;
background-position: center bottom !important;
clear: left;
background-size: 100% !important;
}
.about .joinourteam > .container{max-width: 980px; width: 100%;}
.about .joinourteam .button{border: 2px solid #303030; background:#EDE70A; color:#303030; color: inherit; position: relative; }
.about .joinourteam .button:hover{color: #303030;}
.applyFormHolder .applyForm{width:100%; display: none;}
.applyFormHolder .buttonholder.applybuttonholder{margin:0 0 50px 0px;}
.applyFormHolder .buttonholder.applybuttonholder.active{position: relative; top: -50px; z-index: 20; margin: 0;}
.applyFormHolder .buttonholder.applybuttonholder.active .button,
.applyFormHolder .buttonholder.applybuttonholder.active .button:hover{background:#303030; color:#ffffff;}
.applyFormHolder{ margin-top:40px;}
.applyFormHolder.open{background: #ffffff; padding: 2%; height: auto; margin-top:60px;}
/**** Apply Form ******/
.applyForm .container{font-family: Lato-Light;
font-size: 24px;
width: 900px; padding: 5px;
margin: 0px auto;
line-height: 2;}
.applyForm{font-family:Lato-Light; font-size:24px; width:900px; margin:0px auto; line-height:2;}
@-moz-document url-prefix() {
applyform{font-family:Lato-Light; font-size:24px; width:970px; margin:0px auto; line-height:2;}
}
.applyForm input.error{ background:url(../images/textfield_lines_bg_error.png) repeat-x bottom left !important;}
.applyForm textarea.error{ background:url(../images/textarea_lines_bg_error.png) repeat-x bottom left !important;}
.applyForm input[type="text"],
.applyForm input[type="email"],
.applyForm input[type="number"],
.applyForm input[type="tel"]
{border:0px; background:url(../images/textfield_lines_bg.png) repeat-x bottom left; font-size: 24px; font-family:Lato-Light; margin:0px 10px; height: 30px;}
.applyForm input[type="email"]{ width:380px;}
.applyForm textarea
{
border: 0px solid #EEEEEE;
box-shadow: 0px 0 px 0 #DDDDDD;
display: block;
font-size: 24px;
margin: 0 auto;
padding: 11px 20px 0 70px;
resize: none; box-sizing:border-box;
height: 200px;
width: 699px; background:url(../images/textarea_lines_bg.png) no-repeat bottom center; font-family:Lato-Light; line-height:2;
/* -webkit-background-size: 100% 50px;
background-size: 100% 50px;*/
}
/*** Input File Style ***/
.about .joinourteam .fileUpload { display: inline-block;}
.about .joinourteam .fileUpload .filetype{
position: relative;
overflow: hidden;
border: 2px solid #303030;
padding: 0 8px;
text-transform: uppercase;
margin: 0 8px;
font-size: 18px;
}
.about .joinourteam .fileUpload input.upload {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
font-size: 20px;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0); width: 100%;
}
.about .joinourteam .applyForm input[type="submit"],
.about .joinourteam .applyForm input[type="reset"]
{border:2px solid #303030; padding:6px 15px; text-align:center; color:#303030; text-transform:uppercase; font-size:16px; font-family:Lato-Light; display:inline-block; position:relative; background:none; cursor:pointer; -webkit-appearance: none; border-radius: 0;}
.about .joinourteam .applyForm input[type="submit"]:hover,
.about .joinourteam .applyForm input[type="reset"]:hover
{background:#303030; border-color:#303030; color:#ffffff;}
.about .contentslider .swiper-container{max-height:680px;}
/**** Content Slider for Case Study & About Page ********/
.contentslider{position:relative; text-align:center;}
.contentslider .container{position:relative; max-width:1280px; width:100%;}
.contentslider .carousel-inner .container{max-width:1280px;}
.contentslider .carousel-inner{/*height:680px;*/}
.contentslider .carousel-indicators{bottom:10px;}
.contentslider .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #73BF43 !important; border: 0px;}
.contentslider .swiper-container .swiper-pagination-bullet{background: rgba(0, 0, 0, .2); border: 1px solid #ffffff;}
.contentslider a.goback{right: 20px;}
/****************************************
inner pages page specific styles Ends
*****************************************/
.positive{position: relative;}
/***** EXTRAS *****/
.st_youtube_hcount_custom{
background:url(../../uploads/youtube_channel.png) no-repeat scroll left top transparent; position:absolute; width:82px; height:22px;
}
.videoWrapper {
position: relative;
padding-bottom: 56%;
padding-top: 9.6%;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*************************************
Form Style
*************************************/
input:invalid {
box-shadow:none;
}
input:required {
box-shadow:none;
}
.formContainer{position: relative;}
input[type=number] {
-moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor:default !important;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
filter: alpha(opacity=40);
-moz-opacity: 0.4;
-khtml-opacity: 0.4;
opacity: 0.4;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
/*line-height: inherit;*/
}
img {
vertical-align: middle;
}
.img-rounded {
border-radius: 6px;
}
.img-thumbnail {
padding: 4px;
line-height: 1.42857143;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
}
.img-circle {
border-radius: 50%;
}
.roundInput{
-moz-border-radius: 5px !important;
-webkit-border-radius: 5px !important;
-khtml-border-radius: 5px!important;
border-radius: 5px!important;
}
hr {
border: 0;
border-top: 1px solid #AAAAAA;
margin:10px 0 15px 0px;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
[role="button"] {
cursor: pointer;
}
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal;
}
input[type="file"] {
display: block;
}
input[type="range"] {
display: block;
width: 100%;
}
select[multiple],
select[size] {
height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.radio-inline,
.checkbox-inline {
position: relative;
display: inline-block;
padding-right: 20px;
margin-bottom: 0;
vertical-align: middle;
font-weight: normal;
margin-bottom:10px;
}
.noInline .radio-inline,
.noInline .checkbox-inline {
display: block;
margin-bottom:15px;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
margin-top: 0;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
cursor: not-allowed;
}
.checkbox-inline label{margin:0px; display:inline-block; width:auto;}
/***************************************************************
Style for Checkbox, Radio Buttons and Select List
***************************************************************/
.checkbox-container {/*margin-bottom:20px;*/}
.control {
display: block;
position: relative;
padding-left: 30px;
cursor: pointer;
}
.control input {
position: absolute;
z-index: -1;
opacity: 0;
}
.control_indicator {
position: absolute;
top: 0px;
left: 0;
height: 16px;
width: 16px;
background: none;
border: 1px solid #949A9B;
}
.control-radio .control_indicator {
border-radius: 50%;
}
.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator {
background: none;
}
/*.control input:checked ~ .control_indicator {
background: #2aa1c0;
}*/
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control_indicator {
background: none;
}
.control input:disabled ~ .control_indicator {
background: #e6e6e6;
opacity: 0.6;
pointer-events: none;
}
.control_indicator:after {
content: '';
position: absolute;
display: none;
}
.control input:checked ~ .control_indicator:after {
display: block;
}
.control-checkbox .control_indicator:after {
left: 4px;
top: 0px;
width: 6px;
height: 10px;
border: solid #303E3F;
border-width: 0 3px 3px 0;
transform: rotate(45deg);
}
.control-checkbox input:disabled ~ .control_indicator:after {
border-color: #7b7b7b;
}
.control-radio .control_indicator:after {
left: 4px;
top: 4px;
height: 6px;
width: 6px;
border-radius: 50%;
background: #303E3F;
}
.control-radio input:disabled ~ .control_indicator:after {
background: #7b7b7b;
}
.select.currency{margin-top:27px;}
.select {
position: relative;
display: inline-block;
margin-bottom: 0px;
width: 65%;
}
.select select {
display: inline-block;
width: 100%;
cursor: pointer;
padding: 6px 10px;
outline: 0;
border: 0;
border-radius: 0;
background: #ffffff;
color: #303030;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
border: 1px solid #303030;
height: 45px; font-size: 22px;
box-sizing: border-box;
}
.select select::-ms-expand {
display: none;
}
.select select:hover,
.select select:focus {
color: #A0A0A0;
background: #ffffff;
}
.select select:disabled {
opacity: 0.5;
pointer-events: none;
}
.select_arrow {
position: absolute;
top: 45%;
right: 15px;
width: 0;
height: 0;
pointer-events: none;
border-style: solid;
border-width: 4px 3px 0 4px;
border-color: #303030 transparent transparent transparent;
}
.select select:hover ~ .select_arrow,
.select select:focus ~ .select_arrow {
border-top-color: #000;
}
.select select:disabled ~ .select_arrow {
border-top-color: #ccc;
}
/*****************************
Ends
*****************************/
/**** Rich Text Properties ********/
.richtext{font-size:21px;}
.richtext ul{margin:15px 15px 15px 40px;}
.richtext ul li{line-height:1.2; list-style:outside; font-size:16px !important; text-align:left; margin-bottom:10px;}
.richtext b, .richtext strong{font-weight:bold;}
.richtext p, p.richtext{ margin: 20px 0px;}
.richtext u{text-decoration:underline;}
.richtext i{font-style: italic;}
/*** Social APis - Instagram Hashtag Photos *******/
.events-casestudy .instagram-photos {position:relative; left:15px; overflow-y: hidden;}
.events-casestudy .instagram-photos ul{margin:0px; padding:0px;}
.events-casestudy .instagram-photos li{height:135px; width:135px; border:0px !important; float:left; padding:0px !important; margin:0px 4px; position:relative; overflow:hidden;
}
.events-casestudy .instagram-photos li:hover .username{bottom:0px;}
.events-casestudy .instagram-photos li img{width:100%; height:auto;}
.events-casestudy .instagram-photos .username{background:rgba(48,48,48, .90); padding:5px; box-sizing:border-box; text-align:center; color:#ffffff; position:absolute; width:100%; bottom:-25px; font-family:Lato-Bold;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
}
.events .instagram-photos {position:relative; left:15px; overflow-y: hidden;}
.events .instagram-photos ul{margin:0px; padding:0px;}
.events .instagram-photos li{height:106px; width:106px; border:0px !important; float:left; padding:0px !important; margin:0px 4px; position:relative; overflow:hidden;
}
.events .instagram-photos li:hover .username{bottom:0px;}
.events .instagram-photos li img{width:100%; height:auto;}
.events .instagram-photos .username{background:rgba(48,48,48, .90); padding:5px; box-sizing:border-box; text-align:center; color:#ffffff; position:absolute; width:100%; bottom:-25px; font-family:Lato-Bold;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
}
/*****************************
AHEAD Apps
******************************/
.iconCircle{width: 125px; height: 125px; background:#ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; display: inline-block; float: right; margin-top: 0px; text-align: center; padding-top: 40px;}
.iconCircle .fa{font-size: 45px; color: rgba(197,31, 157, 0.7 );}
.featuresAEP{position: relative; display: inline-block; width: 100%; color: #ffffff; line-height:1.2;}
.featuresAEP ul{display:flex;};
.featuresAEP .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #ffffff !important; border: 0px;}
.featuresAEP .swiper-container .swiper-pagination-bullet{background: none; border: 1px solid #ffffff;}
.featuresAEP li .swiper-pagination{position: relative; bottom: -15px;}
.featuresAEP .swiper-container{height: 100%; padding-bottom: 30px;}
.featuresAEP h3{font-family: Lato-Regular;}
.featuresAEP li .richtext{font-size: 18px;}
.featuresAEP li{padding: 70px 80px 30px 80px; text-align: left;}
.featuresAEP li h2{font-size: 2.5em; font-weight: normal; margin-bottom: 30px; text-align: left;}
.featuresAEP li p:first-child{margin: 0px;}
.featuresAEP li .moreFeatures{color: #fff; text-align: center; width: 174px; margin-left: -10px; height: 187px;}
.featuresAEP li .moreFeatures .figure{font-family: ThemeFont-Bold; font-size: 8.333em; margin: 0px; line-height: 1.1;}
.featuresAEP li .moreFeatures .figure sup{font-size: 0.400em; position: absolute;}
.featuresAEP li .moreFeatures .text{font-family: ThemeFont-Bold; font-size: 2.222em; margin: 0px;line-height: 1;}
.featuresAEP .smalltitle{font-size: 18px; margin-bottom: 32px; color: #231f20;}
.featuresAEP .bgColorYellow{background: rgba(237,231,9, 0.7);}
.featuresAEP .bgColorYellow .iconCircle .icon,
.featuresAEP .bgColorYellow .iconCircle .fa{color: rgba(237,231,9, 0.7);}
.featuresAEP .bgColorGreen{background: rgba(190,214,48, 0.7);}
.featuresAEP .bgColorGreen .iconCircle .icon,
.featuresAEP .bgColorGreen .iconCircle .fa{color: rgba(190,214,48, 0.7);}
.featuresAEP .bgColorLightgreen{background: rgba(114,190,68, 0.7);}
.featuresAEP .bgColorLightgreen .iconCircle .icon,
.featuresAEP .bgColorLightgreen .iconCircle .fa{color: rgba(114,190,68, 0.7);}
.featuresAEP .bgColorGrey{background: rgba(86,106,115, 0.7);}
.featuresAEP .bgColorGrey .iconCircle .icon,
.featuresAEP .bgColorGrey .iconCircle .fa{color: rgba(86,106,115, 0.7);}
.majorinitatives{ font-size: 21px; text-transform: capitalize; display: inline-block; width: 100%;}
.majorinitatives ul.major_initatives li{float: left; width: 12.5%; margin: 0px 2%;}
.majorinitatives ul.major_initatives li .circle{border: 0px; background: rgba(110,110,110,0.1); width: 100%; height: 100%; -moz-border-radius: 100%; -webkit-border-radius:100%; -khtml-border-radius:100%; border-radius:100%; padding: 15%;}
.majorinitatives ul.major_initatives li .title{margin-top: 12px;}
.carbonoffset .visualHolder{ width: 470px; display: inline-block; text-align: center; margin-top: 35px;}
.privacyPolicy{text-align:left; line-height:1.5;}
.privacyPolicy h2{margin-bottom: 10px; text-align: left; display: inline-block float: left;}
.privacyPolicy p{margin:2% 0;font-size:16px;}
.privacyPolicy a.goback{top: inherit; border-color: #303030;}
.privacyPolicy a.goback .fa{font-size: 32px; color: #303030;}
.terms-of-use .privacyPolicy .pagetitle{ width:100%;}
.terms-of-use .privacyPolicy .pagecontent{width: 70%; display: inline-block;}
/***.terms-of-use footer{position:absolute; bottom:0px; width:100%; left:0px; right:0px;}***/
/********* Modal *********/
.modalDialog .videoholder{height: 480px;}
.modalDialog .videoholder.homepage{height: 600px !important; width: 600px !important;}
.modalDialog {
position: fixed; display: none;
font-family: Arial, Helvetica, sans-serif;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.8);
z-index: 990;
/*opacity:0;*/
text-align: center;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
}
.modalDialog:target {
opacity:1;
pointer-events: auto;
}
.modalDialog > div {
max-width: 995px;
width: 95%;
position: relative;
margin: 9% auto;
padding: 0px;
border-radius: 0;
background: transparent;
}
.modalDialog.homepage_videoholder .close {
right: 135px;
}
@media only screen and (min-width:768px) and (max-width: 1024px)
{
.modalDialog.homepage_videoholder .close {
right: 0;
}
}
@media only screen and (min-width:0px) and (max-width: 767px)
{
.modalDialog.homepage_videoholder .close {
right: 0;
}
}
.modalDialog .close {
position: relative;
z-index: 100;
right: 0px; top:0px;
border: 2px solid #ffffff;
font-size: 30px;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%; height:60px; width:60px; text-align:center; padding:0; box-sizing:border-box;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
-moz-opacity: 0.70;
-khtml-opacity: 0.70;
opacity: 0.70; line-height: 55px; float: right;
margin: 0 -80px;
}
.modalDialog .close:after{content:"\f00d"; font-family: FontAwesome; color: #ffffff;}
.modalDialog .close:hover {
}
.videothumb_overlay{background: rgba(0,0,0,.8); position: absolute; width: 100%; height: 100%;}
.videoblock .open_videoModal{display:inherit;}
.videoblock .open_videoModal:after{
content: '';
background: url(../images/play_video_icon.png) no-repeat center;
width: 60px;
height: 60px;
position: absolute;
top: 40%;
background-size: contain;
right: 0;
left: 0;
margin: 0px auto;
text-align: center;
}
/********* Modal Ends *********/
@keyframes fadeInOut
{
0% {opacity:0;}
50% {opacity:1;}
100% {opacity:0;}
}
@-moz-keyframes fadeInOut /* Firefox */
{
0% {opacity:0;}
50% {opacity:1;}
100% {opacity:0;}
}
@-webkit-keyframes fadeInOut /* Safari and Chrome */
{
0% {opacity:0;}
50% {opacity:1;}
100% {opacity:0;}
}
@-o-keyframes fadeInOut /* Opera */ {
0% {opacity:0;}
50% {opacity:1;}
100% {opacity:0;}
}
@keyframes shake {
10%, 90% {
transform: translate3d(-1px, 0, 0);
}
20%, 80% {
transform: translate3d(2px, 0, 0);
}
30%, 50%, 70% {
transform: translate3d(-4px, 0, 0);
}
40%, 60% {
transform: translate3d(4px, 0, 0);
}
}
.sucess-msg{ line-height:1.6; height:350px;}
.sucess-msg .close{font-size: 18px; margin-top: 25px; display: inline-block; }
.sucess-msg .close:before{content: '\f00d'; font-family: FontAwesome; padding-right: 5px;}
.sucess-msg .content{}
.sucess-msg h2{font-size:42px; line-height:1.2;}
/******** Lazy Loading Style *****/
img.lazyloading {
display:inline-block;
border: 0;
opacity: 0;
}
img:not(.initial) {
transition: opacity 1s;
-moz-transition: opacity 1s;
}
img.initial,
img.loaded,
img.error {
opacity: 1;
}
img:not([src]) {
visibility: hidden;
}
.load_in_background.img-responsive{width:3px; height:2px;}
.bottomContainer{width:auto; display:inline-block; margin:20px 0 0 0;}
.slider-controls{
position: relative;
text-align: center;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
float: left;
border-radius: 100%;
border: 1px solid #ffffff;
padding: 3px;
width: 20px;
height: 20px;
bottom: 3px;
font-size: 10px; right:5px;
}
.slider-controls a{color:#EDE70A;}
.slider-controls a:hover, .slider-controls a.active{color:#EDE70A ;}
.slider-controls a.play-slider{display:none;right: 16px;text-align: center;}
.wrapper:hover .slider-controls{ /* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
/**** End Extra ******/
.rate_us .reaction{
position: absolute;
right: 33%;
bottom: 4px;
width: 10.5%;
}
.rate_us .reaction img{width: 100%; height: auto;}
.rate_us{background: url(../images/rate-trans.gif) no-repeat;
width: 100%;
height: 77px;
position: absolute;
right: 20px;
background-size: contain;
max-width: 440px;
top: 20px; background-position: right;
}
.rate_us_block{display:table;height: 90px;margin-left: 25%;}
.rate_us_container{display: table-cell; vertical-align: middle;}
.star-rating{
}
.star-rating__wrap{
display: inline-block;
font-size: 1rem;
margin: 0 auto;
}
.star-rating__wrap:after{
content: "";
display: table;
clear: both;
}
.star-rating__ico{
float: right;
padding-left: 10px;
cursor: pointer;
color: #ffffff;
font-size: 2em;
line-height: inherit;
vertical-align: inherit;
}
.star-rating__ico:last-child{
padding-left: 0;
}
.star-rating__input{
display: none;
}
.star-rating__ico:hover:before,
.star-rating__ico:hover ~ .star-rating__ico:before,
.star-rating__input:checked ~ .star-rating__ico:before
{
content: "\f005";
}
.rate_us .loadmore.loader
{display: none; margin-left:48px;}
.rating_success_msg{color: #ffffff; font-family: Lato-Bold; display: none; margin: 0 auto; width: 90px;}
.overlay_popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%; background:rgba(0,0,0,.80);
z-index: 1;
display: block; z-index: 9999;
}
@media screen and (min-width:769px) and (max-width:1100px) {
.rate_us{width: 37%;}
.rate_us_block{}
.star-rating__ico{font-size: 1.5em;}
.rate_us .reaction{bottom: 10%;}
}
@media screen and (min-width:769px) and (max-width:1100px) {
.rate_us{width: 37%;}
}
@media screen and (min-width:961px){
.rate_us_sm{display:none !important;}
}
@media screen and (min-width:0px) and (max-width:960px){
.reaction{display:none;}
.rate_us{display:none !important;}
.rate_us_sm{
background: rgba(0, 0, 0, .85);
width: 100%;
background-size:auto;
max-width: inherit;
top: 0%;
height: 100%;
position: fixed;
right: 0;
left: 0;
margin: 0 auto;
z-index: 99999;
color: #ffffff;
}
.rate_us_sm .radio_selection_msg{margin:15px 0px;font-size: 1.6em;}
.rate_us_sm .buttonholder input{ border: 2px solid #ffffff;
padding: 6px 15px;
text-align: center;
color: #ffffff ;
text-transform: uppercase;
font-size: 16px;
font-family: Lato-Light;
display: inline-block;
position: relative;
background: none;
cursor: pointer;
-webkit-appearance: none;
border-radius: 0;
}
.rate_us_sm .rate_us_block{height: 100%;width: 100%;margin: 0;}
.rate_us_sm .star-rating__wrap {
font-size: 1.5rem;
float: none;
margin: 0 auto;
}
.rate_us_sm .rating_success_msg{font-size: 1.4em; width:100%;}
.rate_us_sm .loadmore.loader{width: 50px; height: 50px; display:none;}
.rate_us_sm a.goback{top: 20%; right: 10%;}
.rate_us_sm .rate_us_action_button{
display: inline-block;
margin: 15px 0 0 0;
}
.rate_us_sm .rate_us_action_button li{
margin: 15px 0;
display: inline-block;
width: 100%;
text-align: center;
padding: 0;
}
.rate_us_sm .rate_us_action_button li a{
color:white;
}
}
@media only screen and (min-width:768px) and (max-width: 1024px)
{
.rate_us .reaction{bottom: 13px;}
/*.show-tablet-only{display: block;}*/
}
/******************************************
Mobile Device CSS Only
******************************************/
@media screen and (min-width:1025px) and (max-width:1200px) {
.gallery-events .companyintro .col2{float:left !important;}
.gallery-events .companyintro{padding:50px 40px;}
}
/***** For All Devices Starting 0px to 960px Most ["Common Resetting"] *****/
@media screen and (min-width:1280px) and (max-width:1360px) {
.ourwork .ourwork-section ul.section-work li{height: 284px;}
}
@media screen and (min-width:1360px) and (max-width:1440px) {
.ourwork .ourwork-section ul.section-work li{height: 310px;}
}
@media screen and (min-width:1441px) and (max-width:1660px) {
.ourwork .ourwork-section ul.section-work li{height: 356px;}
}
@media screen and (min-width:1280px) and (max-width:1399px) {
.welcome_banner #canvas {
width: 70% !important;
height: auto !important;
left: 160px;
}
}
@media screen and (min-width:1400px) and (max-width:1600px) {
/* .swiper-container.home_slider img.img-responsive{
width: auto;
height: initial;
max-width: inherit;
margin: 0 auto;
position: relative;
left: 50%;
margin-left: -960px;
} */
}
@media screen and (min-width:1601px) and (max-width:1900px) {
/* .swiper-container.home_slider .swiper-wrapper{max-width:1440px; width:100%; height:600px; margin: 0 auto;}
.swiper-container.home_slider img.img-responsive{
width: auto;
height: initial;
max-width: inherit;
margin: 0 auto;
position: relative;
left: 50%;
margin-left: -63%;
} */
/* .banner_button{right:inherit; left:520px;} */
}
@media screen and (min-width:0px) and (max-width:1024px) {
* {
-webkit-overflow-scrolling: touch;
}
.gallery-events .companyintro .col2{margin:auto;}
.gallery-events .companyintro .col2.largeImage{margin:auto;}
/**.gallery-events .companyintro .col2 img{width:auto;}**/
.contentslider .container{padding:0px;}
.about .joinourteam{background-size: 100% !important; background-position: center bottom !important; height:auto;}
html,body{height: 100%;}
.section1.homepageabout h2, .section1.homepageabout p{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
filter: alpha(opacity=1);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.mobile-only {display:block !important;}
body,html{ /*overflow-x:hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch;*/ }
.desktop-only {display:none !important;}
header .header-right{width:64px;}
/*header.fixed{position:relative;}*/
/*.margintop64{margin:0px;}*/
footer{background:#303030; padding:15px 0px;
-moz-border-radius: 0px;
-webkit-border-radius:0px;
-khtml-border-radius:0px;
border-radius: 0px;
position:relative;
}
footer .copyright{margin-top:15px;}
.container{padding:0px 15px;}
nav .container{padding:0px;}
.ourwork-section ul.section-work li{height:auto;}
.ourwork-section ul.section-work li .hoverdiv{padding:5%;}
.ourclientslist ul.happyclients{width:100%; margin:0px;}
/*section{padding:20px 0px;}*/
.events-casestudy .companyintro .buttonholder{float:none;}
.casestudy .companyintro .col2,
.casestudy .companyintro .col3,
.gallery-events .companyintro .col2,
.gallery-events .companyintro .col3
{padding-top:35px;}
.casestudy .companyintro .buttonholder, .gallery-events .companyintro .buttonholder{float:none;}
.about .contentslider.container{padding:0px;}
.about .contentslider .carousel-inner{height:auto; margin-top:64px;}
.contact .inquiryform,
.contact .inquiryform .captcha input[type="text"],
.testimonialform .inquiryform,
.testimonialform .inquiryform .captcha input[type="text"],
.casestudy .addcomments .commentform,
.casestudy .addcomments .commentform .captcha input[type="text"]
{width:100%;}
.testimonialform .inquiryform,
.addcomments .commentform
{padding:10px 0px; box-sizing:border-box;}
.testimonialform .inquiryform input[type="email"],
.contact .inquiryform input[type="email"],
.casestudy .addcomments .commentform input[type="email"],
.contact .inquiryform input[type="number"]
.applyForm input[type="email"]
{width:inherit;}
.testimonialform .container, .applyForm .container{padding:0px;}
.applyForm .container{width: 100%;}
.about section.ourteam li{margin:0px 32px 25px 32px;}
.tech ul.circle li .circle.active,
.events ul.circle li .circle.active
{bottom:0px;}
.events ul.circle, .tech ul.circle, .blocktwo, .blockthree{margin:0px;}
#filters li span{font-size:.5em;}
.ourcapabilities #ourwork_list{margin:20px 0 0 0;}
.header_buttons{
float: right;
right: 0px;
left: 0px; margin-right:12px;
}
.header_buttons li{float:none; display:inline-block;}
.addtestimonial.open,
.casestudy .addcomments.open{height:auto;}
.events-casestudy .eventonsocial .social-tweets{
width: 88%;
display: inline-block;
margin: 0px 0 0 10px;
}
.events-casestudy #instagram-photos{
display: inline-block;
width: 100%;
margin: 15px 0 0 0;
text-align: left;
}
.events-casestudy .eventonsocial li .circle:after{
content: '';
display: block;
position: absolute;
left: 15%;
top: 126%;
margin-top: -10px;
width: 0;
height: 0;
border-top: 10px solid #303030;
border-right: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid transparent;
}
.contentslider .carousel-inner{ height:auto;}
.buttonholder,
.ourclientslist .buttonholder
{margin:15px 0px 0px 0;}
.imagetohide{background:none;}
.events .eventonsocial{overflow:visible; height:auto;}
.events .eventonsocial-heading{width:100%; height:auto; padding:10px;}
.header_buttons{margin-right:5px;
/* -webkit-animation:headerbutton-animation 1.6s ease-out forwards;
-moz-animation:headerbutton-animation 1.6s ease-out forwards;
animation:headerbutton-animation 1.6s ease-out forwards;
animation-delay:5s;*/
}
/*@-moz-keyframes headerbutton-animation {
0%{top:-80px}
25%{top:-80px}
100%{top:18px}
}
@-webkit-keyframes headerbutton-animation {
0%{top:-80px}
25%{top:-80px}
100%{top:18px}
}
@keyframes headerbutton-animation {
0%{top:-80px}
25%{top:-80px}
100%{top:18px}
}*/
.events .hashtag-holder{idth: 100%; position: relative; top: 12px;}
.events .eventonsocial-heading .container{padding: 0px;}
.casestudy .st_facebook_hcount{ position:relative; right:0px; width:100%; display:inline-block; margin-top:10px;}
.events .socialcontent{ width:100%;}
.ourwork-section .last_knowmore{padding: 15%;}
}
.makeCenter{display:table; width:100%; position: relative;}
.verticalCenter{ display:table-cell; vertical-align:middle; width: 100%;}
.bot_class{display:none;}
/*************
Ends
**************/
/**************************************************************
MOBILE, IPAD DEVICES STYLE STARTS HERE
**************************************************************/
@media screen and (min-width:0px) and (max-width:413px){
.countries_covered .event_covered_countries{width:300px; height:300px; background-size:contain;}
.southafrica{ bottom: 30px; left: 117px;}
.mozambique{ bottom: 55px; left: 151px;}
.senegal{top:105px;}
.morocco{top: 53px; left: 40px;}
.algeria{top: 62px; left: 66px;}
.tunisia{top: 44px; left: 91px;}
.egypt{top: 63px; left: 117px;}
.oman{top: 78px; right: 70px;}
.uae{top: 70px; right: 70px;}
.qatar{top: 70px; right: 78px;}
.bahrain{top: 60px; right: 87px;}
.kuwait{top: 54px; right: 95px;}
.yemen{top: 96px; right: 95px;}
.ksa{top: 80px; right: 104px;}
.sa{bottom: 50px; left: 0px; right:60px;margin:0 auto;}
.iraq{top: 45px; right: 104px;}
.jordan{top: 45px; right: 121px;}
.lebanon{top: 45px; right: 121px;}
.ourclientslist ul.happyclients li{width:100% !important; margin:5% 0 5% 0%; }
}
/********************************************************
For Mobile Devices Starting 0px to 767px - *Not for IPAD , Mini IPAD
*********************************************************/
@media screen and (min-width:0px) and (max-width:767px)
{
/* .modalDialog{display:none !important;} */
video{width: 100%;}
.aheadlogo{display: none;}
.desktop_only_elements{display: none;}
.mobile_tablet_elements{display: block;}
.events .slider-container{
background: -moz-radial-gradient(center, ellipse cover, #696969 0%, #262626 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #696969), color-stop(100%, #262626));
background: -webkit-radial-gradient(center, ellipse cover, #696969 0%, #262626 100%);
background: -o-radial-gradient(center, ellipse cover, #696969 0%, #262626 100%);
background: -ms-radial-gradient(center, ellipse cover, #696969 0%, #262626 100%);
background: radial-gradient(ellipse at center, #696969 0%, #262626 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#696969', endColorstr='#262626', GradientType=1 );
}
/*.rate_us {display: none !important;}*/
.contentslider a.goback{right: 20px;}
a.goback{right:7px;}
.drag_function_notification,
.loadingOverlay
{display: none !important;}
.gallery-events .companyintro h2{font-size: 34px;}
.casestudy .companyintro .col2,
.gallery-events .companyintro .col2 {
margin: auto;
float: none;
}
.featuresAEP ul{display:block;}
.featuresAEP li h2{font-size:158%;}
.events-casestudy .companyintro .col1,
.events-casestudy .companyintro .col2,
.events-casestudy .companyintro .col1,
.events-casestudy .companydetails .col1,
.events-casestudy .companyintro .col3,
.casestudy .companyintro .col1,
/*.casestudy .companyintro .col2,*/
.casestudy .companyintro .col3,
.casestudy .companydetails .col1,
.gallery-events .companyintro .col1,
/**.gallery-events .companyintro .col2,**/
.gallery-events .companyintro .col3,
.gallery-events .companydetails .col1,
.blockthree,.ourcapabilities .blockthree, .about .aboutsection2 ul, .how_we_work .container, .how_we_work ul
{width:100%;}
.privacyPolicy h2{ float: none;}
.terms-of-use .privacyPolicy .pagetitle{ width:100%;}
.terms-of-use .privacyPolicy .pagecontent{width: 100%; }
.terms-of-use footer{position:relative;}
.loadingOverlay{display:none !important;}
.modalDialog .close{top:55px; margin: 0px;}
.gallery-events .companyintro .col2{margin:auto;}
/**.gallery-events .companyintro .col2 img{width:auto;}**/
.welcome_banner{top:80px;}
section{padding:20px 0px;}
.banner_button .morebutton span{display:none;}
.banner_button .morebutton:before{content:"+";position:relative;color:#ffffff;font-size: 29px;font-weight: bold;border: 1px solid #ffffff; padding: 0px 10px 2px 10px;}
.banner_button.webmobileColortransparent .morebutton:before{border-color:#303030; color:#303030;}
.slider-controls{display:none;}
.filter-dd .select{width:85%; text-transform:capitalize;}
.ourwork-section ul.section-work li .hoverdiv .title{margin-top:30px;}
.ourwork .ourwork-section .container{padding:0px;}
.home_slider img{width:100%; height:auto;}
/*.home_slider .swiper-slide.fittodevice{text-align: center;
width: 900px !important;
margin-left: -530px;
left: -50%;
}
.home_slider .swiper-slide{
-webkit-transition: opacity 0s ease-in-out;
-moz-transition: opacity 0s ease-in-out;
-ms-transition: opacity 0s ease-in-out;
-o-transition: opacity 0s ease-in-out;
transition: opacity 0s ease-in-out; opacity:0 !important;
}
.home_slider .swiper-slide.slidershow{
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out; opacity:1 !important;
}*/
.banner_button{
bottom: 48px;
font-size: 12px;
padding: 8px 20px;
width: 80%;
}
/*** Form Style In Mobile ****/
.relative{display: inherit;}
.intl-tel-input{width: 100%; }
.formDiv{padding: 20px; font-size: 17px;}
.contact .inquiryform input[type="text"],
.contact .inquiryform input[type="email"],
.contact .inquiryform input[type="number"],
.contact .inquiryform input[type="tel"],
.applyForm .select select,
.contact .select select,
.testimonialform .inquiryform input[type="text"],
.testimonialform .inquiryform input[type="email"],
.applyForm input[type="text"],
.applyForm input[type="email"],
.applyForm input[type="number"],
.applyForm input[type="tel"]
{width: 100%; background: none; border: 1px solid; margin: 0px; height: 40px; margin: 10px 0px; padding: 10px; font-size:16px; text-align:left;}
.contact .inquiryform textarea,
.testimonialform .inquiryform textarea
{width: 100%; background: none; border: 1px solid; margin: 0px; line-height: 1.4; padding:10px; font-size:16px; text-align:left;}
.captchaStyle{width:65%;}
.refreshCaptcha{top:5px; right:15%;}
.applyFormHolder .buttonholder.applybuttonholder.active{top:-35px;}
.contact .formDiv br,
.testimonialform .formDiv br,
.applyForm .formDiv br
{display: none;}
.applyForm .select, .contact .select{width: 100%;}
.captchaStyle{margin: 10px auto 0 auto}
.validetta-error input, .validetta-error select, .validetta-error textarea
{border-color: #ff0000!important; background: none!important;}
.validetta-inline{ position: relative;
width: 100%;
margin: 0;
background: no-repeat;
color: #ff0000;
margin: -5px 0 0 0;}
.validetta-error textarea + .validetta-inline{width: 100%; margin: 6px 0 0 0;}
.testimonialform .formContainer{width: 100%;}
.show-mobile-only{display:block !important;}
.show-desktop-only {display:none !important;}
.casestudy .logo{max-width:80%; margin: 0 auto;}
.pull-left, .pull-right{float:none !important;}
.da-slide .da-img{margin-left: 0px;}
/*.slider-container,.da-slider{height: 52vh;}
.da-dots{bottom: 10px;}*/
.col_5, .col-50, .col-25, .col-33, .col_4 {width: 100%;}
section h2, h2.heading{margin-bottom: 10px;}
.s-mobile-only {display:block !important;}
.s-desktop-only {display:none !important;}
nav > .container > ul{margin: 70px auto 0px auto;}
nav > .container > ul > li > a{font-size:23px; padding:13px 0px;}
.ourclientslist ul.happyclients,
.ourwork-section ul.section-work li, .about .employee
{width:100%;}
.ourclientslist ul.happyclients li{width:49%; margin:0px;}
.ourwork .ourwork-section ul.section-work li{width:100%; margin:0px;}
.sayhello ul{display: inline-block;}
.sayhello li{width:100%; margin:20px 0; display: inline-block;}
.contact .sayhello li{
width:100%!important; margin:35px 0; display: inline-block;
}
.sayhello li:nth-child(2){padding: 0; width: auto;}
.circle{margin:0px auto;}
.sayhello li .sayhello-data{width:100%; text-align:center; position:relative; left:inherit; line-height:1.5;}
.sayhello li .sayhello-data br{display:block;}
.sayhello li:last-child{right:0};
.tech_hoverdiv .title h2, .event_hoverdiv .title h2, .common_hoverdiv .title h2, .branding_hoverdiv .title h2{font-size:36px;}
.event_hoverdiv p, .tech_hoverdiv p, .common_hoverdiv p, .branding_hoverdiv p{margin:10px 0px;}
.tech ul.circle li .circle,
.events ul.circle li .circle{float:none; margin:0px auto;}
.events .events_features li,
.ourcapabilities #ourwork_list li{margin:0 !important;}
.testimonial.video .buttonholder{margin:50px 0 0 0;}
.contact .circle{margin:23px auto; top:0px;}
.contact .sayhello li .col1,
.contact .sayhello li .col2{text-align:center; width:100%;}
.contact .sayhello li .col1, .contact .sayhello li .circle{float:none;}
#ourwork_list, #addtestimonial_features{width:100%;}
.contact .sayhello ul{margin:0px;}
.about section.ourteam li{float:none; margin:22px 0px 25px 0px;}
#filters li{margin:0px;}
.ourcapabilities #ourwork_list li{display:inherit;}
.header_buttons li.shareus_button,
.header_buttons li.like_button
{display:none;}
.video_testimonial .carousel-indicators-div{position:relative;}
.testimonial .video_testimonial{top:0px;}
.addtestimonial .buttonholder.addtestimonial_button{top:-18px;}
.addtestimonial #filters li{margin-right:30px;}
.addtestimonial #filters li:last-child{margin-right:0px;}
.addtestimonial #filters li span.button{padding:0px;}
.events .events_features li{display:block !important;}
.taptocall{display:block;}
.casestudy .addcomments .buttonholder.addcomment_button .button, a.buttons, .buttons a{position:relative;}
/*.ourwork-section ul.section-work li .hoverdiv{ visibility:hidden;}
.events .da-slide .da-img, .events-casestudy .da-slide .da-img{width:105px; top:25px !important;}*/
.events .instagram-photos li{ width:98px !important; height:98px !important;}
.events-casestudy .instagram-photos li{ width:100px; height:100px; margin:2px;}
.events .eventonsocial .social-tweets .tweet_content,
.events-casestudy .eventonsocial .social-tweets .tweet_content
{width:100%; margin-left:0px; margin-top:10px;}
.events-casestudy .eventonsocial .social-tweets{
width: 100%;
display: inline-block;
margin: 15px 0 0 0px;
}
.video-js .vjs-big-play-button{width:80px; height:80px; top:25%; background-size:contain;}
.video_testimonial .video-pername{position:absolute; top:7px; width:100%;}
.video_testimonial .carousel-indicators{top:6px;}
#ourwork_list, #addtestimonial_features, #ourclients_list{margin-top: 0px;}
.ourcapabilities #ourwork_list ul.circle li.heading{ display: none !important;}
.ourcapabilities #ourwork_list ul.circle li.first{display: block!important;}
.yellowbar{height: 10px;}
.majorinitatives ul.major_initatives li{width: 45%; margin: 3% 2%;}
.majorinitatives ul.major_initatives li .circle{height: auto;}
.featuresAEP li{height: auto; padding: 40px 20px 20px 20px;}
.featuresAEP .container{padding: 0px;}
.carbonoffset .visualHolder{width: 100%; margin-bottom: -1px;}
.countries_covered .countriesmap{height: auto;}
.countries_covered .countriesmap{background-image: none;}
.countriesmap .totalEvents, .countriesmap .totalAttendees{top: 0px; width: 45%; height: auto;}
.countriesmap .totalAttendees ul,
.countriesmap .totalEvents ul{margin: 18px 0px;
}
.contrymapHolder{margin-top: 53%;}
.downloadAppHolder ul{text-align: center;}
.downloadAppHolder li:first-child{width: 100%; margin-bottom: 10px; text-align: center;}
.downloadAppHolder li{float: none;
margin: 10px 5px;
text-align: center;
display: inline-block;}
.downloadAppHolder li a{background: rgba(255, 255, 255, .8);}
ul.footersocial-icons{margin-top: 15px;}
footer .copyright a.policylink{margin: 0px;}
.button, a.buttons, .buttons a{margin: 5px !important;}
.about .aboutsection2 li{margin:25px 0 0 0;}
.captcha,
.captcha input
{width: 100% !important;}
.about .joinourteam,
.applyFormHolder.open
{height: 100%;}
.ourcapabilities #ourwork_list ul.subcat li:nth-child(1),
.ourcapabilities #ourwork_list ul.subcat li:nth-child(2),
.ourcapabilities #ourwork_list ul.subcat li:nth-child(3),
.ourcapabilities #ourwork_list ul.subcat li:nth-child(4),
.ourcapabilities #ourwork_list ul.subcat li:nth-child(5),
.ourcapabilities #ourwork_list ul.subcat li:nth-child(6),
.ourcapabilities #ourwork_list ul.subcat li:nth-child(7),
.events ul.subcat li:nth-child(1),
.events ul.subcat li:nth-child(2),
.events ul.subcat li:nth-child(3),
.events ul.subcat li:nth-child(4),
.events ul.subcat li:nth-child(5),
.events ul.subcat li:nth-child(6),
.events ul.subcat li:nth-child(7)
{margin: inherit;}
footer .col_5{width: 100%;}
footer .col_5.textRight{text-align: center;}
}
.stops_container{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.stops_container .year{
list-style: none;
font-weight: bold;
margin-left: -18px;
border-bottom: 1px solid #fff;
padding-bottom: 12px;
}
@media screen and (min-width:0px) and (max-width:767px) {
.stops_container ul{
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
}
@media only screen and (min-device-width: 0px) and (max-device-width: 400px) {
.stops_container{display:unline-block; width: 100%;}
.stops_container ul{ margin-bottom:2rem;}
.stops_container ul:last-child{ margin-bottom:0;}
}
@media only screen and (min-width:768px) and (max-width: 1024px) and (orientation: portrait)
{
.stops_container ul{
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
}
@media only screen and (min-width:768px) and (max-width: 1024px) and (orientation: landscape)
{
.stops_container ul{
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
}
/*************
Ends
**************/
/******************************************************************************************
For Mobile Devices - Landscape & Portrait, for 320x480 Devices. like Samsung Galaxy, iphone 5, Motorolla etc.
******************************************************************************************/
@media only screen and (min-device-width: 0px)
and (max-device-width: 599px)
and (orientation: landscape) {
/**** Mobile Menu *****/
nav > .container > ul{margin: 40px auto 0px auto;}
nav > .container > ul > li > a{font-size:18px; padding:8px 0px;}
.events .events_features li{display:block !important;}
.events .instagram-photos li{ margin:2px; }
}
@media only screen and (min-device-width: 0px)
and (max-device-width: 599px)
and (orientation: portrait) {
.section1 h2,
.ourwork-section h2,
.ourclientslist h2{font-size:35px;}
.tech_hoverdiv .title h2, .event_hoverdiv .title h2, .branding_hoverdiv .title h2, .common_hoverdiv .title h2{font-size:30px;}
.tech_hoverdiv .title small, .event_hoverdiv .title small, .common_hoverdiv .title small, .branding_hoverdiv .title small{font-size:17px;}
.tech_hoverdiv p, .event_hoverdiv p, .common_hoverdiv p, .branding_hoverdiv p, .button, a.buttons, .buttons a{font-size:13px; margin:3px 0px;}
.events .instagram-photos li{ margin:2px; width:102px; height:102px;}
}
/*************
Ends
**************/
/***** For Mobile Devices - Landscape, for 414x736 Devices. like Note4, iphone 6, iphone 6 plus etc. *****/
@media only screen and (min-device-width: 600px)
and (max-device-width: 1023px)
and (orientation: landscape) {
nav > .container > ul{margin: 50px auto 0px auto;}
nav > .container > ul > li > a{font-size:22px; padding:10px 0px;}
.tech ul.circle li .circle,
.events ul.circle li .circle
{float:left; margin:0px 10px 10px 15px;}
.events .events_features li{display:block !important;}
}
/******************************************
Small Device CSS Only
******************************************/
@media only screen and (min-device-width: 0px) and (max-device-width: 400px) {
.banner_button{bottom: 50px;
width: 300px;
font-size: 11px;}
.banner_button .button-title{margin:8px 0 0 0;}
.gallery-events .companyintro h2{font-size: 26px;}
.gallery-events .companyintro small{font-size: 20px;}
section h2, h2.heading{font-size: 36px;}
}
/******************************************
IPAD Device CSS Only
******************************************/
/***** For IPAD Devices Starting 768px to 1279px - *Not for Mobile Devices *****/
@media only screen and (min-width:768px) and (max-width: 1024px) and (orientation: portrait)
{
header .aheadlogo img{width: 200px;}
.desktop_only_elements{display: none;}
.mobile_tablet_elements{display: block;}
.rate_us .reaction{display: none;}
.show-tablet-only{display: block;}
.majorinitatives{font-size: 15px;}
footer{padding: 15px !important;}
footer .copyright{text-align: right;}
footer .col_5{width: 50%;}
footer .col_5.socialicons{width: 100%;text-align: center; margin-top: 30px;}
.drag_function_notification,
.loadingOverlay
{display: none !important;}
.header_buttons .show-desktop-only{display: none;}
ul.footersocial-icons{margin-top: 20px;}
}
@media only screen and (min-width:800px) and (max-width: 1280px){
footer{
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
border-radius: 0px;
position: relative; padding: 50px 10px;}
.downloadAppHolder li:first-child{width: 30%;}
}
@media only screen and (min-width:768px) and (max-width: 1279px) and (orientation: portrait)
{
/*.rate_us{display: none !important;}*/
.modalDialog .videoholder{ width: 95%;
margin: 0 auto;
margin-top: 30px;
position: relative;
top: 80px;}
.modalDialog .close{margin: 0px; top: 20px;}
section{padding:50px 40px;}
section.ourwork-section{padding:50px 0px;}
section.ourwork-section .container{padding: 0px;}
.events-casestudy .companyintro .col1,
.events-casestudy .companyintro .col2,
.events-casestudy .companyintro .col1,
.events-casestudy .companydetails .col1,
.events-casestudy .companyintro .col3,
.casestudy .companyintro .col1,
/*.casestudy .companyintro .col2,*/
.casestudy .companyintro .col3,
.casestudy .companydetails .col1,
.gallery-events .companyintro .col1,
/**.gallery-events .companyintro .col2,**/
.gallery-events .companyintro .col3,
.gallery-events .companydetails .col1,
.blockthree,.ourcapabilities .blockthree, .about .aboutsection2 ul, .how_we_work .container, .how_we_work ul
{width:100%;}
.privacyPolicy h2{ float: none;}
.terms-of-use .privacyPolicy .pagetitle{ width:100%;}
.terms-of-use .privacyPolicy .pagecontent{width: 100%; }
.terms-of-use footer{position:relative;}
.casestudy .companyintro .col2,
.gallery-events .companyintro .col2{margin:auto; float:none;}
/**.gallery-events .companyintro .col2 img{width:auto;}
.show-tablet-only{display:block !important;}**/
.welcome_banner #canvas{width:50% !important; height:auto !important; left:200px;}
#addtestimonialform .relative,
#applyform .relative,
#contactusform .relative{display:inline-block;}
.validetta-inline{margin: -5px 0 0 0;}
.banner_button{bottom: 30px; padding:8px 30px 8px 20px;}
.formDiv{font-size: 17px;}
.ourcapabilities #ourwork_list ul.serviceheading li{float: none; width: 100%;}
.ourclientslist ul.happyclients li{width:32.333%;}
.ourwork-section ul.section-work li,
.ourwork .ourwork-section ul.section-work li
{ width:50%;}
.tech_hoverdiv .title h2, .event_hoverdiv .title h2, .common_hoverdiv .title h2, .branding_hoverdiv .title h2{font-size:30px;}
.event_hoverdiv p, .tech_hoverdiv p, .common_hoverdiv p, .branding_hoverdiv p{margin:8px 0px;}
.sayhello li .sayhello-data{width:100%; text-align:center; position:relative; top:inherit; left:inherit; font-size: 14px;}
.circle{margin:0px auto;}
.sayhello .circle.pull-left{float: none; margin-bottom: 10px;}
.sayhello li:nth-child(2){padding: 0px;}
.ourclientslist ul.happyclients{width:100%;}
.tech ul.circle li .circle,
.events ul.circle li .circle {margin-bottom:10px;}
.taptocall{display:block;}
.casestudy .addcomments .buttonholder.addcomment_button .button, a.buttons, .buttons a{position:relative;}
.events-casestudy #instagram-photos img{margin:13px;}
.events .instagram-photos li,
.events-casestudy .instagram-photos li{width:125px; height:125px; margin:3px;}
.events .eventonsocial .social-tweets .tweet_content,
.events-casestudy .eventonsocial .social-tweets .tweet_content
{width:88%;}
.ourcapabilities #ourwork_list li{width: 33%; float: left;}
/*.ourcapabilities #ourwork_list .container{padding: 0px;}
.ourcapabilities #ourwork_list .events ul.circle li .circle,
.ourcapabilities #ourwork_list .tech ul.circle li .circle
{width: 150px; height: 150px;}
.ourcapabilities #ourwork_list .events ul.circle li span,
.ourcapabilities #ourwork_list .tech ul.circle li span
{width: 75%; font-size: 18px;}*/
.downloadAppHolder li:first-child{ width: 100%; margin-bottom: 15px;}
footer .copyright a.policylink{margin: 0px;}
footer{background:#303030; padding:50px 40px;
-moz-border-radius: 0px;
-webkit-border-radius:0px;
-khtml-border-radius:0px;
border-radius: 0px;
}
.about .aboutsection2 li{margin:25px 0 0 0;}
.ourwork-section ul.section-work li{height: 240px; overflow: hidden;}
.featuresAEP li{padding: 15px; width: 50%; max-height: 206px; overflow: hidden;}
.featuresAEP .swiper-container{ padding-bottom: 35px;}
.featuresAEP li h2{font-size: 1.2em;}
.featuresAEP li p{font-size: 12px;}
.featuresAEP li.notontable{display: none;}
.featuresAEP li p{height: auto; overflow: visible;}
}
/***** For IPAD Devices - Landscape ***********/
@media only screen and (min-width:768px) and (max-width: 1024px) and (orientation: landscape)
{
.featuresAEP li{padding: 40px 40px 10px 40px;}
}
/***** For IPAD Devices - Landscape ***********/
@media only screen and (min-width:768px) and (max-width: 1279px) and (orientation: landscape)
{
.desktop_only_elements{display: none;}
.mobile_tablet_elements{display: block;}
section.ourwork-section{padding:50px 0px;}
section.ourwork-section .container{padding: 0px;}
.ourwork .ourwork-section ul.section-work li{height: 227px;}
.featuresAEP li h2{font-size: 1.4em;}
.featuresAEP li .richtext{font-size: 14px;}
.event_hoverdiv .title h2,
.tech_hoverdiv .title h2,
.branding_hoverdiv .title h2
{font-size: 24px;}
.event_hoverdiv .title small,
.tech_hoverdiv .title small,
.branding_hoverdiv .title small
{font-size: 18px;}
.modalDialog .videoholder{ width: 95%;
margin: 0 auto;
margin-top: 30px;
position: relative;
top: 80px;}
.modalDialog .close{margin: 0px; top: 20px;}
section{padding: 50px 40px;}
.show-tablet-only{display: none;}
.welcome_banner #canvas{width:52% !important; height:auto !important; left:220px;}
footer{font-size:12px;}
.banner_button{bottom:50px;}
#addtestimonialform .relative,
#applyform .relative,
#contactusform .relative{display:inline-block;}
.ourclientslist ul.happyclients li{width:32.333%;}
.ourwork-section ul.section-work li{ width:50%;}
.ourclientslist ul.happyclients{width:100%;}
.sayhello li{ margin:0 8% 0 0;}
/*.ourwork-section ul.section-work li,
.ourwork .videoplayer-div .vjs-poster
{height:22vw;}*/
.video-js .vjs-big-play-button{left: 40%!important; background-size: 100%; width: 80px; height: 80px;}
.ourwork-section ul.section-work li .hoverdiv{padding:8%;}
.circle.pull-left, .sayhello-data.pull-left{float:left !important;}
.events-casestudy .instagram-photos li{width:107px; height:107px;}
.casestudy .companyintro .col2{margin: 0 0 0 50px;}
.casestudy .companyintro .col3{width: auto;}
.sayhello .circle{width: 42px; height: 42px;}
.sayhello .circle .fa{font-size: 20px;}
.sayhello li .sayhello-data{top: 10px; font-size:15px;}
}
/********* IE callback ************/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.da-slide-current{
z-index: 0 !important;
}
}
/*_::-webkit-full-page-media, _:future, :root .contact .inquiryform {width: 930px;}*/
/* Style CSS End */
.newBranch{
/* background-image: url(../images/new_branch.png); */
position:relative;
}
.button_light{border:2px solid #ffffff; padding:8px 17px; text-align:center; color:#ffffff; text-transform:uppercase; font-size:13px; font-family:Lato-Regular; display:inline-block;}
.button_light:hover, a.buttons:hover, .buttons a:hover{background:#ffffff; border-color:#ffffff; color:#000000;}
.position_button{
position: absolute;
bottom: 150px;
right:26.5%;
}
.hashtagLink{
position: absolute;
bottom: 17px;
right: 24%;
font-size: 18pt;
}
.hashtagLink a{
color:#7a8181;
}
.hashtagLink a:hover{
text-decoration-line: underline;
color: #ffffff;
}
@media screen and (min-width:768px) and (max-width:835px)
{
.hashtagLink{
position: absolute;
bottom: 17px;
right: 23%;
font-size: 14pt;
}
.position_button{
position: absolute;
bottom: 121px;
right:22%;
}
.newBranch .close{
position:absolute;
top: 17px;
right: 17px!important;
}
.newBranch{
/* background-image: url(../images/new_branch.png); */
margin-top: 15%!important;
}
}
@media only screen and (min-device-width: 1279px){
.newBranch .close{
position:absolute;
top: 17px;
right: 103px!important;
}
}
@media only screen and (min-width: 992px) and (max-width: 1279px) {
.newBranch img{
max-width: 59%;
height: 100%;
width: 100%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1279px) and (orientation: landscape){
.newBranch .close{
position: absolute;
top: 17px;
right: 220px !important;
}
.newBranch img{
max-width: 68%;
height: 100%;
width: 100%;
}
.position_button{
position: absolute;
bottom: 94px!important;
right:29%!important;
}
.hashtagLink{
position: absolute;
bottom: 17px;
right: 32%!important;
font-size: 11pt;
}
}
@media screen and (min-width:0) and (max-width:375px)
{
.position_button{
position: absolute;
bottom: 45px!important;
right:13%!important;
}
.hashtagLink{
position: absolute;
bottom: 17px;
right: 13%!important;
font-size: 11pt;
}
}
@media screen and (min-width:0) and (max-width:768px) and (orientation: landscape)
{
.newBranch .close{
position: absolute;
top: 13px;
right: 172px !important;
height:40px; width:40px;
display: flex;
align-items: center;
justify-content:center;
font-size: 20px;
}
}
@media screen and (min-width:0) and (max-width:991px) and (orientation: landscape)
{
.position_button{
position: absolute;
bottom: 45px !important;
right: 29% !important;
}
.newBranch .close{
position: absolute;
top: 13px;
right: 183px !important;
height:40px; width:40px;
display: flex;
align-items: center;
justify-content:center;
font-size: 20px;
}
.newBranch img{
max-width: 59%;
height: 100%;
width: 100%;
}
.hashtagLink{
position: absolute;
bottom: 17px;
right: 32% !important;
font-size: 11pt;
}
}
@media screen and (min-width:0) and (max-width:767px)
{
.newBranch{
/* background-image: url(../images/new_branch.png); */
margin-top: 100px!important;
}
.newBranch .close{
position:absolute;
top: 11px;
right: 12px!important;
height:40px; width:40px;
display: flex;
align-items: center;
justify-content:center;
font-size: 20px;
}
.hashtagLink{
position: absolute;
bottom: 17px;
right: 17%;
font-size: 11pt;
}
.hashtagLink a{
color: #7a8181;
}
.position_button{
position: absolute;
bottom: 55px;
right:17%;
}
.button_light:hover, a.buttons:hover, .buttons a:hover{background:#ffffff; border-color:#ffffff; color:#000000;}
/* .modalDialog {display:block !important;} */
.button_light{margin-top: 30px;border:2px solid #ffffff; padding:5px 10px; text-align:center; color:#ffffff; text-transform:uppercase; font-size:10px; font-family:Lato-Regular; display:inline-block;} */
.button_light:hover, a.buttons:hover, .buttons a:hover{background:#ffffff; border-color:#ffffff; color:#000000;}
}
/* newly added change for image logo */
.gallery-events .companyintro .col2.largeImage { width:250px!important;}
.twitterImage{
width: 20px;
height: 20px;
position: relative;
top: 13px;
color:#303030;
}
.twitterImageHover{
width: 20px;
height: 20px;
position: relative;
top: 13px;
display: none;
}
.circle.twitter.white{
display: flex;
justify-content: center;
}
.circle.twitter.white:hover .twitterImage{
display: none;
}
.circle.twitter.white:hover .twitterImageHover{
display: flex!important;
}