/* Minification failed. Returning unminified contents. (5347,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' */ @media(max-width:767px){#site-logo{position:fixed;margin-top:-45px;z-index:1040}#site-logo img{height:40px}}#errorModal{color:#000}#errorModal .modal-header.success{background:#dff0d8;color:#3c763d;font-weight:bold}#errorModal .modal-header.failure{background:#f2dede;color:#a94442;font-weight:bold}#view-accountoverview .detail{display:block}#view-accountoverview .form{display:none}#view-accountoverview .editbutton{display:block}#view-accountoverview .panel-body.edit{background-color:#f5f5f5}#view-accountoverview .panel-body.edit .detail{display:none}#view-accountoverview .panel-body.edit .form{display:block}#view-accountoverview .panel-body.edit .editbutton{display:none}#view-agendaeventlist .date .dayofmonth{width:40px;font-size:36px;line-height:36px;float:left;text-align:right;margin-right:10px}#view-agendaeventlist .date .shortdate{font-size:.75em}#view-agendaeventlist tbody:first-child>tr:first-child th,#view-agendaeventlist tbody:first-child>tr:first-child td{border-top:0}#view-agendaeventlist .table-bordered,#view-agendaeventlist .table-responsive>.table-bordered{border:0}#view-agendaeventlist .table-bordered>thead>tr>th:first-child,#view-agendaeventlist .table-responsive>.table-bordered>thead>tr>th:first-child,#view-agendaeventlist .table-bordered>tbody>tr>th:first-child,#view-agendaeventlist .table-responsive>.table-bordered>tbody>tr>th:first-child,#view-agendaeventlist .table-bordered>tfoot>tr>th:first-child,#view-agendaeventlist .table-responsive>.table-bordered>tfoot>tr>th:first-child,#view-agendaeventlist .table-bordered>thead>tr>td:first-child,#view-agendaeventlist .table-responsive>.table-bordered>thead>tr>td:first-child,#view-agendaeventlist .table-bordered>tbody>tr>td:first-child,#view-agendaeventlist .table-responsive>.table-bordered>tbody>tr>td:first-child,#view-agendaeventlist .table-bordered>tfoot>tr>td:first-child,#view-agendaeventlist .table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}#view-agendaeventlist .table-bordered>thead>tr>th:last-child,#view-agendaeventlist .table-responsive>.table-bordered>thead>tr>th:last-child,#view-agendaeventlist .table-bordered>tbody>tr>th:last-child,#view-agendaeventlist .table-responsive>.table-bordered>tbody>tr>th:last-child,#view-agendaeventlist .table-bordered>tfoot>tr>th:last-child,#view-agendaeventlist .table-responsive>.table-bordered>tfoot>tr>th:last-child,#view-agendaeventlist .table-bordered>thead>tr>td:last-child,#view-agendaeventlist .table-responsive>.table-bordered>thead>tr>td:last-child,#view-agendaeventlist .table-bordered>tbody>tr>td:last-child,#view-agendaeventlist .table-responsive>.table-bordered>tbody>tr>td:last-child,#view-agendaeventlist .table-bordered>tfoot>tr>td:last-child,#view-agendaeventlist .table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}#view-agendaeventlist .table-bordered>thead>tr:first-child>th,#view-agendaeventlist .table-responsive>.table-bordered>thead>tr:first-child>th,#view-agendaeventlist .table-bordered>tbody>tr:first-child>th,#view-agendaeventlist .table-responsive>.table-bordered>tbody>tr:first-child>th,#view-agendaeventlist .table-bordered>tfoot>tr:first-child>th,#view-agendaeventlist .table-responsive>.table-bordered>tfoot>tr:first-child>th,#view-agendaeventlist .table-bordered>thead>tr:first-child>td,#view-agendaeventlist .table-responsive>.table-bordered>thead>tr:first-child>td,#view-agendaeventlist .table-bordered>tbody>tr:first-child>td,#view-agendaeventlist .table-responsive>.table-bordered>tbody>tr:first-child>td,#view-agendaeventlist .table-bordered>tfoot>tr:first-child>td,#view-agendaeventlist .table-responsive>.table-bordered>tfoot>tr:first-child>td{border-top:0}#view-agendaeventlist .table-responsive{margin-bottom:0;border:0}#view-agendaeventlist .table{margin-bottom:0}#view-manageevent .k-header{background-color:transparent}#view-manageevent .k-widget.input-sm{padding:0}#view-manageevent .k-datepicker{width:9em}#view-manageevent .k-datepicker .k-select{display:none}#view-manageevent .k-timepicker{width:7.5em}#view-manageevent .k-timepicker .k-select{display:none}#view-manageevent .k-picker-wrap{padding-right:0}#view-calendar{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#view-calendar .fc-event{cursor:pointer}#view-calendar .fc-other-month{background-color:#f0f0f0}#view-calendar .fc-event-time{display:block;font-size:.85em;font-weight:normal;opacity:.5;filter:alpha(opacity=50)}#view-calendar .legend .legend-color{width:15px;height:15px}.calendar-popover{font-size:.85em;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:.95;filter:alpha(opacity=95)}.calendar-popover dl{margin:0}.calendar-popover dl dt{text-align:left;width:80px}.calendar-popover dl dd{margin-left:90px}.calendar-popover .options{border-top:1px solid #ddd;margin-top:10px;padding-top:5px}.view-item .image{text-align:center}.view-item.view-item-card .details{margin-top:10px}.view-item.view-item-card .details .itemdescription{font-size:1.1em;height:2.8em;overflow:hidden}.view-item.view-item-card .details .price{margin-top:10px;font-size:1em}.view-item.view-item-card .image{height:150px;overflow:hidden}.view-item.view-item-card .image img{max-height:150px}.view-item.view-item-detail .image{height:200px;overflow:hidden}.view-item.view-item-detail .image img{max-height:200px}.view-item.view-item-detail .details .itemdescription{font-size:1.4em}.view-item.view-item-detail .details .itemcode{color:#aaa;font-size:.85em;padding-bottom:10px;border-bottom:1px solid #ddd}.view-item.view-item-detail .details .price{margin-top:15px;font-size:1.2em}.view-item.view-item-detail .summary{font-size:1.1em;margin-top:3em}#view-sitelogin{width:320px;height:320px;padding:40px;position:absolute;top:50%;left:50%;margin-left:-160px;margin-top:-160px;background:#fff;border:1px solid #ccc}#view-sitelogin::before,#view-sitelogin::after{content:"";position:absolute;width:100%;height:100%;top:3.5px;left:0;background:#fff;z-index:-1;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);border:1px solid #ccc}#view-sitelogin::after{top:5px;z-index:-2;-webkit-transform:rotateZ(-2deg);-moz-transform:rotateZ(-2deg);-ms-transform:rotateZ(-2deg)}#view-sitelogin .form-group{margin-bottom:5px}.ordersummary hr{margin:0}.ordersummary .padded-container{padding:10px}.ordersummary .items-container{min-height:140px;border-left:1px dotted #ddd}.ordersummary .item{margin-bottom:10px}.jOrgChart .node{width:45px;font-size:11px;cursor:pointer}.jOrgChart .node .node-body{height:70px;width:45px;border-radius:3px;border:1px solid #000}.jOrgChart .node .node-body.rank-0{background:#35363b}.jOrgChart .node .node-body.rank-1{background:green}.jOrgChart .node .node-body.rank-2{background:aqua}.jOrgChart .node .node-body.rank-3{background:#ffc0cb}.jOrgChart .node .node-body.rank-4{background:#ee82ee}.jOrgChart .node .node-body.rank-5{background:#32cd32}.jOrgChart .node .node-body.rank-6{background:blue}.jOrgChart .node .node-body.rank-7{background:#ff0}.jOrgChart .node .node-body.rank-8{background:purple}.jOrgChart .node .node-body.rank-9{background:#a52a2a}.jOrgChart .node .node-body .fa-heart{color:red;float:left}.jOrgChart .node .node-body .fa-repeat{color:#ffa500;float:right}.jOrgChart .node .node-options{width:45px}.jOrgChart .node.null-node{visibility:hidden}.jOrgChart .node.open-node .node-body{background:#ccc}.jOrgChart .node.open-node .node-body [class*=fa-]{background:transparent;color:#000;font-size:44px;position:relative;top:7px;left:-2px}.jOrgChart .line.null-node,.jOrgChart .top.null-node,.jOrgChart .left.null-node,.jOrgChart .right.null-node{border:0 !important;background-color:transparent !important}#view-tree-viewer .key-item{display:block;width:20px;height:20px;border:1px solid #000}#view-tree-viewer .key-item.icon{border:none}#view-tree-viewer .key-item.rank-0{background:#35363b}#view-tree-viewer .key-item.rank-1{background:green}#view-tree-viewer .key-item.rank-2{background:aqua}#view-tree-viewer .key-item.rank-3{background:#ffc0cb}#view-tree-viewer .key-item.rank-4{background:#ee82ee}#view-tree-viewer .key-item.rank-5{background:#32cd32}#view-tree-viewer .key-item.rank-6{background:blue}#view-tree-viewer .key-item.rank-7{background:#ff0}#view-tree-viewer .key-item.rank-8{background:purple}#view-tree-viewer .key-item.rank-9{background:#a52a2a}#view-tree-viewer .key-item.fa-plus-circle{color:#000}#view-tree-viewer .key-item.fa-heart{color:red}#view-tree-viewer .key-item.fa-repeat{color:#ffa500}#view-tree-viewer .key-item[class*=fa-]{font-size:22px;position:relative;top:-1px}#view-tree-viewer .table-hover thead{background:#ddd}#view-tree-viewer .table-hover tbody tr{cursor:pointer}#view-tree-viewer #search-results-container{max-height:300px;overflow-y:auto;display:none}#view-tree-viewer #upline-container{max-height:300px;overflow-y:auto}.view-treenode-popover{min-height:60px}.view-profilepopover{height:60px}#view-quickorder #view-ordersummary.affix{top:48px}@media(min-width:1200px){#view-quickorder #view-ordersummary.affix{width:262.5px}}@media(min-width:992px) and (max-width:1199px){#view-quickorder #view-ordersummary.affix{width:212.5px}}@media(min-width:768px) and (max-width:991px){#view-quickorder #view-ordersummary.affix{position:relative}}@media(max-width:767px){#view-quickorder #view-ordersummary.affix{position:relative}}#view-quickorder .tt-dropdown-menu{width:422px;margin-top:12px;padding:8px 0;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}#view-quickorder .tt-suggestion{padding:3px 20px}#view-quickorder .tt-suggestion.tt-is-under-cursor{color:#fff;background-color:#0097cf}#view-quickorder .tt-suggestion p{margin:0}#view-quickorder .tt-hint{color:#999;width:100%}#view-quickorder .tt-query{background-color:#fff !important}#view-shoppingreview .order-totals dl dt{font-weight:normal} @font-face { font-family: 'Gotham'; src: url('../Content/font/Gotham-Bold.woff') format('woff'), url('../Content/font/Gotham-Bold.ttf') format('truetype'), url('../Content/font/Gotham-Bold.svg') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Gotham'; src:url('../Content/font/Gotham-Book.woff') format('woff'), url('../Content/font/Gotham-Book.ttf') format('truetype'), url('../Content/font/Gotham-Book.svg') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Gotham'; src:url('../Content/font/Gotham-Light.woff') format('woff'), url('../Content/font/Gotham-Light.ttf') format('truetype'), url('../Content/font/Gotham-Light.svg') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Gotham'; src: url('../Content/font/Gotham-Medium.woff') format('woff'), url('../Content/font/Gotham-Medium.ttf') format('truetype'), url('../Content/font/Gotham-Medium.svg') format('svg'); font-weight: 500; font-style: normal; } html,body { width: 100%; padding: 0px; margin: 0px; } * { font-family: 'Gotham', Arial, Helvetica, sans-serif; font-size: 11px; } .cd-top { background: #003267 url('../Content/images/cd-top-arrow.svg') no-repeat center 50%; display: inline-block; height: 30px; width: 40px; position: fixed; bottom: 40px; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; z-index: 999999; } @font-face { font-family: 'icomoon'; src: url('../Content/font/icomoon/icomoon.eot?6g0bn6'); src: url('../Content/font/icomoon/icomoon.eot?6g0bn6#iefix') format('embedded-opentype'), url('../Content/font/icomoon/icomoon.ttf?6g0bn6') format('truetype'), url('../Content/font/icomoon/icomoon.woff?6g0bn6') format('woff'), url('../Content/font/icomoon/icomoon.svg?6g0bn6#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"],[class^="icon-"]:before, [class*=" icon-"]:before, [class^="icon-"]:after, [class*=" icon-"]:after { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 1em; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-copyright:before { content: "\e900"; } .icon-credit-card-alt:before { content: "\e901"; } .icon-open:before { content: "\e902"; } .icon-clipboard-add:before { content: "\e903"; } .icon-document-edit:before { content: "\e904"; } .icon-pen-angled:before { content: "\e905"; } .icon-credit:before { content: "\e906"; } .icon-pencil:before { content: "\e907"; } .icon-copy:before { content: "\e908"; } .icon-duplicate:before { content: "\e908"; } .icon-files:before { content: "\e908"; } .icon-pages:before { content: "\e908"; } .icon-papers:before { content: "\e908"; } .icon-documents:before { content: "\e908"; } .icon-display:before { content: "\e909"; } .icon-screen:before { content: "\e909"; } .icon-monitor:before { content: "\e909"; } .icon-computer:before { content: "\e909"; } .icon-desktop:before { content: "\e909"; } .icon-pc:before { content: "\e909"; } .icon-refresh:before { content: "\e90a"; } .icon-spinner:before { content: "\e90b"; } .icon-spinner2:before { content: "\e90c"; } .icon-loop2:before { content: "\e90d"; } .icon-database:before { content: "\e90e"; } .icon-clock:before { content: "\e90f"; } .icon-calendar:before { content: "\e910"; } .icon-loader:before { content: "\e911"; } .icon-basket:before { content: "\e912"; } .icon-rotate:before { content: "\e913"; } .icon-hourglass:before { content: "\e914"; } .icon-zoom-out:before { content: "\e915"; } .icon-zoom-in:before { content: "\e916"; } .icon-magnifier3:before { content: "\e917"; } .icon-3d_rotation:before { content: "\e918"; } .icon-calendar3:before { content: "\e919"; } .icon-calendar2:before { content: "\e91a"; } .icon-home:before { content: "\e91b"; } .icon-user-plus:before { content: "\e91c"; } .icon-done:before { content: "\e91d"; } .icon-member:before { content: "\e91e"; } .icon-personal-guest-myaccount:before { content: "\e91f"; } .icon-sponsor:before { content: "\e920"; } .icon-arrow-bold-right:before { content: "\e921"; } .icon-arrow-bold-left:before { content: "\e922"; } .icon-uniF100:before { content: "\f100"; } .icon-uniF101:before { content: "\f101"; } .icon-uniF102:before { content: "\f102"; } .icon-uniF103:before { content: "\f103"; } .icon-uniF104:before { content: "\f104"; } .icon-uniF105:before { content: "\f105"; } .icon-uniF106:before { content: "\f106"; } .icon-uniF107:before { content: "\f107"; } .icon-uniF108:before { content: "\f108"; } .icon-uniF109:before { content: "\f109"; } .icon-uniF10A:before { content: "\f10a"; } .icon-uniF10B:before { content: "\f10b"; } .icon-uniF10C:before { content: "\f10c"; } .icon-uniF10D:before { content: "\f10d"; } .icon-uniF10E:before { content: "\f10e"; } .icon-uniF10F:before { content: "\f10f"; } .icon-uniF110:before { content: "\f110"; } .icon-uniF111:before { content: "\f111"; } .icon-uniF112:before { content: "\f112"; } .icon-uniF113:before { content: "\f113"; } .icon-uniF114:before { content: "\f114"; } .icon-uniF115:before { content: "\f115"; } .icon-uniF116:before { content: "\f116"; } .icon-uniF117:before { content: "\f117"; } .icon-uniF118:before { content: "\f118"; } .icon-uniF119:before { content: "\f119"; } .icon-uniF11A:before { content: "\f11a"; } .icon-uniF11B:before { content: "\f11b"; } .icon-uniF11C:before { content: "\f11c"; } .icon-uniF11D:before { content: "\f11d"; } .icon-uniF11E:before { content: "\f11e"; } .icon-uniF11F:before { content: "\f11f"; } .icon-uniF120:before { content: "\f120"; } .icon-uniF121:before { content: "\f121"; } .icon-uniF122:before { content: "\f122"; } .icon-uniF123:before { content: "\f123"; } .icon-uniF124:before { content: "\f124"; } .icon-uniF125:before { content: "\f125"; } .icon-uniF126:before { content: "\f126"; } .icon-uniF127:before { content: "\f127"; } .icon-uniF128:before { content: "\f128"; } .icon-uniF129:before { content: "\f129"; } .icon-uniF12A:before { content: "\f12a"; } .icon-uniF12B:before { content: "\f12b"; } .icon-uniF12C:before { content: "\f12c"; } .icon-uniF12D:before { content: "\f12d"; } .icon-uniF12E:before { content: "\f12e"; } .icon-uniF12F:before { content: "\f12f"; } .icon-uniF130:before { content: "\f130"; } .icon-uniF131:before { content: "\f131"; } .icon-uniF132:before { content: "\f132"; } .icon-uniF133:before { content: "\f133"; } .icon-uniF134:before { content: "\f134"; } .icon-uniF135:before { content: "\f135"; } .icon-uniF136:before { content: "\f136"; } .icon-uniF137:before { content: "\f137"; } .icon-uniF138:before { content: "\f138"; } .icon-uniF139:before { content: "\f139"; } .icon-uniF13A:before { content: "\f13a"; } .icon-uniF13B:before { content: "\f13b"; } .icon-uniF13C:before { content: "\f13c"; } .icon-uniF13D:before { content: "\f13d"; } .icon-uniF13E:before { content: "\f13e"; } .icon-uniF13F:before { content: "\f13f"; } .icon-uniF140:before { content: "\f140"; } .icon-uniF141:before { content: "\f141"; } .icon-uniF142:before { content: "\f142"; } .icon-uniF143:before { content: "\f143"; } .icon-uniF144:before { content: "\f144"; } .icon-uniF145:before { content: "\f145"; } .icon-uniF146:before { content: "\f146"; } .icon-uniF147:before { content: "\f147"; } .icon-uniF148:before { content: "\f148"; } .icon-uniF149:before { content: "\f149"; } .icon-uniF14A:before { content: "\f14a"; } .icon-uniF14B:before { content: "\f14b"; } .icon-uniF14C:before { content: "\f14c"; } .icon-uniF14D:before { content: "\f14d"; } .icon-uniF14E:before { content: "\f14e"; } .icon-uniF14F:before { content: "\f14f"; } .icon-uniF150:before { content: "\f150"; } .icon-uniF151:before { content: "\f151"; } .icon-uniF152:before { content: "\f152"; } .icon-uniF153:before { content: "\f153"; } .icon-uniF154:before { content: "\f154"; } .icon-uniF155:before { content: "\f155"; } .icon-uniF156:before { content: "\f156"; } .icon-uniF157:before { content: "\f157"; } .icon-uniF158:before { content: "\f158"; } .icon-uniF159:before { content: "\f159"; } .icon-uniF15A:before { content: "\f15a"; } .icon-uniF15B:before { content: "\f15b"; } .icon-uniF15C:before { content: "\f15c"; } .icon-uniF15D:before { content: "\f15d"; } .icon-uniF15E:before { content: "\f15e"; } .icon-uniF15F:before { content: "\f15f"; } .icon-uniF160:before { content: "\f160"; } .icon-uniF161:before { content: "\f161"; } .icon-uniF162:before { content: "\f162"; } .icon-uniF163:before { content: "\f163"; } .icon-uniF164:before { content: "\f164"; } .icon-uniF165:before { content: "\f165"; } .icon-uniF166:before { content: "\f166"; } .icon-uniF167:before { content: "\f167"; } .icon-uniF168:before { content: "\f168"; } .icon-uniF169:before { content: "\f169"; } .icon-uniF16A:before { content: "\f16a"; } .icon-uniF16B:before { content: "\f16b"; } .icon-uniF16C:before { content: "\f16c"; } .icon-uniF16D:before { content: "\f16d"; } .icon-uniF1002:before { content: "\f16e"; } .icon-uniF10022:before { content: "\f16f"; } .icon-uniF1022:before { content: "\f170"; } .icon-uniF1032:before { content: "\f171"; } .icon-uniF1042:before { content: "\f172"; } .icon-uniF10422:before { content: "\f173"; } .icon-uniF1062:before { content: "\f174"; } .icon-uniF1072:before { content: "\f175"; } .icon-uniF1082:before { content: "\f176"; } .icon-uniF1092:before { content: "\f177"; } .icon-uniF1052:before { content: "\f178"; } .icon-uniF10B2:before { content: "\f179"; } .icon-uniF10622:before { content: "\f17a"; } .icon-uniF10C2:before { content: "\f17b"; } .icon-uniF10322:before { content: "\f17c"; } .icon-uniF10F2:before { content: "\f17d"; } .icon-uniF10222:before { content: "\f17e"; } .icon-uniF10D2:before { content: "\f17f"; } .icon-uniF10922:before { content: "\f180"; } .icon-uniF10E2:before { content: "\f181"; } .icon-uniF1142:before { content: "\f182"; } .icon-uniF1152:before { content: "\f183"; } .icon-uniF1162:before { content: "\f184"; } .icon-uniF11622:before { content: "\f185"; } .icon-uniF1172:before { content: "\f186"; } .icon-uniF1132:before { content: "\f187"; } .icon-uniF11A2:before { content: "\f188"; } .icon-uniF11B2:before { content: "\f189"; } .icon-uniF11C2:before { content: "\f18a"; } .icon-uniF11D2:before { content: "\f18b"; } .icon-uniF1122:before { content: "\f18c"; } .icon-uniF11F2:before { content: "\f18d"; } .icon-uniF1202:before { content: "\f18e"; } .icon-uniF10A2:before { content: "\f18f"; } .icon-uniF1012:before { content: "\f190"; } .icon-uniF1102:before { content: "\f191"; } .icon-uniF10B22:before { content: "\f192"; } .icon-uniF10822:before { content: "\f193"; } .icon-uniF1262:before { content: "\f194"; } .icon-uniF1272:before { content: "\f195"; } .icon-uniF1182:before { content: "\f196"; } .icon-uniF1112:before { content: "\f197"; } .icon-uniF12C2:before { content: "\f198"; } .icon-uniF1382:before { content: "\f199"; } .icon-uniF13E2:before { content: "\f19a"; } .icon-uniF1422:before { content: "\f19b"; } .icon-uniF1442:before { content: "\f19c"; } .icon-uniF1462:before { content: "\f19d"; } .icon-uniF1492:before { content: "\f19e"; } .icon-uniF14A2:before { content: "\f19f"; } .icon-uniF14D2:before { content: "\f1a0"; } .icon-uniF14E2:before { content: "\f1a1"; } .icon-uniF14F2:before { content: "\f1a2"; } .icon-uniF1522:before { content: "\f1a3"; } .icon-uniF1552:before { content: "\f1a4"; } .icon-uniF1562:before { content: "\f1a5"; } .icon-uniF15A2:before { content: "\f1a6"; } .icon-uniF15E2:before { content: "\f1a7"; } .icon-uniF1602:before { content: "\f1a8"; } .icon-uniF1612:before { content: "\f1a9"; } .icon-uniF1622:before { content: "\f1aa"; } .icon-uniF1632:before { content: "\f1ab"; } .icon-uniF1642:before { content: "\f1ac"; } .icon-uniF1662:before { content: "\f1ad"; } .icon-uniF1672:before { content: "\f1ae"; } .icon-uniF1682:before { content: "\f1af"; } .icon-uniF1692:before { content: "\f1b0"; } .icon-uniF16A2:before { content: "\f1b1"; } .icon-uniF16B2:before { content: "\f1b2"; } .icon-uniF16E:before { content: "\f1b3"; } .icon-uniF171:before { content: "\f1b4"; } .icon-uniF173:before { content: "\f1b5"; } .icon-uniF174:before { content: "\f1b6"; } .icon-uniF175:before { content: "\f1b7"; } .icon-uniF176:before { content: "\f1b8"; } .icon-uniF177:before { content: "\f1b9"; } .icon-uniF178:before { content: "\f1ba"; } .icon-uniF17B:before { content: "\f1bb"; } .icon-uniF17D:before { content: "\f1bc"; } .icon-uniF17E:before { content: "\f1bd"; } .icon-uniF17F:before { content: "\f1be"; } .icon-uniF180:before { content: "\f1bf"; } .icon-uniF182:before { content: "\f1c0"; } .icon-uniF183:before { content: "\f1c1"; } .icon-uniF184:before { content: "\f1c2"; } .icon-uniF185:before { content: "\f1c3"; } .icon-uniF186:before { content: "\f1c4"; } .icon-uniF188:before { content: "\f1c5"; } .icon-uniF189:before { content: "\f1c6"; } .icon-uniF18B:before { content: "\f1c7"; } .icon-uniF18C:before { content: "\f1c8"; } .icon-uniF18D:before { content: "\f1c9"; } .icon-uniF18E:before { content: "\f1ca"; } .icon-uniF18F:before { content: "\f1cb"; } .icon-uniF190:before { content: "\f1cc"; } .icon-uniF192:before { content: "\f1cd"; } .icon-uniF196:before { content: "\f1ce"; } .icon-uniF198:before { content: "\f1cf"; } .icon-uniF19B:before { content: "\f1d0"; } .icon-uniF1A0:before { content: "\f1d1"; } .icon-uniF1A1:before { content: "\f1d2"; } .icon-uniF1A3:before { content: "\f1d3"; } .icon-uniF1A4:before { content: "\f1d4"; } .icon-uniF1A5:before { content: "\f1d5"; } .icon-uniF1A6:before { content: "\f1d6"; } .icon-uniF1A7:before { content: "\f1d7"; } .icon-uniF1A8:before { content: "\f1d8"; } .icon-uniF1A9:before { content: "\f1d9"; } .icon-uniF1AA:before { content: "\f1da"; } .icon-uniF1AB:before { content: "\f1db"; } .icon-uniF1AC:before { content: "\f1dc"; } .icon-uniF1AD:before { content: "\f1dd"; } .icon-uniF1AE:before { content: "\f1de"; } .icon-uniF1B0:before { content: "\f1df"; } .icon-uniF1B1:before { content: "\f1e0"; } .icon-uniF1B2:before { content: "\f1e1"; } .icon-uniF1B3:before { content: "\f1e2"; } .icon-uniF1B4:before { content: "\f1e3"; } .icon-uniF1B5:before { content: "\f1e4"; } .icon-uniF1B6:before { content: "\f1e5"; } .icon-uniF1B7:before { content: "\f1e6"; } .icon-uniF1B8:before { content: "\f1e7"; } .icon-uniF1BA:before { content: "\f1e8"; } .icon-uniF1BB:before { content: "\f1e9"; } .icon-uniF1BC:before { content: "\f1ea"; } *,*:before, *:after { margin: 0; padding: 0; outline: none; font-size: 11px; font-family: 'Brand',sans-serif; } body {overflow-x: hidden;overflow-y: scroll !important; color: #222} /* -------------leading screen------------- */ #loading-wrapper {position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: #fff;z-index: 9999;overflow: hidden;} .sampleContainer { margin-top: 250px; } .loader_container { position: absolute; top: 0px; padding-top: 48%; padding-top: 48vh; left: 0px; width: 100%; height: 100%; } .loader { position: relative; width: 44px; height: 8px; margin: 12px auto; } .dot { display: inline-block; width: 8px; height: 8px; border-radius: 4px; background: #ccc; position: absolute; } .dot_1 { animation: animateDot1 1.5s linear infinite; left: 12px; background: #ec1c52; } .dot_2 { animation: animateDot2 1.5s linear infinite; animation-delay: 0.5s; left: 24px; background: #0094C9; } .dot_3 { animation: animateDot3 1.5s linear infinite; left: 12px; background: #72bf44; } .dot_4 { animation: animateDot4 1.5s linear infinite; animation-delay: 0.5s; left: 24px; background: #f58220; } @keyframes animateDot1 { 0% { transform: rotate(0deg) translateX(-12px); } 25% { transform: rotate(180deg) translateX(-12px); } 75% { transform: rotate(180deg) translateX(-12px); } 100% { transform: rotate(360deg) translateX(-12px); } } @keyframes animateDot2 { 0% { transform: rotate(0deg) translateX(-12px); } 25% { transform: rotate(-180deg) translateX(-12px); } 75% { transform: rotate(-180deg) translateX(-12px); } 100% { transform: rotate(-360deg) translateX(-12px); } } @keyframes animateDot3 { 0% { transform: rotate(0deg) translateX(12px); } 25% { transform: rotate(180deg) translateX(12px); } 75% { transform: rotate(180deg) translateX(12px); } 100% { transform: rotate(360deg) translateX(12px); } } @keyframes animateDot4 { 0% { transform: rotate(0deg) translateX(12px); } 25% { transform: rotate(-180deg) translateX(12px); } 75% { transform: rotate(-180deg) translateX(12px); } 100% { transform: rotate(-360deg) translateX(12px); } } @-webkit-keyframes loaders {0% {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}} @keyframes loader {0% {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}} /*-------------Landing Page-------------*/ #landing_world_body { background: #ccc; color: #fff; padding-top: 100px; text-align: center; } #landing_world_body .zoomButton { color: #003267; display: inline-block; padding: 5px 5px; margin: 0px 5px; text-align: center; cursor: pointer; background: #fff } #landing_world_body path, #landing_world_body path:hover { background: #fff; color: #fff; fill: #fff; } .zoomReset:before{ content: "\f147"; font-family: 'icomoon'; margin-right: 5px; } #landing_world_body .zoomReset:after { content: "Reset"; margin-left: 5px } #landing_world_body .zoomIn:before { content: "\f16d"; font-family: 'icomoon'; margin-right: 5px; } #landing_world_body .zoomOut:before { content: "\f16c"; font-family: 'icomoon'; margin-right: 5px; } #landing_world_body .zoomIn:after { content: "Zoom in"; margin-left: 5px } #landing_world_body .zoomOut:after { content: "Zoom out"; margin-left: 5px } #landing_world_body .container { max-width: 1100px; margin: auto; } #landing_world_body .mapcontainer { margin: 50px 0px; } #landing_world_body .mapael .map { position: relative; } #landing_world_body .mapael .mapTooltip { position: absolute; background-color: #fff; moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); border-radius: 0; padding: 10px; z-index: 1000; max-width: 200px; display: none; color: #343434; } #landing_world_body .mapael .areaLegend { margin-bottom: 20px; } .lightblue {fill: #003267!important;} .area {fill: #fff!important;} .area:hover { fill: #fefefe !important; } #landing_world_body .landing_flag { max-height: 1.5em; margin-right: 5px; width: 60px; float: left; display: table; } .landing_nav_wrapper { text-align: center; } .landing_nav_wrapper li .flag_label { position: relative; display: inline-block; text-align: left; vertical-align: middle; font-size: 1.3em; font-weight: 500; } .landing_nav_wrapper li { color: #003267; display: inline-block; padding-right: 1%; margin-bottom: 20px; width: 100%; min-width: 100px; text-align: center; } .landing_nav_wrapper li a { display: block; position: relative; } @media only screen and (min-width: 480px){ .landing_nav_wrapper li { width: 48%; } } @media only screen and (min-width: 768px){ .landing_nav_wrapper li { width: 30%; text-align: left; } } @media only screen and (max-width:768px){ #landing_world_body .mapael .map { display: none; } .mapcontainer { display: none; } #landing_world_body { padding-top: 20px; } .landing_nav_wrapper { margin: 50px 0px; } } @media only screen and (min-width: 900px){ .landing_nav_wrapper li { width: 19%; } } .lightblue_area { fill: #003267 !important; } /* this is what gives the countries on the map thier color*/ .map > svg:nth-child(1) > path:nth-child(176),.map > svg:nth-child(1) > path:nth-child(10), .map > svg:nth-child(1) > path:nth-child(123),.map > svg:nth-child(1) > path:nth-child(73), .map > svg:nth-child(1) > path:nth-child(126), .map > svg:nth-child(1) > path:nth-child(128), .map > svg:nth-child(1) > path:nth-child(86),.map > svg:nth-child(1) > path:nth-child(112), .map > svg:nth-child(1) > path:nth-child(158),.map > svg:nth-child(1) > path:nth-child(173), .map > svg:nth-child(1) > path:nth-child(165){ fill: #003267 !important; } .map > svg:nth-child(1) > path:nth-child(176):hover,.map > svg:nth-child(1) > path:nth-child(10):hover, .map > svg:nth-child(1) > path:nth-child(123):hover,.map > svg:nth-child(1) > path:nth-child(73):hover, .map > svg:nth-child(1) > path:nth-child(126):hover, .map > svg:nth-child(1) > path:nth-child(128):hover, .map > svg:nth-child(1) > path:nth-child(86):hover,.map > svg:nth-child(1) > path:nth-child(112):hover, .map > svg:nth-child(1) > path:nth-child(158):hover,.map > svg:nth-child(1) > path:nth-child(173):hover, .map > svg:nth-child(1) > path:nth-child(165):hover{ fill: #0094c9 !important; } .landing_tooltip { } .landing_tooltip li { display: inline-block; } .tooltip_flag { max-height: 10px; } .landing_title { font-size: 1.5em; } @media only screen and (min-width: 500px){ .landing_title { font-size: 2em; } } @media only screen and (min-width: 768px){ .landing_title { font-size: 2.5em; } } *, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; } ::selection {background: #0094c9; color: #fff} ::-moz-selection { /* Code for Firefox */background: #0094c9; color: #fff} .clearfix:before, .clearfix:after { content: ''; display: table; } .clearfix:after { clear: both; } html, body, .container_wrapper {margin: 0;padding: 0;overflow-x: hidden;padding-right: 0px!important;min-width: 290px;} body {overflow-y: auto;} html {overflow-x:visible;} li {list-style: none} p {font-weight: 400;} b, strong {font-size: 1em} a, a:hover,a:focus {color: inherit;text-decoration: none;} p {line-height: 1.5;font-size: 1.2em;padding-bottom: 15px; font-weight: 400;} p b, p strong {font-weight: 700; font-size: 1em} table p { margin: 0px; padding: 0px; } b {font-size: 1em;} img {width: 100%;height: auto;} .maxh200{max-height: 200px;width: auto; text-align: center;} h1 {font-size: 3em;} a:focus{outline: 0px;} .post_table {border: 1px solid;} h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-weight: inherit;} #fb-root {display: none; /*causing errors -- fix then remove!!!*/} .center {text-align: center;} .vcenter {vertical-align: middle;display: inline-block;float: none; } .vbottom {vertical-align: bottom;display: inline-block;float: none} .em1 {font-size: 1em;} body.modal-backdrop.in { /*dont remove this!!!removes scrollbar bug */overflow: hidden !important;} body.modal-open { /*dont remove this!!!removes scrollbar bug */ position: relative !important; vertical-align: middle; overflow-y: hidden !important; } .link, .link_hover, .link_focus {color: #0094c9; font-size: inherit;} /* .wpcf7-submit.send_bt, .button { padding: 15px 30px; border: 2px solid; background: transparent; text-decoration: none; outline: none; margin: 10px 0px; display: table; width: auto; font-size: 1em; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; }*/ .wpcf7-submit { width: auto; display: table !important; padding: 10px 30px !important; background: #0094c9!important; width: auto !important; color: #fff !important; font-weight: 400; } .button, .searchform #searchsubmit { display: inline-block; margin: 0em 0px; padding: 10px 30px; background: none; color: inherit; vertical-align: middle; position: relative; z-index: 1; -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; border: 1px solid; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-weight: 400 !important; font-size: 1.2em; } .button:hover, .searchform #searchsubmit:hover { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .center_bt {margin: 0 auto;} .button.button_light {border-color: #fff;color: #fff; background: transparent;} .button.button_light:hover {color: #0094c9; background: #fff!important} .button.button_light::before {background: rgba(255,255,255,0.7);} .button.button_light::after {background: rgba(255,255,255,1);} .send_bt {border-color: #0094c9;} .button_dark { border-color: #003267; color: #003267; background: transparent; } .searchform #searchsubmit:hover {background: #003267; color: #fff;} .searchform #searchsubmit{border-color: #003267; color: #003267; background: transparent;} .button.button_dark::before {background: rgba(0,50,103,0.7);} .button.button_dark::after {background: #003267;} .button.button_dark:hover {color: #fff;background-color: #003267;} .darkblue.button:hover {background: #003267; color: #fff;} .darkblue.button {border-color: #003267; color: #003267; background: transparent;} .green.button:hover {background: #72bf44; color: #fff; border-color: #72bf44} .green.button{color: #72bf44; border-color: #72bf44; background: transparent;} .orange.button:hover {background: #f58220; color: #fff;} .orange.button {color: #f58220; border-color: #f58220; background: transparent;} .lightblue .button:hover, #searchsubmit:hover{color: #0094c9!important;} .lightblue.button{ background: transparent; color: #0094c9; border-color: #0094c9; } .lightblue.button:hover {background: #0094c9; color: #fff;} .pink.button:hover{color: #ec1c52;} .orange.button:hover{color: #f58220;} .button_dark:hover{border-color: #0094c9;} .darkblue {background: #003267;color: #fff;} .solid_button.green.button {background-color: #72bf44;border-color: #72bf44;color: #fff;} .solid_button.green.button:hover, .solid_button.green.button:focus{background-color: #fff;border-color: #72bf44;color: #72bf44;} .solid_button.orange.button {background-color: #f58220;border-color: #f58220;color: #fff;} .solid_button.orange.button:hover, .solid_button.orange.button:focus{background-color: #fff;border-color: #f58220;color: #f58220;} .solid_button.lightblue.button {background-color: #0094c9;border-color: #0094c9;color: #fff;} .solid_button.lightblue.button:hover, .solid_button.lightblue.button:focus{background-color: #fff;border-color: #0094c9;color: #0094c9;} .solid_button.darkblue.button {background-color: #f58220;border-color: #f58220;color: #fff;} .solid_button.darkblue.button:hover, .solid_button.darkblue.button:focus{background-color: #fff;border-color: #f58220;color: #f58220;} button {outline: 0px;border: 0px;} @media only screen and (min-width: 600px){ .block_button { width: 100% !important; display: inline-block! important; padding: 10px 0px; text-align: center; vertical-align: top; } } .relative {position: relative;} .align_center {text-align: center;} #map {height: 600px;} .upper_case {text-transform: uppercase;} .top_hak {margin-top: 0px !important;} #wpadminbar {display: none;} /*---------------------Filters---------------------*/ .nd {position: absolute;top: 0;left: 0;width: 100%;height:100%;} .nd.nd1 {background: rgba(0,0,0,0.2);} .nd.nd2{background: rgba(0,0,0,0.3);} .nd.nd3{background: rgba(0,0,0,0.4);} .nd.nd4{background: rgba(0,0,0,0.5);} .nd.nd5{background: rgba(0,0,0,0.6);} .nd.nd6{background: rgba(0,0,0,0.7);} /*---------------------Navigation---------------------*/ /* -------------------Get Started modal-------------------*/ .start_modal { margin: 100px auto 0px auto; } .start_modal .modal_card { font-size: 1em; text-align: center; } .start_modal .modal-footer { border: 0px; } .start_modal .modal-header .modal_close.close span:before { color: #0094c9; font-size: 0.8em; } .signup_collapse_form { margin: 40px auto; } .or_orb { width: 50px; height: 50px; color: #0094c9; font-weight: 700; display: block; border-radius: 50%; margin: 30px auto; font-size: 2em; line-height: 48px; text-transform: lowercase; } /* -------------------Get Started modal end-------------------*/ /* -------------------Sign in modal-------------------*/ #signin_modal.modal.in .modal-dialog{ margin-top: 120px !important; } #signin_modal .modal-content { box-shadow: 0px 0px 0px rgba(0,0,0,0); border: 1px solid rgba(0,0,0,.2) } .login_frame { width: 100%; display: block; position: relative; min-height: 380px; border: 0px; } .top_nav { background: #e1e1e1; position: relative; z-index: 101; display: block; } @media only screen and (max-width: 767px){ .top_nav {display: none;} .mob_u_nav {background: transparent!important;display: none;} .navbar-default .navbar-nav a { font-size: 1.7em; text-align: center; font-weight: 400; } .cbp-af-header-shrink .navbar-brand .header_logo {margin-top: 4px;} } .top_nav .navbar { background: transparent; height: auto; min-height: 35px; } @media only screen and (max-width: 767px){ .navbar-default > .section_inner { padding-right: 0px; padding-left: 0; } } .cbp-af-header { position: relative; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); z-index: 99; } .cbp-af-header-shrink { position: fixed; width: 100%; top: 0px; z-index: 999999999999999999999999999; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; transition: all 0s ease-in-out; } .cbp-af-header .section_inner { -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; transition: all 0s ease-in-out; } .cbp-af-header .navbar-nav>li>.dropdown-menu { -webkit-box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.20); -moz-box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.20); box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.20); -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.20); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.20); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.20); } .cbp-af-header-shrink .navbar-nav>li>.dropdown-menu { margin-top: 10px; z-index: 9; } .cbp-af-header-shrink .page_header.off-canvas { top: -67px;position: fixed;width: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.20); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.20); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.20); } .cbp-af-header-shrink .page_header.fixed { top: 0; z-index: 9999;position: fixed; width: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .navbar { margin-bottom: 0px !important; padding: 0px 0px; background: #fff; border: 0px solid transparent; border-radius: 0px; } .navbar-default .navbar-nav>li>a {color: #003267;} .navbar-default .navbar-toggle .icon-bar {background: #003267;} .navbar-default .navbar-toggle {border: 0px solid;background: #fff;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color: transparent;} .cbp-af-header .navbar-brand {padding: 0px 15px;} .cbp-af-header-shrink .navbar-brand { padding-top: 0px; margin-top: 0px; } .cbp-af-header .navbar-brand .header_logo { max-height: 50px; width: auto; max-width: 100%; -webkit-transition: all 0.05s ease-in-out; -moz-transition: all 0.05s ease-in-out; -ms-transition: all 0.05s ease-in-out; -o-transition: all 0.05s ease-in-out; transition: all 0.05s ease-in-out; } .cbp-af-header .header_flag_dropdown_bt {margin: 12px 0px 0px 20px;} .header_flag_dropdown_bt span {display: inline-block;} .header_flag_dropdown_bt span:first-child {margin-right: 2px;} .cbp-af-header-shrink .header_flag_dropdown_bt {margin-top: 0px;} .header_flag_dropdown_bt > span {color: #fff} .header_flag_dropdown_bt > .dropdown-item span {color: #000} .header_flag_dropdown_bt button { padding: 10px 15px; background: transparent; color: #003267; } .cbp-af-header-shrink .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } .cbp-af-header-shrink .navbar-default{height: 60px;} .cbp-af-header-shrink .navbar-brand .header_logo { max-height: 50px; margin-top: 0px; width: auto; max-width: 100%; } @media only screen and (max-width: 400px){ .navbar-default {min-height: 50px} .cbp-af-header .navbar-brand .header_logo {max-height: 50px} .cbp-af-header .navbar-brand {padding: 5px;} } @media only screen and (max-width: 767px){ .cbp-af-header .navbar-brand .header_logo {max-height: 38px;} .sm_only {display: block!important} .lg_only {display: none!important;} } @media only screen and (min-width: 768px){ .sm_only {display: none!important} .navbar-brand {padding-top: 15px;margin-top: 0px;} .cbp-af-header .navbar-brand .header_logo {margin-top: 10px;} .cbp-af-header-shrink .navbar-brand .header_logo {margin-top: 4px;} .mob_u_nav {display: none;} .cbp-af-header .navbar-nav > li > a { padding-top: 25px; padding-bottom: 25px; -webkit-transition: all 0.05s ease-in-out; -moz-transition: all 0.05s ease-in-out; -ms-transition: all 0.05s ease-in-out; -o-transition: all 0.05s ease-in-out; transition: all 0.05s ease-in-out; position: relative; overflow: hidden; } @media only screen and (min-width: 900px){ .cbp-af-header .navbar-brand .header_logo { max-height: 70px; } .cbp-af-header-shrink .navbar-brand .header_logo { max-height: 50px; } .cbp-af-header .navbar-nav > li > a { padding-top: 35px; padding-bottom: 35px; } .cbp-af-header-shrink .navbar-nav > li > a { padding-top: 25px; padding-bottom: 25px; } } @media only screen and (min-width: 1200px){ .cbp-af-header .navbar-nav > li > a { font-size: 1.2em; } } .cbp-af-header-shrink .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background: transparent; } .header_flag_dropdown.dropdown-menu { background: #eee !important; } .navbar-default .navbar-collapse.in .dropdown-menu{ width: 100%; max-width: 100%; } .open .header_flag_dropdown.dropdown-menu { background: #fff!important; color: #003267; max-height: 370px !important; padding: 0px 10px; } .header_flag_dropdown.dropdown-menu > a { color: #003267; display: block; margin: 5px 0px; } .header_flag_dropdown.dropdown-menu > a:last-child {margin-bottom: 10px;} .header_flag{ max-height: 20px; width: auto; display: inline-block; margin-right: 5px; } .header_flag_dropdown .contry_label { display: inline-block !important; } } @media only screen and (min-width: 768px){ .sm_only {display: none;} } @media only screen and (min-width: 1000px){ .md_only {display: none;} .lg_only {display: block;} } /*---------------------lightbox---------------------*/ /* line 1, ../sass/simplelightbox.scss */ .sl-overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #000; opacity: 0.85; display: none; z-index: 9991; } .sl-wrapper {z-index: 10;} .sl-wrapper button { border: 0 none; background: transparent; font-size: 24px; padding: 0; cursor: pointer; } .sl-wrapper button:hover {opacity: 0.7;} .sl-wrapper .sl-close { display: none; position: fixed; right: 30px; top: 70px; z-index: 9999; background: transparent!important; } .sl-close::before { /*content: "\f15f"; font-family: ''icomoon'';*/ color: #fff; font-size: 1.2em; text-shadow: 1px 1px 3px rgba(0,0,0,0.3); } .sl-wrapper .sl-counter { display: none; position: fixed; bottom: 30px; left: 30px; z-index: 9999; color: #fff; } .sl-wrapper .sl-navigation {width: 100%;display: none;} .sl-wrapper .sl-navigation button { position: fixed; top: 50%; margin-top: -10px; height: 40px; width: 30px; font-size: 1em; line-height: 15px; text-align: center; display: block; z-index: 9999; color: #fff!important; background: transparent!important; } .sl-wrapper .sl-navigation button.sl-next { right: 40px; background: #fff; color: #000; } .sl-wrapper .sl-navigation button.sl-prev { left: 40px; background: #fff; color: #000; } .sl-wrapper .sl-image { position: fixed; -ms-touch-action: none; touch-action: none; z-index: 99999; } .sl-wrapper .sl-image img { margin: 0; padding: 0; display: block; padding-top: 25px; } .sl-wrapper .sl-image .sl-caption { display: none; padding: 10px; color: #fff; background: #000; opacity: 0.8; position: absolute; bottom: 0; left: 0; right: 0; } .sl-wrapper .sl-image .sl-download { display: none; position: absolute; bottom: 5px; right: 5px; color: #fff; z-index: 9999; } .sl-spinner { display: none; border: 4px solid #003267; border-radius: 40px; height: 40px; left: 50%; margin: -20px 0 0 -20px; opacity: 0; position: fixed; top: 50%; width: 40px; z-index: 9992; -webkit-animation: pulsate 1.5s ease-out infinite; -moz-animation: pulsate 1.5s ease-out infinite; -ms-animation: pulsate 1.5s ease-out infinite; -o-animation: pulsate 1.5s ease-out infinite; animation: pulsate 1.5s ease-out infinite; } @-webkit-keyframes pulsate { 0% { transform: scale(0.1); opacity: 0.0; } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } } @keyframes pulsate { 0% { transform: scale(0.1); opacity: 0.0; } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } } @-moz-keyframes pulsate { 0% { transform: scale(0.1); opacity: 0.0; } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } } @-o-keyframes pulsate { 0% { transform: scale(0.1); opacity: 0.0; } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } } @-ms-keyframes pulsate { 0% { transform: scale(0.1); opacity: 0.0; } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } } /*-------------------lightbox END-------------------*/ /*------------content body------------*/ .full_width {width: 100%;} .gallery_thumb {margin: 15px 0px;} .full_width_important {width: 100% !important;height: auto !important;} .sidebar_title {margin-top: 0px;font-size: 1.5em;} .sidebar_post_title { color: #0094c9 !important; font-weight: 400; font-size: 1.2em;line-height: 1.1; margin: 10px 0px; } .sidebar_pic_bt { -webkit-box-shadow: 5px 5px 36px 0px rgba(0,0,0,0.1); -moz-box-shadow: 5px 5px 36px 0px rgba(0,0,0,0.1); box-shadow: 5px 5px 36px 0px rgba(0,0,0,0.1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-bottom: 20px; } .sidebar_pic_bt:hover { -webkit-box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.20); -moz-box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.20); box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.20); } .gallery a img { opacity: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .gallery a img:hover { -webkit-box-shadow: 5px 5px 36px 0px rgba(0,0,0,0.1); -moz-box-shadow: 5px 5px 36px 0px rgba(0,0,0,0.1); box-shadow: 5px 5px 36px 0px rgba(0,0,0,0.1); opacity: 1; } [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { font-family: Flaticon; font-size: 1em; font-style: normal; } .header_section_inner, .header_section_inner .container-fluid{ padding: 0px 20px; max-width: 1200px; } .full_img {width: 100%;height: auto;} .post_img { margin-bottom: 15px ;/* match

spacing*/ } .cd-top { display: inline-block; height: 30px; width: 40px; position: fixed; bottom: 40px; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: #003267 url('../images/cd-top-arrow.svg') no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; z-index: 999999; } .cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; } .cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ opacity: .7; } .no-touch .cd-top:hover { background-color: #003267; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); opacity: 1; } .parallax { background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; overflow-y: none; } .parallax_repeat { background-attachment: fixed; background-position: center; background-repeat: repeat; position: relative; } @media only screen and (min-width: 768px) { .cd-top { right: 20px; bottom: 20px; } .mobile_nav { display: none !important; } } @media only screen and (min-width: 1024px) { .cd-top { height: 50px; width: 40px; right: 30px; bottom: 30px; } } .navbar-default .navbar-nav > li > a{ font-weight: 400; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{ background: transparent; z-index: 2; } .dropdown{ -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .dropdown .dropdown-menu { max-height: 0; display: block; overflow: hidden; opacity: 0; border-radius: 0px; width: 100%; max-width: none; } @media only screen and (min-width: 767px){ .dropdown .dropdown-menu { -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } } .dropdown.open .dropdown-menu { max-height: 300px; opacity: 1; } .dropdown-menu .dropdown-submenu .current_page_item { background: inherit; } .dropdown-submenu:hover>.dropdown-menu { display: block; width: auto; max-width: 300px; min-width: 300px; left: 100%; top: -20px; } #menu-item-800 > ul a, #menu-item-800 > ul .dropdown-toggle { color: #fff; } .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus { background: transparent; } .open .country_menu { max-height: none!important; } .country_menu { background: #fff !important; } .country_menu a { color: #000; } .header_flag { width: 20px; height: auto; display: inline-block; } .header_country_label { padding-left: 7px; display: inline-block; font-size: 1em; } @media only screen and (max-width: 600px){ .navbar-collapse { max-height: 90vh; } } @media only screen and (max-width: 767px){ .navbar-nav > li > .dropdown-menu { margin: 0px; padding-top: 0px; } .dropdown-menu > .active > a { background: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > li:hover { padding-left: 7px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; letter-spacing: 0.05em; } .dropdown-menu > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color: #003267; } .dropdown-menu > li > a { font-size: 1.3em; } .dropdown-submenu .dropdown-menu { width: auto; max-width: 300px; min-width: 300px; } .navbar-nav > li > a { line-height: 30px; font-weight: 500; } .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #003267; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background: transparent; color: #003267; } .navbar-default .navbar-collapse { margin-left: -15px; margin-right: -15px; opacity: 1; background: #fff; } .navbar-default .navbar-collapse.in { overflow-x: hidden; background: #fff; margin-left: -15px; max-height: 90vh; margin-right: -15px; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -ms-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; } .navbar-default .navbar-collapse.collapsing { -webkit-transition: height 0.45s ease; transition: height 0.45s ease; } .navbar-default .navbar-collapse.collapse { background: #003267; margin-left: -800px; margin-right: -15px; opacity: 1; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -ms-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; } .navbar-default .navbar-collapse.in { margin-left: -15px; margin-right: -15px; } .navbar-nav { margin: 0px; } .navbar-nav > li > .dropdown-menu li { padding: 10px 0px; line-height: 2; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background: #003267; } .navbar-default .navbar-nav > .open > .dropdown-toggle:focus { color: #fff; } .navbar-collapse .dropdown.open > li > a { color: #fff; } } @media only screen and (max-width: 800px){ .nav > li > a { padding-left: 10px; padding-right: 10px; } } @media only screen and (min-width: 768px){ .dropdown-submenu { position: relative; } .dropdown-menu { background: #f9f9f9; color: #000; padding: 0px; border: 0px solid #fff; } .dropdown-menu>.active>a{ background: #f1f1f1; color: #fff; } .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { background: #0094c9; } .dropdown-menu > li > a { padding: 8px 20px; } .dropdown-menu li a { color: #222!important; font-size: 1.1em; } .dropdown-menu li a:hover { background: #0094c9 !important; color: #fff !important; } /* actual dropdown animation */ .dropdown.open .dropdown-menu { max-height: 200px; opacity: 1; display: table; } } @media only screen and (min-width: 768px){ .dropdown-submenu:hover>.dropdown-menu { display: block; width: auto; max-width: 340px; min-width: 340px; left: 100%; top: 10px; } } .dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; } .dropdown-submenu .third_level>a:after { display: none; } .dropdown-submenu:hover>a:after { border-left-color: #fff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .blue {background-color: #003267} .light_blue {background: #0094c9;} .light_blue .dropdown-menu > li > a {color: #fff !important;} #menu-item-1417 > a:nth-child(1) { color: #fff !important; } .ap_cat_name.green{color: #72bf44; background: transparent;border: 0px solid #72bf44;} .ap_cat_name.orange{color: #F58220; background: transparent;border: 0px solid #F58220;} .ap_cat_name.lightblue{color: #0094c9; background: transparent;border: 0px solid #0094c9;} .ap_cat_name.pink{color: #Ec1c52; background: transparent;border: 0px solid #Ec1c52;} .orange {background:#F58220} .green {background:#72bf44} .blue .current_page_item{background-color: #003267} .light_blue .current_page_item{background: #0094c9;} .orange .current_page_item{background:#F58220} .green .current_page_item{background:#72bf44} .pink .current_page_item{background: #Ec1c52} .lightblue {background: #0094c9; color: #fff} .white{background: #fff;} .grey {background: #eee;} .dark_grey {background: #666;} .off_white{background: #efefef;} .off_white{background: #f5f5f5;} .light_blue_bg a, .orange a,.green a, .pink a {color: #fff !important;} .green_font {color: #72bf44;} .orange_font {color: #F58220;} .pink_font {color: #ec1c52} .green_font {color: #72bf44;} .light_blue_bg, .light_blue_bg ul { background: #0094C9; } .light_blue_bg ul a, .pink ul a, .green ul a, .orange ul a { color: #fff !important; } .light_blue_bg ul li a:hover, .pink ul li a:hover, .green ul li a:hover, .orange ul li a:hover { background: rgba(0,0,0,0.1) !important; color: #fff; } .light_blue_bg .dropdown-toggle:hover, .light_blue_bg .dropdown-toggle:focus{ background: #0094C9 !important; color: #fff !important; } .orange .dropdown-toggle:hover, .orange .dropdown-toggle:focus { background: #F58220 !important; color: #fff !important; } .green .dropdown-toggle:hover, .green .dropdown-toggle:focus { background: #72bf44 !important; color: #fff !important; } .pink .dropdown-toggle:hover, .green .dropdown-toggle:focus { background: #Ec1c52 !important; color: #fff !important; } .orange, .orange ul { background: #F58220; color: #fff; } .green, .green ul { background: #72bf44; } .pink, .pink ul { background: #Ec1c52; color: #fff; } .products_dropdown a { } /********** PRRPLE SLIDER **********/ .slide_band { background: rgba(255,255,255,0.5); color: #000; position: absolute; bottom: 20px; width: 100%; } .form_slider_ico, .form_slider_ico:before { color: #000 !important; } .product_slider_heading { color: #fff; font-size: 1.5em; } .product_slider_heading b { font-size: 1em; } .slider_nav_ico { color: #fff; font-size: 1.8em; opacity: 1; text-align: center; width: 100%; display: block } .slider_nav_ico span { vertical-align: middle; display: inline-block; } .slider_left{ left: 10px; } .slider_right { right: 10px; } .slider_left { opacity: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-align: center; display: block; background: rgba(0,0,0,0.10); } .slider_right { opacity: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-align: center; display: block; background: rgba(0,0,0,0.10); } .slider_left:hover { opacity: 1; } .slider_right:hover { opacity: 1; } /********** SLIDERS **********/ /* slide numbers */ .slidetitle{ font-size:150px; line-height:280px; font-weight:bold; text-align:center; color:rgba(0,0,0,0.1); } @media (max-width:600px){ .slidetitle{ font-size:120px; } } @media (max-width:500px){ .slidetitle{ font-size:100px; } } @media (max-width:374px){ .slidetitle{ font-size:80px; } } /*.slide.current .slidetitle{ color:#f00; } .slide.prev .slidetitle{ color:#0f0; } .slide.next .slidetitle{ color:#00f; }*/ /* vertical slider styling */ .slider.vertical .slider_left, .slider.vertical .slider_right{ width:100px; left:50%; top:10px; margin:0 -50px; text-align:center; } .slider.vertical .slider_right{ top:auto; bottom:10px; } .slider.vertical .slider_dotwrap{ width:6px; height:72px; top:50%; left:auto; bottom:auto; right:15px; margin:-36px 0; } .slider.vertical .slider_dot{ margin:4px 0; } /* overrides */ #slider0 .slider{ height:400px; } #slider0 .slidetitle{ line-height:380px; } #sliderv6 .slidetitle{ font-size:70px; line-height:100px; } .slider { display:block; position:relative; } .slider .slider_area{ display:block; position:relative; width:100%; overflow:hidden; } .slider .slides{ display:block; position:relative; } .slider .slide{ display:block; position:relative; float:left; } .slider.fade .slide{ display:block; position:absolute; top:0; left:0; width:100%; } .slider.vertical .slide{ float:none; } .slider .slider_clear{ display:block; position:relative; height:0; clear:both; } .slider .slider_left, .slider .slider_right{ display:none; color:#333; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none; } .slider .slider_left:hover, .slider .slider_right:hover{ color:#888; } .slider .slider_left.inactive, .slider .slider_right.inactive{ cursor:default; color:#CCC; } .slider .slider_nav{ display:block; position:relative; text-align:center; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none; } .slider .slider_navdot{ display:inline-block; width:10px; height:10px; background:#DDD; } .slider .slider_navdot.current{ background:#AAA; } .slider .slider_controls{ display:none; } .slider .slider_play.hidden, .slider .slider_pause.hidden{ display:none !important; } .slider .animate{ -webkit-transition:all 500ms ease-in-out; -moz-transition:all 500ms ease-in-out; -o-transition:all 500ms ease-in-out; transition:all 500ms ease-in-out; } .product_green .slider .slider_navdot.current{background:#72bf44} .product_pink .slider .slider_navdot.current{background:#ec1C52} .product_lightblue .slider .slider_navdot.current{background:#0094C9} .product_orange .slider .slider_navdot.current{background:#F58220} .product_green .slider .slider_navdot{border-color:#72bf44} .product_pink .slider .slider_navdot{border-color:#ec1C52} .product_lightblue .slider .slider_navdot{border-color:#0094C9} .product_orange .slider .slider_navdot{border-color:#F58220} .product_green .slider_nav_ico {color:#72bf44;} .product_pink .slider_nav_ico {color:#EC1c52;} .product_lightblue .slider_nav_ico {color:#0094c9;} .product_orange .slider_nav_ico {color:#f58220;} .product_green .slider .slider_left,.product_green .slider .slider_right {border-color: transparent;} .product_pink .slider .slider_left,.product_pink .slider .slider_right{border-color: transparent;} .product_lightblue .slider .slider_left,.product_lightblue .slider .slider_right {border-color: transparent;} .product_orange .slider .slider_left,.product_orange .slider .slider_right {border-color: transparent;} .product_wrapper .slider .slider_left, .product_wrapper .slider .slider_right { bottom: 40px; top: inherit; } .product_img_wrapper .slider_nav { bottom: -20px !important } .product_img_wrapper .slider{ margin-bottom: 30px!important; } /********** SLIDERS **********/ .slide{ width:100%; } .slidetitle{ font-size:150px; line-height:250px; font-weight:bold; text-align:center; color:rgba(0,0,0,0.1); } @media only screen and (max-width:600px){ .slidetitle{ font-size:120px; } } @media only screen and (max-width:500px){ .slidetitle{ font-size:100px; } } @media only screen and (max-width:374px){ .slidetitle{ font-size:80px; } } /*.slide.current .slidetitle{ color:#f00; } .slide.prev .slidetitle{ color:#0f0; } .slide.next .slidetitle{ color:#00f; }*/ .slider .slider_nav{ position:absolute; width:100%; bottom:10px; font-size:0; line-height:0; } .slider .slider_navdot{ width:12px; height:12px; margin:0 4px; border:2px solid #fff; background:none; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; text-indent:-9999px; } .slider .slider_navdot.current{ background:#fff; } .slider .slider_left, .slider .slider_right{ display:block; position:absolute; top:40%; } .slider .slider_right{ left:auto; right:10px; } .slider .slider_form_nav { bottom: 0px !important; } .slider.vertical .slider_left, .slider.vertical .slider_right{ width:100px; left:50%; top:10px; margin:0 -60px; text-align:center; } .slider.vertical .slider_right{ top:auto; bottom:10px; } .slider.vertical .slider_nav{ width:6px; height:56px; top:97px; left:auto; bottom:auto; right:10px; } .slider.vertical .slider_navdot{ margin:4px 0; } #sliderv6 .slide{ min-height:270px; } #sliderv6 .slidetitle{ font-size:70px; line-height:90px; } .slider_nav_arrows { color: #fff; font-size: 1em; } .slider_left,.slider_right { width: 3.8em; height: 3.8em; border-radius: 50%; border: 2px solid rgba(250,250,250,1); padding-top: 10px; } @media only screen and (min-width: 480px){ .slider_nav_arrows{ font-size: 2em; line-height: 1; text-shadow: 2px 2px 2px rgba(0,0,0,0.5); } } .feat_product_slider { padding: 0px 0px; } .feat_product_slider img { max-height: 300px; width: auto; margin: 10px auto; max-width: 90%; height: auto; } .feat_product_slider .product_holder { text-align: center; } .feat_product_slider .product_holder a { display: inline-block; margin: 0 auto; } .product_slider_heading { line-height: 1.2; font-size: 1.5em; } .slider_bt { background-color: rgba(0,0,0,0.1); color: #fff; padding: 10px 30px; border: 0px; outline: 0px; max-width: 100%; display: block; margin: 0 auto; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .slider_bt:hover { background-color: rgba(0,0,0,0.3); } .slide.pink, .slide.orange, .slide.green, .slide.lightblue { -webkit-box-shadow: inset 0px 2px -15px 0px rgba(0,0,0,0.24); -moz-box-shadow: inset 0px 2px -15px 0px rgba(0,0,0,0.24); box-shadow: inset 0px 2px -15px 0px rgba(0,0,0,0.24); } .feat_product_slider .slide { padding: 20px 20px; } @media only screen and (min-width: 480px){ .product_slider_heading { line-height: 1.2; font-size: 2em; } .feat_product_slider { padding: 0px 0px; } .feat_product_slider .slide { padding: 50px 60px; } } @media only screen and (min-width: 768px){ .product_slider_heading { line-height: 1.2; font-size: 2.5em; } .slider_nav_ico { padding-left: 0px; } } .pslide_img_full { position: relative; display: block; } .full_pslide .excerpt{ padding: 10px 15px; border-radius: 5px; font-size: 1em; } .full_pslide h3, .full_pslide .excerpt p { padding: 4px 15px; margin: 2px 0px; color: #000; text-shadow: 2px 2px 5px rgba(255,255,255,0.2); } .full_pslide .excerpt p { margin-bottom: 0px; font-size: 1.3em; display: table; } .post_thumb_slide { position: relative; padding: 10px; overflow: hidden; } .post_thumb_slide_title { color: #fff; font-size: 2.3em; line-height: 1; position: absolute; padding: 1px 10px; bottom: 10px; font-weight: 900; text-shadow: 0px 0px 5px rgba(0,0,0,0.4); } .post_thumb_slide { background: #ddd; } .post_thumb_slide:hover img{ -webkit-filter: blur(1px); filter: blur(1px); opacity: 0.9; } .post_thumb_slide_title_bg { position: absolute; bottom: 0px; width: 100%; height: 100px; } .post_thumb_slider .slider_nav { position: relative; margin-top: 10px; padding: 10px; margin-bottom: 10px; } .post_thumb_slider .slider_nav .slider_navdot.current { background: #003267; } .post_thumb_slider .slider_nav .slider_navdot { border: 2px solid #003267; background: none; } /*------Page Styles------- */ section { padding: 50px 0px; position: relative; } section.short_section { padding: 50px 0px; } section.flagship_section { padding: 0px 0px 50px 0px !important; } section.flagship_post_section { padding: 0px 0px 00px 0px !important; } .section_inner { max-width: 1300px; margin: 0 auto; padding: 0px 10px; } .sphere_wrapper_orange { border: 15px solid #F58220; border-radius: 50%; position: relative; } @media only screen and (max-width: 978px){ .sphere_wrapper_orange { border: 15px solid #F58220; border-radius: 50%; max-width: 100%; position: relative; } } .dsa_profile_image { max-width: 300px; margin: 0 auto; } .chairman_caption{ position: absolute; bottom: 0px; margin-bottom: 20px; color: #000; left: 0px; right: 0px; padding: 10px 10px; font-size: 1em; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } @media only screen and (min-width: 900px){ .chairman_caption{ position: absolute; bottom: 0px; margin-bottom: 20px; color: #000; left: 0px; right: 0px; padding: 5px 10px; font-size: 1em; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } } .sphere_wrapper_orange img { width: 100%; height: auto; border-radius: 50%; border: 15px solid #fff; } @media only screen and (max-width: 500px){ .sphere_wrapper_orange img { border: 8px solid #fff; } .sphere_wrapper_orange { border: 15px solid #F58220; } } .sphere_wrapper_orange .caption_inner_wrapper img.no_border { border: 0px !important } .caption_inner_wrapper{ border: 15px solid #fff; border-radius: 50%; overflow: hidden; position: relative; font-weight: 400; } .large_title { font-weight: 400; font-size: 2.5em; letter-spacing: none; line-height: 1.4; margin: 10px 0px; } .md_title { font-weight: 400; font-size: 1.5em; line-height: 1.4; margin: 10px 0px; } .xmd_title { font-weight: 400; font-size: 1.1em; line-height: 1.4; color: #555; margin: 5px 0px; } .large_title sup { font-size: 0.4em; vertical-align: middle; } .dsa_block_border { padding-top: 30px; margin-top: 30px; border-top: 1px solid #000; } .sphere_wrapper_orange .caption_wrapper { background: rgba(255,255,255,0.7); padding-bottom: 80px; z-index: 20; position: absolute; bottom: 0px; width: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .sphere_wrapper_orange :hover .caption_wrapper { background: rgba(255,255,255,0.9); } .sphere_wrapper_orange { max-width: 80%; margin: 0px 10%; } @media only screen and (min-width: 550px){ .sphere_wrapper_orange { max-width: 70%; margin: 0px 15% 20px 15%; } .large_title { font-size: 2em; letter-spacing: 0px; line-height: 1.4; } } @media only screen and (min-width: 768px){ .sphere_wrapper_orange { max-width: 100%; margin: 0px 0%; } } @media only screen and (min-width: 1100px){ .sphere_copy_right { padding-left: 40px; } .sphere_copy_left { padding-right: 40px; } } .lightblue_font {color: #0094c9} .blue_font {color: #003267;} .white_font {color: #fff;} .font_white {color: #fff;} .font_light{font-weight: 300} .mustbe_white{color: #fff !important;} .i_pink_font{color:#ec1c52!important;} .i_orange_font{color:#f58220!important;} .i_green_font{color:#72bf44!important;} .i_blue_font{color: #003267!important;} .i_lightblue_font{color:#0094C9!important;} .block_heading.i_blue{background:#003267!important;} .block_heading.i_pink{background:#ec1c52!important;} .block_heading.i_orange{background:#f58220!important;} .block_heading.i_green{background:#72bf44!important;} .block_heading.i_lightblue{background:#0094C9!important;} .block_heading.i_blue{background:#003267!important;} .large_subtitle { line-height: 1.4; font-size: 2.5em; margin-bottom: 20px; } .large_p { font-size: 1em; } .sphere_side_title { margin: 20px 0px 30px 0px } .col_wrapper p { letter-spacing: 0em; line-height: 1.6; } .col_title { font-weight: 700; font-size: 1.8em; margin-top: 40px; } .orange_border { background-color: #F58220; height: 10px; width: 100%; } .lightblue_border { background-color: #0094c9; height: 10px; width: 100%; } .ingredients {margin-top: 60px;} .ingredients_list { margin: 10px 0px 30px 0px; } .ingredients_list li { margin: 5px 0px; font-size: 2em; } .ingredients_list li .num { font-weight: 700; color: #F58220; font-size: 1.5em; margin-right: 5px; } .startup_ico_list { margin: 30px auto; text-align: center; } .startup_ico_list li { width: 80px; display: inline-block; height: 80px; border: 5px solid #F58220; border-radius: 50%; margin: 0px 5px; } .startup_ico_list li span{ font-size: 40px; color: #aaa; } .startup_ico_list li span:before { line-height: 80px; } .vertical_bottom{ vertical-align: bottom; } .pannel_section { margin-left: -15px; margin-right: -15px; } .pannel_1,.pannel_2 { width: 100%; padding: 10px 15px; display: block; } @media only screen and (min-width: 480px){ .startup_ico_list li { width: 120px; height: 120px; } .startup_ico_list li span{ font-size: 60px; } } @media only screen and (min-width: 768px){ .pannel_1 { display: inline-block; width: 40%; padding: 00px 15px; } .pannel_2 { display: inline-block; vertical-align: bottom; width: 60%; padding: 00px 15px; } .border_bot_orange { border-bottom: 10px solid #F58220; } } /*------Page Styles------- */ .product_title_wrap { padding: 0px; display: block; width: auto; position: relative; border-bottom: 4px solid; } .title_category_label { display: inline-block; max-height: 60px; width: auto; } .product_title { width: auto; margin: 0px; font-size: 3em; font-weight: 400; margin-left: 0px; } .product_sub_title { font-size: 2em; line-height: 1.3; margin: 20px 0px; } .key_feature_list { margin: 20px 0px 20px 0px; padding: 0px; } .key_feature_list li { font-size: 1.1em; font-weight: 400; line-height: 1.5; margin: 0px 0px 5px 0px; } .key_feature_list li .bullet_text { font-size: 1.2em; } .ingredients_wrapper { border-left: 5px solid; } .inline {} .product_icons_wrapper .product_icons { margin: 10px auto; width: 100%; text-align: center; } .icon_modal_bt { outline: 0px; border: 0px; color: #aaa; font-weight: 400; font-size: 1.2em; border: 1px solid #fff; border-bottom: 1px solid #aaa; background: transparent; padding: 2px 10px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .icon_modal_bt:hover { border: 1px solid #aaa; } .product_icons_wrapper_inline .product_icons { width: inherit; margin: 0px; } .product_icons_wrapper_inline{ max-width: 300px; display: inline-block; margin-right: 20px; } .product_icons_wrapper_inline .product_icons { text-align: left; } .all_products_icons .product_icons { text-align: center; } .product_icons_wrapper .product_icons li{ display: inline-block; padding: 2px 2px; width: 14%; max-width: 50px; margin: 5px 0px; text-align: center; } .product_icons_wrapper_inline .product_icons li { width: 60px; } .product_icons_wrapper .product_icons .product_ico { width: auto; max-width: 100%; max-height: 40px; height: auto; } .icon_modal_title, .modal_icon_heading { color: #fff !important; } @media only screen and (min-width: 768px){ .icon_modal_title { font-size: 2em; font-weight: 700; text-transform: uppercase; } } .modal_icon_heading { font-weight: 300 !important; font-size: 1.2em; text-align: center; } .inline_product_code { display: inline-block; } .im_icon { text-align: center; max-width: 80px; } .im_icon_wrapper { background: rgba(255,255,255,0.2); padding: 20px; width: 100px; height: 100px; border-radius: 50%; margin: 0 auto; } .icon_content_wrapper { margin: 20px 0px; } .modal-header .close {top: 20px;} .modal-header .close span:before { top: 15px; color: #0094c9; text-shadow: none; } .icon_meaning_modal .modal-content { box-shadow: 0px 2px 10px rgba(0,0,0,0.3); background: #fff; margin: 0 auto; } .product_wrapper h4.inline_product_code { text-align: left; } .all_products_icons .product_icons .product_ico { max-width: 30px; } .ap_product_title { text-align: center; } .ap_cat_name { text-align: center; margin: 0 auto; padding: 3px 10px; width: auto; color: #fff; } .bold_product_points h4 { margin: 0px; font-size: 1.2em; line-height: 1.5; } .bold_product_points h4 a { display: inline-block; font-size: 1em; } .bold_product_points h4 b { font-size: 1em; font-weight: 400; } .bold_product_points h4 i { font-size: 1em; font-style: normal; font-weight: 400; color: #222; margin-left: 5px; } .bold_product_points p { padding-top: 0px; margin: 0px; float: right; padding-bottom: 0px; } .bold_product_points { margin: 0px 0px; } .ep_info_wrapper { margin-top: 15px; } .product_block { margin: 20px 0px; text-align: center; } .disclaimer_wrapper { margin: 20px 0px 0px 0px; width: 98%; max-width: 816px; text-align: left; } .disclaimer_wrapper.lg_only{ max-width: 600px; } .bold_disclaimer { padding-bottom: 0px; margin-bottom: 0px; color: #666; } .bold_disclaimer b { font-weight: 700; color: #aaa } .disclaimer { color: #aaa; font-size: 0.8em; line-height: 1.3; } .product_wrapper h4 { font-weight: 400; } .product_orange {} .product_lightblue {} .product_green {} .product_pink {} .product_orange .bullet {background: #f58220;} .product_lightblue .bullet {background:#0094c9 ;} .product_green .bullet {background:#72bf44 ;} .product_pink .bullet {background: #Ec1c52;} .product_orange h4{ color:#f58220;} .product_lightblue h4{ color:#0094c9;} .product_green h4{ color:#72bf44;} .product_pink h4{ color:#Ec1c52;} .product_orange .product_title, .product_orange .product_type_title {color:#f58220 ;} .product_lightblue .product_title, .product_lightblue .product_type_title {color: #0094c9;} .product_green .product_title, .product_green .product_type_title {color: #72bf44;} .product_pink .product_title, .product_pink .product_type_title {color: #Ec1c52;} .product_orange .product_sub_title {color:#f58220 ;} .product_lightblue .product_sub_title {color: #0094c9;} .product_green .product_sub_title {color: #72bf44;} .product_pink .product_sub_title {color: #Ec1c52;} .product_orange .product_title_wrap { border-color:#f58220;} .product_lightblue .product_title_wrap { border-color: #0094c9;} .product_green .product_title_wrap { border-color: #72bf44;} .product_pink .product_title_wrap { border-color: #Ec1c52;} .product_orange .ingredients_wrapper{ border-color:#f58220 } .product_lightblue .ingredients_wrapper{ border-color:#0094c9 } .product_green .ingredients_wrapper{ border-color: #72bf44} .product_pink .ingredients_wrapper{ border-color:#Ec1c52 } .ingredient_list { margin: 10px 0px 20px 10px; } .category_box { display: block; padding: 5px 20px; color: #fff; font-size: 1.5em; font-weight: 400; margin: 24px 0px; float: none; vertical-align: text-bottom; border: 0px; outline: 0px; } .category_box:hover { color: #fff; } .related_products .product_thumb { margin-bottom: 10px; } .related_products .product_category { margin-bottom: 20px auto; display: block; float: none; } .rp_box_border { height: 4px; width: 100%; } .related_products {padding: 80px 0px;} .related_products .product_block {margin: 30px 0px;} #rel_products {padding: 20px 0px;} .rp_block.product_block { padding: 0px 0px; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; transition: all 0.30s ease-in-out; background: #fff !important; vertical-align: bottom; display: inline-block; width: 100%; } .rp_block_wrapper { vertical-align: bottom; display: inline-block; float: none; } .rp_box {background: #fff !important;} .rp_box li {padding: 6px 0px;} .rp_box p {margin-bottom: 0px;padding-bottom: 0px;} .green .rp_box_title {background: #72bf44} .pink .rp_box_title {background: #ec1c52} .lightblue .rp_box_title {background: #0094c9} .orange .rp_box_title {background: #f58220} .green .rp_box_cat {border-color: #72bf44; color: #72bf44;} .pink .rp_box_cat {border-color: #ec1c52; color: #ec1c52;} .lightblue .rp_box_cat {border-color: #0094c9; color: #0094c9;} .orange .rp_box_cat {border-color: #f58220; color: #f58220;} .rp_box_title { display: block; color: #fff; } .ap_product_title { margin: 0px; } .rp_box_cat { color: red; border: 2px solid; } .cbp-af-header-shrink .navbar-nav > li > a { margin-top: 0px; margin-bottom: 0px; } @media only screen and (min-width:420px){ .category_box { font-size: 1.2em; padding: 20px 10px; } } .ingredient_list li { margin: 0px 0px; font-weight: 400; color: #222; font-size: 1.2em; } section.products_page { padding: 0px 0px; } .product_wrapper h4.product_code { color: #888; text-align: center; } .product_wrapper h4.inline_product_code { text-align: left; vertical-align: middle; line-height: 1.2; margin: 0px; } .bullet_list { list-style: none; } .bullet_list::before { content: "\f10b"; font-family: 'icomoon'; position: relative; font-size: 6px; border-radius: 50%; position: absolute; left: 0px; margin-top: 4px; margin-right: 5px; } .bullet_list { position: relative; padding-left: 12px; padding-bottom: 5px; line-height: 1.5; font-size: 1.2em; } .bullet { width: 6px; height: 6px; border-radius: 50%; background-color: #0094c9; margin: 8px 5px 5px 0px; line-height: 1.5; vertical-align: text-top; float: left; } .bullet_text { vertical-align: text-top; margin-left: 10px; } .product_title { font-size: 2.5em; } .product_type_title { font-size: 1.5em; margin: 5px 0px; } .product_img { max-width: 100%; margin: 30px auto 0px auto; height: auto; width: auto; text-align: center; } .product_img_single { max-height: 400px; width: auto; max-width: 100%; height: auto; margin-top: 0px; } .programme_alt_img { width: 100%; height: auto; max-width: 600px; margin: 10px 0px; } .programme_product_section { padding: 50px 0px 0px 0px; overflow: hidden; } .product_img_wrapper { text-align: center; } .product_title { margin: 10px 0px 10px 0px; } .programme_main_img { min-height: 500px!important; width: auto; height: auto; left: 0px; max-width: 100%; top: 0px; max-height: 600px; margin: 0px; } .programme_side_img_wrapper { position: relative; height: 100%; } @media only screen and (max-width: 767px){ .single_product {padding: 0px 0px;} .programme_main_img,.programme_same { min-height: 500px!important; } .rp_block.product_block { padding: 20px 0px; } .product_img_single { margin-top: 20px; } .category_box { margin: 0px 0px 0px 0px; } } .product_img_wrapper { padding-right: 0px; padding-left: 0px; } @media only screen and (min-width: 768px){ .left_desktop {float: left;} .category_box { display: block; padding: 5px 20px; color: #fff; font-size: 1.5em; font-weight: 400; margin-right: 200px; margin: 00px auto 0px auto; float: none; position: absolute; bottom: 0px; right: 0px; vertical-align: text-bottom; } .product_title { width: auto; margin: 0px 0px 10px 0px; display: inline-block; font-size: 3em; line-height: 1; } .programme_grid .product_title { margin-right: 0px !important; width: 100%; padding-bottom: 5px; } .product_title sup { font-size: 0.25em; top: 0.6em; vertical-align: text-top; } } @media only screen and (min-width: 768px){ .programme_main_img { position: absolute; min-height: auto !important; left: 0px; max-width: none; top: 0px; max-height: 100%; margin: 0px; } .programme_overlay { background: rgba(255,255,255,0.9); } } .pdf_title { color: #0094c9; margin-bottom: 15px; } .pdf_box_wrapper { margin: 40px 0px; } .pdf_thumb_wrapper { margin: 0px 0px 30px 0px; padding: 10px 0px; display: block; vertical-align: text-bottom; position: relative; } .pdf_title_wrapper { padding: 0 0px; vertical-align: text-top; } .pdf_thumb { } .pdf_thumb_wrapper:hover .pdf_thumb { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; border: 1px solid #0094c9; opacity: 1; -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.09); -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.09); box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.09); } .pdf_thumb_wrapper .pdf_thumb { border: 1px solid rgba(0,0,0,0.05); margin: 10px 0px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; opacity: 0.95; } .dl_pdf_bt { padding: 3px 12px; outline: 0px; border-radius: 0px; background-color: #fff; color: #003267; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: inline-block; } .dl_pdf_bt:hover { color: #fff; background-color: #003267; } .pdf_ico { color: #003267; font-size: 1.8em; vertical-align: middle } .dl_pdf_bt:hover .pdf_ico { color: red; font-size: 1.8em; vertical-align: middle; } .read_pdf { color: #0094c9; font-style: italic; padding: 11px 10px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-align: right; display: inline-block; margin: 0px 0px 0px 2px; } .read_pdf:hover { background-color: #0094c9; color: #fff; } .single_headline { color: #0094c9; margin-top: 0px; letter-spacing: 1px; } .hl_hero { margin-top: 20px; } .sidebar_thumb_wrapper { margin: 10px 0px; } .pdf_bt_wrapper { display: block; } /*-----------footer-----------*/ footer { padding: 30px 0px; color: #fff; overflow: hidden; position: relative; text-align: center; } .footer_logos_wrapper { margin-bottom: 30px; } .dsa_wrapper { text-align: left; margin-bottom: 10px; } .footer_logo { max-height: 60px; width: auto; max-width: 100%; height: auto; text-align: left; } .dsa { margin: 0px 0px; opacity: 1; max-height: 30px; width: auto; max-width: 100%; height: auto; } .footer_logo_wrapper { margin-bottom: 20px; text-align: left; } footer .footer_contact_details li span::before { float: none; } footer .footer_contact_details li { text-align: center; } @media only screen and (min-width: 768px){ footer { text-align: left; } .footer_logo { width: auto; max-width: 100%; height: auto; margin-top: 0px; max-height: 60px; } .footer_logo.dsa { max-height: 40px; margin-top: 20px; } .footer_logo.nig_footer_logo { max-height: 30px; margin-top: 10px; } footer .footer_contact_details li span::before { float: left; } footer .footer_contact_details li { text-align: left; } .dsa { margin: 10px 0px; } .dsa_wrapper { text-align: left; } } .footer_contact_details{ margin: 0px 0px 15px 0px; } .footer_contact_details li { display: block; padding: 0px 0px; clear: both; line-height: 1.5; } .footer_contact_details li span:before { font-size: 1.1em; opacity: 1; color: #fff; display: inline-block; float: left; vertical-align: middle; margin: 0px 10px 10px 0px; } .footer_site_map_menu { margin: 20px 0px 0px 0px; } .footer_site_map_menu li { display: inline-block; padding: 15px 15px 5px 0px; } .footer-border { height: 4px; } .flag_contact_menu li { padding: 5px 0px 10px 10px; display: inline-block; } .footer_site_menu { text-align: left; } .footer_site_menu li{ margin: 4px 0px 15px 0px; text-align: center; font-size: 1.5em; } .footer_site_menu a { line-height: 1.5; margin: 6px 0px; } .footer_flag { max-width: 50px; width: 100%; height: auto; margin-right: 5px; opacity: 0.95; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flag_contact_menu li:hover img { opacity: 1; } .flag_contact_menu li a .country_label { opacity: 0.8; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flag_contact_menu li a:hover .country_label { opacity: 1; } .footer_headings { font-size: 1.8em; margin-bottom: 10px; padding-bottom: 5px; display: table; padding-right: 4px; } @media only screen and (max-width:767px){ .footer_headings { margin: 30px 0px; text-align: center; display: block; } } @media only screen and (max-width:767 px){ .dsa_wrapper { text-align: center; margin: 30px 0px; } } .footer_sm_menu li { display: inline-block; margin-right: 15px; vertical-align: text-bottom; } .footer_sm_menu li .footer_social_ico { font-size: 2em; color: rgba(250,250,250,0.8); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; padding-top: 0.1em; } .footer_sm_menu li .footer_social_ico:hover { color: rgba(250,250,250,1); font-size: 2.1em; padding-bottom: 0.1em; text-shadow: 1px 1px 2px rgba(0,0,0,0.2); } .flag_contact_menu { text-align: left; } .flag_contact_menu li { text-align: left; margin: 10px auto; display: block; } .flag_contact_menu li .country_label { font-size: 1.5em; margin-left: 10px; text-align: left; } .flag_contact_menu li span img { width: 45px; height: auto; max-width: none; margin-right: 10px; } .footer_contact_details li a{ font-size: 1.2em; } .footer_logo_wrapper { width: 100%; } @media only screen and (min-width: 510px){ .flag_contact_menu li span img { width: 30px; margin-right: 10px; } .footer_site_map_menu { margin: 0px 0px 0px 0px; } .footer_contact_menu { text-align: left; } .flag_contact_menu li { min-width: 46%; text-align: left; } .flag_contact_menu li .country_label { font-size: 1.1em; margin-left: 10px; } .footer_site_menu li{ font-size: 1em; text-align: center; } .footer_contact_details{ margin-bottom: 40px; } .footer_contact_details li a{ font-size: 1em; } .footer_site_menu li{ font-size: 1em; text-align: left; display: inline-block; padding-left: 0px; width: 45%; padding-right: 10px; vertical-align: text-top; margin-right: 0px; } .footer_headings { text-align: left; } } @media only screen and (min-width: 600px) { .flag_contact_menu li span img { width: 35px; } .footer_site_menu { margin-top: 30px; text-align: left; } .footer_site_menu li a { font-size: 1em; } .footer_contact_details li { text-align: left; margin: 0px; padding: 3px 0px; font-size: 1em; } .footer_contact_details li a{ text-align: center; padding: 3px 0px; font-size: 1.1em; display: block; } .footer_contact_details{ margin-bottom: 50px; } footer .footer_contact_details li span::before { font-size: 2em; margin-right: 7px; } } @media only screen and (min-width: 768px) { .flag_contact_menu li { padding: 5px 0px 10px 0px; display: inline-block; text-align: left; min-width: 10%; width: inherit; } footer .footer_contact_details li span::before { font-size: 1.2em; margin-right: 5px; } .footer_contact_details li a{ padding: 2px 0px; font-size: 1em; display: block; } .footer_site_menu li { text-align: left; width: 100%; font-size: 0.9em; } .footer_site_menu li a { font-size: 1em; } .flag_contact_menu li .country_label { font-size: 1em; } .flag_contact_menu li span { display: inline-block; } .flag_contact_menu li span img { width: 20px; margin-right: 0px; } .country_label { display: block; padding-right: 10px; } .flag_contact_menu li { padding: 5px 10px 5px 0px; display: inline-block; text-align: left; } } @media only screen and (min-width: 900px){ .flag_contact_menu li { min-width: 23%; } .footer_site_menu li { width: 45%; } } /* -----------Home contact form-----------*/ .contact_form_wrapper { margin: 0 auto; width: 100%; } .contact_form_wrapper .wpcf7-form-control { background: #fff !important; border-radius: 0px; } .green_form_control, .lightblue_form_control, .form_section{ background: #fff; margin: 10px 0px; padding: 20px 20px; } .green_form_control, .lightblue_form_control { -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1); } .div.wpcf7-mail-sent-ok { border: 1px solid #72bf44!important; } .div.wpcf7-response-output { padding: 15px !important; } .span.wpcf7-not-valid-tip { color: #ec1c52 !important; } .wpcf7-validation-errors { border: 1px solid #f58220!important } .green_form_control .wpcf7-form-control {border-color: #72bf44 !important;} .green_form_control .wpcf7-form-control:focus, .lightblue_form_control .wpcf7-form-control:focus {background: #fff} .lightblue_form_control .wpcf7-form-control {border-color: #0094C9 !important;} .contact_section_intro { padding: 50px 15px 20px 15px; } .contact_bg { position: relative; } .contact_bg_backdrop { background: #fff; opacity: 1; width: 100%; height: auto; padding: 50px 0px; color: #fff; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; } .contact_content { position: relative; z-index: 2; color: #0094c9; } .contact_content h1 { font-size: 2.5em; text-shadow: 1px 1px 2px rgba(0,0,0,0.1); margin-top: 30px; } .wpcf7-form-control{ background: rgba(255,255,255,1); border: 1px solid #ccc; color: #003267; width: 100%; border-radius: 0px; margin: 5px 0px; padding: 4px 5px; line-height: 1.7; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .form_label { text-align: left; font-weight: 400; font-size: 1.2em; display: block; color: #0094c9; } .wpcf7-form-control-wrap {font-size: inherit;} .form-control, #wpcf7-f2039-o1 > form > div.row > div:nth-child(4) > span > select { border-radius: 0px; } .copy_max { max-width: 800px; width: 100%; margin: 0 auto; } .wpcf7-form-control, .wpcf7-form-control::placeholder, .wpcf7-form-control .wpcf7-select option{ color: #003267; font-weight: 400; } .wpcf7-form-control:focus { background: #F5FEFF; -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.10); -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.10); box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.10); color: #002367; font-weight: 400; border: 1px solid #0094c9; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .newsletter_form_wrapper .ajax-loader, .contact_form_wrapper .ajax-loader { max-width: 50px; display: block; } .contact_recaptcha { background-color: transparent; border: 0px; outline: 0px; width: 100%!important; padding: 0px; } .contact_recaptcha > div {width: 100% !important;} .contact_recaptcha > div > div > iframe {width: 100% !important} .rc-anchor-compact {width: 100%;} .contact_form_flag_wrapper { text-align: center; margin-bottom: 50px; } .contact_form_flag_wrapper .flag_contact_menu li { display: inline-block; padding: 15px 10px 15px 0px; width: inherit; min-width: 23%; vertical-align: middle; } .contact_form_flag_wrapper .flag_contact_menu li .country_label { display: inline-block; text-shadow: 1px 1px 2px rgba(0,0,0,0.15); } .contact_form_flag_wrapper .flag_contact_menu li span { display: inline-block; float: left; } .contact_form_flag_wrapper img { width: 50px; } .contact_flag_heading { font-size: 2em; } @media only screen and (min-width: 768px) { .contact_form_flag_wrapper .flag_contact_menu li { margin-right: 40px; min-width: 100px; } .footer_flag{ max-width: 60px; height: auto; } } .contact_map_square { width: 100%; height: 150px; max-height: 300px; } .contact_bg .contact_details li { padding: 3px 0px; display: inline-block; } .contact_bg .contact_details .contact_ico::before { font-size: 0.9em; margin-right: 10px; } .contact_bg .contact_details li { display: block; } /*------------Tooltips ------------*/ .custom_tooltip { display: inline; position: relative; z-index: 999; } /* Trigger text */ .custom_tooltip-item { color: #003267; cursor: pointer; display: inline-block; padding: 5px 5px 5px 0px; font-size: 1.2em; background: rgba(255,255,255,0); -webkit-transition: all 0.45s ease-out; -moz-transition: all 0.45s ease-out; -ms-transition: all 0.45s ease-out; -o-transition: all 0.45s ease-out; transition: all 0.45s ease-out; font-style: italic; } .custom_tooltip-item:hover { background: rgba(0,148,201,1); color: #fff; padding: 5px 10px; font-style: normal; letter-spacing: 1px; } /* Gap filler */ .custom_tooltip-item::after { content: ''; position: absolute; width: 360px; height: 20px; bottom: 100%; left: 50%; pointer-events: none; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .custom_tooltip:hover .custom_tooltip-item::after { pointer-events: auto; } /* custom_Tooltip */ .custom_tooltip-content { position: absolute; z-index: 9999; width: 360px; left: 50%; margin: 0 0 20px -180px; bottom: 100%; text-align: left; font-size: 1em; line-height: 1.7; box-shadow: -5px -5px 15px rgba(48,54,61,0.2); background: #0094C9; opacity: 0; cursor: default; pointer-events: none; } .custom_tooltip-effect-1 .custom_tooltip-content { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .custom_tooltip-effect-2 .custom_tooltip-content { -webkit-transform-origin: 50% calc(100% + 10px); transform-origin: 50% calc(100% + 10px); -webkit-transform: perspective(1000px) rotate3d(1,0,0,45deg); transform: perspective(1000px) rotate3d(1,0,0,45deg); -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s; } .custom_tooltip-effect-3 .custom_tooltip-content { -webkit-transform: translate3d(0,10px,0) rotate3d(1,1,0,25deg); transform: translate3d(0,10px,0) rotate3d(1,1,0,25deg); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .custom_tooltip-effect-4 .custom_tooltip-content { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale3d(0.7,0.3,1); transform: scale3d(0.7,0.3,1); -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s; } .custom_tooltip-effect-5 .custom_tooltip-content { width: 180px; margin-left: -90px; -webkit-transform-origin: 50% calc(100% + 6em); transform-origin: 50% calc(100% + 6em); -webkit-transform: rotate3d(0,0,1,15deg); transform: rotate3d(0,0,1,15deg); -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s; -webkit-transition-timing-function: ease, cubic-bezier(.17,.67,.4,1.39); transition-timing-function: ease, cubic-bezier(.17,.67,.4,1.39); } .custom_tooltip:hover .custom_tooltip-content { pointer-events: auto; opacity: 1; -webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0); transform: translate3d(0,0,0) rotate3d(0,0,0,0); } .custom_tooltip.custom_tooltip-effect-2:hover .custom_tooltip-content { -webkit-transform: perspective(1000px) rotate3d(1,0,0,0deg); transform: perspective(1000px) rotate3d(1,0,0,0deg); } /* Arrow */ .custom_tooltip-content::after { content: ''; top: 100%; left: 50%; border: solid transparent; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-top-color: #0094c9; border-width: 10px; padding-top: 10px; margin-left: -10px; } /* custom_Tooltip content*/ .custom_tooltip-content img { position: relative; height: 120px; display: block; float: left; margin-right: 1em; margin-top: 2em; margin-bottom: 1em; width: auto; margin-left: 0em } .custom_tooltip-text { font-size: 0.95em; line-height: 1.35; display: block; padding: 20px 10px; color: #fff; } .custom_tooltip-effect-5 .custom_tooltip-text { padding: 1.4em; } .custom_tooltip-text a { font-weight: bold; } .soc_heading { padding: 0px 0px 40px 0px; } .respond_float_left { width: 100%; } @media only screen and (min-width: 600px){ .respond_float_left { width: 40%; float: left; max-width: 450px; height: auto; margin-right: 30px; } } .product_thumb { max-height: 250px; max-width: 100%; width: auto; margin: 15px auto; display: block } .rp_img { width: auto; max-width: 100%; max-height: 120px; } /* -----------Tooltips ends-----------*/ /* -----------filter tools----------- */ .product_nav_section { background: #fff; padding: 0px 0px 0px 0px; z-index: 9; text-align: center; } /*@media only screen and (max-width:768px){ .simplefilter_nav { padding: 70px 0px 20 0px; position: relative !important; } }*/ .simplefilter_nav {margin: 0px;} .simplefilter_nav li { display: inline-block; margin: 0px 0px 0px 0px; vertical-align: middle; width:50%; } .simplefilter_nav li:first-child { display: inline-block; margin: 0px 0px 0px 0px; vertical-align: middle; width:100%; } .simplefilter_nav li a { padding: 10px 10px; color: #fff; display: inline-block; width: 100%; } .simplefilter_nav li:hover { cursor: pointer; } @media only screen and (min-width: 650px){ .simplefilter_nav li { width:25%; } .simplefilter_nav li:first-child { display: inline-block; margin: 0px 0px 0px 0px; vertical-align: middle; width:100%; } } @media only screen and (min-width: 800px){ .simplefilter_nav li { display: inline-block; margin: 0px 0px 0px 0px; vertical-align: middle; width:20%; } .simplefilter_nav li:first-child{width: 20%} } /* ---------filter tools end--------- */ /* map styling iw */ .office_iw .office_heading { font-size: 1.5em; width: 90%; margin: 10px 0px 10px 0px; line-height: 1.5; } .gm-style-iw > div:nth-child(1) { overflow-y: hidden !important; } .office_iw .office_heading_flag_ico { max-height: 2em; width: 3em; margin-right: 7px; max-width: 4em; outline: 1px solid rgba(0,0,0,0.05); float: left; } .office_iw .contact_ico { font-size: 1.2em; vertical-align: middle; margin-right: 5px; color: #0094c9; } .office_iw .office_photo { margin: 10px 0px; } .gm-style-iw > div:nth-child(1) { max-width: 100% !important; width: 100% !important; } .gm-style div > div > div > div > div > div > div > div { background-color: #003267 !important; } .gm-style .gm-style-iw { top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; min-height: 200px; display: block !important; min-width: 300px !important; max-width: 400px !important; padding: 0px !important; overflow-y: auto; overflow-x: hidden; } @media only screen and (min-width: 768px){ .gm-style { background-color: #fff !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; min-height: 40vh !important; display: block !important; min-width: 400px !important; } } .gm-style .gm-style-iw { background: #fff !important } .gm-style .gm-style-iw .office_wrapper{ background-color: #fff !important; color: #003267!important; position: relative; padding: 0px; } .gm-style .gm-style-iw ul { padding: 0px; margin: 0px; width: 100%; } .gm-style .gm-style-iw ul li { padding: 5px 15px 5px 0px; ; display: inline-block; } .gm-style .office_wrapper .office_iw_container { padding: 0px 15px; background-color: #fff !important; position: relative; } /* event - recent events */ .feat_event_title { font-size: 1.6em; } /* event banner */ .event_banner { position: relative; overflow: hidden; height: 100vh; padding: 0px; background: #003267 } .banner_content { position: absolute; top: 200px; left: 20px; color: #fff; z-index: 101; } .event_highlight_title{ font-size: 3em; color: #999; } #world { top: 0px; z-index: 100 !important; background: transparent; position: absolute; } /* search form */ .blue_post_border { margin: 20px 0px; background: #ddd; height: 1px; } .wp_sidebar { margin-top: 20px; } .single_event_sidebar { padding: 0px 30px; } .wp_sidebar #s { width: 100%; padding: 10px; } .search_input { width: 70%; display: inline-block; } #search_ico { max-width: 34px; height: auto; display: inline-block; width: 20%; padding: 7px; vertical-align: top; margin-left: 1%; border: 1px solid #ccc; border-radius: 4px; -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .wp_sidebar #searchsubmit { display: block; width: 100%; margin: 10px 0px; } .wp_sidebar .widget.widget_search { width: 100%; } @media only screen and (max-width: 767px){ .wp_sidebar #s { width: 42%; margin-right: 3%; display: inline-block; } .wp_sidebar #searchsubmit { width: 50%; display: inline-block; } } @media only screen and (max-width: 450px){ .wp_sidebar #s { width: 45%; display: inline-block; } .wp_sidebar #searchsubmit { width: 50%; display: inline-block; } } .search_thumb img { max-height: 250px; height: auto; width: auto; margin: 0 auto; max-width: 100%; text-align: center; } .search_thumb { text-align: center; } .searchform { padding: 20px 0px; } .searchform label { font-size: 1em; display: none; } .searchlabel::before { content: "\f16a"; color: #666; font-size: 1.1em; margin-right: 5px; font-family: 'icomoon'; text-shadow: 1px 1px 2px rgba(0,0,0,0.1); } .searchform input { color: #999; padding: 2px 5px; line-height: 1.5; border: 1px solid rgba(0,0,0,0.3); outline: 0px; } .searchform input:focus { -webkit-box-shadow: inset -1px 1px 3px 0px rgba(0,50,99,0.1); -moz-box-shadow: inset -1px 1px 3px 0px rgba(0,50,99,0.1); box-shadow: inset -1px 1px 3px 0px rgba(0,50,99,0.1); } /*---------News letter form ---------*/ .newsletter_signup_section { } .newsletter_signup_section .wpcf7-text { padding: 5px 5px; line-height: 2; } #transparent_captcha { height: 0px !important; color: #fff; } ._4n-j._3cht.fsl { color: inherit; font-size: 1em; margin-right: 5px; } /* -------------- Referral form-------------*/ .form_section { padding: 20px 0px; background: #fff; color: #000; } @media only screen and (min-width: 768px){ .form_section { padding: 20px; background: #fff; border: 1px solid #ddd; } } .referral_form_bg { background-color: #fcfcfc; } .referral_form_section p b { font-weight: 700; color: #666; } .referral_checkbox .wpcf7-form-control-wrap { width: auto; margin: 0px 10px 0px 0px; display: block; float: left; margin-bottom: 10px; } .referral_checkbox input[type="checkbox"]{ margin: 5px 10px 5px 0px; } .referral_checkbox .wpcf7-form-control-wrap .form-control { height: auto; } .referral_checkbox .wpcf7-form-control-wrap .form-control .wpcf7-list-item-label { margin-right: 10px; } .country_max { max-width: 400px; } @media only screen and (min-width: 768px){ .prospect-interest > span { padding: 10px 15px; } } /* ------------- FAQ -------------*/ .q_and_a { margin: 10px 0px; } .q_and_a p{ padding-bottom: 5px; display: inline-block; font-size: 1em; } .q_and_a p b, .q_and_a p i { font-size: 1.5em; } .q_and_a p i { margin: 0px 10px 0px 0px; } /* ------------FAQ END------------ */ /* hero feature image*/ section.hero_section { position: relative; padding: 0px; height: 100%; } .hero_vmodal_bt { position: absolute; left: 50%; top: 50%; } .vhero_bt_wrapper { height: 80px; width: 80px; border-radius: 50%; border: 4px solid #003267; padding: 7px 0px 20px 0px; background: #0094c9; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.29); -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.29); box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.29); } .vhero_bt_wrapper:hover { -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.29); -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.29); box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.29); background: #003267; } .hero_vmodal_bt span::before { color: #fff; font-size: 4em; margin-left: 0.45em; text-shadow: 1px 1px 10px rgba(0,0,0,0.2); } .vhero_bt_wrapper:hover .hero_vmodal_bt span::before { text-shadow: 1px 1px 10px rgba(255,255,255,0.6); color: #0094c9 !important; } .hero_copy_wrapper { position: absolute; bottom: 20px; left: 15px; color: #fff; right: 15px; text-align: center; font-weight: 700; } .no_textshadow { text-shadow: 0px 0px 0px rgba(0,0,0,0) !important; } .hero_copy_wrapper h1.banner_light { font-size: 1.4em; color: #fff; line-height: 1.5; text-shadow: 1px -1px 2px rgba(0,0,0,0.6); margin: 7px 0px; } .banner_text_ribbon { text-align: center; } .inset_banner { -webkit-box-shadow: inset -4px 1px 15px 4px rgba(0,0,0,0.1); -moz-box-shadow: inset -4px 1px 15px 4px rgba(0,0,0,0.1); box-shadow: inset -4px 1px 15px 4px rgba(0,0,0,0.1); padding: 20px 20px; margin: 0px -15px 0px -15px; } .banner_text_ribbon h1, .banner_text_ribbon h3 { text-align: center; margin: 55px 80px; } .banner_text_ribbon h1 sup { font-size: 0.25em; vertical-align: text-top; display: inline-block; padding-top: 20px; } /*.hero_copy { margin: 0px; line-height: 1.2; letter-spacing: 1px; font-weight: 900; text-shadow: 2px 2px 3px rgba(0,0,0,0.3); max-width: 800px; text-transform: uppercase; } */ @media only screen and (max-width: 480px){ .hero_copy_wrapper{ font-size: 1em; } } @media only screen and (min-width: 768px){ .hero_copy_wrapper { bottom: 10%; left: 10%; right: 10%; font-size: 1.2em; } } @media only screen and (min-width: 900px){ .hero_copy_wrapper { font-size: 1.3em; bottom: 15%; left: 10%; right: 10%; } } @media only screen and (min-width: 1200px){ .hero_copy_wrapper { font-size: 1.6em; bottom: 10%; left: 20%; right: 20%; } } /* Product Grid */ .post_block_pad { padding: 15px; } .product_grid { margin: 0px 0px; padding: 50px 0px; width: 100%; text-align: left; overflow: hidden; } .product_grid .product_title { display: block; padding-bottom: 5px; text-align: center; font-weight: 500; margin-right: 0px !important; } .product_grid li { padding: 0px 15px; display: inline-block; width: 98%; vertical-align: middle; } .programme_grid { width: 100%; margin: 0px; text-align: center; } .programme_grid li { display: inline-block; width: 45%; text-align: center; } .post_color_block { padding-top: 10px !important; background: #eee; } .border_block { border: 1px solid #ddd; padding: 10px; margin-bottom: 10px; border-radius: 5px; background: #fff; } .border_block_wide { border: 1px solid #ddd; padding: 10px 0px; margin-bottom: 10px; border-radius: 5px; background: #fff; } .col_grid_6 { width: 49%; display: inline-block; vertical-align: text-top; padding: 0px 10px; margin: 15px 0px; } .col_grid_3 { width: 32%; padding: 0px 10px; margin: 5px 0px; vertical-align: text-top; display: inline-block; } .post_category_header { margin-bottom: 20px; } .post_category_header.wm_post_cat { border-bottom: 2px solid #f58220; } .post_category_header.nut_post_cat { border-bottom: 2px solid #72bf44; } .post_category_header.col_post_cat { border-bottom: 2px solid #0094c9; } .post_grid { margin: 20px 0px; width: 100%; padding: 0px; text-align: left; } section.post_grp { padding: 0px 0px; } .post_grid li { display: inline-block; padding: 0px 0px; text-align: left; vertical-align: top; margin: 15px 0%; } .tag_page .wp-sidebar { padding-top: 20px; } .tag_grid { margin: 0; padding: 0; } .tag_grid li { display: inline-block; width: 45%; margin-bottom: 20px; margin-right: 4%; vertical-align: top; } @media only screen and (max-width: 768px){ .tag_grid li { width: 100%; margin-right: 0; } } .page-header.flat_header { margin: 0px; } .wp_sidebar .widget-title { font-size: 1.5em; color: #0094C9; line-height: 1.4; } .wp_sidebar ul li { margin: 3px 0px; } .png_cat_label { color: rgba(255,255,255,0.8); font-size: 1.3em } .sidebar_block { margin-bottom: 20px; } .category_nav li { margin: 5px 0px; } .category_nav li a { line-height: 1.5; } .sidebar_block:nth-child(1n + 2){ margin-top: 20px; padding-top: 10px; } .sidebar_block:first-child{ margin-top: 10px; } @media only screen and (max-width: 450px){ /* for mobile only */ .product_grid .product_title { font-size: 2em; } } @media only screen and (max-width: 370px){ /* small mobile only for w/m category title */ .product_grid .product_title { font-size: 1.5em; } } @media only screen and (min-width: 600px){ .product_grid li { padding: 0px 15px; width: 48%; display: inline-block; } } @media only screen and (min-width: 600px){ .product_grid li { display: inline-block; width: 48%; text-align: left; } .post_grid li { width: 46%; margin: 15px 1%; text-align: left; } .ap_product_title { font-size: 1.5em; } } @media only screen and (min-width: 768px){ .product_grid li { width: 30%; } .post_grid li { width: 47%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .post_grid li:hover { -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.20); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.20); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.20); } .product_grid { text-align: center; } .product_grid .product_title { font-size: 2.5em; } } @media screen and (min-width: 1100px){ .product_grid li { width: 32%; } .post_grid li { width: 32%; margin: 10px 0.5%; } .post_grid_6 li { width: 48%; margin: 10px 0.5%; } } .postcard { width: 100%; margin: 0px auto; background: #fff; position: relative; border-radius: 3px; padding: 10px; } .postcard:after { content: ''; background: repeating-linear-gradient(45deg, #114abc, #114abc 10px, #eee 10px, #eee 20px, #bf2010 20px, #bf2010 30px, #eee 30px, #eee 40px); border-radius: 6px; -webkit-box-shadow: 1px 2px 2px 1px rgba(76, 66, 47, 0.1); box-shadow: 1px 2px 2px 1px rgba(76, 66, 47, 0.1); width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; } .postcard_form { position: relative; z-index: 10; background: #eee; padding: 20px 20px; } .postcard_form .mc4wp-checkbox input { margin-right: 10px; display: inline-block; vertical-align: middle; } .postcard_form .mc4wp-checkbox span { display: inline-block; vertical-align: middle; } .tags_wrapper { margin: 20px 0px; } .postcard_form p { margin: 0px; padding-bottom: 10px; } .display_table { display: inline-block; width: 100%; height: 100%; vertical-align: middle; text-align: center; position: relative; line-height: 100%; } .sub_heading.block_heading_title { display: inline-block; text-align: left; font-size: 1.4em; line-height: 1.5; margin: 0px; } .excerpt { padding: 0px 0px; } .wm_banner_content { position: relative; margin: 50px auto; max-width: 800px; } .sm_text_banner { height: 100px; position: relative; width: 100%; background-color: rgba(0,148,201,1); border-bottom: 10px solid rgba(245,130,32,1); margin-bottom: 40px; } .sm_text_banner h2 { font-size: 1.6em; font-weight: 100; margin: 0 auto; text-align: center; color: white; } .img_overlay_wrapper { position: relative; margin: 20px 0px; overflow: hidden; } .img_overlay_wrapper img { z-index: 1; width: 100%; top: 0; position: relative; left: 0; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .img_overlay_wrapper .overlay_color { height: 100%; position: absolute; z-index: 2; width: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .img_overlay_wrapper:hover img { -webkit-filter: blur(2px); : blur(2px); -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; -webkit-transform: scale(1.025); -moz-transform: scale(1.025); -ms-transform: scale(1.025); -o-transform: scale(1.025); transform: scale(1.025); } .img_overlay_wrapper:hover .overlay_color { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .color_slide_wrap { position: relative; overflow: hidden; } .img_overlay_wrapper { top: 0px; left: 0px; width: 100%; height: 100%; } .img_overlay_wrapper:first-child:hover .overlay_color { background: rgba(0,148,201,0.7); } .img_overlay_wrapper:nth-child(2):hover .overlay_color { background: rgba(114,191,98,0.7); } .img_overlay_wrapper:nth-child(3):hover .overlay_color { background: rgba(245,130,32,0.7); } .category_overlay_boxes .img_overlay_wrapper h2 { position: absolute; font-size: 1.6em; font-weight: 800; text-align: center; left: 35px; right: 35px; bottom: 30px; line-height: 1.1; color: white; text-transform: uppercase; text-shadow: 0px 0px 5px rgba(0,0,0,0.5); z-index: 10; } .category_overlay_boxes .img_overlay_wrapper h2 sup { font-size: 0.45em; vertical-align: text-top; display: inline-block; padding-top: 20px; } .hero_copy_wrapper h1{ font-size: 2em; left: 10px; text-align: center; right: 10px; bottom: 30px; font-weight: 700; text-shadow: 0px 0px 40px rgba(0,0,0,0.4); } @media only screen and (max-width: 585px) { .sm_text_banner { padding: 20px 0px; } .sm_text_banner h2 { font-size: 1.5em; } .category_overlay_boxes .img_overlay_wrapper h2 { font-size: 2.8em; } .category_overlay_boxes .img_overlay_wrapper { width: 100%!important; } .banner_text_ribbon h1, .banner_text_ribbon h3 { font-size: 1.6em; margin: 30px 20px; } .banner_text_ribbon h1 sup { font-size: 0.35em; vertical-align: text-top; display: inline-block; padding-top: 15px; } } @media only screen and (min-width: 480px) { .hero_copy_wrapper h1.hero_copy{ text-shadow: 0px 0px 40px rgba(0,0,0,0.4); font-size: 2.5em; } } @media only screen and (min-width: 585px) { .sm_text_banner { padding: 30px 0px; } .sm_text_banner h2 { font-size: 1.7em; } .category_overlay_boxes .img_overlay_wrapper h2 { font-size: 4.6em; } .category_overlay_boxes .img_overlay_wrapper { width: 100%!important; margin: 20px 0px; } .hero_copy_wrapper h1.hero_copy { font-size: 3em; left: 20px; right: 20px; bottom: 40px; margin-bottom: 0px; text-shadow: 0px 0px 40px rgba(0,0,0,0.4); } .banner_text_ribbon h1, .banner_text_ribbon h3 { font-size: 1.6em; margin: 30px 40px; } .banner_text_ribbon h1 sup { font-size: 0.35em; vertical-align: text-top; display: inline-block; padding-top: 15px; } .category_overlay_boxes .img_overlay_wrapper h2 sup { font-size: 0.30em; vertical-align: text-top; display: inline-block; padding-top: 30px; } } @media only screen and (max-width: 936px) { .category_overlay_boxes .img_overlay_wrapper { max-width: 100%!important; flex: 0 0 100%!important; } } @media only screen and (min-width: 937px) { .sm_text_banner { padding: 40px 0px } .sm_text_banner h2 { font-size: 1.9em; } .category_overlay_boxes .img_overlay_wrapper h2 { font-size: 2.0em; } .category_overlay_boxes .img_overlay_wrapper { max-width: 33.33% !important; margin: 00px 0px; } .hero_copy_wrapper h1.hero_copy { font-size: 3.4em; left: 40px; right: 40px; text-align:center; bottom: 80px; } .banner_text_ribbon h1, .banner_text_ribbon h3 { font-size: 2.5em; margin: 55px 80px; } .banner_text_ribbon h1 sup { font-size: 0.25em; vertical-align: text-top; display: inline-block; padding-top: 20px; } .category_overlay_boxes .img_overlay_wrapper h2 sup { font-size: 0.35em; vertical-align: text-top; display: inline-block; padding-top: 20px; } } @media only screen and (min-width: 1022px) { .category_overlay_boxes .img_overlay_wrapper h2 { font-size: 2.3em; } } @media only screen and (min-width: 1244px) { .category_overlay_boxes .img_overlay_wrapper h2 { font-size: 2.5em; } } .dl-trigger { float: right;margin: 0; height: 45px; width: 35px; background: #444; border-radius: 0;z-index: 1} .dl-trigger .icon-bar { width: 28px; background: #003267;transition: .5s ease;} .dl-trigger .icon-bar:nth-child(2){transform: rotate(0)translateY(0)translateX(0);} .dl-trigger .icon-bar:nth-child(3){opacity:1} .dl-trigger .icon-bar:nth-child(4){transform:rotate(0)translateY(0)translateX(0);} .dl-trigger.dl-active .icon-bar:nth-child(2){transform: rotate(-45deg)translateY(5px)translateX(-5px);} .dl-trigger.dl-active .icon-bar:nth-child(3){opacity: 0} .dl-trigger.dl-active .icon-bar:nth-child(4){transform:rotate(45deg)translateY(-4px)translateX(-3px);} /* Mobile nav */ /* Common styles of menus */ @media only screen and (min-width: 768px){ #dl-menu { display: none; } } #dl-menu .caret { display: none; } .dl-menuwrapper { width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px; float: left; position: relative; -webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; perspective-origin: 50% 200%; } .dl-menuwrapper:first-child { margin-right: 100px; } .dl-trigger { margin: 0; background: #444; border-radius: 0; z-index: 1; position: absolute; margin-right: 0px; right: 0px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .dl-trigger .icon-bar { background: #003267; display: block; width: 22px; height: 2px; border-radius: 1px; } .dl-trigger .icon-bar+.icon-bar { margin-top: 4px; } .dl-menuwrapper ul { background: #fff; top: 45px; padding: 10px 0px } .dl-menuwrapper ul { padding: 0; list-style: none; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .dl-menuwrapper li { position: relative; } .dl-menuwrapper li a { display: block; position: relative; padding: 15px 20px; font-size: 1.1em; line-height: 20px; color: #003267; outline: none; } .no-touch .dl-menuwrapper li a:hover { background: rgba(255,248,213,0.1); } .dl-menuwrapper li.dl-back > a { padding-left: 30px; background: rgba(0,0,0,0.05); } .dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after { position: absolute; top: 0; line-height: 50px; font-family: 'icomoon'; speak: none; -webkit-font-smoothing: antialiased; content: "\f15e"; /*Icon*/ padding-right: 10px; color: #003267; } .dl-menuwrapper li.dl-back:after { left: 0px !important; right: auto; color: #003267; -webkit-transform: rotate(180deg); transform: rotate(180deg); margin-right: 10px; padding-right: 10px; } .dl-menuwrapper li > a:after { color: rgba(0,0,0,0.20); right: 10px; } .dl-menuwrapper .dl-menu { margin: 5px 0 0 0; position: absolute; width: 100%; opacity: 0; pointer-events: none; -webkit-transform: translateY(-10px); transform: translateY(-10px); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .dl-menuwrapper .dl-menu.dl-menu-toggle { transition: all 0.3s ease; } .dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); transform: translateY(0px); } /* Hide the inner submenus */ .dl-menuwrapper li .dl-submenu { display: none; } /* When a submenu is openend, we will hide all li siblings. For that we give a class to the parent menu called "dl-subview". We also hide the submenu link. The opened submenu will get the class "dl-subviewopen". All this is done for any sub-level being entered. */ .dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a { display: none; } .dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display: block; } /* Dynamically added submenu outside of the menu context */ .dl-menuwrapper > .dl-submenu { position: absolute; width: 100%; top: 50px; left: 0; margin: 0; } /* Animation classes for moving out and in */ .dl-menu.dl-animate-out-1 { -webkit-animation: MenuAnimOut1 0.4s; animation: MenuAnimOut1 0.4s; } @-webkit-keyframes MenuAnimOut1 { 0% { } 50% { -webkit-transform: translateZ(-250px) rotateY(30deg) translateY(-200px); } 75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg) translateY(-400px); opacity: .5; } 100% { -webkit-transform: translateZ(-500px) rotateY(0deg) translateY(-600px); opacity: 0; } } @keyframes MenuAnimOut1 { 0% { } 50% { -webkit-transform: translateZ(-250px) rotateY(30deg); transform: translateZ(-250px) rotateY(30deg); } 75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { -webkit-transform: translateZ(-500px) rotateY(0deg); transform: translateZ(-500px) rotateY(0deg); opacity: 0; } } .dl-menu.dl-animate-in-1 { -webkit-animation: MenuAnimIn1 0.3s; animation: MenuAnimIn1 0.3s; } @-webkit-keyframes MenuAnimIn1 { 0% { -webkit-transform: translateZ(-500px) rotateY(0deg) translateY(-600px); opacity: 0; } 20% { -webkit-transform: translateZ(-250px) rotateY(30deg) translateY(-400px); opacity: 0.5; } 100% { -webkit-transform: translateZ(0px) rotateY(0deg) translateY(-400px); opacity: 1; } } @keyframes MenuAnimIn1 { 0% { -webkit-transform: translateZ(-500px) rotateY(0deg); transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { -webkit-transform: translateZ(-250px) rotateY(30deg); transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { -webkit-transform: translateZ(0px) rotateY(0deg); transform: translateZ(0px) rotateY(0deg); opacity: 1; } } .dl-menuwrapper > .dl-submenu.dl-animate-in-1 { -webkit-animation: SubMenuAnimIn1 0.4s ease; animation: SubMenuAnimIn1 0.4s ease; } @-webkit-keyframes SubMenuAnimIn1 { 0% { -webkit-transform: translateX(50%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @keyframes SubMenuAnimIn1 { 0% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; } } .dl-menuwrapper > .dl-submenu.dl-animate-out-1 { -webkit-animation: SubMenuAnimOut1 0.4s ease; animation: SubMenuAnimOut1 0.4s ease; } @-webkit-keyframes SubMenuAnimOut1 { 0% { -webkit-transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(50%); opacity: 0; } } @keyframes SubMenuAnimOut1 { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; } } .no-js .dl-menuwrapper .dl-menu { position: relative; opacity: 1; -webkit-transform: none; transform: none; } .no-js .dl-menuwrapper li .dl-submenu { display: block; } .no-js .dl-menuwrapper li.dl-back { display: none; } .no-js .dl-menuwrapper li > a:not(:only-child) { background: rgba(0,0,0,0.1); } .no-js .dl-menuwrapper li > a:not(:only-child):after { content: ''; } .dl-menuwrapper button { background: #fff; } .dl-menuwrapper ul { background: #fff; color: #003267; -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); } .no_shadow { -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important; -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important; } .post_nav_section { padding: 0px 15px; } .post_date { font-size: 1.2em; font-weight: 700; float: right; margin: 10px 0px; color: #777; } .breadcrumbs { margin: 10px 0px; padding: 0px 0px; } .post_nav_border { border-bottom: 2px solid; } .breadcrumbs a { font-size: 1.2em; } .posttag { border: 1px solid #aaa; padding: 4px 6px; margin: 2px 2px; display: inline-block; color: #666; } .breadcrumbs .bread-current { font-size: 1.2em; } .blog_post_section { margin: 0 auto; } @media only screen and (max-width: 767px){ .sidebar.post_section { margin-top: 50px; } } .sub_heading { font-weight: 400; font-size: 1.8em; line-height: 1.1; margin-top: 0px; } .post_cite p{ color: #666; padding: 0px; margin-bottom: 20px; } .post_cite p b { font-weight: 700; color: #aaa; } .block_heading { color: #fff; text-align: center; padding: 10px 10px; margin: 0px 0px 20px 0px; position: relative; } .block_heading p { padding: 0px; margin: 0px; } td i.fa-spinner:before { content: "\e90c" !important; font-size: 1em; line-height: 0; padding: 0 0; color: inherit; font-size: 12px; font-family: "Icomoon"; font-style: normal; animation: animationSpinnertwo linear 1s infinite; -webkit-animation: animationSpinnertwo linear 1s infinite; -moz-animation: animationSpinnertwo linear 1s infinite; -o-animation: animationSpinnertwo linear 1s infinite; -ms-animation: animationSpinnertwo linear 1s infinite; display: inline-block; vertical-align: middle; } .fa-spinner:before { content: "\e90c" !important; font-size: 1em; line-height: 0; padding: 0 0; color: inherit; font-size: 1.2em; font-family: "Icomoon"; font-style: normal; animation: animationSpinnertwo linear 1s infinite; -webkit-animation: animationSpinnertwo linear 1s infinite; -moz-animation: animationSpinnertwo linear 1s infinite; -o-animation: animationSpinnertwo linear 1s infinite; -ms-animation: animationSpinnertwo linear 1s infinite; display: inline-block; vertical-align: middle; } .button.solid_button.lightblue .fa-spinner:before, .button.solid_button.green .fa-spinner:before, .button.solid_button.darkblue .fa-spinner:before { color: #fff; margin-right: 5px; } .button.solid_button.lightblue:hover .fa-spinner:before, .button.solid_button.lightblue:focus .fa-spinner:before { color: #0094c9; } .button.solid_button.darkblue:hover .fa-spinner:before, .button.solid_button.darkblue:focus .fa-spinner:before { color: #002457; } #LoadingImage.fa-spinner:before, .fa-spinner:before, .modal_loader.fa-spinner:before { color: #0094c9; display: inline-block; margin: auto; vertical-align: middle; } .nii_loader { width: 40px; height: 40px; display: block; background: url('../../Content/images/load.gif'); background-repeat: no-repeat; background-size: cover; margin: 2px 0 0 0; text-align: left; position: absolute; } .modal_loader.fa-spinner { width: 100px; height: 100px; display: block; background: url('../../Content/images/load.gif'); background-repeat: no-repeat; background-size: cover; margin: 100px auto 0 auto; text-align: center; } .modal_loader.fa-spinner:before { display: none; } @keyframes animationSpinnertwo { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes animationSpinnertwo { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-moz-keyframes animationSpinnertwo { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* * Toastr * Version 2.0.1 * Copyright 2012 John Papa and Hans Fjällemark. * All Rights Reserved. * Use, reproduction, distribution, and modification of this code is subject to the terms and * conditions of the MIT license, available at http://www.opensource.org/licenses/mit-license.php * * Author: John Papa and Hans Fjällemark * Project: https://github.com/CodeSeven/toastr */ .toast-title { font-weight: bold; } .toast-message { -ms-word-wrap: break-word; word-wrap: break-word; } .toast-message a, .toast-message label { color: #ffffff; } .toast-message a:hover { color: #cccccc; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #ffffff; -webkit-text-shadow: 0 1px 0 #ffffff; text-shadow: 0 1px 0 #ffffff; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); } .toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); } /*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/ button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } #toast-container { position: fixed; z-index: 999999; /*overrides*/ } #toast-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #toast-container > .toast-info { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; } #toast-container > .toast-error { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; } #toast-container > .toast-warning { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; } #toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div { width: 96%; margin: auto; } .toast { background-color: #030303; } .toast-success { background-color: #51a351; } .toast-error { background-color: #bd362f; } .toast-info { background-color: #2f96b4; } .toast-warning { background-color: #f89406; } /*Responsive Design*/ @media all and (max-width: 239px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 11em; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 240px) and (max-width: 479px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 18em; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 480px) and (max-width: 767px) { #toast-container > div { padding: 15px 15px 15px 50px; width: 25em; } } /* * Ladda * http://lab.hakim.se/ladda * MIT licensed * * Copyright (C) 2013 Hakim El Hattab, http://hakim.se */ .btn { position: relative; } .btn .ladda-spinner { position: absolute; z-index: 2; display: inline-block; width: 32px; height: 32px; top: 50%; margin-top: -16px; opacity: 0; pointer-events: none; } .btn .ladda-label { position: relative; z-index: 3; } .btn .ladda-progress { position: absolute; width: 0; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.2); visibility: hidden; opacity: 0; -webkit-transition: 0.1s linear all !important; -moz-transition: 0.1s linear all !important; -ms-transition: 0.1s linear all !important; -o-transition: 0.1s linear all !important; transition: 0.1s linear all !important; } .btn[data-loading] .ladda-progress { opacity: 1; visibility: visible; } .btn,.btn .ladda-spinner,.btn .ladda-label { -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important; -moz-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important; -ms-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important; -o-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important; transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important; } .btn[data-style=zoom-in],.btn[data-style=zoom-in] .ladda-spinner,.btn[data-style=zoom-in] .ladda-label,.btn[data-style=zoom-out],.btn[data-style=zoom-out] .ladda-spinner,.btn[data-style=zoom-out] .ladda-label { -webkit-transition: 0.3s ease all !important; -moz-transition: 0.3s ease all !important; -ms-transition: 0.3s ease all !important; -o-transition: 0.3s ease all !important; transition: 0.3s ease all !important; } .btn[data-style=expand-right] .ladda-spinner { right: 14px; } .btn[data-style=expand-right][data-size="s"] .ladda-spinner,.btn[data-style=expand-right][data-size="xs"] .ladda-spinner { right: 4px; } .btn[data-style=expand-right][data-loading] { padding-right: 56px; } .btn[data-style=expand-right][data-loading] .ladda-spinner { opacity: 1; } .btn[data-style=expand-right][data-loading][data-size="s"],.btn[data-style=expand-right][data-loading][data-size="xs"] { padding-right: 40px; } .btn[data-style=expand-left] .ladda-spinner { left: 14px; } .btn[data-style=expand-left][data-size="s"] .ladda-spinner,.btn[data-style=expand-left][data-size="xs"] .ladda-spinner { left: 4px; } .btn[data-style=expand-left][data-loading] { padding-left: 56px; } .btn[data-style=expand-left][data-loading] .ladda-spinner { opacity: 1; } .btn[data-style=expand-left][data-loading][data-size="s"],.btn[data-style=expand-left][data-loading][data-size="xs"] { padding-left: 40px; } .btn[data-style=expand-up] { overflow: hidden; } .btn[data-style=expand-up] .ladda-spinner { top: -32px; left: 50%; margin-left: -16px; } .btn[data-style=expand-up][data-loading] { padding-top: 54px; } .btn[data-style=expand-up][data-loading] .ladda-spinner { opacity: 1; top: 14px; margin-top: 0; } .btn[data-style=expand-up][data-loading][data-size="s"],.btn[data-style=expand-up][data-loading][data-size="xs"] { padding-top: 32px; } .btn[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner,.btn[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner { top: 4px; } .btn[data-style=expand-down] { overflow: hidden; } .btn[data-style=expand-down] .ladda-spinner { top: 62px; left: 50%; margin-left: -16px; } .btn[data-style=expand-down][data-size="s"] .ladda-spinner,.btn[data-style=expand-down][data-size="xs"] .ladda-spinner { top: 40px; } .btn[data-style=expand-down][data-loading] { padding-bottom: 54px; } .btn[data-style=expand-down][data-loading] .ladda-spinner { opacity: 1; } .btn[data-style=expand-down][data-loading][data-size="s"],.btn[data-style=expand-down][data-loading][data-size="xs"] { padding-bottom: 32px; } .btn[data-style=slide-left] { overflow: hidden; } .btn[data-style=slide-left] .ladda-label { position: relative; } .btn[data-style=slide-left] .ladda-spinner { left: 100%; margin-left: -16px; } .btn[data-style=slide-left][data-loading] .ladda-label { opacity: 0; left: -100%; } .btn[data-style=slide-left][data-loading] .ladda-spinner { opacity: 1; left: 50%; } .btn[data-style=slide-right] { overflow: hidden; } .btn[data-style=slide-right] .ladda-label { position: relative; } .btn[data-style=slide-right] .ladda-spinner { right: 100%; margin-left: -16px; } .btn[data-style=slide-right][data-loading] .ladda-label { opacity: 0; left: 100%; } .btn[data-style=slide-right][data-loading] .ladda-spinner { opacity: 1; left: 50%; } .btn[data-style=slide-up] { overflow: hidden; } .btn[data-style=slide-up] .ladda-label { position: relative; } .btn[data-style=slide-up] .ladda-spinner { left: 50%; margin-left: -16px; margin-top: 1em; } .btn[data-style=slide-up][data-loading] .ladda-label { opacity: 0; top: -1em; } .btn[data-style=slide-up][data-loading] .ladda-spinner { opacity: 1; margin-top: -16px; } .btn[data-style=slide-down] { overflow: hidden; } .btn[data-style=slide-down] .ladda-label { position: relative; } .btn[data-style=slide-down] .ladda-spinner { left: 50%; margin-left: -16px; margin-top: -2em; } .btn[data-style=slide-down][data-loading] .ladda-label { opacity: 0; top: 1em; } .btn[data-style=slide-down][data-loading] .ladda-spinner { opacity: 1; margin-top: -16px; } .btn[data-style=zoom-out] { overflow: hidden; } .btn[data-style=zoom-out] .ladda-spinner { left: 50%; margin-left: -16px; -webkit-transform: scale(2.5); -moz-transform: scale(2.5); -ms-transform: scale(2.5); -o-transform: scale(2.5); transform: scale(2.5); } .btn[data-style=zoom-out] .ladda-label { position: relative; display: inline-block; } .btn[data-style=zoom-out][data-loading] .ladda-label { opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .btn[data-style=zoom-out][data-loading] .ladda-spinner { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .btn[data-style=zoom-in] { overflow: hidden; } .btn[data-style=zoom-in] .ladda-spinner { left: 50%; margin-left: -16px; -webkit-transform: scale(0.2); -moz-transform: scale(0.2); -ms-transform: scale(0.2); -o-transform: scale(0.2); transform: scale(0.2); } .btn[data-style=zoom-in] .ladda-label { position: relative; display: inline-block; } .btn[data-style=zoom-in][data-loading] .ladda-label { opacity: 0; -webkit-transform: scale(2.2); -moz-transform: scale(2.2); -ms-transform: scale(2.2); -o-transform: scale(2.2); transform: scale(2.2); } .btn[data-style=zoom-in][data-loading] .ladda-spinner { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .btn[data-style=contract] { overflow: hidden; width: 100px; } .btn[data-style=contract] .ladda-spinner { left: 50%; margin-left: -16px; } .btn[data-style=contract][data-loading] { border-radius: 50%; width: 52px; } .btn[data-style=contract][data-loading] .ladda-label { opacity: 0; } .btn[data-style=contract][data-loading] .ladda-spinner { opacity: 1; } .btn[data-style=contract-overlay] { overflow: hidden; width: 100px; box-shadow: 0px 0px 0px 3000px rgba(0,0,0,0); } .btn[data-style=contract-overlay] .ladda-spinner { left: 50%; margin-left: -16px; } .btn[data-style=contract-overlay][data-loading] { border-radius: 50%; width: 52px; box-shadow: 0px 0px 0px 3000px rgba(0,0,0,0.8); } .btn[data-style=contract-overlay][data-loading] .ladda-label { opacity: 0; } .btn[data-style=contract-overlay][data-loading] .ladda-spinner { opacity: 1; } @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }