/* Minification failed. Returning unminified contents.
(1,1): run-time error CSS1019: Unexpected token, found '?'
(480,1): run-time error CSS1035: Expected colon, found '}'
(557,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(558,10): run-time error CSS1035: Expected colon, found '{'
(567,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(568,10): run-time error CSS1035: Expected colon, found '{'
(577,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(578,10): run-time error CSS1035: Expected colon, found '{'
(2844,1): run-time error CSS1019: Unexpected token, found '}'
(3093,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3094,7): run-time error CSS1035: Expected colon, found ','
(3126,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3127,7): run-time error CSS1035: Expected colon, found ','
(3166,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3167,7): run-time error CSS1035: Expected colon, found ','
(3179,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3180,7): run-time error CSS1035: Expected colon, found ','
(3199,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3200,8): run-time error CSS1035: Expected colon, found '{'
(3216,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3217,8): run-time error CSS1035: Expected colon, found '{'
(3238,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3239,8): run-time error CSS1035: Expected colon, found '{'
(3275,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3276,8): run-time error CSS1035: Expected colon, found '{'
(3317,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3318,7): run-time error CSS1035: Expected colon, found ','
(3342,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3343,7): run-time error CSS1035: Expected colon, found ','
(3372,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3373,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3404,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3405,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3443,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3444,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(3470,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3471,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(3504,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3505,8): run-time error CSS1035: Expected colon, found '{'
(3537,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3538,8): run-time error CSS1035: Expected colon, found '{'
(3577,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3578,8): run-time error CSS1035: Expected colon, found '{'
(3614,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3615,8): run-time error CSS1035: Expected colon, found '{'
(3656,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3657,7): run-time error CSS1035: Expected colon, found ','
(3700,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3701,7): run-time error CSS1035: Expected colon, found ','
(3751,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3752,7): run-time error CSS1035: Expected colon, found ','
(3796,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3797,7): run-time error CSS1035: Expected colon, found ','
(3848,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3849,7): run-time error CSS1035: Expected colon, found ','
(3886,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3887,7): run-time error CSS1035: Expected colon, found ','
(3929,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3930,7): run-time error CSS1035: Expected colon, found ','
(3967,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3968,7): run-time error CSS1035: Expected colon, found ','
(4010,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4011,7): run-time error CSS1035: Expected colon, found ','
(4048,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4049,7): run-time error CSS1035: Expected colon, found ','
(4091,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4092,7): run-time error CSS1035: Expected colon, found ','
(4129,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4130,7): run-time error CSS1035: Expected colon, found ','
(4172,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4173,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(4192,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4193,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(4219,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4220,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(4239,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4240,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(4264,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4265,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(4278,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4279,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(4297,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4298,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(4311,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4312,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(4330,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4331,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(4350,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4351,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(4375,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4376,8): run-time error CSS1035: Expected colon, found '{'
(4385,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4386,8): run-time error CSS1035: Expected colon, found '{'
(4400,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4401,8): run-time error CSS1035: Expected colon, found '{'
(4414,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4415,8): run-time error CSS1035: Expected colon, found '{'
(4433,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4434,8): run-time error CSS1035: Expected colon, found '{'
(4447,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4448,8): run-time error CSS1035: Expected colon, found '{'
(4466,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4467,8): run-time error CSS1035: Expected colon, found '{'
(4480,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4481,8): run-time error CSS1035: Expected colon, found '{'
(4499,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4500,8): run-time error CSS1035: Expected colon, found '{'
(4513,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4514,8): run-time error CSS1035: Expected colon, found '{'
(4532,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4533,8): run-time error CSS1035: Expected colon, found '{'
(4546,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4547,8): run-time error CSS1035: Expected colon, found '{'
(4565,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4566,8): run-time error CSS1035: Expected colon, found '{'
(4579,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4580,8): run-time error CSS1035: Expected colon, found '{'
(4598,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4599,8): run-time error CSS1035: Expected colon, found '{'
(4612,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4613,8): run-time error CSS1035: Expected colon, found '{'
(4631,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4632,8): run-time error CSS1035: Expected colon, found '{'
(4645,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4646,8): run-time error CSS1035: Expected colon, found '{'
(4664,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4665,8): run-time error CSS1035: Expected colon, found '{'
(4674,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4675,8): run-time error CSS1035: Expected colon, found '{'
(4689,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4690,8): run-time error CSS1035: Expected colon, found '{'
(4701,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4702,8): run-time error CSS1035: Expected colon, found '{'
(4718,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4719,8): run-time error CSS1035: Expected colon, found '{'
(4730,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4731,8): run-time error CSS1035: Expected colon, found '{'
(4747,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4748,8): run-time error CSS1035: Expected colon, found '{'
(4759,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4760,8): run-time error CSS1035: Expected colon, found '{'
(4776,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4777,8): run-time error CSS1035: Expected colon, found '{'
(4788,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4789,8): run-time error CSS1035: Expected colon, found '{'
(4805,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4806,8): run-time error CSS1035: Expected colon, found '{'
(4817,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4818,8): run-time error CSS1035: Expected colon, found '{'
(4834,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4835,8): run-time error CSS1035: Expected colon, found '{'
(4846,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4847,8): run-time error CSS1035: Expected colon, found '{'
(4863,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4864,8): run-time error CSS1035: Expected colon, found '{'
(4875,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4876,8): run-time error CSS1035: Expected colon, found '{'
(4892,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4893,8): run-time error CSS1035: Expected colon, found '{'
(4904,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4905,8): run-time error CSS1035: Expected colon, found '{'
(4921,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4922,8): run-time error CSS1035: Expected colon, found '{'
(4958,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4959,8): run-time error CSS1035: Expected colon, found '{'
(5002,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5003,8): run-time error CSS1035: Expected colon, found '{'
(5035,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5036,8): run-time error CSS1035: Expected colon, found '{'
(5075,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5076,8): run-time error CSS1035: Expected colon, found '{'
(5108,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5109,8): run-time error CSS1035: Expected colon, found '{'
(5148,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5149,8): run-time error CSS1035: Expected colon, found '{'
(5167,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5168,8): run-time error CSS1035: Expected colon, found '{'
(5195,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5196,8): run-time error CSS1035: Expected colon, found '{'
(5214,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5215,8): run-time error CSS1035: Expected colon, found '{'
(5242,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5243,8): run-time error CSS1035: Expected colon, found '{'
(5268,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5269,8): run-time error CSS1035: Expected colon, found '{'
(5301,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5302,8): run-time error CSS1035: Expected colon, found '{'
(5313,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5314,8): run-time error CSS1035: Expected colon, found '{'
(5332,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5333,8): run-time error CSS1035: Expected colon, found '{'
(5350,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5351,8): run-time error CSS1035: Expected colon, found '{'
(5373,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5374,8): run-time error CSS1035: Expected colon, found '{'
(5391,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5392,8): run-time error CSS1035: Expected colon, found '{'
(5414,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5415,8): run-time error CSS1035: Expected colon, found '{'
(5432,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5433,8): run-time error CSS1035: Expected colon, found '{'
(5455,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5456,8): run-time error CSS1035: Expected colon, found '{'
(5473,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5474,8): run-time error CSS1035: Expected colon, found '{'
(5496,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5497,8): run-time error CSS1035: Expected colon, found '{'
(5514,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5515,8): run-time error CSS1035: Expected colon, found '{'
(5537,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5538,8): run-time error CSS1035: Expected colon, found '{'
(5553,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5554,8): run-time error CSS1035: Expected colon, found '{'
(5574,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5575,8): run-time error CSS1035: Expected colon, found '{'
(5590,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5591,8): run-time error CSS1035: Expected colon, found '{'
(5611,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5612,8): run-time error CSS1035: Expected colon, found '{'
(5627,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5628,8): run-time error CSS1035: Expected colon, found '{'
(5648,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5649,8): run-time error CSS1035: Expected colon, found '{'
(5664,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5665,8): run-time error CSS1035: Expected colon, found '{'
(5685,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5686,8): run-time error CSS1035: Expected colon, found '{'
(5701,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5702,8): run-time error CSS1035: Expected colon, found '{'
(5722,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5723,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5758,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5759,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5801,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5802,8): run-time error CSS1035: Expected colon, found '{'
(5827,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5828,8): run-time error CSS1035: Expected colon, found '{'
(5860,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5861,8): run-time error CSS1035: Expected colon, found '{'
(5874,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5875,8): run-time error CSS1035: Expected colon, found '{'
(5895,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5896,8): run-time error CSS1035: Expected colon, found '{'
(5907,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5908,8): run-time error CSS1035: Expected colon, found '{'
(5924,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5925,8): run-time error CSS1035: Expected colon, found '{'
(5936,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5937,8): run-time error CSS1035: Expected colon, found '{'
(5953,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5954,8): run-time error CSS1035: Expected colon, found '{'
(5971,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5972,8): run-time error CSS1035: Expected colon, found '{'
(5994,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5995,8): run-time error CSS1035: Expected colon, found '{'
(6012,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6013,8): run-time error CSS1035: Expected colon, found '{'
(6035,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6036,8): run-time error CSS1035: Expected colon, found '{'
(6053,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6054,8): run-time error CSS1035: Expected colon, found '{'
(6076,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6077,8): run-time error CSS1035: Expected colon, found '{'
(6094,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6095,8): run-time error CSS1035: Expected colon, found '{'
(6117,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6118,8): run-time error CSS1035: Expected colon, found '{'
(6133,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6134,8): run-time error CSS1035: Expected colon, found '{'
(6154,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6155,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(6174,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6175,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(6199,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6200,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(6215,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6216,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(6236,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6237,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(6252,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6253,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(6273,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6274,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(6293,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6294,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(6318,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6319,8): run-time error CSS1035: Expected colon, found '{'
(6331,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6332,8): run-time error CSS1035: Expected colon, found '{'
(6349,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6350,8): run-time error CSS1035: Expected colon, found '{'
(6362,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6363,8): run-time error CSS1035: Expected colon, found '{'
(6380,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6381,8): run-time error CSS1035: Expected colon, found '{'
(6393,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6394,8): run-time error CSS1035: Expected colon, found '{'
(6411,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6412,8): run-time error CSS1035: Expected colon, found '{'
(6424,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6425,8): run-time error CSS1035: Expected colon, found '{'
(6442,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6443,8): run-time error CSS1035: Expected colon, found '{'
(6455,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6456,8): run-time error CSS1035: Expected colon, found '{'
(6473,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6474,8): run-time error CSS1035: Expected colon, found '{'
(6486,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6487,8): run-time error CSS1035: Expected colon, found '{'
(6504,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6505,8): run-time error CSS1035: Expected colon, found '{'
(6517,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6518,8): run-time error CSS1035: Expected colon, found '{'
(6535,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6536,8): run-time error CSS1035: Expected colon, found '{'
(6548,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6549,8): run-time error CSS1035: Expected colon, found '{'
 */
