/* YUI 3.8.1 (build 5795) Copyright 2013 Yahoo! Inc. http://yuilibrary.com/license/ */
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
@media all {
    html, .gradient {
        background-color: #71c2f8;
        background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgb(48, 143, 206)), to(rgb(113, 194, 248)));
        background-image: -webkit-radial-gradient(50% 50%, rgb(113, 194, 248), rgb(48, 143, 206));
        background-image: -moz-radial-gradient(50% 50%, rgb(113, 194, 248), rgb(48, 143, 206));
        background-image: -o-radial-gradient(50% 50%, rgb(113, 194, 248), rgb(48, 143, 206));
        background-image: -ms-radial-gradient(50% 50%, rgb(113, 194, 248), rgb(48, 143, 206));
        background-image: radial-gradient(50% 50%, rgb(113, 194, 248), rgb(48, 143, 206));
    }
    body {
        font-size: 16px;
        line-height: 1.5em;
    }
    body, td, button, input, textarea {
        /*font-family: "Proxima N W01 Reg", Helvetica, Arial, sans-serif;*/
        font-family:'Foundry Sterling W01';
        font-weight: 300;
        font-style: Medium;
    }

    h1 {
        font-size: 3.2em;
    }
    h2 {
        font-size: 1.3em;
    }
    a, a:visited, a:active, a:target, a:hover {
        color: white;
        text-decoration: underline;
    }

    }
    .upper {
        text-transform: uppercase;
    }
    .cf:before,
    .cf:after {
        content: " "; /* 1 */
        display: table; /* 2 */
    }

    .cf:after {
        clear: both;
    }
    .btn-secondary {
        background-color: transparent;
        border: 1px solid #ccc;
        font-size: 13px;
        padding: 3px 24px;
        display: block;
        border-radius: 3px;
        /*
        border-radius: 4px;
        border: 1px solid #ccc;
        background-image: -o-linear-gradient(top, #ECF0F4 0%, #F5F7F9 20%, #FFFFFF 100%);
        background-image: -moz-linear-gradient(top, #ECF0F4 0%, #F5F7F9 20%, #FFFFFF 100%);
        background-image: -webkit-linear-gradient(top, #ECF0F4 0%, #F5F7F9 20%, #FFFFFF 100%);
        background-image: -ms-linear-gradient(top, #ECF0F4 0%, #F5F7F9 20%, #FFFFFF 100%);
        background-image: linear-gradient(to top, #ECF0F4 0%, #F5F7F9 20%, #FFFFFF 100%);
        font-size: 13px;
        */
    }
    .btn-secondary:hover {
        background-color: #f8f8f8;
        transition: all 300ms ease;
        cursor: pointer;
    }
    .btn-primary {
        cursor: pointer;
        background-color: #58b0e0;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(88, 176, 224)), to(rgb(73, 152, 195)));
        background-image: -webkit-linear-gradient(top, rgb(88, 176, 224), rgb(73, 152, 195));
        background-image: -moz-linear-gradient(top, rgb(88, 176, 224), rgb(73, 152, 195));
        background-image: -o-linear-gradient(top, rgb(88, 176, 224), rgb(73, 152, 195));
        background-image: -ms-linear-gradient(top, rgb(88, 176, 224), rgb(73, 152, 195));
        background-image: linear-gradient(top, rgb(88, 176, 224), rgb(73, 152, 195));
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#58b0e0', EndColorStr='#4998c3');
        font-size: 14px;
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        border: none;
        text-decoration: none;
    }

    .btn-primary:hover {
        background: #5DBAED;
    }
    .btn-primary.state-disabled {
        opacity: 0.5;
    }

    .btn-primary:focus {
        outline: none;
        cursor: focus;
    }
    .btn-secondary:focus {
        outline: none;
        cursor: focus;
    }

    .vp-link {
        display: -webkit-inline-box;

    }
    .vp-link.state-hidden {
        display: none;
    }
    .vp-link-small {
        color: #606878;
        font-size: 12px;
        padding: 3px 0;
    }
    .vp-link-small:hover {
        color: #000;
    }
    .btn-modal-cancel {
        display: block;
        position: absolute;
        top: 10px;
        right: 10px;
        width: 40px;
        line-height: 40px;
        text-decoration: none;
        height: 40px;
        font-size: 16px;
        color: #555;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        border-radius: 100%;
    }
    .btn-modal-cancel:hover {
        background-color: #f3f3f3;
    }
    .btn-modal-cancel:visited {
        color: #555;  
    }

}
@media screen and (max-width: 726px) {
    h1 {
        font-size: 2.5em;
        line-height: 2.7em;
    }
}

@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=7cff27b5-7e15-463e-a076-d9054eae21f6");*/

@font-face{
font-family:"Foundry Sterling W01_B5";
src:url("/assets/fonts/c38e285c-f21e-4adc-92bd-8b51ea465101.eot?#iefix") format("eot")
}
@font-face{
font-family:"Foundry Sterling W01";
src:url("/assets/fonts/c38e285c-f21e-4adc-92bd-8b51ea465101.eot?#iefix");
src:url("/assets/fonts/c38e285c-f21e-4adc-92bd-8b51ea465101.eot?#iefix") format("eot"),url("/assets/fonts/811fbecc-62c1-4b3d-8542-db71a661e012.woff") format("woff"),url("/assets/fonts/70189f1b-eed0-4625-992e-f4867c80eb5c.ttf") format("truetype"),url("/assets/fonts/babf4e66-b5fc-48af-a276-77c327d9ac9a.svg#babf4e66-b5fc-48af-a276-77c327d9ac9a") format("svg");
font-weight: 500;
font-style: Bold;
}
@font-face{
font-family:"Foundry Sterling W01_M3";
src:url("/assets/fonts/8af41afe-9f54-4583-9674-bc1303e3ff13.eot?#iefix") format("eot")
}
@font-face{
font-family:"Foundry Sterling W01";
src:url("/assets/fonts/8af41afe-9f54-4583-9674-bc1303e3ff13.eot?#iefix");
src:url("/assets/fonts/8af41afe-9f54-4583-9674-bc1303e3ff13.eot?#iefix") format("eot"),url("/assets/fonts/13371dca-3ac8-4bab-b52d-4e1d2efa82f9.woff") format("woff"),url("/assets/fonts/0d4f9295-fafe-4a02-ab19-b161494f81e2.ttf") format("truetype"),url("/assets/fonts/db2dcdc1-bbb3-414f-b352-c38fff8db0d7.svg#db2dcdc1-bbb3-414f-b352-c38fff8db0d7") format("svg");
font-weight: 300;
font-style: Medium;
}
@font-face{
font-family:"Foundry Sterling W01_n2";
src:url("/assets/fonts/0fa8c670-f412-45ca-849d-1aded30eb86a.eot?#iefix") format("eot")
}
@font-face{
font-family:"Foundry Sterling W01";
src:url("/assets/fonts/0fa8c670-f412-45ca-849d-1aded30eb86a.eot?#iefix");
src:url("/assets/fonts/0fa8c670-f412-45ca-849d-1aded30eb86a.eot?#iefix") format("eot"),url("/assets/fonts/1c874867-515c-4fdd-9fae-7c37237fba27.woff") format("woff"),url("/assets/fonts/a5c117b0-930c-40ac-b4b7-1fac7ea445f7.ttf") format("truetype"),url("/assets/fonts/7c3bed3a-232e-4f9b-9013-16f12661a829.svg#7c3bed3a-232e-4f9b-9013-16f12661a829") format("svg");
font-weight: 200;
font-style: normal;
}