?@font-face {
    font-family: 'Conv_RobotoCondensed-Regular';
    src: url('../../../fonts/RobotoCondensed-Regular.eot');
    src: local('?'), url('../../../fonts/RobotoCondensed-Regular.woff') format('woff'), url('../../../fonts/RobotoCondensed-Regular.ttf') format('truetype'), url('../../../fonts/RobotoCondensed-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    overflow-x: hidden;
}

.imageBox .hoverImg {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

[data-style=primary] + .popover .popover-content {
    padding: 9px 9px;
    color: rebeccapurple !important;
    border: 1px solid black;
}

.imageBox:hover .hoverImg {
    display: block;
}

#btnClientRegister {
    width: 200px;
}

#btnOrganisationRegister {
    width: 200px;
}



.grid_1:hover {
    position: absolute;
    top: 0;
    left: -90px;
    width: 100%;
    height: 100%;
    z-index: 9999999900;
    background: url('http://placehold.it/16x16');
    cursor: pointer;
}

a.btn.btn-primary.btnlg {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    /*height: 5em;*/
    width: 280px;
    margin-left: 4em;
    margin-top: 2em;
    background-color: #43bd6b;
    color: white;
}

#marketcs {
    border: 1px solid black;
}

circle {
    outline-color: transparent !important;
}

.imageBox {
    position: relative;
    float: left;
}

    .imageBox .hoverImg {
        position: absolute;
        left: 0;
        top: 0;
        display: none;
    }

    .imageBox:hover .hoverImg {
        display: block;
    }


button.slick-prev.slick-arrow {
    background: transparent;
    border: transparent;
    display: none !important;
}

a#crole:hover {
    -webkit-text-fill-color: #00a3d9;
    transform: scale(1);
}

.popover > .arrow, .popover > .arrow:after {
    border-style: none !important;
}

ellipse {
    outline: none !important;
}

a.btn.btn-primary.btn-lg {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    height: 5em;
    width: 31em;
    margin-left: 4em;
    margin-top: 2em;
    background-color: #43bd6b;
    color: white;
}

.editor_editsp {
    background-color: #fff;
    border-radius: 4px;
    padding-top: 8px;
    padding-left: 17px;
    padding-right: 17px;
    padding-bottom: 8px;
    border-radius: 4px;
    color: #003A63 !important;
}

#capsup {
    border: 1px solid red;
}

#navbar1 .form-group {
    margin-right: 20px;
}

.verification {
    float: left;
}

.grid_1:after {
    content: url(../images/arw.png);
    width: 10px;
    position: absolute;
    z-index: 100000;
    left: 134px;
    top: 51px;
    z-index: -1;
}

#Framer {
    float: left;
}



div#text_all div {
    float: left;
}

.absolute {
    /*z-index: 999;*/
    width: 65%;
    margin: 0 auto;
}

    .absolute h2 {
        margin-bottom: 20px;
    }

    .absolute p {
        font-size: 20px;
        line-height: 2;
    }

.black {
    color: #000;
}

.absolute .btn {
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1.5;
    font-size: 15px;
    margin: 0 10px;
    width: 240px;
}

.absolute .btn-primary:active, .absolute .btn-primary:hover, .absolute .btn-primary:focus {
    font-size: 15px;
    margin: 0 10px;
}

#video {
    border-radius: 30px;
    box-shadow: 0 0 10px rgba(0,0,0, .65);
    background: #569fd3;
}
/*#video {background:#569fd3; border-radius:30px;box-shadow: 0 0 10px rgba(0,0,0, .65);}*/
.VideoText {
    top: 85px;
    position: absolute;
    right: 0;
    left: 0;
}

.padtop50 {
    padding-top: 50px;
}

#LifeCycle ul li {
    list-style: none;
    font-weight: bold;
}

    #LifeCycle ul li i {
        margin-right: 10px;
    }

.paddingTpBt {
    padding-top: 50px;
    padding-bottom: 50px;
}

.background-grey {
    background: rgba(0,0,0,0.7);
    box-shadow: 0px 15px 10px -15px #111;
}

#navbar1 .navbar-form .btn {
    background: #569fd3;
    color: #fff;
    border: #569fd3;
}

.bannerimage {
    background: #ffffff;
    min-height: 100%;
    max-height: 100%;
    background-attachment: fixed;
    /*background-position: center;*/
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    padding: 105px 0 0 0;
}

.bannerimage1 {
    background-image: url(../../images/login/background.png);
    min-height: 100%;
    max-height: 100%;
    background-attachment: fixed;
    /*background-position: center;*/
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}

.opace {
    opacity: 0.9;
}

.color-white {
    color: #fff;
}

#LifeCycle .col-md-4 {
    top: 40px;
}

.scrollToTop {
    padding: 10px 20px;
    text-align: center;
    background: #003a63;
    color: #fff;
    text-decoration: none;
    position: fixed;
    bottom: 73px;
    right: 40px;
    z-index: 9999999999;
    display: none;
}

    .scrollToTop:hover {
        text-decoration: none;
        color: whiteSmoke;
    }

#back-top {
    position: fixed;
    bottom: 30px;
    margin-left: -150px;
}




.img-container {
    margin: 0 auto;
}

.Prog_mgmt {
    display: none;
}

.Data_visual {
    display: none;
}

.Integ_Prog {
    display: none;
}

.Tecg_mgmt {
    display: none;
}

.Mgmt_cons {
    display: none;
}

.cap_sup {
    display: none;
}

.filler {
    filter: grayscale(0%);
}

/*#main_head {
    color: #003a63;
}*/

text.Prog_mgmtli {
    fill: grey;
}

.Prog_mgmtli {
    display: none;
}


a.btn.btn-primary.getstrt {
    background-color: #2aa7df;
    color: #fff;
    border: none;
    padding: 7px 38px;
    z-index: 99999999;
    border: 1px solid #0e95d5;
    width: 190px;
}

a.btn.btn-primary.getstarted {
    background-color: #13bd6c;
    color: #fff;
    border: none;
    padding: 7px 38px;
    position: fixed;
    bottom: 3em;
    right: 7em;
    z-index: 99999999;
    border: 1px solid #13bd6c;
}

a.btn.btn-primary.one_top {
    background-color: #2aa7df;
    color: #fff;
    border: none;
    padding: 0.9em;
    text-transform: capitalize;
    border: 1px solid #0e95d5;
}

a.btn.btn-primary.one {
    background-color: #13bd6c;
    color: #fff;
    padding: 7px 0px;
    border: 1px solid #13bd6c;
}

.btn-primary:hover .home-header {
    margin: 3px 0;
}

#get_started {
    padding-top: 1em;
}

.bannerbtn:active {
    background: linear-gradient(#36b07f,#1c7d56) !important;
    color: #fff !important;
    border: 2px solid #36b07f !important;
}

.bannerbtn:hover {
    background: linear-gradient(#36b07f,#1c7d56);
    color: #fff;
    border: 2px solid #36b07f !important;
}

.bannerbtn {
    width: 210px;
    text-align: center;
    background: #3dbe8b;
    background: -webkit-linear-gradient(#43c692,#39b885);
    background: linear-gradient(#43c692,#39b885);
    color: #fff;
    border: 2px solid #3dbe8b;
    font-weight: normal;
    letter-spacing: 1.2px;
    text-align: center;
}

.WelcomeBackBtn {
    background: #fff !important;
    color: #003A63 !important;
    border-color: #003A63 !important;
}

    .WelcomeBackBtn:hover {
        border-color: #003A63 !important;
    }

    .WelcomeBackBtn:active {
        border-color: #003A63 !important;
    }

.get-btn:active {
    font-size: medium !important;
    color: #fff !important;
}

.exp_bt {
    padding-top: 1em;
}

#curated_pro {
    padding-top: 1em;
}

section#AssociateVideo {
    background-image: url('../../images/login/client-background.png');
    background-size: cover;
    /*background-size: 100% 100%;*/
    max-width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-position: right;
    border-top: 1px solid #003A63;
    /*background-image:url(../images/client-background.png);*/
    /*background-color: #91ff1912 !important*/
}

#ClientVideo {
    max-width: 100%;
    height: auto;
    background-image: url(../../images/login/candidate-background.png);
    background-size: cover;
    max-width: 100%;
    height: auto;
    background-repeat: no-repeat;
    margin-top: 45px;
    background-position: left;
}

#how_help {
    font-size: 24px;
}

#banner_descrip {
    line-height: 1;
    line-height: 1.3;
    font-weight: bold;
    font-size
}

img#choose_role, #select_exp, #comp_Talent, #Buid_bench, #assign_tech {
    padding-bottom: 3em;
}

span#one_t, span#one_two, #select_exp, span#one_three, span#one_four, span#one_five {
    float: left;
    color: #000;
    font-size: 12px;
}


.st4:hover {
    fill: #13bd6c !important;
}

/*#svg_tl:hover{
    fill:#003a63;
    transform: scale(0.9);
}
#svg_top:hover{
  fill:#003a63;
    transform: scale(0.9);

}
#svg_r:hover{

  fill:#003a63;
    transform: scale(1.1);
}

#svg_bl:hover{
  fill:#003a63;
    transform: scale(0.9);

}

#Prog_mgmt:hover{
  fill:#003a63;
transform: scale(1.1);
}
#svg_br:hover{

   fill:#003a63;
transform: scale(1.1);   
}

#svg_tr:hover{
   fill:#003a63;
transform: scale(1.1);   

}
    */

ul.slick-dots {
    display: none !important;
}

button.slick-next.slick-arrow {
    position: absolute;
    bottom: 4em;
    right: 0em;
    z-index: 9999;
    background: transparent;
    border: transparent;
}

button.slick-prev.slick-arrow.slick-disabled {
    bottom: 4em;
    left: -2em;
    position: absolute;
    z-index: 9999;
    background: transparent;
    border: transparent;
}

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 0;
    }
}

@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 0;
    }
}


#svg_bl, #svg_tl, #svg_tr, #svg_br, #svg_top, #svg_r {
    color: transparent;
    -webkit-animation: fadein 9s ease-in alternate infinite;
    -moz-animation: fadein 9s ease-in alternate infinite;
    animation: fadein 9s ease-in alternate infinite;
}




#svg_tl {
    stroke: #fff;
    fill: #fff;
    fill-opacity: 0;
    stroke-opacity: 0;
    display: none;
}

#svg_bl {
    display: none;
}

#svg_bl {
    display: none;
}

#svg_tr {
    display: none;
}

#svg_br {
    display: none;
}

#svg_top {
    display: none;
}

#svg_r {
    display: none;
}

div#model_dialog {
    height: 0em;
}

p.gt_one {
    text-align: center;
    padding-top: 1.5em;
}

#vid_text {
    font-size: 19px;
    font-weight: 300;
    /*padding-bottom: 2em;*/
}

p.text-center.black.help_above {
    padding-bottom: 1em;
}

.text-left {
    margin-top: 0 !important;
}

.text-right {
    margin-top: 0 !important;
}

.project.staffing {
    padding-bottom: 3em;
    padding-top: 5em;
}

#pro_stafing {
    padding-bottom: 2em;
}

/*div#image_strip {
    padding-top: 1em;
    padding-bottom: 1em;
 
    display: block;
}*/

#as_tt {
    padding-left: 1.2em;
}


/*#crole {
    padding-left: 1.3em;
}*/

.popover-title {
    text-align: center !important;
}


.cap_sup, .Mgmt_cons, .Prog_mgmt, .Data_visual, .Integ_Prog, .Tecg_mgmt {
    font-weight: bolder;
    font-size: 20px;
    text-transform: capitalize;
}

.cap_sup1, .Mgmt_cons1, .Prog_mgmt1, .Data_visual1, .Integ_Prog1, .Tecg_mgmt1 {
    font-weight: bolder;
    font-size: 20px;
    text-transform: capitalize;
}
/*#arrows {
    width: 9%;
}

#arrows1 {
    width: 5.1%;
    position: absolute;
    top: 7em;
    left: 18.3em;
}

#arrows2 {
    width: 5.1%;
    position: absolute;
    top: 7em;
    left: 31.2em;
}

#arrows3 {
    width: 5.1%;
    position: absolute;
    top: 7em;
    left: 44em
}

#arrows4 {
    width: 5.1%;
    position: absolute;
    top: 7em;
    left: 57em;
}*/

.col-md-2.col-xs-2 {
    padding: 2em;
}

/*.global-header {
    position: relative;
    top: 6em;
    width: 45px;
    left: 17em;
    display: inline-block;
}

.global-header_one {
    position: relative;
    top: 6em;
    width: 45px;
    left: 36em;
    display: inline-block;
}

.global-header_two {
    position: relative;
    top: 6em;
    width: 45px;
    left: 44em;
    display: inline-block;
}

.global-header_three {
    position: relative;
    top: 6em;
    width: 45px;
    left: 18em;
    display: inline-block;
}*/



div#AboutUs {
    display: none;
}

/*  before tags change classe one, two 
li.one:before slick-slide:focus {
    outline: none;
}
    */
.slick-initialized .slick-slide {
    display: inline-block;
    outline: none;
}

.dropup, .dropdown {
    position: relative;
    margin-top: 0.2em;
}


li#roles {
    padding: 0.2em 0;
    display: block;
}

div#drop_four a::before {
    content: "Read this: ";
}

div#drop ::before {
    content: "Read this: ";
}

ul {
    margin: 0;
    padding: 0;
}



div#drop_two a::before {
    content: "close-quote";
}

div#drop_one a::before {
    content: "close-quote";
}

div#drop_three a::before {
    content: "close-quote";
}

svg#Layer_1 :hover {
    fill: red !important;
}

a.dropdown-link {
    font-size: 13px;
    font-weight: 700;
    color: black;
    text-align: center;
}