@font-face {
	font-family: 'icomoon';
	src:url('/assets/fonts/icomoon.eot');
	src:url('/assets/fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('/assets/fonts/icomoon.woff') format('woff'),
		url('/assets/fonts/icomoon.ttf') format('truetype'),
		url('/assets/fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'icomoon';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-clock, .icon-mail, .icon-lightning, .icon-plus, .icon-contract, .icon-checkmark, .icon-close {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon-clock:before {
	content: "\e002";
}
.icon-mail:before {
	content: "\e003";
}
.icon-lightning:before {
	content: "\e004";
}
.icon-plus:before {
	content: "\e000";
}
.icon-contract:before {
	content: "\e001";
}
.icon-checkmark:before {
	content: "\e005";
}
.icon-close:before {
	content: "\e006";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-sign-out:before {
  content: "\f08b";
}/*  Font Awesome
    the faic font designed for use with Twitter Bootstrap
    -------------------------------------------------------
    The full suite of pictographic fas, examples, and documentation
    can be found at: http://fortawesome.github.com/Font-Awesome/

    License
    -------------------------------------------------------
    The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0:
    http://creativecommons.org/licenses/by/3.0/ A mention of
    'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable
    source code is considered acceptable attribution (most common on the web).
    If human readable source code is not available to the end user, a mention in
    an 'About' or 'Credits' screen is considered acceptable (most common in desktop
    or mobile software).

    Contact
    -------------------------------------------------------
    Email: dave@davegandy.com
    Twitter: http://twitter.com/fortaweso_me
    Work: http://lemonwi.se co-founder

    */
@font-face {
  font-family: 'OpenWeb Icons';
    src: url('/assets/fonts/openwebicons.eot');
    src: url('/assets/fonts/openwebicons.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/openwebicons.woff') format('woff'),
         url('/assets/fonts/openwebicons.ttf') format('truetype'),
         url('/assets/fonts/openwebicons.svg#OpenWebIconsRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* openwebicons */
[class*="openwebicons-"]:before {
  font-family: 'OpenWeb Icons', sans-serif;
}

@font-face {
  font-family: "FontAwesome";
  src: url('/assets/fonts/fontawesome-webfont.eot');
  src: url('/assets/fonts/fontawesome-webfont.eot?#iefix') format('eot'), url('/assets/fonts/fontawesome-webfont.woff') format('woff'), url('/assets/fonts/fontawesome-webfont.ttf') format('truetype'), url('/assets/fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*  Font Awesome styles
    ------------------------------------------------------- */
[class^="fa-"]:before, [class*=" fa-"]:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}
a [class^="fa-"], a [class*=" fa-"] {
  display: inline-block;
  text-decoration: inherit;
}
/* makes the font 33% larger relative to the fa container */
.fa-large:before {
  vertical-align: top;
  font-size: 1.3333333333333333em;
}
.btn [class^="fa-"], .btn [class*=" fa-"] {
  /* keeps button heights with and without fas the same */

  line-height: .9em;
}
li [class^="fa-"], li [class*=" fa-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}
li .fa-large[class^="fa-"], li .fa-large[class*=" fa-"] {
  /* 1.5 increased font size for fa-large * 1.25 width */

  width: 1.875em;
}
li[class^="fa-"], li[class*=" fa-"] {
  margin-left: 0;
  list-style-type: none;
}
li[class^="fa-"]:before, li[class*=" fa-"]:before {
  text-indent: -2em;
  text-align: center;
}
li[class^="fa-"].fa-large:before, li[class*=" fa-"].fa-large:before {
  text-indent: -1.3333333333333333em;
}
/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent fas */
.fa-glass:before{content:"\f000";}
.fa-music:before{content:"\f001";}
.fa-search:before{content:"\f002";}
.fa-envelope-alt:before{content:"\f003";}
.fa-heart:before{content:"\f004";}
.fa-star:before{content:"\f005";}
.fa-star-empty: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-ok:before{content:"\f00c";}
.fa-remove:before{content:"\f00d";}
.fa-zoom-in:before{content:"\f00e";}
.fa-zoom-out:before{content:"\f010";}
.fa-power-off:before,.fa-off:before{content:"\f011";}
.fa-signal:before{content:"\f012";}
.fa-gear:before,.fa-cog:before{content:"\f013";}
.fa-trash:before{content:"\f014";}
.fa-home:before{content:"\f015";}
.fa-file-alt:before{content:"\f016";}
.fa-time:before{content:"\f017";}
.fa-road:before{content:"\f018";}
.fa-download-alt:before{content:"\f019";}
.fa-download:before{content:"\f01a";}
.fa-upload:before{content:"\f01b";}
.fa-inbox:before{content:"\f01c";}
.fa-play-circle: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-indent-left:before{content:"\f03b";}
.fa-indent-right:before{content:"\f03c";}
.fa-facetime-video:before{content:"\f03d";}
.fa-picture: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{content:"\f044";}
.fa-share:before{content:"\f045";}
.fa-check:before{content:"\f046";}
.fa-move: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-sign:before{content:"\f055";}
.fa-minus-sign:before{content:"\f056";}
.fa-remove-sign:before{content:"\f057";}
.fa-ok-sign:before{content:"\f058";}
.fa-question-sign:before{content:"\f059";}
.fa-info-sign:before{content:"\f05a";}
.fa-screenshot:before{content:"\f05b";}
.fa-remove-circle:before{content:"\f05c";}
.fa-ok-circle:before{content:"\f05d";}
.fa-ban-circle: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-alt:before{content:"\f064";}
.fa-resize-full:before{content:"\f065";}
.fa-resize-small:before{content:"\f066";}
.fa-plus:before{content:"\f067";}
.fa-minus:before{content:"\f068";}
.fa-asterisk:before{content:"\f069";}
.fa-exclamation-sign:before{content:"\f06a";}
.fa-gift:before{content:"\f06b";}
.fa-leaf:before{content:"\f06c";}
.fa-fire:before{content:"\f06d";}
.fa-eye-open:before{content:"\f06e";}
.fa-eye-close:before{content:"\f070";}
.fa-warning-sign: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-close:before{content:"\f07b";}
.fa-folder-open:before{content:"\f07c";}
.fa-resize-vertical:before{content:"\f07d";}
.fa-resize-horizontal:before{content:"\f07e";}
.fa-bar-chart:before{content:"\f080";}
.fa-twitter-sign:before{content:"\f081";}
.fa-facebook-sign: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-up-alt:before{content:"\f087";}
.fa-thumbs-down-alt:before{content:"\f088";}
.fa-star-half:before{content:"\f089";}
.fa-heart-empty:before{content:"\f08a";}
.fa-signout:before{content:"\f08b";}
.fa-linkedin-sign:before{content:"\f08c";}
.fa-pushpin:before{content:"\f08d";}
.fa-external-link:before{content:"\f08e";}
.fa-signin:before{content:"\f090";}
.fa-trophy:before{content:"\f091";}
.fa-github-sign:before{content:"\f092";}
.fa-upload-alt:before{content:"\f093";}
.fa-lemon:before{content:"\f094";}
.fa-phone:before{content:"\f095";}
.fa-unchecked:before,.fa-check-empty:before{content:"\f096";}
.fa-bookmark-empty:before{content:"\f097";}
.fa-phone-sign:before{content:"\f098";}
.fa-twitter:before{content:"\f099";}
.fa-facebook:before{content:"\f09a";}
.fa-github:before{content:"\f09b";}
.fa-unlock:before{content:"\f09c";}
.fa-credit-card:before{content:"\f09d";}
.fa-rss:before{content:"\f09e";}
.fa-hdd:before{content:"\f0a0";}
.fa-bullhorn:before{content:"\f0a1";}
.fa-bell:before{content:"\f0a2";}
.fa-certificate:before{content:"\f0a3";}
.fa-hand-right:before{content:"\f0a4";}
.fa-hand-left:before{content:"\f0a5";}
.fa-hand-up:before{content:"\f0a6";}
.fa-hand-down:before{content:"\f0a7";}
.fa-circle-arrow-left:before{content:"\f0a8";}
.fa-circle-arrow-right:before{content:"\f0a9";}
.fa-circle-arrow-up:before{content:"\f0aa";}
.fa-circle-arrow-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-fullscreen:before{content:"\f0b2";}
.fa-group:before{content:"\f0c0";}
.fa-link:before{content:"\f0c1";}
.fa-cloud:before{content:"\f0c2";}
.fa-beaker:before{content:"\f0c3";}
.fa-cut:before{content:"\f0c4";}
.fa-copy:before{content:"\f0c5";}
.fa-paperclip:before,.fa-paper-clip:before{content:"\f0c6";}
.fa-save:before{content:"\f0c7";}
.fa-sign-blank:before{content:"\f0c8";}
.fa-reorder: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-sign:before{content:"\f0d3";}
.fa-google-plus-sign: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-sort:before{content:"\f0dc";}
.fa-sort-down:before{content:"\f0dd";}
.fa-sort-up: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{content:"\f0e3";}
.fa-dashboard:before{content:"\f0e4";}
.fa-comment-alt:before{content:"\f0e5";}
.fa-comments-alt:before{content:"\f0e6";}
.fa-bolt:before{content:"\f0e7";}
.fa-sitemap:before{content:"\f0e8";}
.fa-umbrella:before{content:"\f0e9";}
.fa-paste:before{content:"\f0ea";}
.fa-lightbulb: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-alt:before{content:"\f0f3";}
.fa-coffee:before{content:"\f0f4";}
.fa-food:before{content:"\f0f5";}
.fa-file-text-alt:before{content:"\f0f6";}
.fa-building:before{content:"\f0f7";}
.fa-hospital: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-sign:before{content:"\f0fd";}
.fa-plus-sign-alt:before{content:"\f0fe";}
.fa-double-angle-left:before{content:"\f100";}
.fa-double-angle-right:before{content:"\f101";}
.fa-double-angle-up:before{content:"\f102";}
.fa-double-angle-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{content:"\f10b";}
.fa-circle-blank: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-close-alt:before{content:"\f114";}
.fa-folder-open-alt:before{content:"\f115";}
.fa-expand-alt:before{content:"\f116";}
.fa-collapse-alt:before{content:"\f117";}
.fa-smile:before{content:"\f118";}
.fa-frown:before{content:"\f119";}
.fa-meh:before{content:"\f11a";}
.fa-gamepad:before{content:"\f11b";}
.fa-keyboard:before{content:"\f11c";}
.fa-flag-alt:before{content:"\f11d";}
.fa-flag-checkered:before{content:"\f11e";}
.fa-terminal:before{content:"\f120";}
.fa-code:before{content:"\f121";}
.fa-reply-all:before{content:"\f122";}
.fa-mail-reply-all:before{content:"\f122";}
.fa-star-half-full:before,.fa-star-half-empty:before{content:"\f123";}
.fa-location-arrow:before{content:"\f124";}
.fa-crop:before{content:"\f125";}
.fa-code-fork:before{content:"\f126";}
.fa-unlink: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-off:before{content:"\f131";}
.fa-shield:before{content:"\f132";}
.fa-calendar-empty:before{content:"\f133";}
.fa-fire-extinguisher:before{content:"\f134";}
.fa-rocket:before{content:"\f135";}
.fa-maxcdn:before{content:"\f136";}
.fa-chevron-sign-left:before{content:"\f137";}
.fa-chevron-sign-right:before{content:"\f138";}
.fa-chevron-sign-up:before{content:"\f139";}
.fa-chevron-sign-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-horizontal:before{content:"\f141";}
.fa-ellipsis-vertical:before{content:"\f142";}
.fa-rss-sign:before{content:"\f143";}
.fa-play-sign:before{content:"\f144";}
.fa-ticket:before{content:"\f145";}
.fa-minus-sign-alt:before{content:"\f146";}
.fa-check-minus:before{content:"\f147";}
.fa-level-up:before{content:"\f148";}
.fa-level-down:before{content:"\f149";}
.fa-check-sign:before{content:"\f14a";}
.fa-edit-sign:before{content:"\f14b";}
.fa-external-link-sign:before{content:"\f14c";}
.fa-share-sign:before{content:"\f14d";}
.fa-compass:before{content:"\f14e";}
.fa-collapse:before{content:"\f150";}
.fa-collapse-top:before{content:"\f151";}
.fa-expand: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-yen:before,.fa-jpy:before{content:"\f157";}
.fa-renminbi:before,.fa-cny: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-by-alphabet:before{content:"\f15d";}
.fa-sort-by-alphabet-alt:before{content:"\f15e";}
.fa-sort-by-attributes:before{content:"\f160";}
.fa-sort-by-attributes-alt:before{content:"\f161";}
.fa-sort-by-order:before{content:"\f162";}
.fa-sort-by-order-alt:before{content:"\f163";}
.fa-thumbs-up:before{content:"\f164";}
.fa-thumbs-down:before{content:"\f165";}
.fa-youtube-sign:before{content:"\f166";}
.fa-youtube:before{content:"\f167";}
.fa-xing:before{content:"\f168";}
.fa-xing-sign:before{content:"\f169";}
.fa-youtube-play:before{content:"\f16a";}
.fa-dropbox:before{content:"\f16b";}
.fa-stackexchange: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-sign:before{content:"\f172";}
.fa-tumblr:before{content:"\f173";}
.fa-tumblr-sign: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{content:"\f184";}
.fa-sun:before{content:"\f185";}
.fa-moon: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-exclamation-triangle:before {
  content: "\f071";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}/*
 * imgAreaSelect animated border style
 */

.imgareaselect-border1 {
    background: url(border-anim-v.gif) repeat-y left top;
}

.imgareaselect-border2 {
    background: url(border-anim-h.gif) repeat-x left top;
}

.imgareaselect-border3 {
    background: url(border-anim-v.gif) repeat-y right top;
}

.imgareaselect-border4 {
    background: url(border-anim-h.gif) repeat-x left bottom;
}

.imgareaselect-border1, .imgareaselect-border2,
.imgareaselect-border3, .imgareaselect-border4 {
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.imgareaselect-handle {
    background-color: #fff;
    border: solid 1px #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.imgareaselect-outer {
    border-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.imgareaselect-selection {
}/*
 * imgAreaSelect default style
 */

.imgareaselect-border1 {
    background: url(../assets/img/border-v.gif) repeat-y left top;
}

.imgareaselect-border2 {
    background: url(../assets/img/border-h.gif) repeat-x left top;
}

.imgareaselect-border3 {
    background: url(../assets/img/border-v.gif) repeat-y right top;
}

.imgareaselect-border4 {
    background: url(../assets/img/border-h.gif) repeat-x left bottom;
}

.imgareaselect-border1, .imgareaselect-border2,
.imgareaselect-border3, .imgareaselect-border4 {
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.imgareaselect-handle {
    background-color: #fff;
    border: solid 1px #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.imgareaselect-outer {
    border-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.imgareaselect-selection {  
}/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../assets/img/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../assets/img/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../assets/img/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../assets/img/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../assets/img/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../assets/img/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}.switch-button-label {
    float: left;

    font-size: 10pt;
    cursor: pointer;
}

.switch-button-label.off {
    color: #adadad;
}

.switch-button-label.on {
    color: #0088CC;
}

.switch-button-background {
    float: left;
    position: relative;

    background: #ccc;
    border: 1px solid #aaa;

    margin: 1px 10px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    cursor: pointer;
}

.switch-button-button {
    position: absolute;

    left: -1px;
    top : -1px;

    background: #FAFAFA;
    border: 1px solid #aaa;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.xdsoft_datetimepicker{
    box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.506);
    background: #FFFFFF;
    border-bottom: 1px solid #BBBBBB;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    color: #333333;
    font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    padding: 8px;
    padding-left: 0px;
    padding-top: 2px;
    position: absolute;
    z-index: 9999;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display:none;
}

.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: transparent;
    border:none;
}
/*For IE8 or lower*/
.xdsoft_datetimepicker button {
    border:none !important;
}

.xdsoft_noselect{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.xdsoft_noselect::selection { background: transparent; }
.xdsoft_noselect::-moz-selection { background: transparent; }
.xdsoft_datetimepicker.xdsoft_inline{
    display: inline-block;
    position: static;
    box-shadow: none;
}
.xdsoft_datetimepicker *{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:0px;
    margin:0px;
}
.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker  .xdsoft_timepicker{
    display:none;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker  .xdsoft_timepicker.active{
    display:block;
}
.xdsoft_datetimepicker .xdsoft_datepicker{
    width: 224px;
    float:left;
    margin-left:8px;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker{
    width: 256px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker{
    width: 58px;
    float:left;
    text-align:center;
    margin-left:8px;
    margin-top:0px;
}
.xdsoft_datetimepicker  .xdsoft_datepicker.active+.xdsoft_timepicker{
    margin-top:8px;
    margin-bottom:3px
}
.xdsoft_datetimepicker  .xdsoft_mounthpicker{
    position: relative;
    text-align: center;
}

.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker  .xdsoft_prev, 
.xdsoft_datetimepicker  .xdsoft_next,
.xdsoft_datetimepicker  .xdsoft_today_button{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}

.xdsoft_datetimepicker .xdsoft_label i{
    opacity:0.5;
    background-position:-92px -19px;
    display: inline-block;
    width: 9px;
    height: 20px;
    vertical-align: middle;
}

.xdsoft_datetimepicker  .xdsoft_prev{
    float: left;
    background-position:-20px 0px;
}
.xdsoft_datetimepicker  .xdsoft_today_button{
    float: left;
    background-position:-70px 0px;
    margin-left:5px;
}

.xdsoft_datetimepicker  .xdsoft_next{
    float: right;
    background-position:0px 0px;
}

.xdsoft_datetimepicker  .xdsoft_next,
.xdsoft_datetimepicker  .xdsoft_prev ,
.xdsoft_datetimepicker  .xdsoft_today_button{
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0px none currentColor;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    outline: medium none currentColor;
    overflow: hidden;
    padding: 0px;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_next{
    float:none;
    background-position:-40px -15px;
    height: 15px;
    width: 30px;
    display: block;
    margin-left:14px;
    margin-top:7px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev{
    background-position:-40px 0px;
    margin-bottom:7px;
    margin-top:0px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box{
    height:151px;
    overflow:hidden;
    border-bottom:1px solid #DDDDDD;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div{
    background: #F5F5F5;
    border-top:1px solid #DDDDDD;
    color: #666666;
    font-size: 12px;
    text-align: center;
    border-collapse:collapse;
    cursor:pointer;
    border-bottom-width:0px;
    height:25px;
    line-height:25px;
}

.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div > div:first-child{
 border-top-width:0px;
}
.xdsoft_datetimepicker  .xdsoft_today_button:hover,
.xdsoft_datetimepicker  .xdsoft_next:hover,
.xdsoft_datetimepicker  .xdsoft_prev:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.xdsoft_datetimepicker  .xdsoft_label{
    display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
    float:left;
    width:182px;
    text-align:center;
    cursor:pointer;
}
.xdsoft_datetimepicker  .xdsoft_label:hover{
    text-decoration:underline;
}
.xdsoft_datetimepicker  .xdsoft_label:hover i{
    opacity:1.0;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select{
    border:1px solid #ccc;
    position:absolute;
    right:0px;
    top:30px;
    z-index:101;
    display:none;
    background:#fff;
    max-height:160px;
    overflow-y:hidden;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select.xdsoft_monthselect{right:-7px;}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select.xdsoft_yearselect{right:2px;}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover{
    color: #fff;
    background: #ff8000;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option{
    padding:2px 10px 2px 5px; 
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current{
    background: #33AAFF;
    box-shadow: #178FE5 0px 1px 3px 0px inset;
    color:#fff;
    font-weight: 700;
}
.xdsoft_datetimepicker  .xdsoft_month{
    width:100px;
    text-align:right;
}
.xdsoft_datetimepicker  .xdsoft_calendar{
    clear:both;
}
.xdsoft_datetimepicker  .xdsoft_year{
    width: 48px;
    margin-left: 5px;
}
.xdsoft_datetimepicker  .xdsoft_calendar table{
    border-collapse:collapse;
    width:100%;
    
}
.xdsoft_datetimepicker  .xdsoft_calendar td > div{
    padding-right:5px;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
    height: 25px;
}
.xdsoft_datetimepicker  .xdsoft_calendar td,.xdsoft_datetimepicker  .xdsoft_calendar th{
    width:14.2857142%;
    background: #F5F5F5;
    border:1px solid #DDDDDD;
    color: #666666;
    font-size: 12px;
    text-align: right;
    vertical-align: middle;
    padding:0px;
    border-collapse:collapse;
    cursor:pointer;
    height: 25px;
}
.xdsoft_datetimepicker.xdsoft_showweeks  .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks  .xdsoft_calendar th{
    width:12.5%;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
    background: #F1F1F1;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_today{
    color:#33AAFF;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{
    background: #33AAFF;
    box-shadow: #178FE5 0px 1px 3px 0px inset;
    color:#fff;
    font-weight: 700;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker  .xdsoft_time_box >div >div.xdsoft_disabled{
    opacity:0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{
    opacity:0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
.xdsoft_datetimepicker  .xdsoft_calendar td:hover,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div:hover{
    color: #fff !important;
    background: #ff8000 !important;
    box-shadow: none !important;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover{
    color: inherit  !important;
    background: inherit !important;
    box-shadow: inherit !important;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
    font-weight: 700;
    text-align: center;
    color: #999;
    cursor:default;
}
.xdsoft_datetimepicker  .xdsoft_copyright{ color:#ccc !important; font-size:10px;clear:both;float:none;margin-left:8px;}
.xdsoft_datetimepicker  .xdsoft_copyright a{ color:#eee !important;}
.xdsoft_datetimepicker  .xdsoft_copyright a:hover{ color:#aaa !important;}


.xdsoft_time_box{
    position:relative;
    border:1px solid #ccc;
}
.xdsoft_scrollbar >.xdsoft_scroller{
    background:#ccc !important;
    height:20px;
    border-radius:3px;
}
.xdsoft_scrollbar{
    position:absolute;
    width:7px;
    right:0px;
    top:0px;
    bottom:0px;
    cursor:pointer;
}
.xdsoft_scroller_box{
position:relative;
}


.xdsoft_datetimepicker.xdsoft_dark{
    box-shadow: 0px 5px 15px -5px rgba(255, 255, 255, 0.506);
    background: #000000;
    border-bottom: 1px solid #444444;
    border-left: 1px solid #333333;
    border-right: 1px solid #333333;
    border-top: 1px solid #333333;
    color: #cccccc;
}

.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_timepicker .xdsoft_time_box{
    border-bottom:1px solid #222222;
}
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_timepicker .xdsoft_time_box >div >div{
    background: #0a0a0a;
    border-top:1px solid #222222;
    color: #999999;
}

.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_label{
    background-color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_label > .xdsoft_select{
    border:1px solid #333;
    background:#000;
}

.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover{
    color: #000;
    background: #007fff;
}

.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current{
    background: #cc5500;
    box-shadow: #b03e00 0px 1px 3px 0px inset;
    color:#000;
}

.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_prev, 
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_today_button{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}

.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar th{
    background: #0a0a0a;
    border:1px solid #222222;
    color: #999999;
}

.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar th{
    background: #0e0e0e;
}
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar td.xdsoft_today{
    color:#cc5500;
}
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{
    background: #cc5500;
    box-shadow: #b03e00 0px 1px 3px 0px inset;
    color:#000;
}

.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_timepicker .xdsoft_time_box >div >div:hover{
    color: #000 !important;
    background: #007fff !important;
}

.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar th{
    color: #666;
}
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_copyright{ color:#333 !important;}
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_copyright a{ color:#111 !important;}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover{ color:#555 !important;}


.xdsoft_dark .xdsoft_time_box{
    border:1px solid #333;
}
.xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller{
    background:#333 !important;
}@font-face{font-family:'OpenWeb Icons';src:url("/assets/fonts/openwebicons.eot");src:url("/assets/fonts/openwebicons.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/openwebicons.woff") format("woff"),url("/assets/fonts/openwebicons.ttf") format("truetype"),url("/assets/fonts/openwebicons.svg#openweb_iconsregular") format("svg");font-weight:normal;font-style:normal}[class^="icon-apml"]:before,[class*=" icon-apml"]:before,[class^="icon-open-share"]:before,[class*=" icon-open-share"]:before,[class^="icon-open-share-simple"]:before,[class*=" icon-open-share-simple"]:before,[class^="icon-share"]:before,[class*=" icon-share"]:before,[class^="icon-share-simple"]:before,[class*=" icon-share-simple"]:before,[class^="icon-feed"]:before,[class*=" icon-feed"]:before,[class^="icon-feed-simple"]:before,[class*=" icon-feed-simple"]:before,[class^="icon-ostatus"]:before,[class*=" icon-ostatus"]:before,[class^="icon-ostatus-simple"]:before,[class*=" icon-ostatus-simple"]:before,[class^="icon-opml"]:before,[class*=" icon-opml"]:before,[class^="icon-activity"]:before,[class*=" icon-activity"]:before,[class^="icon-activity-simple"]:before,[class*=" icon-activity-simple"]:before,[class^="icon-microformats"]:before,[class*=" icon-microformats"]:before,[class^="icon-geo"]:before,[class*=" icon-geo"]:before,[class^="icon-opensearch"]:before,[class*=" icon-opensearch"]:before,[class^="icon-oauth"]:before,[class*=" icon-oauth"]:before,[class^="icon-openid"]:before,[class*=" icon-openid"]:before,[class^="icon-semantic-web"]:before,[class*=" icon-semantic-web"]:before,[class^="icon-rdf"]:before,[class*=" icon-rdf"]:before,[class^="icon-rdfa"]:before,[class*=" icon-rdfa"]:before,[class^="icon-owl"]:before,[class*=" icon-owl"]:before,[class^="icon-dataportability"]:before,[class*=" icon-dataportability"]:before,[class^="icon-federated"]:before,[class*=" icon-federated"]:before,[class^="icon-web-intents"]:before,[class*=" icon-web-intents"]:before,[class^="icon-open-web"]:before,[class*=" icon-open-web"]:before,[class^="icon-xmpp"]:before,[class*=" icon-xmpp"]:before,[class^="icon-html5"]:before,[class*=" icon-html5"]:before,[class^="icon-css3"]:before,[class*=" icon-css3"]:before,[class^="icon-connectivity"]:before,[class*=" icon-connectivity"]:before,[class^="icon-semantics"]:before,[class*=" icon-semantics"]:before,[class^="icon-3deffects"]:before,[class*=" icon-3deffects"]:before,[class^="icon-device-access"]:before,[class*=" icon-device-access"]:before,[class^="icon-multimedia"]:before,[class*=" icon-multimedia"]:before,[class^="icon-offline-storage"]:before,[class*=" icon-offline-storage"]:before,[class^="icon-perfintegration"]:before,[class*=" icon-perfintegration"]:before,[class^="icon-git"]:before,[class*=" icon-git"]:before,[class^="icon-webhooks"]:before,[class*=" icon-webhooks"]:before,[class^="icon-osi"]:before,[class*=" icon-osi"]:before,[class^="icon-opensource"]:before,[class*=" icon-opensource"]:before,[class^="icon-opengraph"]:before,[class*=" icon-opengraph"]:before,[class^="icon-epub"]:before,[class*=" icon-epub"]:before,[class^="icon-qr"]:before,[class*=" icon-qr"]:before,[class^="icon-foaf"]:before,[class*=" icon-foaf"]:before,[class^="icon-info-card"]:before,[class*=" icon-info-card"]:before,[class^="icon-browserid"]:before,[class*=" icon-browserid"]:before,[class^="icon-remote-storage"]:before,[class*=" icon-remote-storage"]:before,[class^="icon-persona"]:before,[class*=" icon-persona"]:before,[class^="icon-odata"]:before,[class*=" icon-odata"]:before,[class^="icon-markdown"]:before,[class*=" icon-markdown"]:before,[class^="icon-tosdr"]:before,[class*=" icon-tosdr"]:before,[class^="icon-pub"]:before,[class*=" icon-pub"]:before,[class^="icon-sub"]:before,[class*=" icon-sub"]:before,[class^="icon-hubbub"]:before,[class*=" icon-hubbub"]:before,[class^="icon-pubsubhubbub"]:before,[class*=" icon-pubsubhubbub"]:before,[class^="icon-cc"]:before,[class*=" icon-cc"]:before,[class^="icon-cc-by"]:before,[class*=" icon-cc-by"]:before,[class^="icon-cc-nc"]:before,[class*=" icon-cc-nc"]:before,[class^="icon-cc-nc-eu"]:before,[class*=" icon-cc-nc-eu"]:before,[class^="icon-cc-nc-jp"]:before,[class*=" icon-cc-nc-jp"]:before,[class^="icon-cc-sa"]:before,[class*=" icon-cc-sa"]:before,[class^="icon-cc-nd"]:before,[class*=" icon-cc-nd"]:before,[class^="icon-cc-public"]:before,[class*=" icon-cc-public"]:before,[class^="icon-cc-zero"]:before,[class*=" icon-cc-zero"]:before,[class^="icon-cc-share"]:before,[class*=" icon-cc-share"]:before,[class^="icon-cc-remix"]:before,[class*=" icon-cc-remix"]:before,[class^="icon-hatom"]:before,[class*=" icon-hatom"]:before,[class^="icon-hresume"]:before,[class*=" icon-hresume"]:before,[class^="icon-hcard-add"]:before,[class*=" icon-hcard-add"]:before,[class^="icon-hcard-download"]:before,[class*=" icon-hcard-download"]:before,[class^="icon-indieweb"]:before,[class*=" icon-indieweb"]:before,[class^="icon-indiewebcamp"]:before,[class*=" icon-indiewebcamp"]:before,[class^="icon-webfinger"]:before,[class*=" icon-webfinger"]:before,[class^="icon-bitcoin"]:before,[class*=" icon-bitcoin"]:before,[class^="icon-bitcoin-simple"]:before,[class*=" icon-bitcoin-simple"]:before,[class^="icon-svg"]:before,[class*=" icon-svg"]:before,[class^="icon-json-ld"]:before,[class*=" icon-json-ld"]:before,[class^="icon-tent"]:before,[class*=" icon-tent"]:before,[class^="icon-copyleft"]:before,[class*=" icon-copyleft"]:before,[class^="icon-gnu"]:before,[class*=" icon-gnu"]:before,[class^="icon-ofl-attribution"]:before,[class*=" icon-ofl-attribution"]:before,[class^="icon-ofl-share"]:before,[class*=" icon-ofl-share"]:before,[class^="icon-ofl-renaming"]:before,[class*=" icon-ofl-renaming"]:before,[class^="icon-ofl-selling"]:before,[class*=" icon-ofl-selling"]:before,[class^="icon-ofl-embedding"]:before,[class*=" icon-ofl-embedding"]:before,[class^="icon-webmention"]:before,[class*=" icon-webmention"]:before,[class^="icon-javascript"]:before,[class*=" icon-javascript"]:before,[class^="icon-wtfpl"]:before,[class*=" icon-wtfpl"]:before,[class^="icon-ofl"]:before,[class*=" icon-ofl"]:before{font-family:'OpenWeb Icons';font-smoothing:antialiased;-webkit-font-smoothing:antialiased}[class^="icon-"],[class*=" icon-"]{font-weight:normal;font-style:normal;display:inline;width:auto;height:auto;line-height:inherit;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat}li[class^="icon-"],li[class*=" icon-"]{display:block}.icon-apml:before{content:"\f001"}.icon-open-share:before{content:"\f00E"}.icon-open-share-simple:before{content:"\f00F"}.icon-share:before{content:"\f006"}.icon-share-simple:before{content:"\f007"}.icon-feed:before{content:"\f009"}.icon-feed-simple:before{content:"\f00A"}.icon-ostatus:before{content:"\f004"}.icon-ostatus-simple:before{content:"\f005"}.icon-opml:before{content:"\f003"}.icon-activity:before{content:"\f010"}.icon-activity-simple:before{content:"\f041"}.icon-microformats:before{content:"\f00C"}.icon-geo:before{content:"\f00B"}.icon-opensearch:before{content:"\f002"}.icon-oauth:before{content:"\f008"}.icon-openid:before{content:"\f00D"}.icon-semantic-web:before{content:"\f000"}.icon-rdf:before{content:"\f039"}.icon-rdfa:before{content:"\f039"}.icon-owl:before{content:"\f039"}.icon-dataportability:before{content:"\f013"}.icon-federated:before{content:"\f011"}.icon-web-intents:before{content:"\f014"}.icon-open-web:before{content:"\f012"}.icon-xmpp:before{content:"\f015"}.icon-html5:before{content:"\f016"}.icon-css3:before{content:"\f017"}.icon-connectivity:before{content:"\f018"}.icon-semantics:before{content:"\f019"}.icon-3deffects:before{content:"\f037"}.icon-device-access:before{content:"\f031"}.icon-multimedia:before{content:"\f032"}.icon-offline-storage:before{content:"\f033"}.icon-perfintegration:before{content:"\f034"}.icon-git:before{content:"\f035"}.icon-webhooks:before{content:"\f036"}.icon-osi:before{content:"\f038"}.icon-opensource:before{content:"\f038"}.icon-opengraph:before{content:"\f020"}.icon-epub:before{content:"\f021"}.icon-qr:before{content:"\f022"}.icon-foaf:before{content:"\f023"}.icon-info-card:before{content:"\f024"}.icon-browserid:before{content:"\f025"}.icon-remote-storage:before{content:"\f026"}.icon-persona:before{content:"\f027"}.icon-odata:before{content:"\f028"}.icon-markdown:before{content:"\f029"}.icon-tosdr:before{content:"\f030"}.icon-pub:before{content:"\f045"}.icon-sub:before{content:"\f046"}.icon-hubbub:before{content:"\f045"}.icon-pubsubhubbub:before{content:"\f047"}.icon-cc:before{content:"\f080"}.icon-cc-by:before{content:"\f081"}.icon-cc-nc:before{content:"\f082"}.icon-cc-nc-eu:before{content:"\f083"}.icon-cc-nc-jp:before{content:"\f084"}.icon-cc-sa:before{content:"\f085"}.icon-cc-nd:before{content:"\f086"}.icon-cc-public:before{content:"\f087"}.icon-cc-zero:before{content:"\f088"}.icon-cc-share:before{content:"\f089"}.icon-cc-remix:before{content:"\f08a"}.icon-hatom:before{content:"\f040"}.icon-hresume:before{content:"\f042"}.icon-hcard-add:before{content:"\f043"}.icon-hcard-download:before{content:"\f044"}.icon-indieweb:before{content:"\f08b \f08c"}.icon-indiewebcamp:before{content:"\f08b \f08c \f08d"}.icon-webfinger:before{content:"\f08e"}.icon-bitcoin:before{content:"\f08f"}.icon-bitcoin-simple:before{content:"\f090"}.icon-svg:before{content:"\f049"}.icon-json-ld:before{content:"\f048"}.icon-tent:before{content:"\f050"}.icon-copyleft:before{content:"\f051"}.icon-gnu:before{content:"\f052"}.icon-ofl-attribution:before{content:"\f081"}.icon-ofl-share:before{content:"\f085"}.icon-ofl-renaming:before{content:"\f04a"}.icon-ofl-selling:before{content:"\f04b"}.icon-ofl-embedding:before{content:"\f04c"}.icon-webmention:before{content:"\f04d"}.icon-javascript:before{content:"\f04e"}.icon-wtfpl:before{content:"\f04f"}.icon-ofl:before{content:"\f053"}.icon-apml-colored:before{content:"\f001";color:#AFDD63}.icon-open-share-colored:before{content:"\f00E";color:#538439}.icon-share-colored:before{content:"\f006";color:#538439}.icon-feed-colored:before{content:"\f009";color:#EA680B}.icon-ostatus-colored:before{content:"\f004";color:#FF6600}.icon-opml-colored:before{content:"\f003";color:#2490A1}.icon-activity-colored:before{content:"\f010";color:#4FB2D9}.icon-microformats-colored:before{content:"\f00C";color:#85BC07}.icon-geo-colored:before{content:"\f00B";color:#990000}.icon-opensearch-colored:before{content:"\f002";color:#5050f3}.icon-html5-colored:before{content:"\f016";color:#E34C26}.icon-git-colored:before{content:"\f035";color:#F05133}.icon-osi-colored:before{content:"\f038";color:#3DA639}.icon-opensource-colored:before{content:"\f038";color:#3DA639}.icon-epub-colored:before{content:"\f021";color:#85b916}.icon-info-card-colored:before{content:"\f024";color:#BF84E5}.icon-remote-storage-colored:before{content:"\f026";color:#ff4e09}.icon-odata-colored:before{content:"\f028";color:#EA680B}.icon-pub-colored:before{content:"\f045";color:#99cc00}.icon-sub-colored:before{content:"\f046";color:#ffff00}.icon-hubbub-colored:before{content:"\f045";color:#ff6fcf}.icon-javascript-colored:before{content:"\f04e";color:#f0db4f}

body.stop-scrolling {
  height: 100%;
  overflow: hidden; }

.sweet-overlay {
  background-color: black;
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE8 */
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 10000; }

.sweet-alert {
  background-color: white;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  width: 478px;
  padding: 17px;
  border-radius: 5px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 99999; }
  @media all and (max-width: 540px) {
    .sweet-alert {
      width: auto;
      margin-left: 0;
      margin-right: 0;
      left: 15px;
      right: 15px; } }
  .sweet-alert h2 {
    color: #575757;
    font-size: 22px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 5px 0;
    padding: 0;
    display: block; }
  .sweet-alert p {
    color: #797979;
    font-size: 16px;
    text-align: center;
    font-weight: 300;
    position: relative;
    text-align: inherit;
    float: none;
    margin: 0;
    padding: 0;
    line-height: normal; }
  .sweet-alert fieldset {
    border: none;
    position: relative; }
  .sweet-alert .sa-error-container {
    background-color: #f1f1f1;
    margin-left: -17px;
    margin-right: -17px;
    overflow: hidden;
    padding: 0 10px;
    max-height: 0;
    webkit-transition: padding 0.15s, max-height 0.15s;
    transition: padding 0.15s, max-height 0.15s; }
    .sweet-alert .sa-error-container.show {
      padding: 10px 0;
      max-height: 100px;
      webkit-transition: padding 0.2s, max-height 0.2s;
      transition: padding 0.25s, max-height 0.25s; }
    .sweet-alert .sa-error-container .icon {
      display: inline-block;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background-color: #ea7d7d;
      color: white;
      line-height: 24px;
      text-align: center;
      margin-right: 3px; }
    .sweet-alert .sa-error-container p {
      display: inline-block; }
  .sweet-alert .sa-input-error {
    position: absolute;
    top: 29px;
    right: 26px;
    width: 20px;
    height: 20px;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.1s;
    transition: all 0.1s; }
    .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
      content: "";
      width: 20px;
      height: 6px;
      background-color: #f06e57;
      border-radius: 3px;
      position: absolute;
      top: 50%;
      margin-top: -4px;
      left: 50%;
      margin-left: -9px; }
    .sweet-alert .sa-input-error::before {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .sweet-alert .sa-input-error::after {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    .sweet-alert .sa-input-error.show {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1); }
  .sweet-alert input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    height: 43px;
    margin-top: 10px;
    margin-bottom: 17px;
    font-size: 18px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
    padding: 0 12px;
    display: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    .sweet-alert input:focus {
      outline: none;
      box-shadow: 0px 0px 3px #c4e6f5;
      border: 1px solid #b4dbed; }
      .sweet-alert input:focus::-moz-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
      .sweet-alert input:focus:-ms-input-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
      .sweet-alert input:focus::-webkit-input-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
    .sweet-alert input::-moz-placeholder {
      color: #bdbdbd; }
    .sweet-alert input::-ms-clear {
      display: none; }
    .sweet-alert input:-ms-input-placeholder {
      color: #bdbdbd; }
    .sweet-alert input::-webkit-input-placeholder {
      color: #bdbdbd; }
  .sweet-alert.show-input input {
    display: block; }
  .sweet-alert .sa-confirm-button-container {
    display: inline-block;
    position: relative; }
  .sweet-alert .la-ball-fall {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -27px;
    margin-top: 4px;
    opacity: 0;
    visibility: hidden; }
  .sweet-alert button {
    background-color: #8CD4F5;
    color: white;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    -webkit-border-radius: 4px;
    border-radius: 5px;
    padding: 10px 32px;
    margin: 26px 5px 0 5px;
    cursor: pointer; }
    .sweet-alert button:focus {
      outline: none;
      box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }
    .sweet-alert button:hover {
      background-color: #7ecff4; }
    .sweet-alert button:active {
      background-color: #5dc2f1; }
    .sweet-alert button.cancel {
      background-color: #C1C1C1; }
      .sweet-alert button.cancel:hover {
        background-color: #b9b9b9; }
      .sweet-alert button.cancel:active {
        background-color: #a8a8a8; }
      .sweet-alert button.cancel:focus {
        box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; }
    .sweet-alert button[disabled] {
      opacity: .6;
      cursor: default; }
    .sweet-alert button.confirm[disabled] {
      color: transparent; }
      .sweet-alert button.confirm[disabled] ~ .la-ball-fall {
        opacity: 1;
        visibility: visible;
        transition-delay: 0s; }
    .sweet-alert button::-moz-focus-inner {
      border: 0; }
  .sweet-alert[data-has-cancel-button=false] button {
    box-shadow: none !important; }
  .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
    padding-bottom: 40px; }
  .sweet-alert .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box; }
    .sweet-alert .sa-icon.sa-error {
      border-color: #F27474; }
      .sweet-alert .sa-icon.sa-error .sa-x-mark {
        position: relative;
        display: block; }
      .sweet-alert .sa-icon.sa-error .sa-line {
        position: absolute;
        height: 5px;
        width: 47px;
        background-color: #F27474;
        display: block;
        top: 37px;
        border-radius: 2px; }
        .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          left: 17px; }
        .sweet-alert .sa-icon.sa-error .sa-line.sa-right {
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          right: 16px; }
    .sweet-alert .sa-icon.sa-warning {
      border-color: #F8BB86; }
      .sweet-alert .sa-icon.sa-warning .sa-body {
        position: absolute;
        width: 5px;
        height: 47px;
        left: 50%;
        top: 10px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #F8BB86; }
      .sweet-alert .sa-icon.sa-warning .sa-dot {
        position: absolute;
        width: 7px;
        height: 7px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin-left: -3px;
        left: 50%;
        bottom: 10px;
        background-color: #F8BB86; }
    .sweet-alert .sa-icon.sa-info {
      border-color: #C9DAE1; }
      .sweet-alert .sa-icon.sa-info::before {
        content: "";
        position: absolute;
        width: 5px;
        height: 29px;
        left: 50%;
        bottom: 17px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #C9DAE1; }
      .sweet-alert .sa-icon.sa-info::after {
        content: "";
        position: absolute;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        margin-left: -3px;
        top: 19px;
        background-color: #C9DAE1;
        left: 50%; }
    .sweet-alert .sa-icon.sa-success {
      border-color: #A5DC86; }
      .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
        content: '';
        -webkit-border-radius: 40px;
        border-radius: 40px;
        border-radius: 50%;
        position: absolute;
        width: 60px;
        height: 120px;
        background: white;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      .sweet-alert .sa-icon.sa-success::before {
        -webkit-border-radius: 120px 0 0 120px;
        border-radius: 120px 0 0 120px;
        top: -7px;
        left: -33px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 60px 60px;
        transform-origin: 60px 60px; }
      .sweet-alert .sa-icon.sa-success::after {
        -webkit-border-radius: 0 120px 120px 0;
        border-radius: 0 120px 120px 0;
        top: -11px;
        left: 30px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 0px 60px;
        transform-origin: 0px 60px; }
      .sweet-alert .sa-icon.sa-success .sa-placeholder {
        width: 80px;
        height: 80px;
        border: 4px solid rgba(165, 220, 134, 0.2);
        -webkit-border-radius: 40px;
        border-radius: 40px;
        border-radius: 50%;
        box-sizing: content-box;
        position: absolute;
        left: -4px;
        top: -4px;
        z-index: 2; }
      .sweet-alert .sa-icon.sa-success .sa-fix {
        width: 5px;
        height: 90px;
        background-color: white;
        position: absolute;
        left: 28px;
        top: 8px;
        z-index: 1;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .sweet-alert .sa-icon.sa-success .sa-line {
        height: 5px;
        background-color: #A5DC86;
        display: block;
        border-radius: 2px;
        position: absolute;
        z-index: 2; }
        .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
          width: 25px;
          left: 14px;
          top: 46px;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
        .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
          width: 47px;
          right: 8px;
          top: 38px;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }
    .sweet-alert .sa-icon.sa-custom {
      background-size: contain;
      border-radius: 0;
      border: none;
      background-position: center center;
      background-repeat: no-repeat; }

/*
 * Animations
 */
@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

@-webkit-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }

@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }

@-webkit-keyframes slideFromTop {
  0% {
    top: 0%; }
  100% {
    top: 50%; } }

@keyframes slideFromTop {
  0% {
    top: 0%; }
  100% {
    top: 50%; } }

@-webkit-keyframes slideToTop {
  0% {
    top: 50%; }
  100% {
    top: 0%; } }

@keyframes slideToTop {
  0% {
    top: 50%; }
  100% {
    top: 0%; } }

@-webkit-keyframes slideFromBottom {
  0% {
    top: 70%; }
  100% {
    top: 50%; } }

@keyframes slideFromBottom {
  0% {
    top: 70%; }
  100% {
    top: 50%; } }

@-webkit-keyframes slideToBottom {
  0% {
    top: 50%; }
  100% {
    top: 70%; } }

@keyframes slideToBottom {
  0% {
    top: 50%; }
  100% {
    top: 70%; } }

.showSweetAlert[data-animation=pop] {
  -webkit-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s; }

.showSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }

.showSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideFromTop 0.3s;
  animation: slideFromTop 0.3s; }

.showSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideFromBottom 0.3s;
  animation: slideFromBottom 0.3s; }

.hideSweetAlert[data-animation=pop] {
  -webkit-animation: hideSweetAlert 0.2s;
  animation: hideSweetAlert 0.2s; }

.hideSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }

.hideSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideToTop 0.4s;
  animation: slideToTop 0.4s; }

.hideSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideToBottom 0.3s;
  animation: slideToBottom 0.3s; }

@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s; }

.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s; }

.sa-icon.sa-success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in; }

@-webkit-keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }

@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }

.animateErrorIcon {
  -webkit-animation: animateErrorIcon 0.5s;
  animation: animateErrorIcon 0.5s; }

@-webkit-keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

@keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

.animateXMark {
  -webkit-animation: animateXMark 0.5s;
  animation: animateXMark 0.5s; }

@-webkit-keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }

@keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }

.pulseWarning {
  -webkit-animation: pulseWarning 0.75s infinite alternate;
  animation: pulseWarning 0.75s infinite alternate; }

@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }

@keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }

.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
  animation: pulseWarningIns 0.75s infinite alternate; }

@-webkit-keyframes rotate-loading {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes rotate-loading {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/* Internet Explorer 9 has some special quirks that are fixed here */
/* The icons are not animated. */
/* This file is automatically merged into sweet-alert.min.js through Gulp */
/* Error icon */
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -ms-transform: rotate(-45deg) \9; }

/* Success icon */
.sweet-alert .sa-icon.sa-success {
  border-color: transparent\9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  -ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  -ms-transform: rotate(-45deg) \9; }

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-fall,
.la-ball-fall > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.la-ball-fall {
  display: block;
  font-size: 0;
  color: #fff; }

.la-ball-fall.la-dark {
  color: #333; }

.la-ball-fall > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor; }

.la-ball-fall {
  width: 54px;
  height: 18px; }

.la-ball-fall > div {
  width: 10px;
  height: 10px;
  margin: 4px;
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: ball-fall 1s ease-in-out infinite;
  -moz-animation: ball-fall 1s ease-in-out infinite;
  -o-animation: ball-fall 1s ease-in-out infinite;
  animation: ball-fall 1s ease-in-out infinite; }

.la-ball-fall > div:nth-child(1) {
  -webkit-animation-delay: -200ms;
  -moz-animation-delay: -200ms;
  -o-animation-delay: -200ms;
  animation-delay: -200ms; }

.la-ball-fall > div:nth-child(2) {
  -webkit-animation-delay: -100ms;
  -moz-animation-delay: -100ms;
  -o-animation-delay: -100ms;
  animation-delay: -100ms; }

.la-ball-fall > div:nth-child(3) {
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  animation-delay: 0ms; }

.la-ball-fall.la-sm {
  width: 26px;
  height: 8px; }

.la-ball-fall.la-sm > div {
  width: 4px;
  height: 4px;
  margin: 2px; }

.la-ball-fall.la-2x {
  width: 108px;
  height: 36px; }

.la-ball-fall.la-2x > div {
  width: 20px;
  height: 20px;
  margin: 8px; }

.la-ball-fall.la-3x {
  width: 162px;
  height: 54px; }

.la-ball-fall.la-3x > div {
  width: 30px;
  height: 30px;
  margin: 12px; }

/*
 * Animation
 */
@-webkit-keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    transform: translateY(145%); } }

@-moz-keyframes ball-fall {
  0% {
    opacity: 0;
    -moz-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -moz-transform: translateY(145%);
    transform: translateY(145%); } }

@-o-keyframes ball-fall {
  0% {
    opacity: 0;
    -o-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -o-transform: translateY(145%);
    transform: translateY(145%); } }

@keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    -moz-transform: translateY(-145%);
    -o-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    -moz-transform: translateY(145%);
    -o-transform: translateY(145%);
    transform: translateY(145%); } }
.tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px}@media all {
  html {
    min-height: 100%;
    height: 100%;
  }
  body {
    height: 100%;
    line-height: 1.4;
    color: #fff;
  }
  h1 {
    color: #ffffff;
    line-height: 1em;
    padding-bottom: 10px;
    font-weight: 200;
    text-align: center;
    margin: 50px 0;
  }
  .button {
    display: inline-block;
    padding: 7px 20px 9px !important;
    text-decoration: none;
    border-radius: 6px;
  }
  .button.bordered {
    border: 1px solid #fff;
  }
  .button.big {
    padding: 15px 30px !important;
    font-size: 1.4em;
    text-transform: uppercase;
  }
  .button.green {
    background-color: #70ad47;
  }
  .button.green:hover {
    background-color: #5C9A33;
  }
  .button.light {
    background: rgba(255,255,255,0.2);
  }
  .button.light:hover {
    background: rgba(255,255,255,0.4);
  }
  .button:hover {
    text-decoration: none;
    background: rgba(255,255,255,0.2);
  }
  .slider {
    position: relative;
    height: 100%;
  }
  .slider-bar {
    height: 36px;
    padding: 3px 0;
    overflow: hidden;
    background: #fff;
    border-radius: 100px;
    -webkit-box-shadow: 0px 0px 30px 1px rgba(17,34,64,0.2);
    -moz-box-shadow: 0px 0px 30px 1px rgba(17,34,64,0.2);
    box-shadow: 0px 0px 30px 1px rgba(17,34,64,0.2);
  }
  .slider-label {
    font-weight: bold;
  }
  .ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
  }
  .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
  }
  .ui-state-default,
  .ui-widget-content .ui-state-default,
  .ui-widget-header .ui-state-default {
    background: #9ec4e4;
    border-radius: 100px;
  }
  .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 30px;
    height: 30px;
    margin-left: -15px;
    cursor: pointer;
    outline: none;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-transition: left 0.3s ease;
    -moz-transition: left 0.3s ease;
    transition: left 0.3s ease;
  }
  .pull-left {
    float: left;
  }
  .pull-right {
    float: right;
  }
  .page {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    width: 100%;
  }
  .page .gradient:first-child {
    flex-grow: 1;
  }
  .head {
    padding: 50px 35px 0;
    width: 100%;
  }
  .head .line {
    position: relative;
  }
  .main-content {
    flex-grow: 1;
  }
  .main-content .container p {
    margin-bottom: 0.9em;
  }
  .mod .content {
    padding: 35px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #eee;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.08);
    max-width: 700px;
    margin: 0 auto;
    margin-bottom: 30px;
  }
  .mod .content a {
    color: #3598db;
  }
  .mod .content a:hover,
  .mod .content a:focus,
  .mod .content a:target {
    color: #8cc4ea;
  }
  .mod .content .title {
    margin: 0 0 25px 0;
    padding: 5 0 15px 0;
    padding-bottom: 5px;
    font-size: 24px;
    line-height: 1;
    letter-spacing: -1px;
    border-bottom: 2px solid #eee;
    line-height: 1em;
    font-weight: normal;
  }
  .mod .content blockquote {
    margin-top: 2em;
    margin-bottom: 3em;
    font-size: 1.3em;
  }
  .mod .content blockquote p {
    margin-bottom: 0.5em;
  }
  .footer {
    padding: 50px 35px 50px;
    background: #499fd8;
    clear: both;
  }
  .footer p {
    color: rgba(255,255,255,0.4);
  }
  .unit {
    float: left;
    _zoom: 1;
  }
  .last-unit {
    float: none;
    _position: relative;
    _left: -3px;
    _margin-right: -3px;
    width: auto;
  }
  .line:before,
  .line:after {
    content: " ";
    display: table;
  }
  .line:after {
    clear: both;
  }
  .size1of3 {
    width: 33%;
  }
  .size1of2 {
    width: 50%;
  }
  .size1of1 {
    width: 100%;
    float: none;
  }
  .container {
    width: 100%;
    position: relative;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px;
  }
  #card {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    transition: transform 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  #card.flipped {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  #card figure {
    margin: 0;
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  #card .back {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  .pagemonitor .container {
    margin: 0;
  }
  .pagemonitor .head {
    position: absolute;
    padding-top: 20px;
    padding-left: 5px;
  }
  .pagemonitor .top-box {
    position: relative;
    padding-bottom: 1px;
    background-color: #fff;
  }
  .pagemonitor .top-box .yellow-bar {
    padding: 8px 0;
    background-color: #fdc026;
    color: #fff;
    text-align: center;
    font-size: 0.9em;
  }
  .pagemonitor .top-box h1 {
    margin: 32px 0;
    color: #555;
    font-size: 1.7em;
    font-weight: 300;
  }
  .pagemonitor .top-box .app-popup {
    position: absolute;
    top: 50px;
    right: 10px;
    color: #888;
    width: 210px;
    height: 100px;
    background: url('/assets/img/pm-app-popup.png') no-repeat top right;
    background-size: 100%;
  }
  .pagemonitor .top-box .app-popup span {
    position: absolute;
    top: 3px;
    right: 50px;
  }
  .pagemonitor .top-box .pm-app-icon {
    position: absolute;
    top: 47%;
    left: 15px;
    width: 150px;
    height: 35px;
    color: #888;
    background: url('/assets/img/pm-app-icon.png') no-repeat top left;
    background-size: 24%;
  }
  .pagemonitor .top-box .pm-app-icon span {
    position: absolute;
    top: 8px;
    left: 42px;
  }
  .pagemonitor .top-box .vp-app-icon {
    position: absolute;
    bottom: 0;
    right: 19px;
    color: #888;
    width: 35px;
    height: 43px;
    background: url('/assets/img/vp-app-icon.png') no-repeat top right;
    background-size: 100%;
  }
  .pagemonitor .top-box .vp-app-icon span {
    position: absolute;
    top: 6px;
    left: -40px;
  }
  .pagemonitor .top-box .vp-app-icon:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 11px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #308FCE;
  }
  .pagemonitor .mod-logo img {
    width: 120px;
    height: auto;
  }
  .pagemonitor .mod-claim {
    position: relative;
    margin: 0;
    padding-top: 15px;
  }
  .pagemonitor .mod-claim h1 {
    margin-top: 0;
    font-size: 1.6em;
  }
  .pagemonitor .mod-claim h2 {
    margin-top: 1.7em;
    font-size: 1.3em;
  }
  .pagemonitor .mod-claim:after {
    content: "";
    top: 10px;
    right: 50px;
    display: block;
    position: absolute;
    width: 10%;
    height: 50px;
    background: url(/assets/img/right-arr.png) no-repeat right top;
    background-size: contain;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(125deg);
  }
  .pagemonitor .mod-screenshots {
    margin-top: -28px;
    padding: 0;
  }
  .pagemonitor .mod-screenshots h2,
  .pagemonitor .mod-screenshots h3 {
    display: none;
  }
  .pagemonitor .mod-screenshots .col-left .video-box {
    margin-top: 79px;
  }
  .pagemonitor .mod-screenshots .col-right .video-box {
    margin-top: 96px;
  }
  .pagemonitor .note {
    margin-bottom: 35px;
    padding: 0 5%;
  }
  .pagemonitor .learnmore-button {
    position: relative;
    margin: 20px 0 0;
    text-align: center;
  }
  .pagemonitor .learnmore-button a {
    position: relative;
    font-size: 1em;
    z-index: 6;
  }
  .pagemonitor .whatisit {
    float: right;
    width: 45%;
  }
  .pagemonitor .mod-credits {
    width: 51%;
    text-align: left;
    margin: 0;
  }
  .pagemonitor .mod-screenshots .col-left {
    width: 50%;
    margin-bottom: 60px;
  }
  .pagemonitor .mod-screenshots .col-left img {
    width: 500px;
    margin-left: -136px;
  }
  .pagemonitor .mod-screenshots .col-left .video-box {
    width: 380px;
    margin-top: 67px;
    margin-left: -79px;
  }
  .pagemonitor .mod-screenshots .col-left .video-box video {
    width: 412px;
  }
  .pagemonitor .mod-screenshots .col-right {
    width: 50%;
  }
  .pagemonitor .mod-screenshots .col-right img {
    width: 140px;
  }
  .pagemonitor .mod-screenshots .col-right .video-box {
    width: 124px;
    margin-top: 80px;
  }
  .pagemonitor .mod-screenshots .col-right .video-box video {
    width: 390px;
  }
  .pagemonitor .credits {
    position: relative;
    top: -25px;
    text-align: center;
    font-size: 0.6em;
  }
  @keyframes yellow_arr {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0.1;
    }
    100% {
      opacity: 1;
    }
  }
  .welcome-pagemonitor .mod-claim,
  .chrome-app .mod-claim {
    margin-bottom: 20px;
  }
  .welcome-pagemonitor .mod-claim h2,
  .chrome-app .mod-claim h2 {
    font-size: 1.8em;
  }
  .welcome-pagemonitor .mod-claim h3,
  .chrome-app .mod-claim h3 {
    color: #d4e4f5;
    font-size: 1.3em;
    font-weight: 300;
  }
  .welcome-pagemonitor .mod-claim em,
  .chrome-app .mod-claim em {
    font-weight: 300;
    text-decoration: underline;
  }
  .welcome-pagemonitor .mod-claim .button,
  .chrome-app .mod-claim .button {
    margin: 50px 0;
    font-size: 1.8em;
    padding: 8px 55px !important;
  }
  .welcome-pagemonitor .top-hint,
  .chrome-app .top-hint {
    margin: -70px 0 60px 0;
    text-align: center;
  }
  .welcome-pagemonitor .top-hint span,
  .chrome-app .top-hint span {
    display: block;
    font-size: 1.4em;
  }
  .welcome-pagemonitor .hint-left .top-hint,
  .chrome-app .hint-left .top-hint {
    position: relative;
    margin-top: -70px;
    margin-right: -120px;
  }
  .welcome-pagemonitor .hint-left .top-hint:after,
  .chrome-app .hint-left .top-hint:after {
    content: "";
    top: 50px;
    right: -20px;
    display: block;
    position: absolute;
    width: 27%;
    height: 50px;
    background: url(/assets/img/left-arr.png) no-repeat right top;
    background-size: contain;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .welcome-pagemonitor .server-tab .hint-left:after,
  .welcome-pagemonitor .server-tab .hint-right:after,
  .chrome-app .server-tab .hint-left:after,
  .chrome-app .server-tab .hint-right:after {
    display: none !important;
  }
  .welcome-pagemonitor .hint-right .top-hint,
  .chrome-app .hint-right .top-hint {
    position: relative;
    margin-top: -70px;
    margin-left: -120px;
  }
  .welcome-pagemonitor .hint-right .top-hint:after,
  .chrome-app .hint-right .top-hint:after {
    content: "";
    top: 50px;
    left: -20px;
    display: block;
    position: absolute;
    width: 27%;
    height: 50px;
    background: url(/assets/img/right-arr.png) no-repeat right top;
    background-size: contain;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .welcome-pagemonitor .yellow-arr,
  .chrome-app .yellow-arr {
    position: absolute;
    bottom: 45px;
    left: 5px;
    width: 205px;
    background-color: yellow;
    color: #888;
    padding: 20px 0 20px 30px;
    -webkit-box-shadow: 0px 0px 43px 0px #ffea00;
    -moz-box-shadow: 0px 0px 43px 0px #ffea00;
    box-shadow: 0px 0px 43px 0px #ffea00;
    animation-duration: 2000ms;
    animation-name: yellow_arr;
    animation-iteration-count: infinite;
  }
  .welcome-pagemonitor .yellow-arr p,
  .chrome-app .yellow-arr p {
    position: relative;
    margin: 0;
    z-index: 3;
    font-weight: 300;
    font-size: 1.2em;
    text-align: left;
  }
  .welcome-pagemonitor .yellow-arr em,
  .chrome-app .yellow-arr em {
    text-decoration: underline;
  }
  .welcome-pagemonitor .yellow-arr:before,
  .chrome-app .yellow-arr:before {
    display: block;
    content: "";
    position: absolute;
    top: -41px;
    right: -52px;
    border-top: 100px solid transparent;
    border-bottom: 100px solid transparent;
    border-left: 88px solid yellow;
  }
  .welcome-pagemonitor .jobs-tab .hint-left,
  .welcome-pagemonitor .settings-tab .hint-left,
  .chrome-app .jobs-tab .hint-left,
  .chrome-app .settings-tab .hint-left {
    margin-top: 240px;
  }
  .welcome-pagemonitor .jobs-tab .hint-left:after,
  .welcome-pagemonitor .settings-tab .hint-left:after,
  .chrome-app .jobs-tab .hint-left:after,
  .chrome-app .settings-tab .hint-left:after {
    top: -60px !important;
    right: -30% !important;
    -ms-transform: rotate(-20deg) !important;
    -webkit-transform: rotate(-20deg) !important;
    transform: rotate(-20deg) !important;
  }
  .welcome-pagemonitor .jobs-tab .hint-left.jobs-desc,
  .welcome-pagemonitor .settings-tab .hint-left.jobs-desc,
  .chrome-app .jobs-tab .hint-left.jobs-desc,
  .chrome-app .settings-tab .hint-left.jobs-desc {
    margin-top: 305px;
  }
  .welcome-pagemonitor .jobs-tab .hint-left.jobs-desc:after,
  .welcome-pagemonitor .settings-tab .hint-left.jobs-desc:after,
  .chrome-app .jobs-tab .hint-left.jobs-desc:after,
  .chrome-app .settings-tab .hint-left.jobs-desc:after {
    top: auto !important;
    bottom: -25px;
    background: url(/assets/img/right-arr.png) no-repeat left top !important;
    background-size: contain !important;
    -ms-transform: rotate(-165deg) !important;
    -webkit-transform: rotate(-165deg) !important;
    transform: rotate(-165deg) !important;
  }
  .welcome-pagemonitor .jobs-tab .hint-right,
  .welcome-pagemonitor .settings-tab .hint-right,
  .chrome-app .jobs-tab .hint-right,
  .chrome-app .settings-tab .hint-right {
    margin-top: 240px;
  }
  .welcome-pagemonitor .jobs-tab .hint-right:after,
  .welcome-pagemonitor .settings-tab .hint-right:after,
  .chrome-app .jobs-tab .hint-right:after,
  .chrome-app .settings-tab .hint-right:after {
    top: -60px !important;
    -ms-transform: rotate(20deg) !important;
    -webkit-transform: rotate(20deg) !important;
    transform: rotate(20deg) !important;
  }
  .welcome-pagemonitor .faq,
  .chrome-app .faq {
    position: relative;
    margin: 0 auto 100px auto;
    color: #777;
  }
  .welcome-pagemonitor .faq .mod-faq,
  .chrome-app .faq .mod-faq {
    max-width: 665px;
    padding: 25px 20px 20px;
  }
  .welcome-pagemonitor .faq h2 span,
  .chrome-app .faq h2 span {
    font-weight: bold;
  }
  .welcome-pagemonitor .faq h3,
  .chrome-app .faq h3 {
    font-size: 20px;
  }
  .welcome-pagemonitor .faq p,
  .chrome-app .faq p {
    margin-bottom: 2em;
  }
  .welcome-pagemonitor .faq a,
  .chrome-app .faq a {
    color: blue;
    text-decoration: none;
  }
  .tooltipster-base .tooltipster-box {
    border: none !important;
    background-color: #014C7D;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.3);
  }
  .tooltipster-base .tooltipster-arrow {
    top: auto;
    z-index: 99;
  }
  .tooltipster-base.tooltipster-top .tooltipster-arrow-background {
    top: 0;
    border-top-color: #014C7D;
  }
  .tooltipster-base.tooltipster-bottom .tooltipster-arrow-background {
    top: 0;
    border-bottom-color: #014C7D;
  }
}
@media screen and (max-width: 726px) {
  .footer .unit,
  .head .unit {
    float: none;
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .footer {
    padding: 50px 20px;
  }
}
@media (min-width: 1280px) {
  .page {
    margin: 0 auto;
  }
  .footer .inner {
    max-width: 1280px;
    margin: 0 auto;
  }
}
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
@media all {
  .mod-about {
    margin-top: 50px;
  }
  .mod-about h1 {
    color: #fff;
    padding: 0;
    margin-bottom: 10px;
  }
  .mod-about h2 {
    margin-bottom: 30px;
    color: #fff;
    font-size: 2em;
    font-weight: 300;
    text-align: center;
  }
  .mod-about .heading {
    width: 70%;
    max-width: 800px;
    margin: 0 auto;
    color: #fff;
  }
  .mod-about .heading h2 {
    margin-bottom: 60px;
    color: #d4e4f5;
  }
  .mod-about .heading p {
    font-size: 1.2em;
    font-weight: 100;
  }
  .mod-about .team {
    width: 80%;
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
  }
  .mod-about .team li {
    width: 33%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px;
  }
  .mod-about .team .pic {
    background-color: #ffc000;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    overflow: hidden;
    width: 130px;
    height: 130px;
    margin: 0 auto;
  }
  .mod-about .team .pic img {
    width: 95%;
    margin-top: 19px;
  }
  .mod-about .team .pic.you img {
    margin-top: 13px;
  }
  .mod-about .team .title {
    margin-top: 15px;
  }
  .mod-about .team .title >div {
    padding: 10px 12px;
    color: #d4e4f5;
  }
  .mod-about .team h1 {
    margin-bottom: 50px;
  }
  .mod-about .team h2 {
    font-size: 1.4em;
    margin-bottom: 0;
  }
  .mod-about .team h3 {
    font-size: 1.1em;
    font-weight: 300;
    color: #fff;
  }
  .bottom-links {
    width: 80%;
    max-width: 900px;
    margin: 60px auto 30px;
    text-align: center;
    font-size: 1.1em;
  }
  .bottom-links a {
    margin: 10px 70px;
    color: #d4e4f5;
  }
  .bottom-links a:hover {
    color: #fff;
  }
  .mod-numbers {
    display: block;
    margin: 80px 0;
    padding: 40px 55px;
    background-color: rgba(0,46,87,0.2);
  }
  .mod-numbers .metrics {
    margin: 0 auto;
    width: 70%;
    max-width: 800px;
    display: block;
  }
  .mod-numbers .metrics ul {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  .mod-numbers .metrics li {
    display: table-cell;
    text-align: center;
    border: 1px black;
  }
  .mod-numbers .metrics span {
    display: block;
  }
  .mod-numbers .metrics span.metric {
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 2em;
    color: #fff;
    font-weight: bold;
    margin-bottom: 5px;
  }
  .mod-numbers .metrics span.name {
    font-family: "Proxima Nova Semibold", 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 18px;
    letter-spacing: .05em;
    color: #d4e4f5;
    margin-top: 10px;
  }
}
.mod-account-delete {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 20px;
  background-color: #ffffff;
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
  width: 350px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
  color: #383838;
}
.mod-account-delete .msg-error {
  display: none;
  padding-bottom: 15px;
  text-align: center;
  color: red;
}
.mod-account-delete .fld {
  display: block;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  padding: 12px 14px;
  margin-bottom: 15px;
  color: #555;
  vertical-align: middle;
  border-radius: 3px;
  max-width: 100%;
  font-size: 18px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.mod-account-delete .fld:focus {
  outline: none;
}
.mod-account-delete .title {
  font-size: 12px;
  font-color: #1e2b32;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 20px;
  font-weight: bold;
}
.mod-account-delete .reset {
  text-align: center;
  padding-top: 15px;
}
.mod-account-delete .reset label {
  display: inline-block;
  margin-bottom: 5px;
  cursor: pointer;
}
.mod-account-delete .reset a {
  font-size: 12px;
  color: #696f77;
  font-color: #1e2b32;
  font-weight: 400;
  text-shadow: 0 1px 0 rgba(255,255,255,0.5);
  text-decoration: none;
}
.mod-account-delete .reset a:hover {
  text-decoration: underline;
}
.mod-account-delete .reset a:hover {
  color: #222;
}
.mod-account-delete .btn {
  display: inline-block;
  padding: 20px 65px;
  text-decoration: none;
  text-align: center;
  font-size: 1.3em;
  font-weight: 400;
  border: none;
  background-color: #d62a08;
  color: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.mod-account-delete .btn:hover {
  background-color: #be2405;
  text-decoration: none;
}
.mod-account-delete .btn:active {
  background-color: #d62a08;
}
.btn-account-delete {
  width: 100%;
}
.mod-account-settings {
  float: right;
  margin-right: 100px;
}
.mod-account-settings .avatar {
  color: #555;
  font-size: 16px;
  border: 1px solid #555;
  padding: 3px 8px;
  border-radius: 4px; 
}
.mod-account-settings .avatar:hover {
  cursor: pointer;
}

.mod-account-settings .account-nav-sub {
  position: absolute;
  background: #ffffff;
  border: 1px solid #ccc;
  min-width: 250px;
  min-height: 118px;
  box-shadow: 0 0 15px rgba(0,0,0,.2);
  border-radius: 3px;
  display: none;
  z-index: 1;
  margin-left: -197px;
  top: 45px;
  right: -22px;
}

.mod-account-settings .account-nav-sub li.item[data-target="referral-credits"] a {
  color: #EA680B;
}
.mod-account-settings .account-nav-sub.enable {
  display: block;
}

.mod-account-settings .account-nav-sub:after, .account-nav-sub:before {
  bottom: 100%;
  left: 85%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.mod-account-settings .account-nav-sub:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 10px;
  margin-left: -10px;
}
.mod-account-settings .account-nav-sub:before {
  border-color: rgba(221, 221, 221, 0);
  border-bottom-color: #ddd;
  border-width: 11px;
  margin-left: -11px;
}
.mod-account-settings .account-nav-sub li {
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
    display: block;
  height: 35px;
  line-height: 25px;
}
.mod-account-settings .account-nav-sub li > h4 {
  font-weight: 400;
  display: block;
  padding: 0px 20px;
  color: #999;
  font-size: 13px;
  text-transform: lowercase;
  white-space: nowrap;
  margin-top: 10px;
  text-align: center;
}
.mod-account-settings .account-nav-sub .item > a {
  display: block;
  padding: 5px 20px;
  color: #444;
  font-size: 14px;
  white-space: nowrap;
  text-decoration: none;
  text-align: left;
}

.mod-account-settings .account-nav-sub .item > a:hover {
  background: rgba(0,0,0,.05);

}
.mod-account-settings .account-nav-sub i  {
  position: absolute;
  right: 15px;
}

/*Modal Account Settings */

.mod-account-settings .modal-account-settings {
  width: 600px;
  height: 410px;
  background: #fcfdff;
  position: fixed;
  top: 15%; left: 0; bottom: 0; right: 0;
  margin: 0 auto;
  z-index: 9999;
  display:none;
  -webkit-box-shadow: 0 0 15px #3B3B3B;
  -moz-box-shadow: 0 0 15px #3B3B3B;
  -o-box-shadow: 0 0 15px #3B3B3B;
  -ms-box-shadow: 0 0 15px #3B3B3B;
  box-shadow: 0 0 15px #3B3B3B;
  border-bottom: 1px solid #e8e8e8;
  font-family: 'Foundry Sterling W01';
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;

  -webkit-top-bottom-left-radius: 4px;
  -webkit-top-bottom-right-radius: 4px;

  -moz-border-top-left-radius: 4px;
  -moz-border-top-right-radius: 4px;

  -o-border-top-left-radius: 4px;
  -o-border-top-right-radius: 4px;

  -ms-border-top-left-radius: 4px;
  -ms-border-top-right-radius: 4px;
}

.mod-account-settings .modal-account-settings.enable {
  display: block;
}
.mod-account-settings .modal-account-settings .modal-header{
  font-size: 25px;
  padding: 5px 10px 0px 30px;
  border-bottom: 1px solid #ccc;
  height: 75px;
  position: top;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #ECF0F4),
    color-stop(0.2, #F5F7F9),
    color-stop(1, #FFFFFF)
  );

  background-image: -o-linear-gradient(top, #ECF0F4 0%, #F5F7F9 20%, #FFFFFF 100%);
  background-image: -moz-linear-gradient(top, #ECF0F4 0%, #F5F7F9 20%, #FFFFFF 100%);
  background-image: -webkit-linear-gradient(top, #ECF0F4 0%, #F5F7F9 20%, #FFFFFF 100%);
  background-image: -ms-linear-gradient(top, #ECF0F4 0%, #F5F7F9 20%, #FFFFFF 100%);
  background-image: linear-gradient(to top, #ECF0F4 0%, #F5F7F9 20%, #FFFFFF 100%);

  border-top-left-radius: 4px;
  border-top-right-radius: 4px;

  -webkit-top-bottom-left-radius: 4px;
  -webkit-top-bottom-right-radius: 4px;

  -moz-border-top-left-radius: 4px;
  -moz-border-top-right-radius: 4px;

  -o-border-top-left-radius: 4px;
  -o-border-top-right-radius: 4px;

  -ms-border-top-left-radius: 4px;
  -ms-border-top-right-radius: 4px;

}
.mod-account-settings .modal-account-settings .modal-header a{
  color: #ccc;
  text-decoration: none;
}
.mod-account-settings .modal-account-settings .modal-header a:hover{
  cursor: pointer;
}
.mod-account-settings .modal-account-settings .modal-header li{
  display: inline-block;
  margin: 13px 23px 0px 0px;
}
.mod-account-settings .modal-account-settings .modal-header .active{
  color: #000;
}

.mod-account-settings .modal-account-settings .modal-header .active i{
  color: #EA680B;
  width: 100%;
  text-align: center;
}

.mod-account-settings .modal-account-settings .modal-header i{
  width: 100%;
  text-align: center;
  font-size: 25px;
  color: #ccc;
  display: block;
  margin-bottom: 2px;
}
.mod-account-settings .modal-account-settings .modal-content{
  height: 290px;
  overflow: hidden;
}

.mod-account-settings .modal-account-settings .modal-content.large{
  height: 330px;
}

.mod-account-settings .modal-account-settings .modal-footer{
border: 1px solid #eee;
border-top: 1px solid #ccc;
background: #f1f4f7;
height: 65px;
position: bottom;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;

-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;

-moz-border-bottom-left-radius: 4px;
-moz-border-bottom-right-radius: 4px;

-o-border-bottom-left-radius: 4px;
-o-border-bottom-right-radius: 4px;

-ms-border-bottom-left-radius: 4px;
-ms-border-bottom-right-radius: 4px;

}

.mod-account-settings .modal-account-settings .modal-footer .btn-close{
position: relative;
top: 20px;
left: 500px;
width: 75px;
height: 30px;
}

.mod-account-settings .modal-account-settings .modal-footer .btn-close:hover{
  background: #5DBAED;
}

.mod-account-settings .modal-icon {
  text-align: center;
  font-size: 14px;
  font-family: 'Foundry Sterling W01';
}

/*Account-Settings Security*/
.mod-account-settings .modal-security {
  font-size: 14px;
  font-family: 'Foundry Sterling W01';
  padding: 30px 0px 0px 40px;
  display: block;
}

.mod-account-settings .modal-security hr{
  background-color: #eee;
  margin: 20px 40px 20px 40px;
  height: 3px;
  border: none;
}

.mod-account-settings .modal-security .title{
  line-height: 18px;
  font-size: 14px;
  margin-bottom: 15px;
  color: #606878;
  font-weight: 400;
}
.mod-account-settings .modal-security .foot-description{
  font-size:  12px;
  color: #888;
}
.mod-account-settings .modal-security .fld-input-description{
  width: 350px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #f8f8f8;
  border-radius: 3px;
  border: 1px solid #dedfe2;
  color: #839393;
  padding: 4px;
  padding-left: 5px;
  margin-bottom: 10px;
  position: relative;
  margin-bottom: 25px;
  height: 20px;
}
.mod-account-settings .modal-security .fld-input-description input{
  display: block;
  background: #f8f8f8;
  border: none;
  margin: 0;
  padding: 0;
  width: 345px;
  height: 20px;
}

.mod-account-settings .modal-security .modal-security--pw-current.error .fld-input-description {
  color: #C72C00;
  background: #fde7e8;
  border: 1px solid #C72C00;
}

.mod-account-settings .modal-security .modal-security--pw-current.error .error-notice {
  display: block;
}

.mod-account-settings .modal-security .modal-security--pw-current.error .fld-input-description input {
  background: #fde7e8;
}
.mod-account-settings .modal-security .fld-input-description input:focus {
  outline: none;
}

.mod-account-settings .modal-security .btn-password-update {
  height: 35px;
  width: 80px;
}

/*Account-Settings General*/
.mod-account-settings .modal-general {
  font-size: 14px;
  font-family: 'Foundry Sterling W01';
  padding: 30px 40px 0px 40px;
  display: block;
}

.mod-account-settings .modal-general hr{
  background-color: #eee;
  margin: 20px 40px 20px 40px;
  height: 3px;
  border: none;
}

.mod-account-settings .modal-general .title {
  line-height: 18px;
  font-size: 14px;
  margin-bottom: 10px;
  color: #606878;
  font-weight: 400;
  text-align: left;
}
.mod-account-settings .modal-general .foot-description{
  font-size:  12px;
  color: #888;
}
.mod-account-settings .modal-general .fld-input-description{
  width: 350px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #f8f8f8;
  border-radius: 3px;
  border: 1px solid #dedfe2;
  color: #839393;
  padding: 4px;
  padding-left: 5px;
  margin-bottom: 10px;
  position: relative;
  margin-bottom: 18px;
}
.mod-account-settings .modal-general .fld-input-description input{
  display: none;
  background: #f8f8f8;
  border: none;
  margin: 0;
  padding: 0;
  width: 345px;
}

.mod-account-settings .modal-general .fld-dropdown.fld-timezone{
  width: 350px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #f8f8f8;
  border: 1px solid #dedfe2;
  color: #839393;
  padding: 4px;
  padding-left: 5px;
  margin-bottom: 10px;
  position: relative;
  margin-bottom: 25px;
}
.mod-account-settings .modal-general .fld-dropdown.fld-timezone .selected > i.fa-chevron-down {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 30px;
  line-height: 26px;
  border-left: 1px solid #DDD;
  text-align: center;
}

.mod-account-settings .modal-general .fld-dropdown.fld-timezone .selected > i.fa-check-circle {
  position: absolute;
  top: -2px;
  right: 35px;
  bottom: 0;
  width: 30px;
  line-height: 32px;
  text-align: center;
  color: #52D017;
  visibility: hidden;
  font-size: 18px;
}

.mod-account-settings .modal-general .fld-dropdown.fld-timezone > ul {
  display: none;
  overflow: auto;
  position: absolute;
  left: -2px;
  top: 100%;
  width: 100%;
  background: #f8f8f8;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #dedfe2;
  max-height: 300px;
}

.mod-account-settings .modal-general .fld-dropdown.fld-timezone ul.open {
  display: block;
}

.mod-account-settings .modal-general .fld-dropdown.fld-timezone ul > li {
  padding-left: 4px;
}

.mod-account-settings .modal-general .fld-dropdown.fld-timezone ul > li:hover {
  background: #499fd8;
}


.mod-account-settings .modal-general .btn-account-delete {
  height: 35px;
  width: 150px;
  background: transparent;
  background: -webkit-linear-gradient(#ee7d7d,#df1010 85%,#e43030);
  background: -moz-linear-gradient(#ee7d7d,#df1010 85%,#e43030);
  background: -ms-linear-gradient(#ee7d7d,#df1010 85%,#e43030);
  background: -o-linear-gradient(#ee7d7d,#df1010 85%,#e43030);
  background: linear-gradient(#ee7d7d,#df1010 85%,#e43030);
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
  -ms-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
  -o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
}
/*Account-Settings EmailSettings */

.mod-account-settings .modal-emailsettings {
  font-size: 14px;
  font-family: 'Foundry Sterling W01';
  padding: 30px 0px 0px 40px;
  display: block;
}

.mod-account-settings .modal-emailsettings .title {
  line-height: 18px;
  font-size: 14px;
  margin-bottom: 10px;
  color: #606878;
  font-weight: 400;
}

.mod-account-settings .modal-emailsettings .fld-input{
  width: 350px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #f8f8f8;
  border-radius: 3px;
  border: 1px solid #dedfe2;
  color: #839393;
  padding: 4px;
  padding-left: 5px;
  margin-bottom: 10px;
  position: relative;
  margin-bottom: 18px;
  display: inline-block;
}
.mod-account-settings .modal-emailsettings .fld-input input:focus {
  outline: none;
}
.mod-account-settings .modal-emailsettings .fld-input input{
  display: none;
  background: #f8f8f8;
  border: none;
  margin: 0;
  padding: 0;
  width: 345px;
}

.mod-account-settings .modal-emailsettings .fld-input.fld-input-passwd input {
  display: block;
}

/*Account-Settings Signup credits*/
.mod-account-settings .modal-referral-credits {
  font-size: 14px;
  font-family: 'Foundry Sterling W01';
  padding: 30px 0px 0px 40px;
  color: #606878;
  display: block;
}

.mod-account-settings .modal-referral-credits p {
  line-height: 1.4em;
  margin-bottom: 1.4em;
}

.mod-account-settings .modal-referral-credits ul {
  margin-bottom: 0.5em;
}

.mod-account-settings .modal-referral-credits hr{
  background-color: #eee;
  margin: 20px 40px 20px 40px;
  height: 3px;
  border: none;
}

.mod-account-settings .modal-referral-credits .fld-input-description{
  width: 350px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #f8f8f8;
  border-radius: 3px;
  border: 1px solid #dedfe2;
  color: #839393;
  padding: 4px;
  padding-left: 5px;
  margin-bottom: 10px;
  position: relative;
  margin-bottom: 1.4em;
  height: 20px;
}

.mod-account-settings .modal-referral-credits .fld-input-description.centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}


.mod-account-settings .modal-referral-credits input{
  display: block;
  background: #f8f8f8;
  border: none;
  margin: 0;
  padding: 0;
  width: 345px;
  height: 20px;
}

.mod-account-settings .modal-referral-credits .title{
  line-height: 18px;
  font-size: 14px;
  margin-bottom: 10px;
  color: #606878;
  font-weight: 400;
}

.mod-account-settings .modal-referral-credits small{
  margin-bottom: 10px;
  display: block;
}
.mod-account-settings .modal-referral-credits table tr td,
.mod-account-settings .modal-referral-credits table tr th {
  padding: 6px 8px;
}
.mod-account-settings .modal-referral-credits table tr th {
  background-color: #dedfe2;
  color: #839393;
}
.mod-account-settings .modal-referral-credits table tr th:first-of-type {
  border-top-left-radius: 4px;
}
.mod-account-settings .modal-referral-credits table tr th:last-of-type {
  border-top-right-radius: 4px;
}
.mod-account-settings .modal-referral-credits table tbody tr:nth-child(odd) {background: #FFFFFF; }
.mod-account-settings .modal-referral-credits table tbody tr:nth-child(even) {background: #F1F1F1; }


.mod-account-settings .modal-referral-credits .share-buttons {
  margin: 20px auto;
}
.mod-account-settings .modal-referral-credits .btn-share-email {
  padding: 6px 8px;
  width: 100px;
  background-color: #26B05D;
  background-image: none;
  margin-left: 90px;
}
.mod-account-settings .modal-referral-credits .btn-share-facebook {
  padding: 6px 8px;
  width: 100px;
  margin: 0 30px;
  background-color: #234F78;
  background-image: none;
}
.mod-account-settings .modal-referral-credits .btn-share-twitter {
  padding: 6px 8px;
  width: 100px;
  background-color: #1172BE;
  background-image: none;
}

/* end settings modals */

.mod-account-settings .delete-account-block {
  float: left;
  width: 30%;
}
.mod-account-settings .unsubscribe-block {
    float: right;
    text-align: right;
    box-sizing: border-box;
    padding-right: 25px;
    color: #555;
}

.mod-account-settings .default-btn {
    width: 140px;
    height: 35px;
    background: #fff;
    border: 1px solid #555;
    margin-right: 8px;
    font-size: 14px;
    color: #555;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
}
.mod-account-settings .default-btn.disabled { opacity: 0.4; cursor: default; }
.mod-account-settings .default-btn:hover { background: #f3f3f3; }

.mod-account-settings .fld-input-member--inline-actions {
  display: inline-block;
  position: absolute;
  right: 10px;
}
.mod-account-settings .fld-input-member--inline-actions:hover {
  cursor: pointer;
}

.mod-account-settings .modal-emailsettings .fld-input .fld-input-member__content[contenteditable="true"] {
  color: #000;
  outline: none;
}

.mod-account-settings .modal-emailsettings .fld-input span,
.mod-account-settings .modal-emailsettings .fld-input .fld-input-member__content {
  padding: 0 10px 0 2px;
  white-space:nowrap;
  display: inline-block;
}

.mod-account-settings .modal-emailsettings .fld-input .fld-input-member__content:focus {
  outline:none;
}

.mod-account-settings .modal-emailsettings .btn-email-add,
.mod-account-settings .modal-emailsettings .btn-save-account-email {
  padding: 6px 8px;
  display: block;
  margin: 10px 0;
}

.mod-account-settings .modal-emailsettings .modal-emailsettings--pw-confirm.state-hidden,
.mod-account-settings .modal-emailsettings .modal-emailsettings--members.state-hidden {
  display: none;
}

.mod-account-settings .modal-emailsettings .modal-emailsettings--pw-confirm.state-error .fld-input {
  border:2px solid red;
}
.mod-account-settings .modal-emailsettings .modal-emailsettings--pw-confirm.state-error .error-notice {
  display: block;
}
.mod-account-settings .modal-emailsettings .modal-emailsettings--account-email.state-error + .error-notice {
  display: block;
}

.mod-account-settings .error-notice
{
    display: none;
    font-size: 12px;
    color: red;
    margin-top: -15px;
    margin-bottom: 15px;
}

.mod-account-settings .modal-emailsettings .fld-input.fld-input-member {
  margin-bottom: 18px;
}
.mod-account-settings .modal-emailsettings .fld-input.fld-input-member.state-error {
  border:1px solid red;
}
.mod-account-settings .modal-emailsettings .fld-input.fld-input-member .fld-input-member__content:empty::before {
  content: attr(data-placeholder);
  display: inline-block;
}
.mod-account-settings .modal-emailsettings .icon-warning {
  color: #606878;
  padding-left: 5px;
}

.mod-account-settings .modal-emailsettings--pw-confirm__pw-reset {
  margin-top: -12px;
}

.mod-account-settings .modal-emailsettings--pw-confirm label {
  color: #999;
  font-size: 12px;
}

.fld-input-member--inline-actions .fa-check-circle {
  color: #52D017;
  visibility: hidden;
  display: inline;
}

.mod-account-settings .summary{
  margin: 0px 0px 45px 0;
  line-height: 10px;
  display: inline-block;
}
.mod-account-settings .summary .input-email-summary{
  font-weight: 300;
  text-transform: none;
  font-size:  14px;
  color: #75757a;
}

.mod-account-unsubscribe-promotions {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 20px;
  background-color: #ffffff;
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
  width: 350px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
  color: #8a949e;
}
.mod-account-unsubscribe-promotions .msg-error {
  display: none;
  padding-bottom: 15px;
  text-align: center;
  color: red;
}
.mod-account-unsubscribe-promotions .title {
  font-size: 12px;
  font-color: #1e2b32;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 20px;
  font-weight: bold;
}
.mod-account-unsubscribe-promotions .fld {
  display: block;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  padding: 12px 14px;
  margin-bottom: 15px;
  color: #555;
  vertical-align: middle;
  border-radius: 3px;
  max-width: 100%;
  font-size: 18px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.mod-account-unsubscribe-promotions .fld:focus {
  outline: none;
}
.mod-account-unsubscribe-promotions a {
  font-size: 12px;
  color: #696f77;
  font-color: #1e2b32;
  font-weight: 400;
  text-shadow: 0 1px 0 rgba(255,255,255,0.5);
  text-decoration: none;
}
.mod-account-unsubscribe-promotions a:hover {
  text-decoration: underline;
  color: #222;
}
.mod-account-unsubscribe-promotions .btn {
  display: inline-block;
  padding: 20px;
  text-decoration: none;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  border: none;
  background-color: #d62a08;
  color: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.mod-account-unsubscribe-promotions .btn:hover {
  background-color: #be2405;
  text-decoration: none;
  color: white;
}
.mod-account-unsubscribe-promotions .btn:active {
  background-color: #d62a08;
}
.mod-account-unsubscribe-promotions .btn-account-unsubscribe-promotions {
  width: 100%;
}
.mod-admin-credits {
  float: left;
  margin-right: 18px;
  margin-left: 25px;
}
.mod-admin-credits .logo {
  position: absolute;
  top: 25px;
  left: 25px;
}
.mod-admin-credits .fa-circle {
  color: #f9cd00;
}
.mod-admin-credits .amount {
  display: inline-block;
  color: #a3650d;
  margin-left: 5px;
  font-weight: bold;
}
.mod-admin-credits a.btn-credits-buy {
  display: inline-block;
  font-weight: 500;
  text-transform: uppercase;
  border-radius: 4px;
  padding: 0 12px;
  line-height: 30px;
  text-decoration: none;
}
.mod-admin-credits a.btn-credits-buy {
  margin-right: 15px;
}
.mod-admin-credits a.btn-credits-buy:hover {
  background: #5DBAED;
}
.mod-admin-credits a.btn-credits-buy:active {
  background: #1a598b;
}
.mod-admin-credits credit-information {
  float: left;
}
.mod-admin-credits .subscription-description {
  color: #1a598b;
  text-transform: uppercase;
  font-size: 12px;
  margin-right: 20px;
}
@keyframes flash_credits {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
.mod-admin-credits #buy-credits-nav-menu.has-enough-credits .fa-circle,
.mod-admin-credits #buy-credits-nav-menu.has-enough-credits .amount {
  color: #558235;
}
.mod-admin-credits #buy-credits-nav-menu.not-enough-credits a.btn-credits-buy {
  background: #f9cd00;
}
.mod-admin-credits #buy-credits-nav-menu.not-enough-credits .fa-circle,
.mod-admin-credits #buy-credits-nav-menu.not-enough-credits .amount {
  color: #f9cd00;
}
.mod-admin-credits #buy-credits-nav-menu.notification-sent a.btn-credits-buy {
  background: #FE2500;
}
.mod-admin-credits #buy-credits-nav-menu.notification-sent .fa-circle,
.mod-admin-credits #buy-credits-nav-menu.notification-sent .amount {
  color: #FE2500;
}
.mod-admin-credits #buy-credits-nav-menu.out-of-credits {
  animation-duration: 800ms;
  animation-name: flash_credits;
  animation-iteration-count: infinite;
}
.mod-admin-credits #buy-credits-nav-menu.out-of-credits a.btn-credits-buy {
  background: #FE2500;
}
.mod-admin-credits #buy-credits-nav-menu.out-of-credits .fa-circle,
.mod-admin-credits #buy-credits-nav-menu.out-of-credits .amount {
  color: #FE2500;
}
.mod-admin-credits a.payment-information {
  font-size: 11px;
  color: #555;
}
.modal-box {
  display: none;
  z-index: 20;
  width: 800px;
  background: white;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 5px #000;
  -moz-box-shadow: 0 0 5px #000;
  -o-box-shadow: 0 0 5px #000;
  -ms-box-shadow: 0 0 5px #000;
  box-shadow: 0 0 5px #000;
  border-bottom: 1px solid #e8e8e8;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  padding-bottom: 30px;
}
.modal-box .modal-content {
  color: #000;
}
.modal-box .modal-content .centered {
  text-align: center;
}
.modal-box .modal-content .centered .smaller a {
  color: #000;
}
.modal-box .modal-content .centered .smaller a:hover {
  color: #5DBAED;
}
.modal-box .btn-primary {
  position: relative;
  top: auto;
  right: auto;
  width: auto;
  line-height: 145%;
  text-decoration: none;
  height: auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.modal-box .btn-primary:hover {
  background-color: #5DBAED;
}
.modal-payments .modal-content .explanation {
  font-size: 18px;
  font-weight: bold;
  color: #444;
  margin: 55px 0 0 0;
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  padding: 8px 0;
}
.modal-payments .modal-content a.small {
  font-weight: normal;
  font-size: 12px;
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  color: #666;
  text-decoration: none;
}
.modal-payments .modal-content {
  overflow: hidden;
  margin: 0 auto;
  display: block;
  width: 85%;
}
.modal-payments .modal-content .unit.size1of1 {
  clear: left;
}
.modal-payments .modal-content .unit.size1of1:after {
  content: "";
  display: table;
  clear: both;
}
.modal-payments .modal-content .unit.size1of1 .col-left {
  float: left;
  width: 50%;
}
.modal-payments .modal-content .unit.size1of1 .col-right {
  float: right;
  width: 50%;
}
.modal-payments .modal-content .unit.size1of3 {
  width: 100%;
}
.modal-payments .modal-content .unit.size1of3:after {
  content: "";
  display: table;
  clear: both;
}
.modal-payments .modal-content .unit.size1of3 .col {
  float: left;
  width: 33%;
}
.modal-payments .modal-content .unit.size1of3 .col p {
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  color: #999;
  font-family: 'Foundry Sterling W01';
  font-weight: 300;
}
.modal-payments .modal-content .unit.size1of3 .col p a {
  color: #666;
}
.modal-payments .modal-content .unit.size1of3 .col p a:hover {
  color: #777;
}
.modal-payments .modal-content .unit.size1of3 .col .spacer {
  width: 100%;
  min-height: 40px;
}
.modal-payments #custom-plan-selector {
  margin-top: 16px;
}
.modal-payments #custom-plan-selector ul:after {
  content: "";
  display: table;
  clear: both;
}
.modal-payments #custom-plan-selector ul li {
  box-sizing: border-box;
  border-radius: 8px;
  margin: 8px;
  background-color: #FFFFFF;
  padding: 5px;
}
.modal-payments #custom-plan-selector ul li h4 {
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: purple;
  color: white;
}
.modal-payments #custom-plan-selector ul li .price {
  padding: 8px;
  font-size: 18px;
  font-family: 'Foundry Sterling W01';
  font-weight: 300;
  font-style: Medium;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
}
.modal-payments #custom-plan-selector ul li .checks {
  font-size: 12px;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
}
.modal-payments #custom-plan-selector ul li .interval {
  font-size: 10px;
  padding-bottom: 8px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  min-height: 30px;
}
.modal-payments #custom-plan-selector ul li:hover {
  padding: 0;
  cursor: pointer;
  border: solid rgba(88,176,224,0.5) 5px;
}
.modal-payments #custom-plan-selector ul li.selected {
  background-color: #F7F7F7;
  padding: 0;
  border: solid rgba(88,176,224,0.5) 5px;
  outline: none;
}
.modal-payments #subscription-plan-selector,
.modal-payments #top-up-selector {
  margin-top: 16px;
}
.modal-payments #subscription-plan-selector ul:after,
.modal-payments #top-up-selector ul:after {
  content: "";
  display: table;
  clear: both;
}
.modal-payments #subscription-plan-selector ul.top-ups li,
.modal-payments #top-up-selector ul.top-ups li {
  width: 19%;
}
.modal-payments #subscription-plan-selector ul.top-ups li .price,
.modal-payments #top-up-selector ul.top-ups li .price {
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.modal-payments #subscription-plan-selector ul.top-ups li .checks,
.modal-payments #top-up-selector ul.top-ups li .checks {
  padding-bottom: 8px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
}
.modal-payments #subscription-plan-selector ul li,
.modal-payments #top-up-selector ul li {
  box-sizing: border-box;
  display: inline-block;
  width: 15.6%;
  float: left;
  border-radius: 8px;
  margin: 3px;
  background-color: #FFFFFF;
  padding: 5px;
}
.modal-payments #subscription-plan-selector ul li:hover,
.modal-payments #top-up-selector ul li:hover {
  padding: 0;
  cursor: pointer;
  border: solid rgba(88,176,224,0.5) 5px;
}
.modal-payments #subscription-plan-selector ul li.selected,
.modal-payments #top-up-selector ul li.selected {
  background-color: #F7F7F7;
  padding: 0;
  border: solid rgba(88,176,224,0.5) 5px;
  outline: none;
}
.modal-payments #subscription-plan-selector ul li:first-of-type,
.modal-payments #top-up-selector ul li:first-of-type {
  margin-left: 0;
}
.modal-payments #subscription-plan-selector ul li:last-of-type,
.modal-payments #top-up-selector ul li:last-of-type {
  margin-right: 0;
}
.modal-payments #subscription-plan-selector ul li.starter h4,
.modal-payments #top-up-selector ul li.starter h4 {
  color: #ffffff;
  background-color: #72bd48;
}
.modal-payments #subscription-plan-selector ul li.basic h4,
.modal-payments #top-up-selector ul li.basic h4 {
  color: #ffffff;
  background-color: #fdbf2d;
}
.modal-payments #subscription-plan-selector ul li.pro h4,
.modal-payments #top-up-selector ul li.pro h4 {
  color: #ffffff;
  background-color: #1cacd4;
}
.modal-payments #subscription-plan-selector ul li.intensive h4,
.modal-payments #top-up-selector ul li.intensive h4 {
  color: #ffffff;
  background-color: #3276b4;
}
.modal-payments #subscription-plan-selector ul li.enterprise h4,
.modal-payments #top-up-selector ul li.enterprise h4 {
  color: #ffffff;
  background-color: #fd70a8;
}
.modal-payments #subscription-plan-selector ul li.custom h4,
.modal-payments #top-up-selector ul li.custom h4 {
  color: #ffffff;
  background-color: #c1c1c1;
}
.modal-payments #subscription-plan-selector ul li.top-ups h4,
.modal-payments #top-up-selector ul li.top-ups h4 {
  color: #ffffff;
  background-color: #c1c1c1;
}
.modal-payments #subscription-plan-selector ul li.current_plan,
.modal-payments #top-up-selector ul li.current_plan {
  padding: 0;
  border: solid #ffd700 5px;
}
.modal-payments #subscription-plan-selector ul li.top-ups a.button.pay-per-use,
.modal-payments #top-up-selector ul li.top-ups a.button.pay-per-use {
  color: #000000;
  min-height: 110px;
  background-color: #FFFFFF;
  font-size: 16px;
  border: 1px solid #999;
  border-radius: 4px;
  padding: 6px 8px 4px !important;
  text-decoration: none;
}
.modal-payments #subscription-plan-selector ul li h4,
.modal-payments #top-up-selector ul li h4 {
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.modal-payments #subscription-plan-selector ul li .price,
.modal-payments #top-up-selector ul li .price {
  padding: 8px;
  font-size: 18px;
  font-family: 'Foundry Sterling W01';
  font-weight: 300;
  font-style: Medium;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
}
.modal-payments #subscription-plan-selector ul li .checks,
.modal-payments #top-up-selector ul li .checks {
  font-size: 12px;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
}
.modal-payments #subscription-plan-selector ul li .interval,
.modal-payments #top-up-selector ul li .interval {
  font-size: 10px;
  padding-bottom: 8px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  min-height: 30px;
}
.modal-payments #subscription-plan-selector ul li.top-ups .interval,
.modal-payments #top-up-selector ul li.top-ups .interval {
  min-height: 24px;
}
.modal-payments #subscription-plan-selector ul li.custom .interval,
.modal-payments #top-up-selector ul li.custom .interval {
  min-height: 8px;
}
.modal-payments #top-ups {
  margin-bottom: 16px;
}
.modal-payments #top-ups .on-the-go-btn {
  cursor: pointer;
  border-bottom: 1px dashed;
}
.modal-payments #top-ups .on-the-go-btn.active {
  border: none;
}
.modal-payments #top-ups #top-up-selector {
  display: none;
}
.modal-payments #period-slider-box {
  text-align: center;
  margin-top: 12px;
}
.modal-payments #period-slider-box .slider-bar {
  display: inline-block;
  margin: 0 10px;
  padding: 2px 4px 3px 2px;
  width: 35px;
  height: 15px;
  vertical-align: top;
  border: 1px solid #979797;
  -webkit-boxshadow: none;
  -moz-boxshadow: none;
  box-shadow: none;
}
.modal-payments #period-slider-box .ui-slider .ui-slider-handle {
  width: 16px;
  height: 16px;
  background-color: #979797;
  margin-left: 0;
}
.modal-payments #period-slider-box .slider-label {
  width: auto;
  padding-top: 7px;
  font-family: 'Foundry Sterling W01';
  font-weight: 300;
  color: #979797;
}
.modal-payments #period-slider-box .slider-label:hover {
  cursor: pointer;
}
.modal-payments .modal-content .coupon-codes {
  margin-bottom: 20px;
  text-align: left;
}
.modal-payments .modal-content .coupon-codes p.explanation {
  margin-bottom: 20px;
}
.modal-payments .modal-content .coupon-codes input[type="text"] {
  padding: 4px 6px 3px;
  border: 1px solid #999;
  border-radius: 4px;
  width: 130px;
  height: 26px;
}
.modal-payments .modal-content .coupon-codes .coupon-line {
  margin: 0;
  padding: 4px;
}
.modal-payments .modal-content .coupon-codes a.button {
  color: #555;
  border: 1px solid #555;
  background-color: #FFFFFF;
  font-size: 16px;
  padding: 6px 8px 4px !important;
  margin-left: 4px;
  display: inline-block;
  vertical-align: top;
  border-radius: 4px;
  text-decoration: none;
}
.modal-payments .modal-content .coupon-codes a.button:hover {
  background-color: #f3f3f3;
}
div.coupon-message {
  margin: 4px 16px 16px 4px;
  padding: 8px 8px;
  border: 1px dashed #999;
  border-radius: 4px;
  display: none;
  clear: both;
}
div.coupon-message.display {
  display: block;
  color: #555;
}
div.coupon-message.success {
  display: block;
  color: blue;
}
div.coupon-message.failure {
  display: block;
  color: red;
}
.modal-payments .creditcards-inline {
  width: 100px;
  margin-top: -2px;
  padding: 0 4px;
  vertical-align: middle;
}
.modal-box .modal-content .information {
  font-size: 12px;
  font-weight: bold;
  color: #666;
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  margin: 0 auto;
  display: inline-block;
  width: 40%;
}
.modal-box .modal-footer {
  display: block;
  margin: 0 auto;
  width: 100px;
  padding-top: 22px;
}
.modal-payments .teaser {
  max-width: 47em;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 8px;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  color: #666;
}
.modal-payments .teaser .stripe-logo {
  background-image: url('../assets/img/stripe.png');
  background-size: 70px;
  display: inline-block;
  width: 46px;
  height: 18px;
  background-position: center;
  position: relative;
  bottom: -5px;
}
.modal-payments .teaser p:first-child {
  margin-bottom: 10px;
}
.modal-payments .teaser > h2 {
  font-size: 12px;
  font-weight: normal;
}
.modal-payments .teaser a {
  color: #499fd8;
  text-decoration: none;
}
.modal-box .default-btn {
  width: 100px;
  height: 35px;
  background: #fff;
  border: 1px solid #555;
  font-size: 16px;
  color: #555;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
}
.modal-box .default-btn.disabled {
  opacity: 0.4;
  cursor: default;
}
.modal-box .default-btn:hover {
  background: #f3f3f3;
}
.modal-unsubscribe {
  width: 500px;
  top: 100px;
  padding-top: 30px;
  color: #555;
}
.modal-unsubscribe .btn-modal-cancel {
  display: inline-block;
  position: relative;
  top: auto;
  right: auto;
  line-height: normal;
}
.modal-unsubscribe .default-btn {
  margin: 0 10px;
}
.modal-unsubscribe .modal-footer {
  width: 100%;
}
.modal-payments .pricing {
  margin: 20px auto;
}
.modal-payments .pricing td,
.modal-payments .pricing th {
  text-align: center;
}
.modal-payments .pricing td.radio,
.modal-payments .pricing th.radio {
  padding: 2px 20px;
}
.modal-payments .pricing td label,
.modal-payments .pricing th label {
  display: block;
  padding: 2px 20px;
  cursor: pointer;
}
.modal-payments .pricing tbody tr {
  cursor: pointer;
}
.modal-payments .pricing tbody tr:hover,
.modal-payments .pricing tbody tr:focus,
.modal-payments .pricing tbody tr:target {
  background: #effae3;
}
.modal-payments .pricing tbody tr.active {
  background: #E2F6CD;
}
.modal-payments .payment-methods.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.modal-payments .payment-methods .explanation {
  margin-top: 0;
}
.modal-payments .btn-modal-cancel {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  line-height: 40px;
  text-decoration: none;
  height: 40px;
  font-size: 16px;
  color: #555;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
.modal-payments .btn-modal-cancel:hover {
  background-color: #f3f3f3;
}
.modal-free-plan {
  width: 530px;
  color: #555;
  padding: 60px 40px 30px;
}
.modal-free-plan h2 {
  text-align: center;
  margin-bottom: 20px;
}
.modal-free-plan p {
  text-align: left;
  margin-bottom: 12px;
}
.modal-free-plan a {
  color: #499FD8;
}
.modal-free-plan .btn-modal-cancel {
  padding: 5px 30px;
  font-size: 1.1em;
  color: #fff;
}
.mod-admin-credits .credit-refill-note {
  display: inline-block;
  font-size: 12px;
  background: #f8f8f8;
  border: 1px solid #eee;
  padding: 6px 12px;
  border-radius: 4px;
  vertical-align: top;
}
.mod-admin-credits .credit-refill-note__refill-date {
  font-size: 12px;
  color: #a9a9a9;
  padding-left: 10px;
}
.mod-admin-credits .credit-refill-note--light {
  color: inherit;
  font-weight: bold;
}
.modal-payments .modal-footer {
  width: auto;
}
.modal-payments .btn-unsubscribe {
  width: 190px !important;
}
.mod-admin-job-listing {
  margin: 50px 35px;
  color: #000000;
}
.mod-admin-job-listing h3 {
  font-size: 24px;
  font-weight: 200;
  color: #444;
  margin-bottom: 25px;
  display: block;
}
.mod-admin-job-listing h3
.mod-admin-job-listing .listing {
  margin-bottom: 40px;
}
.mod-admin-job-listing h3.col-master__title-active-jobs {
  display: inline-block;
}
.mod-admin-job-listing .job {
  margin-bottom: 15px;
  border: 1px solid #fff;
}
.mod-admin-job-listing .job-selected {
  background: #499fd8;
  border-radius: 5px;
}
.mod-admin-job-listing .job:active {
  background: #F8F8F8;
  border-radius: 5px;
}
.mod-admin-job-listing .job-selected:active {
  background: #499fd8;
  border-radius: 5px;
}
.mod-admin-job-listing .job:hover .meta a {
  text-decoration: underline;
}
.mod-admin-job-listing .job:hover .btn-detail {
  color: #308FCE;
}
.mod-admin-job-listing .job:hover .image {
  background: #308FCE;
}
.mod-admin-job-listing .image {
  background: #F8F8F8;
  float: left;
  margin-right: 15px;
  border-radius: 5px;
  height: 54px;
  overflow: hidden;
}
.mod-admin-job-listing .job-selected .image {
  background: #308FCE;
}
.mod-admin-job-listing .image img {
  display: block;
  border-radius: 3px;
  margin: 3px;
  max-height: 48px;
}
.mod-admin-job-listing .meta {
  float: left;
  padding-top: 10px;
  max-width: 300px;
}
.mod-admin-job-listing .meta a {
  color: #333;
  text-decoration: none;
}
.mod-admin-job-listing .meta-title {
  color: #333;
  font-size: 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 1.2;
}
.mod-admin-job-listing .job-selected .meta-title a {
  color: #FFF;
  text-decoration: none;
}
.mod-admin-job-listing .job-selected:hover .meta-title a {
  text-decoration: none;
}
.mod-admin-job-listing .meta-description {
  color: #BBB;
  font-size: 12px;
}
.mod-admin-job-listing .job-selected .meta-description {
  color: rgba(255,255,255,0.5);
}
.mod-admin-job-listing .meta-description .fa-circle {
  margin-right: 5px;
}
.mod-admin-job-listing .listing-active .meta-description .fa-circle {
  color: #A5C85E;
  font-size: 8px;
  vertical-align: middle;
}
.mod-admin-job-listing .listing-inactive .meta-description .fa-circle {
  color: #c8635e;
  font-size: 8px;
  vertical-align: middle;
}
.mod-admin-job-listing .col-master {
  float: left;
  width: 50%;
  padding-right: 50px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.mod-admin-job-listing .col-master__scan-now {
  display: block;
  float: right;
  color: #75757a;
  font-size: 12px;
  line-height: 40px;
}
.mod-admin-job-listing .col-master__scan-now a:visited  {
  color: red;
}
.mod-admin-job-listing .col-detail {
  float: left;
  width: 50%;
  position: relative;
  transition: opacity 200ms ease-out;
  -webkit-transition: opacity 200ms ease-out;
  -moz-transition: opacity 200ms ease-out;
  -o-transition: opacity 200ms ease-out;
}
.mod-admin-job-listing .col-detail.loading {
  opacity: 0.3;
}
.mod-admin-job-listing .btn-detail {
  float: right;
  color: #DDD;
  text-decoration: none;
  font-size: 40px;
  padding: 0 20px;
}
.mod-admin-job-listing .btn-detail .trash {
  font-size: 22px;
  display: block;
  line-height: 53px;
}
.mod-admin-job-listing .btn-detail .arrow {
  font-size: 34px;
  line-height: 53px;
  display: block;
}
.mod-admin-job-listing .job-selected .btn-detail {
  color: #FFF;
}
.mod-admin-job-listing .job-selected .btn-detail:focus {
  outline: none;
}
.mod-admin-job-listing .job-selected:hover .btn-detail {
  color: #FFF;
}
.mod-admin-job-listing .section {
  margin-bottom: 25px;
}
.mod-admin-job-listing label {
  font-size: 11px;
  font-weight: normal;
  text-transform: uppercase;
  color: #499FD8;
}
.mod-admin-job-listing table {
  margin-bottom: 35px;
}
.mod-admin-job-listing th {
  font-size: 11px;
  text-transform: uppercase;
  color: #6ea4c8;
}
.mod-admin-job-listing td {
  border-bottom: 1px solid #EEE;
  font-size: 14px;
  color: #555;
  padding: 6px 0;
  vertical-align: top;
}
.mod-admin-job-listing td i {
  line-height: 1;
}
.mod-admin-job-listing tr.triggered td {
  font-weight: normal;
}
.mod-admin-job-listing .col-check-triggered {
  width: 60px;
  text-align: right;
}
.mod-admin-job-listing td.col-check-triggered {
  color: #A5C85E;
}
.mod-admin-job-listing .col-change-date,
.mod-admin-job-listing .col-check-date {
  width: 220px;
}
.mod-admin-job-listing .col-change-date i {
  margin-right: 5px;
  color: #999;
}
.mod-admin-job-listing .col-check-date i {
  margin-right: 5px;
  color: #999;
}
.mod-admin-job-listing .col-change-diff {
  width: 100px;
  position: relative;
}
.mod-admin-job-listing .col-change-diff .overlay-small {
  position: absolute;
  top: 5px;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,0.3);
  color: #FFF;
  text-align: center;
  font-size: 20px;
  line-height: 65px;
  border-radius: 2px;
  opacity: 0;
  transition: opacity 100ms ease-in;
  -webkit-transition: opacity 100ms ease-in;
  -moz-transition: opacity 100ms ease-in;
  -o-transition: opacity 100ms ease-in;
}
.mod-admin-job-listing .col-change-diff:hover .overlay-small {
  opacity: 1;
}
.mod-admin-job-listing .col-change-new .overlay-small {
  position: absolute;
  top: 5px;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,0.3);
  color: #FFF;
  text-align: center;
  font-size: 20px;
  line-height: 65px;
  border-radius: 2px;
  opacity: 0;
  transition: opacity 100ms ease-in;
  -webkit-transition: opacity 100ms ease-in;
  -moz-transition: opacity 100ms ease-in;
  -o-transition: opacity 100ms ease-in;
}
.mod-admin-job-listing .col-change-new:hover .overlay-small {
  opacity: 1;
}
.mod-admin-job-listing .col-change-diff div {
  border-radius: 3px;
  width: 90px;
  height: 60px;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
  background-size: 90px auto;
  background-repeat: no-repeat;
  transition: opacity 100ms ease-in;
  -webkit-transition: opacity 100ms ease-in;
  -moz-transition: opacity 100ms ease-in;
  -o-transition: opacity 100ms ease-in;
}
.mod-admin-job-listing .col-change-percent {
  line-height: 1.5;
}
.mod-admin-job-listing .col-change-percent .box {
  background: #F8F8F8;
  border-radius: 3px;
  width: 180px;
  height: 5px;
  position: relative;
  color: rgba(0,0,0,0.3);
  font-size: 16px;
  text-align: center;
  line-height: 5px;
}
.mod-admin-job-listing .col-change-percent .box-percent {
  background: #A5C85E;
  border-radius: 3px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.mod-admin-job-listing .col-check-percent .pixels {
  color: #999;
}
.mod-admin-job-listing .col-check-percent.state-error span {
  color: red;
}
.mod-admin-job-listing .col-check-percent.state-info span {
  font-weight: inherit;
}
.mod-admin-job-listing .col-change-transition {
  width: 50px;
  text-align: center;
  line-height: 1;
}
.mod-admin-job-listing .col-change-transition i {
  display: block;
  margin-top: 22px;
}
.mod-admin-job-listing .col-change-new {
  width: 90px;
  text-align: left;
  position: relative;
}
.mod-admin-job-listing .col-change-old {
  width: 90px;
}
.mod-admin-job-listing .col-change-new div {
  border-radius: 3px;
  width: 90px;
  height: 60px;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
  background-size: 90px auto;
  background-repeat: no-repeat;
  transition: opacity 100ms ease-in;
  -webkit-transition: opacity 100ms ease-in;
  -moz-transition: opacity 100ms ease-in;
  -o-transition: opacity 100ms ease-in;
}
.mod-admin-job-listing .col-change-old img {
  border-radius: 3px;
}
.mod-admin-job-listing .col-change-percent .pixels {
  color: #999;
  margin-bottom: 5px;
}
.mod-admin-job-listing td img {
  display: block;
}
.mod-admin-job-listing .fld {
  margin-bottom: 10px;
  background: #f8f8f8;
  border-radius: 3px;
  padding: 3px 7px;
  border: 1px solid #eee;
}
.mod-admin-job-listing .fld i {
  color: #999;
  margin-left: 8px;
  font-size: 12px;
}
.mod-admin-job-listing .dropdown-job-interval,
.mod-admin-job-listing .dropdown-job-trigger {
  margin: 5px;
}
.mod-admin-job-listing .btn-feed {
  float: right;
  display: block;
  color: #ff6c00;
  text-decoration: none;
  font-size: 14px;
}
.mod-admin-job-listing .btn-feed i {
  display: inline-block;
  margin-right: 5px;
}
.mod-admin-job-listing .btn-feed:hover {
  color: #d15900;
}
.mod-admin-job-listing .btn-preview {
  position: absolute;
  top: -68px;
  right: 40px;
  float: left;
  height: 126px;
  border-radius: 3px;
}
.mod-admin-job-listing .btn-preview .img {
  display: block;
  border-radius: 3px;
  width: 150px;
  height: 100px;
  background-repeat: no-repeat;
  background-size: 150px auto;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
  transition: opacity 100ms ease-in;
  -webkit-transition: opacity 100ms ease-in;
  -moz-transition: opacity 100ms ease-in;
  -o-transition: opacity 100ms ease-in;
}
.mod-admin-job-listing .btn-preview .overlay {
  position: absolute;
  top: 20px;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,0.3);
  color: #FFF;
  text-align: center;
  font-size: 40px;
  line-height: 100px;
  border-radius: 3px;
  opacity: 0;
  transition: opacity 100ms ease-in;
  -webkit-transition: opacity 100ms ease-in;
  -moz-transition: opacity 100ms ease-in;
  -o-transition: opacity 100ms ease-in;
}
.mod-admin-job-listing .btn-preview:hover .overlay {
  opacity: 1;
}
.mod-admin-job-listing .col-url {
  margin-bottom: 15px;
  height: 52px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mod-admin-job-listing .col-description {
  margin-bottom: 15px;
  height: 70px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mod-admin-job-listing .col-email {
  margin-bottom: 15px;
}
.mod-admin-job-listing .job-controls {
  float: left;
  padding-right: 40px;
}
.mod-admin-job-listing .col-status {
  margin-bottom: 15px;
}
.mod-admin-job-listing .col-notice {
  display: block;
}
.mod-admin-job-listing .col-notice.hide,
.mod-admin-job-listing .col-selection.hide,
.mod-admin-job-listing .col-status.hide,
.mod-admin-job-listing .col-mode.hide {
  display: none;
}
.mod-admin-job-listing .col-notice__description {
  display: block;
  font-size: 13px;
  color: red;
}
.mod-admin-job-listing .col-geoip {
  display: none;
  position: relative;
  padding-right: 0;
  width: 100%;
}
.mod-admin-job-listing .fld-geoip-wrapper {
  float: left;
}
.mod-admin-job-listing .col-settings .btn-advanced-settings,
.mod-admin-job-listing .col-settings .btn-adjust-selection {
  margin-top: 3px;
}
.mod-admin-job-listing .col-geoip .fld-job-geoip {
  padding: 4px;
}
.mod-admin-job-listing .col-geoip .fld-job-geoip span {
  font-size: 14px;
  color: black;
}
.mod-admin-job-listing .col-geoip .fld-job-geoip i {
  color: grey;
  margin-left: 10px;
}
.mod-admin-job-listing .col-geoip .input-job-geoip {
  float: left;
  width: 385px;
  margin-bottom: 0;
  margin-top: 15px;
  margin-left: 38px;
}
.mod-admin-job-listing .col-geoip .input-job-geoip:focus {
  outline: none;
}
.mod-admin-job-listing .col-geoip .input-job-geoip.state-hidden {
  display: none;
}
.ui-autocomplete {
  max-width: 380px;
  max-height: 400px;
  background-color: white;
  font-size: 12px;
  box-shadow: 0 2px 15px rgba(0,0,0,0.1);
  overflow-y: auto;
  font-size: 14px;
  padding: 10px;
  background: #f8f8f8;
  border: 1px solid #eee;
}
.ui-autocomplete a {
  color: black;
  text-decoration: none;
}
.ui-menu-item {
  padding: 3px 0;
}
.ui-menu-item:hover {
  cursor: pointer;
}
.ui-helper-hidden-accessible {
  display: none;
}
.ui-state-highlight {
  text-decoration: underline;
  -webkit-text-decoration-color: #4DA0D6;
  -moz-text-decoration-color: #4DA0D6;
  background-color: rgba(77,160,214,0.2);
  color: #4DA0D6;
  padding: 3px;
}
.mod-admin-job-listing .fld-job-email {
  width: 380px;
}
.mod-admin-job-listing .job-controls .fld-job-status,
.mod-admin-job-listing .job-controls .fld-selection-mode {
  margin-top: 5px;
  width: 115px;
}
.mod-admin-job-listing .col-interval {
  float: left;
  width: 180px;
  margin-right: 27px;
}
.mod-admin-job-listing .col-trigger {
  float: left;
  width: 188px;
}
.mod-admin-job-listing .col-trigger.inactive {
  opacity: 0.45;
}
.mod-admin-job-listing .col-trigger.inactive .fa-pencil:hover {
  color: #999;
  cursor: initial;
}
.mod-admin-job-listing .col-mode {
  float: left;
}
.mod-admin-job-listing .col-mode__notice-new {
  color: red;
  margin-right: 3px;
}
.mod-admin-job-listing .col-trigger .select-dropdown-job-trigger {
  margin-top: 3px;
}
.mod-admin-job-listing .col-trigger .fld-job-trigger {
  margin-top: 3px;
}
.mod-admin-job-listing .col-interval .select-dropdown-job-interval {
  margin-top: 3px;
}
.mod-admin-job-listing .col-interval .fld-job-interval {
  margin-top: 3px;
}
.mod-admin-job-listing .switch-button-label {
  float: left;
  font-size: 10pt;
  cursor: pointer;
}
.mod-admin-job-listing .switch-button-label.off {
  color: #adadad;
}
.mod-admin-job-listing .switch-button-label.on {
  color: #0088CC;
}
.mod-admin-job-listing .switch-button-background {
  float: left;
  position: relative;
  background: #ccc;
  border: 1px solid #aaa;
  margin: 1px 10px;
  margin-top: 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
}
.mod-admin-job-listing .switch-button-button {
  position: absolute;
  left: -1px;
  top: -1px;
  background: #FAFAFA;
  border: 1px solid #aaa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.mod-admin-job-listing .fa .fa-trash-o {
  font-size: 25px;
  color: red;
  margin-top: -25px;
}
.mod-admin-job-listing .fa-pencil:hover {
  cursor: pointer;
  color: black;
}
.mod-admin-job-listing .modal-scannow.state-open {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 600px;
}
.mod-admin-job-listing .modal-scannow.state-open .modal-content {
  padding: 55px 15px 15px 20px;
}
.mod-admin-job-listing .modal-scannow.state-open .modal-content .btn-scannow {
  font-size: 14px;
  padding: 8px;
  margin-top: 0.6em;
}
.mod-admin-job-listing .modal-scannow.state-open .modal-content .btn-scannow.btn-green {
  background-color: #52D017;
  transition: background-color 1s;
}
.mod-admin-job-listing .col-wrapper {
  position: relative;
}
.mod-admin-job-listing .table-wrapper {
  padding-top: 90px;
}
.mod-admin-job-listing .fld-selection-mode__span {
  text-transform: capitalize;
}
.mod-admin-job-listing .col-mode {
  padding-right: 20px;
}
.mod-admin-job-listing .info-btn {
  font-family: serif;
  background: #6597e0;
  display: inline-block;
  margin-left: 5px;
  padding: 0px 5px;
  height: 14px;
  font-size: 12px;
  font-style: italic;
  line-height: 14px;
  text-decoration: none;
  text-transform: none;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
}
.mod-admin-logo {
  float: left;
  width: 240px;
}
@keyframes flash_credits {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes flash_credits {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
.mod-admin-navigation {
  float: left;
  color: #555;
}
.mod-admin-navigation li {
  display: inline-block;
}
.mod-admin-navigation li a {
  color: #555;
  font-size: 18px;
  text-decoration: none;
  padding: 5px 0;
  margin: 0 12px;
  border-bottom: 3px solid #FFF;
}
.mod-admin-navigation li a:hover {
  border-bottom: 3px solid #EEE;
}
.mod-admin-navigation li a:active {
  border-color: #175883;
}
.mod-admin-navigation li.active a {
  border-bottom: 3px solid #308FCE;
}
.mod-admin-navigation .modal-icon.referral-credits {
  font-size: 24px;
  color: #EA680B;
  display: inline-block;
  vertical-align: sub;
  padding: 0;
  animation-duration: 1200ms;
  animation-name: flash_credits;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 1200ms;
  -webkit-animation-name: flash_credits;
  -webkit-animation-iteration-count: infinite;
}
#modal-referral-credits {
  width: 600px;
  height: 410px;
  background: #fcfdff;
  position: fixed;
  top: 15%;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  z-index: 9999;
  display: none;
  -webkit-box-shadow: 0 0 15px #3B3B3B;
  -moz-box-shadow: 0 0 15px #3B3B3B;
  -o-box-shadow: 0 0 15px #3B3B3B;
  -ms-box-shadow: 0 0 15px #3B3B3B;
  box-shadow: 0 0 15px #3B3B3B;
  border-bottom: 1px solid #e8e8e8;
  font-family: 'Foundry Sterling W01';
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-top-bottom-left-radius: 4px;
  -webkit-top-bottom-right-radius: 4px;
  -moz-border-top-left-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -o-border-top-left-radius: 4px;
  -o-border-top-right-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -ms-border-top-right-radius: 4px;
}
#modal-referral-credits .modal-header {
  font-size: 25px;
  padding: 5px 10px;
  border-bottom: 1px solid #ccc;
  height: 75px;
  position: top;
  text-align: center;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#ECF0F4),color-stop(0.2,#F5F7F9),color-stop(1,#FFFFFF));
  background-image: -o-linear-gradient(top,#ECF0F4 0%,#F5F7F9 20%,#FFFFFF 100%);
  background-image: -moz-linear-gradient(top,#ECF0F4 0%,#F5F7F9 20%,#FFFFFF 100%);
  background-image: -webkit-linear-gradient(top,#ECF0F4 0%,#F5F7F9 20%,#FFFFFF 100%);
  background-image: -ms-linear-gradient(top,#ECF0F4 0%,#F5F7F9 20%,#FFFFFF 100%);
  background-image: linear-gradient(to top,#ECF0F4 0%,#F5F7F9 20%,#FFFFFF 100%);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-top-bottom-left-radius: 4px;
  -webkit-top-bottom-right-radius: 4px;
  -moz-border-top-left-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -o-border-top-left-radius: 4px;
  -o-border-top-right-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -ms-border-top-right-radius: 4px;
}
#modal-referral-credits .modal-header i.fa-gift {
  color: #EA680B;
}
#modal-referral-credits .modal-content {
  height: 290px;
  overflow-y: scroll;
  font-size: 14px;
  font-family: 'Foundry Sterling W01';
  padding: 30px 40px 0px;
  color: #606878;
}
#modal-referral-credits .modal-content p {
  line-height: 1.4em;
  margin-bottom: 1.4em;
}
#modal-referral-credits .modal-content ul {
  margin-bottom: 0.5em;
}
#modal-referral-credits .modal-content hr {
  background-color: #eee;
  margin: 20px 40px 20px 40px;
  height: 3px;
  border: none;
}
#modal-referral-credits .modal-content .fld-input-description {
  width: 350px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #f8f8f8;
  border-radius: 3px;
  border: 2px solid #dedfe2;
  color: #839393;
  padding: 4px;
  padding-left: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
  margin-bottom: 1.4em;
  height: 20px;
}
#modal-referral-credits .modal-content .fld-input-description.centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
#modal-referral-credits .modal-content input {
  display: block;
  background: #f8f8f8;
  border: none;
  margin: 0;
  padding: 0;
  width: 345px;
  height: 20px;
}
#modal-referral-credits .modal-content .title {
  line-height: 18px;
  font-size: 14px;
  margin-bottom: 10px;
  color: #606878;
  font-weight: 400;
}
#modal-referral-credits .modal-content small {
  margin-bottom: 10px;
  display: block;
}
#modal-referral-credits .modal-content table tr td,
#modal-referral-credits .modal-content table tr th {
  padding: 2px 8px;
}
#modal-referral-credits .modal-content table tr:nth-child(odd) {
  background: #FFFFFF;
}
#modal-referral-credits .modal-content table tr:nth-child(even) {
  background: #F1F1F1;
}
#modal-referral-credits .modal-content .share-buttons {
  margin: 8px auto;
}
#modal-referral-credits .modal-content .share-buttons button {
  cursor: pointer;
  width: 100px;
  padding: 6px 8px;
  margin: 0 15px;
}
#modal-referral-credits .modal-content .share-buttons button.btn-share-email {
  background-color: #26B05D;
  background-image: none;
  margin-left: 0;
}
#modal-referral-credits .modal-content .share-buttons button.btn-share-facebook {
  background-color: #234F78;
  background-image: none;
}
#modal-referral-credits .modal-content .share-buttons button.btn-share-twitter {
  background-color: #1172BE;
  background-image: none;
}
#modal-referral-credits .modal-content .share-buttons button.btn-no-thanks {
  background: white;
  border: 1px solid #666666;
  color: #666666;
  margin-right: 0;
}
#modal-referral-credits .modal-content .share-buttons a.remind-me-later {
  color: #000000;
  font-size: 12px;
  text-align: right;
  display: block;
  margin-right: 28px;
  margin-top: 4px;
  text-decoration: none;
}
.modal_overlay {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background-color: #38434B;
  opacity: 0.8;
  height: 0;
  transition: all 150ms ease-out;
}