.dropdown-container ul li {
    float: left;
    /*font-size: 0.9em;*/
    width: 100%;
    list-style-position: inside;
    line-height: 1.5;
}


/*.dropdown-container :hover {
    background-color: #33a7df;
}*/


.dropdown-container.at ul li {
    display: block;
}



@media only screen and (max-width: 1253px) {
    .grid_1:after {
        content: url(../images/arw.png);
        width: 10px;
        position: absolute;
        z-index: 100000;
        left: 131px;
        top: 51px;
        z-index: -1;
    }

    div#model_dialog {
        height: 0em;
    }

    .img-container {
        margin: 0 auto;
    }

    .heightsvg {
        height: 486px !important;
        width: 100% !important;
    }

    .expertise_text {
        padding-top: 2em;
    }
    /*.global-header,.global-header_one,.global-header_two,.global-header_three {
    
    display:none;
    }*/
}

button.slick-prev.slick-arrow.slick-disabled {
    display: none;
}


@media only screen and (min-width: 1253px) {
    button.slick-next.slick-arrow {
        display: none !important;
    }



    ul.slick-dots {
        display: none !important;
    }
}

@media only screen and (max-width: 1200px) {
    span#one_t, span#one_two, #select_exp, span#one_three, span#one_four, span#one_five {
        margin-left: 3.4em;
        padding-top: 2em;
        font-size: medium;
    }

    button.slick-prev.slick-arrow.slick-disabled {
        display: none;
    }

    button.slick-next.slick-arrow {
        display: none;
    }


    #sun {
        display: table-cell;
        vertical-align: middle;
        position: static;
        margin: 0 auto;
        border: 1px solid #fff !important;
    }

    .banner-txt {
        width: 100% !important;
    }
}

@media only screen and (max-width: 1053px) {

    a.btn.btn-primary.btnlg {
        padding-top: 1.5em;
        padding-bottom: 1.5em;
        height: 5em;
        width: 31em;
        margin-left: 4em;
        margin-top: 2em;
        background-color: #43bd6b;
        color: white;
    }

    div#model_dialog {
        height: 0em;
    }

    .img-container {
        margin: 0 auto;
    }

    .heightsvg {
        height: 455px !important;
        width: 100% !important;
    }

    .grid_1:after {
        content: url(../images/arw.png);
        width: 10px;
        position: absolute;
        z-index: 100000;
        left: 141px;
        top: 51px;
        z-index: -1;
    }

    .banner-txt {
        width: 100% !important;
    }
}

@media only screen and (max-width: 900px) {
    .heightsvg {
        height: 365px !important;
        width: 100% !important;
    }
}

@media only screen and (max-width: 800px) {
    .heightsvg {
        height: 445px !important;
        width: 100% !important;
    }
}

@media only screen and (max-width: 690px) {

    .bannerimage {
        padding: 150px 0 0 0;
    }
    /*.body-content {
            margin-top: 25px;
        }*/
    .heightsvg {
        height: 305px !important;
        width: 100% !important;
    }
}

@media only screen and (max-width: 600px) {
    .second-navbar {
        top: 42px;
    }

    .bannerimage {
        padding: 150px 0 0 0;
    }
    /*.body-content {
            margin-top: 25px;
        }*/
    .get-btn {
        width: 20em;
        font-size: 9px;
        padding: 0.2em;
    }

    div#model_dialog {
        height: 0em;
    }

    .img-container {
        width: 100%;
        margin: 0 auto;
    }

    .heightsvg {
        height: 270px !important;
        width: 100% !important;
    }

    .popover3 {
        top: 470px !important;
        left: 0 !important;
        right: 0 !important;
        margin: 0 auto !important;
        width: 200px !important;
        min-width: 200px !important;
        max-width: 200px !important;
        margin-left: -80px !important;
        margin-top: 35px !important;
        border-top: 5px solid #5c9643 !important;
    }

    .popover3-sub {
        font-size: 14px !important;
        line-height: 1.3;
    }

    .pop-green {
        margin-top: 70px !important;
        width: 200px !important;
        margin-left: -76px !important;
        margin-top: 52px !important;
        /*margin-top: 80px;*/
    }

    .grid_1:after {
        content: url(../images/arw.png);
        width: 10px;
        position: absolute;
        z-index: 100000;
        left: 141px;
        top: 51px;
        z-index: -1;
    }

    .p-tag:hover .arowimg {
        height: auto;
    }

    .p-tag .arowimg {
        width: auto;
    }

    .p-tag:hover .arowimg, .p-tag.active .arowimg {
        width: auto;
    }

    .banner-txt {
        width: 100% !important;
    }
}

@media only screen and (max-width: 511px) {
    .second-navbar {
        top: 42px;
    }

    .bannerimage {
        padding: 150px 0 0 0;
    }
    /*.body-content {
            margin-top: 25px;
        }*/
    .get-btn {
        width: 20em;
        font-size: 6px;
        padding: 0.2em;
    }

    .p-tag:hover .arowimg {
        height: auto !important;
    }

    .p-tag .arowimg {
        width: auto !important;
    }

    .p-tag:hover .arowimg, .p-tag.active .arowimg {
        width: auto !important;
    }

    .heightsvg {
        height: 240px !important;
        width: 100% !important;
    }
}

@media only screen and (max-width: 480px) {
    .second-navbar {
        top: 42px;
    }

    .bannerimage {
        padding: 150px 0 0 0;
    }
    /*.body-content {
            margin-top: 25px;
        }*/
    .heightsvg {
        height: 212px !important;
        width: 100% !important;
    }

    .p-tag:hover .arowimg {
        height: auto !important;
    }

    .p-tag .arowimg {
        width: auto !important;
    }

    .p-tag:hover .arowimg, .p-tag.active .arowimg {
        width: auto !important;
    }
}

@media only screen and (max-width: 390px) {
    .second-navbar {
        top: 42px;
    }

    .bannerimage {
        padding: 150px 0 0 0;
    }
    /*.body-content {
            margin-top: 25px;
        }*/
    .heightsvg {
        height: 182px !important;
        width: 100% !important;
    }
}

@media only screen and (max-width: 320px) {
    .second-navbar {
        top: 42px;
    }

    .bannerimage {
        padding: 150px 0 0 0;
    }
    /*.body-content{margin-top:25px;}*/
    .heightsvg {
        height: 162px !important;
        width: 100% !important;
    }

    .p-tag:hover .arowimg {
        height: auto !important;
    }

    .p-tag .arowimg {
        width: auto !important;
    }

    .p-tag:hover .arowimg, .p-tag.active .arowimg {
        width: auto !important;
    }
}

.afterarow img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    filter: url(desaturate.svg#greyscale);
}

.afterarow .glys-none {
    filter: grayscale(0%) !important;
    filter: gray !important;
}

.img-2:after {
    content: url(../images/arw.png);
    width: 10px;
    position: absolute;
    z-index: 100000;
    left: 119px;
    top: 51px;
    z-index: -1;
}

.afterarow:after {
    content: url(../images/arw.png);
    width: 10px;
    position: absolute;
    z-index: 100000;
    left: 119px;
    top: 51px;
    z-index: -1;
    filter: grayscale(100%);
}

#showedClickable {
    position: absolute;
    display: none;
    width: auto;
    height: auto;
}

.clickable:focus + #showedClickable {
    display: block;
}

/*.img-1:hover img {
    filter: grayscale(0%);
}

.img-2:hover img {
    filter: grayscale(0%);
}

.img-3:hover img {
    filter: grayscale(0%);
}

.img-4:hover img {
    filter: grayscale(0%);
}*/

.top-50 {
    position: relative;
    top: 60px;
    z-index: -10;
}

.nav > li > a:hover, .nav > li > a:focus {
    background: transparent;
}

.select-exp {
    left: -25px;
}

.dropdown-processed a:focus {
    outline: none;
    outline-offset: 0px;
    border: none;
}
/*#c_sup {
    list-style-image: url('../images/IPPC-Orb.png')
}*/


/*.dropdown-processed:hover p {
    color: #00a3d9;

}*/
.dropdown-processed ul li {
    list-style: none;
    text-align: left;
    padding-bottom: 6px;
    color: #093a61;
}

.dropdown-processed ul {
    width: 300px;
}


    .dropdown-processed ul li i {
        color: #a75958;
        font-size: 18px;
    }

.left-mg {
    margin-left: 10px;
}

.left-mgL {
    margin-left: 5px;
}

.zoomtrans img {
    border-radius: 50%;
    transform: translateY(-2%);
    transition-duration: .6s;
    transform-style: preserve-3d;
    /* z-index: 999; */
    margin-left: 10px;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.zoomtrans:hover img {
    /*box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1);*/
    border-radius: 50%;
    /*transform: translateY(-2%) scale(1.005);*/
    transform: translateY(-2%) scale(1.086);
    box-shadow: 6px 3px 64px -4px #ddd;
    z-index: 9999;
}

.slick-arrow {
    color: transparent;
}
/*.pad0 {
    padding-left: 0px;
    padding-right: 0px;
}*/
/*.slick-track {
    width: 1230px !important;
}*/

.popover1 {
    position: absolute;
    top: 0;
    left: 0;
    background: white;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #8a8323;
    border: 1px solid #8a8323;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    color: #8a8323;
    opacity: 0.9 !important;
}

.popover2 {
    opacity: 0.7;
    background: transparent;
    position: absolute;
    /*top: 478px !important;*/
    left: 318px !important;
    margin-top: 100px !important;
    z-index: 1060;
    display: none;
    padding: 1px;
    text-align: left;
    box-shadow: unset;
    color: #3c8ed8;
    opacity: 0.9 !important;
}

.fix-search {
    position: fixed;
    top: 10px;
}


#main_btn {
    background-color: #43bd6b;
    font-weight: normal;
    /*top:0.5em;
    position:fixed;*/
}

.popover4 {
    opacity: 0.7;
    background: transparent;
    position: absolute;
    left: 420px !important;
    z-index: 1060;
    display: none;
    padding: 1px;
    text-align: left;
    top: 330px !important;
    box-shadow: unset;
    color: #a67232;
    opacity: 0.9 !important;
    line-height: 2;
}

    .popover4 p {
        border: 1px solid #a67232;
    }

.popover7 {
    opacity: 0.7;
    background: transparent;
    position: absolute;
    top: 378px !important;
    left: 0;
    margin-top: 140px !important;
    margin-left: 30px !important;
    z-index: 1060;
    display: none;
    padding: 1px;
    text-align: left;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    color: #676319;
    line-height: 2;
}

.popover5 {
    position: absolute;
    background: transparent;
    margin-top: 110px !important;
    z-index: 1060;
    display: none;
    max-width: 280px;
    min-width: 280px;
    width: 280px;
    padding: 1px;
    text-align: left;
    box-shadow: unset;
    color: #cf4b97;
}

    .popover5 p {
        margin-left: 15px;
        padding: 0px;
        border: 1px solid #d98cb9;
    }

.popover6 {
    opacity: 0.9 !important;
    position: absolute;
    background: transparent;
    opacity: 0.7;
    top: 260px !important;
    /*margin-left: 70px !important;*/
    /*margin-left: 1000px !important;*/
    z-index: 1060;
    display: none;
    padding: 1px;
    text-align: left;
    box-shadow: unset;
    color: #d03333;
    width: 100%;
}

    .popover6 ul li {
        line-height: 1.2;
    }

    .popover6 p {
        border: 1px solid #d03333;
        width: 400px;
        margin-left: -50px;
    }

.popover3 {
    opacity: 0.9 !important;
    position: absolute;
    background: transparent;
    top: 420px !important;
    left: 150px !important;
    z-index: 1060;
    display: none;
    color: #4c7b37;
    /*max-width: 350px;
    min-width: 350px;
    width: 350px;*/
    padding: 1px;
    text-align: left;
    box-shadow: unset;
    /*line-height: 2;*/
}

    .popover3 p {
        margin-top: 20px;
        padding: 0px;
        border: 1px solid #99bd8f;
        margin-left: 100px;
        width: 60%;
    }

.popover2 ul {
    list-style: none;
}

    .popover2 ul li:before {
        content: "•";
        color: #307bbf;
        padding-right: 0.5em;
    }

.popover2 p {
    border: 1px solid #8ac0ef;
    width: 200px;
}

.popover3 ul {
    list-style: none;
    margin-left: 150px !important;
}

    .popover3 ul li {
        line-height: 1.2;
    }

        .popover3 ul li:before {
            content: "•";
            color: #5c9643;
            padding-right: 0.5em;
        }

.popover4 ul {
    list-style: none;
}

    .popover4 ul li:before {
        content: "•";
        color: #d69241;
        padding-right: 0.5em;
    }

.popover5 ul {
    list-style: none;
    margin-left: 70px !important;
}

    .popover5 ul li {
        line-height: 1.2;
    }

        .popover5 ul li:before {
            content: "•";
            color: #c72884;
            padding-right: 0.5em;
        }

.popover6 ul {
    list-style: none;
    float: right;
    margin-left: 160px;
    margin-top: 0px;
    margin-bottom: 0px;
}

    .popover6 ul li:before {
        content: "•";
        color: #c72d2d;
        padding-right: 0.5em;
    }

.popover7 ul {
    list-style: none;
    float: right !important;
    margin-left: 100px;
}

    .popover7 ul li {
        line-height: 1.2;
    }

.popover7 p {
    border: 1px solid #b9b22d;
}

.popover7 ul li:before {
    content: "•";
    color: #d2c722;
    padding-right: 0.5em;
}

.popover3-sub {
    color: #5c9643;
    font-size: 20px;
    right: 0px;
    position: absolute;
    width: 315px;
    line-height: 1.3;
    left: 418px !important;
}

.pop-green {
    text-align: right;
    top: 385px !important;
    left: 160px !important;
}

.pop-color {
    color: #898321 !important;
    margin-left: 680px !important;
    top: 462px !important;
}

.pop-colorblue {
    top: 590px !important;
    color: #3c8ed8 !important;
    left: 300px !important;
    width: 220px !important;
    text-align: right;
}

.pop-colorred {
    width: 300px !important;
    color: #d03333 !important;
    left: 775px !important;
    /* margin-left: 70px !important; */
    top: 265px !important;
}

    .pop-colorred p {
        text-align: right;
    }

.pop-coloryellow {
    color: #a67232 !important;
    left: 375px !important;
    text-align: right;
    margin-top: 73px !important;
}

.pop-colorpink {
    color: #c72382 !important;
    margin-left: 630px !important;
    top: 560px !important;
    left: 410px !important;
}

a:focus {
    outline: 5px auto transparent;
    outline-offset: 0px;
}

.cap_sup1, .Mgmt_cons1, .Prog_mgmt1, .Data_visual1, .Integ_Prog1, .Tecg_mgmt1 {
    display: none
}

.zoomtrans:hover img, .zoomtrans.is-active img {
    filter: grayscale(0%);
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1);
    /*border-radius: 50%;*/
    /* transform: translateY(-2%) scale(1.005); */
    transform: translateY(-2%) scale(1.086);
    box-shadow: 6px 3px 64px -4px #ddd;
    z-index: 9999;
    filter: grayscale(0%);
}