.modal_overlay.state-visible{
  height: auto;
  transition: all 150ms ease-out;
}


.modalSettings {
    width: 100%;
    display: block;
}

.mod-advanced-settings .modal-advanced-settings {
  width: 600px;
  height: 410px;
  background: #fcfdff;
  position: fixed;
  top: 15%; left: 0; bottom: 0; right: 0;
  margin: 0 auto;
  z-index: 1001;
  display:none;
  -webkit-box-shadow: 0 0 15px #3B3B3B;
  -moz-box-shadow: 0 0 15px #3B3B3B;
  -o-box-shadow: 0 0 15px #3B3B3B;
  -ms-box-shadow: 0 0 15px #3B3B3B;
  box-shadow: 0 0 15px #3B3B3B;
  border-bottom: 1px solid #e8e8e8;
  font-family: 'Foundry Sterling W01';
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;

  -webkit-top-bottom-left-radius: 4px;
  -webkit-top-bottom-right-radius: 4px;

  -moz-border-top-left-radius: 4px;
  -moz-border-top-right-radius: 4px;

  -o-border-top-left-radius: 4px;
  -o-border-top-right-radius: 4px;

  -ms-border-top-left-radius: 4px;
  -ms-border-top-right-radius: 4px;
}

.mod-advanced-settings .modal-advanced-settings .modal-header{
  font-size: 25px;
  padding: 5px 10px 0px 30px;
  border-bottom: 1px solid #ccc;
  height: 75px;
  position: top;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #ECF0F4),
    color-stop(0.2, #F5F7F9),
    color-stop(1, #FFFFFF)
  );
  
  background-image: -o-linear-gradient(top, #ECF0F4 0%, #F5F7F9 20%, #FFFFFF 100%);
  background-image: -moz-linear-gradient(top, #ECF0F4 0%, #F5F7F9 20%, #FFFFFF 100%);
  background-image: -webkit-linear-gradient(top, #ECF0F4 0%, #F5F7F9 20%, #FFFFFF 100%);
  background-image: -ms-linear-gradient(top, #ECF0F4 0%, #F5F7F9 20%, #FFFFFF 100%);
  background-image: linear-gradient(to top, #ECF0F4 0%, #F5F7F9 20%, #FFFFFF 100%);

  border-top-left-radius: 4px;
  border-top-right-radius: 4px;

  -webkit-top-bottom-left-radius: 4px;
  -webkit-top-bottom-right-radius: 4px;

  -moz-border-top-left-radius: 4px;
  -moz-border-top-right-radius: 4px;

  -o-border-top-left-radius: 4px;
  -o-border-top-right-radius: 4px;

  -ms-border-top-left-radius: 4px;
  -ms-border-top-right-radius: 4px;

}
.mod-advanced-settings .modal-advanced-settings .modal-header a{
  color: #ccc;
  text-decoration: none;
}
.mod-advanced-settings .modal-advanced-settings .modal-header a:hover{
  cursor: pointer;
}
.mod-advanced-settings .modal-advanced-settings .modal-header li{
  display: inline-block;
  margin: 7px 18px 0px 0px;
}
.mod-advanced-settings .modal-advanced-settings .modal-header .active{
  color: #000;
}

.mod-advanced-settings .modal-advanced-settings .modal-header .active i{
  color: #EA680B;
  width: 100%;
  text-align: center;
}

.mod-advanced-settings .modal-advanced-settings .modal-header i{
  width: 100%;
  text-align: center;
  font-size: 25px;
  color: #ccc;
  display: block;
  margin-bottom: 2px;
}
.mod-advanced-settings .modal-advanced-settings .modal-content{
  height: 265px;
}

.mod-advanced-settings .modal-advanced-settings .modal-content.medium{
  height: 300px;
}

.mod-advanced-settings .modal-advanced-settings .modal-content.large{
  height: 330px;
}

.mod-advanced-settings .modal-advanced-settings .modal-footer{
  position: relative;
  border: 1px solid #eee;
  border-top: 1px solid #ccc;
  background: #f1f4f7;
  height: 65px;
  position: bottom;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;

  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;

  -moz-border-bottom-left-radius: 4px;
  -moz-border-bottom-right-radius: 4px;

  -o-border-bottom-left-radius: 4px;
  -o-border-bottom-right-radius: 4px;

  -ms-border-bottom-left-radius: 4px;
  -ms-border-bottom-right-radius: 4px;

}
.mod-advanced-settings .modal-advanced-settings .modal-footer .btn-close {
  position: absolute;
  top: 15px;
  right: 25px;
  width: 75px;
  height: 30px;
}
.mod-advanced-settings .modal-advanced-settings .modal-footer .btn-screenshot-preview {
  position: absolute;
  top: 15px;
  left: 25px;
  width: 75px;
  height: 30px;
}
.mod-advanced-settings .modal-advanced-settings .modal-footer .btn-adblocker-selector {
  position: absolute;
  top: 15px;
  left: 125px;
  width: 75px;
  height: 30px;
}
.mod-advanced-settings .modal-advanced-settings .modal-footer .btn-close:hover, 
.mod-advanced-settings .modal-advanced-settings .modal-footer .btn-screenshot-preview:hover{
  background: #5DBAED;
}
.mod-advanced-settings .modal-advanced-settings .modal-footer .btn-screenshot-preview.state-hidden {
  display: none;
}

.mod-advanced-settings .modal-icon {
  text-align: center;
  font-size: 14px;
  font-family: 'Foundry Sterling W01';
}

.mod-advanced-settings[data-mode='WEB'] .modal-icon.adblocker,
.mod-advanced-settings[data-mode='WEB'] .modal-icon.preactions,
.mod-advanced-settings[data-mode='WEB'] .modal-icon.falsealarms {
  display: none;
}


/*Module Description */
/*------------------------------------------------------*/

.mod-advanced-settings .modal-description {
  font-size: 14px;
  font-family: 'Foundry Sterling W01';
  padding: 30px 40px 0px 40px;
  display: none;
}

.mod-advanced-settings .modal-description hr{
  background-color: #eee;
  margin: 20px 40px 20px 40px;
  height: 3px;
  border: none;
}

.mod-advanced-settings .modal-description .foot-description {
  font-size:  12px;
  color: #888;
}
.mod-advanced-settings .modal-description .fa-check-circle {
  color: #52D017;
  visibility: hidden;
  font-size: 18px;
  position: absolute;
  top: 2px;
  right: 10px;
}
.mod-advanced-settings .modal-description .fld-input-description{
  width: 350px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #f8f8f8;
  border-radius: 3px;
  border: 1px solid #dedfe2;
  color: #839393;
  padding: 4px;
  padding-left: 5px;
  margin-bottom: 10px;
  position: relative;
}

.mod-advanced-settings .modal-description .fld-input-description .fa-pencil{
  position: absolute;
  top:5px;
  right: 10px;
}
.mod-advanced-settings .modal-description .fld-input-description input{
  display: none;
  background: #f8f8f8;
  border: none;
  margin: 0;
  padding: 0;
  width: 345px;
}

.mod-advanced-settings .modal-description .fld-input-description input:focus {
  outline: none;
}

/*Module Schedule */
/*------------------------------------------------------*/

.mod-advanced-settings .modal-schedule {
  display: none;
  font-size: 13px;
  font-family: 'Foundry Sterling W01';
  padding: 30px 40px 0px 40px;
  display: none;
  overflow: hidden;
}

.mod-advanced-settings .modal-schedule .foot-description{
  font-size:  12px;
  color: #888;
}

.mod-advanced-settings .modal-schedule .fld-schedule-start,
.mod-advanced-settings .modal-schedule .fld-schedule-end {
  width: 170px;
  height: 21px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #f8f8f8;
  border-radius: 3px;
  border: 1px solid #dedfe2;
  color: #839393;
  padding: 3px;
  margin:10px 45px 10px 0;
  padding-left: 5px;
  float: left;
  position: relative;
  line-height: 21px;
}

.mod-advanced-settings .modal-schedule .fld-schedule-start .fa-pencil,
.mod-advanced-settings .modal-schedule .fld-schedule-end .fa-pencil{
  position: absolute;
  right: 10px;
  top: 3px;
}

.mod-advanced-settings .modal-schedule .fld-schedule-start.active,
.mod-advanced-settings .modal-schedule .fld-schedule-end.active {
  color: #000;
}
.mod-advanced-settings .modal-schedule .fld-schedule-start.active > .fa-pencil,
.mod-advanced-settings .modal-schedule .fld-schedule-end.active > .fa-pencil {
  display: none !important;
}

.mod-advanced-settings .modal-schedule .fa-check-circle {
  color: #52D017;
  visibility: hidden;
  font-size: 16px;
  position: absolute;
  right: 10px;
  top: 3px;
}

.mod-advanced-settings .modal-schedule .selection-weekdays{
  margin-top: 10px;
  overflow: auto;
  float: left;
  width: 450px;
  height: 30px;
}
.mod-advanced-settings .modal-schedule .selection-weekdays button{
  margin-right: 7px;
  font-size: 12px;
  color: #373737;
  width: 50px;
  height: 25px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #dedfe2;  
  background: #f8f8f8;
}

.mod-advanced-settings .modal-schedule .selection-weekdays .btn-weekday:focus {
  outline: none;
}

.mod-advanced-settings .modal-schedule .selection-weekdays .btn-weekday:hover {
  cursor: pointer;
}

.mod-advanced-settings .modal-schedule .selection-weekdays .active{
  background-color: #499fd8;
  color: white;
  border: 1px solid #28618B;
}
.mod-advanced-settings .modal-schedule .schedule-info{
  overflow: auto;
  float: left;
  font-size:  12px;
  color: #888;
  margin-top:25px;
}



/*Module Webhooks */
/*------------------------------------------------------*/
.mod-advanced-settings .modal-notification {
  display: none;
  font-size: 13px;
  font-family: 'Foundry Sterling W01';
  padding: 30px 40px 0px 40px;
  display: none;
  overflow: hidden;
}

.mod-advanced-settings .modal-notification .services{
  margin: 0 auto;
  width: 400px;
  text-align: center;
}
.mod-advanced-settings .modal-notification .services a{
  cursor: pointer;
  color: #000;
  text-decoration: none;
}
.mod-advanced-settings .modal-notification .services li{
  display: inline-block;
  text-align: center;
  background-repeat: no-repeat;
  background-size: 45px 45px;
  width: 50px;
  height: 50px;
  margin: 30px 45px 0px 0px;
  padding-top: 50px;
}

.mod-advanced-settings .modal-notification .hipchat{
  background-image: url('../assets/img/icon-hipchat.png');
}
.mod-advanced-settings .modal-notification .slack{
  background-image: url('../assets/img/icon-slack.png');
}
.mod-advanced-settings .modal-notification .webhook{
  background-image: url('../assets/img/icon-webhook.png');
}
.mod-advanced-settings .modal-notification .flowdock{
  background-image: url('../assets/img/icon-flowdock.png');
}
 .mod-advanced-settings .modal-notification .foot-description{
  font-size:  12px;
  color: #888;
  margin-top: 10px;
}
.mod-advanced-settings .modal-notification .input-notification-list {
   margin: 15px 0px 0px 0px;
}
.mod-advanced-settings .modal-notification .input-notification-list label{
  font-family: 'Arial';
  text-transform: none;
  font-size:  12px;
  color: #75757a;
}

.mod-advanced-settings .modal-notification .service-description{
  font-size:  14px;
  color: #000;
  margin: 20px 0px 0px 0px ;
}
.mod-advanced-settings .modal-notification .label-description{
  font-size:  12px;
  color: #000;
  margin: 10px 0 0 0;
}

.mod-advanced-settings .modal-notification .label-description a{
  color: #8889c3;
  text-decoration: none;
  cursor: pointer;
}
.mod-advanced-settings .modal-notification .fld-input-url {
  width: 500px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #f8f8f8;
  border-radius: 3px;
  border: 1px solid #dedfe2;
  color: #839393;
  padding: 4px;
  padding-left: 5px;
  margin: 5px 0px 0px 0px;
  overflow: hidden;
  display: block;
}

.mod-advanced-settings .modal-notification .fld-input-url:focus {
  outline: none;
}
.mod-advanced-settings .modal-notification .fld-input-token{
  width: 500px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  //background: #edecee;
  background: #f8f8f8;
  border-radius: 3px;
  border: 1px solid #dedfe2;
  color: #839393;
  padding: 4px;
  padding-left: 5px;
  margin: 5px 0px 0px 0px;
  overflow: hidden;
  display: block;
}

.mod-advanced-settings .modal-notification .fld-input-url input{
  display: none;
  //background: #edecee;
  background: #f8f8f8;
  border: none;
  margin: 0;
  padding: 0;
  width: 98%;
}
.mod-advanced-settings .modal-notification .fa-check-circle{
  visibility: hidden;
  color: #52D017;
  font-size: 18px;
  top: 235px;
  position: absolute;
  right: 60px;
}
.mod-advanced-settings .modal-notification .fa-check-circle.largeModal{
  top: 320px;
}

.mod-advanced-settings .modal-notification .fa-times-circle{
  visibility: hidden;
  color: red;
  font-size: 18px;
  top: 235px;
  position: absolute;
  right: 60px;
}
.mod-advanced-settings .modal-notification .fa-times-circle.largeModal{
  top: 320px;
}
.mod-advanced-settings .modal-notification .btn-save-notification{
  font-size: 12px;
  color: #dadadd;
  width: 100px;
  height: 30px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #dedfe2;  
  //background: #edecee;
  background: #f8f8f8;
  margin: 20px 15px 0 0;
}
.mod-advanced-settings .modal-notification .btn-save-notification.enabled{
  background-color: #58b0e0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(88, 176, 224)), to(rgb(73, 152, 195)));
  background-image: -webkit-linear-gradient(top, rgb(88, 176, 224), rgb(73, 152, 195));
  background-image: -moz-linear-gradient(top, rgb(88, 176, 224), rgb(73, 152, 195));
  background-image: -o-linear-gradient(top, rgb(88, 176, 224), rgb(73, 152, 195));
  background-image: -ms-linear-gradient(top, rgb(88, 176, 224), rgb(73, 152, 195));
  background-image: linear-gradient(top, rgb(88, 176, 224), rgb(73, 152, 195));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#58b0e0', EndColorStr='#4998c3');
  border: none; 
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
}

.mod-advanced-settings .modal-notification .btn-save-notification.enabled:focus {
  outline:none;
}

.mod-advanced-settings .modal-notification .btn-test-notification{
  font-size: 12px;
  color: #dadadd;
  width: 100px;
  height: 30px;
  border: none;
  background: transparent;
  text-decoration: underline;
  margin: 20px 0 0 0;
}
.mod-advanced-settings .modal-notification .btn-test-notification.enabled{
  color: #75757a;
}

/*Module Selection */
/*------------------------------------------------------*/
.mod-advanced-settings .modal-selection {
  font-size: 14px;
  font-family: 'Foundry Sterling W01';
  padding: 30px 40px 0px 40px;
  display: none;
}

.mod-advanced-settings .modal-selection .btn-selection {
  display: block;
  margin: 20px 0px 20px 0px;
}
.mod-advanced-settings .modal-selection .btn-selection i {
  margin-right: 15px;
  font-size: 14px;
  
}
.mod-advanced-settings .modal-selection .img-preview-modal-outer, .img-preview-modal-outer {
  display: none;
  width: 665px;
  min-height: 425px;
  border: 1px solid #3d3d3d;
  background-color: white;
  margin: 0 auto;
  position: absolute;
  top: 25px; left: 0; bottom: 0; right: 0;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 15px #3B3B3B;
  -moz-box-shadow: 0 0 15px #3B3B3B;
  -o-box-shadow: 0 0 15px #3B3B3B;
  -ms-box-shadow: 0 0 15px #3B3B3B;
  box-shadow: 0 0 15px #3B3B3B;
  z-index: 1050;
}

.img-preview-outer .img-preview-modal, .img-preview-modal {
  margin: 0 auto;
  margin-top: 20px;
  width: 627px;
  min-height: 300px;
  border: 1px solid #ccc;
  background-color: #3d3d3d;
  background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgb(44, 44, 44)), to(rgb(61, 61, 61)));
  background-image: -webkit-radial-gradient(50% 50%, rgb(61, 61, 61), rgb(44, 44, 44));
  background-image: -moz-radial-gradient(50% 50%, rgb(61, 61, 61), rgb(44, 44, 44));
  background-image: -o-radial-gradient(50% 50%, rgb(61, 61, 61), rgb(44, 44, 44));
  background-image: -ms-radial-gradient(50% 50%, rgb(61, 61, 61), rgb(44, 44, 44));
  background-image: radial-gradient(50% 50%, rgb(61, 61, 61), rgb(44, 44, 44));
  border: 1px solid #b5c6d2;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  display: block;
}

.img-preview-outer .img-preview-modal, .img-preview-modal[data-device-class="2"] {
  width: 335px;
}

.img-preview-outer .img-preview-modal img {
  display: block;
}
.img-preview-outer .img-preview-modal-buttons, .img-preview-modal-buttons {
  margin: 0 auto;
  display: block;
  margin-top: 20px;
}

.img-preview-outer .img-preview-modal-footer, .img-preview-modal-footer {
  position:absolute;
  bottom:0;
  width:100%;
  height:70px; 
  background: #f1f4f7;
  border-top: 1px solid #ccc;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;

  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;

  -moz-border-bottom-left-radius: 6px;
  -moz-border-bottom-right-radius: 6px;

  -o-border-bottom-left-radius: 6px;
  -o-border-bottom-right-radius: 6px;

  -ms-border-bottom-left-radius: 6px;
  -ms-border-bottom-right-radius: 6px;
  
}
.btn-img-preview-modal-save,
.btn-img-preview-modal-save-xpath, 
.btn-img-preview-modal-close {
  width: 75px;
  height: 30px;
  margin-left: 20px;
}

.btn-img-preview-modal-save:hover, .btn-img-preview-modal-close:hover {
  background: #5DBAED;
}

.img-preview-modal-outer .meta {
  margin: 0 auto;
  margin-top: 200px;
  color: rgba(255,255,255,0.3);
  text-align: center;
}

#img-preview-modal-spinner {
  width: 100px;
  height: 100px;
  display: block;
}

.mod-advanced-settings .fld-dropdown {
  width: 350px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #f8f8f8;
  border: 1px solid #dedfe2;
  color: #839393;
  padding: 4px;
  padding-left: 5px;
  margin-bottom: 10px;
  position: relative;
  margin-bottom: 25px;
}
.mod-advanced-settings .fld-dropdown .selected > i.fa-chevron-down {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 30px;
  line-height: 26px;
  border-left: 1px solid #DDD;
  text-align: center;
}

.mod-advanced-settings .fld-dropdown .selected > i.fa-check-circle {
  position: absolute;
  top: -2px;
  right: 35px;
  bottom: 0;
  width: 30px;
  line-height: 32px;
  text-align: center;
  color: #52D017;
  visibility: hidden;
  font-size: 18px;
}

.mod-advanced-settings .fld-dropdown > ul {
  display: none;
  overflow: auto;
  position: absolute;
  left: -2px;
  top: 100%;
  width: 100%;
  background: #f8f8f8;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #dedfe2;
  max-height: 300px;
}

.mod-advanced-settings .fld-dropdown ul.open {
  display: block;
}

.mod-advanced-settings .fld-dropdown ul > li {
  padding-left: 4px;
}

.mod-advanced-settings .fld-dropdown ul > li:hover {
  background: #499fd8;
}

.mod-advanced-settings .modal-selection .m-settings {
  margin: 25px 0 0px 0;
  line-height: 10px;
}
.mod-advanced-settings .modal-selection .a-proxy {
  font-weight: 300;
  text-transform: none;
  font-size:  14px;
  color: #75757a;
  display: block;
  padding: 6px 0;
}
.mod-advanced-settings .modal-selection input {
  margin-right: 10px;
}

.mod-advanced-settings .modal-selection .foot-description {
  font-size: 10px;
  color: #888;
}

.mod-advanced-settings .modal-selection .foot-description > a{
  color: #0645ad;
  text-decoration: none;
}

.mod-advanced-settings .modal-selection .foot-description > a:hover{
  text-decoration: underline;
}

/*Module Adblocker */
/*------------------------------------------------------*/
.mod-advanced-settings .modal-adblocker {
  font-size: 14px;
  font-family: 'Foundry Sterling W01';
  padding: 30px 40px 0px 40px;
  display: none;
}

.mod-advanced-settings .modal-adblocker .a-adblocker {
  font-weight: 300;
  text-transform: none;
  font-size:  14px;
  color: #75757a;
  display: inline-block;
  padding: 6px 0;
}

.mod-advanced-settings .modal-adblocker input {
  margin-right: 10px;
}

.mod-advanced-settings .fld-dropdown.fld-adblocker-selection {
  width: 100px;
  display: inline-block;  
  float: left;
}
.mod-advanced-settings .fld-input {
  width: 350px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #f8f8f8;
  border-radius: 3px;
  border: 1px solid #dedfe2;
  color: #839393;
  padding: 4px;
  padding-left: 5px;
  margin-bottom: 10px;
  position: relative;
  display: inline-block;
}
.mod-advanced-settings .fld-input input{
  display: none;
  background: #f8f8f8;
  border: none;
  margin: 0;
  padding: 0;
  width: 345px;
}
.mod-advanced-settings .fld-adblocker-selection {
  margin-right: 25px; 
}
.mod-advanced-settings .fld-input-adblock__selector {
  width: 325px;
  margin-bottom: 0;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 50px;
  height: 19px;
}
.mod-advanced-settings .fld-input-adblock__selector:focus {
  outline: none;
  color: #000;
}

.mod-advanced-settings .modal-adblocker .labels {
  font-size: 14px;
  color: #606878;
  font-weight: 400;
  margin-bottom: 5px;
}
.mod-advanced-settings .modal-adblocker .labels span {
  margin-right: 105px;
}
.mod-advanced-settings .fld-dropdown.fld-adblocker-selection {
  margin-bottom: 0;
}
.mod-advanced-settings .fld-input.fld-input-adblock__selector:empty::before {
  content: attr(data-placeholder);
  display: block;
}
.mod-advanced-settings .fld-input-adblock--inline-actions {
  display: inline-block;
  position: absolute;
  right: 10px;
  top:10px;
  color:#839393;
}
.mod-advanced-settings .fld-input-adblock--inline-actions i {
  padding-right: 3px;
}
.mod-advanced-settings .fld-input-adblock--inline-actions .fa-check-circle {
  color: rgb(82, 208, 23);
  visibility: hidden;
  display: inline; 
}
.mod-advanced-settings .fld-input-adblock--inline-actions:hover {
  cursor: pointer;
}

.mod-advanced-settings .modal-adblocker__list {
  display: inline-block;
}

.mod-advanced-settings .modal-adblocker__wrapper.state-hidden {
  display: none;
}

.mod-advanced-settings .modal-adblocker__item {
  position: relative;
  padding: 4px 0;
  white-space: nowrap;
  display: block;
}


.mod-advanced-settings .modal-adblocker .foot-description{
  font-size:  12px;
  color: #888;
  position: absolute;
  bottom: 75px;
}

/*Module Preactions */
/*------------------------------------------------------*/
.mod-advanced-settings .modal-preactions {
  font-size: 14px;
  font-family: 'Foundry Sterling W01';
  padding: 30px 40px 0px 40px;
  display: none;
}



.mod-advanced-settings .modal-preactions .a-preactions {
  font-weight: 300;
  text-transform: none;
  font-size:  14px;
  color: #75757a;
  display: inline-block;
  padding: 6px 0;
}
.mod-advanced-settings .modal-preactions .a-preactions input {
  margin-right: 10px;
}
.mod-advanced-settings .fld-dropdown.fld-preaction-selection {
  width: 100px;
  display: inline-block;  
  margin-right: 25px;
  margin-bottom: 0;
  float: left;
}

.mod-advanced-settings .fld-input-preaction__selector {
  width: 325px;
  float:left;
  margin-bottom: 0;
  text-overflow:ellipsis;
  overflow: hidden;
  padding-right: 50px;
  white-space: nowrap;
  height: 19px;
}
.mod-advanced-settings .fld-input-preaction__selector:focus {
  outline: none;
  color: #000;
}

.mod-advanced-settings .modal-preactions .labels {
  font-size: 14px;
  color: #606878;
  font-weight: 400;
  margin-bottom: 5px;
}
.mod-advanced-settings .modal-preactions .labels span {
  margin-right: 105px;
}
.mod-advanced-settings .fld-dropdown.fld-preactions-selection {
  margin-bottom: 0;
}
.mod-advanced-settings .fld-input.fld-input-preaction__selector:empty::before {
  content: attr(data-placeholder);
  display: block;
}
.mod-advanced-settings .fld-input-preaction--inline-actions {
  display: inline-block;
  position: absolute;
  right: 10px;
  top:10px;
  color:#839393;
}
.mod-advanced-settings .fld-input-preaction--inline-actions i {
  padding-right: 3px;
}
.mod-advanced-settings .fld-input-preaction--inline-actions .fa-check-circle {
  color: rgb(82, 208, 23);
  visibility: hidden;
  display: inline;
}
.mod-advanced-settings .fld-input-preaction--inline-actions:hover {
  cursor: pointer;
}

.mod-advanced-settings .modal-preactions__list {
  display: inline-block;
}

.mod-advanced-settings .modal-preactions__wrapper.state-hidden {
  display: none;
}

.mod-advanced-settings .modal-preaction__item {
  position: relative;
  padding: 4px 0;
  white-space: nowrap;
  display: block;
}

.mod-advanced-settings .fa-pencil:hover, 
.mod-advanced-settings .fa-trash:hover {
  color: black;
}

.img-preview-modal-outer .mode-chooser {
  display: inline-block;
  position: absolute;
  top: 2px;
  right: 80px;
}

.img-preview-modal-outer .mode-chooser__wrapper {
  line-height: 18px;
}

.img-preview-modal-outer .mode-chooser__label {
  margin: 0 auto;
  
}

.img-preview-modal-outer .mode-chooser__label-visual,
.img-preview-modal-outer .mode-chooser__label-web {
  font-size: 14px;
  color: #444;
}
.img-preview-modal-outer .mode-chooser__label-visual {
  position:absolute;
  top:24px;
  left:60px;
  width: 55px;
}

.img-preview-modal-outer .mode-chooser__label-web {
  position:absolute;
  top:24px;
  right:60px;
}

.img-preview-modal-outer .mode-chooser__input {
  max-height: 0;
  max-width: 0;
  opacity: 0;
}

.img-preview-modal-outer .mode-chooser__input + label {
  display: block;
  position: relative;
  box-shadow: inset 0 0 0px 1px #d5d5d5;
  text-indent: -5000px;
  height: 30px;
  width: 50px;
  border-radius: 15px;
  background: #3b98d5;
}

.img-preview-modal-outer .mode-chooser__input + label:before {
  content: "";
  position: absolute;
  display: block;
  height: 30px;
  width: 30px;
  top: 0;
  left: 0;
  border-radius: 15px;
  background: rgba(19, 191, 17, 0);
  -moz-transition: .25s ease-in-out;
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.img-preview-modal-outer .mode-chooser__input + label:after {
  content: "";
  position: absolute;
  display: block;
  height: 30px;
  width: 30px;
  top: 0;
  left: 0px;
  border-radius: 15px;
  background: white;
  box-shadow: inset 0 0 0 1px #3b98d5, 0 2px 4px rgba(0, 0, 0, .2);
  -moz-transition: .25s ease-in-out;
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.img-preview-modal-outer .mode-chooser__input:checked + label:before {
  width: 50px;
  background: rgba(19, 191, 17, 1);
}

.img-preview-modal-outer .mode-chooser__input:checked + label:after {
  left: 20px;
  box-shadow: inset 0 0 0 1px rgba(19, 191, 17, 1), 0 2px 4px rgba(0, 0, 0, .2);
}
.img-preview-modal-outer .preview-wrapper {
  position: relative;
  margin: 0 18px;
}
.img-preview-modal-outer .preview-overlay {
  top:0;
  left:0;
  position:absolute;
  height:100%;
  width:100%;
  overflow: hidden;
}

.img-preview-modal-outer .preview-overlay__item {
  position: absolute;
}

.img-preview-modal-outer .preview-overlay__item:hover,
.img-preview-modal-outer .preview-overlay__item.selected {
  border:2px solid rgba(255,0,0,0.8);
  background:rgba(255,0,0,0.1);
  transition: background 100ms ease;
  transition: border 100ms ease;
}

.img-preview-modal-outer .preview-overlay__item.state-disabled {
  display:none;
}
.img-preview-modal-outer .preview-overlay__icon.state-disabled {
  display:none;
}

.img-preview-modal-buttons .info-btn, .mod-advanced-settings .info-btn {
    font-family: serif;
    background: #6597e0;
    display: inline-block;
    margin-left: 4px;
    padding: 0px 7px;
    height: 18px;
    font-size: 13px;
    font-style: italic;
    text-decoration: none;
    text-transform: none;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
}

/*Module FalseAlarms */
/*------------------------------------------------------*/
.mod-advanced-settings .modal-falsealarms {
  font-size: 14px;
  font-family: 'Foundry Sterling W01';
  padding: 30px 40px 0px 40px;
  display: none;
}

/* General Stuff goes here*/

.mod-advanced-settings .title {
  line-height: 18px;
  font-size: 14px;
  margin-bottom: 10px;
  color: #606878;
  font-weight: 400;
}

.mod-advanced-settings .input-checkbox {
  font-weight: 300;
  text-transform: none;
  font-size:  14px;
  color: #75757a;
}
.mod-advanced-settings .item.item-wrapper.item-first {
  padding: 0 0 12px 0;
}
.mod-advanced-settings .item.item-wrapper {
  padding: 12px 0;
}
.mod-analytics {
    padding: 25px;
    background-image: none;
    background-color: white;
    width: 100%;
    color: #333;
}

.mod-analytics .intro {
    color: #444;
    font-size: 18px;
    line-height: 1.5;
    margin: 40px 45px 0 45px;
    width: 500px;
}

.mod-analytics .intro span,
.mod-analytics .intro a {
    background: #fffad8;
    font-weight: normal;
    padding: 0 4px;
    color: #000;
    text-decoration: none;
}

.mod-analytics .intro strong {
    color: #000;
    font-weight: normal;
}

.mod-analytics .head {
    overflow: hidden;
    border-bottom: 1px solid #DDD;
}

.mod-analytics .head:hover .actions {
    display: block;
}

.mod-analytics .actions {
    float: left;
    padding-top: 36px;
}

.mod-analytics .actions a {
    display: inline-block;
    text-decoration: none;
    padding: 5px 8px;
    color: #666;
    border: 1px solid #DDD;
    border-radius: 3px;
    margin-right: 10px;
}
.mod-analytics .actions a:hover {
    background: #d8684a;
    color: #FFF;
    border: 1px solid transparent;
}

.mod-analytics h2 {
    float: left;
    font-family:'Lexia W01 Thin', helvetica, arial, sans-serif;
    font-size: 30px;
    padding: 30px 45px;
    color: #454545;
}
.mod-analytics h2 > span {
    color: #999;
}

.mod-analytics .content {
    width: 1110px;
    padding: 45px 0 45px 45px;
    overflow: hidden;
}
.mod-analytics .metric {
    text-align: center;
    border: 1px solid #DDD;
    border-radius: 4px;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
    padding: 20px 10px 30px 10px;
    width: 213px;
}
.mod-analytics .chart.big {
    width: 900px;
}
.mod-analytics .chart {
    position: relative;
    text-align: center;
    border: 1px solid #DDD;
    border-radius: 4px;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
    padding: 15px;
    width: 203px;
    overflow: hidden;
}
.mod-analytics .chart.big .ticks {
    overflow: visible;
    position: relative;
    height: 100px;
}
.mod-analytics .chart.big .tick {
    position: absolute;
    width: 25px;
    background: #add492;
    float: left;
    margin-right: 2px;
    bottom: 0;
    left: 0;
    font-size: 10px;
    color: #fff;
}
.mod-analytics .chart.big .hour {
    left: 0px;
    height: 10px;
    display: inline-block;
    position: absolute;
    bottom: -15px;
    width: 25px;
}

.mod-analytics .metric .value {
    font-size: 50px;
    font-weight: bold;
}
.mod-analytics .metric .icon-arrow-up {
    display: inline-block;
    color: #add492;
    font-size: 40px;
    margin-left: 10px;
}

.mod-analytics .metric .icon-arrow-down {
    display: inline-block;
    color: #d49292;
    font-size: 40px;
    margin-left: 10px;
}

.mod-analytics .metric .desc {
    color: #666;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
}
.mod-analytics .chart .ticks {
    overflow: hidden;
    position: relative;
    height: 100px;
}
.mod-analytics .chart .tick {
    position: absolute;
    width: 3px;
    background: #add492;
    float: left;
    margin-right: 2px;
    bottom: 0;
    left: 0;
}
.mod-analytics .max {
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 12px;
    color: #BBB;
}
.mod-analytics .max strong {
    color: #999;
}
.mod-analytics .projects {
    position: relative;
    border: 1px solid #DDD;
    border-radius: 4px;
    margin-right: 40px;
    margin-bottom: 45px;
    float: left;
    padding: 15px;
    overflow: hidden;
    width: 478px;
}
.mod-analytics .project {

}
.mod-analytics .project .value {
    display: inline-block;
    text-align: right;
    width:40px;
    font-size: 16px;
    font-weight: bold;
}
.mod-analytics .project .name {
    display: inline-block;
    width:206px;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mod-analytics .project .creator {
    display: inline-block;
    color: #888;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mod-analytics .project .creator strong {
    font-weight: bold;
}

.mod-analytics .chart span {
    font-size: 12px;
    padding-top: 30px;
    display: block;
}
.mod-analytics .server-metrics {
    padding-top: 25px;
}
.mod-analytics .server-metrics table {
    width: 900px;
    text-align: center;
    font-size: 12px;
}
.mod-analytics .server-metrics table thead tr {
    background: #ddd;
}
.mod-analytics .server-metrics table td {
    padding: 3px;
}
.mod-analytics .server-metrics table tr {
    border: 1px solid #ccc;
}
.mod-announcement{
	font-size: 14px;
	background-color: #176ca5;
	padding: 8px 14px;
	font-weight: 500;
	text-align: center;
	display:block;
	font-family: "Helvetica Neue", sans-serif;
	cursor: pointer;
}

.mod-announcement a{
	text-decoration: none;
	color: rgba(255,255,255);
}@media all {
  .mod-app-page {
    margin: 50px 0 140px 0;
  }
  .mod-app-page .heading {
    text-align: center;
  }
  .mod-app-page .heading h1 {
    margin-bottom: 10px;
    padding: 0;
  }
  .mod-app-page .heading h2 {
    color: #d4e4f5;
    font-size: 1.8em;
    font-weight: 300;
    margin-bottom: 0;
  }
  .mod-app-page h2 {
    margin-bottom: 130px;
    color: #fff;
    font-size: 1.8em;
    font-weight: 100;
    text-align: center;
  }
  .mod-app-page .download-btn {
    margin: 40px 0;
  }
  .mod-app-page .screenshot-section {
    position: relative;
    max-width: 960px;
    margin: 0 auto 100px auto;
    text-align: center;
    color: #fff;
  }
  .mod-app-page .screenshot-section img {
    width: 45%;
    -webkit-box-shadow: 0px 0px 44px 0px rgba(8,49,99,0.6);
    -moz-box-shadow: 0px 0px 44px 0px rgba(8,49,99,0.6);
    box-shadow: 0px 0px 44px 0px rgba(8,49,99,0.6);
  }
  .mod-app-page .screenshot-section .hint-left {
    position: relative;
    float: left;
    top: -40px;
    text-align: left;
    width: 19%;
  }
  .mod-app-page .screenshot-section .hint-left:after {
    content: "";
    top: 80px;
    right: -40%;
    display: block;
    position: absolute;
    width: 40%;
    height: 50px;
    background: url(/assets/img/left-arr.png) no-repeat right top;
    background-size: contain;
    -ms-transform: rotate(25deg);
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
  }
  .mod-app-page .screenshot-section .hint-left.browser {
    top: 90px;
    padding-top: 5px;
  }
  .mod-app-page .screenshot-section .hint-left.browser:after {
    top: 10px;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .mod-app-page .screenshot-section .hint-right {
    position: relative;
    float: right;
    top: -40px;
    text-align: left;
    width: 19%;
  }
  .mod-app-page .screenshot-section .hint-right:after {
    content: "";
    top: 80px;
    left: -40%;
    display: block;
    position: absolute;
    width: 40%;
    height: 50px;
    background: url(/assets/img/right-arr.png) no-repeat left top;
    background-size: contain;
    -ms-transform: rotate(-25deg);
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg);
  }
  .mod-app-page .screenshot-section .hint-right.browser {
    top: 90px;
    padding-top: 5px;
  }
  .mod-app-page .screenshot-section .hint-right.browser:after {
    top: 10px;
    width: 35%;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .mod-app-page .screenshot-section .hint-crop {
    position: relative;
    padding-top: 10%;
    margin-top: 20%;
    width: 110%;
    text-align: left;
  }
  .mod-app-page .screenshot-section .hint-crop:after {
    content: "";
    top: -25px;
    left: -44%;
    display: block;
    position: absolute;
    width: 42%;
    height: 50px;
    background: url(/assets/img/right-arr.png) no-repeat left top;
    background-size: contain;
    -ms-transform: rotate(25deg);
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
  }
}
.mod-buy-credits .provider-column {
  width: 50%;
  float: left;
}
.mod-buy-credits .provider-column .information {
  font-size: 12px;
  font-weight: bold;
  color: #666;
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  margin: 0 auto;
  display: inline-block;
  width: 100%;
  text-align: center;
}
.mod-buy-credits .provider {
  clear: both;
  height: 64px;
  width: 180px;
  background-color: #F7F7F7;
  border: 1px solid #979797;
  padding: 4px;
  border-radius: 4px;
  background-size: 175px;
  background-repeat: no-repeat;
  background-position: center;
  margin: 20px 44px;
  display: inline-block;
}
.mod-buy-credits .provider.paypal {
  background-image: url('../assets/img/paypal-logo-transparent.png');
  background-size: 90px;
}
.mod-buy-credits .provider.creditcard {
  background-image: url('../assets/img/creditcards-inline2.png');
  background-size: 150px;
  background-position: center;
}
.mod-buy-credits .provider:hover {
  border: solid rgba(88,176,224,0.5) 5px;
  outline: none;
  padding: 0;
  cursor: pointer;
}
.mod-buy-credits .provider.disabled {
  opacity: 0.4;
}
.mod-buy-credits .provider.disabled:hover {
  border: 1px solid #979797;
  padding: 4px;
  cursor: default;
}
@media screen {
  .mod-claim {
    display: flex;
    flex-direction: column;
    text-align: center;
  }
  .mod-claim h1 {
    color: #ffffff;
    line-height: 1em;
    padding-bottom: 10px;
    font-weight: 200;
    margin-bottom: 0;
  }
  .mod-claim h2 {
    color: #d4e4f5;
    font-weight: 100;
    font-size: 1.6em;
    margin-bottom: 1.7em;
  }
  .mod-claim .buttons {
    font-size: 1.1em;
  }
  .mod-claim p {
    margin: 35px 0 20px;
  }
  .mod-claim .user-email {
    margin: 40px 0 80px;
    display: inline-block;
    border: 1px solid #fff;
    padding: 15px 120px;
    border-radius: 6px;
  }
}
@media screen and (max-width: 726px) {
  .mod-claim {
    margin: 40px 0;
  }
  .mod-claim h1 {
    line-height: 1;
  }
}
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
@media screen {
  .mod-clients-and-numbers {
    zoom: 1;
    clear: both;
    text-align: center;
    padding: 50px 30px 50px;
    background: rgba(0,46,87,0.4);
  }
  .mod-clients-and-numbers:before,
  .mod-clients-and-numbers:after {
    content: "";
    display: table;
  }
  .mod-clients-and-numbers:after {
    clear: both;
  }
  .mod-clients-and-numbers h2 {
    color: white;
    font-weight: 300;
    font-size: 1.9em;
    line-height: 1;
    margin-bottom: 0.5em;
  }
  .mod-clients-and-numbers h3 {
    color: #d4e4f5;
    font-size: 1.4em;
    font-weight: 300;
    line-height: 1;
    margin-bottom: 1.8em;
  }
  .mod-clients-and-numbers .logos {
    width: 920px;
    max-width: 90%;
  }
}
@media screen and (max-width: 726px) {
  .mod-clients-and-numbers {
    margin: 40px 0;
  }
  .mod-clients-and-numbers h1 {
    line-height: 1;
  }
}
@media all {
  .mod-credits {
    float: left;
    width: 60%;
  }
  .mod-credits a {
    color: rgba(255,255,255,0.7);
    text-decoration: none;
  }
  .mod-credits a:hover {
    color: white;
  }
  .mod-credits .copyright {
    color: rgba(255,255,255,0.7);
    margin-top: 5px;
    font-size: 12px;
  }
}
@media (max-width: 1024px) {
  .mod-credits {
    float: none;
    width: 100%;
    margin-top: 40px;
    text-align: center;
  }
}
@media all {
  .mod-faq {
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.08);
    max-width: 600px;
    margin: 0 auto;
    margin-bottom: 30px;
    padding-bottom: 10px;
  }
  .mod-faq .pricing {
    margin: 20px auto;
  }
  .mod-faq .pricing td,
  .mod-faq .pricing th {
    padding: 2px 20px;
    text-align: center;
  }
  .mod-faq .pricing tr.green {
    background: #E2F6CD;
  }
  .mod-faq p {
    margin-bottom: 0.6em;
  }
  .mod-faq .paranoid-quote img {
    border: none;
  }
  .mod-faq .title {
    margin: 0 0 15px 0;
    padding: 5 0 15px 0;
    padding-bottom: 5px;
    font-size: 24px;
    line-height: 1;
    letter-spacing: -1px;
    border-bottom: 2px solid #eee;
    line-height: 1em;
    font-weight: normal;
    color: #777;
  }
  .mod-faq .title p {
    margin-bottom: 0;
  }
  .mod-faq .body a {
    color: #13b1e4;
  }
  .mod-faq .body {
    padding-bottom: 10px;
    line-height: 1.5;
    color: #777;
  }
  .mod-faq .body ul {
    margin-bottom: 1em;
  }
  .mod-faq .body ul li:before {
    content: "– ";
  }
  .mod-faq .meta {
    color: #999;
    font-size: 0.8em;
    margin-top: 10px;
  }
  .mod-faq img {
    display: block;
    margin: 0 auto;
  }
}
@media screen {
  .mod-help-claim {
    text-align: center;
    margin: 50px 0 50px;
  }
  .mod-help-claim h1 {
    color: #ffffff;
    line-height: 1em;
    padding-bottom: 10px;
    font-weight: 200;
  }
  .mod-help-claim h2 {
    color: #d4e4f5;
  }
}
@media screen and (max-width: 726px) {
  .mod-help-claim {
    margin: 40px 0;
  }
  .mod-help-claim h1 {
    line-height: 1;
  }
}
@media screen {
  .mod-job-confirm .rounded-border {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 40px 20px 1px;
    background-color: #ffffff;
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    max-width: 40%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    text-align: center;
    color: #555;
  }
  .mod-job-confirm .rounded-border p {
    margin-bottom: 0.5em;
    font-weight: bold;
  }
  .mod-job-confirm .rounded-border .container {
    margin-bottom: 1em;
  }
  .mod-job-confirm .success {
    text-align: center;
  }
  .mod-job-confirm a:link {
    color: white;
  }
  .mod-job-confirm .success p {
    margin: 20px 0;
    font-family: "Foundry Sterling W01";
    line-height: 1.5;
    font-size: 20px;
    color: #666;
    font-weight: 300;
  }
  .mod-job-confirm .submit-wrapper {
    width: 100%;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mod-job-confirm .btn-another {
    margin-bottom: 20px;
  }
  .mod-job-confirm .btn-submit,
  .mod-job-confirm .btn-another {
    display: inline-block;
    padding: 20px 65px;
    text-decoration: none;
    margin-top: 20px;
    text-align: center;
    font-family: "Foundry Sterling W01";
    font-size: 1.3em;
    font-weight: 400;
    border: none;
    background-color: #a8cc60;
    color: white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
  }
  .mod-job-confirm .btn-submit:hover,
  .mod-job-confirm .btn-another:hover {
    background-color: #a8cc60;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#a8cc60),to(#95b555));
    background-image: -webkit-linear-gradient(top,#a8cc60,#95b555);
    background-image: -moz-linear-gradient(top,#a8cc60,#95b555);
    background-image: -o-linear-gradient(top,#a8cc60,#95b555);
    background-image: -ms-linear-gradient(top,#a8cc60,#95b555);
    background-image: linear-gradient(top,#a8cc60,#95b555);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#a8cc60',EndColorStr='#95b555');
  }
  .mod-job-confirm .btn-submit:active,
  .mod-job-confirm .btn-another:active {
    background-color: #7b9546;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#7b9546),to(#5f7436));
    background-image: -webkit-linear-gradient(top,#7b9546,#5f7436);
    background-image: -moz-linear-gradient(top,#7b9546,#5f7436);
    background-image: -o-linear-gradient(top,#7b9546,#5f7436);
    background-image: -ms-linear-gradient(top,#7b9546,#5f7436);
    background-image: linear-gradient(top,#7b9546,#5f7436);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#7b9546',EndColorStr='#5f7436');
  }
  .mod-job-confirm .mod-register-account {
    box-shadow: none;
    margin-top: 10px;
  }
  .mod-job-confirm .mod-register-account .btn {
    height: auto;
    width: 100%;
  }
  .mod-job-confirm .swiss-bank {
    color: white;
    margin-top: 20px;
    margin-bottom: -20px;
    text-align: center;
  }
  .mod-job-confirm .extern a {
    color: blue;
    text-decoration: none;
  }
  .mod-job-confirm .extern a:hover {
    color: blue;
    text-decoration: underline;
  }
  .mod-job-confirm .share {
    border: 1px solid #CFCDC8;
    margin: 30px 25px 5px 25px;
    padding: 0 25px 30px 25px;
    background-color: #fbfaf8;
  }
  .mod-job-confirm .btn .fa {
    margin-right: 5px;
  }
  .mod-job-confirm span {
    font-style: italic;
    color: #3d3c40;
  }
  .mod-job-confirm .btn {
    color: #ffffff;
    text-decoration: none solid #ffffff;
    text-shadow: rgba(0,0,0,0.2) 0px 1px 0px;
    border: 0px none #ffffff;
    border-radius: 4px 4px 4px 4px;
    margin: 0px 8px 0px 0px;
    outline: #ffffff none 0px;
    width: 200px;
    height: 44px;
    font: normal normal 900 18px/19.200000762939453px Lato, sans-serif;
  }
  .mod-job-confirm .btn-twitter {
    background: #55acee none repeat scroll 0% 0% / auto padding-box border-box;
  }
  .mod-job-confirm .btn-twitter:hover {
    background-color: #5cb8ff;
  }
  .mod-job-confirm .btn-email {
    background: #2a80b9;
  }
  .mod-job-confirm .btn-email:hover {
    background-color: #439fe0;
  }
  .mod-job-confirm .btn-googleplus {
    background: #dd4b39;
  }
  .mod-job-confirm .btn-googleplus:hover {
    background-color: #F45333;
  }
  .mod-job-confirm .btn-dashboard {
    font-size: 13px;
    font-weight: 600;
    font-family: Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    text-decoration: none;
    line-height: 52px;
    display: block;
    width: 250px;
    height: 50px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    color: #ffffff;
    background: #a8cc60;
    margin: 30px auto 15px;
  }
  .mod-job-confirm .btn-dashboard:hover {
    background-color: #a8cc60;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#a8cc60),to(#95b555));
    background-image: -webkit-linear-gradient(top,#a8cc60,#95b555);
    background-image: -moz-linear-gradient(top,#a8cc60,#95b555);
    background-image: -o-linear-gradient(top,#a8cc60,#95b555);
    background-image: -ms-linear-gradient(top,#a8cc60,#95b555);
    background-image: linear-gradient(top,#a8cc60,#95b555);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#a8cc60',EndColorStr='#95b555');
  }
}
@media screen {
  .mod-job-inactivated {
    text-align: center;
    margin: 16% 0 0;
  }
  .mod-job-inactivated h1 {
    color: #ffffff;
    line-height: 1em;
    padding-bottom: 10px;
    font-weight: 200;
    margin-bottom: 0;
  }
  .mod-job-inactivated h2 {
    margin-bottom: 40px;
    color: #d4e4f5;
    font-weight: 100;
  }
}
@media screen and (max-width: 800px) {
  .mod-job-inactivated {
    margin: 30% 0 0;
  }
}
.skin-layout-admin {
  background: #FFF;
  width: 1280px;
  margin: 0 auto;
}
.mod-login {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 20px;
  background-color: #ffffff;
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
  width: 350px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
  color: #383838;
}
.mod-login .msg-error {
  display: none;
  padding-bottom: 15px;
  text-align: center;
  color: red;
}
.mod-login .fld {
  display: block;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  padding: 12px 14px;
  margin-bottom: 15px;
  color: #555;
  vertical-align: middle;
  border-radius: 3px;
  max-width: 100%;
  font-size: 18px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.mod-login .fld:focus {
  outline: none;
}
.mod-login .title {
  font-size: 12px;
  font-color: #1e2b32;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 20px;
  font-weight: bold;
}
.mod-login .reset {
  text-align: center;
  padding-top: 15px;
}
.mod-login .reset label {
  display: inline-block;
  cursor: pointer;
}
.mod-login .reset a {
  font-size: 12px;
  color: #696f77;
  font-color: #1e2b32;
  font-weight: 400;
  text-shadow: 0 1px 0 rgba(255,255,255,0.5);
  text-decoration: none;
}
.mod-login .reset a:hover {
  text-decoration: underline;
}
.mod-login .reset a:hover {
  color: #222;
}
.mod-login .reset .register-link {
  padding-top: 10px;
}
.mod-login .reset .register-link a:hover {
  color: inherit;
}
.mod-login .btn {
  display: inline-block;
  padding: 12px 65px;
  text-decoration: none;
  text-align: center;
  font-size: 1.3em;
  font-weight: 400;
  border: none;
  background-color: #a8cc60;
  color: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.mod-login .btn:hover {
  background-color: #a8cc60;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#a8cc60),to(#95b555));
  background-image: -webkit-linear-gradient(top,#a8cc60,#95b555);
  background-image: -moz-linear-gradient(top,#a8cc60,#95b555);
  background-image: -o-linear-gradient(top,#a8cc60,#95b555);
  background-image: -ms-linear-gradient(top,#a8cc60,#95b555);
  background-image: linear-gradient(top,#a8cc60,#95b555);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#a8cc60',EndColorStr='#95b555');
  text-decoration: none;
}
.mod-login .btn:active {
  background-color: #7b9546;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#7b9546),to(#5f7436));
  background-image: -webkit-linear-gradient(top,#7b9546,#5f7436);
  background-image: -moz-linear-gradient(top,#7b9546,#5f7436);
  background-image: -o-linear-gradient(top,#7b9546,#5f7436);
  background-image: -ms-linear-gradient(top,#7b9546,#5f7436);
  background-image: linear-gradient(top,#7b9546,#5f7436);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#7b9546',EndColorStr='#5f7436');
}
.btn-login {
  width: 100%;
}
@media screen {
  .mod-login-claim {
    text-align: center;
    margin: 50px 0 50px;
  }
  .mod-login-claim h1 {
    color: #ffffff;
    line-height: 1em;
    padding-bottom: 10px;
    font-weight: 200;
  }
  .mod-login-claim h2 {
    color: #d4e4f5;
  }
}
@media screen and (max-width: 726px) {
  .mod-logn-claim {
    margin: 40px 0;
  }
  .mod-logn-claim h1 {
    line-height: 1;
  }
}
@media all {
  .mod-logo {
    float: left;
    width: 50px;
  }
  .mod-logo a {
    padding: 10px;
  }
}
@media (min-width: 1280px) {
  .head {
    max-width: 1280px;
    margin: 0 auto;
  }
}
@media (max-width: 320px) {
  .head {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
@media all {
  .mod-made-in-switzerland {
    float: left;
    width: 25%;
    text-align: right;
  }
  .mod-made-in-switzerland .icon-plus {
    display: inline-block;
    border: 1px solid white;
    color: white;
    margin-right: 15px;
    padding: 3px 6px;
  }
}
@media screen and (max-width: 880px) {
  .mod-made-in-switzerland {
    padding-top: 20px;
  }
}
@media screen {
  .mod-monitor-builder {
    display: table;
    margin: 0 auto;
    padding-bottom: 60px;
    width: 665px;
  }
  .mod-monitor-builder .success {
    display: none;
    text-align: center;
  }
  .mod-monitor-builder .success p {
    margin: 20px auto;
    font-weight: normal;
    line-height: 1.5;
    font-size: 20px;
    color: #666;
    max-width: 19em;
  }
  .mod-monitor-builder .mode-chooser__wrapper {
    line-height: 20px;
  }
  .mod-monitor-builder .mode-chooser__label {
    margin: 0 auto;
  }
  .mod-monitor-builder .mode-chooser__label-visual {
    position: absolute;
    top: 24px;
    left: 15px;
  }
  .mod-monitor-builder .mode-chooser__label-web {
    position: absolute;
    top: 24px;
    right: 25px;
  }
  .mod-monitor-builder .mode-chooser__input {
    max-height: 0;
    max-width: 0;
    opacity: 0;
  }
  .mod-monitor-builder .mode-chooser__input + label {
    display: block;
    position: relative;
    box-shadow: inset 0 0 0px 1px #d5d5d5;
    text-indent: -5000px;
    height: 25px;
    width: 45px;
    border-radius: 15px;
    background: #a8cc60;
  }
  .mod-monitor-builder .mode-chooser__input + label:before {
    content: "";
    position: absolute;
    display: block;
    height: 25px;
    width: 25px;
    top: 0;
    left: 0;
    border-radius: 15px;
    background: #a8cc60;
    -moz-transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }
  .mod-monitor-builder .mode-chooser__input + label:after {
    content: "";
    position: absolute;
    display: block;
    height: 25px;
    width: 25px;
    top: 0;
    left: 0px;
    border-radius: 15px;
    background: white;
    box-shadow: inset 0 0 0 1px #a8cc60, 0 2px 4px rgba(0,0,0,0.2);
    -moz-transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }
  .mod-monitor-builder .mode-chooser__input:checked + label:before {
    width: 45px;
    background: #a8cc60;
  }
  .mod-monitor-builder .mode-chooser__input:checked + label:after {
    left: 20px;
    box-shadow: inset 0 0 0 1px #a8cc60, 0 2px 4px rgba(0,0,0,0.2);
  }
  .mod-monitor-builder .preview-wrapper {
    position: relative;
  }
  .mod-monitor-builder .preview-overlay {
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
  }
  .mod-monitor-builder .preview-overlay__item {
    position: absolute;
    text-align: center;
    vertical-align: middle;
  }
  .mod-monitor-builder .preview-overlay__icon {
    color: rgba(255,0,0,0.75);
    font-size: 22px;
    position: relative;
  }
  .mod-monitor-builder .preview-overlay__icon::after {
    position: absolute;
    content: '';
    background: rgba(255,255,255,0.5);
    z-index: -1;
    top: 8px;
    left: 3px;
    width: 13px;
    height: 10px;
  }
  .mod-monitor-builder .preview-overlay__icon:hover {
    cursor: pointer !important;
    color: #ff0000;
  }
  .mod-monitor-builder .preview-overlay__icon.state-disabled {
    display: none;
  }
  .mod-monitor-builder .preview-overlay__item:hover {
    border: 2px solid rgba(255,0,0,0.8);
  }
  .mod-monitor-builder .preview-overlay__item.selected {
    border: 2px solid rgba(255,0,0,0.8);
    background: rgba(255,0,0,0.1);
  }
  .mod-monitor-builder .preview-overlay__item.state-disabled {
    display: none;
  }
  .mod-monitor-builder form {
    padding: 20px;
    background-color: #ffffff;
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
  }
  .mod-monitor-builder form input[type="text"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 15px;
    border: 1px solid #b5c6d2;
    font-size: 1.2em;
  }
  .mod-monitor-builder form .web-url {
    margin-bottom: 20px;
    padding-right: 86px !important;
  }
  .mod-monitor-builder form .submit-wrapper {
    width: 100%;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mod-monitor-builder form .btn-another {
    margin-bottom: 20px;
  }
  .mod-monitor-builder form .btn-submit,
  .mod-monitor-builder form .btn-another {
    display: inline-block;
    padding: 20px 65px;
    text-decoration: none;
    margin-top: 20px;
    text-align: center;
    font-weight: 400;
    font-size: 1.3em;
    border: none;
    background-color: #a8cc60;
    color: white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
  }
  .mod-monitor-builder form .btn-submit:hover,
  .mod-monitor-builder form .btn-another:hover {
    background-color: #a8cc60;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#a8cc60),to(#95b555));
    background-image: -webkit-linear-gradient(top,#a8cc60,#95b555);
    background-image: -moz-linear-gradient(top,#a8cc60,#95b555);
    background-image: -o-linear-gradient(top,#a8cc60,#95b555);
    background-image: -ms-linear-gradient(top,#a8cc60,#95b555);
    background-image: linear-gradient(top,#a8cc60,#95b555);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#a8cc60',EndColorStr='#95b555');
  }
  .mod-monitor-builder form .btn-submit:active,
  .mod-monitor-builder form .btn-another:active {
    background-color: #7b9546;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#7b9546),to(#5f7436));
    background-image: -webkit-linear-gradient(top,#7b9546,#5f7436);
    background-image: -moz-linear-gradient(top,#7b9546,#5f7436);
    background-image: -o-linear-gradient(top,#7b9546,#5f7436);
    background-image: -ms-linear-gradient(top,#7b9546,#5f7436);
    background-image: linear-gradient(top,#7b9546,#5f7436);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#7b9546',EndColorStr='#5f7436');
  }
  .mod-monitor-builder form .btn-submit {
    width: 100%;
    padding: 15px 65px;
  }
  .mod-monitor-builder form .web-url-wrapper {
    position: relative;
  }
  .mod-monitor-builder form .web-url-wrapper button {
    font-weight: 400;
    position: absolute;
    top: 7px;
    right: 7px;
    text-align: center;
    color: white;
    border: none;
    background-color: #a8cc60;
    padding: 6px 15px;
    font-size: 1.3em;
    cursor: pointer;
  }
  .mod-monitor-builder form .web-url-wrapper button:hover {
    background-color: #a8cc60;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#a8cc60),to(#95b555));
    background-image: -webkit-linear-gradient(top,#a8cc60,#95b555);
    background-image: -moz-linear-gradient(top,#a8cc60,#95b555);
    background-image: -o-linear-gradient(top,#a8cc60,#95b555);
    background-image: -ms-linear-gradient(top,#a8cc60,#95b555);
    background-image: linear-gradient(top,#a8cc60,#95b555);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#a8cc60',EndColorStr='#95b555');
  }
  .mod-monitor-builder form .web-url-wrapper button:active {
    background-color: #7b9546;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#7b9546),to(#5f7436));
    background-image: -webkit-linear-gradient(top,#7b9546,#5f7436);
    background-image: -moz-linear-gradient(top,#7b9546,#5f7436);
    background-image: -o-linear-gradient(top,#7b9546,#5f7436);
    background-image: -ms-linear-gradient(top,#7b9546,#5f7436);
    background-image: linear-gradient(top,#7b9546,#5f7436);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#7b9546',EndColorStr='#5f7436');
  }
  .mod-monitor-builder form .not-receptor input {
    margin-bottom: 20px;
  }
  .mod-monitor-builder form .mail-wrapper {
    position: relative;
  }
  .mod-monitor-builder form .mail-wrapper input {
    margin-top: 10px;
  }
  .mod-monitor-builder form .not-receptor span {
    display: block;
  }
  .mod-monitor-builder form .not-receptor .icon-mail {
    top: 52px;
    left: 20px;
    color: #b5c6d2;
    position: absolute;
    font-size: 1.6em;
  }
  .mod-monitor-builder form .not-receptor input {
    padding-left: 60px;
    margin-top: 10px;
  }
  .mod-monitor-builder form .validator {
    position: absolute;
    top: 55%;
    right: 20px;
  }
  .mod-monitor-builder form .validator.icon-close {
    color: darkred;
  }
  .mod-monitor-builder form .validator.icon-checkmark {
    color: darkgreen;
  }
  .mod-monitor-builder .area-chooser {
    position: relative;
    background-color: #fffffe;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fffffe),to(#f4fbff));
    background-image: -webkit-linear-gradient(top,#fffffe,#f4fbff);
    background-image: -moz-linear-gradient(top,#fffffe,#f4fbff);
    background-image: -o-linear-gradient(top,#fffffe,#f4fbff);
    background-image: -ms-linear-gradient(top,#fffffe,#f4fbff);
    background-image: linear-gradient(top,#fffffe,#f4fbff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fffffe',EndColorStr='#f4fbff');
    overflow: hidden;
    border: 1px solid #b5c6d2;
    min-height: 300px;
    width: 100%;
    margin-bottom: 20px;
    display: block;
    text-align: center;
  }
  .mod-monitor-builder .area-chooser .meta {
    margin-top: 210px;
    display: none;
    color: rgba(255,255,255,0.3);
  }
  .mod-monitor-builder .area-chooser button {
    position: absolute;
    left: 50%;
    top: 115px;
    padding: 15px 20px;
    border: 1px solid #b5c6d2;
    color: #b5c6d2;
    background: transparent;
    font-size: 1em;
    cursor: pointer;
  }
  .mod-monitor-builder .area-chooser button i {
    margin-right: 5px;
  }
  .mod-monitor-builder .area-chooser button:hover {
    color: black;
    border-color: black;
  }
  .mod-monitor-builder .area-chooser img {
    display: block;
  }
  .mod-monitor-builder .area-chooser.loading {
    background-color: #3d3d3d;
    background-image: -webkit-gradient(radial,50% 50%,0,50% 50%,200,from(#2c2c2c),to(#3d3d3d));
    background-image: -webkit-radial-gradient(50% 50%,#3d3d3d,#2c2c2c);
    background-image: -moz-radial-gradient(50% 50%,#3d3d3d,#2c2c2c);
    background-image: -o-radial-gradient(50% 50%,#3d3d3d,#2c2c2c);
    background-image: -ms-radial-gradient(50% 50%,#3d3d3d,#2c2c2c);
    background-image: radial-gradient(50% 50%,#3d3d3d,#2c2c2c);
    border-color: black;
  }
  .mod-monitor-builder .area-chooser.loading button {
    display: none;
  }
  .mod-monitor-builder .upper {
    color: #555;
  }
  .mod-monitor-builder .configurator {
    margin: 10px 0 20px;
    color: #b5c6d2;
    border: 1px solid #b5c6d2;
  }
  .mod-monitor-builder .configurator .config {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    float: left;
    width: 33%;
    position: relative;
  }
  .mod-monitor-builder .configurator .config label {
    color: #617487;
    font-size: 1em;
  }
  .mod-monitor-builder .configurator .config label i {
    margin-right: 5px;
  }
  .mod-monitor-builder .configurator .interval-chooser {
    border-right: 1px solid #b5c6d2;
  }
  .mod-monitor-builder .configurator .trigger-chooser {
    border-left: 1px solid #b5c6d2;
  }
  .mod-monitor-builder .configurator .mode-chooser {
    padding: 0;
  }
  .mod-monitor-builder .rounded-border {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  .mod-monitor-builder .its-free {
    color: rgba(255,255,255,0.4);
    display: table;
    margin: 0 auto;
    padding: 20px 0 10px;
  }
  .mod-monitor-builder .swiss-bank {
    text-align: center;
  }
  .mod-monitor-builder .swiss-bank {
    color: white;
    margin-top: 20px;
    margin-bottom: -20px;
  }
  .mod-monitor-builder .mod-terms-privacy-links .terms {
    margin-bottom: 0;
  }
  .mod-monitor-builder .links span {
    margin-left: 15px;
  }
  .mod-monitor-builder .dropdown {
    display: inline-block;
    cursor: pointer;
    font-size: 1em;
    position: absolute;
    z-index: 5;
    top: 20px;
    margin-left: 20px;
    line-height: 1em;
    border-radius: 3px;
    border: 1px solid #fff4c6;
    background-color: #fff4c6;
    color: #886425;
  }
  .mod-monitor-builder .dropdown ul {
    display: none;
    font-size: 1em;
    border-radius: 0 0 3px 3px;
  }
  .mod-monitor-builder .dropdown ul li {
    font-size: 0.9em;
    color: #b49d74;
    padding: 5px 10px;
  }
  .mod-monitor-builder .dropdown ul li:hover {
    text-decoration: underline;
  }
  .mod-monitor-builder .dropdown div.selected {
    padding: 5px 10px 5px 10px;
  }
  .mod-monitor-builder .dropdown:hover {
    border: 1px solid #b49d74;
  }
  .mod-monitor-builder .dropdown:focus {
    outline: none;
  }
  .trigger-chooser .dropdown.inactive {
    opacity: 0.45;
  }
}
@media screen and (max-width: 683px) {
  .mod-monitor-builder {
    width: 90%;
    display: block;
  }
  .mod-monitor-builder form input[type="submit"] {
    padding: 15px 45px;
  }
  .mod-monitor-builder .btn-submit {
    padding-left: 26px !important;
    padding-right: 26px !important;
  }
  .mod-monitor-builder .choose-labels {
    display: none;
  }
  .mod-monitor-builder .configurator {
    border: none;
  }
  .mod-monitor-builder .configurator .config {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    float: none;
    width: 100%;
    border: 1px solid #b5c6d2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  .mod-monitor-builder .configurator .config label {
    display: block;
    padding-bottom: 10px;
  }
  .mod-monitor-builder .configurator .interval-chooser {
    margin-bottom: 20px;
  }
}
.mod-monitor-builder .dropdown.open > .selected {
  border-bottom: 1px solid #b49d74;
}
.mod-monitor-builder .trigger-chooser .dropdown {
  font-size: 0.95em;
  margin-left: 10px;
}
.ie-notice {
  text-align: center;
}
.ie-notice img {
  max-width: 150px;
}
.ie-notice p {
  margin-top: 2em;
  padding: 1em 0;
  font-size: 1.6em;
  border: 2px solid #fff;
  border-radius: 15px;
}
@media all {
  .mod-navigation {
    float: right;
    height: 60px;
  }
  .mod-navigation .mod-share {
    text-align: left;
    margin-left: 90%;
  }
  .mod-navigation .facebook-share {
    margin-top: 5px;
  }
}
@media screen and (max-width: 726px) {
  .mod-navigation {
    margin-top: 0 !important;
  }
  .navigation {
    margin-left: 0 !important;
  }
  .navigation a.login-btn {
    margin-left: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}


.mod-notification-confirm {
  text-align: center;
  margin: 50px 0 50px;
}

.mod-notification-confirm .user-email {
  margin: 80px 0 60px;
  display: inline-block;
  border: 1px solid #fff;
  padding: 15px 120px;
  border-radius: 6px;
}

.mod-notification-confirm h1 {
  color: #ffffff;
  line-height: 1em;
  padding-bottom: 10px;
  font-weight: 200;
  margin-bottom: 0;
}

.mod-notification-confirm h2 {
  color: @link-water;
  font-weight: 100;
  font-size: 1.6em;
}
@media all {
  .mod-press {
    margin-top: 50px;
    color: #555;
  }
  .mod-press blockquote a.quote-source {
    display: block;
    text-align: right;
    font-size: 0.8em;
  }
  .mod-press .serge-links {
    text-align: right;
  }
  .mod-press .serge-links a {
    margin-left: 1em;
    opacity: 0.5;
  }
  .mod-press .serge-links a:hover,
  .mod-press .serge-links a:focus {
    opacity: 1;
  }
}
@media all {
  .mod-pricing {
    margin-top: 50px;
  }
  .mod-pricing *,
  .mod-pricing *:before,
  .mod-pricing *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mod-pricing h1 {
    color: #fff;
    padding: 0;
    margin-bottom: 10px;
  }
  .mod-pricing h2 {
    margin-bottom: 30px;
    color: #fff;
    font-size: 2em;
    font-weight: 300;
    text-align: center;
  }
  .mod-pricing .heading {
    width: 70%;
    max-width: 800px;
    margin: 0 auto 80px;
    color: #fff;
    text-align: center;
  }
  .mod-pricing .heading h2 {
    margin-bottom: 0;
    color: #fff;
  }
  .mod-pricing .heading h3 {
    margin-bottom: 40px;
    font-size: 1.6em;
    font-weight: 300;
    color: #d4e4f5;
  }
  .mod-pricing .heading p {
    font-size: 1.2em;
    font-weight: 100;
  }
  .mod-pricing .prices {
    position: relative;
    max-width: 992px;
    margin: 0 auto;
  }
  .mod-pricing .freq-label {
    padding: 0 0 15px 3%;
    font-weight: 400;
  }
  .mod-pricing .slider-labels {
    margin: 10px 0;
  }
  .mod-pricing .slider-label {
    display: inline-block;
    width: 19%;
    text-align: center;
  }
  .mod-pricing .slider-label.l1 {
    padding-left: 3%;
    text-align: left;
  }
  .mod-pricing .slider-label.l2 {
    padding-right: 0.4%;
  }
  .mod-pricing .slider-label.l3 {
    padding-left: 2%;
  }
  .mod-pricing .slider-label.l4 {
    padding-left: 5%;
  }
  .mod-pricing .slider-label.l5 {
    padding-left: 8%;
  }
  .mod-pricing #frequency-slider-box {
    padding: 0 100px;
  }
  .mod-pricing #frequency-slider {
    width: 125%;
    margin-left: -13%;
  }
  .mod-pricing .period-switcher {
    position: relative;
  }
  .mod-pricing .period-switcher .discount-note {
    display: none;
    position: absolute;
    top: -2px;
    right: 0;
    width: 33%;
  }
  .mod-pricing .period-switcher .discount-note span {
    font-size: 17px;
  }
  .mod-pricing .period-switcher .discount-note p {
    font-size: 12px;
  }
  .mod-pricing .period-switcher .discount-note.active {
    display: block;
  }
  .mod-pricing #period-slider-box {
    text-align: center;
  }
  .mod-pricing #period-slider-box .slider-bar {
    display: inline-block;
    margin: 0 10px;
    padding: 3px 18px;
    width: 80px;
    vertical-align: top;
  }
  .mod-pricing #period-slider-box .slider-label {
    width: auto;
    padding-top: 7px;
  }
  .mod-pricing #peruse-slider-box {
    padding: 0 100px;
  }
  .mod-pricing #peruse-slider-box .l1 {
    padding-right: 3%;
  }
  .mod-pricing #peruse-slider-box .l2 {
    padding-right: 1%;
  }
  .mod-pricing #peruse-slider-box .l5 {
    padding-left: 7%;
  }
  .mod-pricing #peruse-slider {
    width: 125%;
    margin-left: -13%;
  }
  .mod-pricing .pricing-chart {
    max-width: 992px;
    margin: 60px 0 30px 0;
    text-align: center;
  }
  .mod-pricing .pricing-chart li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 181px;
    margin: 0 7px 20px;
    border-radius: 20px;
    text-align: center;
    color: #fff;
    -webkit-box-shadow: 0px 0px 30px 1px rgba(17,34,64,0.3);
    -moz-box-shadow: 0px 0px 30px 1px rgba(17,34,64,0.3);
    box-shadow: 0px 0px 30px 1px rgba(17,34,64,0.3);
  }
  .mod-pricing .pricing-chart li.disable {
    opacity: 0.4;
  }
  .mod-pricing .pricing-chart li.disable .overlay {
    display: block;
  }
  .mod-pricing .pricing-chart .top-block {
    padding: 10px 0;
  }
  .mod-pricing .pricing-chart .top-block h1 {
    margin: 0;
    height: 56px;
    font-weight: 300;
    text-transform: uppercase;
  }
  .mod-pricing .pricing-chart .top-block h2 {
    margin: 0;
    font-size: 1.3em;
  }
  .mod-pricing .pricing-chart .top-block sup {
    position: relative;
    top: -3px;
    font-size: 0.4em;
  }
  .mod-pricing .pricing-chart .desc-block {
    height: 290px;
    padding: 15px 15px 60px;
    background: #fff;
    color: #7f7f7f;
    font-size: 0.9em;
  }
  .mod-pricing .pricing-chart .desc-block .checks-num {
    font-size: 2em;
  }
  .mod-pricing .pricing-chart .bottom-block {
    padding: 5px 0;
    font-size: 0.8em;
  }
  .mod-pricing .pricing-chart .button {
    position: absolute;
    left: 0;
    right: 0;
    width: 75%;
    margin: 0 auto;
    padding-top: 9px !important;
    text-transform: uppercase;
    bottom: 45px;
    opacity: 0.6;
  }
  .mod-pricing .pricing-chart .button:hover {
    opacity: 1;
  }
  .mod-pricing .pricing-chart .overlay {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .mod-pricing .pricing-chart .starter-box,
  .mod-pricing .pricing-chart .starter-box .button {
    background: #72bd48;
  }
  .mod-pricing .pricing-chart .basic-box,
  .mod-pricing .pricing-chart .basic-box .button {
    background: #fdbf2d;
  }
  .mod-pricing .pricing-chart .pro-box,
  .mod-pricing .pricing-chart .pro-box .button {
    background: #1cacd4;
  }
  .mod-pricing .pricing-chart .intensive-box,
  .mod-pricing .pricing-chart .intensive-box .button {
    background: #3276b4;
  }
  .mod-pricing .pricing-chart .enterprise-box,
  .mod-pricing .pricing-chart .enterprise-box .button {
    background: #fd70a8;
  }
  .mod-pricing .pay-per-use {
    margin: 90px 0;
  }
  .mod-pricing .pay-per-use h2 {
    font-weight: 400;
  }
  .mod-pricing .pay-per-use .checks-label {
    padding: 0 0 15px 3%;
    font-weight: 400;
  }
  .mod-pricing .pay-per-use .bottom-block {
    margin-top: 60px;
    text-align: center;
  }
  .mod-pricing .pay-per-use .button {
    padding: 15px 50px !important;
  }
  .mod-pricing .buttons {
    margin: 80px 0;
    text-align: center;
  }
  .mod-pricing .buttons .button {
    margin: 0 20px;
  }
  .mod-pricing .footnote {
    padding: 0 35px;
    font-size: 0.9em;
    color: rgba(255,255,255,0.5);
  }
  .mod-pricing .footnote p {
    margin: 0;
  }
}
@media all {
  .mod-privacy {
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #eee;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.08);
    max-width: 70%;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 30px;
    color: #383838;
  }
  .mod-privacy p {
    margin-bottom: 0.6em;
  }
  .mod-privacy h2 {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
  }
  .mod-privacy ul {
    margin-bottom: 2em;
  }
  .mod-privacy ul li {
    margin-bottom: 0.5em;
    margin-left: 20px;
  }
  .mod-privacy ul li:before {
    display: inline-block;
    width: 20px;
    content: "– ";
    margin-left: -20px;
  }
  .mod-privacy ul li ul {
    list-style: circle;
    margin-top: 0.5em;
  }
  .mod-privacy ul li ul li:before {
    display: none;
  }
  .mod-privacy .title,
  .mod-team .title,
  .mod-numbers .title {
    margin: 0 0 25px 0;
    padding: 5 0 15px 0;
    padding-bottom: 5px;
    font-size: 24px;
    line-height: 1;
    letter-spacing: -1px;
    border-bottom: 2px solid #eee;
    line-height: 1em;
    font-weight: normal;
  }
  .mod-privacy .body a {
    color: blue;
    text-decoration: none;
  }
  .mod-privacy.body {
    padding-bottom: 10px;
    line-height: 1.5;
    color: #777;
  }
}
.mod-promo-credits {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 20px;
  background-color: #ffffff;
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
  width: 650px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
}
.mod-promo-credits .centered {
  text-align: center;
}
.mod-promo-credits .explanation {
  font-size: 18px;
  font-weight: bold;
  color: #444;
  margin: 50px 0 0 0;
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
.mod-promo-credits .coupon-codes {
  text-align: center;
  margin-bottom: 20px;
}
.mod-promo-credits .coupon-codes p.explanation {
  margin-bottom: 20px;
}
.mod-promo-credits .coupon-codes input[type="radio"]#tier_coupon {
  margin-right: 10px;
}
.mod-promo-credits .coupon-codes .coupon-line {
  width: 45%;
  margin: 0 auto;
  padding: 4px;
}
.mod-promo-credits .coupon-codes .coupon-line.active {
  background: #effae3;
}
.mod-promo-credits .coupon-codes input[type="text"] {
  width: 150px;
  padding: 4px 6px 3px;
  border: 1px solid #999;
  border-radius: 4px;
}
.mod-promo-credits .coupon-codes a.button {
  background-color: #FFFFFF;
  color: #555;
  font-size: 12px;
  border: 1px solid #555;
  padding: 6px 8px 7px;
  margin-left: 4px;
  display: inline-block;
  vertical-align: top;
  border-radius: 4px;
  text-decoration: none;
}
.mod-promo-credits .coupon-codes p.coupon-message {
  margin: 16px;
}
.mod-promo-credits .coupon-codes p.coupon-message.success {
  color: blue;
}
.mod-promo-credits .coupon-codes p.coupon-message.failure {
  color: red;
}
.mod-promo-credits .pricing {
  margin: 20px auto;
}
.mod-promo-credits .pricing td,
.mod-promo-credits .pricing th {
  text-align: center;
}
.mod-promo-credits .pricing td.radio,
.mod-promo-credits .pricing th.radio {
  padding: 2px 20px;
}
.mod-promo-credits .pricing td label,
.mod-promo-credits .pricing th label {
  display: block;
  padding: 2px 20px;
  cursor: pointer;
}
.mod-promo-credits .pricing tbody tr {
  cursor: pointer;
}
.mod-promo-credits .pricing tbody tr:hover,
.mod-promo-credits .pricing tbody tr:focus,
.mod-promo-credits .pricing tbody tr:target {
  background: #effae3;
}
.mod-promo-credits .pricing tbody tr.active {
  background: #E2F6CD;
}
.mod-promo-credits .teaser {
  max-width: 47em;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 8px;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  color: #666;
}
.mod-promo-credits .teaser > h2 {
  font-size: 12px;
  font-weight: normal;
}
.mod-promo-credits .teaser a {
  color: #499fd8;
  text-decoration: none;
}
.mod-promo-credits .btn-promo-cancel {
  margin: 32px auto 0;
  display: block;
  width: 100px;
  height: 35px;
  background: #fff;
  border: 1px solid #555;
  font-size: 16px;
  color: #555;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.mod-promo-credits .btn-promo-cancel:hover {
  cursor: pointer;
  background: #f3f3f3;
}
.mod-register-account {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 20px;
  background-color: #ffffff;
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
  width: 350px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
  color: #383838;
}
.mod-register-account .msg-error {
  display: none;
  text-align: center;
  padding-bottom: 15px;
  color: red;
}
.mod-register-account .msg-success {
  display: none;
  text-align: center;
  padding-bottom: 15px;
}
.mod-register-account .msg-success a {
  color: blue;
  text-decoration: none;
}
.mod-register-account .msg-success a:hover {
  text-decoration: underline;
}
.mod-register-account .fld {
  display: block;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  padding: 12px 14px;
  margin-bottom: 15px;
  color: #555;
  vertical-align: middle;
  border-radius: 3px;
  max-width: 100%;
  font-size: 18px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.mod-register-account .fld:focus {
  outline: none;
}
.mod-register-account .title {
  font-size: 12px;
  font-color: #1e2b32;
  text-align: center;
  font-family: 'gotham a', 'gotham b', 'helvetica neue', helvetica, arial, sans-serif;
  padding-top: 10px;
  padding-bottom: 20px;
  font-weight: bold;
}
.mod-register-account .btn {
  display: inline-block;
  padding: 12px 35px;
  text-decoration: none;
  margin-top: 20px;
  text-align: center;
  font-weight: 400;
  font-size: 1.2em;
  border: none;
  background-color: #a8cc60;
  color: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.mod-register-account .btn:hover {
  background-color: #a8cc60;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#a8cc60),to(#95b555));
  background-image: -webkit-linear-gradient(top,#a8cc60,#95b555);
  background-image: -moz-linear-gradient(top,#a8cc60,#95b555);
  background-image: -o-linear-gradient(top,#a8cc60,#95b555);
  background-image: -ms-linear-gradient(top,#a8cc60,#95b555);
  background-image: linear-gradient(top,#a8cc60,#95b555);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#a8cc60',EndColorStr='#95b555');
  text-decoration: none;
}
.mod-register-account .btn:active {
  background-color: #7b9546;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#7b9546),to(#5f7436));
  background-image: -webkit-linear-gradient(top,#7b9546,#5f7436);
  background-image: -moz-linear-gradient(top,#7b9546,#5f7436);
  background-image: -o-linear-gradient(top,#7b9546,#5f7436);
  background-image: -ms-linear-gradient(top,#7b9546,#5f7436);
  background-image: linear-gradient(top,#7b9546,#5f7436);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#7b9546',EndColorStr='#5f7436');
}
.remember {
  text-align: center;
}
.btn-send {
  width: 100%;
}
@import "../../../assets/css/variables.less";

.mod-register-account {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 20px;
  background-color: #ffffff;
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
  width: 350px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
}
.mod-register-account .msg-error {
  display: none;
  text-align: center;
  padding-bottom: 15px;
  color: red;
}
.mod-register-account .msg-success {
  display: none;
  text-align: center;
  padding-bottom: 15px;
}
.mod-register-account .msg-success a{
  color: blue;
  text-decoration: none;
}
.mod-register-account .msg-success a:hover{
  text-decoration: underline;
}
.mod-register-account .fld {
    display: block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    padding: 12px 14px;
    margin-bottom: 15px;
    color: #555;
    vertical-align: middle;
    border-radius: 3px;
    max-width: 100%;
    font-size: 18px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.mod-register-account .fld.error {
  border: 1px solid red;
}
.mod-register-account .fld:focus {
    outline: none;
}

.mod-register-account .title{
  font-size: 12px;
  font-color: #1e2b32;
  text-align: center;
  font-family: 'gotham a','gotham b','helvetica neue',helvetica,arial,sans-serif;
  padding-top: 10px;
  padding-bottom: 20px;
  font-weight:bold;
}

.mod-register-account .btn {
  display: inline-block;
  padding: 20px 35px;
  text-decoration: none;
  margin-top: 20px;
  text-align: center;
  font-weight: 400;
  font-size: 1.2em;
  border: none;
  background-color: #a8cc60;
  color: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  &:hover {
    background-color: #a8cc60;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(168, 204, 96)), to(rgb(149, 181, 85)));
    background-image: -webkit-linear-gradient(top, rgb(168, 204, 96), rgb(149, 181, 85));
    background-image: -moz-linear-gradient(top, rgb(168, 204, 96), rgb(149, 181, 85));
    background-image: -o-linear-gradient(top, rgb(168, 204, 96), rgb(149, 181, 85));
    background-image: -ms-linear-gradient(top, rgb(168, 204, 96), rgb(149, 181, 85));
    background-image: linear-gradient(top, rgb(168, 204, 96), rgb(149, 181, 85));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#a8cc60', EndColorStr='#95b555');
    text-decoration: none;
  }
  &:active {
    background-color: #7b9546;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(123, 149, 70)), to(rgb(95, 116, 54)));
    background-image: -webkit-linear-gradient(top, rgb(123, 149, 70), rgb(95, 116, 54));
    background-image: -moz-linear-gradient(top, rgb(123, 149, 70), rgb(95, 116, 54));
    background-image: -o-linear-gradient(top, rgb(123, 149, 70), rgb(95, 116, 54));
    background-image: -ms-linear-gradient(top, rgb(123, 149, 70), rgb(95, 116, 54));
    background-image: linear-gradient(top, rgb(123, 149, 70), rgb(95, 116, 54));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#7b9546', EndColorStr='#5f7436');
  }
}

.btn-send {
  width: 100%;
}@media screen {
  .mod-register-claim {
    text-align: center;
    margin: 50px 0 50px;
  }
  .mod-register-claim h1 {
    color: #ffffff;
    line-height: 1em;
    padding-bottom: 10px;
    font-weight: 200;
    margin-bottom: 0;
  }
  .mod-register-claim h2 {
    color: #d4e4f5;
    font-weight: 300;
  }
}
@media screen and (max-width: 726px) {
  .mod-register-claim {
    margin: 40px 0;
  }
  .mod-register-claim h1 {
    line-height: 1;
  }
}
@media screen {
  .mod-register-pro .rounded-border {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 20px;
    background-color: #ffffff;
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    max-width: 40%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
  }
  .mod-register-pro .success {
    text-align: center;
  }
  .mod-register-pro .success p {
    margin: 20px 0;
    font-family: "Proxima N W01 Bold";
    line-height: 1.5;
    font-size: 20px;
    color: #666;
  }
  .mod-register-pro .submit-wrapper {
    width: 100%;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mod-register-pro .btn-another {
    margin-bottom: 20px;
  }
  .mod-register-pro .btn-submit,
  .mod-register-pro .btn-another {
    display: inline-block;
    padding: 20px 65px;
    text-decoration: none;
    margin-top: 20px;
    text-align: center;
    font-family: "Proxima N W01 Bold";
    font-size: 1.3em;
    border: none;
    background-color: #a8cc60;
    color: white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
  }
  .mod-register-pro .btn-submit:hover,
  .mod-register-pro .btn-another:hover {
    background-color: #a8cc60;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#a8cc60),to(#95b555));
    background-image: -webkit-linear-gradient(top,#a8cc60,#95b555);
    background-image: -moz-linear-gradient(top,#a8cc60,#95b555);
    background-image: -o-linear-gradient(top,#a8cc60,#95b555);
    background-image: -ms-linear-gradient(top,#a8cc60,#95b555);
    background-image: linear-gradient(top,#a8cc60,#95b555);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#a8cc60',EndColorStr='#95b555');
  }
  .mod-register-pro .btn-submit:active,
  .mod-register-pro .btn-another:active {
    background-color: #7b9546;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#7b9546),to(#5f7436));
    background-image: -webkit-linear-gradient(top,#7b9546,#5f7436);
    background-image: -moz-linear-gradient(top,#7b9546,#5f7436);
    background-image: -o-linear-gradient(top,#7b9546,#5f7436);
    background-image: -ms-linear-gradient(top,#7b9546,#5f7436);
    background-image: linear-gradient(top,#7b9546,#5f7436);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#7b9546',EndColorStr='#5f7436');
  }
}
.mod-reset-password {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 25px 20px;
  background-color: #ffffff;
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
  width: 350px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
  color: #555;
}
.mod-reset-password .msg-error {
  display: none;
  text-align: center;
  padding-bottom: 15px;
  color: red;
}
.mod-reset-password .msg-success {
  display: none;
  text-align: center;
  padding-bottom: 15px;
}
.mod-reset-password .fld {
  display: block;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  padding: 12px 14px;
  margin-bottom: 24px;
  color: #555;
  vertical-align: middle;
  border-radius: 3px;
  max-width: 100%;
  font-size: 18px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.mod-reset-password .fld:focus {
  outline: none;
}
.mod-reset-password .title {
  font-size: 12px;
  font-color: #1e2b32;
  text-align: center;
  font-family: 'gotham a', 'gotham b', 'helvetica neue', helvetica, arial, sans-serif;
  padding-top: 10px;
  padding-bottom: 20px;
  font-weight: bold;
}
.mod-reset-password .reset {
  text-align: center;
  padding-top: 15px;
}
.mod-reset-password .reset a {
  font-size: 12px;
  color: #696f77;
  font-color: #1e2b32;
  font-weight: bold;
  text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
.mod-reset-password .reset a:hover {
  color: #222;
}
.mod-reset-password .btn {
  display: inline-block;
  padding: 12px 35px;
  text-decoration: none;
  text-align: center;
  font-weight: 400;
  font-size: 1.2em;
  border: none;
  background-color: #a8cc60;
  color: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.mod-reset-password .btn:hover {
  background-color: #a8cc60;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#a8cc60),to(#95b555));
  background-image: -webkit-linear-gradient(top,#a8cc60,#95b555);
  background-image: -moz-linear-gradient(top,#a8cc60,#95b555);
  background-image: -o-linear-gradient(top,#a8cc60,#95b555);
  background-image: -ms-linear-gradient(top,#a8cc60,#95b555);
  background-image: linear-gradient(top,#a8cc60,#95b555);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#a8cc60',EndColorStr='#95b555');
  text-decoration: none;
}
.mod-reset-password .btn:active {
  background-color: #7b9546;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#7b9546),to(#5f7436));
  background-image: -webkit-linear-gradient(top,#7b9546,#5f7436);
  background-image: -moz-linear-gradient(top,#7b9546,#5f7436);
  background-image: -o-linear-gradient(top,#7b9546,#5f7436);
  background-image: -ms-linear-gradient(top,#7b9546,#5f7436);
  background-image: linear-gradient(top,#7b9546,#5f7436);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#7b9546',EndColorStr='#5f7436');
}
.btn-send {
  width: 100%;
}
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
@media screen {
  .mod-screenshots {
    zoom: 1;
    clear: both;
    text-align: center;
    padding: 100px 0 0;
  }
  .mod-screenshots:before,
  .mod-screenshots:after {
    content: "";
    display: table;
  }
  .mod-screenshots:after {
    clear: both;
  }
  .mod-screenshots h2 {
    color: white;
    font-size: 2.2em;
    font-weight: 300;
    line-height: 1;
    margin-bottom: 0.5em;
  }
  .mod-screenshots h3 {
    color: #d4e4f5;
    font-size: 1.4em;
    font-weight: 300;
    line-height: 1;
    margin-bottom: 0.5em;
  }
  .mod-screenshots .col-left {
    float: left;
    width: 50%;
    position: relative;
  }
  .mod-screenshots .col-left img {
    display: block;
    left: 0;
    width: 761px;
    margin-top: 45px;
  }
  .mod-screenshots .col-left video {
    width: 110%;
    height: auto;
    margin-left: -4%;
  }
  .mod-screenshots .col-right {
    float: right;
    width: 50%;
    position: relative;
  }
  .mod-screenshots .col-right img {
    display: block;
    width: 215px;
    margin: 50px auto;
  }
  .mod-screenshots .col-right .video-box {
    width: 190px;
    margin-top: 85px;
  }
  .mod-screenshots .col-right video {
    width: 316%;
    height: auto;
    margin-left: -107%;
  }
  .mod-screenshots .video-box {
    position: absolute;
    overflow: hidden;
    z-index: 9;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1280px) {
  .mod-screenshots {
    max-width: 1280px;
    margin: 0 auto;
  }
  .mod-screenshots .col-left img {
    margin-left: -52px;
    width: 761px;
  }
  .mod-screenshots .col-left .video-box {
    width: 565px;
    margin-top: 69px;
    margin-left: 46px;
  }
}
@media (max-width: 1280px) {
  .mod-screenshots .col-left img {
    margin-left: -150px;
  }
  .mod-screenshots .col-left .video-box {
    width: 565px;
    margin-top: 69px;
    margin-left: -51px;
  }
  .mod-screenshots .col-right img {
    margin: 50px auto;
  }
}
@media screen and (max-width: 1024px) {
  .mod-screenshots .col-left img {
    margin-left: -220px;
  }
  .mod-screenshots .col-left .video-box {
    width: 565px;
    margin-top: 69px;
    margin-left: -121px;
  }
  .mod-screenshots .col-right img {
    width: 215px;
  }
}
@media (max-width: 768px) {
  .mod-screenshots .col-left {
    width: 100%;
    margin-bottom: 60px;
  }
  .mod-screenshots .col-left img {
    width: 1152px;
    margin-left: -51%;
  }
  .mod-screenshots .col-left .video-box {
    width: 854px;
    margin-top: 88px;
    margin-left: -31.5%;
  }
  .mod-screenshots .col-left .video-box video {
    width: 940px;
  }
  .mod-screenshots .col-right {
    width: 100%;
  }
  .mod-screenshots .col-right img {
    width: 380px;
  }
  .mod-screenshots .col-right .video-box {
    width: 337px;
    margin-top: 120px;
  }
  .mod-screenshots .col-right .video-box video {
    width: 1058px;
  }
}
.mod-set-password {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 20px;
  background-color: #ffffff;
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
  width: 350px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 100px;
  margin-top: 25px;
  color: #555;
}
.mod-set-password .msg-error {
  display: none;
  text-align: center;
  padding-bottom: 15px;
  color: red;
}
.mod-set-password .msg-success {
  display: none;
  text-align: center;
  padding-bottom: 15px;
}
.mod-set-password .fld {
  display: block;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  padding: 12px 14px;
  margin-bottom: 15px;
  color: #555;
  vertical-align: middle;
  border-radius: 3px;
  max-width: 100%;
  line-height: 1;
  font-size: 18px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.mod-set-password .fld:focus {
  outline: none;
}
.mod-set-password .title {
  font-size: 12px;
  font-color: #1e2b32;
  text-align: center;
  font-family: 'gotham a', 'gotham b', 'helvetica neue', helvetica, arial, sans-serif;
  padding-top: 10px;
  padding-bottom: 20px;
  font-weight: bold;
}
.mod-set-password .reset {
  text-align: center;
  padding-top: 15px;
}
.mod-set-password .reset a {
  font-size: 12px;
  color: #696f77;
  font-color: #1e2b32;
  font-family: 'gotham a', 'gotham b', 'helvetica neue', helvetica, arial, sans-serif;
  font-weight: bold;
  text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
.mod-set-password .reset a:hover {
  color: #222;
}
.mod-set-password .btn {
  display: inline-block;
  padding: 20px 65px;
  text-decoration: none;
  margin-top: 20px;
  text-align: center;
  font-weight: 400;
  font-size: 1.0em;
  border: none;
  background-color: #a8cc60;
  color: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.mod-set-password .btn:hover {
  background-color: #a8cc60;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#a8cc60),to(#95b555));
  background-image: -webkit-linear-gradient(top,#a8cc60,#95b555);
  background-image: -moz-linear-gradient(top,#a8cc60,#95b555);
  background-image: -o-linear-gradient(top,#a8cc60,#95b555);
  background-image: -ms-linear-gradient(top,#a8cc60,#95b555);
  background-image: linear-gradient(top,#a8cc60,#95b555);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#a8cc60',EndColorStr='#95b555');
  text-decoration: none;
}
.mod-set-password .btn:active {
  background-color: #7b9546;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#7b9546),to(#5f7436));
  background-image: -webkit-linear-gradient(top,#7b9546,#5f7436);
  background-image: -moz-linear-gradient(top,#7b9546,#5f7436);
  background-image: -o-linear-gradient(top,#7b9546,#5f7436);
  background-image: -ms-linear-gradient(top,#7b9546,#5f7436);
  background-image: linear-gradient(top,#7b9546,#5f7436);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#7b9546',EndColorStr='#5f7436');
}
.btn-send {
  width: 100%;
}
@media all {
  .mod-site-navigation {
    float: right;
  }
  .mod-site-navigation a {
    padding: 10px;
  }
  .navigation {
    font-size: 1.1em;
  }
  .navigation a {
    color: rgba(255,255,255,0.9);
    text-decoration: none;
  }
  .navigation a:hover {
    color: white;
  }
  .navigation a.button {
    margin-left: 11px;
  }
}
@media (max-width: 1024px) {
  .mod-site-navigation {
    float: none;
    text-align: center;
  }
}
.mod-summary-unsubscribe {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 20px;
  background-color: #ffffff;
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
  width: 350px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
  color: #383838;
}
.mod-summary-unsubscribe .msg-error {
  display: none;
  padding-bottom: 15px;
  text-align: center;
  color: red;
}
.mod-summary-unsubscribe .fld {
  display: block;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  padding: 12px 14px;
  margin-bottom: 15px;
  color: #555;
  vertical-align: middle;
  border-radius: 3px;
  max-width: 100%;
  font-size: 18px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.mod-summary-unsubscribe .fld:focus {
  outline: none;
}
.mod-summary-unsubscribe .title {
  font-size: 12px;
  font-color: #1e2b32;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 20px;
  font-weight: bold;
}
.mod-summary-unsubscribe .reset {
  text-align: center;
  padding-top: 15px;
}
.mod-summary-unsubscribe .reset label {
  display: inline-block;
  margin-bottom: 5px;
  cursor: pointer;
}
.mod-summary-unsubscribe .reset a {
  font-size: 12px;
  color: #696f77;
  font-color: #1e2b32;
  font-weight: 400;
  text-shadow: 0 1px 0 rgba(255,255,255,0.5);
  text-decoration: none;
}
.mod-summary-unsubscribe .reset a:hover {
  text-decoration: underline;
}
.mod-summary-unsubscribe .reset a:hover {
  color: #222;
}
.mod-summary-unsubscribe .btn {
  display: inline-block;
  padding: 20px 65px;
  text-decoration: none;
  text-align: center;
  font-size: 1.3em;
  font-weight: 400;
  border: none;
  background-color: #d62a08;
  color: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.mod-summary-unsubscribe .btn:hover {
  background-color: #be2405;
  text-decoration: none;
}
.mod-summary-unsubscribe .btn:active {
  background-color: #d62a08;
}
.btn-summary-unsubscribe {
  width: 100%;
}
@media all {
  .mod-terms {
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #eee;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.08);
    max-width: 70%;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 30px;
    color: #383838;
  }
  .mod-terms p {
    margin-bottom: 0.6em;
  }
  .mod-terms h2 {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
  }
  .mod-terms ul {
    margin-bottom: 2em;
  }
  .mod-terms ul li {
    margin-bottom: 0.5em;
    margin-left: 20px;
  }
  .mod-terms ul li:before {
    display: inline-block;
    width: 20px;
    content: "– ";
    margin-left: -20px;
  }
  .mod-terms .title,
  .mod-team .title,
  .mod-numbers .title {
    margin: 0 0 25px 0;
    padding: 5 0 15px 0;
    padding-bottom: 5px;
    font-size: 24px;
    line-height: 1;
    letter-spacing: -1px;
    border-bottom: 2px solid #eee;
    line-height: 1em;
    font-weight: normal;
  }
  .mod-terms .body a {
    color: blue;
    text-decoration: none;
  }
  .mod-terms.body {
    padding-bottom: 10px;
    line-height: 1.5;
    color: #777;
  }
}
@media all {
  .mod-terms-privacy-links .terms {
    margin-top: 20px;
    margin-bottom: 150px;
    text-align: center;
    color: rgba(255,255,255,0.4);
  }
  .mod-terms-privacy-links .terms a {
    color: rgba(255,255,255,0.6);
  }
  .mod-terms-privacy-links .terms a:hover {
    color: white;
  }
}
@media screen and (max-width: 726px) {
  .mod-navigation {
    margin-top: 20px;
    text-align: left;
  }
}
@media screen {
  .mod-unsubscribe {
    text-align: center;
    margin: 50px 0 200px;
  }
  .mod-unsubscribe h1 {
    color: #ffffff;
    line-height: 1em;
    padding-bottom: 10px;
    font-weight: 200;
    margin-bottom: 0;
  }
  .mod-unsubscribe h2 {
    margin-bottom: 40px;
    color: #d4e4f5;
    font-weight: 100;
  }
}
@media screen {
  .mod-unsubscribe-weekly-summary .rounded-border {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 20px;
    background-color: #ffffff;
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    max-width: 40%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
  }
  .mod-unsubscribe-weekly-summary .success {
    text-align: center;
  }
  .mod-unsubscribe-weekly-summary .success p {
    margin: 20px 0;
    font-weight: normal;
    line-height: 1.5;
    font-size: 18px;
    color: #666;
  }
  .mod-unsubscribe-weekly-summary .success p > a {
    color: #666;
    text-decoration: underline;
  }
  .mod-unsubscribe-weekly-summary .success p > a:hover {
    color: #ccc;
    text-decoration: underline;
  }
  .mod-unsubscribe-weekly-summary .submit-wrapper {
    width: 100%;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mod-unsubscribe-weekly-summary .btn-another {
    margin-bottom: 20px;
  }
  .mod-unsubscribe-weekly-summary .btn-submit,
  .mod-unsubscribe-weekly-summary .btn-another {
    display: inline-block;
    padding: 20px 65px;
    text-decoration: none;
    margin-top: 20px;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    border: none;
    background-color: #a8cc60;
    color: white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 35px;
    cursor: pointer;
  }
  .mod-unsubscribe-weekly-summary .btn-submit:hover,
  .mod-unsubscribe-weekly-summary .btn-another:hover {
    background-color: #a8cc60;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#a8cc60),to(#95b555));
    background-image: -webkit-linear-gradient(top,#a8cc60,#95b555);
    background-image: -moz-linear-gradient(top,#a8cc60,#95b555);
    background-image: -o-linear-gradient(top,#a8cc60,#95b555);
    background-image: -ms-linear-gradient(top,#a8cc60,#95b555);
    background-image: linear-gradient(top,#a8cc60,#95b555);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#a8cc60',EndColorStr='#95b555');
  }
  .mod-unsubscribe-weekly-summary .btn-submit:active,
  .mod-unsubscribe-weekly-summary .btn-another:active {
    background-color: #7b9546;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#7b9546),to(#5f7436));
    background-image: -webkit-linear-gradient(top,#7b9546,#5f7436);
    background-image: -moz-linear-gradient(top,#7b9546,#5f7436);
    background-image: -o-linear-gradient(top,#7b9546,#5f7436);
    background-image: -ms-linear-gradient(top,#7b9546,#5f7436);
    background-image: linear-gradient(top,#7b9546,#5f7436);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#7b9546',EndColorStr='#5f7436');
  }
}
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.mod-use-for {
  zoom: 1;
  clear: both;
  text-align: center;
  padding: 75px;
}
.mod-use-for:before,
.mod-use-for:after {
  content: "";
  display: table;
}
.mod-use-for:after {
  clear: both;
}
.mod-use-for h2 {
  color: white;
  font-size: 2.2em;
  font-weight: 300;
  line-height: 1;
  margin-bottom: 0.5em;
}
.mod-use-for h3 {
  color: #d4e4f5;
  font-size: 1.4em;
  font-weight: 300;
  line-height: 1;
  margin-bottom: 0.5em;
}
.mod-use-for .col-left {
  float: left;
  width: 50%;
}
.mod-use-for .col-left ul {
  width: 180px;
  margin-left: 6%;
}
.mod-use-for .col-left ul+ul {
  width: 145px;
}
.mod-use-for .col-right {
  float: right;
  width: 50%;
}
.mod-use-for ul {
  display: inline-block;
  margin-top: 25px;
  font-size: 1.2em;
  color: #fff;
  list-style-type: disc;
  vertical-align: top;
}
.mod-use-for ul li {
  margin-bottom: 10px;
  text-align: left;
  font-weight: 100;
}
@media (min-width: 1280px) {
  .mod-use-for {
    max-width: 1280px;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .mod-use-for {
    padding: 50px 0 75px;
  }
  .mod-use-for .col-left {
    float: none;
    width: 100%;
    margin-bottom: 40px;
  }
  .mod-use-for .col-left ul {
    width: 38%;
    padding-left: 40px;
  }
  .mod-use-for .col-right {
    float: none;
    width: 100%;
  }
  .mod-use-for .col-right ul {
    width: 50%;
  }
}
@media (max-width: 320px) {
  .mod-use-for {
    padding: 50px 10px 75px;
  }
  .mod-use-for .col-left {
    float: none;
    width: 100%;
    margin-bottom: 40px;
  }
  .mod-use-for .col-left ul {
    width: 40%;
    padding-left: 10px;
  }
  .mod-use-for .col-right {
    float: none;
    width: 100%;
  }
  .mod-use-for .col-right ul {
    width: 50%;
  }
}