.sel_exp:hover img, .sel_exp.is-active img {
    filter: grayscale(0%);
    transform-style: preserve-3d;
    /* box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1); */
    transition-duration: .6s;
    border-radius: 50%;
    /* transform: translateY(-2%) scale(1.005); */
    transform: translateY(-2%) scale(1.086);
    /*box-shadow: 6px 3px 64px -4px #ddd;*/
    z-index: 9999;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.sel_exp:hover img {
    transform-style: preserve-3d;
    /* box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1); */
    transition-duration: .6s;
    border-radius: 50%;
    /* transform: translateY(-2%) scale(1.005); */
    transform: translateY(-2%) scale(1.086);
    /*box-shadow: 6px 3px 64px -4px #ddd;*/
    z-index: 9999;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    filter: grayscale(0%);
}

.comp_talent:hover img, .comp_talent.is-active img {
    filter: grayscale(0%);
    transform-style: preserve-3d;
    /* box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1); */
    transition-duration: .6s;
    border-radius: 50%;
    /* transform: translateY(-2%) scale(1.005); */
    transform: translateY(-2%) scale(1.086);
    /*box-shadow: 6px 3px 64px -4px #ddd;*/
    z-index: 9999;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.comp_talent:hover img {
    filter: grayscale(0%);
    /* box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1); */
    border-radius: 50%;
    transition-duration: .6s;
    /* transform: translateY(-2%) scale(1.005); */
    transform: translateY(-2%) scale(1.086);
    /*box-shadow: 6px 3px 64px -4px #ddd;*/
    z-index: 9999;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.build_B:hover img, .build_B.is-active img {
    filter: grayscale(0%);
    transform-style: preserve-3d;
    /* box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1); */
    transition-duration: .6s;
    border-radius: 50%;
    /* transform: translateY(-2%) scale(1.005); */
    transform: translateY(-2%) scale(1.086);
    /*box-shadow: 6px 3px 64px -4px #ddd;*/
    z-index: 9999;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.build_B:hover img {
    /* box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1); */
    border-radius: 50%;
    transition-duration: .6s;
    /* transform: translateY(-2%) scale(1.005); */
    transform: translateY(-2%) scale(1.086);
    /*box-shadow: 6px 3px 64px -4px #ddd;*/
    z-index: 9999;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.asgn_t:hover img, .asgn_t.is-active img {
    filter: grayscale(0%);
    transform-style: preserve-3d;
    /* box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1); */
    transition-duration: .6s;
    border-radius: 50%;
    /* transform: translateY(-2%) scale(1.005); */
    transform: translateY(-2%) scale(1.086);
    /*box-shadow: 6px 3px 64px -4px #ddd;*/
    z-index: 9999;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.asgn_t:hover img {
    filter: grayscale(0%);
    transition-duration: .6s;
    /* box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1); */
    border-radius: 50%;
    /* transform: translateY(-2%) scale(1.005); */
    transform: translateY(-2%) scale(1.086);
    /*box-shadow: 6px 3px 64px -4px #ddd;*/
    z-index: 9999;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.max-min-height {
    max-height: 519px;
    min-height: 579px;
    top: 225px;
    position: relative;
}

.player .vp-player-inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 11px solid #fff !important;
}

.player .vp-player-inner {
    border: 5px solid #fff !important;
}
/*.player .vp-player-layout {
    border: 5px solid #fff !important;
}*/
a.scrollToTop.fa.fa-long-arrow-up {
    display: none;
}

#myHeader {
    z-index: 9999;
}

.content {
    padding: 16px;
}

.sticky {
    position: fixed;
    top: -82px;
    width: 92%;
    transition: top 8s;
}

.header .home-header-top {
    /*opacity: 0;*/
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
    transition: transform .9s,-webkit-transform .9s;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    top: 77px;
}

.sticky .home-header-top {
    transform: translateY(0);
    opacity: 1;
}
/*.header .home-header-top {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
}
.sticky.home-header-top {
    transform: translateY(200%) !important;
}*/
.sticky p {
    float: right;
}

.sticky + .content {
    padding-top: 102px;
}

.get-btn {
    color: #fff;
}
/*.button.is-green_candy {
    background: #3dbe8b;
    background: -webkit-linear-gradient(#13bd6c,#39b885);
    background: linear-gradient(#13bd6c,#39b885);
    border-radius: 4px;
    border: 1px solid #1f7c57;
    box-shadow: inset #4fd3aa 0 1px;
    color: #fff;
    position: relative;
    text-shadow: #1c8f3d 0 1px 0;
    -webkit-transition: background 150ms;
    transition: background 150ms;
    padding: 8px 20px;
    width: 256px;
}*/
#ProjectStaffing {
    border-top: 1px solid #003A63;
}

.expertise_text {
    padding-top: 10px;
}

.player .vp-player-layout {
    width: 100% !important;
    left: 0 !important;
}

.dropdown-processed .select-exp li i {
    color: #822990 !important;
}

.dropdown-processed .ViewTalent li i {
    color: #d36f28;
}

.dropdown-processed .GoTalent li i {
    color: #3db981;
    font-size: 20px;
}

.dropdown-processed ul li {
    color: #00a3d9;
}

    .dropdown-processed ul li i {
        font-size: 15px;
    }

.set-mg {
    margin-right: 380px;
}

@media (max-width: 768px) {
    .set-mg {
        margin-right: 0px;
    }

    .newdesign {
        display: flex;
        flex-direction: column-reverse;
    }
}

@media (max-width: 794px) {
    .set-mg {
        margin-right: 0px;
        float: left;
        margin-left: 11px;
    }

    .login-home {
        float: right;
        margin-top: 5px;
    }
}

.afterarow:hover .dropdown-container {
    display: block;
}

.dropdown-container {
    display: none;
}
/*.asgn_t .block-before {
    transform: translateY(-2%) scale(1.086);
    z-index: 9999;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.asgn_t .block-after {
    display: none;
}
.asgn_t:hover .block-before {
    display: none;
}
.asgn_t:hover .block-after {
    display: block;
    transform: translateY(-2%) scale(1.086);
    z-index: 9999;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}*/
.full-graphic {
    background-image: url(../../images/login/Full-graphic.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 619px;
    margin-top: 37px;
}

.transparent-div {
    left: 680px;
    position: absolute;
    top: 168px;
    background: transparent;
    height: 56px;
    width: 56px;
    border-radius: 50%;
}

.second {
    left: 869px;
    top: 215px;
    height: 60px;
    width: 60px
}

.third {
    left: 1062px;
    top: 363px;
}

.fourth {
    left: 981px;
    top: 483px;
}

.fifth {
    left: 472px;
    top: 295px;
}

.sixth {
    left: 525px;
    top: 524px;
}

.transparent-div a {
    padding: 35px 57px;
}

.transparent-div .dropdown-container {
    padding-top: 47px;
}
/*.first-list ul {
    list-style-image: url(../../images/login/PM-Orb.png);
    border: 1px solid #d69342;
}*/
.transparent-div ul {
    list-style-image: url(../../images/login/PM-Orb.png);
}

.transparent-div ul {
    width: 290px;
    float: left;
    background: rgba(255,255,255,0.9);
    padding: 10px;
}

    .transparent-div ul li {
        padding-bottom: 7px;
    }

.transparent-div:hover .dropdown-container {
    display: block;
}

color-img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.slick-track {
    margin: 0 auto !important;
    transform: translate3d(30px, 0px, 0px) !important;
}

.Top_cont p {
    font-weight: bold;
}

.Integ_Prog {
    opacity: unset;
}

.none-display {
    display: none;
}
/*.transparent-div{background:red;}*/
.list-img ul {
    list-style-image: url(../images/PM-Orb.png);
    padding: 10px 20px;
    width: 300px;
}

    .list-img ul li {
        line-height: 2;
    }

.popover {
    opacity: 0.9 !important;
    max-width: 300px !important;
}

.list-img .popover {
    border: 1px solid #d69342;
}

.custom-code .popover {
    border: 1px solid #be4c4c;
}

.custom-code ul {
    list-style-image: url(../images/IPPC-Orb.png);
}

.custom-code1 ul {
    list-style-image: url(../images/TME-Orb.png);
}

.custom-code2 ul {
    list-style-image: url(../images/DVP-Orb.png);
}

.custom-code2 .popover {
    border: 1px solid #cf4b97;
}

.custom-code1 .popover {
    border: 1px solid #d4ca35;
}

.custom-code3 ul {
    list-style-image: url('../images/CSPD-Orb.png');
}

.custom-code3 .popover {
    border: 1px solid #5c9643;
}

.custom-code4 ul {
    list-style-image: url(../images/MC-Orb.png);
}

.custom-code4 .popover {
    border: 1px solid #72a6d5;
}

.btn-second {
    position: absolute;
    top: 180px;
    left: 630px;
}

.btn-third {
    position: absolute;
    top: 227px;
    left: 974px;
    color: #be4c4c;
}

.btn-fourth {
    position: absolute;
    top: 450px;
    left: 1260px;
    color: #be4c4c;
}

.btn-fifth {
    position: absolute;
    top: 490px;
    left: 1030px;
}

.btn-sixth {
    position: absolute;
    top: 305px;
    left: 90px;
}

.btn-seventh {
    position: absolute;
    top: 520px;
    left: 170px;
}

.Top_cont .popover {
    border: none !important;
    background: transparent !important;
    opacity: unset !important;
    box-shadow: none;
    color: #d69342;
    font-size: 25px;
    text-align: right;
}

.color3 .popover {
    color: #be4c4c;
}

.color4 .popover {
    max-width: 350px !important;
    color: #d4ca35;
}

.color5 .popover {
    color: #cf4b97;
}

.color6 .popover {
    max-width: 350px !important;
    color: #5c9643;
}

.color7 .popover {
    color: #72a6d5;
}

.res-div {
    background: red;
    height: 50px;
    width: 50px;
    border-radius: 50%;
}

.Integ_Prog {
    opacity: unset;
}

.none-display {
    display: none;
}
/*.transparent-div{background:red;}*/
.list-img ul {
    list-style-image: url(../images/PM-Orb.png);
    padding: 10px 20px;
    width: 300px;
}

    .list-img ul li {
        line-height: 2;
    }

.popover {
    opacity: 0.9 !important;
    max-width: 300px !important;
}

.list-img .popover {
    border: 1px solid #d69342;
}

.custom-code .popover {
    border: 1px solid #be4c4c;
}

.custom-code ul {
    list-style-image: url(../images/IPPC-Orb.png);
}

.custom-code1 ul {
    list-style-image: url(../images/TME-Orb.png);
}

.custom-code2 ul {
    list-style-image: url(../images/DVP-Orb.png);
}

.custom-code2 .popover {
    border: 1px solid #cf4b97;
}

.custom-code1 .popover {
    border: 1px solid #d4ca35;
}

.custom-code3 ul {
    list-style-image: url('../images/CSPD-Orb.png');
}

.custom-code3 .popover {
    border: 1px solid #5c9643;
}

.custom-code4 ul {
    list-style-image: url(../images/MC-Orb.png);
}

.custom-code4 .popover {
    border: 1px solid #72a6d5;
}

.btn-second {
    position: absolute;
    top: 180px;
    left: 630px;
}

.btn-third {
    position: absolute;
    top: 227px;
    left: 974px;
    color: #be4c4c;
}

.btn-fourth {
    position: absolute;
    top: 450px;
    left: 1260px;
    color: #be4c4c;
}

.btn-fifth {
    position: absolute;
    top: 490px;
    left: 1030px;
}

.btn-sixth {
    position: absolute;
    top: 305px;
    left: 90px;
}

.btn-seventh {
    position: absolute;
    top: 520px;
    left: 170px;
}

.Top_cont .popover {
    border: none !important;
    background: transparent !important;
    opacity: unset !important;
    box-shadow: none;
    color: #d69342;
    font-size: 25px;
    text-align: right;
}

.color3 .popover {
    color: #be4c4c;
}

.color4 .popover {
    max-width: 350px !important;
    color: #d4ca35;
}

.color5 .popover {
    color: #cf4b97;
}

.color6 .popover {
    max-width: 350px !important;
    color: #5c9643;
}

.color7 .popover {
    color: #72a6d5;
}

.display-after {
    transform: translateY(-2%) scale(1.5);
    box-shadow: 6px 3px 64px -4px #ddd;
    z-index: 9999;
    display: block;
    border-radius: 50%;
    transform: translateY(-2%);
    transition-duration: .6s;
    transform-style: preserve-3d;
    transform: translateY(-2%);
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.glys img {
    filter: grayscale(100%);
}

.slider-sub p {
    color: #9d9d9d;
    font-size: 15px;
    width: 70%;
    text-align: center;
}

.slider-sub a:hover p, .slider-sub a:active p, .slider-sub a:focus p {
    color: #00a3d9;
}

#image_strip ul {
    padding: 0 10px;
    /*width: 300px;*/
}

#image_strip .popover {
    border: none;
}

#image_strip ul li {
    line-height: 2;
    color: #00a3d9;
}

.sub2 ul {
    list-style: none
}

    .sub2 ul li:before {
        content: "\f046"; /* FontAwesome Unicode */
        font-family: FontAwesome;
        display: inline-block;
        margin-left: -1.3em; /* same as padding-left set on li */
        width: 1.3em; /* same as padding-left set on li */
        color: #822990 !important
    }

.sub3 ul {
    list-style: none
}

    .sub3 ul li:before {
        content: "\f080"; /* FontAwesome Unicode */
        font-family: FontAwesome;
        display: inline-block;
        margin-left: -1.3em; /* same as padding-left set on li */
        width: 1.3em; /* same as padding-left set on li */
        color: #d36f28;
    }

.sub4 ul {
    list-style: none
}

    .sub4 ul li:before {
        content: "\f183"; /* FontAwesome Unicode */
        font-family: FontAwesome;
        display: inline-block;
        margin-left: -1.3em; /* same as padding-left set on li */
        width: 1.3em; /* same as padding-left set on li */
        color: #3db981;
    }

.sub5 ul {
    list-style: none;
    z-index: 9999;
}

.sub5 span {
    line-height: 1.5;
    color: #00a3d9;
}

.Integ_Prog {
    opacity: unset;
}

.none-display {
    display: none;
}

.list-img ul {
    list-style-image: url(../images/PM-Orb.png);
    padding: 10px 20px;
    width: 300px;
}

    .list-img ul li {
        line-height: 2;
    }

.popover {
    opacity: 0.9 !important;
    max-width: 300px !important;
}

.list-img .popover {
    border: 1px solid #d69342;
}

.custom-code .popover {
    border: 1px solid #be4c4c;
}

.custom-code ul {
    list-style-image: url(../images/IPPC-Orb.png);
}

.custom-code1 ul {
    list-style-image: url(../images/TME-Orb.png);
}

.custom-code2 ul {
    list-style-image: url(../images/DVP-Orb.png);
}

.custom-code2 .popover {
    border: 1px solid #cf4b97;
}

.custom-code1 .popover {
    border: 1px solid #d4ca35;
}

.custom-code3 ul {
    list-style-image: url('../images/CSPD-Orb.png');
}

.custom-code3 .popover {
    border: 1px solid #5c9643;
}

.custom-code4 ul {
    list-style-image: url(../images/MC-Orb.png);
}

.custom-code4 .popover {
    border: 1px solid #72a6d5;
}

.btn-second {
    position: absolute;
    top: 180px;
    left: 630px;
}

.btn-third {
    position: absolute;
    top: 227px;
    left: 974px;
    color: #be4c4c;
}

.btn-fourth {
    position: absolute;
    top: 450px;
    left: 1260px;
    color: #be4c4c;
}

.btn-fifth {
    position: absolute;
    top: 490px;
    left: 1030px;
}

.btn-sixth {
    position: absolute;
    top: 305px;
    left: 90px;
}

.btn-seventh {
    position: absolute;
    top: 520px;
    left: 170px;
}

.Top_cont .popover {
    border: none !important;
    background: transparent !important;
    opacity: unset !important;
    box-shadow: none;
    color: #d69342;
    font-size: 25px;
    text-align: right;
}

.color3 .popover {
    color: #be4c4c;
}

.color4 .popover {
    max-width: 350px !important;
    color: #d4ca35;
}

.color5 .popover {
    color: #cf4b97;
}

.color6 .popover {
    max-width: 350px !important;
    color: #5c9643;
}

.color7 .popover {
    color: #72a6d5;
}

.res-div {
    background: red;
    height: 50px;
    width: 50px;
    border-radius: 50%;
}



.dropdown-menu {
    position: static !important;
}

.lib .dropdown-toggle:before {
    display: none !important;
}

.dropdown .dropdown-menu {
    width: 330px;
    min-width: 330px !important;
    max-width: 330px !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    /*max-height: 250px;*/
    -webkit-transition: all 0.6s !important;
    -moz-transition: all 0.6s !important;
    -o-transition: all 0.6s !important;
    transition: all 0.6s !important;
    max-height: 0;
    display: block !important;
    overflow: hidden !important;
    opacity: 0 !important;
}

.dropdown:hover .dropdown-menu {
    display: block;
    max-height: 250px;
    opacity: 1 !important;
}

.open .dropdown-menu {
    display: block !important;
    max-height: 250px !important;
    opacity: 1 !important;
}

.dropdown {
    position: relative;
}


.p-tag h4 {
    color: #9d9d9d;
    width: 85%;
    margin: 10px auto;
    text-align: left;
}

#products-menu li {
    line-height: 2;
    /*font-size: 12px;*/
    color: #32a3d9;
    margin-left: 33px;
}

#products-menu p {
    color: #32a3d9;
}

.projectlist li:nth-child(2) {
    list-style-image: url(../../images/login/CSPD-Orb.png);
}

.projectlist li:nth-child(3) {
    list-style-image: url(../../images/login/PM-Orb.png);
}

.projectlist li:nth-child(4) {
    list-style-image: url(../../images/login/MC-Orb.png);
}

.projectlist li:nth-child(5) {
    list-style-image: url(../../images/login/DVP-Orb.png);
}

.projectlist li:nth-child(6) {
    list-style-image: url(../../images/login/TME-Orb.png);
}

.projectlist li:nth-child(7) {
    list-style-image: url(../../images/login/IPPC-Orb.png);
}
/*#products-menu {
    margin-left: 36px;
}*/
/*#products-menu p {
        margin-left: -19px;
    }*/

.projectlist1 li:before {
    content: "\f046"; /* FontAwesome Unicode */
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -2.1em; /* same as padding-left set on li */
    width: 1.3em; /* same as padding-left set on li */
    color: #822990 !important
}

.projectlist1 li {
    margin-left: 45px !important;
}

.projectlist3 li {
    margin-left: 35px !important;
}

.projectlist2 li {
    background: url(../../images/login/compare-icon.png) no-repeat left top; /* <-- change `left` & `top` too for extra control */
    padding: 0px 0px 0px 35px;
    list-style: none;
    margin-left: 0 !important;
    background-position: 14px;
}

.projectlist3 li:before {
    content: "\f183"; /* FontAwesome Unicode */
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em; /* same as padding-left set on li */
    width: 0.9em;
    /* same as padding-left set on li */
    color: #3db981;
}

.projectlist4 li {
    list-style: disc;
}
/*.projectlist3 {
    margin-left: 24px !important;
}*/
.lib .projectlist3 {
    min-width: 210px !important;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: transparent;
    border-color: transparent;
    transition: opacity 0.4s;
}

.p-tag img {
    /*-webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;*/
}

.p-tag:hover h4, .p-tag:active h4 {
    color: #509bd2;
}

.active h4 {
    color: #509bd2;
}

/*.p-tag img{
    filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale"); 
    filter: gray; 
    -webkit-filter: grayscale(100%);
}*/
.p-tag:hover img, .p-tag.active img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    transform-style: preserve-3d;
    transition-duration: all 5s;
    transform: translateZ(0);
    border-radius: 50%;
    transform: translateY(-2%) scale(1.086);
    z-index: 9999;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.p-tag:hover .arowimg {
    height: 13px;
    transition-duration: .6s;
    transform: translateY(-2%) scale(1.086);
    /*box-shadow: 6px 3px 64px -4px #ddd;*/
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.p-tag .arowimg {
    width: 40px;
    -webkit-transition: width 1s; /* For Safari 3.1 to 6.0 */
    transition: width 1s;
}

.p-tag:hover .arowimg, .p-tag.active .arowimg {
    width: 65px;
    /*transition-duration: 2s;*/
}

.menubtn {
    width: 85%;
    margin: 0 auto;
}

.activecolor {
    color: #32a3d9 !important;
}

/*.popover-content {
        width: 100% !important;
        float: left !important;
        padding: 9px !important;
    }*/

.custombtn {
    background: linear-gradient(#43c692,#39b885) !important;
    color: #fff !important;
    height: 33px;
}

.proj-talnt {
    padding-top: 9px !important;
    padding-bottom: 0px !important;
}

.custombtn:hover {
    background: linear-gradient(#36b07f,#1c7d56) !important;
    color: #fff !important;
}

.bottomMenu {
    display: none;
    top: 0;
    z-index: 1;
}


.animation-element.slide-left {
    opacity: 0;
    -moz-transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
    -moz-transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    -o-transform: translate(-100px, 0px);
    -ms-transform: translate(-100px, 0px);
    transform: translate3d(0, -100%, 0);
}

    .animation-element.slide-left.in-view {
        opacity: 1;
        -moz-transform: translate3d(0px, 0px, 0px);
        -webkit-transform: translate3d(0px, 0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate3d(0px, 0px, 0px);
    }

.btn .capture-support {
    display: none
}

.capture-support {
    z-index: -10;
}

rect {
    z-index: 99999 !important;
}

.btn:hover .capture-support {
    display: block !important;
}

.displaynone .graphic-image {
    display: none;
}

.none {
    display: none;
}

.banner-txt {
    margin: 0 auto;
    font-size: 20px;
    width: 55%;
    margin-bottom: 30px;
}

}

.heightsvg {
    height: 535px;
    width: 1001px;
    margin: 0 auto;
}

.tr {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.none-display {
    display: none !important;
}

.dropdown-toggle:hover .block-display {
    display: none !important;
}

.dropdown-toggle:hover .none-display {
    display: block !important;
}

.open .dropdown-toggle .none-display {
    display: block !important;
}

.open .dropdown-toggle .block-display {
    display: none !important;
}

.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.6s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

    .hvr-grow:hover,
    .hvr-grow:focus,
    .hvr-grow.active {
        transform: scale(1.086);
    }

.p-tag.active img {
    transform-style: preserve-3d;
    transition-duration: .6s;
    border-radius: 50%;
    transform: translateZ(0) scale(1.086);
    z-index: 9999;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

/*.dropdown .dropdown-menu {
    -webkit-transition: all 0.6s !important;
    -moz-transition: all 0.6s !important;
    -o-transition: all 0.6s !important;
    transition: all 0.6s !important;
    max-height: 0 !important;
    display: block !important;
    overflow: hidden !important;
    opacity: 0 !important;
}

#ProjectStaffing h1 {
    -webkit-transition: all 0.6s !important;
    -moz-transition: all 0.6s !important;
    -ms-transition: all 0.6s !important;
    -o-transition: all 0.6s !important;
    transition: all 0.6s !important;
    transition-duration: 5s;
}

.dropdown:hover .dropdown-menu {
    max-height: 250px !important;
    opacity: 1 !important;
}*/

.height {
    min-height: 400px;
    max-height: 400px;
    height: 400px;
    -webkit-transition: all 0.6s !important;
    -moz-transition: all 0.6s !important;
    -ms-transition: all 0.6s !important;
    -o-transition: all 0.6s !important;
    transition: all 0.6s !important;
}

#ProjectStaffing {
    overflow-x: hidden;
}

.arowimg {
    -webkit-filter: grayscale(100%);
    filter: gray; /* IE6-9 */
}

.heightsvg {
    height: 480px;
}

    .heightsvg img {
        height: 100%;
        margin: 0 auto;
    }

.paddingR0 {
    padding-right: 0px !important;
}

.introcolorvideonotinterested {
    margin: 0;
    width: 190px;
    text-align: center;
    margin-bottom: 10px;
    background-color: #fff;
    color: #000;
    border: 3px solid red;
    font-weight: bold;
    outline: none;
    margin: 0 5px;
    font-size: 13px;
    padding: 5px 46px;
    border-radius: 4px;
}

    .introcolorvideonotinterested:hover {
        color: white;
        background-color: red;
    }

.data {
    color: purple;
}

.videoUpperText {
    width: 70%;
    margin: 0 auto;
}

#textintrovideo {
    margin-top: 30px;
    margin-bottom: 30px;
}

    #textintrovideo ol {
        width: 50%;
        margin: 0 auto;
    }

        #textintrovideo ol li {
            line-height: 1.5;
            font-size: 16px;
            margin-bottom: 10px;
        }

.focuscolor:focus {
    color: #337ab7 !important;
}

.disabled {
    cursor: not-allowed;
    color: #a5a5a5;
    background: #e9e9e9;
    border-color: #e9e9e9;
}

@media (min-width: 1400px) and (max-width: 4000px) {
    .align-middle {
        display: flex;
        height: 90vh;
        align-items: center;
        justify-content: center;
    }
}

@media (min-width: 220px) and (max-width:1399px) {
    .responsive-layout {
        margin: 40px 0px 40px 0px;
    }
}

#createAccountBtn {
    margin-top: 30px;
}

.input-group {
    position: relative;
    width: 100%;
}

.form-control {
    padding-right: 40px;
}
    .form-control::-ms-reveal {
        display: none;
    }
.input-group-text {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0 10px;
    z-index: 3;
}

.fa-eye, .fa-eye-slash {
    color: #666;
}

.fa-eye-slash {
    transform: scaleX(-1);
}
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    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 {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) 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 {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  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: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  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: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

