html { -webkit-box-sizing:border-box; box-sizing:border-box; -ms-overflow-style:scrollbar } *,::before,::after { -webkit-box-sizing:inherit; box-sizing:inherit } .container { width:100%; padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto } @media (min-width: 576px) { .container { max-width:540px } } @media (min-width: 768px) { .container { max-width:720px } } @media (min-width: 992px) { .container { max-width:960px } } @media (min-width: 1200px) { .container { max-width:1140px } } .container-fluid { width:100%; padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto } .row { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-right:-15px; margin-left:-15px } .no-gutters { margin-right:0; margin-left:0 } .no-gutters > .col,.no-gutters > [class*="col-"] { padding-right:0; padding-left:0 } .col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto { position:relative; width:100%; min-height:1px; padding-right:15px; padding-left:15px } .col { -webkit-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0; -webkit-box-flex:1; -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1; max-width:100% } .col-auto { -webkit-box-flex:0; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; width:auto; max-width:none } .col-1 { -webkit-box-flex:0; -webkit-flex:0 0 8.33333%; -ms-flex:0 0 8.33333%; flex:0 0 8.33333%; max-width:8.33333% } .col-2 { -webkit-box-flex:0; -webkit-flex:0 0 16.66667%; -ms-flex:0 0 16.66667%; flex:0 0 16.66667%; max-width:16.66667% } .col-3 { -webkit-box-flex:0; -webkit-flex:0 0 25%; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25% } .col-4 { -webkit-box-flex:0; -webkit-flex:0 0 33.33333%; -ms-flex:0 0 33.33333%; flex:0 0 33.33333%; max-width:33.33333% } .col-5 { -webkit-box-flex:0; -webkit-flex:0 0 41.66667%; -ms-flex:0 0 41.66667%; flex:0 0 41.66667%; max-width:41.66667% } .col-6 { -webkit-box-flex:0; -webkit-flex:0 0 50%; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50% } .col-7 { -webkit-box-flex:0; -webkit-flex:0 0 58.33333%; -ms-flex:0 0 58.33333%; flex:0 0 58.33333%; max-width:58.33333% } .col-8 { -webkit-box-flex:0; -webkit-flex:0 0 66.66667%; -ms-flex:0 0 66.66667%; flex:0 0 66.66667%; max-width:66.66667% } .col-9 { -webkit-box-flex:0; -webkit-flex:0 0 75%; -ms-flex:0 0 75%; flex:0 0 75%; max-width:75% } .col-10 { -webkit-box-flex:0; -webkit-flex:0 0 83.33333%; -ms-flex:0 0 83.33333%; flex:0 0 83.33333%; max-width:83.33333% } .col-11 { -webkit-box-flex:0; -webkit-flex:0 0 91.66667%; -ms-flex:0 0 91.66667%; flex:0 0 91.66667%; max-width:91.66667% } .col-12 { -webkit-box-flex:0; -webkit-flex:0 0 100%; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% } .order-first { -webkit-box-ordinal-group:0; -webkit-order:-1; -ms-flex-order:-1; order:-1 } .order-last { -webkit-box-ordinal-group:14; -webkit-order:13; -ms-flex-order:13; order:13 } .order-0 { -webkit-box-ordinal-group:1; -webkit-order:0; -ms-flex-order:0; order:0 } .order-1 { -webkit-box-ordinal-group:2; -webkit-order:1; -ms-flex-order:1; order:1 } .order-2 { -webkit-box-ordinal-group:3; -webkit-order:2; -ms-flex-order:2; order:2 } .order-3 { -webkit-box-ordinal-group:4; -webkit-order:3; -ms-flex-order:3; order:3 } .order-4 { -webkit-box-ordinal-group:5; -webkit-order:4; -ms-flex-order:4; order:4 } .order-5 { -webkit-box-ordinal-group:6; -webkit-order:5; -ms-flex-order:5; order:5 } .order-6 { -webkit-box-ordinal-group:7; -webkit-order:6; -ms-flex-order:6; order:6 } .order-7 { -webkit-box-ordinal-group:8; -webkit-order:7; -ms-flex-order:7; order:7 } .order-8 { -webkit-box-ordinal-group:9; -webkit-order:8; -ms-flex-order:8; order:8 } .order-9 { -webkit-box-ordinal-group:10; -webkit-order:9; -ms-flex-order:9; order:9 } .order-10 { -webkit-box-ordinal-group:11; -webkit-order:10; -ms-flex-order:10; order:10 } .order-11 { -webkit-box-ordinal-group:12; -webkit-order:11; -ms-flex-order:11; order:11 } .order-12 { -webkit-box-ordinal-group:13; -webkit-order:12; -ms-flex-order:12; order:12 } .offset-1 { margin-left:8.33333% } .offset-2 { margin-left:16.66667% } .offset-3 { margin-left:25% } .offset-4 { margin-left:33.33333% } .offset-5 { margin-left:41.66667% } .offset-6 { margin-left:50% } .offset-7 { margin-left:58.33333% } .offset-8 { margin-left:66.66667% } .offset-9 { margin-left:75% } .offset-10 { margin-left:83.33333% } .offset-11 { margin-left:91.66667% } @media (min-width: 576px) { .col-sm { -webkit-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0; -webkit-box-flex:1; -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1; max-width:100% } .col-sm-auto { -webkit-box-flex:0; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; width:auto; max-width:none } .col-sm-1 { -webkit-box-flex:0; -webkit-flex:0 0 8.33333%; -ms-flex:0 0 8.33333%; flex:0 0 8.33333%; max-width:8.33333% } .col-sm-2 { -webkit-box-flex:0; -webkit-flex:0 0 16.66667%; -ms-flex:0 0 16.66667%; flex:0 0 16.66667%; max-width:16.66667% } .col-sm-3 { -webkit-box-flex:0; -webkit-flex:0 0 25%; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25% } .col-sm-4 { -webkit-box-flex:0; -webkit-flex:0 0 33.33333%; -ms-flex:0 0 33.33333%; flex:0 0 33.33333%; max-width:33.33333% } .col-sm-5 { -webkit-box-flex:0; -webkit-flex:0 0 41.66667%; -ms-flex:0 0 41.66667%; flex:0 0 41.66667%; max-width:41.66667% } .col-sm-6 { -webkit-box-flex:0; -webkit-flex:0 0 50%; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50% } .col-sm-7 { -webkit-box-flex:0; -webkit-flex:0 0 58.33333%; -ms-flex:0 0 58.33333%; flex:0 0 58.33333%; max-width:58.33333% } .col-sm-8 { -webkit-box-flex:0; -webkit-flex:0 0 66.66667%; -ms-flex:0 0 66.66667%; flex:0 0 66.66667%; max-width:66.66667% } .col-sm-9 { -webkit-box-flex:0; -webkit-flex:0 0 75%; -ms-flex:0 0 75%; flex:0 0 75%; max-width:75% } .col-sm-10 { -webkit-box-flex:0; -webkit-flex:0 0 83.33333%; -ms-flex:0 0 83.33333%; flex:0 0 83.33333%; max-width:83.33333% } .col-sm-11 { -webkit-box-flex:0; -webkit-flex:0 0 91.66667%; -ms-flex:0 0 91.66667%; flex:0 0 91.66667%; max-width:91.66667% } .col-sm-12 { -webkit-box-flex:0; -webkit-flex:0 0 100%; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% } .order-sm-first { -webkit-box-ordinal-group:0; -webkit-order:-1; -ms-flex-order:-1; order:-1 } .order-sm-last { -webkit-box-ordinal-group:14; -webkit-order:13; -ms-flex-order:13; order:13 } .order-sm-0 { -webkit-box-ordinal-group:1; -webkit-order:0; -ms-flex-order:0; order:0 } .order-sm-1 { -webkit-box-ordinal-group:2; -webkit-order:1; -ms-flex-order:1; order:1 } .order-sm-2 { -webkit-box-ordinal-group:3; -webkit-order:2; -ms-flex-order:2; order:2 } .order-sm-3 { -webkit-box-ordinal-group:4; -webkit-order:3; -ms-flex-order:3; order:3 } .order-sm-4 { -webkit-box-ordinal-group:5; -webkit-order:4; -ms-flex-order:4; order:4 } .order-sm-5 { -webkit-box-ordinal-group:6; -webkit-order:5; -ms-flex-order:5; order:5 } .order-sm-6 { -webkit-box-ordinal-group:7; -webkit-order:6; -ms-flex-order:6; order:6 } .order-sm-7 { -webkit-box-ordinal-group:8; -webkit-order:7; -ms-flex-order:7; order:7 } .order-sm-8 { -webkit-box-ordinal-group:9; -webkit-order:8; -ms-flex-order:8; order:8 } .order-sm-9 { -webkit-box-ordinal-group:10; -webkit-order:9; -ms-flex-order:9; order:9 } .order-sm-10 { -webkit-box-ordinal-group:11; -webkit-order:10; -ms-flex-order:10; order:10 } .order-sm-11 { -webkit-box-ordinal-group:12; -webkit-order:11; -ms-flex-order:11; order:11 } .order-sm-12 { -webkit-box-ordinal-group:13; -webkit-order:12; -ms-flex-order:12; order:12 } .offset-sm-0 { margin-left:0 } .offset-sm-1 { margin-left:8.33333% } .offset-sm-2 { margin-left:16.66667% } .offset-sm-3 { margin-left:25% } .offset-sm-4 { margin-left:33.33333% } .offset-sm-5 { margin-left:41.66667% } .offset-sm-6 { margin-left:50% } .offset-sm-7 { margin-left:58.33333% } .offset-sm-8 { margin-left:66.66667% } .offset-sm-9 { margin-left:75% } .offset-sm-10 { margin-left:83.33333% } .offset-sm-11 { margin-left:91.66667% } } @media (min-width: 768px) { .col-md { -webkit-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0; -webkit-box-flex:1; -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1; max-width:100% } .col-md-auto { -webkit-box-flex:0; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; width:auto; max-width:none } .col-md-1 { -webkit-box-flex:0; -webkit-flex:0 0 8.33333%; -ms-flex:0 0 8.33333%; flex:0 0 8.33333%; max-width:8.33333% } .col-md-2 { -webkit-box-flex:0; -webkit-flex:0 0 16.66667%; -ms-flex:0 0 16.66667%; flex:0 0 16.66667%; max-width:16.66667% } .col-md-3 { -webkit-box-flex:0; -webkit-flex:0 0 25%; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25% } .col-md-4 { -webkit-box-flex:0; -webkit-flex:0 0 33.33333%; -ms-flex:0 0 33.33333%; flex:0 0 33.33333%; max-width:33.33333% } .col-md-5 { -webkit-box-flex:0; -webkit-flex:0 0 41.66667%; -ms-flex:0 0 41.66667%; flex:0 0 41.66667%; max-width:41.66667% } .col-md-6 { -webkit-box-flex:0; -webkit-flex:0 0 50%; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50% } .col-md-7 { -webkit-box-flex:0; -webkit-flex:0 0 58.33333%; -ms-flex:0 0 58.33333%; flex:0 0 58.33333%; max-width:58.33333% } .col-md-8 { -webkit-box-flex:0; -webkit-flex:0 0 66.66667%; -ms-flex:0 0 66.66667%; flex:0 0 66.66667%; max-width:66.66667% } .col-md-9 { -webkit-box-flex:0; -webkit-flex:0 0 75%; -ms-flex:0 0 75%; flex:0 0 75%; max-width:75% } .col-md-10 { -webkit-box-flex:0; -webkit-flex:0 0 83.33333%; -ms-flex:0 0 83.33333%; flex:0 0 83.33333%; max-width:83.33333% } .col-md-11 { -webkit-box-flex:0; -webkit-flex:0 0 91.66667%; -ms-flex:0 0 91.66667%; flex:0 0 91.66667%; max-width:91.66667% } .col-md-12 { -webkit-box-flex:0; -webkit-flex:0 0 100%; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% } .order-md-first { -webkit-box-ordinal-group:0; -webkit-order:-1; -ms-flex-order:-1; order:-1 } .order-md-last { -webkit-box-ordinal-group:14; -webkit-order:13; -ms-flex-order:13; order:13 } .order-md-0 { -webkit-box-ordinal-group:1; -webkit-order:0; -ms-flex-order:0; order:0 } .order-md-1 { -webkit-box-ordinal-group:2; -webkit-order:1; -ms-flex-order:1; order:1 } .order-md-2 { -webkit-box-ordinal-group:3; -webkit-order:2; -ms-flex-order:2; order:2 } .order-md-3 { -webkit-box-ordinal-group:4; -webkit-order:3; -ms-flex-order:3; order:3 } .order-md-4 { -webkit-box-ordinal-group:5; -webkit-order:4; -ms-flex-order:4; order:4 } .order-md-5 { -webkit-box-ordinal-group:6; -webkit-order:5; -ms-flex-order:5; order:5 } .order-md-6 { -webkit-box-ordinal-group:7; -webkit-order:6; -ms-flex-order:6; order:6 } .order-md-7 { -webkit-box-ordinal-group:8; -webkit-order:7; -ms-flex-order:7; order:7 } .order-md-8 { -webkit-box-ordinal-group:9; -webkit-order:8; -ms-flex-order:8; order:8 } .order-md-9 { -webkit-box-ordinal-group:10; -webkit-order:9; -ms-flex-order:9; order:9 } .order-md-10 { -webkit-box-ordinal-group:11; -webkit-order:10; -ms-flex-order:10; order:10 } .order-md-11 { -webkit-box-ordinal-group:12; -webkit-order:11; -ms-flex-order:11; order:11 } .order-md-12 { -webkit-box-ordinal-group:13; -webkit-order:12; -ms-flex-order:12; order:12 } .offset-md-0 { margin-left:0 } .offset-md-1 { margin-left:8.33333% } .offset-md-2 { margin-left:16.66667% } .offset-md-3 { margin-left:25% } .offset-md-4 { margin-left:33.33333% } .offset-md-5 { margin-left:41.66667% } .offset-md-6 { margin-left:50% } .offset-md-7 { margin-left:58.33333% } .offset-md-8 { margin-left:66.66667% } .offset-md-9 { margin-left:75% } .offset-md-10 { margin-left:83.33333% } .offset-md-11 { margin-left:91.66667% } } @media (min-width: 992px) { .col-lg { -webkit-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0; -webkit-box-flex:1; -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1; max-width:100% } .col-lg-auto { -webkit-box-flex:0; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; width:auto; max-width:none } .col-lg-1 { -webkit-box-flex:0; -webkit-flex:0 0 8.33333%; -ms-flex:0 0 8.33333%; flex:0 0 8.33333%; max-width:8.33333% } .col-lg-2 { -webkit-box-flex:0; -webkit-flex:0 0 16.66667%; -ms-flex:0 0 16.66667%; flex:0 0 16.66667%; max-width:16.66667% } .col-lg-3 { -webkit-box-flex:0; -webkit-flex:0 0 25%; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25% } .col-lg-4 { -webkit-box-flex:0; -webkit-flex:0 0 33.33333%; -ms-flex:0 0 33.33333%; flex:0 0 33.33333%; max-width:33.33333% } .col-lg-5 { -webkit-box-flex:0; -webkit-flex:0 0 41.66667%; -ms-flex:0 0 41.66667%; flex:0 0 41.66667%; max-width:41.66667% } .col-lg-6 { -webkit-box-flex:0; -webkit-flex:0 0 50%; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50% } .col-lg-7 { -webkit-box-flex:0; -webkit-flex:0 0 58.33333%; -ms-flex:0 0 58.33333%; flex:0 0 58.33333%; max-width:58.33333% } .col-lg-8 { -webkit-box-flex:0; -webkit-flex:0 0 66.66667%; -ms-flex:0 0 66.66667%; flex:0 0 66.66667%; max-width:66.66667% } .col-lg-9 { -webkit-box-flex:0; -webkit-flex:0 0 75%; -ms-flex:0 0 75%; flex:0 0 75%; max-width:75% } .col-lg-10 { -webkit-box-flex:0; -webkit-flex:0 0 83.33333%; -ms-flex:0 0 83.33333%; flex:0 0 83.33333%; max-width:83.33333% } .col-lg-11 { -webkit-box-flex:0; -webkit-flex:0 0 91.66667%; -ms-flex:0 0 91.66667%; flex:0 0 91.66667%; max-width:91.66667% } .col-lg-12 { -webkit-box-flex:0; -webkit-flex:0 0 100%; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% } .order-lg-first { -webkit-box-ordinal-group:0; -webkit-order:-1; -ms-flex-order:-1; order:-1 } .order-lg-last { -webkit-box-ordinal-group:14; -webkit-order:13; -ms-flex-order:13; order:13 } .order-lg-0 { -webkit-box-ordinal-group:1; -webkit-order:0; -ms-flex-order:0; order:0 } .order-lg-1 { -webkit-box-ordinal-group:2; -webkit-order:1; -ms-flex-order:1; order:1 } .order-lg-2 { -webkit-box-ordinal-group:3; -webkit-order:2; -ms-flex-order:2; order:2 } .order-lg-3 { -webkit-box-ordinal-group:4; -webkit-order:3; -ms-flex-order:3; order:3 } .order-lg-4 { -webkit-box-ordinal-group:5; -webkit-order:4; -ms-flex-order:4; order:4 } .order-lg-5 { -webkit-box-ordinal-group:6; -webkit-order:5; -ms-flex-order:5; order:5 } .order-lg-6 { -webkit-box-ordinal-group:7; -webkit-order:6; -ms-flex-order:6; order:6 } .order-lg-7 { -webkit-box-ordinal-group:8; -webkit-order:7; -ms-flex-order:7; order:7 } .order-lg-8 { -webkit-box-ordinal-group:9; -webkit-order:8; -ms-flex-order:8; order:8 } .order-lg-9 { -webkit-box-ordinal-group:10; -webkit-order:9; -ms-flex-order:9; order:9 } .order-lg-10 { -webkit-box-ordinal-group:11; -webkit-order:10; -ms-flex-order:10; order:10 } .order-lg-11 { -webkit-box-ordinal-group:12; -webkit-order:11; -ms-flex-order:11; order:11 } .order-lg-12 { -webkit-box-ordinal-group:13; -webkit-order:12; -ms-flex-order:12; order:12 } .offset-lg-0 { margin-left:0 } .offset-lg-1 { margin-left:8.33333% } .offset-lg-2 { margin-left:16.66667% } .offset-lg-3 { margin-left:25% } .offset-lg-4 { margin-left:33.33333% } .offset-lg-5 { margin-left:41.66667% } .offset-lg-6 { margin-left:50% } .offset-lg-7 { margin-left:58.33333% } .offset-lg-8 { margin-left:66.66667% } .offset-lg-9 { margin-left:75% } .offset-lg-10 { margin-left:83.33333% } .offset-lg-11 { margin-left:91.66667% } } @media (min-width: 1200px) { .col-xl { -webkit-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0; -webkit-box-flex:1; -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1; max-width:100% } .col-xl-auto { -webkit-box-flex:0; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; width:auto; max-width:none } .col-xl-1 { -webkit-box-flex:0; -webkit-flex:0 0 8.33333%; -ms-flex:0 0 8.33333%; flex:0 0 8.33333%; max-width:8.33333% } .col-xl-2 { -webkit-box-flex:0; -webkit-flex:0 0 16.66667%; -ms-flex:0 0 16.66667%; flex:0 0 16.66667%; max-width:16.66667% } .col-xl-3 { -webkit-box-flex:0; -webkit-flex:0 0 25%; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25% } .col-xl-4 { -webkit-box-flex:0; -webkit-flex:0 0 33.33333%; -ms-flex:0 0 33.33333%; flex:0 0 33.33333%; max-width:33.33333% } .col-xl-5 { -webkit-box-flex:0; -webkit-flex:0 0 41.66667%; -ms-flex:0 0 41.66667%; flex:0 0 41.66667%; max-width:41.66667% } .col-xl-6 { -webkit-box-flex:0; -webkit-flex:0 0 50%; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50% } .col-xl-7 { -webkit-box-flex:0; -webkit-flex:0 0 58.33333%; -ms-flex:0 0 58.33333%; flex:0 0 58.33333%; max-width:58.33333% } .col-xl-8 { -webkit-box-flex:0; -webkit-flex:0 0 66.66667%; -ms-flex:0 0 66.66667%; flex:0 0 66.66667%; max-width:66.66667% } .col-xl-9 { -webkit-box-flex:0; -webkit-flex:0 0 75%; -ms-flex:0 0 75%; flex:0 0 75%; max-width:75% } .col-xl-10 { -webkit-box-flex:0; -webkit-flex:0 0 83.33333%; -ms-flex:0 0 83.33333%; flex:0 0 83.33333%; max-width:83.33333% } .col-xl-11 { -webkit-box-flex:0; -webkit-flex:0 0 91.66667%; -ms-flex:0 0 91.66667%; flex:0 0 91.66667%; max-width:91.66667% } .col-xl-12 { -webkit-box-flex:0; -webkit-flex:0 0 100%; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% } .order-xl-first { -webkit-box-ordinal-group:0; -webkit-order:-1; -ms-flex-order:-1; order:-1 } .order-xl-last { -webkit-box-ordinal-group:14; -webkit-order:13; -ms-flex-order:13; order:13 } .order-xl-0 { -webkit-box-ordinal-group:1; -webkit-order:0; -ms-flex-order:0; order:0 } .order-xl-1 { -webkit-box-ordinal-group:2; -webkit-order:1; -ms-flex-order:1; order:1 } .order-xl-2 { -webkit-box-ordinal-group:3; -webkit-order:2; -ms-flex-order:2; order:2 } .order-xl-3 { -webkit-box-ordinal-group:4; -webkit-order:3; -ms-flex-order:3; order:3 } .order-xl-4 { -webkit-box-ordinal-group:5; -webkit-order:4; -ms-flex-order:4; order:4 } .order-xl-5 { -webkit-box-ordinal-group:6; -webkit-order:5; -ms-flex-order:5; order:5 } .order-xl-6 { -webkit-box-ordinal-group:7; -webkit-order:6; -ms-flex-order:6; order:6 } .order-xl-7 { -webkit-box-ordinal-group:8; -webkit-order:7; -ms-flex-order:7; order:7 } .order-xl-8 { -webkit-box-ordinal-group:9; -webkit-order:8; -ms-flex-order:8; order:8 } .order-xl-9 { -webkit-box-ordinal-group:10; -webkit-order:9; -ms-flex-order:9; order:9 } .order-xl-10 { -webkit-box-ordinal-group:11; -webkit-order:10; -ms-flex-order:10; order:10 } .order-xl-11 { -webkit-box-ordinal-group:12; -webkit-order:11; -ms-flex-order:11; order:11 } .order-xl-12 { -webkit-box-ordinal-group:13; -webkit-order:12; -ms-flex-order:12; order:12 } .offset-xl-0 { margin-left:0 } .offset-xl-1 { margin-left:8.33333% } .offset-xl-2 { margin-left:16.66667% } .offset-xl-3 { margin-left:25% } .offset-xl-4 { margin-left:33.33333% } .offset-xl-5 { margin-left:41.66667% } .offset-xl-6 { margin-left:50% } .offset-xl-7 { margin-left:58.33333% } .offset-xl-8 { margin-left:66.66667% } .offset-xl-9 { margin-left:75% } .offset-xl-10 { margin-left:83.33333% } .offset-xl-11 { margin-left:91.66667% } } .d-none { display:none!important } .d-inline { display:inline!important } .d-inline-block { display:inline-block!important } .d-block { display:block!important } .d-table { display:table!important } .d-table-row { display:table-row!important } .d-table-cell { display:table-cell!important } .d-flex { display:-webkit-box!important; display:-webkit-flex!important; display:-ms-flexbox!important; display:flex!important } .d-inline-flex { display:-webkit-inline-box!important; display:-webkit-inline-flex!important; display:-ms-inline-flexbox!important; display:inline-flex!important } @media (min-width: 576px) { .d-sm-none { display:none!important } .d-sm-inline { display:inline!important } .d-sm-inline-block { display:inline-block!important } .d-sm-block { display:block!important } .d-sm-table { display:table!important } .d-sm-table-row { display:table-row!important } .d-sm-table-cell { display:table-cell!important } .d-sm-flex { display:-webkit-box!important; display:-webkit-flex!important; display:-ms-flexbox!important; display:flex!important } .d-sm-inline-flex { display:-webkit-inline-box!important; display:-webkit-inline-flex!important; display:-ms-inline-flexbox!important; display:inline-flex!important } } @media (min-width: 768px) { .d-md-none { display:none!important } .d-md-inline { display:inline!important } .d-md-inline-block { display:inline-block!important } .d-md-block { display:block!important } .d-md-table { display:table!important } .d-md-table-row { display:table-row!important } .d-md-table-cell { display:table-cell!important } .d-md-flex { display:-webkit-box!important; display:-webkit-flex!important; display:-ms-flexbox!important; display:flex!important } .d-md-inline-flex { display:-webkit-inline-box!important; display:-webkit-inline-flex!important; display:-ms-inline-flexbox!important; display:inline-flex!important } } @media (min-width: 992px) { .d-lg-none { display:none!important } .d-lg-inline { display:inline!important } .d-lg-inline-block { display:inline-block!important } .d-lg-block { display:block!important } .d-lg-table { display:table!important } .d-lg-table-row { display:table-row!important } .d-lg-table-cell { display:table-cell!important } .d-lg-flex { display:-webkit-box!important; display:-webkit-flex!important; display:-ms-flexbox!important; display:flex!important } .d-lg-inline-flex { display:-webkit-inline-box!important; display:-webkit-inline-flex!important; display:-ms-inline-flexbox!important; display:inline-flex!important } } @media (min-width: 1200px) { .d-xl-none { display:none!important } .d-xl-inline { display:inline!important } .d-xl-inline-block { display:inline-block!important } .d-xl-block { display:block!important } .d-xl-table { display:table!important } .d-xl-table-row { display:table-row!important } .d-xl-table-cell { display:table-cell!important } .d-xl-flex { display:-webkit-box!important; display:-webkit-flex!important; display:-ms-flexbox!important; display:flex!important } .d-xl-inline-flex { display:-webkit-inline-box!important; display:-webkit-inline-flex!important; display:-ms-inline-flexbox!important; display:inline-flex!important } } @media print { .d-print-none { display:none!important } .d-print-inline { display:inline!important } .d-print-inline-block { display:inline-block!important } .d-print-block { display:block!important } .d-print-table { display:table!important } .d-print-table-row { display:table-row!important } .d-print-table-cell { display:table-cell!important } .d-print-flex { display:-webkit-box!important; display:-webkit-flex!important; display:-ms-flexbox!important; display:flex!important } .d-print-inline-flex { display:-webkit-inline-box!important; display:-webkit-inline-flex!important; display:-ms-inline-flexbox!important; display:inline-flex!important } } .flex-row { -webkit-box-orient:horizontal!important; -webkit-box-direction:normal!important; -webkit-flex-direction:row!important; -ms-flex-direction:row!important; flex-direction:row!important } .flex-column { -webkit-box-orient:vertical!important; -webkit-box-direction:normal!important; -webkit-flex-direction:column!important; -ms-flex-direction:column!important; flex-direction:column!important } .flex-row-reverse { -webkit-box-orient:horizontal!important; -webkit-box-direction:reverse!important; -webkit-flex-direction:row-reverse!important; -ms-flex-direction:row-reverse!important; flex-direction:row-reverse!important } .flex-column-reverse { -webkit-box-orient:vertical!important; -webkit-box-direction:reverse!important; -webkit-flex-direction:column-reverse!important; -ms-flex-direction:column-reverse!important; flex-direction:column-reverse!important } .flex-wrap { -webkit-flex-wrap:wrap!important; -ms-flex-wrap:wrap!important; flex-wrap:wrap!important } .flex-nowrap { -webkit-flex-wrap:nowrap!important; -ms-flex-wrap:nowrap!important; flex-wrap:nowrap!important } .flex-wrap-reverse { -webkit-flex-wrap:wrap-reverse!important; -ms-flex-wrap:wrap-reverse!important; flex-wrap:wrap-reverse!important } .flex-fill { -webkit-box-flex:1!important; -webkit-flex:1 1 auto!important; -ms-flex:1 1 auto!important; flex:1 1 auto!important } .flex-grow-0 { -webkit-box-flex:0!important; -webkit-flex-grow:0!important; -ms-flex-positive:0!important; flex-grow:0!important } .flex-grow-1 { -webkit-box-flex:1!important; -webkit-flex-grow:1!important; -ms-flex-positive:1!important; flex-grow:1!important } .flex-shrink-0 { -webkit-flex-shrink:0!important; -ms-flex-negative:0!important; flex-shrink:0!important } .flex-shrink-1 { -webkit-flex-shrink:1!important; -ms-flex-negative:1!important; flex-shrink:1!important } .justify-content-start { -webkit-box-pack:start!important; -webkit-justify-content:flex-start!important; -ms-flex-pack:start!important; justify-content:flex-start!important } .justify-content-end { -webkit-box-pack:end!important; -webkit-justify-content:flex-end!important; -ms-flex-pack:end!important; justify-content:flex-end!important } .justify-content-center { -webkit-box-pack:center!important; -webkit-justify-content:center!important; -ms-flex-pack:center!important; justify-content:center!important } .justify-content-between { -webkit-box-pack:justify!important; -webkit-justify-content:space-between!important; -ms-flex-pack:justify!important; justify-content:space-between!important } .justify-content-around { -webkit-justify-content:space-around!important; -ms-flex-pack:distribute!important; justify-content:space-around!important } .align-items-start { -webkit-box-align:start!important; -webkit-align-items:flex-start!important; -ms-flex-align:start!important; align-items:flex-start!important } .align-items-end { -webkit-box-align:end!important; -webkit-align-items:flex-end!important; -ms-flex-align:end!important; align-items:flex-end!important } .align-items-center { -webkit-box-align:center!important; -webkit-align-items:center!important; -ms-flex-align:center!important; align-items:center!important } .align-items-baseline { -webkit-box-align:baseline!important; -webkit-align-items:baseline!important; -ms-flex-align:baseline!important; align-items:baseline!important } .align-items-stretch { -webkit-box-align:stretch!important; -webkit-align-items:stretch!important; -ms-flex-align:stretch!important; align-items:stretch!important } .align-content-start { -webkit-align-content:flex-start!important; -ms-flex-line-pack:start!important; align-content:flex-start!important } .align-content-end { -webkit-align-content:flex-end!important; -ms-flex-line-pack:end!important; align-content:flex-end!important } .align-content-center { -webkit-align-content:center!important; -ms-flex-line-pack:center!important; align-content:center!important } .align-content-between { -webkit-align-content:space-between!important; -ms-flex-line-pack:justify!important; align-content:space-between!important } .align-content-around { -webkit-align-content:space-around!important; -ms-flex-line-pack:distribute!important; align-content:space-around!important } .align-content-stretch { -webkit-align-content:stretch!important; -ms-flex-line-pack:stretch!important; align-content:stretch!important } .align-self-auto { -webkit-align-self:auto!important; -ms-flex-item-align:auto!important; align-self:auto!important } .align-self-start { -webkit-align-self:flex-start!important; -ms-flex-item-align:start!important; align-self:flex-start!important } .align-self-end { -webkit-align-self:flex-end!important; -ms-flex-item-align:end!important; align-self:flex-end!important } .align-self-center { -webkit-align-self:center!important; -ms-flex-item-align:center!important; align-self:center!important } .align-self-baseline { -webkit-align-self:baseline!important; -ms-flex-item-align:baseline!important; align-self:baseline!important } .align-self-stretch { -webkit-align-self:stretch!important; -ms-flex-item-align:stretch!important; align-self:stretch!important } @media (min-width: 576px) { .flex-sm-row { -webkit-box-orient:horizontal!important; -webkit-box-direction:normal!important; -webkit-flex-direction:row!important; -ms-flex-direction:row!important; flex-direction:row!important } .flex-sm-column { -webkit-box-orient:vertical!important; -webkit-box-direction:normal!important; -webkit-flex-direction:column!important; -ms-flex-direction:column!important; flex-direction:column!important } .flex-sm-row-reverse { -webkit-box-orient:horizontal!important; -webkit-box-direction:reverse!important; -webkit-flex-direction:row-reverse!important; -ms-flex-direction:row-reverse!important; flex-direction:row-reverse!important } .flex-sm-column-reverse { -webkit-box-orient:vertical!important; -webkit-box-direction:reverse!important; -webkit-flex-direction:column-reverse!important; -ms-flex-direction:column-reverse!important; flex-direction:column-reverse!important } .flex-sm-wrap { -webkit-flex-wrap:wrap!important; -ms-flex-wrap:wrap!important; flex-wrap:wrap!important } .flex-sm-nowrap { -webkit-flex-wrap:nowrap!important; -ms-flex-wrap:nowrap!important; flex-wrap:nowrap!important } .flex-sm-wrap-reverse { -webkit-flex-wrap:wrap-reverse!important; -ms-flex-wrap:wrap-reverse!important; flex-wrap:wrap-reverse!important } .flex-sm-fill { -webkit-box-flex:1!important; -webkit-flex:1 1 auto!important; -ms-flex:1 1 auto!important; flex:1 1 auto!important } .flex-sm-grow-0 { -webkit-box-flex:0!important; -webkit-flex-grow:0!important; -ms-flex-positive:0!important; flex-grow:0!important } .flex-sm-grow-1 { -webkit-box-flex:1!important; -webkit-flex-grow:1!important; -ms-flex-positive:1!important; flex-grow:1!important } .flex-sm-shrink-0 { -webkit-flex-shrink:0!important; -ms-flex-negative:0!important; flex-shrink:0!important } .flex-sm-shrink-1 { -webkit-flex-shrink:1!important; -ms-flex-negative:1!important; flex-shrink:1!important } .justify-content-sm-start { -webkit-box-pack:start!important; -webkit-justify-content:flex-start!important; -ms-flex-pack:start!important; justify-content:flex-start!important } .justify-content-sm-end { -webkit-box-pack:end!important; -webkit-justify-content:flex-end!important; -ms-flex-pack:end!important; justify-content:flex-end!important } .justify-content-sm-center { -webkit-box-pack:center!important; -webkit-justify-content:center!important; -ms-flex-pack:center!important; justify-content:center!important } .justify-content-sm-between { -webkit-box-pack:justify!important; -webkit-justify-content:space-between!important; -ms-flex-pack:justify!important; justify-content:space-between!important } .justify-content-sm-around { -webkit-justify-content:space-around!important; -ms-flex-pack:distribute!important; justify-content:space-around!important } .align-items-sm-start { -webkit-box-align:start!important; -webkit-align-items:flex-start!important; -ms-flex-align:start!important; align-items:flex-start!important } .align-items-sm-end { -webkit-box-align:end!important; -webkit-align-items:flex-end!important; -ms-flex-align:end!important; align-items:flex-end!important } .align-items-sm-center { -webkit-box-align:center!important; -webkit-align-items:center!important; -ms-flex-align:center!important; align-items:center!important } .align-items-sm-baseline { -webkit-box-align:baseline!important; -webkit-align-items:baseline!important; -ms-flex-align:baseline!important; align-items:baseline!important } .align-items-sm-stretch { -webkit-box-align:stretch!important; -webkit-align-items:stretch!important; -ms-flex-align:stretch!important; align-items:stretch!important } .align-content-sm-start { -webkit-align-content:flex-start!important; -ms-flex-line-pack:start!important; align-content:flex-start!important } .align-content-sm-end { -webkit-align-content:flex-end!important; -ms-flex-line-pack:end!important; align-content:flex-end!important } .align-content-sm-center { -webkit-align-content:center!important; -ms-flex-line-pack:center!important; align-content:center!important } .align-content-sm-between { -webkit-align-content:space-between!important; -ms-flex-line-pack:justify!important; align-content:space-between!important } .align-content-sm-around { -webkit-align-content:space-around!important; -ms-flex-line-pack:distribute!important; align-content:space-around!important } .align-content-sm-stretch { -webkit-align-content:stretch!important; -ms-flex-line-pack:stretch!important; align-content:stretch!important } .align-self-sm-auto { -webkit-align-self:auto!important; -ms-flex-item-align:auto!important; align-self:auto!important } .align-self-sm-start { -webkit-align-self:flex-start!important; -ms-flex-item-align:start!important; align-self:flex-start!important } .align-self-sm-end { -webkit-align-self:flex-end!important; -ms-flex-item-align:end!important; align-self:flex-end!important } .align-self-sm-center { -webkit-align-self:center!important; -ms-flex-item-align:center!important; align-self:center!important } .align-self-sm-baseline { -webkit-align-self:baseline!important; -ms-flex-item-align:baseline!important; align-self:baseline!important } .align-self-sm-stretch { -webkit-align-self:stretch!important; -ms-flex-item-align:stretch!important; align-self:stretch!important } } @media (min-width: 768px) { .flex-md-row { -webkit-box-orient:horizontal!important; -webkit-box-direction:normal!important; -webkit-flex-direction:row!important; -ms-flex-direction:row!important; flex-direction:row!important } .flex-md-column { -webkit-box-orient:vertical!important; -webkit-box-direction:normal!important; -webkit-flex-direction:column!important; -ms-flex-direction:column!important; flex-direction:column!important } .flex-md-row-reverse { -webkit-box-orient:horizontal!important; -webkit-box-direction:reverse!important; -webkit-flex-direction:row-reverse!important; -ms-flex-direction:row-reverse!important; flex-direction:row-reverse!important } .flex-md-column-reverse { -webkit-box-orient:vertical!important; -webkit-box-direction:reverse!important; -webkit-flex-direction:column-reverse!important; -ms-flex-direction:column-reverse!important; flex-direction:column-reverse!important } .flex-md-wrap { -webkit-flex-wrap:wrap!important; -ms-flex-wrap:wrap!important; flex-wrap:wrap!important } .flex-md-nowrap { -webkit-flex-wrap:nowrap!important; -ms-flex-wrap:nowrap!important; flex-wrap:nowrap!important } .flex-md-wrap-reverse { -webkit-flex-wrap:wrap-reverse!important; -ms-flex-wrap:wrap-reverse!important; flex-wrap:wrap-reverse!important } .flex-md-fill { -webkit-box-flex:1!important; -webkit-flex:1 1 auto!important; -ms-flex:1 1 auto!important; flex:1 1 auto!important } .flex-md-grow-0 { -webkit-box-flex:0!important; -webkit-flex-grow:0!important; -ms-flex-positive:0!important; flex-grow:0!important } .flex-md-grow-1 { -webkit-box-flex:1!important; -webkit-flex-grow:1!important; -ms-flex-positive:1!important; flex-grow:1!important } .flex-md-shrink-0 { -webkit-flex-shrink:0!important; -ms-flex-negative:0!important; flex-shrink:0!important } .flex-md-shrink-1 { -webkit-flex-shrink:1!important; -ms-flex-negative:1!important; flex-shrink:1!important } .justify-content-md-start { -webkit-box-pack:start!important; -webkit-justify-content:flex-start!important; -ms-flex-pack:start!important; justify-content:flex-start!important } .justify-content-md-end { -webkit-box-pack:end!important; -webkit-justify-content:flex-end!important; -ms-flex-pack:end!important; justify-content:flex-end!important } .justify-content-md-center { -webkit-box-pack:center!important; -webkit-justify-content:center!important; -ms-flex-pack:center!important; justify-content:center!important } .justify-content-md-between { -webkit-box-pack:justify!important; -webkit-justify-content:space-between!important; -ms-flex-pack:justify!important; justify-content:space-between!important } .justify-content-md-around { -webkit-justify-content:space-around!important; -ms-flex-pack:distribute!important; justify-content:space-around!important } .align-items-md-start { -webkit-box-align:start!important; -webkit-align-items:flex-start!important; -ms-flex-align:start!important; align-items:flex-start!important } .align-items-md-end { -webkit-box-align:end!important; -webkit-align-items:flex-end!important; -ms-flex-align:end!important; align-items:flex-end!important } .align-items-md-center { -webkit-box-align:center!important; -webkit-align-items:center!important; -ms-flex-align:center!important; align-items:center!important } .align-items-md-baseline { -webkit-box-align:baseline!important; -webkit-align-items:baseline!important; -ms-flex-align:baseline!important; align-items:baseline!important } .align-items-md-stretch { -webkit-box-align:stretch!important; -webkit-align-items:stretch!important; -ms-flex-align:stretch!important; align-items:stretch!important } .align-content-md-start { -webkit-align-content:flex-start!important; -ms-flex-line-pack:start!important; align-content:flex-start!important } .align-content-md-end { -webkit-align-content:flex-end!important; -ms-flex-line-pack:end!important; align-content:flex-end!important } .align-content-md-center { -webkit-align-content:center!important; -ms-flex-line-pack:center!important; align-content:center!important } .align-content-md-between { -webkit-align-content:space-between!important; -ms-flex-line-pack:justify!important; align-content:space-between!important } .align-content-md-around { -webkit-align-content:space-around!important; -ms-flex-line-pack:distribute!important; align-content:space-around!important } .align-content-md-stretch { -webkit-align-content:stretch!important; -ms-flex-line-pack:stretch!important; align-content:stretch!important } .align-self-md-auto { -webkit-align-self:auto!important; -ms-flex-item-align:auto!important; align-self:auto!important } .align-self-md-start { -webkit-align-self:flex-start!important; -ms-flex-item-align:start!important; align-self:flex-start!important } .align-self-md-end { -webkit-align-self:flex-end!important; -ms-flex-item-align:end!important; align-self:flex-end!important } .align-self-md-center { -webkit-align-self:center!important; -ms-flex-item-align:center!important; align-self:center!important } .align-self-md-baseline { -webkit-align-self:baseline!important; -ms-flex-item-align:baseline!important; align-self:baseline!important } .align-self-md-stretch { -webkit-align-self:stretch!important; -ms-flex-item-align:stretch!important; align-self:stretch!important } } @media (min-width: 992px) { .flex-lg-row { -webkit-box-orient:horizontal!important; -webkit-box-direction:normal!important; -webkit-flex-direction:row!important; -ms-flex-direction:row!important; flex-direction:row!important } .flex-lg-column { -webkit-box-orient:vertical!important; -webkit-box-direction:normal!important; -webkit-flex-direction:column!important; -ms-flex-direction:column!important; flex-direction:column!important } .flex-lg-row-reverse { -webkit-box-orient:horizontal!important; -webkit-box-direction:reverse!important; -webkit-flex-direction:row-reverse!important; -ms-flex-direction:row-reverse!important; flex-direction:row-reverse!important } .flex-lg-column-reverse { -webkit-box-orient:vertical!important; -webkit-box-direction:reverse!important; -webkit-flex-direction:column-reverse!important; -ms-flex-direction:column-reverse!important; flex-direction:column-reverse!important } .flex-lg-wrap { -webkit-flex-wrap:wrap!important; -ms-flex-wrap:wrap!important; flex-wrap:wrap!important } .flex-lg-nowrap { -webkit-flex-wrap:nowrap!important; -ms-flex-wrap:nowrap!important; flex-wrap:nowrap!important } .flex-lg-wrap-reverse { -webkit-flex-wrap:wrap-reverse!important; -ms-flex-wrap:wrap-reverse!important; flex-wrap:wrap-reverse!important } .flex-lg-fill { -webkit-box-flex:1!important; -webkit-flex:1 1 auto!important; -ms-flex:1 1 auto!important; flex:1 1 auto!important } .flex-lg-grow-0 { -webkit-box-flex:0!important; -webkit-flex-grow:0!important; -ms-flex-positive:0!important; flex-grow:0!important } .flex-lg-grow-1 { -webkit-box-flex:1!important; -webkit-flex-grow:1!important; -ms-flex-positive:1!important; flex-grow:1!important } .flex-lg-shrink-0 { -webkit-flex-shrink:0!important; -ms-flex-negative:0!important; flex-shrink:0!important } .flex-lg-shrink-1 { -webkit-flex-shrink:1!important; -ms-flex-negative:1!important; flex-shrink:1!important } .justify-content-lg-start { -webkit-box-pack:start!important; -webkit-justify-content:flex-start!important; -ms-flex-pack:start!important; justify-content:flex-start!important } .justify-content-lg-end { -webkit-box-pack:end!important; -webkit-justify-content:flex-end!important; -ms-flex-pack:end!important; justify-content:flex-end!important } .justify-content-lg-center { -webkit-box-pack:center!important; -webkit-justify-content:center!important; -ms-flex-pack:center!important; justify-content:center!important } .justify-content-lg-between { -webkit-box-pack:justify!important; -webkit-justify-content:space-between!important; -ms-flex-pack:justify!important; justify-content:space-between!important } .justify-content-lg-around { -webkit-justify-content:space-around!important; -ms-flex-pack:distribute!important; justify-content:space-around!important } .align-items-lg-start { -webkit-box-align:start!important; -webkit-align-items:flex-start!important; -ms-flex-align:start!important; align-items:flex-start!important } .align-items-lg-end { -webkit-box-align:end!important; -webkit-align-items:flex-end!important; -ms-flex-align:end!important; align-items:flex-end!important } .align-items-lg-center { -webkit-box-align:center!important; -webkit-align-items:center!important; -ms-flex-align:center!important; align-items:center!important } .align-items-lg-baseline { -webkit-box-align:baseline!important; -webkit-align-items:baseline!important; -ms-flex-align:baseline!important; align-items:baseline!important } .align-items-lg-stretch { -webkit-box-align:stretch!important; -webkit-align-items:stretch!important; -ms-flex-align:stretch!important; align-items:stretch!important } .align-content-lg-start { -webkit-align-content:flex-start!important; -ms-flex-line-pack:start!important; align-content:flex-start!important } .align-content-lg-end { -webkit-align-content:flex-end!important; -ms-flex-line-pack:end!important; align-content:flex-end!important } .align-content-lg-center { -webkit-align-content:center!important; -ms-flex-line-pack:center!important; align-content:center!important } .align-content-lg-between { -webkit-align-content:space-between!important; -ms-flex-line-pack:justify!important; align-content:space-between!important } .align-content-lg-around { -webkit-align-content:space-around!important; -ms-flex-line-pack:distribute!important; align-content:space-around!important } .align-content-lg-stretch { -webkit-align-content:stretch!important; -ms-flex-line-pack:stretch!important; align-content:stretch!important } .align-self-lg-auto { -webkit-align-self:auto!important; -ms-flex-item-align:auto!important; align-self:auto!important } .align-self-lg-start { -webkit-align-self:flex-start!important; -ms-flex-item-align:start!important; align-self:flex-start!important } .align-self-lg-end { -webkit-align-self:flex-end!important; -ms-flex-item-align:end!important; align-self:flex-end!important } .align-self-lg-center { -webkit-align-self:center!important; -ms-flex-item-align:center!important; align-self:center!important } .align-self-lg-baseline { -webkit-align-self:baseline!important; -ms-flex-item-align:baseline!important; align-self:baseline!important } .align-self-lg-stretch { -webkit-align-self:stretch!important; -ms-flex-item-align:stretch!important; align-self:stretch!important } } @media (min-width: 1200px) { .flex-xl-row { -webkit-box-orient:horizontal!important; -webkit-box-direction:normal!important; -webkit-flex-direction:row!important; -ms-flex-direction:row!important; flex-direction:row!important } .flex-xl-column { -webkit-box-orient:vertical!important; -webkit-box-direction:normal!important; -webkit-flex-direction:column!important; -ms-flex-direction:column!important; flex-direction:column!important } .flex-xl-row-reverse { -webkit-box-orient:horizontal!important; -webkit-box-direction:reverse!important; -webkit-flex-direction:row-reverse!important; -ms-flex-direction:row-reverse!important; flex-direction:row-reverse!important } .flex-xl-column-reverse { -webkit-box-orient:vertical!important; -webkit-box-direction:reverse!important; -webkit-flex-direction:column-reverse!important; -ms-flex-direction:column-reverse!important; flex-direction:column-reverse!important } .flex-xl-wrap { -webkit-flex-wrap:wrap!important; -ms-flex-wrap:wrap!important; flex-wrap:wrap!important } .flex-xl-nowrap { -webkit-flex-wrap:nowrap!important; -ms-flex-wrap:nowrap!important; flex-wrap:nowrap!important } .flex-xl-wrap-reverse { -webkit-flex-wrap:wrap-reverse!important; -ms-flex-wrap:wrap-reverse!important; flex-wrap:wrap-reverse!important } .flex-xl-fill { -webkit-box-flex:1!important; -webkit-flex:1 1 auto!important; -ms-flex:1 1 auto!important; flex:1 1 auto!important } .flex-xl-grow-0 { -webkit-box-flex:0!important; -webkit-flex-grow:0!important; -ms-flex-positive:0!important; flex-grow:0!important } .flex-xl-grow-1 { -webkit-box-flex:1!important; -webkit-flex-grow:1!important; -ms-flex-positive:1!important; flex-grow:1!important } .flex-xl-shrink-0 { -webkit-flex-shrink:0!important; -ms-flex-negative:0!important; flex-shrink:0!important } .flex-xl-shrink-1 { -webkit-flex-shrink:1!important; -ms-flex-negative:1!important; flex-shrink:1!important } .justify-content-xl-start { -webkit-box-pack:start!important; -webkit-justify-content:flex-start!important; -ms-flex-pack:start!important; justify-content:flex-start!important } .justify-content-xl-end { -webkit-box-pack:end!important; -webkit-justify-content:flex-end!important; -ms-flex-pack:end!important; justify-content:flex-end!important } .justify-content-xl-center { -webkit-box-pack:center!important; -webkit-justify-content:center!important; -ms-flex-pack:center!important; justify-content:center!important } .justify-content-xl-between { -webkit-box-pack:justify!important; -webkit-justify-content:space-between!important; -ms-flex-pack:justify!important; justify-content:space-between!important } .justify-content-xl-around { -webkit-justify-content:space-around!important; -ms-flex-pack:distribute!important; justify-content:space-around!important } .align-items-xl-start { -webkit-box-align:start!important; -webkit-align-items:flex-start!important; -ms-flex-align:start!important; align-items:flex-start!important } .align-items-xl-end { -webkit-box-align:end!important; -webkit-align-items:flex-end!important; -ms-flex-align:end!important; align-items:flex-end!important } .align-items-xl-center { -webkit-box-align:center!important; -webkit-align-items:center!important; -ms-flex-align:center!important; align-items:center!important } .align-items-xl-baseline { -webkit-box-align:baseline!important; -webkit-align-items:baseline!important; -ms-flex-align:baseline!important; align-items:baseline!important } .align-items-xl-stretch { -webkit-box-align:stretch!important; -webkit-align-items:stretch!important; -ms-flex-align:stretch!important; align-items:stretch!important } .align-content-xl-start { -webkit-align-content:flex-start!important; -ms-flex-line-pack:start!important; align-content:flex-start!important } .align-content-xl-end { -webkit-align-content:flex-end!important; -ms-flex-line-pack:end!important; align-content:flex-end!important } .align-content-xl-center { -webkit-align-content:center!important; -ms-flex-line-pack:center!important; align-content:center!important } .align-content-xl-between { -webkit-align-content:space-between!important; -ms-flex-line-pack:justify!important; align-content:space-between!important } .align-content-xl-around { -webkit-align-content:space-around!important; -ms-flex-line-pack:distribute!important; align-content:space-around!important } .align-content-xl-stretch { -webkit-align-content:stretch!important; -ms-flex-line-pack:stretch!important; align-content:stretch!important } .align-self-xl-auto { -webkit-align-self:auto!important; -ms-flex-item-align:auto!important; align-self:auto!important } .align-self-xl-start { -webkit-align-self:flex-start!important; -ms-flex-item-align:start!important; align-self:flex-start!important } .align-self-xl-end { -webkit-align-self:flex-end!important; -ms-flex-item-align:end!important; align-self:flex-end!important } .align-self-xl-center { -webkit-align-self:center!important; -ms-flex-item-align:center!important; align-self:center!important } .align-self-xl-baseline { -webkit-align-self:baseline!important; -ms-flex-item-align:baseline!important; align-self:baseline!important } .align-self-xl-stretch { -webkit-align-self:stretch!important; -ms-flex-item-align:stretch!important; align-self:stretch!important } }.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content { position:absolute; top:0; left:0; width:100%; height:100% } .video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before { text-align:center } @font-face { font-family:VideoJS; src:url(/wp-content/themes/issoft/assets/font/2.1.0/VideoJS.eot?#iefix) format("eot") } @font-face { font-family:VideoJS; src:url(data:application/font-woff;charset=utf-8;base64,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) format("woff"),url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwR1NVQiCLJXoAAAE4AAAAVE9TLzJRiV3RAAABjAAAAFZjbWFwOfT3xgAAAmgAAAMiZ2x5ZgMJ0sMAAAXQAAARCGhlYWQSy2hLAAAA4AAAADZoaGVhDgMHIQAAALwAAAAkaG10eOAAAAAAAAHkAAAAhGxvY2E9NEHGAAAFjAAAAERtYXhwATIAgQAAARgAAAAgbmFtZdXH9aAAABbYAAACCnBvc3RAAl/0AAAY5AAAAZ4AAQAABwAAAAAABwAAAP//BwEAAQAAAAAAAAAAAAAAAAAAACEAAQAAAAEAAFYfTwlfDzz1AAsHAAAAAADWVg6nAAAAANZWDqcAAAAABwEHAAAAAAgAAgAAAAAAAAABAAAAIQB1AAcAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAEGygGQAAUAAARxBOYAAAD6BHEE5gAAA1wAVwHOAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAQPEB8SAHAAAAAKEHAAAAAAAAAQAAAAAAAAAAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAAAAAUAAAADAAAALAAAAAQAAAGSAAEAAAAAAIwAAwABAAAALAADAAoAAAGSAAQAYAAAAAQABAABAADxIP//AADxAf//AAAAAQAEAAAAAQACAAMABAAFAAYABwAIAAkACgALAAwADQAOAA8AEAARABIAEwAUABUAFgAXABgAGQAaABsAHAAdAB4AHwAgAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAAGQAAAAAAAAACAAAPEBAADxAQAAAAEAAPECAADxAgAAAAIAAPEDAADxAwAAAAMAAPEEAADxBAAAAAQAAPEFAADxBQAAAAUAAPEGAADxBgAAAAYAAPEHAADxBwAAAAcAAPEIAADxCAAAAAgAAPEJAADxCQAAAAkAAPEKAADxCgAAAAoAAPELAADxCwAAAAsAAPEMAADxDAAAAAwAAPENAADxDQAAAA0AAPEOAADxDgAAAA4AAPEPAADxDwAAAA8AAPEQAADxEAAAABAAAPERAADxEQAAABEAAPESAADxEgAAABIAAPETAADxEwAAABMAAPEUAADxFAAAABQAAPEVAADxFQAAABUAAPEWAADxFgAAABYAAPEXAADxFwAAABcAAPEYAADxGAAAABgAAPEZAADxGQAAABkAAPEaAADxGgAAABoAAPEbAADxGwAAABsAAPEcAADxHAAAABwAAPEdAADxHQAAAB0AAPEeAADxHgAAAB4AAPEfAADxHwAAAB8AAPEgAADxIAAAACAAAAAAAAAADgBoAH4AzADgAQIBQgFsAZgBwgIYAlgCtALgAzADsAPeBDAElgTcBSQFZgWKBiAGZga0BuoHWAgSCFgIbgiEAAEAAAAABYsFiwACAAABEQECVQM2BYv76gILAAADAAAAAAZrBmsAAgAbADQAAAkCEyIHDgEHBhAXHgEXFiA3PgE3NhAnLgEnJgMiJy4BJyY0Nz4BNzYyFx4BFxYUBw4BBwYC6wHA/kCVmIuGzjk7OznOhosBMIuGzjk7OznOhouYeW9rpi0vLy2ma2/yb2umLS8vLaZrbwIwAVABUAGbOznOhov+0IuGzjk7OznOhosBMIuGzjk7+sAvLaZrb/Jva6YtLy8tpmtv8m9rpi0vAAACAAAAAAVABYsAAwAHAAABIREpAREhEQHAASv+1QJVASsBdQQW++oEFgAAAAQAAAAABiEGIAAHABcAJwAqAAABNCcmJxUXNjcUBxc2NTQnLgEnFR4BFxYBBwEhESEBEQEGBxU2Nxc3AQcXBNA0MlW4A7spcU1FQ+6VbKovMfu0XwFh/p8BKwF1AT5QWZl6mV/9YJycA4BhUlAqpbgYGGNicZKknYyHvSKaIJNlaQIsX/6f/kD+iwH2/sI9G5ojZJhfBJacnAAAAAEAAAAABKsF1gAFAAABESEBEQECCwEqAXb+igRg/kD+iwSq/osAAAACAAAAAAVmBdYACAAOAAABNCcmJxE2NzYBESEBEQEFZTQyVFQyNPwQASsBdf6LA4BhUlAq/aYqUFIBQf5A/osEqv6LAAMAAAAABiAGDwAFAA4AIgAAExEhAREBBTQnJicRNjc2AxUeARcWFAcOAQcVPgE3NhAnLgHgASsBdf6LAsU0MlVVMjS7bKovMTEvqmyV7kNFRUPuBGD+QP6LBKr+i+BhUlAq/aYqUFIC8Jogk2Vp6GllkyCaIr2HjAE6jIe9AAAABAAAAAAFiwWLAAUACwARABcAAAEjESE1IwMzNTM1IQEjFSERIwMVMxUzEQILlgF24JaW4P6KA4DgAXaW4OCWAuv+ipYCCuCW/ICWAXYCoJbgAXYABAAAAAAFiwWLAAUACwARABcAAAEzFTMRIRMjFSERIwEzNTM1IRM1IxEhNQF14Jb+iuDgAXaWAcCW4P6KlpYBdgJV4AF2AcCWAXb76uCWAcDg/oqWAAAAAAIAAAAABdYF1gATABcAAAEhIg4BFREUHgEzITI+ATURNC4BAyERIQVA/IApRCgoRCkDgClEKChEKfyAA4AF1ShEKfyAKUQoKEQpA4ApRCj76wOAAAYAAAAABmsGawAIAA0AFQAeACMALAAACQEmIyIHBgcBJS4BJwEFIQE2NzY1NAUBBgcGFRQXIQUeARcBMwEWMzI3NjcBAr4BZFJQhHt2YwESA44z7Z/+7gLl/dABel0zNfwS/t1dMzUPAjD95DPtnwESeP7dU0+Ee3Zj/u4D8AJoEy0rUf4nd6P6PP4nS/1zZn+Ej0tLAfhmf4SPS0pLo/o8Adn+CBMtK1EB2QAFAAAAAAZrBdYAEwAXABsAHwAjAAABISIOARURFB4BMyEyPgE1ETQuAQEhFSEBITUhBSE1ITUhNSEF1ftWKUUoKEUpBKopRSgoRfstASr+1gLq/RYC6gHA/tYBKv0WAuoF1ShEKfyAKUQoKEQpA4ApRCj9q5X+1ZWVlZaVAAAAAAMAAAAABiAF1gATACsAQwAAASEiDgEVERQeATMhMj4BNRE0LgEBIzUjFTM1MxUUBisBIiY1ETQ2OwEyFhUFIzUjFTM1MxUUBisBIiY1ETQ2OwEyFhUFi/vqKEUoKEUoBBYoRSgoRf2CcJWVcCsf4B8sLB/gHysCC3CVlXAsH+AfKysf4B8sBdUoRCn8gClEKChEKQOAKUQo/fYl4CVKHywsHwEqHywsH0ol4CVKHywsHwEqHywsHwAGAAAAAAYgBPYAAwAHAAsADwATABcAABMzNSMRMzUjETM1IwEhNSERITUhERUhNeCVlZWVlZUBKwQV++sEFfvrBBUDNZb+QJUBwJX+QJb+QJUCVZWVAAAAAQAAAAAGIQZsADEAAAEiBgcBNjQnAR4BMzI+ATQuASIOARUUFwEuASMiDgEUHgEzMjY3AQYVFB4BMj4BNC4BBUAqSx797AcHAg8eTys9Zzw8Z3pnPAf98R5PKz1nPDxnPStPHgIUBjtkdmQ7O2QCTx4cATcbMhsBNB0gPGd6Zzw8Zz0ZG/7NHCA8Z3pnPCAc/soZGDtkOjpkdmQ7AAAAAAIAAAAABlkGawBDAFAAAAE2NCc3PgEnAy4BDwEmLwEuASMhIgYPAQYHJyYGBwMGFh8BBhQXBw4BFxMeAT8BFh8BHgEzITI2PwE2NxcWNjcTNiYnBSIuATQ+ATIeARQOAQWrBQWeCgYHlgcaDLo8QhwDFQ7+1g4VAhxEOroNGgeVBwULnQUFnQsFB5UHGg26O0McAhUOASoOFQIcRDq6DRoHlQcFC/04R3hGRniOeEZGeAM3Kj4qewkbDAEDDAkFSy4bxg4SEg7GHC1LBQkM/v0MGwl7Kj4qewkbDP79DAkFSy4bxg4SEg7GHC1LBQkMAQMMGwlBRniOeEZGeI54RgABAAAAAAZrBmsAGAAAExQXHgEXFiA3PgE3NhAnLgEnJiAHDgEHBpU7Oc6GiwEwi4bOOTs7Oc6Gi/7Qi4bOOTsDgJiLhs45Ozs5zoaLATCLhs45Ozs5zoaLAAAAAAIAAAAABmsGawAYADEAAAEiBw4BBwYQFx4BFxYgNz4BNzYQJy4BJyYDIicuAScmNDc+ATc2MhceARcWFAcOAQcGA4CYi4bOOTs7Oc6GiwEwi4bOOTs7Oc6Gi5h5b2umLS8vLaZrb/Jva6YtLy8tpmtvBms7Oc6Gi/7Qi4bOOTs7Oc6GiwEwi4bOOTv6wC8tpmtv8m9rpi0vLy2ma2/yb2umLS8AAwAAAAAGawZrABgAMQA+AAABIgcOAQcGEBceARcWIDc+ATc2ECcuAScmAyInLgEnJjQ3PgE3NjIXHgEXFhQHDgEHBhMUDgEiLgE0PgEyHgEDgJiKhs85Ozs5z4aKATCKhs85Ozs5z4aKmHlva6YtLy8tpmtv8m9rpi0vLy2ma29nPGd6Zzw8Z3pnPAZrOznPhor+0IqGzzk7OznPhooBMIqGzzk7+sAvLaZrb/Jva6YtLy8tpmtv8m9rpi0vAlU9Zzw8Z3pnPDxnAAAABAAAAAAGIAYhABMAHwApAC0AAAEhIg4BFREUHgEzITI+ATURNC4BASM1IxUjETMVMzU7ASEyFhURFAYjITczNSMFi/vqKEUoKEUoBBYoRSgoRf2CcJVwcJVwlgEqHywsH/7WcJWVBiAoRSj76ihFKChFKAQWKEUo/ICVlQHAu7ssH/7WHyxw4AAAAAACAAAAAAZrBmsAGAAkAAABIgcOAQcGEBceARcWIDc+ATc2ECcuAScmEwcJAScJATcJARcBA4CYi4bOOTs7Oc6GiwEwi4bOOTs7Oc6Gi91p/vT+9GkBC/71aQEMAQxp/vUGazs5zoaL/tCLhs45Ozs5zoaLATCLhs45O/wJaQEL/vVpAQwBDGn+9QELaf70AAABAAAAAAXWBrYAJwAAAREJAREyFxYXFhQHBgcGIicmJyY1IxQXHgEXFjI3PgE3NjQnLgEnJgOA/osBdXpoZjs9PTtmaPRoZjs9lS8tpWtv9G9rpS0vLy2la28FiwEq/ov+iwEqPTtmaPNpZTw9PTxlaXl5b2umLS8vLaZrb/Nva6UuLwABAAAAAAU/BwAAFAAAAREjIgYdASEDIxEhESMRMzU0NjMyBT+dVjwBJSf+/s7//9Ctkwb0/vhISL3+2P0JAvcBKNq6zQAAAAAEAAAAAAaOBwAAMABFAGAAbAAAARQeAxUUBwYEIyImJyY1NDY3NiUuATU0NwYjIiY1NDY3PgEzIQcjHgEVFA4DJzI2NzY1NC4CIyIGBwYVFB4DEzI+AjU0LgEvASYvAiYjIg4DFRQeAgEzFSMVIzUjNTM1MwMfQFtaQDBI/uqfhOU5JVlKgwERIB8VLhaUy0g/TdNwAaKKg0pMMUVGMZImUBo1Ij9qQCpRGS8UKz1ZNjprWzcODxMeChwlThAgNWhvUzZGcX0Da9XVadTUaQPkJEVDUIBOWlN6c1NgPEdRii5SEipAKSQxBMGUUpo2QkBYP4xaSHNHO0A+IRs5ZjqGfVInITtlLmdnUjT8lxo0Xj4ZMCQYIwsXHTgCDiQ4XTtGazsdA2xs29ts2QADAAAAAAaABmwAAwAOACoAAAERIREBFgYrASImNDYyFgERIRE0JiMiBgcGFREhEhAvASEVIz4DMzIWAd3+tgFfAWdUAlJkZ6ZkBI/+t1FWP1UVC/63AgEBAUkCFCpHZz+r0ASP/CED3wEySWJik2Fh/N39yAISaXdFMx4z/dcBjwHwMDCQIDA4H+MAAAEAAAAABpQGAAAxAAABBgcWFRQCDgEEIyAnFjMyNy4BJxYzMjcuAT0BFhcuATU0NxYEFyY1NDYzMhc2NwYHNgaUQ18BTJvW/tKs/vHhIyvhsGmmHyEcKypwk0ROQk4seQFbxgi9hoxgbWAlaV0FaGJFDhyC/v3ut22RBIoCfWEFCxexdQQmAyyOU1hLlbMKJiSGvWYVOXM/CgAAAAEAAAAABYAHAAAiAAABFw4BBwYuAzURIzU+BDc+ATsBESEVIREUHgI3NgUwUBewWWitcE4hqEhyRDAUBQEHBPQBTf6yDSBDME4Bz+0jPgECOFx4eDoCINcaV11vVy0FB/5Y/P36HjQ1HgECAAEAAAAABoAGgABKAAABFAIEIyInNj8BHgEzMj4BNTQuASMiDgMVFBYXFj8BNjc2JyY1NDYzMhYVFAYjIiY3PgI1NCYjIgYVFBcDBhcmAjU0EiQgBBIGgM7+n9FvazsTNhRqPXm+aHfijmm2f1srUE0eCAgGAgYRM9Gpl6mJaz1KDgglFzYyPlYZYxEEzv7OAWEBogFhzgOA0f6fziBdR9MnOYnwlnLIfjpgfYZDaJ4gDCAfGAYXFD1al9mkg6ruVz0jdVkfMkJyVUkx/l5Ga1sBfOnRAWHOzv6fAAAHAAAAAAcBBM8AFwAhADgATwBmAHEAdAAAAREzNhcWFxYXFhcWBw4BBwYHBicmLwEmNxY2NzYuAQcRFAUWNzY/ATY3NjU2JyMGFxYfARYXFhcUFxY3Nj8BNjc2NzYnIwYXFh8BFhcWFRYXFjc2PwE2NzY3NicjBhcWHwEWFxYVFgUzPwEVMxEjBgsBARUnAxwcaC5MND0sTSsvCgdVREdTNWg1KgECq1JrCQcwYkABfhoSCxAKJBQXAX4dAQMCBgMnFxsBJBoSCxAKJBQWAQF+HgEEAgUEJxcbASMZEwsQCiQUFgEBfh4BBAIFBCcXGwH5Q+5B4arNDfHvAhaOAckC/QIBAwwPHzdcZXlZmC8xCAQBAQIDBMIDVkxCZDQF/pUHwgcTCyAUQEdPU8etCAgFCQZHTFxbwLoHEwsgFEBHT1PHrQgIBQkGR0xcW8C6BxMLIBRAR09Tx60ICAUJBkdMXFvAwGQBZQMMFf6D/oYB/fkBAAABAAAAAAYhBrYALAAAASIHDgEHBhURFB4BOwERITU0Nz4BNzYyFx4BFxYdASERMzI+ATURNCcuAScmA4CJfXi6MzU8Zz3g/tUpKJFeYdRhXpEoKf7V4D1nPDUzunh9BrU0M7t4fYn99j1nPAJVlWthXpAoKSkokF5ha5X9qzxnPQIKiX14uzM0AAAAAAIAAAAABUAFQAACAAYAAAkCIREzEQHAAnv9hQLrlQHAAcABwPyAA4AAAAAAAgAAAAAFQAVAAAMABgAAATMRIwkBEQHAlZUBBQJ7BUD8gAHA/kADgAAAAAAAABAAxgABAAAAAAABAAcAAAABAAAAAAACAAcABwABAAAAAAADAAcADgABAAAAAAAEAAcAFQABAAAAAAAFAAsAHAABAAAAAAAGAAcAJwABAAAAAAAKACsALgABAAAAAAALABMAWQADAAEECQABAA4AbAADAAEECQACAA4AegADAAEECQADAA4AiAADAAEECQAEAA4AlgADAAEECQAFABYApAADAAEECQAGAA4AugADAAEECQAKAFYAyAADAAEECQALACYBHlZpZGVvSlNSZWd1bGFyVmlkZW9KU1ZpZGVvSlNWZXJzaW9uIDEuMFZpZGVvSlNHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQBWAGkAZABlAG8ASgBTAFIAZQBnAHUAbABhAHIAVgBpAGQAZQBvAEoAUwBWAGkAZABlAG8ASgBTAFYAZQByAHMAaQBvAG4AIAAxAC4AMABWAGkAZABlAG8ASgBTAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAAIAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIQECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4BHwEgASEBIgAEcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwluZXh0LWl0ZW0NcHJldmlvdXMtaXRlbQAAAAA=) format("truetype"); font-weight:400; font-style:normal } .video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder,.vjs-icon-play { font-family:VideoJS; font-weight:400; font-style:normal } .video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.vjs-icon-play:before { content:"\f101" } .vjs-icon-play-circle { font-family:VideoJS; font-weight:400; font-style:normal } .vjs-icon-play-circle:before { content:"\f102" } .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,.vjs-icon-pause { font-family:VideoJS; font-weight:400; font-style:normal } .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,.vjs-icon-pause:before { content:"\f103" } .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,.vjs-icon-volume-mute { font-family:VideoJS; font-weight:400; font-style:normal } .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,.vjs-icon-volume-mute:before { content:"\f104" } .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,.vjs-icon-volume-low { font-family:VideoJS; font-weight:400; font-style:normal } .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,.vjs-icon-volume-low:before { content:"\f105" } .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,.vjs-icon-volume-mid { font-family:VideoJS; font-weight:400; font-style:normal } .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,.vjs-icon-volume-mid:before { content:"\f106" } .video-js .vjs-mute-control .vjs-icon-placeholder,.vjs-icon-volume-high { font-family:VideoJS; font-weight:400; font-style:normal } .video-js .vjs-mute-control .vjs-icon-placeholder:before,.vjs-icon-volume-high:before { content:"\f107" } .video-js .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-enter { font-family:VideoJS; font-weight:400; font-style:normal } .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-enter:before { content:"\f108" } .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-exit { font-family:VideoJS; font-weight:400; font-style:normal } .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-exit:before { content:"\f109" } .vjs-icon-square { font-family:VideoJS; font-weight:400; font-style:normal } .vjs-icon-square:before { content:"\f10a" } .vjs-icon-spinner { font-family:VideoJS; font-weight:400; font-style:normal } .vjs-icon-spinner:before { content:"\f10b" } .video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-subtitles { font-family:VideoJS; font-weight:400; font-style:normal } .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-subtitles:before { content:"\f10c" } .video-js .vjs-captions-button .vjs-icon-placeholder,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-captions { font-family:VideoJS; font-weight:400; font-style:normal } .video-js .vjs-captions-button .vjs-icon-placeholder:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-captions:before { content:"\f10d" } .video-js .vjs-chapters-button .vjs-icon-placeholder,.vjs-icon-chapters { font-family:VideoJS; font-weight:400; font-style:normal } .video-js .vjs-chapters-button .vjs-icon-placeholder:before,.vjs-icon-chapters:before { content:"\f10e" } .vjs-icon-share { font-family:VideoJS; font-weight:400; font-style:normal } .vjs-icon-share:before { content:"\f10f" } .vjs-icon-cog { font-family:VideoJS; font-weight:400; font-style:normal } .vjs-icon-cog:before { content:"\f110" } .video-js .vjs-play-progress,.video-js .vjs-volume-level,.vjs-icon-circle { font-family:VideoJS; font-weight:400; font-style:normal } .video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before,.vjs-icon-circle:before { content:"\f111" } .vjs-icon-circle-outline { font-family:VideoJS; font-weight:400; font-style:normal } .vjs-icon-circle-outline:before { content:"\f112" } .vjs-icon-circle-inner-circle { font-family:VideoJS; font-weight:400; font-style:normal } .vjs-icon-circle-inner-circle:before { content:"\f113" } .vjs-icon-hd { font-family:VideoJS; font-weight:400; font-style:normal } .vjs-icon-hd:before { content:"\f114" } .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,.vjs-icon-cancel { font-family:VideoJS; font-weight:400; font-style:normal } .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,.vjs-icon-cancel:before { content:"\f115" } .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,.vjs-icon-replay { font-family:VideoJS; font-weight:400; font-style:normal } .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,.vjs-icon-replay:before { content:"\f116" } .vjs-icon-facebook { font-family:VideoJS; font-weight:400; font-style:normal } .vjs-icon-facebook:before { content:"\f117" } .vjs-icon-gplus { font-family:VideoJS; font-weight:400; font-style:normal } .vjs-icon-gplus:before { content:"\f118" } .vjs-icon-linkedin { font-family:VideoJS; font-weight:400; font-style:normal } .vjs-icon-linkedin:before { content:"\f119" } .vjs-icon-twitter { font-family:VideoJS; font-weight:400; font-style:normal } .vjs-icon-twitter:before { content:"\f11a" } .vjs-icon-tumblr { font-family:VideoJS; font-weight:400; font-style:normal } .vjs-icon-tumblr:before { content:"\f11b" } .vjs-icon-pinterest { font-family:VideoJS; font-weight:400; font-style:normal } .vjs-icon-pinterest:before { content:"\f11c" } .video-js .vjs-descriptions-button .vjs-icon-placeholder,.vjs-icon-audio-description { font-family:VideoJS; font-weight:400; font-style:normal } .video-js .vjs-descriptions-button .vjs-icon-placeholder:before,.vjs-icon-audio-description:before { content:"\f11d" } .video-js .vjs-audio-button .vjs-icon-placeholder,.vjs-icon-audio { font-family:VideoJS; font-weight:400; font-style:normal } .video-js .vjs-audio-button .vjs-icon-placeholder:before,.vjs-icon-audio:before { content:"\f11e" } .vjs-icon-next-item { font-family:VideoJS; font-weight:400; font-style:normal } .vjs-icon-next-item:before { content:"\f11f" } .vjs-icon-previous-item { font-family:VideoJS; font-weight:400; font-style:normal } .vjs-icon-previous-item:before { content:"\f120" } .video-js { display:block; vertical-align:top; box-sizing:border-box; color:#fff; background-color:#000; position:relative; padding:0; word-break:initial; font:400 10px/1 Arial,Helvetica,sans-serif } .video-js:-moz-full-screen { position:absolute } .video-js:-webkit-full-screen { width:100%!important; height:100%!important } .video-js[tabindex="-1"] { outline:0 } .video-js *,.video-js :after,.video-js :before { box-sizing:inherit } .video-js ul { font-family:inherit; font-size:inherit; line-height:inherit; list-style-position:outside; margin:0 } .video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-fluid { width:100%; max-width:100%; height:0 } .video-js.vjs-16-9 { padding-top:56.25% } .video-js.vjs-4-3 { padding-top:75% } .video-js.vjs-fill { width:100%; height:100% } .video-js .vjs-tech { position:absolute; top:0; left:0; width:100%; height:100% } body.vjs-full-window { padding:0; margin:0; height:100%; overflow-y:auto } .vjs-full-window .video-js.vjs-fullscreen { position:fixed; overflow:hidden; z-index:1000; left:0; top:0; bottom:0; right:0 } .video-js.vjs-fullscreen { width:100%!important; height:100%!important; padding-top:0!important } .video-js.vjs-fullscreen.vjs-user-inactive { cursor:none } .vjs-hidden { display:none!important } .vjs-disabled { opacity:.5; cursor:default } .video-js .vjs-offscreen { height:1px; left:-9999px; position:absolute; top:0; width:1px } .vjs-lock-showing { display:block!important; opacity:1; visibility:visible } .vjs-no-js { padding:20px; color:#fff; background-color:#000; text-align:center; width:300px; height:150px; margin:0 auto; font:18px Arial,Helvetica,sans-serif } .vjs-no-js a,.vjs-no-js a:visited { color:#66a8cc } .video-js .vjs-big-play-button { font-size:3em; line-height:1.5em; height:1.5em; width:3em; display:block; position:absolute; top:10px; left:10px; padding:0; cursor:pointer; opacity:1; border:.06666em solid #fff; background-color:#2b333f; background-color:rgba(43,51,63,.7); -webkit-border-radius:.3em; -moz-border-radius:.3em; border-radius:.3em; -webkit-transition:all .4s; -moz-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s; transition:all .4s } .vjs-big-play-centered .vjs-big-play-button { top:50%; left:50%; margin-top:-.75em; margin-left:-1.5em } .video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button { border-color:#fff; background-color:#73859f; background-color:rgba(115,133,159,.5); -webkit-transition:all 0s; -moz-transition:all 0s; -ms-transition:all 0s; -o-transition:all 0s; transition:all 0s } .vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button { display:none } .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button { display:block } .video-js button { background:0 0; border:none; color:inherit; display:inline-block; overflow:visible; font-size:inherit; line-height:inherit; text-transform:none; text-decoration:none; transition:none; -webkit-appearance:none; -moz-appearance:none; appearance:none } .vjs-control .vjs-button { width:100%; height:100% } .video-js .vjs-control.vjs-close-button { cursor:pointer; height:3em; position:absolute; right:0; top:.5em; z-index:2 } .video-js .vjs-modal-dialog { background:rgba(0,0,0,.8); background:-webkit-linear-gradient(-90deg,rgba(0,0,0,.8),rgba(255,255,255,0)); background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0)); overflow:auto; box-sizing:content-box } .video-js .vjs-modal-dialog>* { box-sizing:border-box } .vjs-modal-dialog .vjs-modal-dialog-content { font-size:1.2em; line-height:1.5; padding:20px 24px; z-index:1 } .vjs-menu-button { cursor:pointer } .vjs-menu-button.vjs-disabled { cursor:default } .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu { display:none } .vjs-menu .vjs-menu-content { display:block; padding:0; margin:0; font-family:Arial,Helvetica,sans-serif; overflow:auto; box-sizing:content-box } .vjs-menu .vjs-menu-content>* { box-sizing:border-box } .vjs-scrubbing .vjs-menu-button:hover .vjs-menu { display:none } .vjs-menu li { list-style:none; margin:0; padding:.2em 0; line-height:1.4em; font-size:1.2em; text-align:center; text-transform:lowercase } .vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover { background-color:#73859f; background-color:rgba(115,133,159,.5) } .vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover { background-color:#fff; color:#2b333f } .vjs-menu li.vjs-menu-title { text-align:center; text-transform:uppercase; font-size:1em; line-height:2em; padding:0; margin:0 0 .3em; font-weight:700; cursor:default } .vjs-menu-button-popup .vjs-menu { display:none; position:absolute; bottom:0; width:10em; left:-3em; height:0; margin-bottom:1.5em; border-top-color:rgba(43,51,63,.7) } .vjs-menu-button-popup .vjs-menu .vjs-menu-content { background-color:#2b333f; background-color:rgba(43,51,63,.7); position:absolute; width:100%; bottom:1.5em; max-height:15em } .vjs-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu { display:block } .video-js .vjs-menu-button-inline { -webkit-transition:all .4s; -moz-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s; transition:all .4s; overflow:hidden } .video-js .vjs-menu-button-inline:before { width:2.222222222em } .video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline { width:12em } .vjs-menu-button-inline .vjs-menu { opacity:0; height:100%; width:auto; position:absolute; left:4em; top:0; padding:0; margin:0; -webkit-transition:all .4s; -moz-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s; transition:all .4s } .vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline:hover .vjs-menu { display:block; opacity:1 } .vjs-no-flex .vjs-menu-button-inline .vjs-menu { display:block; opacity:1; position:relative; width:auto } .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu { width:auto } .vjs-menu-button-inline .vjs-menu-content { width:auto; height:100%; margin:0; overflow:hidden } .video-js .vjs-control-bar { display:none; width:100%; position:absolute; bottom:0; left:0; right:0; height:3em; background-color:#2b333f; background-color:rgba(43,51,63,.7) } .vjs-has-started .vjs-control-bar { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; visibility:visible; opacity:1; -webkit-transition:visibility .1s,opacity .1s; -moz-transition:visibility .1s,opacity .1s; -ms-transition:visibility .1s,opacity .1s; -o-transition:visibility .1s,opacity .1s; transition:visibility .1s,opacity .1s } .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { visibility:visible; opacity:0; -webkit-transition:visibility 1s,opacity 1s; -moz-transition:visibility 1s,opacity 1s; -ms-transition:visibility 1s,opacity 1s; -o-transition:visibility 1s,opacity 1s; transition:visibility 1s,opacity 1s } .vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar { display:none!important } .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { opacity:1; visibility:visible } .vjs-has-started.vjs-no-flex .vjs-control-bar { display:table } .video-js .vjs-control { position:relative; text-align:center; margin:0; padding:0; height:100%; width:4em; -webkit-box-flex:none; -moz-box-flex:none; -webkit-flex:none; -ms-flex:none; flex:none } .vjs-button>.vjs-icon-placeholder:before { font-size:1.8em; line-height:1.67 } .video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before { text-shadow:0 0 1em #fff } .video-js .vjs-control-text { border:0; clip:rect(0 0 0 0); height:1px; overflow:hidden; padding:0; position:absolute; width:1px } .vjs-no-flex .vjs-control { display:table-cell; vertical-align:middle } .video-js .vjs-custom-control-spacer { display:none } .video-js .vjs-progress-control { cursor:pointer; -webkit-box-flex:auto; -moz-box-flex:auto; -webkit-flex:auto; -ms-flex:auto; flex:auto; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; min-width:4em } .video-js .vjs-progress-control.disabled { cursor:default } .vjs-live .vjs-progress-control { display:none } .vjs-no-flex .vjs-progress-control { width:auto } .video-js .vjs-progress-holder { -webkit-box-flex:auto; -moz-box-flex:auto; -webkit-flex:auto; -ms-flex:auto; flex:auto; -webkit-transition:all .2s; -moz-transition:all .2s; -ms-transition:all .2s; -o-transition:all .2s; transition:all .2s; height:.3em } .video-js .vjs-progress-control .vjs-progress-holder { margin:0 10px } .video-js .vjs-progress-control:hover .vjs-progress-holder { font-size:1.6666666666667em } .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled { font-size:1em } .video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div,.video-js .vjs-progress-holder .vjs-play-progress { position:absolute; display:block; height:100%; margin:0; padding:0; width:0; left:0; top:0 } .video-js .vjs-play-progress { background-color:#fff } .video-js .vjs-play-progress:before { font-size:.9em; position:absolute; right:-.5em; top:-.33333333333333em; z-index:1 } .video-js .vjs-load-progress { background:#bfc7d3; background:rgba(115,133,159,.5) } .video-js .vjs-load-progress div { background:#fff; background:rgba(115,133,159,.75) } .video-js .vjs-time-tooltip { background-color:#fff; background-color:rgba(255,255,255,.8); -webkit-border-radius:.3em; -moz-border-radius:.3em; border-radius:.3em; color:#000; float:right; padding:6px 8px 8px; pointer-events:none; position:relative; top:-3.4em; visibility:hidden; z-index:1; font:1em Arial,Helvetica,sans-serif } .video-js .vjs-progress-holder:focus .vjs-time-tooltip { display:none } .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-time-tooltip { display:block; font-size:.6em; visibility:visible } .video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip { font-size:1em } .video-js .vjs-progress-control .vjs-mouse-display { display:none; position:absolute; width:1px; height:100%; background-color:#000; z-index:1 } .vjs-no-flex .vjs-progress-control .vjs-mouse-display { z-index:0 } .video-js .vjs-progress-control:hover .vjs-mouse-display { display:block } .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display { visibility:hidden; opacity:0; -webkit-transition:visibility 1s,opacity 1s; -moz-transition:visibility 1s,opacity 1s; -ms-transition:visibility 1s,opacity 1s; -o-transition:visibility 1s,opacity 1s; transition:visibility 1s,opacity 1s } .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display { display:none } .vjs-mouse-display .vjs-time-tooltip { color:#fff; background-color:#000; background-color:rgba(0,0,0,.8) } .video-js .vjs-slider { position:relative; cursor:pointer; padding:0; margin:0 .45em; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background-color:#73859f; background-color:rgba(115,133,159,.5) } .video-js .vjs-slider.disabled { cursor:default } .video-js .vjs-slider:focus { text-shadow:0 0 1em #fff; -webkit-box-shadow:0 0 1em #fff; -moz-box-shadow:0 0 1em #fff; box-shadow:0 0 1em #fff } .video-js .vjs-mute-control { cursor:pointer; -webkit-box-flex:none; -moz-box-flex:none; -webkit-flex:none; -ms-flex:none; flex:none; padding-left:2em; padding-right:2em; padding-bottom:3em } .video-js .vjs-volume-control { cursor:pointer; margin-right:1em; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex } .video-js .vjs-volume-control.vjs-volume-horizontal { width:5em } .video-js .vjs-volume-panel .vjs-volume-control { visibility:visible; opacity:0; width:1px; height:1px; margin-left:-1px } .video-js .vjs-volume-panel { -webkit-transition:width 1s; -moz-transition:width 1s; -ms-transition:width 1s; -o-transition:width 1s; transition:width 1s } .video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel .vjs-volume-control:hover,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control,.video-js .vjs-volume-panel:hover .vjs-volume-control { visibility:visible; opacity:1; position:relative; -webkit-transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s; -moz-transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s; -ms-transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s; -o-transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s; transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s } .video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal { width:5em; height:3em } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover { width:9em; -webkit-transition:width .1s; -moz-transition:width .1s; -ms-transition:width .1s; -o-transition:width .1s; transition:width .1s } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { height:8em; width:3em; left:-3.5em; -webkit-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s; -moz-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s; -ms-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s; -o-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s; transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { -webkit-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s; -moz-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s; -ms-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s; -o-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s; transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s } .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { width:5em; height:3em; visibility:visible; opacity:1; position:relative; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none } .video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { position:absolute; bottom:3em; left:.5em } .video-js .vjs-volume-panel { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex } .video-js .vjs-volume-bar { margin:1.35em .45em } .vjs-volume-bar.vjs-slider-horizontal { width:5em; height:.3em } .vjs-volume-bar.vjs-slider-vertical { width:.3em; height:5em; margin:1.35em auto } .video-js .vjs-volume-level { position:absolute; bottom:0; left:0; background-color:#fff } .video-js .vjs-volume-level:before { position:absolute; font-size:.9em } .vjs-slider-vertical .vjs-volume-level { width:.3em } .vjs-slider-vertical .vjs-volume-level:before { top:-.5em; left:-.3em } .vjs-slider-horizontal .vjs-volume-level { height:.3em } .vjs-slider-horizontal .vjs-volume-level:before { top:-.3em; right:-.5em } .video-js .vjs-volume-panel.vjs-volume-panel-vertical { width:4em } .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level { height:100% } .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { width:100% } .video-js .vjs-volume-vertical { width:3em; height:8em; bottom:8em; background-color:#2b333f; background-color:rgba(43,51,63,.7) } .video-js .vjs-volume-horizontal .vjs-menu { left:-2em } .vjs-poster { display:inline-block; vertical-align:middle; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; background-color:#000; cursor:pointer; margin:0; padding:0; position:absolute; top:0; right:0; bottom:0; left:0; height:100% } .vjs-poster img { display:block; vertical-align:middle; margin:0 auto; max-height:100%; padding:0; width:100% } .vjs-has-started .vjs-poster { display:none } .vjs-audio.vjs-has-started .vjs-poster { display:block } .vjs-using-native-controls .vjs-poster { display:none } .video-js .vjs-live-control { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:flex-start; -webkit-align-items:flex-start; -ms-flex-align:flex-start; align-items:flex-start; -webkit-box-flex:auto; -moz-box-flex:auto; -webkit-flex:auto; -ms-flex:auto; flex:auto; font-size:1em; line-height:3em } .vjs-no-flex .vjs-live-control { display:table-cell; width:auto; text-align:left } .video-js .vjs-time-control { -webkit-box-flex:none; -moz-box-flex:none; -webkit-flex:none; -ms-flex:none; flex:none; font-size:1em; line-height:3em; min-width:2em; width:auto; padding-left:1em; padding-right:1em } .vjs-live .vjs-time-control { display:none } .video-js .vjs-current-time,.vjs-no-flex .vjs-current-time { display:none } .vjs-no-flex .vjs-remaining-time.vjs-time-control.vjs-control { width:0!important; white-space:nowrap } .video-js .vjs-duration,.vjs-no-flex .vjs-duration { display:none } .vjs-time-divider { display:none; line-height:3em } .vjs-live .vjs-time-divider { display:none } .video-js .vjs-play-control .vjs-icon-placeholder { cursor:pointer; -webkit-box-flex:none; -moz-box-flex:none; -webkit-flex:none; -ms-flex:none; flex:none } .vjs-text-track-display { position:absolute; bottom:3em; left:0; right:0; top:0; pointer-events:none } .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { bottom:1em } .video-js .vjs-text-track { font-size:1.4em; text-align:center; margin-bottom:.1em; background-color:#000; background-color:rgba(0,0,0,.5) } .vjs-subtitles { color:#fff } .vjs-captions { color:#fc6 } .vjs-tt-cue { display:block } video::-webkit-media-text-track-display { -moz-transform:translateY(-3em); -ms-transform:translateY(-3em); -o-transform:translateY(-3em); -webkit-transform:translateY(-3em); transform:translateY(-3em) } .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display { -moz-transform:translateY(-1.5em); -ms-transform:translateY(-1.5em); -o-transform:translateY(-1.5em); -webkit-transform:translateY(-1.5em); transform:translateY(-1.5em) } .video-js .vjs-fullscreen-control { cursor:pointer; -webkit-box-flex:none; -moz-box-flex:none; -webkit-flex:none; -ms-flex:none; flex:none } .vjs-playback-rate .vjs-playback-rate-value,.vjs-playback-rate>.vjs-menu-button { position:absolute; top:0; left:0; width:100%; height:100% } .vjs-playback-rate .vjs-playback-rate-value { pointer-events:none; font-size:1.5em; line-height:2; text-align:center } .vjs-playback-rate .vjs-menu { width:4em; left:0 } .vjs-error .vjs-error-display .vjs-modal-dialog-content { font-size:1.4em; text-align:center } .vjs-error .vjs-error-display:before { color:#fff; content:'X'; left:0; margin-top:-.5em; position:absolute; text-shadow:.05em .05em .1em #000; text-align:center; top:50%; vertical-align:middle; width:100%; font:4em/1 Arial,Helvetica,sans-serif } .vjs-loading-spinner { display:none; position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; opacity:.85; text-align:left; border:6px solid rgba(43,51,63,.7); box-sizing:border-box; background-clip:padding-box; width:50px; height:50px; border-radius:25px; visibility:hidden } .vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner { display:block; animation:0s linear .3s forwards vjs-spinner-show } .vjs-loading-spinner:after,.vjs-loading-spinner:before { content:""; position:absolute; margin:-6px; box-sizing:inherit; width:inherit; height:inherit; border-radius:inherit; opacity:1; border:inherit; border-color:transparent; border-top-color:#fff } .vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before { -webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite; animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite } .vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before { border-top-color:#fff } .vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after { border-top-color:#fff; -webkit-animation-delay:.44s; animation-delay:.44s } @keyframes vjs-spinner-show { to { visibility:visible } } @-webkit-keyframes vjs-spinner-show { to { visibility:visible } } @keyframes vjs-spinner-spin { 100% { transform:rotate(360deg) } } @-webkit-keyframes vjs-spinner-spin { 100% { -webkit-transform:rotate(360deg) } } @keyframes vjs-spinner-fade { 0% { border-top-color:#73859f } 20% { border-top-color:#73859f } 35% { border-top-color:#fff } 60% { border-top-color:#73859f } 100% { border-top-color:#73859f } } @-webkit-keyframes vjs-spinner-fade { 0% { border-top-color:#73859f } 20% { border-top-color:#73859f } 35% { border-top-color:#fff } 60% { border-top-color:#73859f } 100% { border-top-color:#73859f } } .vjs-chapters-button .vjs-menu ul { width:24em } .video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder { position:absolute } .video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { content:"\f10d"; font:1.5em/inherit VideoJS } .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer { -webkit-box-flex:auto; -moz-box-flex:auto; -webkit-flex:auto; -ms-flex:auto; flex:auto } .video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer { width:auto } .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control { display:none } .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control { display:none } .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control { display:none } .vjs-modal-dialog.vjs-text-track-settings { background-color:#2b333f; background-color:rgba(43,51,63,.75); color:#fff; height:70% } .vjs-text-track-settings .vjs-modal-dialog-content { display:table } .vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-controls,.vjs-text-track-settings .vjs-track-settings-font { display:table-cell } .vjs-text-track-settings .vjs-track-settings-controls { text-align:right; vertical-align:bottom } .vjs-text-track-settings fieldset { margin:5px; padding:3px; border:none } .vjs-text-track-settings fieldset span { display:inline-block; margin-left:5px } .vjs-text-track-settings legend { color:#fff; margin:0 0 5px } .vjs-text-track-settings .vjs-label { position:absolute; clip:rect(1px 1px 1px 1px); clip:rect(1px,1px,1px,1px); display:block; margin:0 0 5px; padding:0; border:0; height:1px; width:1px; overflow:hidden } .vjs-track-settings-controls button:active,.vjs-track-settings-controls button:focus { outline-style:solid; outline-width:medium; background-image:linear-gradient(0deg,#fff 88%,#73859f 100%) } .vjs-track-settings-controls button:hover { color:rgba(43,51,63,.75) } .vjs-track-settings-controls button { background-color:#fff; background-image:linear-gradient(-180deg,#fff 88%,#73859f 100%); color:#2b333f; cursor:pointer; border-radius:2px } .vjs-track-settings-controls .vjs-default-button { margin-right:1em } @media print { .video-js>:not(.vjs-tech):not(.vjs-poster) { visibility:hidden } } @media \0screen { .vjs-user-inactive.vjs-playing .vjs-control-bar :before { content:"" } .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { visibility:hidden } }@charset "UTF-8"; body.fancybox-active { overflow:hidden } body.fancybox-iosfix { position:fixed; left:0; right:0 } .fancybox-is-hidden { position:absolute; top:-9999px; left:-9999px; visibility:hidden } .fancybox-container { position:fixed; top:0; left:0; width:100%; height:100%; z-index:99992; -webkit-tap-highlight-color:transparent; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform:translateZ(0); transform:translateZ(0); font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif } .fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage { position:absolute; top:0; right:0; bottom:0; left:0 } .fancybox-outer { overflow-y:auto; -webkit-overflow-scrolling:touch } .fancybox-bg { background:#1e1e1e; opacity:0; -webkit-transition-duration:inherit; -o-transition-duration:inherit; transition-duration:inherit; -webkit-transition-property:opacity; -o-transition-property:opacity; transition-property:opacity; -webkit-transition-timing-function:cubic-bezier(0.47,0,0.74,0.71); -o-transition-timing-function:cubic-bezier(0.47,0,0.74,0.71); transition-timing-function:cubic-bezier(0.47,0,0.74,0.71) } .fancybox-is-open .fancybox-bg { opacity:.87; -webkit-transition-timing-function:cubic-bezier(0.22,0.61,0.36,1); -o-transition-timing-function:cubic-bezier(0.22,0.61,0.36,1); transition-timing-function:cubic-bezier(0.22,0.61,0.36,1) } .fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar { position:absolute; direction:ltr; z-index:99997; opacity:0; visibility:hidden; -webkit-transition:opacity .25s,visibility 0s linear .25s; -o-transition:opacity .25s,visibility 0s linear .25s; transition:opacity .25s,visibility 0s linear .25s; -webkit-box-sizing:border-box; box-sizing:border-box } .fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar { opacity:1; visibility:visible; -webkit-transition:opacity .25s,visibility 0s; -o-transition:opacity .25s,visibility 0s; transition:opacity .25s,visibility 0s } .fancybox-infobar { top:0; left:0; font-size:13px; padding:0 10px; height:44px; min-width:44px; line-height:44px; color:#ccc; text-align:center; pointer-events:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -webkit-tap-highlight-color:transparent; -webkit-font-smoothing:subpixel-antialiased; mix-blend-mode:exclusion } .fancybox-toolbar { top:0; right:0; margin:0; padding:0 } .fancybox-stage { overflow:hidden; direction:ltr; z-index:99994; -webkit-transform:translateZ(0) } .fancybox-is-closing .fancybox-stage { overflow:visible } .fancybox-slide { position:absolute; top:0; left:0; width:100%; height:100%; margin:0; padding:0; overflow:auto; outline:none; white-space:normal; -webkit-box-sizing:border-box; box-sizing:border-box; text-align:center; z-index:99994; -webkit-overflow-scrolling:touch; display:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; transition-property:opacity,-webkit-transform; -webkit-transition-property:opacity,-webkit-transform; -o-transition-property:transform,opacity; transition-property:transform,opacity; transition-property:transform,opacity,-webkit-transform } .fancybox-slide:before { content:""; display:inline-block; vertical-align:middle; height:100%; width:0 } .fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous { display:block } .fancybox-slide--image { overflow:visible } .fancybox-slide--image:before { display:none } .fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe { background:#000 } .fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe { background:#e5e3df } .fancybox-slide--next { z-index:99995 } .fancybox-slide > * { display:inline-block; position:relative; padding:24px; margin:44px 0; border-width:0; vertical-align:middle; text-align:left; background-color:#fff; overflow:auto; -webkit-box-sizing:border-box; box-sizing:border-box } .fancybox-slide > base,.fancybox-slide > link,.fancybox-slide > meta,.fancybox-slide > script,.fancybox-slide > style,.fancybox-slide > title { display:none } .fancybox-slide .fancybox-image-wrap { position:absolute; top:0; left:0; margin:0; padding:0; border:0; z-index:99995; background:transparent; cursor:default; overflow:visible; -webkit-transform-origin:top left; -ms-transform-origin:top left; transform-origin:top left; -webkit-background-size:100% 100%; background-size:100% 100%; background-repeat:no-repeat; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; transition-property:opacity,-webkit-transform; -webkit-transition-property:opacity,-webkit-transform; -o-transition-property:transform,opacity; transition-property:transform,opacity; transition-property:transform,opacity,-webkit-transform } .fancybox-can-zoomOut .fancybox-image-wrap { cursor:-webkit-zoom-out; cursor:zoom-out } .fancybox-can-zoomIn .fancybox-image-wrap { cursor:-webkit-zoom-in; cursor:zoom-in } .fancybox-can-drag .fancybox-image-wrap { cursor:-webkit-grab; cursor:grab } .fancybox-is-dragging .fancybox-image-wrap { cursor:-webkit-grabbing; cursor:grabbing } .fancybox-image,.fancybox-spaceball { position:absolute; top:0; left:0; width:100%; height:100%; margin:0; padding:0; border:0; max-width:none; max-height:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .fancybox-spaceball { z-index:1 } .fancybox-slide--iframe .fancybox-content { padding:0; width:80%; height:80%; max-width:-webkit-calc(100% - 100px); max-width:calc(100% - 100px); max-height:-webkit-calc(100% - 88px); max-height:calc(100% - 88px); overflow:visible; background:#fff } .fancybox-iframe { display:block; padding:0; border:0; height:100% } .fancybox-error,.fancybox-iframe { margin:0; width:100%; background:#fff } .fancybox-error { padding:40px; max-width:380px; cursor:default } .fancybox-error p { margin:0; padding:0; color:#444; font-size:16px; line-height:20px } .fancybox-button { -webkit-box-sizing:border-box; box-sizing:border-box; display:inline-block; vertical-align:top; width:44px; height:44px; margin:0; padding:10px; border:0; -webkit-border-radius:0; border-radius:0; background:rgba(30,30,30,0.6); -webkit-transition:color .3s ease; -o-transition:color .3s ease; transition:color .3s ease; cursor:pointer; outline:none } .fancybox-button,.fancybox-button:link,.fancybox-button:visited { color:#ccc } .fancybox-button:focus,.fancybox-button:hover { color:#fff } .fancybox-button[disabled] { color:#ccc; cursor:default; opacity:.6 } .fancybox-button svg { display:block; position:relative; overflow:visible; shape-rendering:geometricPrecision } .fancybox-button svg path { fill:currentColor; stroke:currentColor; stroke-linejoin:round; stroke-width:3 } .fancybox-button--share svg path { stroke-width:1 } .fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2) { display:none } .fancybox-button--zoom svg path { fill:transparent } .fancybox-navigation { display:none } .fancybox-show-nav .fancybox-navigation { display:block } .fancybox-navigation button { position:absolute; top:50%; margin:-50px 0 0; z-index:99997; background:transparent; width:60px; height:100px; padding:17px } .fancybox-navigation button:before { content:""; position:absolute; top:30px; right:10px; width:40px; height:40px; background:rgba(30,30,30,0.6) } .fancybox-navigation .fancybox-button--arrow_left { left:0 } .fancybox-navigation .fancybox-button--arrow_right { right:0 } .fancybox-close-small { position:absolute; top:0; right:0; width:44px; height:44px; padding:0; margin:0; border:0; -webkit-border-radius:0; border-radius:0; background:transparent; z-index:10; cursor:pointer } .fancybox-close-small:after { content:"×"; position:absolute; top:5px; right:5px; width:30px; height:30px; font:20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif; color:#888; font-weight:300; text-align:center; -webkit-border-radius:50%; border-radius:50%; border-width:0; background-color:transparent; -webkit-transition:background-color .25s; -o-transition:background-color .25s; transition:background-color .25s; -webkit-box-sizing:border-box; box-sizing:border-box; z-index:2 } .fancybox-close-small:focus { outline:none } .fancybox-close-small:focus:after { outline:1px dotted #888 } .fancybox-close-small:hover:after { color:#555; background:#eee } .fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small { top:0; right:-44px } .fancybox-slide--iframe .fancybox-close-small:after,.fancybox-slide--image .fancybox-close-small:after { font-size:35px; color:#aaa } .fancybox-slide--iframe .fancybox-close-small:hover:after,.fancybox-slide--image .fancybox-close-small:hover:after { color:#fff; background:transparent } .fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small { display:none } .fancybox-caption-wrap { bottom:0; left:0; right:0; padding:60px 2vw 0; background:-webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),color-stop(20%,rgba(0,0,0,0.1)),color-stop(40%,rgba(0,0,0,0.2)),color-stop(80%,rgba(0,0,0,0.6)),to(rgba(0,0,0,0.8))); background:-webkit-linear-gradient(top,transparent 0,rgba(0,0,0,0.1) 20%,rgba(0,0,0,0.2) 40%,rgba(0,0,0,0.6) 80%,rgba(0,0,0,0.8)); background:-o-linear-gradient(top,transparent 0,rgba(0,0,0,0.1) 20%,rgba(0,0,0,0.2) 40%,rgba(0,0,0,0.6) 80%,rgba(0,0,0,0.8)); background:linear-gradient(180deg,transparent 0,rgba(0,0,0,0.1) 20%,rgba(0,0,0,0.2) 40%,rgba(0,0,0,0.6) 80%,rgba(0,0,0,0.8)); pointer-events:none } .fancybox-caption { padding:30px 0; border-top:1px solid rgba(255,255,255,0.4); font-size:14px; color:#fff; line-height:20px; -webkit-text-size-adjust:none } .fancybox-caption a,.fancybox-caption button,.fancybox-caption select { pointer-events:all; position:relative } .fancybox-caption a { color:#fff; text-decoration:underline } .fancybox-slide > .fancybox-loading { border:6px solid rgba(99,99,99,0.4); border-top:6px solid rgba(255,255,255,0.6); -webkit-border-radius:100%; border-radius:100%; height:50px; width:50px; -webkit-animation:a .8s infinite linear; animation:a .8s infinite linear; background:transparent; position:absolute; top:50%; left:50%; margin-top:-30px; margin-left:-30px; z-index:99999 } @-webkit-keyframes a { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg) } to { -webkit-transform:rotate(359deg); transform:rotate(359deg) } } @keyframes a { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg) } to { -webkit-transform:rotate(359deg); transform:rotate(359deg) } } .fancybox-animated { -webkit-transition-timing-function:cubic-bezier(0,0,0.25,1); -o-transition-timing-function:cubic-bezier(0,0,0.25,1); transition-timing-function:cubic-bezier(0,0,0.25,1) } .fancybox-fx-slide.fancybox-slide--previous { -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); opacity:0 } .fancybox-fx-slide.fancybox-slide--next { -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); opacity:0 } .fancybox-fx-slide.fancybox-slide--current { -webkit-transform:translateZ(0); transform:translateZ(0); opacity:1 } .fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous { opacity:0; -webkit-transition-timing-function:cubic-bezier(0.19,1,0.22,1); -o-transition-timing-function:cubic-bezier(0.19,1,0.22,1); transition-timing-function:cubic-bezier(0.19,1,0.22,1) } .fancybox-fx-fade.fancybox-slide--current { opacity:1 } .fancybox-fx-zoom-in-out.fancybox-slide--previous { -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5); opacity:0 } .fancybox-fx-zoom-in-out.fancybox-slide--next { -webkit-transform:scale3d(0.5,0.5,0.5); transform:scale3d(0.5,0.5,0.5); opacity:0 } .fancybox-fx-zoom-in-out.fancybox-slide--current { -webkit-transform:scaleX(1); -ms-transform:scaleX(1); transform:scaleX(1); opacity:1 } .fancybox-fx-rotate.fancybox-slide--previous { -webkit-transform:rotate(-1turn); -ms-transform:rotate(-1turn); transform:rotate(-1turn); opacity:0 } .fancybox-fx-rotate.fancybox-slide--next { -webkit-transform:rotate(1turn); -ms-transform:rotate(1turn); transform:rotate(1turn); opacity:0 } .fancybox-fx-rotate.fancybox-slide--current { -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); opacity:1 } .fancybox-fx-circular.fancybox-slide--previous { -webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0); transform:scale3d(0,0,0) translate3d(-100%,0,0); opacity:0 } .fancybox-fx-circular.fancybox-slide--next { -webkit-transform:scale3d(0,0,0) translate3d(100%,0,0); transform:scale3d(0,0,0) translate3d(100%,0,0); opacity:0 } .fancybox-fx-circular.fancybox-slide--current { -webkit-transform:scaleX(1) translateZ(0); transform:scaleX(1) translateZ(0); opacity:1 } .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform:translate3d(-100%,0,0) scale(0.1) skew(-10deg); transform:translate3d(-100%,0,0) scale(0.1) skew(-10deg) } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform:translate3d(100%,0,0) scale(0.1) skew(10deg); transform:translate3d(100%,0,0) scale(0.1) skew(10deg) } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform:translateZ(0) scale(1); transform:translateZ(0) scale(1) } .fancybox-share { padding:30px; -webkit-border-radius:3px; border-radius:3px; background:#f4f4f4; max-width:90% } .fancybox-share h1 { color:#222; margin:0 0 20px; font-size:33px; font-weight:700; text-align:center } .fancybox-share p { margin:0; padding:0; text-align:center } .fancybox-share p:first-of-type { margin-right:-10px } .fancybox-share_button { display:inline-block; text-decoration:none; margin:0 10px 10px 0; padding:10px 20px; border:0; -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.16); box-shadow:0 2px 2px 0 rgba(0,0,0,0.16); background:#fff; white-space:nowrap; font-size:16px; line-height:23px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; min-width:140px; color:#707070; -webkit-transition:all .2s; -o-transition:all .2s; transition:all .2s } .fancybox-share_button:focus,.fancybox-share_button:hover { text-decoration:none; color:#333; -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.3); box-shadow:0 2px 2px 0 rgba(0,0,0,0.3) } .fancybox-share_button svg { margin-right:5px; width:20px; height:20px; vertical-align:text-bottom } .fancybox-share input { -webkit-box-sizing:border-box; box-sizing:border-box; width:100%; margin:5px 0 0; padding:10px 15px; border:1px solid #d7d7d7; -webkit-border-radius:3px; border-radius:3px; background:#ebebeb; color:#5d5b5b; font-size:14px; outline:none } .fancybox-thumbs { display:none; position:absolute; top:0; bottom:0; right:0; width:212px; margin:0; padding:2px 2px 4px; background:#fff; -webkit-tap-highlight-color:transparent; -webkit-overflow-scrolling:touch; -ms-overflow-style:-ms-autohiding-scrollbar; -webkit-box-sizing:border-box; box-sizing:border-box; z-index:99995 } .fancybox-thumbs-x { overflow-y:hidden; overflow-x:auto } .fancybox-show-thumbs .fancybox-thumbs { display:block } .fancybox-show-thumbs .fancybox-inner { right:212px } .fancybox-thumbs > ul { list-style:none; position:absolute; position:relative; width:100%; height:100%; margin:0; padding:0; overflow-x:hidden; overflow-y:auto; font-size:0; white-space:nowrap } .fancybox-thumbs-x > ul { overflow:hidden } .fancybox-thumbs-y > ul::-webkit-scrollbar { width:7px } .fancybox-thumbs-y > ul::-webkit-scrollbar-track { background:#fff; -webkit-border-radius:10px; border-radius:10px; -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); box-shadow:inset 0 0 6px rgba(0,0,0,0.3) } .fancybox-thumbs-y > ul::-webkit-scrollbar-thumb { background:#2a2a2a; -webkit-border-radius:10px; border-radius:10px } .fancybox-thumbs > ul > li { float:left; overflow:hidden; padding:0; margin:2px; width:100px; height:75px; max-width:-webkit-calc(50% - 4px); max-width:calc(50% - 4px); max-height:-webkit-calc(100% - 8px); max-height:calc(100% - 8px); position:relative; cursor:pointer; outline:none; -webkit-tap-highlight-color:transparent; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-box-sizing:border-box; box-sizing:border-box } li.fancybox-thumbs-loading { background:rgba(0,0,0,0.1) } .fancybox-thumbs > ul > li > img { position:absolute; top:0; left:0; max-width:none; max-height:none; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .fancybox-thumbs > ul > li:before { content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:4px solid #4ea7f9; z-index:99991; opacity:0; -webkit-transition:all .2s cubic-bezier(0.25,0.46,0.45,0.94); -o-transition:all .2s cubic-bezier(0.25,0.46,0.45,0.94); transition:all .2s cubic-bezier(0.25,0.46,0.45,0.94) } .fancybox-thumbs > ul > li.fancybox-thumbs-active:before { opacity:1 } @media (max-width: 800px) { .fancybox-thumbs { width:110px } .fancybox-show-thumbs .fancybox-inner { right:110px } .fancybox-thumbs > ul > li { max-width:-webkit-calc(100% - 10px); max-width:calc(100% - 10px) } }.slick-slider { position:relative; display:block; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent } .slick-list { position:relative; overflow:hidden; display:block; margin:0; padding:0 } .slick-list:focus { outline:none } .slick-list.dragging { cursor:pointer; cursor:hand } .slick-slider .slick-track,.slick-slider .slick-list { -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } .slick-track { position:relative; left:0; top:0; display:block; margin-left:auto; margin-right:auto } .slick-track:before,.slick-track:after { content:""; display:table } .slick-track:after { clear:both } .slick-loading .slick-track { visibility:hidden } .slick-slide { float:left; height:100%; min-height:1px; display:none } [dir="rtl"] .slick-slide { float:right } .slick-slide img { display:block } .slick-slide.slick-loading img { display:none } .slick-slide.dragging img { pointer-events:none } .slick-initialized .slick-slide { display:block } .slick-loading .slick-slide { visibility:hidden } .slick-vertical .slick-slide { display:block; height:auto; border:1px solid transparent } .slick-arrow.slick-hidden { display:none }.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 } .animated.hinge { -webkit-animation-duration:2s; animation-duration:2s } .animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY { -webkit-animation-duration:.75s; animation-duration:.75s } @-webkit-keyframes bounce { 0%,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:translateZ(0); transform:translateZ(0) } 40%,43% { -webkit-transform:translate3d(0,-30px,0); transform:translate3d(0,-30px,0) } 40%,43%,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) } 70% { -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 { 0%,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:translateZ(0); transform:translateZ(0) } 40%,43% { -webkit-transform:translate3d(0,-30px,0); transform:translate3d(0,-30px,0) } 40%,43%,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) } 70% { -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; -ms-transform-origin:center bottom; transform-origin:center bottom } @-webkit-keyframes flash { 0%,50%,to { opacity:1 } 25%,75% { opacity:0 } } @keyframes flash { 0%,50%,to { opacity:1 } 25%,75% { opacity:0 } } .flash { -webkit-animation-name:flash; animation-name:flash } @-webkit-keyframes pulse { 0% { -webkit-transform:scaleX(1); transform:scaleX(1) } 50% { -webkit-transform:scale3d(1.05,1.05,1.05); transform:scale3d(1.05,1.05,1.05) } to { -webkit-transform:scaleX(1); transform:scaleX(1) } } @keyframes pulse { 0% { -webkit-transform:scaleX(1); transform:scaleX(1) } 50% { -webkit-transform:scale3d(1.05,1.05,1.05); transform:scale3d(1.05,1.05,1.05) } to { -webkit-transform:scaleX(1); transform:scaleX(1) } } .pulse { -webkit-animation-name:pulse; animation-name:pulse } @-webkit-keyframes rubberBand { 0% { -webkit-transform:scaleX(1); transform:scaleX(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:scaleX(1); transform:scaleX(1) } } @keyframes rubberBand { 0% { -webkit-transform:scaleX(1); transform:scaleX(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:scaleX(1); transform:scaleX(1) } } .rubberBand { -webkit-animation-name:rubberBand; animation-name:rubberBand } @-webkit-keyframes shake { 0%,to { -webkit-transform:translateZ(0); transform:translateZ(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 { 0%,to { -webkit-transform:translateZ(0); transform:translateZ(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:rotate(15deg); transform:rotate(15deg) } 40% { -webkit-transform:rotate(-10deg); transform:rotate(-10deg) } 60% { -webkit-transform:rotate(5deg); transform:rotate(5deg) } 80% { -webkit-transform:rotate(-5deg); transform:rotate(-5deg) } to { -webkit-transform:rotate(0deg); transform:rotate(0deg) } } @keyframes swing { 20% { -webkit-transform:rotate(15deg); transform:rotate(15deg) } 40% { -webkit-transform:rotate(-10deg); transform:rotate(-10deg) } 60% { -webkit-transform:rotate(5deg); transform:rotate(5deg) } 80% { -webkit-transform:rotate(-5deg); transform:rotate(-5deg) } to { -webkit-transform:rotate(0deg); transform:rotate(0deg) } } .swing { -webkit-transform-origin:top center; -ms-transform-origin:top center; transform-origin:top center; -webkit-animation-name:swing; animation-name:swing } @-webkit-keyframes tada { 0% { -webkit-transform:scaleX(1); transform:scaleX(1) } 10%,20% { -webkit-transform:scale3d(0.9,0.9,0.9) rotate(-3deg); transform:scale3d(0.9,0.9,0.9) rotate(-3deg) } 30%,50%,70%,90% { -webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg); transform:scale3d(1.1,1.1,1.1) rotate(3deg) } 40%,60%,80% { -webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg); transform:scale3d(1.1,1.1,1.1) rotate(-3deg) } to { -webkit-transform:scaleX(1); transform:scaleX(1) } } @keyframes tada { 0% { -webkit-transform:scaleX(1); transform:scaleX(1) } 10%,20% { -webkit-transform:scale3d(0.9,0.9,0.9) rotate(-3deg); transform:scale3d(0.9,0.9,0.9) rotate(-3deg) } 30%,50%,70%,90% { -webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg); transform:scale3d(1.1,1.1,1.1) rotate(3deg) } 40%,60%,80% { -webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg); transform:scale3d(1.1,1.1,1.1) rotate(-3deg) } to { -webkit-transform:scaleX(1); transform:scaleX(1) } } .tada { -webkit-animation-name:tada; animation-name:tada } @-webkit-keyframes wobble { 0% { -webkit-transform:none; transform:none } 15% { -webkit-transform:translate3d(-25%,0,0) rotate(-5deg); transform:translate3d(-25%,0,0) rotate(-5deg) } 30% { -webkit-transform:translate3d(20%,0,0) rotate(3deg); transform:translate3d(20%,0,0) rotate(3deg) } 45% { -webkit-transform:translate3d(-15%,0,0) rotate(-3deg); transform:translate3d(-15%,0,0) rotate(-3deg) } 60% { -webkit-transform:translate3d(10%,0,0) rotate(2deg); transform:translate3d(10%,0,0) rotate(2deg) } 75% { -webkit-transform:translate3d(-5%,0,0) rotate(-1deg); transform:translate3d(-5%,0,0) rotate(-1deg) } to { -webkit-transform:none; transform:none } } @keyframes wobble { 0% { -webkit-transform:none; transform:none } 15% { -webkit-transform:translate3d(-25%,0,0) rotate(-5deg); transform:translate3d(-25%,0,0) rotate(-5deg) } 30% { -webkit-transform:translate3d(20%,0,0) rotate(3deg); transform:translate3d(20%,0,0) rotate(3deg) } 45% { -webkit-transform:translate3d(-15%,0,0) rotate(-3deg); transform:translate3d(-15%,0,0) rotate(-3deg) } 60% { -webkit-transform:translate3d(10%,0,0) rotate(2deg); transform:translate3d(10%,0,0) rotate(2deg) } 75% { -webkit-transform:translate3d(-5%,0,0) rotate(-1deg); transform:translate3d(-5%,0,0) rotate(-1deg) } to { -webkit-transform:none; transform:none } } .wobble { -webkit-animation-name:wobble; animation-name:wobble } @-webkit-keyframes jello { 0%,11.1%,to { -webkit-transform:none; transform:none } 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.39062deg) skewY(0.39062deg); transform:skewX(0.39062deg) skewY(0.39062deg) } 88.8% { -webkit-transform:skewX(-0.19531deg) skewY(-0.19531deg); transform:skewX(-0.19531deg) skewY(-0.19531deg) } } @keyframes jello { 0%,11.1%,to { -webkit-transform:none; transform:none } 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.39062deg) skewY(0.39062deg); transform:skewX(0.39062deg) skewY(0.39062deg) } 88.8% { -webkit-transform:skewX(-0.19531deg) skewY(-0.19531deg); transform:skewX(-0.19531deg) skewY(-0.19531deg) } } .jello { -webkit-animation-name:jello; animation-name:jello; -webkit-transform-origin:center; -ms-transform-origin:center; transform-origin:center } @-webkit-keyframes bounceIn { 0%,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:scaleX(1); transform:scaleX(1) } } @keyframes bounceIn { 0%,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:scaleX(1); transform:scaleX(1) } } .bounceIn { -webkit-animation-name:bounceIn; animation-name:bounceIn } @-webkit-keyframes bounceInDown { 0%,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:none; transform:none } } @keyframes bounceInDown { 0%,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:none; transform:none } } .bounceInDown { -webkit-animation-name:bounceInDown; animation-name:bounceInDown } @-webkit-keyframes bounceInLeft { 0%,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:none; transform:none } } @keyframes bounceInLeft { 0%,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:none; transform:none } } .bounceInLeft { -webkit-animation-name:bounceInLeft; animation-name:bounceInLeft } @-webkit-keyframes bounceInRight { 0%,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:none; transform:none } } @keyframes bounceInRight { 0%,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:none; transform:none } } .bounceInRight { -webkit-animation-name:bounceInRight; animation-name:bounceInRight } @-webkit-keyframes bounceInUp { 0%,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,-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:translateZ(0); transform:translateZ(0) } } @keyframes bounceInUp { 0%,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,-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:translateZ(0); transform:translateZ(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-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 { 0% { opacity:0 } to { opacity:1 } } @keyframes fadeIn { 0% { opacity:0 } to { opacity:1 } } .fadeIn { -webkit-animation-name:fadeIn; animation-name:fadeIn } @-webkit-keyframes fadeInDown { 0% { opacity:0; -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0) } to { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInDown { 0% { opacity:0; -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0) } to { opacity:1; -webkit-transform:none; transform:none } } .fadeInDown { -webkit-animation-name:fadeInDown; animation-name:fadeInDown } @-webkit-keyframes fadeInDownBig { 0% { opacity:0; -webkit-transform:translate3d(0,-2000px,0); transform:translate3d(0,-2000px,0) } to { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInDownBig { 0% { opacity:0; -webkit-transform:translate3d(0,-2000px,0); transform:translate3d(0,-2000px,0) } to { opacity:1; -webkit-transform:none; transform:none } } .fadeInDownBig { -webkit-animation-name:fadeInDownBig; animation-name:fadeInDownBig } @-webkit-keyframes fadeInLeft { 0% { opacity:0; -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0) } to { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInLeft { 0% { opacity:0; -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0) } to { opacity:1; -webkit-transform:none; transform:none } } .fadeInLeft { -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft } @-webkit-keyframes fadeInLeftBig { 0% { opacity:0; -webkit-transform:translate3d(-2000px,0,0); transform:translate3d(-2000px,0,0) } to { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInLeftBig { 0% { opacity:0; -webkit-transform:translate3d(-2000px,0,0); transform:translate3d(-2000px,0,0) } to { opacity:1; -webkit-transform:none; transform:none } } .fadeInLeftBig { -webkit-animation-name:fadeInLeftBig; animation-name:fadeInLeftBig } @-webkit-keyframes fadeInRight { 0% { opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0) } to { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInRight { 0% { opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0) } to { opacity:1; -webkit-transform:none; transform:none } } .fadeInRight { -webkit-animation-name:fadeInRight; animation-name:fadeInRight } @-webkit-keyframes fadeInRightBig { 0% { opacity:0; -webkit-transform:translate3d(2000px,0,0); transform:translate3d(2000px,0,0) } to { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInRightBig { 0% { opacity:0; -webkit-transform:translate3d(2000px,0,0); transform:translate3d(2000px,0,0) } to { opacity:1; -webkit-transform:none; transform:none } } .fadeInRightBig { -webkit-animation-name:fadeInRightBig; animation-name:fadeInRightBig } @-webkit-keyframes fadeInUp { 0% { opacity:0; -webkit-transform:translate3d(0,20px,0); transform:translate3d(0,20px,0) } to { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInUp { 0% { opacity:0; -webkit-transform:translate3d(0,20px,0); transform:translate3d(0,20px,0) } to { opacity:1; -webkit-transform:none; transform:none } } .fadeInUp { -webkit-animation-name:fadeInUp; animation-name:fadeInUp } @-webkit-keyframes fadeInUpBig { 0% { opacity:0; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0) } to { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInUpBig { 0% { opacity:0; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0) } to { opacity:1; -webkit-transform:none; transform:none } } .fadeInUpBig { -webkit-animation-name:fadeInUpBig; animation-name:fadeInUpBig } @-webkit-keyframes fadeOut { 0% { opacity:1 } to { opacity:0 } } @keyframes fadeOut { 0% { opacity:1 } to { opacity:0 } } .fadeOut { -webkit-animation-name:fadeOut; animation-name:fadeOut } @-webkit-keyframes fadeOutDown { 0% { opacity:1 } to { opacity:0; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0) } } @keyframes fadeOutDown { 0% { 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 { 0% { opacity:1 } to { opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0) } } @keyframes fadeOutDownBig { 0% { 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 { 0% { opacity:1 } to { opacity:0; -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0) } } @keyframes fadeOutLeft { 0% { 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 { 0% { opacity:1 } to { opacity:0; -webkit-transform:translate3d(-2000px,0,0); transform:translate3d(-2000px,0,0) } } @keyframes fadeOutLeftBig { 0% { 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 { 0% { opacity:1 } to { opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0) } } @keyframes fadeOutRight { 0% { 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 { 0% { opacity:1 } to { opacity:0; -webkit-transform:translate3d(2000px,0,0); transform:translate3d(2000px,0,0) } } @keyframes fadeOutRightBig { 0% { 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 { 0% { opacity:1 } to { opacity:0; -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0) } } @keyframes fadeOutUp { 0% { 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 { 0% { opacity:1 } to { opacity:0; -webkit-transform:translate3d(0,-2000px,0); transform:translate3d(0,-2000px,0) } } @keyframes fadeOutUpBig { 0% { 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 { 0% { -webkit-transform:perspective(400px) rotateY(-1turn); transform:perspective(400px) rotateY(-1turn) } 0%,40% { -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out } 40% { -webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg); transform:perspective(400px) translateZ(150px) rotateY(-190deg) } 50% { -webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg); transform:perspective(400px) translateZ(150px) rotateY(-170deg) } 50%,80% { -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) } to { -webkit-transform:perspective(400px); transform:perspective(400px); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } } @keyframes flip { 0% { -webkit-transform:perspective(400px) rotateY(-1turn); transform:perspective(400px) rotateY(-1turn) } 0%,40% { -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out } 40% { -webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg); transform:perspective(400px) translateZ(150px) rotateY(-190deg) } 50% { -webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg); transform:perspective(400px) translateZ(150px) rotateY(-170deg) } 50%,80% { -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) } 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 { 0% { -webkit-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); opacity:0 } 0%,40% { -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 40% { -webkit-transform:perspective(400px) rotateX(-20deg); transform:perspective(400px) rotateX(-20deg) } 60% { -webkit-transform:perspective(400px) rotateX(10deg); transform:perspective(400px) rotateX(10deg); opacity:1 } 80% { -webkit-transform:perspective(400px) rotateX(-5deg); transform:perspective(400px) rotateX(-5deg) } to { -webkit-transform:perspective(400px); transform:perspective(400px) } } @keyframes flipInX { 0% { -webkit-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); opacity:0 } 0%,40% { -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 40% { -webkit-transform:perspective(400px) rotateX(-20deg); transform:perspective(400px) rotateX(-20deg) } 60% { -webkit-transform:perspective(400px) rotateX(10deg); transform:perspective(400px) rotateX(10deg); opacity:1 } 80% { -webkit-transform:perspective(400px) rotateX(-5deg); transform:perspective(400px) rotateX(-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 { 0% { -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0 } 0%,40% { -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 40% { -webkit-transform:perspective(400px) rotateY(-20deg); transform:perspective(400px) rotateY(-20deg) } 60% { -webkit-transform:perspective(400px) rotateY(10deg); transform:perspective(400px) rotateY(10deg); opacity:1 } 80% { -webkit-transform:perspective(400px) rotateY(-5deg); transform:perspective(400px) rotateY(-5deg) } to { -webkit-transform:perspective(400px); transform:perspective(400px) } } @keyframes flipInY { 0% { -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0 } 0%,40% { -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 40% { -webkit-transform:perspective(400px) rotateY(-20deg); transform:perspective(400px) rotateY(-20deg) } 60% { -webkit-transform:perspective(400px) rotateY(10deg); transform:perspective(400px) rotateY(10deg); opacity:1 } 80% { -webkit-transform:perspective(400px) rotateY(-5deg); transform:perspective(400px) rotateY(-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 { 0% { -webkit-transform:perspective(400px); transform:perspective(400px) } 30% { -webkit-transform:perspective(400px) rotateX(-20deg); transform:perspective(400px) rotateX(-20deg); opacity:1 } to { -webkit-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); opacity:0 } } @keyframes flipOutX { 0% { -webkit-transform:perspective(400px); transform:perspective(400px) } 30% { -webkit-transform:perspective(400px) rotateX(-20deg); transform:perspective(400px) rotateX(-20deg); opacity:1 } to { -webkit-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); opacity:0 } } .flipOutX { -webkit-animation-name:flipOutX; animation-name:flipOutX; -webkit-backface-visibility:visible!important; backface-visibility:visible!important } @-webkit-keyframes flipOutY { 0% { -webkit-transform:perspective(400px); transform:perspective(400px) } 30% { -webkit-transform:perspective(400px) rotateY(-15deg); transform:perspective(400px) rotateY(-15deg); opacity:1 } to { -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0 } } @keyframes flipOutY { 0% { -webkit-transform:perspective(400px); transform:perspective(400px) } 30% { -webkit-transform:perspective(400px) rotateY(-15deg); transform:perspective(400px) rotateY(-15deg); opacity:1 } to { -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0 } } .flipOutY { -webkit-backface-visibility:visible!important; backface-visibility:visible!important; -webkit-animation-name:flipOutY; animation-name:flipOutY } @-webkit-keyframes lightSpeedIn { 0% { -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) } 60%,80% { opacity:1 } 80% { -webkit-transform:skewX(-5deg); transform:skewX(-5deg) } to { -webkit-transform:none; transform:none; opacity:1 } } @keyframes lightSpeedIn { 0% { -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) } 60%,80% { opacity:1 } 80% { -webkit-transform:skewX(-5deg); transform:skewX(-5deg) } to { -webkit-transform:none; transform:none; opacity:1 } } .lightSpeedIn { -webkit-animation-name:lightSpeedIn; animation-name:lightSpeedIn; -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out } @-webkit-keyframes lightSpeedOut { 0% { opacity:1 } to { -webkit-transform:translate3d(100%,0,0) skewX(30deg); transform:translate3d(100%,0,0) skewX(30deg); opacity:0 } } @keyframes lightSpeedOut { 0% { 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 { 0% { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate(-200deg); transform:rotate(-200deg); opacity:0 } 0%,to { -webkit-transform-origin:center } to { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1 } } @keyframes rotateIn { 0% { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate(-200deg); transform:rotate(-200deg); opacity:0 } 0%,to { -webkit-transform-origin:center } to { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1 } } .rotateIn { -webkit-animation-name:rotateIn; animation-name:rotateIn } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); opacity:0 } 0%,to { -webkit-transform-origin:left bottom } to { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:none; transform:none; opacity:1 } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); opacity:0 } 0%,to { -webkit-transform-origin:left bottom } to { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:none; transform:none; opacity:1 } } .rotateInDownLeft { -webkit-animation-name:rotateInDownLeft; animation-name:rotateInDownLeft } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(45deg); transform:rotate(45deg); opacity:0 } 0%,to { -webkit-transform-origin:right bottom } to { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:none; transform:none; opacity:1 } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(45deg); transform:rotate(45deg); opacity:0 } 0%,to { -webkit-transform-origin:right bottom } to { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:none; transform:none; opacity:1 } } .rotateInDownRight { -webkit-animation-name:rotateInDownRight; animation-name:rotateInDownRight } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(45deg); transform:rotate(45deg); opacity:0 } 0%,to { -webkit-transform-origin:left bottom } to { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:none; transform:none; opacity:1 } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(45deg); transform:rotate(45deg); opacity:0 } 0%,to { -webkit-transform-origin:left bottom } to { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:none; transform:none; opacity:1 } } .rotateInUpLeft { -webkit-animation-name:rotateInUpLeft; animation-name:rotateInUpLeft } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0 } 0%,to { -webkit-transform-origin:right bottom } to { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:none; transform:none; opacity:1 } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0 } 0%,to { -webkit-transform-origin:right bottom } to { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:none; transform:none; opacity:1 } } .rotateInUpRight { -webkit-animation-name:rotateInUpRight; animation-name:rotateInUpRight } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin:center; transform-origin:center; opacity:1 } 0%,to { -webkit-transform-origin:center } to { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate(200deg); transform:rotate(200deg); opacity:0 } } @keyframes rotateOut { 0% { -webkit-transform-origin:center; transform-origin:center; opacity:1 } 0%,to { -webkit-transform-origin:center } to { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate(200deg); transform:rotate(200deg); opacity:0 } } .rotateOut { -webkit-animation-name:rotateOut; animation-name:rotateOut } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; opacity:1 } 0%,to { -webkit-transform-origin:left bottom } to { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(45deg); transform:rotate(45deg); opacity:0 } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; opacity:1 } 0%,to { -webkit-transform-origin:left bottom } to { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(45deg); transform:rotate(45deg); opacity:0 } } .rotateOutDownLeft { -webkit-animation-name:rotateOutDownLeft; animation-name:rotateOutDownLeft } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; opacity:1 } 0%,to { -webkit-transform-origin:right bottom } to { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); opacity:0 } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; opacity:1 } 0%,to { -webkit-transform-origin:right bottom } to { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); opacity:0 } } .rotateOutDownRight { -webkit-animation-name:rotateOutDownRight; animation-name:rotateOutDownRight } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; opacity:1 } 0%,to { -webkit-transform-origin:left bottom } to { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); opacity:0 } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; opacity:1 } 0%,to { -webkit-transform-origin:left bottom } to { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); opacity:0 } } .rotateOutUpLeft { -webkit-animation-name:rotateOutUpLeft; animation-name:rotateOutUpLeft } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; opacity:1 } 0%,to { -webkit-transform-origin:right bottom } to { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(90deg); transform:rotate(90deg); opacity:0 } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; opacity:1 } 0%,to { -webkit-transform-origin:right bottom } to { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(90deg); transform:rotate(90deg); opacity:0 } } .rotateOutUpRight { -webkit-animation-name:rotateOutUpRight; animation-name:rotateOutUpRight } @-webkit-keyframes hinge { 0% { -webkit-transform-origin:top left; transform-origin:top left } 0%,20%,60% { -webkit-transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out } 20%,60% { -webkit-transform:rotate(80deg); transform:rotate(80deg); -webkit-transform-origin:top left; transform-origin:top left } 40%,80% { -webkit-transform:rotate(60deg); transform:rotate(60deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; 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 } 0%,20%,60% { -webkit-transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out } 20%,60% { -webkit-transform:rotate(80deg); transform:rotate(80deg); -webkit-transform-origin:top left; transform-origin:top left } 40%,80% { -webkit-transform:rotate(60deg); transform:rotate(60deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; opacity:1 } to { -webkit-transform:translate3d(0,700px,0); transform:translate3d(0,700px,0); opacity:0 } } .hinge { -webkit-animation-name:hinge; animation-name:hinge } @-webkit-keyframes rollIn { 0% { opacity:0; -webkit-transform:translate3d(-100%,0,0) rotate(-120deg); transform:translate3d(-100%,0,0) rotate(-120deg) } to { opacity:1; -webkit-transform:none; transform:none } } @keyframes rollIn { 0% { opacity:0; -webkit-transform:translate3d(-100%,0,0) rotate(-120deg); transform:translate3d(-100%,0,0) rotate(-120deg) } to { opacity:1; -webkit-transform:none; transform:none } } .rollIn { -webkit-animation-name:rollIn; animation-name:rollIn } @-webkit-keyframes rollOut { 0% { opacity:1 } to { opacity:0; -webkit-transform:translate3d(100%,0,0) rotate(120deg); transform:translate3d(100%,0,0) rotate(120deg) } } @keyframes rollOut { 0% { opacity:1 } to { opacity:0; -webkit-transform:translate3d(100%,0,0) rotate(120deg); transform:translate3d(100%,0,0) rotate(120deg) } } .rollOut { -webkit-animation-name:rollOut; animation-name:rollOut } @-webkit-keyframes zoomIn { 0% { opacity:0; -webkit-transform:scale3d(0.3,0.3,0.3); transform:scale3d(0.3,0.3,0.3) } 50% { opacity:1 } } @keyframes zoomIn { 0% { 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 { 0% { 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 { 0% { 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 { 0% { 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 { 0% { 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 { 0% { 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 { 0% { 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 { 0% { 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 { 0% { 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 { 0% { opacity:1 } 50% { -webkit-transform:scale3d(0.3,0.3,0.3); transform:scale3d(0.3,0.3,0.3) } 50%,to { opacity:0 } } @keyframes zoomOut { 0% { opacity:1 } 50% { -webkit-transform:scale3d(0.3,0.3,0.3); transform:scale3d(0.3,0.3,0.3) } 50%,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 { 0% { -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0); visibility:visible } to { -webkit-transform:translateZ(0); transform:translateZ(0) } } @keyframes slideInDown { 0% { -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0); visibility:visible } to { -webkit-transform:translateZ(0); transform:translateZ(0) } } .slideInDown { -webkit-animation-name:slideInDown; animation-name:slideInDown } @-webkit-keyframes slideInLeft { 0% { -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible } to { -webkit-transform:translateZ(0); transform:translateZ(0) } } @keyframes slideInLeft { 0% { -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible } to { -webkit-transform:translateZ(0); transform:translateZ(0) } } .slideInLeft { -webkit-animation-name:slideInLeft; animation-name:slideInLeft } @-webkit-keyframes slideInRight { 0% { -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); visibility:visible } to { -webkit-transform:translateZ(0); transform:translateZ(0) } } @keyframes slideInRight { 0% { -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); visibility:visible } to { -webkit-transform:translateZ(0); transform:translateZ(0) } } .slideInRight { -webkit-animation-name:slideInRight; animation-name:slideInRight } @-webkit-keyframes slideInUp { 0% { -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0); visibility:visible } to { -webkit-transform:translateZ(0); transform:translateZ(0) } } @keyframes slideInUp { 0% { -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0); visibility:visible } to { -webkit-transform:translateZ(0); transform:translateZ(0) } } .slideInUp { -webkit-animation-name:slideInUp; animation-name:slideInUp } @-webkit-keyframes slideOutDown { 0% { -webkit-transform:translateZ(0); transform:translateZ(0) } to { visibility:hidden; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0) } } @keyframes slideOutDown { 0% { -webkit-transform:translateZ(0); transform:translateZ(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 { 0% { -webkit-transform:translateZ(0); transform:translateZ(0) } to { visibility:hidden; -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0) } } @keyframes slideOutLeft { 0% { -webkit-transform:translateZ(0); transform:translateZ(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 { 0% { -webkit-transform:translateZ(0); transform:translateZ(0) } to { visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0) } } @keyframes slideOutRight { 0% { -webkit-transform:translateZ(0); transform:translateZ(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 { 0% { -webkit-transform:translateZ(0); transform:translateZ(0) } to { visibility:hidden; -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0) } } @keyframes slideOutUp { 0% { -webkit-transform:translateZ(0); transform:translateZ(0) } to { visibility:hidden; -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0) } } .slideOutUp { -webkit-animation-name:slideOutUp; animation-name:slideOutUp }.gridtab,.gridtab > dt,.gridtab > dd { margin:0; padding:0; position:relative; border:0 solid } .gridtab { display:-webkit-flex; display:-ms-flexbox; display:-webkit-box; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:flex-start; -ms-flex-pack:start; -webkit-box-pack:start; justify-content:flex-start; -webkit-box-sizing:border-box; box-sizing:border-box } .gridtab * { -webkit-box-sizing:border-box; box-sizing:border-box } .gridtab > dd { z-index:1; display:none; min-width:100%; -webkit-flex-basis:100%; -ms-flex-preferred-size:100%; flex-basis:100% } .gridtab > dd > .gridtab__controls { position:absolute; right:5px; top:5px; display:-webkit-flex; display:-ms-flexbox; display:-webkit-box; display:flex } .gridtab > dd > .gridtab__controls > .gridtab__close { -webkit-order:1; -ms-flex-order:1; -webkit-box-ordinal-group:2; order:1; margin-left:1px } .gridtab > dd > .gridtab__controls > .gridtab__close:before,.gridtab > dd > .gridtab__controls > .gridtab__close:after { top:50%; left:50%; -webkit-transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg); transform:translate(-50%,-50%) rotate(45deg) } .gridtab > dd > .gridtab__controls > .gridtab__close:after { -webkit-transform:translate(-50%,-50%) rotate(-45deg); -ms-transform:translate(-50%,-50%) rotate(-45deg); transform:translate(-50%,-50%) rotate(-45deg) } .gridtab > dd > .gridtab__controls > .gridtab__arrow,.gridtab > dd > .gridtab__controls > .gridtab__close { display:block; width:25px; height:25px; overflow:hidden; background:#666; text-indent:-999px; position:relative } .gridtab > dd > .gridtab__controls > .gridtab__arrow:before,.gridtab > dd > .gridtab__controls > .gridtab__arrow:after,.gridtab > dd > .gridtab__controls > .gridtab__close:before,.gridtab > dd > .gridtab__controls > .gridtab__close:after { position:absolute; width:3px; height:13px; content:''; display:block; background:#FFF } .gridtab > dd > .gridtab__controls > .gridtab__arrow:before,.gridtab > dd > .gridtab__controls > .gridtab__arrow:after { top:50%; left:50%; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform-origin:right; -ms-transform-origin:right; transform-origin:right; margin:-7px 0 0 -3px; height:10px } .gridtab > dd > .gridtab__controls > .gridtab__arrow:after { margin-top:-4px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg) } .gridtab > dd > .gridtab__controls > .gridtab__arrow.is-disabled { opacity:.25 } .gridtab > dd > .gridtab__controls > .gridtab__next { -webkit-transform:scale(-1); -ms-transform:scale(-1); transform:scale(-1); -webkit-transform-origin:center; -ms-transform-origin:center; transform-origin:center } .gridtab > dt { -webkit-transition:background 1s; -o-transition:background 1s; transition:background 1s; background:#f2f2f2 } .gridtab > dt:after { content:''; position:absolute; left:0; right:0 } .gridtab > dt.is-disabled { pointer-events:none } .gridtab > dt.is-active { z-index:2 } .gridtab > dt > img { max-width:100%; float:left; height:auto } .gridtab[dir="rtl"] > dd > .gridtab__controls { right:auto; left:5px } .gridtab[dir="rtl"] > dd > .gridtab__controls > .gridtab__next { -webkit-transform:none; -ms-transform:none; transform:none } .gridtab[dir="rtl"] > dd > .gridtab__controls > .gridtab__prev { -webkit-transform:scale(-1); -ms-transform:scale(-1); transform:scale(-1) } .gridtab[dir="rtl"] > dd > .gridtab__controls > .gridtab__close { margin-right:1px; margin-left:0 }.slider-pro { position:relative; margin:0 auto; -webkit-box-sizing:content-box; box-sizing:content-box } .sp-slides-container { position:relative } .sp-mask { position:relative; overflow:hidden } .sp-slides { position:relative; -webkit-backface-visibility:hidden; -webkit-perspective:1000 } .sp-slide { position:absolute } .sp-image-container { overflow:hidden } .sp-image { position:relative; display:block; border:none } .sp-no-js { overflow:hidden; max-width:100% } .sp-thumbnails-container { position:relative; overflow:hidden; direction:ltr } .sp-bottom-thumbnails,.sp-top-thumbnails { left:0; margin:0 auto } .sp-top-thumbnails { position:absolute; top:0; margin-bottom:4px } .sp-bottom-thumbnails { margin-top:4px } .sp-left-thumbnails,.sp-right-thumbnails { position:absolute; top:0 } .sp-right-thumbnails { right:0; margin-left:4px } .sp-left-thumbnails { left:0; margin-right:4px } .sp-thumbnails { position:relative } .sp-thumbnail { border:none } .sp-thumbnail-container { position:relative; display:block; overflow:hidden; float:left; -webkit-box-sizing:border-box; box-sizing:border-box } .sp-rtl .sp-thumbnail-container { float:right } .sp-bottom-thumbnails .sp-thumbnail-container,.sp-top-thumbnails .sp-thumbnail-container { margin-left:2px; margin-right:2px } .sp-bottom-thumbnails .sp-thumbnail-container:first-child,.sp-top-thumbnails .sp-thumbnail-container:first-child { margin-left:0 } .sp-bottom-thumbnails .sp-thumbnail-container:last-child,.sp-top-thumbnails .sp-thumbnail-container:last-child { margin-right:0 } .sp-left-thumbnails .sp-thumbnail-container,.sp-right-thumbnails .sp-thumbnail-container { margin-top:2px; margin-bottom:2px } .sp-left-thumbnails .sp-thumbnail-container:first-child,.sp-right-thumbnails .sp-thumbnail-container:first-child { margin-top:0 } .sp-left-thumbnails .sp-thumbnail-container:last-child,.sp-right-thumbnails .sp-thumbnail-container:last-child { margin-bottom:0 } .sp-right-thumbnails.sp-has-pointer { margin-left:-13px } .sp-right-thumbnails.sp-has-pointer .sp-thumbnail { position:absolute; left:18px; margin-left:0!important } .sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before { content:''; position:absolute; height:100%; border-left:5px solid red; left:0; top:0; margin-left:13px } .sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after { content:''; position:absolute; width:0; height:0; left:0; top:50%; margin-top:-8px; border-right:13px solid red; border-top:8px solid transparent; border-bottom:8px solid transparent } .sp-left-thumbnails.sp-has-pointer { margin-right:-13px } .sp-left-thumbnails.sp-has-pointer .sp-thumbnail { position:absolute; right:18px } .sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before { content:''; position:absolute; height:100%; border-left:5px solid red; right:0; top:0; margin-right:13px } .sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after { content:''; position:absolute; width:0; height:0; right:0; top:50%; margin-top:-8px; border-left:13px solid red; border-top:8px solid transparent; border-bottom:8px solid transparent } .sp-bottom-thumbnails.sp-has-pointer { margin-top:-13px } .sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail { position:absolute; top:18px; margin-top:0!important } .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before { content:''; position:absolute; width:100%; border-bottom:5px solid red; top:0; margin-top:13px } .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after { content:''; position:absolute; width:0; height:0; left:50%; top:0; margin-left:-8px; border-bottom:13px solid red; border-left:8px solid transparent; border-right:8px solid transparent } .sp-top-thumbnails.sp-has-pointer { margin-bottom:-13px } .sp-top-thumbnails.sp-has-pointer .sp-thumbnail { position:absolute; bottom:18px } .sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before { content:''; position:absolute; width:100%; border-bottom:5px solid red; bottom:0; margin-bottom:13px } .sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after { content:''; position:absolute; width:0; height:0; left:50%; bottom:0; margin-left:-8px; border-top:13px solid red; border-left:8px solid transparent; border-right:8px solid transparent } .sp-layer { position:absolute; margin:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-font-smoothing:subpixel-antialiased; -webkit-backface-visibility:hidden } .sp-black { color:#FFF; background:#000; background:rgba(0,0,0,0.7) } .sp-white { color:#000; background:#fff; background:rgba(255,255,255,0.7) } .sp-rounded { -webkit-border-radius:10px; border-radius:10px } .sp-padding { padding:10px } .sp-grab { cursor:url(/wp-content/themes/issoft/assets/styles/images/openhand.cur),move } .sp-grabbing { cursor:url(/wp-content/themes/issoft/assets/styles/images/closedhand.cur),move } .sp-selectable { cursor:default } .sp-caption-container { text-align:center; margin-top:10px } .sp-full-screen { margin:0!important; background-color:#000 } .sp-full-screen-button { position:absolute; top:5px; right:10px; font-size:30px; line-height:1; cursor:pointer; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg) } .sp-full-screen-button:before { content:'\2195' } .sp-fade-full-screen { opacity:0; -webkit-transition:opacity .5s; -o-transition:opacity .5s; transition:opacity .5s } .slider-pro:hover .sp-fade-full-screen { opacity:1 } .sp-buttons { position:relative; width:100%; text-align:center; padding-top:10px } .sp-rtl .sp-buttons { direction:rtl } .sp-full-screen .sp-buttons { display:none } .sp-button { width:10px; height:10px; border:2px solid #000; -webkit-border-radius:50%; border-radius:50%; margin:4px; display:inline-block; -webkit-box-sizing:border-box; box-sizing:border-box; cursor:pointer } .sp-selected-button { background-color:#000 } @media only screen and (min-width: 768px) and (max-width: 1024px) { .sp-button { width:14px; height:14px } } @media only screen and (min-width: 568px) and (max-width: 768px) { .sp-button { width:16px; height:16px } } @media only screen and (min-width: 320px) and (max-width: 568px) { .sp-button { width:18px; height:18px } } .sp-arrows { position:absolute } .sp-fade-arrows { opacity:0; -webkit-transition:opacity .5s; -o-transition:opacity .5s; transition:opacity .5s } .sp-slides-container:hover .sp-fade-arrows { opacity:1 } .sp-horizontal .sp-arrows { width:100%; left:0; top:50%; margin-top:-15px } .sp-vertical .sp-arrows { height:100%; left:50%; top:0; margin-left:-10px } .sp-arrow { position:absolute; display:block; width:20px; height:30px; cursor:pointer } .sp-vertical .sp-arrow { -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg) } .sp-horizontal .sp-previous-arrow { left:20px; right:auto } .sp-horizontal .sp-next-arrow,.sp-horizontal.sp-rtl .sp-previous-arrow { right:20px; left:auto } .sp-horizontal.sp-rtl .sp-next-arrow { left:20px; right:auto } .sp-vertical .sp-previous-arrow { top:20px } .sp-vertical .sp-next-arrow { bottom:20px; -webkit-transform:rotate(270deg); -ms-transform:rotate(270deg); transform:rotate(270deg) } .sp-next-arrow:after,.sp-next-arrow:before,.sp-previous-arrow:after,.sp-previous-arrow:before { content:''; position:absolute; width:50%; height:50%; background-color:#FFF } .sp-arrow:before { left:30%; top:0; -webkit-transform:skew(145deg,0deg); -ms-transform:skew(145deg,0deg); transform:skew(145deg,0deg) } .sp-arrow:after { left:30%; top:50%; -webkit-transform:skew(-145deg,0deg); -ms-transform:skew(-145deg,0deg); transform:skew(-145deg,0deg) } .sp-horizontal.sp-rtl .sp-previous-arrow,.sp-next-arrow { -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg) } .sp-horizontal.sp-rtl .sp-next-arrow { -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg) } .ie7 .sp-arrow,.ie8 .sp-arrow { width:0; height:0 } .ie7 .sp-arrow:after,.ie7 .sp-arrow:before,.ie8 .sp-arrow:after,.ie8 .sp-arrow:before { content:none } .ie7.sp-horizontal .sp-previous-arrow,.ie8.sp-horizontal .sp-previous-arrow { border-right:20px solid #FFF; border-top:20px solid transparent; border-bottom:20px solid transparent } .ie7.sp-horizontal .sp-next-arrow,.ie8.sp-horizontal .sp-next-arrow { border-left:20px solid #FFF; border-top:20px solid transparent; border-bottom:20px solid transparent } .ie7.sp-vertical .sp-previous-arrow,.ie8.sp-vertical .sp-previous-arrow { border-bottom:20px solid #FFF; border-left:20px solid transparent; border-right:20px solid transparent } .ie7.sp-vertical .sp-next-arrow,.ie8.sp-vertical .sp-next-arrow { border-top:20px solid #FFF; border-left:20px solid transparent; border-right:20px solid transparent } .sp-thumbnail-arrows { position:absolute } .sp-fade-thumbnail-arrows { opacity:0; -webkit-transition:opacity .5s; -o-transition:opacity .5s; transition:opacity .5s } .sp-thumbnails-container:hover .sp-fade-thumbnail-arrows { opacity:1 } .sp-bottom-thumbnails .sp-thumbnail-arrows,.sp-top-thumbnails .sp-thumbnail-arrows { width:100%; top:50%; left:0; margin-top:-12px } .sp-left-thumbnails .sp-thumbnail-arrows,.sp-right-thumbnails .sp-thumbnail-arrows { height:100%; top:0; left:50%; margin-left:-7px } .sp-thumbnail-arrow { position:absolute; display:block; width:15px; height:25px; cursor:pointer } .sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow,.sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow { -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg) } .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.sp-top-thumbnails .sp-previous-thumbnail-arrow { left:0 } .sp-bottom-thumbnails .sp-next-thumbnail-arrow,.sp-top-thumbnails .sp-next-thumbnail-arrow { right:0 } .sp-left-thumbnails .sp-previous-thumbnail-arrow,.sp-right-thumbnails .sp-previous-thumbnail-arrow { top:0 } .sp-left-thumbnails .sp-next-thumbnail-arrow,.sp-right-thumbnails .sp-next-thumbnail-arrow { bottom:0 } .sp-next-thumbnail-arrow:after,.sp-next-thumbnail-arrow:before,.sp-previous-thumbnail-arrow:after,.sp-previous-thumbnail-arrow:before { content:''; position:absolute; width:50%; height:50%; background-color:#FFF } .sp-previous-thumbnail-arrow:before { left:30%; top:0; -webkit-transform:skew(145deg,0deg); -ms-transform:skew(145deg,0deg); transform:skew(145deg,0deg) } .sp-previous-thumbnail-arrow:after { left:30%; top:50%; -webkit-transform:skew(-145deg,0deg); -ms-transform:skew(-145deg,0deg); transform:skew(-145deg,0deg) } .sp-next-thumbnail-arrow:before { right:30%; top:0; -webkit-transform:skew(35deg,0deg); -ms-transform:skew(35deg,0deg); transform:skew(35deg,0deg) } .sp-next-thumbnail-arrow:after { right:30%; top:50%; -webkit-transform:skew(-35deg,0deg); -ms-transform:skew(-35deg,0deg); transform:skew(-35deg,0deg) } .ie7 .sp-thumbnail-arrow,.ie8 .sp-thumbnail-arrow { width:0; height:0 } .ie7 .sp-thumbnail-arrow:after,.ie7 .sp-thumbnail-arrow:before,.ie8 .sp-thumbnail-arrow:after,.ie8 .sp-thumbnail-arrow:before { content:none } .ie7 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.ie7 .sp-top-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-top-thumbnails .sp-previous-thumbnail-arrow { border-right:12px solid #FFF; border-top:12px solid transparent; border-bottom:12px solid transparent } .ie7 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,.ie7 .sp-top-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-top-thumbnails .sp-next-thumbnail-arrow { border-left:12px solid #FFF; border-top:12px solid transparent; border-bottom:12px solid transparent } .ie7 .sp-left-thumbnails .sp-previous-thumbnail-arrow,.ie7 .sp-right-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-left-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-right-thumbnails .sp-previous-thumbnail-arrow { border-bottom:12px solid #FFF; border-left:12px solid transparent; border-right:12px solid transparent } .ie7 .sp-left-thumbnails .sp-next-thumbnail-arrow,.ie7 .sp-right-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-left-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-right-thumbnails .sp-next-thumbnail-arrow { border-top:12px solid #FFF; border-left:12px solid transparent; border-right:12px solid transparent } a.sp-video { text-decoration:none } a.sp-video img { -webkit-backface-visibility:hidden; border:none } a.sp-video:after { content:'\25B6'; position:absolute; width:45px; padding-left:5px; height:50px; border:2px solid #FFF; text-align:center; font-size:30px; -webkit-border-radius:30px; border-radius:30px; top:0; color:#FFF; bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.2); margin:auto; line-height:52px } .slider-pro img.sp-image,.slider-pro img.sp-thumbnail { max-width:none; max-height:none; border:none!important; -webkit-border-radius:0!important; border-radius:0!important; padding:0!important; -webkit-box-shadow:none!important; -mox-box-shadow:none!important; box-shadow:none!important; transition:none; -moz-transition:none; -webkit-transition:none; -o-transition:none } .slider-pro a { position:static; transition:none!important; -moz-transition:none!important; -webkit-transition:none!important; -o-transition:none!important } .slider-pro canvas,.slider-pro embed,.slider-pro iframe,.slider-pro object,.slider-pro video { max-width:none; max-height:none } .slider-pro p.sp-layer { font-size:14px; line-height:1.4; margin:0 } .slider-pro h1.sp-layer { font-size:32px; line-height:1.4; margin:0 } .slider-pro h2.sp-layer { font-size:24px; line-height:1.4; margin:0 } .slider-pro h3.sp-layer { font-size:19px; line-height:1.4; margin:0 } .slider-pro h4.sp-layer { font-size:16px; line-height:1.4; margin:0 } .slider-pro h5.sp-layer { font-size:13px; line-height:1.4; margin:0 } .slider-pro h6.sp-layer { font-size:11px; line-height:1.4; margin:0 } .slider-pro img.sp-layer { border:none }* { margin:0; padding:0; font:; font-style:normal; font-variant:normal; font-weight:normal; font-family:inherit; -webkit-box-sizing:border-box; box-sizing:border-box } article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display:block } audio,canvas,progress,video { display:inline-block; vertical-align:baseline } audio:not([controls]) { display:none; height:0 } [hidden],template { display:none } html { font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-focus-ring-color:rgba(255,255,255,0); cursor:default } body { font-size:100%; line-height:1; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased } a { background:transparent } :focus,:active,:hover { outline:none } hr { -webkit-box-sizing:content-box; box-sizing:content-box; height:0 } ol,ul { list-style:none } pre { -moz-tab-size:4; -o-tab-size:4; tab-size:4; white-space:pre-wrap } q { quotes:'\201C','\201D','\2018','\2019' } img { border:none } svg:not(:root) { overflow:hidden } button,input { line-height:normal } button,select { text-transform:none } button { overflow:visible } button,html input[type='button'],input[type='reset'],input[type='submit'] { -webkit-appearance:button; cursor:pointer } button[disabled],html input[disabled] { cursor:default } input[type='checkbox'],input[type='radio'] { -webkit-box-sizing:border-box; box-sizing:border-box } input[type='number']::-webkit-inner-spin-button,input[type='number']::-webkit-outer-spin-button { height:auto } input[type='search'] { -webkit-appearance:textfield; -webkit-box-sizing:content-box; box-sizing:content-box } input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-decoration { -webkit-appearance:none } button::-moz-focus-inner,input::-moz-focus-inner { border:none; padding:0 } textarea { overflow:auto; vertical-align:top } button,input,select[multiple],textarea { background-image:none } input,select,textarea { -webkit-border-radius:0; border-radius:0; -webkit-box-shadow:none; box-shadow:none } input,textarea { resize:none; -webkit-user-select:text; -moz-user-select:text; -ms-user-select:text; user-select:text } [placeholder]:focus::-webkit-input-placeholder { color:transparent } [placeholder]:focus::-moz-placeholder { color:transparent } [placeholder]:focus:-ms-input-placeholder { color:transparent } [placeholder]:focus::-ms-input-placeholder { color:transparent } [placeholder]:focus::placeholder { color:transparent } table { border-collapse:collapse; border-spacing:0 } body { font:100% 'Roboto',sans-serif } .vjs-resize-manager { display:none } img.cover,video.cover { -o-object-fit:cover; object-fit:cover; font-family:'object-fit: cover; object-position: left top;' } .content-page { opacity:0; overflow:hidden } .text-center { text-align:center; width:100% } .button { display:inline-block!important; width:auto!important; min-width:240px; padding-top:19px!important; padding-bottom:19px!important; font-size:20px; line-height:1.4; text-align:center!important; color:#fff!important; -webkit-border-radius:32.5px; border-radius:32.5px; border:none!important; -webkit-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out; background-color:#021789 } .button:hover { background-color:#0533be } .link { display:table; position:relative } .link_animate:hover span { background:transparent } .link_animate:hover span:before { opacity:0; -webkit-transform:translate(500%,0); -ms-transform:translate(500%,0); transform:translate(500%,0) } .link_animate:hover span:after { -webkit-transform:translate(180%,0); -ms-transform:translate(180%,0); transform:translate(180%,0); opacity:1 } .link_animate span { display:block; width:21px; -webkit-transition:all .4s; -moz-transition:all .4s; position:absolute; top:50%; right:0; height:1.5px } .link_animate span:before { content:''; height:100%; width:100%; background:#b5b4b4; display:block; -webkit-transform:translate(-900%,0); -ms-transform:translate(-900%,0); transform:translate(-900%,0); right:0; top:0; -webkit-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; -webkit-transform:translate(150%,0); -ms-transform:translate(150%,0); transform:translate(150%,0) } .link_animate span:after { content:''; background:#b5b4b4; height:100%; width:100%; position:absolute; display:block; -webkit-transform:translate(-900%,0); -ms-transform:translate(-900%,0); transform:translate(-900%,0); opacity:0; right:0; -webkit-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; top:0 } .os-animation { opacity:0 } .os-animation.animated { opacity:1 } .container { max-width:1194px } .title { position:relative; z-index:1; margin-bottom:60px } .title span { display:block; font-size:34px; line-height:1.41; letter-spacing:-.4px; color:#212121 } .padding { padding-bottom:140px } .content h1,.content .h1 { margin-top:0; margin-bottom:30px; font-size:32px; line-height:1.4; text-align:left; color:#212121 } .content h2,.content .h2 { margin-top:0; margin-bottom:22px; font-size:16px; line-height:1.4; text-align:left; color:#212121; font-weight:600 } .tabslist-content__item .content .h2 { margin-top:40px; margin-bottom:30px; font-size:12px; font-weight:500; line-height:1.5; text-transform:uppercase; color:#bdbdbd } @media (min-width: 992px) { .content h2,.content .h2 { margin-bottom:30px; font-size:26px; line-height:1.4 } .tabslist-content__item .content .h2 { font-size:16px } } .content h3,.content .h3 { margin-top:0; margin-bottom:30px; font-size:24px; line-height:1.4; text-align:left; color:#212121; font-weight:600 } .content h6,.content .h6 { margin-bottom:0; font-size:20px; color:#bdbdbd; font-size:16px; line-height:1.4; text-align:left } @media (min-width: 992px) { .content h6,.content .h6 { font-size:20px; line-height:1.4 } } .content a { color:#021789; font-size:16px; text-decoration:none } @media (min-width: 992px) { .content a { font-size:20px } } .content blockquote { position:relative; margin-left:14px; margin-bottom:50px; padding-top:15px; padding-right:10px; padding-left:24px } @media (min-width: 576px) { .content blockquote { margin-bottom:60px; margin-left:54px; padding-top:38px; padding-right:74px; padding-left:26px } } @media (min-width: 992px) { .content blockquote { margin-bottom:84px; margin-left:54px; padding-top:38px; padding-right:92px; padding-left:32px } } .content blockquote:before { content:''; position:absolute; top:10px; left:0; width:4px; height:100%; background-color:#e0e0e0 } @media (min-width: 576px) { .content blockquote:before { top:32px; height:-webkit-calc(100% - 25px); height:calc(100% - 25px) } } @media (min-width: 992px) { .content blockquote:before { content:''; position:absolute; top:32px; left:0; width:4px; height:-webkit-calc(100% - 25px); height:calc(100% - 25px); background-color:#e0e0e0 } } .content blockquote p { margin-bottom:0; font-size:14px; line-height:1.43; color:#212121 } @media (min-width: 992px) { .content blockquote p { margin-bottom:0; font-size:16px; line-height:1.5; text-align:left; color:#212121 } } .content p { margin-bottom:28px; font-size:16px; color:#bdbdbd; font-size:16px; line-height:1.4; text-align:left } .blog-content__content .content p { color:#000 } .blog-content__content .content img { max-width:100%; height:auto; margin-bottom:25px } .blog-content__content .content ol li,.blog-content__content .content ul li { color:#000 } .blog-content__content em { font-style:italic } .blog-content__content strong { font-weight:600 } @media (min-width: 992px) { .content p { font-size:20px; line-height:1.4 } } .content ul { margin-bottom:28px; padding:0 } .content ul li { position:relative; margin-bottom:5px; color:#bdbdbd; font-size:16px; line-height:1.4; text-align:left } .content ul li:before { content:''; display:inline-block; width:5px; height:5px; border-radius:50%; background-color:#bdbdbd; vertical-align:middle; margin:0 12px 0 0 } @media (min-width: 992px) { .content ul li { font-size:20px; line-height:1.4 } } .content ol { counter-reset:counter; margin:0; padding:0 } .content ol li { position:relative; margin-bottom:28px; font-size:20px; color:#bdbdbd; font-size:16px; line-height:1.4; text-align:left } @media (min-width: 992px) { .content ol li { font-size:20px } } .content ol li:before { content:counter(counter) "."; counter-increment:counter; display:inline-block; margin-right:12px } .content span { font-size:16px; color:#bdbdbd } @media (min-width: 992px) { .content span { font-size:20px } } .content .black { color:#212121 } .content .text { position:relative; z-index:5 } .content .text.load { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) } .content .text_down { margin-top:-30px; margin-bottom:50px } @media (min-width: 768px) { .content .text_down { margin-top:-60px } } @media (min-width: 992px) { .content .text_down { margin-top:-70px } } .content .text_up { margin-bottom:-30px } @media (min-width: 768px) { .content .text_up { margin-bottom:-60px } } @media (min-width: 992px) { .content .text_up { margin-bottom:-70px } } .content .text_left { -webkit-transform:translateX(-100vw); -ms-transform:translateX(-100vw); transform:translateX(-100vw); -webkit-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out } @media (min-width: 768px) { .content .text_left { padding-right:22% } } @media (min-width: 768px) { .content .text_left .text__content { padding:25px 80px 55px 15px } } @media (min-width: 992px) { .content .text_left .text__content { padding:88px 110px 50px 15px } } .content .text_left .text__content:before { right:0 } .content .text_right { -webkit-transform:translateX(100vw); -ms-transform:translateX(100vw); transform:translateX(100vw); -webkit-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out } @media (min-width: 768px) { .content .text_right { padding-left:22% } } @media (min-width: 768px) { .content .text_right .text__content { padding:25px 15px 55px 80px } } @media (min-width: 992px) { .content .text_right .text__content { padding:88px 15px 50px 110px } } .content .text_right .text__content:before { left:0 } .content .text__content { position:relative; padding:30px 30px 40px 20px } .content .text__content:before { content:''; position:absolute; top:0; width:100vw; height:100%; background-image:-webkit-gradient(linear,left bottom,left top,from(#f5f5f5),to(#fff)); background-image:-webkit-linear-gradient(bottom,#f5f5f5,#fff); background-image:-o-linear-gradient(bottom,#f5f5f5,#fff); background-image:linear-gradient(to top,#f5f5f5,#fff); z-index:-1 } .content .text__content li,.content .text__content p,.content .text__content span { font-size:14px } .slick-arrow { position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); cursor:pointer } .slick-arrow:hover>path { fill:#021789 } .slick-arrow path { -webkit-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out } .slick-dots { position:absolute; bottom:-38px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); text-align:center } .slick-dots li { display:inline-block; margin:0 12px; width:12px } .slick-dots li:only-child { display:none; opacity:0 } .slick-dots li.slick-active button { width:7px; height:7px; border:1px solid #021789; background-color:#fff } @media (min-width: 992px) { .slick-dots li.slick-active button { width:12px; height:12px } } .slick-dots button { font-size:0; width:2px; height:2px; -webkit-border-radius:50%; border-radius:50%; background-color:#e0e0e0; border:none } @media (min-width: 992px) { .slick-dots button { width:4px; height:4px } } .nextArrow { -webkit-transform:rotate(-180deg) translateY(-50%); -ms-transform:rotate(-180deg) translateY(-50%); transform:rotate(-180deg) translateY(-50%); margin-top:-24px } #video-in-banner,#video-full { position:absolute; top:0; left:0; width:100%; height:100%; -webkit-transition:all 400ms ease-in-out; -o-transition:all 400ms ease-in-out; transition:all 400ms ease-in-out; z-index:100 } .icon-video_close { position:absolute; z-index:4; top:15px; right:15px; background-image:url(/wp-content/themes/issoft/assets/images/icon-11.svg); background-repeat:no-repeat; background-position:center; -webkit-background-size:contain; background-size:contain; width:35px; height:35px; cursor:pointer } .icon-video_pause { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); background-image:url(/wp-content/themes/issoft/assets/images/video-controls/Play.svg); background-repeat:no-repeat; background-position:center; -webkit-background-size:contain; background-size:contain; width:80px; height:80px; z-index:4; cursor:pointer; display:none } .video-js { z-index:-1; opacity:0; display:none } .video-js.close { z-index:-1!important; opacity:0!important } .video-js .vjs-tech { -o-object-fit:cover; object-fit:cover } .video-js .vjs-control-bar { height:50px!important; opacity:1!important; visibility:visible!important; background-color:transparent; background-image:-webkit-gradient(linear,left bottom,left top,from(#000),to(transparent)); background-image:-webkit-linear-gradient(bottom,#000 0%,transparent 100%); background-image:-o-linear-gradient(bottom,#000 0%,transparent 100%); background-image:linear-gradient(to top,#000 0%,transparent 100%) } .video-js .vjs-progress-control { display:none; padding-left:35px } .video-js.vjs-playing { opacity:1; z-index:3 } .video-js.vjs-paused { opacity:1; z-index:3 } .video-js.vjs-paused .icon-video_pause { display:block } .vjs-remaining-time,.vjs-fullscreen-control { display:none!important } .vjs-volume-bar { margin-top:24px!important; left:15px } .vjs-playing>.vjs-icon-placeholder:before,.vjs-mute-control>.vjs-icon-placeholder:before { content:''!important; background-image:url(/wp-content/themes/issoft/assets/images/video-controls/Volume.svg); background-repeat:no-repeat; background-position:center; -webkit-background-size:contain; background-size:contain; width:30px; margin:0 15px } .vjs-mute-control>.vjs-icon-placeholder:before { background-image:url(/wp-content/themes/issoft/assets/images/video-controls/Volume.svg) } .vjs-mute-control.vjs-vol-0>.vjs-icon-placeholder:before { background-image:url(/wp-content/themes/issoft/assets/images/video-controls/Volume-off.svg) } .vjs-play-control.vjs-paused>.vjs-icon-placeholder:before { content:''!important; background-image:url(/wp-content/themes/issoft/assets/images/video-controls/Play.svg); background-repeat:no-repeat; background-position:center; -webkit-background-size:contain; background-size:contain; width:30px; margin:0 15px } .vjs-playing>.vjs-icon-placeholder:before { background-image:url(/wp-content/themes/issoft/assets/images/video-controls/Pause.svg) } .sp-fade-arrows { bottom:0 } @media (min-width: 992px) { .sp-fade-arrows { bottom:-36px } } .i.i-clip { position:relative; width:20px; height:20px; display:inline-block; font-size:0 } .i.i-clip:before { content:''; position:absolute; width:100%; height:100%; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); background-image:url(/wp-content/themes/issoft/assets/images/icon-10_black.svg); background-repeat:no-repeat; -webkit-background-size:contain; background-size:contain } .about { position:relative; display:block; overflow:hidden; padding-bottom:130px } .about:after { content:''; display:block; position:absolute; right:0; top:0; width:75%; height:60%; background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#fff)); background-image:-webkit-linear-gradient(top,#f5f5f5,#fff); background-image:-o-linear-gradient(top,#f5f5f5,#fff); background-image:linear-gradient(to bottom,#f5f5f5,#fff); -ms-transform:translate(100%,0); -webkit-transform:translate(100%,0); transform:translate(100%,0); -webkit-transition:all .4s; -moz-transition:all .4s; will-change:transform; z-index:-1 } .about.load:after { -ms-transform:translate(0,0); -webkit-transform:translate(0,0); transform:translate(0,0) } .about__title { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; margin-bottom:-58px } .about__logo { display:block; padding-top:154px; width:246px } .about__content { position:relative; padding-top:140px; padding-left:65px; padding-bottom:250px; width:-webkit-calc(100% - 246px); width:calc(100% - 246px) } .about__text { position:relative; top:1px; z-index:1; font-size:34px; line-height:1.41; letter-spacing:-.4px; color:#212121 } .numbers__icon { margin-bottom:50px; display:block; width:42px; height:46px } .numbers__icon img { max-width:100%; max-height:100% } .numbers__icon-item { width:100%; height:100%; background-repeat:no-repeat; background-position:center; -webkit-background-size:contain; background-size:contain } .numbers__number { margin-bottom:9px; font-size:56px; line-height:1.3; letter-spacing:-1.2px; color:#212121 } .numbers__text { font-size:20px; line-height:1.4; color:#212121 } .advantages-content { position:relative; display:block; z-index:1 } .advantages-content .content .h2 { font-weight:500; text-align:left; color:#bdbdbd; text-transform:uppercase; font-size:12px; font-weight:500; line-height:1.33; text-align:left; color:#bdbdbd } .advantages-content .slider-pro~.h2 { margin-top:140px } .vacancy-title a { text-decoration:none; font-size:30px; color:#021789 } .vacancy-title { margin-top:30px } @media (min-width: 992px) { .advantages-content .content .h2 { margin-bottom:58px; font-size:16px; line-height:1.5 } } @media (min-width: 992px) { .advantages-content .content li,.advantages-content .content span,.advantages-content .content p { font-size:20px; line-height:1.5 } } .advantages-content .sliderPro { padding-top:20px } .advantages-content .sliderPro+.sliderPro { margin-top:-150px } @media (min-width: 992px) { .advantages-content .slider-pro_content .sp-slide-text { padding:82px 106px 47px 25px } } @media (min-width: 992px) { .advantages-content .slider-pro_content .sp-slide-text .content li,.advantages-content .slider-pro_content .sp-slide-text .content span,.advantages-content .slider-pro_content .sp-slide-text .content p { font-size:20px; line-height:1.5 } } @media (min-width: 992px) { .advantages-content .slider-pro_content .sp-slide-text .content h6 { font-size:20px; line-height:1.5 } } @media (min-width: 992px) { .advantages-content .text__content li,.advantages-content .text__content span,.advantages-content .text__content p { font-size:20px; line-height:1.5 } } @media (min-width: 992px) { .advantages-content .text__content h6 { font-size:20px; line-height:1.5 } } .banner-image { padding-bottom:55px } @media (min-width: 768px) { .banner-image { margin-bottom:90px } } @media (min-width: 992px) { .banner-image { margin-bottom:140px; padding-top:60px } } .banner-image__item { position:relative; width:100%; height:0; padding-bottom:133px } @media (min-width: 576px) { .banner-image__item { padding-bottom:64% } } @media (min-width: 992px) { .banner-image__item { padding-bottom:58% } } .banner-image__image { position:absolute; z-index:1; top:0; left:0; width:100%; height:100% } .banner-image__image:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(2,23,137,0.298); z-index:1 } .banner-image__image img { position:absolute; top:0; left:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover } .banner-image__text { position:absolute; z-index:2; left:14px; bottom:22px; font-size:14px; line-height:1.4; text-align:left; color:#fff; text-shadow:0 2px 4px rgba(0,0,0,0.4) } @media (min-width: 768px) { .banner-image__text { left:20px; bottom:34px } } @media (min-width: 992px) { .banner-image__text { bottom:64px; left:40px; font-size:20px } } .advantages-grid { margin-bottom:90px; display:block } @media (min-width: 992px) { .advantages-grid { margin-bottom:130px } } .advantages-grid__list-items { display:none } .advantages-grid__row { position:relative; white-space:nowrap } @media (min-width: 576px) { .advantages-grid__row:nth-child(3),.advantages-grid__row:nth-child(1) { padding-left:260px } } @media (min-width: 992px) { .advantages-grid__row:nth-child(3),.advantages-grid__row:nth-child(1) { padding-left:710px } } @media (min-width: 1200px) { .advantages-grid__row:nth-child(3),.advantages-grid__row:nth-child(1) { padding-left:592px } } .advantages-grid__row:nth-child(2) .advantages-grid__item { width:288px } @media (min-width: 576px) { .advantages-grid__row:nth-child(2) { padding-left:180px } } @media (min-width: 992px) { .advantages-grid__row:nth-child(2) { padding-left:510px } } @media (min-width: 1200px) { .advantages-grid__row:nth-child(2) { padding-left:318px } } .advantages-grid__row:nth-child(4) .advantages-grid__item { width:288px } @media (min-width: 576px) { .advantages-grid__row:nth-child(4) { padding-left:350px } } @media (min-width: 992px) { .advantages-grid__row:nth-child(4) { padding-left:790px } } @media (min-width: 1200px) { .advantages-grid__row:nth-child(4) { padding-left:720px } } @media (min-width: 576px) { .advantages-grid__row:nth-child(5) { padding-left:280px } } @media (min-width: 992px) { .advantages-grid__row:nth-child(5) { padding-left:710px } } @media (min-width: 1200px) { .advantages-grid__row:nth-child(5) { padding-left:490px } } .advantages-grid__row:nth-child(6) .advantages-grid__item { width:288px } @media (min-width: 576px) { .advantages-grid__row:nth-child(6) { padding-left:150px } } @media (min-width: 992px) { .advantages-grid__row:nth-child(6) { padding-left:510px } } @media (min-width: 1200px) { .advantages-grid__row:nth-child(6) { padding-left:320px } } .advantages-grid__content { position:relative; left:0; width:900px } @media (min-width: 576px) { .advantages-grid__content { left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); width:1400px } } @media (min-width: 992px) { .advantages-grid__content { width:2600px } } .advantages-grid__item-wrap { position:relative; width:100%; height:0; padding-bottom:100% } .advantages-grid__item-text { position:absolute; top:0; left:20px; display:inline-block; width:-webkit-calc(100vw - 40px); width:calc(100vw - 40px); height:288px; color:#bdbdbd; line-height:1.33; white-space:normal; background-color:#fff; z-index:1; font-size:14px; padding:40px 22px 15px } @media (min-width: 576px) { .advantages-grid__item-text { position:relative; left:0; width:472px; height:initial; padding:55px 39px 15px 34px } } @media (min-width: 992px) { .advantages-grid__item-text { width:672px; padding:80px 130px 15px 98px; font-size:18px } } @media (min-width: 1200px) { .advantages-grid__item-text { width:812px; padding:110px 130px 15px 98px; font-size:24px } } .advantages-grid__item { display:inline-block; width:144px } @media (min-width: 576px) { .advantages-grid__item { width:206px!important } } @media (min-width: 992px) { .advantages-grid__item { width:306px!important } } @media (min-width: 1200px) { .advantages-grid__item { width:400px!important } } .advantages-grid__item img { position:absolute; top:0; left:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover } .advantages-header { display:block } .advantages-header .share,.grows-tab .share { border-bottom:none } .advantages-header .share .pluso-wrap a,.advantages-header .share .a2a_default_style a,.grows-tab .share .pluso-wrap a,.grows-tab .share .a2a_default_style a { margin:0 30px!important; width:23px!important; height:22px!important } @media (max-width: 767.99px) { .advantages-header .share .pluso-wrap a,.advantages-header .share .a2a_default_style a,.grows-tab .share .pluso-wrap a,.grows-tab .share .a2a_default_style a { margin:0 16px!important; width:17px!important; height:17px!important } } .advantages-header .share .pluso-wrap a svg,.advantages-header .share .a2a_default_style a svg,.grows-tab .share .pluso-wrap a svg,.grows-tab .share .a2a_default_style a svg { max-width:100%; max-height:100%; width:100%; height:100% } .pluso-more { display:none!important; opacity:0!important; visibility:hidden!important } @media (min-width: 992px) { .advantages-header .content { margin-bottom:140px; max-width:904px } } .advantages-header .content li,.advantages-header .content p,flyLinks .advantages-header .content span { font-size:16px } @media (min-width: 992px) { .advantages-header .content li,.advantages-header .content p,.advantages-header .content span { font-size:20px } } @media (min-width: 992px) { .advantages-header .header-title { padding-top:128px } } .advantages-tabs { display:block } .advantages-tabs__title { position:relative; z-index:2; margin-bottom:45px; color:#bdbdbd; font-weight:500; font-size:12px; line-height:1.33; text-transform:uppercase } @media (min-width: 992px) { .advantages-tabs__title { margin-bottom:58px; font-size:16px; line-height:1.5 } } @media (min-width: 992px) { .gridTab { margin-bottom:50px } } .gridTab__item-icon { margin-bottom:20px } @media (min-width: 992px) { .gridTab__item-icon { width:auto; height:auto; margin-bottom:28px } } .gridTab__item-icon img { max-width:100%; max-height:100% } .gridTab__item-title-content { max-width:100px; padding-bottom:30px } @media (min-width: 992px) { .gridTab__item-title-content { max-width:200px; padding-bottom:60px } } .gridTab__item-title { position:relative; padding:15px 15px 20px 22px !important; z-index:10; border:none!important; background-color:transparent!important; cursor:pointer; -webkit-transition:all .3s ease-in-out!important; -o-transition:all .3s ease-in-out!important; transition:all .3s ease-in-out!important } @media (min-width: 768px) { .gridTab__item-title { padding:15px 15px 40px 22px !important } } @media (min-width: 992px) { .gridTab__item-title { padding:15px 15px 40px 42px !important } } .gridTab__item-title span { display:block; font-size:14px; line-height:1.43; color:#212121 } @media (min-width: 992px) { .gridTab__item-title span { max-width:160px; font-size:20px } } .gridTab__item-title.is-active { padding-top:15px!important } @media (min-width: 768px) { .gridTab__item-title.is-active { padding-top:60px!important } } .gridTab__item-title.is-active .gridTab__item-title-content { border-bottom:2px solid #212121!important } .gridTab__item-title.is-active+.gridTab__item-content:before { opacity:1 } .gridTab__item-content { position:relative; border:none!important; padding-top:15px!important } @media (min-width: 992px) { .gridTab__item-content { padding-top:40px } } .gridTab__item-content:before { content:''; position:absolute; background-image:-webkit-gradient(linear,left bottom,left top,from(#fafafa),to(#fff)); background-image:-webkit-linear-gradient(bottom,#fafafa,#fff); background-image:-o-linear-gradient(bottom,#fafafa,#fff); background-image:linear-gradient(to top,#fafafa,#fff); bottom:40px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); width:-webkit-calc(100% + 100px); width:calc(100% + 100px); height:496px; opacity:0; -webkit-transition:all .3s ease-in-out!important; -o-transition:all .3s ease-in-out!important; transition:all .3s ease-in-out!important; z-index:-1 } .gridTab__item-content .content li,.gridTab__item-content .content span,.gridTab__item-content .content p { font-size:14px; text-align:center } @media (min-width: 992px) { .gridTab__item-content .content li,.gridTab__item-content .content span,.gridTab__item-content .content p { font-size:20px } } .blog-content { display:block; margin-bottom:76px } @media (min-width: 992px) { .blog-content { margin-bottom:140px } } .blog-content__image { position:relative; height:0; width:100%; padding-bottom:495px; margin-bottom:55px } @media (min-width: 576px) { .blog-content__image { padding-bottom:80% } } @media (min-width: 768px) { .blog-content__image { margin-bottom:63px; padding-bottom:50% } } @media (min-width: 992px) { .blog-content__image { margin-bottom:140px } } .blog-content__image img { position:absolute; top:0; left:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover } .blog-content__content { width:100%; max-width:288px; margin:0 auto } @media (min-width: 576px) { .blog-content__content { max-width:463px } } @media (min-width: 992px) { .blog-content__content { max-width:811px } } .blog-content .content { margin-bottom:58px } @media (min-width: 992px) { .blog-content .content { margin-bottom:90px } } .share { padding-bottom:25px; border-bottom:1px solid #e0e0e0 } @media (min-width: 992px) { .share { padding-bottom:38px } } .share__title { display:inline-block; font-size:14px; line-height:1.43; color:#bdbdbd } @media (min-width: 992px) { .share__title { margin-right:15px; font-size:20px } } .share__list { display:inline-block } .a2a_svg { background-color:inherit!important } .a2a_svg svg { display:none!important } .share .pluso-wrap,.share .a2a_default_style { top:2px; padding:0!important } .share .pluso-wrap a,.share .a2a_default_style a { margin:0 16px!important; width:18px!important; height:18px!important; position:relative } @media (min-width: 992px) { .share .pluso-wrap a,.share .a2a_default_style a { margin:0 10px!important; width:23px!important; height:23px!important } } .share .pluso-wrap a:hover .svg-item1,.share .pluso-wrap a:hover .svg-item,.share .a2a_default_style a:hover .svg-item1,.share .a2a_default_style a:hover .svg-item { fill:#021789 } .pluso-wrap a,.a2a_default_style a { background-repeat:no-repeat; background-position:center!important; background-size:contain } .pluso-facebook,.a2a_button_facebook { background-image:url(/wp-content/themes/issoft/assets/images/social-fb.svg)!important } .pluso-facebook:hover,.a2a_button_facebook:hover { background-image:url(/wp-content/themes/issoft/assets/images/social-fb_color.svg)!important } .pluso-vkontakte,.a2a_button_vk { background-image:url(/wp-content/themes/issoft/assets/images/social-vk.svg)!important } .pluso-vkontakte:hover,.a2a_button_vk:hover { background-image:url(/wp-content/themes/issoft/assets/images/social-vk_color.svg)!important } .pluso-linkedin,.a2a_button_linkedin { background-image:url(/wp-content/themes/issoft/assets/images/social-linkidin.svg)!important } .pluso-linkedin:hover,.a2a_button_linkedin:hover { background-image:url(/wp-content/themes/issoft/assets/images/social-linkidin_color.svg)!important } .share .pluso-wrap a svg,.share .a2a_default_style a svg { z-index:-1 } @media (min-width: 992px) { .share .a2a_default_style a svg,.share .pluso-wrap a svg { max-width:initial; max-height:initial } } .share .pluso-wrap a .svg-item1,.share .pluso-wrap a .svg-item,.share .a2a_default_style a .svg-item1,.share .a2a_default_style a .svg-item { -webkit-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out } .blog-header { position:relative; display:block; margin-bottom:70px; padding-top:112px } @media (min-width: 992px) { .blog-header { margin-bottom:118px; padding-top:190px } } .blog-header:before { content:''; display:block; position:absolute; left:0; top:0; width:80%; height:528px; background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#fff)); background-image:-webkit-linear-gradient(top,#f5f5f5,#fff); background-image:-o-linear-gradient(top,#f5f5f5,#fff); background-image:linear-gradient(to bottom,#f5f5f5,#fff); -webkit-transform:translate(-100%,0); -ms-transform:translate(-100%,0); transform:translate(-100%,0); -webkit-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; will-change:transform; z-index:-1 } .blog-header.load:before { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0) } .blog-header__link { display:none; margin-bottom:17px; font-size:12px; line-height:1.33; text-align:left; color:#bdbdbd; text-decoration:none } @media (min-width: 992px) { .blog-header__link { margin-bottom:36px; line-height:1.5; font-size:16px } } .blog-header__date { display:none; font-size:16px; line-height:1.5; color:#bdbdbd } .blog-header__title { position:relative; margin-bottom:14px; font-size:20px; line-height:1.4; color:#021789 } @media (min-width: 992px) { .blog-header__title { font-size:34px; line-height:1.41; letter-spacing:-.4px; text-align:left } } .blog-header__title:after { content:''; display:block; position:absolute; left:0; bottom:-32px; width:31px; height:3px; background-image:-webkit-linear-gradient(353deg,#0533be,#021789); background-image:-o-linear-gradient(353deg,#0533be,#021789); background-image:linear-gradient(97deg,#0533be,#021789) } @media (min-width: 992px) { .blog-header__title:after { width:54px; height:4px } } .blog-header_article { padding-top:110px; margin-bottom:40px } @media (min-width: 768px) { .blog-header_article { padding-top:124px; margin-bottom:30px } } @media (min-width: 992px) { .blog-header_article { padding-top:145px; margin-bottom:84px } } .blog-header_article .blog-header__date { display:block } @media (min-width: 768px) { .blog-header_article .blog-header__date { display:none } } @media (min-width: 992px) { .blog-header_article .blog-header__date { display:block } } .blog-header_article .blog-header__link { display:block } .blog-header_article .blog-header__title { max-width:100%; font-size:20px; line-height:1.33; letter-spacing:-.5px } .blog-header_article .blog-header__title:after { display:none } @media (min-width: 768px) { .blog-header_article .blog-header__title { max-width:65%; line-height:1.33; font-size:24px } } @media (min-width: 992px) { .blog-header_article .blog-header__title { max-width:820px; font-size:45px; letter-spacing:-.5px } } .blog-list { position:relative; display:block; padding-bottom:100px } @media (min-width: 768px) { .blog-list { padding-bottom:130px } } @media (min-width: 992px) { .blog-list { padding-bottom:214px } } .blog-list__content { margin-bottom:0 } @media (min-width: 768px) { .blog-list__content { margin-bottom:30px } } @media (min-width: 992px) { .blog-list__content { padding-bottom:10px } } .blog-list__item { position:static; display:block; width:100%; float:left; margin-bottom:32px } @media (min-width: 768px) { .blog-list__item { display:inline-block; width:50% } } @media (min-width: 768px) { .blog-list__item:nth-child(2) { margin-top:32px } } @media (min-width: 992px) { .blog-list__item:nth-child(2) { margin-top:78px } } @media (min-width: 768px) { .blog-list__item:nth-child(even) .card-news { padding-right:0; padding-left:33px } } @media (min-width: 992px) { .blog-list__item:nth-child(even) .card-news { padding-left:55px; padding-right:0 } } @media (min-width: 768px) { .blog-list__item .card-news { margin-bottom:16px; padding-right:33px } } @media (min-width: 992px) { .blog-list__item .card-news { margin-bottom:32px; padding-right:55px } } .blog-list__link { position:relative } .blog-list__link:before { content:''; position:absolute; bottom:-100px; right:0; width:70%; height:714px; background-image:-webkit-gradient(linear,left bottom,left top,from(#f5f5f5),to(#fff)); background-image:-webkit-linear-gradient(bottom,#f5f5f5,#fff); background-image:-o-linear-gradient(bottom,#f5f5f5,#fff); background-image:linear-gradient(to top,#f5f5f5,#fff); -webkit-transform:translate(100%,0); -ms-transform:translate(100%,0); transform:translate(100%,0); -webkit-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; will-change:transform; z-index:-1 } .blog-list__link.load:before { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0) } .blog-list .link { font-size:20px; text-decoration:none; color:#bdbdbd } .blog-slider-else { position:relative; display:block } .blog-slider-else:before { content:''; position:absolute; right:0; -webkit-transform:translate(100%,0); -ms-transform:translate(100%,0); transform:translate(100%,0); width:60%; height:430px; background-image:-webkit-gradient(linear,left bottom,left top,from(#f5f5f5),to(#fff)); background-image:-webkit-linear-gradient(bottom,#f5f5f5,#fff); background-image:-o-linear-gradient(bottom,#f5f5f5,#fff); background-image:linear-gradient(to top,#f5f5f5,#fff); z-index:-1; -webkit-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out } @media (min-width: 768px) { .blog-slider-else:before { height:456px; bottom:-90px; width:70% } } @media (min-width: 992px) { .blog-slider-else:before { bottom:-100px; height:706px; width:75% } } .blog-slider-else.load:before { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0) } .blog-slider-else__title { margin-bottom:38px; font-size:12px; font-weight:500; line-height:1.33; text-transform:uppercase; color:#bdbdbd } @media (min-width: 992px) { .blog-slider-else__title { margin-bottom:42px; font-size:16px; line-height:1.5 } } .blog-slider-else__slider { margin-bottom:128px } .blog-slider-else__slider .slick-track { margin-left:0 } @media (min-width: 768px) { .blog-slider-else__slider { margin-bottom:164px } } @media (min-width: 992px) { .blog-slider-else__slider { margin-bottom:266px } } .blog-slider-else__item { margin-top:0; padding-left:15px; padding-right:15px } @media (min-width: 768px) { .blog-slider-else__item { padding-left:33px; padding-right:33px } } @media (min-width: 992px) { .blog-slider-else__item { padding-right:55px; padding-left:55px } } @media (min-width: 768px) { .blog-slider-else__item:nth-child(even) { margin-top:42px } } @media (min-width: 992px) { .blog-slider-else__item:nth-child(even) { margin-top:78px } } .blog-slider-else .slick-list { margin-left:-15px; margin-right:-15px } @media (min-width: 768px) { .blog-slider-else .slick-list { margin-left:-33px; margin-right:-33px } } @media (min-width: 992px) { .blog-slider-else .slick-list { margin-left:-55px; margin-right:-55px } } .blog-slider-else .slick-arrow { display:none!important; top:43%; z-index:10 } @media (min-width: 992px) { .blog-slider-else .slick-arrow { display:block!important } } .blog-slider-else .nextArrow { right:-62px } .blog-slider-else .prevArrow { left:-62px } .blog-slider-else .slick-dots { bottom:-42px } @media (min-width: 768px) { .blog-slider-else .slick-dots { bottom:-60px } } @media (min-width: 992px) { .blog-slider-else .slick-dots { bottom:-60px } } .breadcrumbs__item { display:inline-block } .breadcrumbs__item:last-child .breadcrumbs__link:after { display:none } .breadcrumbs__link { font-size:16px; line-height:1.5; text-align:left; color:#bdbdbd; text-decoration:none; -webkit-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out } .breadcrumbs__link:after { content:'/'; display:inline-block; margin:0 5px; -webkit-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out } .breadcrumbs__link:hover { color:#021789 } .breadcrumbs__link:hover:after { color:#bdbdbd } .card-news { width:100%; position:relative; display:inline-block; overflow:hidden } .card-news:hover .card-news__image-item { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1) } .card-news:hover .card-news__title { left:0 } .card-news__link { display:block; text-decoration:none; overflow:hidden } .card-news__image { display:block; position:relative; height:auto; width:100%; margin-bottom:35px; padding-bottom:58%; overflow:hidden } .card-news__image.swipe .card-news__color { -ms-transform:translate(-100%,0); -webkit-transform:translate(-100%,0); transform:translate(-100%,0) } .card-news__color { background-color:#fff; content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; -webkit-transition:all .4s; -moz-transition:all .4s; -o-transition-delay:.4s; -webkit-transition-delay:.4s; transition-delay:.4s } .card-news__image-item { display:block; position:absolute; right:0; bottom:0; min-width:100%; min-height:100%; width:100%; height:100%; -o-object-fit:cover; object-fit:cover; -ms-transform:translate(0,0); -webkit-transform:translate(0,0); transform:translate(0,0); -webkit-transition:all .4s; -webkit-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out } .blog-list .blog-list__content .card-news__link .card-news__title { position:relative; -webkit-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; left:-21px; padding-left:21px; display:block; margin-bottom:15px; font-size:20px; line-height:1.4; color:#212121 } .card-news__title { position:relative; -webkit-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; left:-21px; padding-left:21px; display:block; margin-bottom:15px; font-size:20px; line-height:1.4; color:#212121 } .card-news__title:before { content:''; position:absolute; top:0; left:0; width:4px; height:100%; background-color:#021789 } .blog-list .blog-list__content .card-news__link .card-news__date { display:block; font-size:16px; line-height:1.5; color:#bdbdbd } .card-news__date { display:block; font-size:16px; line-height:1.5; color:#bdbdbd } .contact-form { position:relative; display:block; padding-bottom:110px } .contact_row { padding-top:20px } .contact_row .col-12 { display:flex } .contact_row .col-12:nth-child(3) svg { margin-top:0 } @media (max-width: 576px) { .contact_row .col-12 { display:flex; justify-content:center } } .contact_row .col-12:first-child svg { margin-top:15px } .contact_row .col-12:first-child .contact-box { padding-top:15px } .contact_row .col-12 svg { margin-right:15px; margin-top:12px } .contact-form:before { content:''; display:block; position:absolute; right:0; bottom:-webkit-calc(100% - 150px); bottom:calc(100% - 150px); width:76%; height:639px; background-image:-webkit-gradient(linear,left bottom,left top,from(#f5f5f5),to(#fff)); background-image:-webkit-linear-gradient(bottom,#f5f5f5,#fff); background-image:-o-linear-gradient(bottom,#f5f5f5,#fff); background-image:linear-gradient(to top,#f5f5f5,#fff); -webkit-transform:translate(160%,0); -ms-transform:translate(160%,0); transform:translate(160%,0); -webkit-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; will-change:transform; z-index:-1 } @media (min-width: 768px) { .contact-form:before { width:84% } } @media (min-width: 992px) { .contact-form:before { width:80% } } @media (min-width: 1200px) { .contact-form:before { width:76% } } .contact-form .disable .contact-form__button { cursor:default; background-color:#e0e0e0!important; white-space:nowrap } .contact-form.decorBig:before { top:-130px; right:50%; bottom:auto; width:90%; height:495px; background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#fff)); background-image:-webkit-linear-gradient(top,#f5f5f5,#fff); background-image:-o-linear-gradient(top,#f5f5f5,#fff); background-image:linear-gradient(to bottom,#f5f5f5,#fff) } .contact-form.decorBig.load:before { -webkit-transform:translate(50%,0); -ms-transform:translate(50%,0); transform:translate(50%,0) } .contact-form.decorBig input,.contact-form.decorBig textarea { background-color:transparent } .contact-form.load:before { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0) } .contact-form__title { margin-bottom:115px } .contact-form__title-item { text-align:center; font-size:34px; line-height:1.41; color:#212121 } .contact-form__title-item_color { color:#021789 } .contact-form__text-answer { position:absolute; bottom:200px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); text-align:center; font-size:20px; line-height:1.4; text-align:center; display:none; color:#50c159 } .contact-form__text-answer_danger { color:#ef5350 } .contact-form__item { position:relative; width:100%; -ms-flex:0 0 50%; -webkit-box-flex:0; -webkit-flex:0 0 50%; flex:0 0 50%; max-width:50%; margin-bottom:10px; padding-right:55px; padding-left:55px } .contact-form__item:nth-child(1) { padding-left:110px } .contact-form__item:nth-child(2) { padding-right:110px } .contact-form__text { display:block; width:100%; padding-top:25px; padding-bottom:21px; border:none; -webkit-box-shadow:none; box-shadow:none } .contact-form__text span { width:auto!important; display:inline-block!important; font-size:20px; line-height:1.4; color:#000 } .contact-form__text img { margin-left:30px } .contact-form__icon { position:relative; top:3px; display:inline-block; text-decoration:none } .contact-form__form form { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap } .contact-form__form span { display:block; width:100% } .contact-form__form textarea { display:block; width:100%; height:385px; padding-top:25px; padding-bottom:21px; border:none; -webkit-box-shadow:none; box-shadow:none; border-bottom:3px solid #f5f5f5; font-size:20px; line-height:1.4; text-align:left; color:#212121 } .contact-form__form textarea::-webkit-input-placeholder { color:#000 } .contact-form__form textarea::-moz-placeholder { color:#000 } .contact-form__form textarea:-ms-input-placeholder { color:#000 } .contact-form__form textarea::-ms-input-placeholder { color:#000 } .contact-form__form textarea::placeholder { color:#000 } .contact-form__form input { display:block; width:100%; padding-top:25px; padding-bottom:21px; border:none; -webkit-box-shadow:none; box-shadow:none; border-bottom:3px solid #f5f5f5; text-align:left; color:#212121; font:20px/1.4 'Roboto',sans-serif } .contact-form__form input.false { color:#ef5350; border-bottom:3px solid #ffebee } .contact-form__form input.false::-webkit-input-placeholder { color:#ef5350 } .contact-form__form input.false::-moz-placeholder { color:#ef5350 } .contact-form__form input.false:-ms-input-placeholder { color:#ef5350 } .contact-form__form input.false::-ms-input-placeholder { color:#ef5350 } .contact-form__form input.false::placeholder { color:#ef5350 } .contact-form__form input::-webkit-input-placeholder { color:#000 } .contact-form__form input::-moz-placeholder { color:#000 } .contact-form__form input:-ms-input-placeholder { color:#000 } .contact-form__form input::-ms-input-placeholder { color:#000 } .contact-form__form input::placeholder { color:#000 } .file-label { position:relative; display:block; width:100%; padding-top:25px; padding-bottom:21px; border:none; -webkit-box-shadow:none; box-shadow:none; font-size:20px; line-height:1.4; text-align:left; color:#212121; cursor:pointer } .file-label:hover span { color:#021789 } .file-label:hover .i:before { background-image:url(/wp-content/themes/issoft/assets/images/icon-10.svg) } .file-label .i { margin-right:4px } .file-label span { width:calc(100% - 30px); line-height:1; display:inline-block; vertical-align:top; -webkit-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out } .footer { display:block } .footer__content { position:relative } .footer .menu { text-align:center; margin-bottom:31px } .social-menu { margin-bottom:20px; text-align:center } .social-menu__item { margin:0 16px; position:relative; width:33px; height:33px; display:inline-block } .social-menu__link { display:block } .social-menu__link:hover .svg-item1,.social-menu__link:hover .svg-item { fill:#021789 } .social-menu__link svg { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%) } .social-menu__link .svg-item1,.social-menu__link .svg-item { -webkit-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out } .part { position:absolute; right:0; top:0 } .part__image { display:block } .part__text { margin-bottom:18px; font-size:14px; line-height:1.43; color:#bdbdbd } .grows-content { display:block; position:relative; z-index:1 } .grows-content .header-title { padding-top:40px } .blockquote-wrapper { display:flex; align-items:center; margin-top:64px; margin-bottom:56px } .blockquote-info { width:120px; margin-right:75px; display:flex; flex-direction:column; align-items:center; justify-content:flex-start } .content .blockquote-wrapper blockquote { margin-left:0; width:calc(100% - 195px); color:rgba(0,0,0,0.87); font-size:16px; letter-spacing:0; line-height:24px; margin-bottom:0; padding-right:0; padding-top:0 } .content .blockquote-wrapper blockquote:before { position:absolute; height:calc(100% + 10px); top:50%; transform:translateY(-50%) } .blockquote-image { width:96px; height:96px; overflow:hidden; border-radius:50%; margin-bottom:15px } .blockquote-image img { width:100%; height:100%; object-fit:cover } .blockquote-title { color:#858585; font-size:14px; font-weight:500; letter-spacing:0; line-height:24px; text-align:center } .blockquote-subtitle { color:#858585; font-size:13px; letter-spacing:0; line-height:20px; text-align:center } @media (min-width: 992px) { .grows-content .header-title { padding-top:100px } } @media (min-width: 992px) { .grows-content .content span,.grows-content .content p,.grows-content .content a,.grows-content .content li { font-size:20px } .grows-content .content .text__content span,.grows-content .content .text__content p,.grows-content .content .text__content a,.grows-content .content .text__content li { font-size:20px } } @media (min-width: 992px) { .grows-content .sp-slide-text .content li,.grows-content .sp-slide-text .content p,.grows-content .sp-slide-text .content span { font-size:20px } } .grows-tab { display:block; position:relative; z-index:1 } .grows-tab .header-title { padding-top:55px } @media (min-width: 992px) { .grows-tab .header-title { padding-top:130px; margin-bottom:100px } } .grows-tab .header-title h1:after,.grows-tab .header-title .h1:after { bottom:-32px } .grows-tab .tabslist-content { margin-bottom:0 } .grows-tab .tabslist-content__item .content li,.grows-tab .tabslist-content__item .content p,.grows-tab .tabslist-content__item .content span { font-size:16px } @media (min-width: 992px) { .grows-tab .tabslist-content__item .content li,.grows-tab .tabslist-content__item .content p,.grows-tab .tabslist-content__item .content span { font-size:20px } } @media (min-width: 992px) { .grows-tab .sp-slide-text .content li,.grows-tab .sp-slide-text .content p,.grows-tab .sp-slide-text .content span { font-size:20px } .grows-tab .content .text__content span,.grows-tab .content .text__content p,.grows-tab .content .text__content a,.grows-tab .content .text__content li { font-size:20px } } .header-title { position:relative; display:block; padding-top:50px; margin-bottom:75px } .header-title_contact { padding-top:110px } @media (min-width: 768px) { .header-title { padding-top:120px; margin-bottom:86px } } @media (min-width: 992px) { .header-title { padding-top:164px; margin-bottom:133px } } .header-title:after { content:''; position:absolute; top:0; right:0; -webkit-transform:translateX(100%); -ms-transform:translateX(100%); transform:translateX(100%); -webkit-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; width:60%; height:302px; background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#fff)); background-image:-webkit-linear-gradient(top,#f5f5f5,#fff); background-image:-o-linear-gradient(top,#f5f5f5,#fff); background-image:linear-gradient(to bottom,#f5f5f5,#fff); z-index:-1 } @media (min-width: 992px) { .header-title:after { width:75%; height:495px } } .header-title.load:after { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) } .header-title h1,.header-title .h1 { position:relative; font-size:16px; line-height:1.5; text-align:left; color:#021789 } .header-title h1:after,.header-title .h1:after { content:''; position:absolute; bottom:-30px; left:0; width:31px; height:2px; background-color:#021789 } @media (min-width: 768px) { .header-title h1:after,.header-title .h1:after { height:3px } } @media (min-width: 992px) { .header-title h1:after,.header-title .h1:after { bottom:-40px; width:54px; height:4px } } @media (min-width: 768px) { .header-title h1,.header-title .h1 { font-size:20px } } @media (min-width: 992px) { .header-title h1,.header-title .h1 { font-size:34px; line-height:1.41; letter-spacing:-.4px } } .header-title .social-menu { padding-top:0; padding-bottom:0; margin-bottom:0; border:none } .header-vacancy { position:relative; padding-top:130px; padding-bottom:178px; display:block } .header-vacancy:before { content:''; display:block; position:absolute; left:0; top:0; width:80%; height:374px; background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#fff)); background-image:-webkit-linear-gradient(top,#f5f5f5,#fff); background-image:-o-linear-gradient(top,#f5f5f5,#fff); background-image:linear-gradient(to bottom,#f5f5f5,#fff); -webkit-transform:translate(-100%,0); -ms-transform:translate(-100%,0); transform:translate(-100%,0); -webkit-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; will-change:transform; z-index:-1 } .header-vacancy.trueTown { padding-bottom:150px } .header-vacancy.trueTown .header-vacancy__title span:after { display:none } .header-vacancy.trueTown .breadcrumbs { margin-bottom:33px } .header-vacancy.noTabs { padding-bottom:100px } .header-vacancy.load:before { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0) } .header-vacancy__town { font-size:20px; line-height:1.4; color:#021789 } .header-vacancy__title span { display:block; position:relative; margin-bottom:32px; font-size:34px; color:#021789; line-height:1.4; letter-spacing:-.4px } .header-vacancy__title span:after { content:''; display:block; position:absolute; left:0; bottom:-36px; width:54px; height:4px; background-image:-webkit-linear-gradient(353deg,#0533be,#021789); background-image:-o-linear-gradient(353deg,#0533be,#021789); background-image:linear-gradient(97deg,#0533be,#021789) } .header-vacancy__title_big span { font-size:45px } .header-vacancy .social-menu { display:none } @media (min-width: 768px) { .header-vacancy .social-menu { display:block; margin-right:64px; margin-top:13px } } .header-vacancy .social-menu__item { margin:0 0 0 60px } .header-vacancy .breadcrumbs { margin-bottom:10px } .history-content { position:relative; display:block } .history-content__decor { position:absolute; width:50%; height:740px; right:0; top:53%; background-image:-webkit-gradient(linear,right top,left top,from(#f5f5f5),to(#fff)); background-image:-webkit-linear-gradient(right,#f5f5f5,#fff); background-image:-o-linear-gradient(right,#f5f5f5,#fff); background-image:linear-gradient(to left,#f5f5f5,#fff); -ms-transform:translate(100%,0); -webkit-transform:translate(100%,0); transform:translate(100%,0); -webkit-transition:all .4s; -moz-transition:all .4s; will-change:transform; z-index:-1 } .history-content__decor.load { -ms-transform:translate(0,0); -webkit-transform:translate(0,0); transform:translate(0,0) } .history-content .content { max-width:1020px; margin-bottom:70px } .history-content .content .h2,.history-content .content h2 { margin-top:40px; margin-bottom:30px; font-size:12px; font-weight:500; line-height:1.5; text-transform:uppercase; color:#bdbdbd } @media (min-width: 992px) { .history-content .content .h2,.history-content .content h2 { font-size:16px; margin-bottom:57px } } .history-content .content li,.history-content .content span,.history-content .content p { margin-bottom:32px; font-size:16px; line-height:1.33; text-align:left } @media (min-width: 992px) { .history-content .content li,.history-content .content span,.history-content .content p { margin-bottom:30px; font-size:20px } } .values { margin-bottom:140px; padding-top:30px } .values__item-letter { -ms-flex:0 0 22%; -webkit-box-flex:0; -webkit-flex:0 0 22%; flex:0 0 22%; max-width:22% } .values__item-content { -ms-flex:0 0 78%; -webkit-box-flex:0; -webkit-flex:0 0 78%; flex:0 0 78%; max-width:78% } .values__content { max-width:640px } .values__letter { font-size:72px; width:50px; text-align:center; letter-spacing:-2.8px; margin-left:60px; text-transform:uppercase; color:#212121 } .values__item { margin-bottom:100px } .values__text { font-size:20px; line-height:1.4; text-align:left; color:#bdbdbd } .values__text_black { color:#212121 } .history { padding-top:55px; display:block } @media (min-width: 768px) { .history { padding-top:90px } } @media (min-width: 992px) { .history { padding-top:134px } } .history__title { position:relative; margin-bottom:80px; font-size:34px; line-height:1; letter-spacing:-.4px; color:#021789 } .history__title:after { content:''; position:absolute; bottom:-35px; left:0; width:54px; height:2px; background-image:-webkit-linear-gradient(353deg,#0533be,#021789); background-image:-o-linear-gradient(353deg,#0533be,#021789); background-image:linear-gradient(97deg,#0533be,#021789) } @media (min-width: 768px) { .history__title:after { height:3px } } @media (min-width: 992px) { .history__title:after { height:4px } } .history .sliderPro { padding-top:60px } .history .sliderPro .content p { color:#212121 } .last-news { display:block } .last-news__link { font-size:20px; line-height:1.4; color:#bdbdbd; text-decoration:none } .last-news__content { display:-ms-flexbox; display:-webkit-box; display:-webkit-flex; display:flex; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap } .last-news__item { position:relative; width:100%; -ms-flex:0 0 50%; -webkit-box-flex:0; -webkit-flex:0 0 50%; flex:0 0 50%; max-width:50%; margin-bottom:32px; padding-right:55px } .last-news__item:nth-child(even) { margin-top:78px; padding-left:55px; padding-right:0 } .map { margin-bottom:76px } @media (min-width: 768px) { .map { margin-bottom:106px } } @media (min-width: 992px) { .map { margin-bottom:130px } } .map__text { max-width:1000px; padding-top:0; padding-bottom:40px } @media (min-width: 992px) { .map__text { padding-top:60px; padding-bottom:80px } } @media (min-width: 992px) { .map__text .content li,.map__text .content span,.map__text .content p { font-size:20px; line-height:1.5 } } @media (min-width: 992px) { .map__text .content h6 { font-size:24px; line-height:1.5 } } .map__tabs { white-space:nowrap; overflow:auto; margin-right:-15px; padding-right:15px } .map__tab-content-item { position:relative; width:100%; height:0; padding-bottom:416px } @media (min-width: 768px) { .map__tab-content-item { padding-bottom:40% } } .map__tab-content-item>div { position:absolute!important; top:0; left:0; width:100%; height:100% } .map__tab-content-item > div > ymaps:not(:first-child) { display:none } .map__tab-item { display:inline-block; line-height:1.43; text-align:left; font-size:0 } @media (min-width: 768px) { .map__tab-item { margin-right:20px } } .map__tab-item span { margin-right:5px; font-size:14px; color:#bdbdbd } @media (min-width: 768px) { .map__tab-item span { margin-right:20px } } @media (min-width: 992px) { .map__tab-item span { margin-right:32px } } @media (min-width: 992px) { .map__tab-item span { font-size:20px } } .map__tab-link { display:inline-block; margin-right:8px; padding-bottom:12px; font-size:14px; color:#212121; cursor:pointer; border-bottom:3px solid transparent } @media (min-width: 768px) { .map__tab-link { margin-right:20px } } @media (min-width: 992px) { .map__tab-link { font-size:20px; margin-right:35px; padding-bottom:35px } } .map__tab-link.active { color:#021789; cursor:default; border-bottom:2px solid #021789 } @media (min-width: 992px) { .map__tab-link.active { border-bottom:3px solid #021789 } } .nav { position:absolute; top:42px; left:0; width:100%; display:block; z-index:3 } .nav_opasity { opacity:0 } .nav__logo { position:absolute } @media (min-width: 992px) { .nav__logo { right:auto; left:15px; -webkit-transform:translate(0); -ms-transform:translate(0); transform:translate(0) } } @media (min-width: 1200px) { .nav__logo { left:auto; -webkit-transform:translateX(-537px); -ms-transform:translateX(-537px); transform:translateX(-537px) } } .nav__content { position:relative; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center } .nav #vacancy { fill:#fff } .logo { display:block } .menu__item { display:inline-block } .menu__item.active .menu__link { color:#212121 } .menu__item.current-menu-item .menu__link { color:#212121 } .menu__link { margin-left:20px; margin-right:20px; text-decoration:none; color:#bdbdbd; -webkit-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out } .menu__link:hover { text-decoration:none; color:#212121 } .button-menu { position:absolute; top:-10px; right:30px; display:none; width:21px; height:20px; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:.5s ease-in-out; -o-transition:.5s ease-in-out; transition:.5s ease-in-out; z-index:3; cursor:pointer } .button-menu span { display:block; position:absolute; left:0; height:2px; width:100%; background-color:#021789; opacity:1; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:all 250ms ease-in-out; -o-transition:all 250ms ease-in-out; transition:all 250ms ease-in-out; -webkit-transform-origin:left center; -ms-transform-origin:left center; transform-origin:left center; -webkit-border-radius:15px; border-radius:15px } .button-menu span:nth-child(1) { top:0 } .button-menu span:nth-child(2) { top:8px } .button-menu span:nth-child(3) { top:16px } .button-menu--open span { background-color:#bdbdbd; width:23px } .button-menu--open span:nth-child(1) { -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); top:0 } .button-menu--open span:nth-child(2) { width:0; opacity:0 } .button-menu--open span:nth-child(3) { -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); top:16px } .search-prof { display:block; overflow:hidden } .search-prof.load .flyLinks { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); opacity:1 } .search-prof__content { position:relative; padding-top:140px } .search-prof__title { margin-bottom:65px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center } .search-prof__title span { font-size:34px; color:#212121 } .search-prof__title a { margin-right:42px; text-decoration:underline; font-size:20px; color:#021789; z-index:2 } .search-prof__form { position:relative; margin-bottom:170px; -webkit-border-radius:44.5px; border-radius:44.5px; height:90px; z-index:2; background-color:#fff; padding:6px } .search-prof__form:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-image:-webkit-linear-gradient(354deg,#0533be,#021789); background-image:-o-linear-gradient(354deg,#0533be,#021789); background-image:linear-gradient(96deg,#0533be,#021789); -webkit-border-radius:44.5px; border-radius:44.5px } .search-prof__form form { position:relative; height:100%; z-index:2; background-color:#fff; -webkit-border-radius:44.5px; border-radius:44.5px; padding:6px; display:-ms-flexbox; display:-webkit-box; display:-webkit-flex; display:flex; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap } .search-prof__form-item:nth-child(1) { width:54% } .search-prof__form-item:nth-child(2) { width:-webkit-calc(46% - 200px); width:calc(46% - 200px) } .search-prof__form-item:nth-child(3) { margin-left:15px; width:185px } .search-prof__select { width:100% } .search-prof__select.selectize-dropdown { margin-left:0; background-color:#fff; -webkit-box-shadow:0 34px 42px 0 rgba(0,0,0,0.06); box-shadow:0 34px 42px 0 rgba(0,0,0,0.06) } .search-prof__select_prof { margin-left:-6px } .search-prof__select .selectize-input { position:relative; padding:19px 20px 19px 37px; font-size:20px; line-height:1.4; color:#212121; -webkit-border-radius:30px 0 0 30px; border-radius:30px 0 0 30px; background-color:#fff; cursor:pointer } .search-prof__select .selectize-input:after { content:''; position:absolute; top:50%; right:32px; width:14px; height:8px; background-image:url(/wp-content/themes/issoft/assets/images/icon-5.svg); background-repeat:no-repeat; background-position:center; -webkit-background-size:contain; background-size:contain; -webkit-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out; z-index:1; pointer-events:none } .search-prof__select .selectize-input.dropdown-active { -webkit-border-radius:30px 0 0 0; border-radius:30px 0 0 0 } .search-prof__select .selectize-input.dropdown-active:after { -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg) } .search-prof__select .selectize-input input { display:none } .search-prof__select .selectize-dropdown-content .option { position:relative; padding:14px 20px 16px 37px; font-size:20px; line-height:1.4; color:#bdbdbd; -webkit-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out; cursor:pointer } .search-prof__select .selectize-dropdown-content .option:hover { color:#212121 } .search-prof__select .selectize-dropdown-content .option.active { color:#212121 } .search-prof__select .selectize-dropdown-content .option.selected { color:#212121 } .search-prof__select .selectize-dropdown-content .option.selected:after { content:''; position:absolute; top:46%; right:37px; width:8px; height:8px; background-color:#021789; -webkit-border-radius:50%; border-radius:50% } .search-prof__button { min-width:100%; background-image:-webkit-linear-gradient(331deg,#0533be,#021789); background-image:-o-linear-gradient(331deg,#0533be,#021789); background-image:linear-gradient(119deg,#0533be,#021789) } .flyLinks { position:absolute; top:0; left:0; width:100%; height:100%; -webkit-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; transition:all .5s ease-in-out; -webkit-transform:scale(2); -ms-transform:scale(2); transform:scale(2); opacity:0 } .flyLinks__item { position:absolute } .flyLinks__item.l { font-size:56px } .flyLinks__item.m { font-size:34px } .flyLinks__item.s { font-size:24px } .flyLinks__link { font-weight:300; letter-spacing:-1.2px; color:#e0e0e0; -webkit-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms } .flyLinks__link:hover { color:#021789 } .flyLinks__item:nth-child(1) { left:-30px; top:10px } .flyLinks__item:nth-child(2) { left:10%; top:20px; font-size:24px } .flyLinks__item:nth-child(3) { left:40%; top:10px } .flyLinks__item:nth-child(4) { left:78%; top:10px } .flyLinks__item:nth-child(5) { left:56%; top:110px } .flyLinks__item:nth-child(6) { left:99%; top:100px } .flyLinks__item:nth-child(7) { left:29%; top:166px } .flyLinks__item:nth-child(8) { left:-90px; top:220px } .flyLinks__item:nth-child(9) { right:-60px; top:360px } .flyLinks__item:nth-child(10) { left:22%; top:384px } .flyLinks__item:nth-child(11) { left:65%; top:400px } .flyLinks__item:nth-child(12) { left:-20px; top:420px } .flyLinks__item:nth-child(13) { left:52%; top:460px } .flyLinks__item:nth-child(14) { left:88%; top:426px } .slider-date { white-space:nowrap } .slider-date__item { margin-right:120px; font-size:16px; color:#bdbdbd; text-decoration:none } .slider-date__item.active { color:#021789 } .sliderPro { width:100%; max-width:100%!important; margin-bottom:20px; padding-top:10px; position:relative; z-index:2; -webkit-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out } @media (min-width: 768px) { .sliderPro { padding-top:50px } } @media (min-width: 992px) { .sliderPro { padding-top:72px } } .sliderPro .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after,.sliderPro .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before { display:none } .sliderPro+.sliderPro { z-index:1 } @media (min-width: 992px) { .sliderPro+.sliderPro { margin-top:-200px } } .sliderPro.load .sp-image-container:after { -webkit-transform:translate(-100%,0); -ms-transform:translate(-100%,0); transform:translate(-100%,0) } .sliderPro .sp-image-container { position:relative; overflow:hidden } .sliderPro .sp-image-container:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#212121; -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); -webkit-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out } .sliderPro .sBg { overflow:hidden; z-index:1; position:absolute; top:0; left:0; width:100%; height:100%; display:none } .sliderPro .sBg:before { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#212121; z-index:1; -webkit-transition:all 400ms ease-in-out; -o-transition:all 400ms ease-in-out; transition:all 400ms ease-in-out } .sliderPro .sBg.active:before { -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); transform:translateX(-100%) } .sliderPro .sp-bottom-thumbnails { position:absolute; top:0; overflow:visible } .sliderPro .sp-thumbnail-title { font-size:16px; color:#bdbdbd; text-decoration:none } .sliderPro .sp-selected-thumbnail .sp-thumbnail-title { color:#021789 } .sliderPro .sp-arrows { top:auto; margin:0; opacity:1 } .sliderPro .sp-previous-arrow { left:auto; right:75px } @media (min-width: 992px) { .sliderPro .sp-previous-arrow { right:130px } } .sliderPro .sp-next-arrow { left:auto; right:26px } @media (min-width: 992px) { .sliderPro .sp-next-arrow { right:44px } } .sliderPro .sp-arrow { bottom:35px; width:14px; height:24px; background-repeat:no-repeat; background-position:center; -webkit-background-size:contain; background-size:contain; opacity:1 } @media (min-width: 992px) { .sliderPro .sp-arrow { bottom:98px; width:24px; height:44px } } .sliderPro .sp-arrow:before { display:none } .sliderPro .sp-arrow:after { display:none } .sliderPro .sp-arrow #about-us_by { fill:#fff } .sliderPro .sp-arrow:hover #about-us_by { fill:#021789 } .sliderPro .sp-arrow svg { width:100%; height:100% } .sliderPro .sp-arrow #about-us_by { -webkit-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out } .sliderPro .sp-layer { width:80%; background-color:transparent } .sliderPro .sp-layer span { position:absolute; width:70.5%; top:50px; z-index:3; font-size:20px; line-height:1.4; text-align:left; color:#212121 } .sliderPro .sp-layer:before { content:''; position:absolute; top:0; right:0; width:100vw; height:275px; background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#fff)); background-image:-webkit-linear-gradient(top,#f5f5f5,#fff); background-image:-o-linear-gradient(top,#f5f5f5,#fff); background-image:linear-gradient(to bottom,#f5f5f5,#fff) } .sliderPro .sp-mask { overflow:visible } .sliderPro img.sp-image,.sliderPro img.sp-thumbnail { margin:0!important; width:100%!important; height:100%!important; -o-object-fit:cover; object-fit:cover } .sliderPro .sp-slide { opacity:0; background-color:#000 } .sliderPro .sp-slide__background { position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; opacity:0; display:none } .sliderPro .sp-slide__background-item { position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; -webkit-transition:all 400ms ease-in; -o-transition:all 400ms ease-in; transition:all 400ms ease-in; z-index:10; background-color:#212121 } .sliderPro .sp-slide.sp-selected { opacity:1 } .sliderPro .sp-slide.sp-selected .sp-slide__background { opacity:1 } .sliderPro .sp-slide.sp-selected .sp-slide__background-item { -ms-transform:translate(-100%,0); -webkit-transform:translate(-100%,0); transform:translate(-100%,0) } .sliderPro .sp-slide.load .sp-slide-text { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); opacity:1 } .sp-slide-text { position:absolute; top:-webkit-calc(100% - 10px); top:calc(100% - 10px); left:0; width:100%; padding:55px 22px 21px; background-color:transparent; -webkit-transform:translate(-100%,0); -ms-transform:translate(-100%,0); transform:translate(-100%,0); -webkit-transition:all .6s ease-in-out; -o-transition:all .6s ease-in-out; transition:all .6s ease-in-out; opacity:0; will-change:transform } @media (min-width: 768px) { .sp-slide-text { width:80%; padding:55px 40px; top:-webkit-calc(100% - 36px); top:calc(100% - 36px) } } @media (min-width: 992px) { .sp-slide-text { top:-webkit-calc(100% - 52px); top:calc(100% - 52px); width:80%; padding:50px 50px 100px 32px } } .sp-slide-text .content { position:relative; z-index:2 } .sp-slide-text .content li span,.sp-slide-text .content p { font-size:14px } @media (min-width: 992px) { .sp-slide-text .content li span,.sp-slide-text .content p { font-size:20px } } .sp-slide-text:before { content:''; position:absolute; top:0; right:0; width:100vw; height:100%; background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#fff)); background-image:-webkit-linear-gradient(top,#f5f5f5,#fff); background-image:-o-linear-gradient(top,#f5f5f5,#fff); background-image:linear-gradient(to bottom,#f5f5f5,#fff); z-index:1 } .slider-pro_content .sp-slide-text { border:none; margin-right:-1px; margin-bottom:-2px } @media (min-width: 992px) { .slider-pro_content .sp-slide-text { padding:88px 110px 124px 18px } } .slider-prof-vacancy { margin-bottom:156px } .slider-prof-vacancy .cardLink__decor { display:none; opacity:0 } .slider-prof { display:block } .slider-prof__title { margin-bottom:30px; font-size:16px; font-weight:500; text-transform:uppercase; line-height:1.5; color:#bdbdbd } .slider-prof .slick-arrow { top:90px } .slider-prof .nextArrow { right:-45px } .slider-prof .prevArrow { left:-40px } .slider-prof .slick-slide { display:inline-block; width:auto; max-width:initial } .copyright { text-align:center; margin-bottom:56px; margin-top:30px; color:#bdbdbd; font-size:.7rem } .slider-prof .slick-track { padding-top:15px } .slider-prof .slick-list { padding-bottom:40px } .cardLink { position:relative; display:block; padding:32px 36px 24px 24px; border-radius:4px; background:#FAFAFA; -webkit-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out; -webkit-border-radius:4px; border-radius:4px; text-decoration:none; display:flex; flex-direction:column; justify-content:space-between } .cardLink:hover { background:linear-gradient(147.57deg,#0533BE 0%,#021789 100%) } .cardLink:hover .cardLink__title,.cardLink:hover .cardLink__state { color:#fff } .cardLink__decor { position:absolute; bottom:16px; right:16px; -webkit-transition:all 400ms ease-in-out; -o-transition:all 400ms ease-in-out; transition:all 400ms ease-in-out; opacity:1; background-image:url(/wp-content/themes/issoft/assets/Icon_Hot.svg); background-repeat:no-repeat; background-position:center; -webkit-background-size:contain; background-size:contain; background-size:100%; min-width:18px; max-width:18px; width:18px; height:24px } .cardLink__title { position:relative; display:block; font-size:20px; line-height:1.4; color:#212121; z-index:1 } .cardLink__state { margin-bottom:12px; display:block; font-size:20px; line-height:1.4; color:#212121 } .cardLink__town { display:block; font-size:16px; line-height:1.5; text-align:left; color:#bdbdbd } .social-networks { margin:0 auto; text-align:left } @media (min-width: 768px) { .social-networks { text-align:center } } .social-networks__item { position:relative; display:inline-block; width:18px; height:18px; margin:0 16px 8px 0 } @media (min-width: 768px) { .social-networks__item { margin:0 8px 8px } } @media (min-width: 992px) { .social-networks__item { width:34px; height:34px; margin:0 16px } } .social-networks__item svg { position:absolute; top:50%; left:50%; max-width:90%; max-height:80%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%) } .splash { position:fixed; top:0; left:0; z-index:1000; width:100%; height:100%; background-color:#0533be; -webkit-transform:translate(0,-100%); -ms-transform:translate(0,-100%); transform:translate(0,-100%); -webkit-transition:all 500ms ease-in-out; -o-transition:all 500ms ease-in-out; transition:all 500ms ease-in-out; will-change:transform; overflow:hidden } .splash:after { content:''; display:block; background-color:#021789; position:fixed; width:100%; height:100%; -ms-transform:translate(0,-100%); -webkit-transform:translate(0,-100%); transform:translate(0,-100%); -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition-delay:0s; -webkit-transition-delay:0s; transition-delay:0s; z-index:1 } .splash.initial { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0) } .splash.initial:after { -ms-transform:translate(0,0%); -webkit-transform:translate(0,0%); transform:translate(0,0%); -o-transition-delay:.4s; -webkit-transition-delay:.4s; transition-delay:.4s } .splash__content { position:absolute; top:45%; left:50%; -webkit-transform:translate(-50%); -ms-transform:translate(-50%); transform:translate(-50%); z-index:10 } .splash__text { text-align:center; max-width:100%; font-size:45px; color:#fff } .tablist { display:block } @media (min-width: 992px) { .tablist .content { max-width:1010px; margin-bottom:85px } } .tablist .content p { font-size:16px } @media (min-width: 768px) { .tablist .content p { font-size:16px } } @media (min-width: 992px) { .tablist .content p { font-size:20px } } .tablist .content span { font-size:16px } @media (min-width: 768px) { .tablist .content span { font-size:16px } } @media (min-width: 992px) { .tablist .content span { font-size:20px } } @media (min-width: 992px) { .tablist .content a { font-size:20px } } .tablist-head { margin-bottom:40px; font-size:0 } @media (min-width: 768px) { .tablist-head { margin-bottom:50px } } @media (min-width: 992px) { .tablist-head { margin-bottom:83px } } .tablist-head__item { display:inline-block; margin:0 2px 2px 0; padding:10px 14px; font-size:14px; line-height:1.43; color:#bdbdbd; border:2px solid transparent; cursor:pointer } @media (min-width: 992px) { .tablist-head__item { padding:12px 18px; font-size:20px; line-height:1.4 } } .tablist-head__item.active { color:#021789; border:2px solid #021789; cursor:default } @media (min-width: 768px) { .tabslist-content { margin-bottom:85px } } @media (min-width: 992px) { .tabslist-content { margin-bottom:118px } } .tabslist-content .contact-link { display:block } .contact-box .contact-link { display:block } .link-file { display:block; text-decoration:underline!important } @media (min-width: 768px) { .link-file { display:inline-block } } .contact-box { margin-bottom:42px } .contact-link { font-size:16px; line-height:1.5; color:#bdbdbd; -webkit-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out; text-decoration:none } .contact-link:hover { color:#021789 } @media (min-width: 992px) { .contact-link { font-size:24px } .footer .contact-link { font-size:16px } } .contact-text { font-size:16px; line-height:1.5; color:#bdbdbd; -webkit-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out; text-decoration:none } @media (min-width: 992px) { .contact-text { margin:0 auto; max-width:333px; font-size:24px } } .tabs-leadership { display:block } .tabs-leadership__title { margin-bottom:34px; font-size:12px; text-transform:uppercase; color:#bdbdbd } @media (min-width: 992px) { .tabs-leadership__title { margin-bottom:58px; font-size:16px } } .tabs-leadership__head { margin-bottom:80px } .tabs-leadership__head-item { display:inline-block; border:2px solid transparent; margin-right:6px; padding:14px; font-size:20px; line-height:1.4; text-align:center; -webkit-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out; color:#bdbdbd; cursor:pointer } .tabs-leadership__head-item.active { border:2px solid #021789; color:#021789 } .tabs-leadership__content-item { margin-right:-74px; margin-left:-74px; opacity:0; -webkit-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out } .tabs-leadership__content-item.left { -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); transform:translateX(-100%) } .tabs-leadership__content-item.right { opacity:0; -webkit-transform:translateX(100%); -ms-transform:translateX(100%); transform:translateX(100%) } .tabs-leadership__content-item.active { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); opacity:1 } .tabs-leadership__content-item:nth-child(odd) .tabs-leadership__item:nth-child(1) { padding-top:0 } .tabs-leadership__content-item:nth-child(odd) .tabs-leadership__item:nth-child(2) { padding-top:175px } .tabs-leadership__content-item:nth-child(even) .tabs-leadership__item:nth-child(1) { padding-top:0 } .tabs-leadership__content-item:nth-child(even) .tabs-leadership__item:nth-child(2) { padding-top:175px } .tabs-leadership__item { display:inline-block; width:50%; padding-left:74px; padding-right:74px } .leadership__content { text-align:right } .leadership__image { position:relative; width:100%; height:0; padding-bottom:120%; margin-bottom:70px; overflow:hidden } .leadership__image img { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; -o-object-fit:cover; object-fit:cover } .leadership__image.swipe .leadership__color { -ms-transform:translate(-100%,0); -webkit-transform:translate(-100%,0); transform:translate(-100%,0) } .leadership__color { background-color:#fff; content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; -webkit-transition:all .4s; -moz-transition:all .4s; -o-transition-delay:.4s; -webkit-transition-delay:.4s; transition-delay:.4s; z-index:2 } .leadership__name { font-size:20px; line-height:1.4; color:#212121 } .leadership__prof { font-size:20px; line-height:1.4; color:#bdbdbd; margin-bottom:128px } .vacancy-inner { display:block; margin-bottom:190px } .recruiter,.related-vacancies { margin-top:30px; max-width:354px } .related-vacancies { margin-top:80px } .recruiter__images { position:relative; margin-bottom:44px } .recruiter__images:after { content:''; position:absolute; top:140px; left:-54px; width:100%; height:150%; background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#fff)); background-image:-webkit-linear-gradient(top,#f5f5f5,#fff); background-image:-o-linear-gradient(top,#f5f5f5,#fff); background-image:linear-gradient(to bottom,#f5f5f5,#fff) } .recruiter__images img { display:block; position:relative; max-width:100%; height:auto; z-index:1; -webkit-border-radius:2px; border-radius:2px } .recruiter__title { position:relative; z-index:1; margin-left:20px; margin-bottom:34px; padding-top:10px; padding-left:28px; padding-bottom:18px; border-left:4px solid #e0e0e0 } .recruiter__prof { margin-bottom:12px; font-size:16px; line-height:1.5; color:#212121 } .recruiter__name { font-size:24px; line-height:1.33; color:#212121 } .recruiter__contacts { position:relative; z-index:1; margin-left:52px } .recruiter__contacts-item { margin-bottom:8px; font-size:20px; line-height:1.4; color:#212121 } .recruiter__contacts-item a { -webkit-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; color:#212121; text-decoration:none } .recruiter__contacts-item.resume-send a { border:2px solid #021789; color:#021789; cursor:pointer; padding:10px 16px; white-space:nowrap } .recruiter__contacts-item.resume-send { margin-top:22px } .recruiter__contacts-item a:hover { color:#021789 } .related-vacancy__title { position:relative; font-size:24px; line-height:1.33; color:#212121; margin-bottom:20px } .related-vacancy__wrap { width:100%; margin-bottom:20px } .vacancy-list { display:block } .vacancy-list__text p { color:#000 } .vacancy-list__content { max-width:1010px; margin-bottom:80px } .tabs-head { position:relative; width:100%; margin-bottom:40px; max-height:90px; overflow:hidden; -webkit-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out } @media (min-width: 768px) { .tabs-head { max-height:initial!important } } .vacancy-prof.no-vacancy { background:linear-gradient(147.57deg,#0533BE 0%,#021789 100%); padding:75px 70px; color:#fff; display:flex; align-items:center; margin-right:-191px } .vacancy-prof.no-vacancy span { font-size:20px; letter-spacing:0; line-height:28px; display:block; margin-right:20px } .vacancy-prof.no-vacancy .row { flex-wrap:nowrap; align-items:center; justify-content:space-between!important; width:100% } .vacancy-prof.no-vacancy a { border:2px solid #EEE; border-radius:32.5px; display:block; text-decoration:none; padding:19px 58px; font-size:20px; letter-spacing:0; line-height:28px; text-align:center; color:#fff; white-space:nowrap; display:flex; height:65px; align-items:center; justify-content:center } .vacancy-prof.no-vacancy a:hover { background-color:#eee; color:#021789 } .tabs-head.children .tabs-head__icon-all { display:none } .tabs-head__icon-all { position:absolute; top:40px; right:10px; display:none!important; padding:10px; cursor:pointer } .tabs-head__item,.tabs-head__item-second-row { margin:0 2px 2px 0; display:inline-block } .tabs-head__item span,.tabs-head__item-second-row span { border:2px solid transparent; display:inline-block; margin-right:2px; padding:10px 16px; font-size:20px; line-height:1.4; text-align:center; color:#bdbdbd; -webkit-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out; cursor:pointer } .tabs-head__item.active span,.tabs-head__item-second-row.active span { border:2px solid #021789; color:#021789; cursor:default } .filter { margin-right:106px; margin-bottom:40px } .filter:before,.filter:after { content:''; display:table; clear:both } .filter:after { clear:both } .filter__box { position:relative; right:-14px; width:110px; float:right; -webkit-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out } .filter__box.on { -webkit-box-shadow:0 0 72px 0 rgba(0,0,0,0.059); box-shadow:0 0 72px 0 rgba(0,0,0,0.059) } .filter__box.on .filter__drop { -webkit-box-shadow:0 10px 42px 0 rgba(0,0,0,0.059); box-shadow:0 10px 42px 0 rgba(0,0,0,0.059) } .filter__box.on .filter__title:after { -webkit-transform:translateY(-50%) rotate(-180deg); -ms-transform:translateY(-50%) rotate(-180deg); transform:translateY(-50%) rotate(-180deg) } .filter__title { position:relative; width:100%; cursor:pointer; padding:16px 16px 16px 20px; background-color:#fff; z-index:2 } .filter__title:after { content:''; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:16px; width:10px; height:6px; background-image:url(/wp-content/themes/issoft/assets/images/icon-5.svg); background-repeat:no-repeat; background-position:0 0; -webkit-background-size:contain; background-size:contain; -webkit-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out } .filter__drop { position:absolute; top:100%; left:0; width:100%; padding:16px 16px 16px 20px; display:none; z-index:1; background-color:#fff } .filter__item { position:relative; margin-bottom:24px } .filter__item:last-child { margin-bottom:0 } .filter__item span { display:block; color:#bdbdbd; cursor:pointer } .filter__item:after { content:''; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:2px; width:8px; height:8px; -webkit-border-radius:50%; border-radius:50%; background-color:transparent } .filter__item.active span { color:#212121 } .filter__item.active:after { background-color:#021789 } .tabs-contet { margin-right:108px; margin-bottom:55px } .tabs-contet__item { border-top:2px solid #eee; -webkit-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out } .tabs-head__item-second-row.left,.tabs-contet__item.left { -webkit-transform:translateX(-120%); -ms-transform:translateX(-120%); transform:translateX(-120%) } .tabs-head__item-second-row.right,.tabs-contet__item.right { opacity:0; -webkit-transform:translateX(100%); -ms-transform:translateX(100%); transform:translateX(100%) } .tabs-head__item-second-row.act,.tabs-contet__item.active { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); opacity:1 } .vacancy-prof { display:block; padding:35px 0; text-decoration:none; border-bottom:2px solid #eee; line-height:1.4 } .vacancy-prof .no-vacancies { padding-top:30px; margin:30px 0 0; border-top:2px solid #eee; display:inline-block; line-height:1.5 } .vacancy-prof.hot .vacancy-prof__name { display:flex; align-items:center } .vacancy-prof.hot .vacancy-prof__name:after { position:relative; content:''; background-image:url(/wp-content/themes/issoft/assets/Icon_Hot.svg); background-size:100%; min-width:18px; max-width:18px; width:18px; height:24px; margin-left:16px; background-position:center; background-repeat:no-repeat; display:inline-block; margin-right:12px } .vacancy-prof a,.vacancy-prof a:visited { font-size:16px; color:#fff; -webkit-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; padding-top:10px } .vacancy-prof a:hover,.vacancy-prof a:focus,.vacancy-prof a:active { color:#021789; -webkit-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out } .vacancy-prof.hidden { display:none!important } .vacancy-prof__name { font-size:20px; line-height:1.4; text-align:left; color:#212121 } .vacancy-prof__town { display:block; font-size:16px; line-height:1.5; color:#bdbdbd } .tabs__link { margin-bottom:110px; font-size:20px; line-height:1.4; text-align:left; color:#bdbdbd; text-decoration:none } .more-vacancies { margin-top:55px } .vacancy-row { max-width:700px; display:block; margin-bottom:66px; z-index:1; position:relative } .vacancy-row__description { margin-bottom:10px; font-size:20px; line-height:1.4; color:#bdbdbd } .vacancy-row__title { margin-bottom:10px; font-size:20px; line-height:1.4; color:#212121; font-weight:500 } .vacancy-row p { font-size:20px; line-height:1.4 } .vacancy-row ul { margin:0 0 -10px; padding:0 } .vacancy-row ul li { position:relative; padding-left:10px; font-size:20px; line-height:1.4 } .vacancy-row ul li:before { content:'-'; position:absolute; left:0 } .list-technology { font-size:0 } .list-technology_color .list-technology__item { background-color:rgba(5,51,190,0.1); color:#021789 } .list-technology__item { display:inline-block; position:static; margin-right:10px; margin-bottom:10px; padding:6px 14px; -webkit-border-radius:53px; border-radius:53px; font-size:13px; line-height:1.54; text-align:center; background-color:#eee; color:#212121 } .video-banner { position:relative; display:block } .video-banner:after { content:''; display:block; position:absolute; left:0; top:0; width:68%; height:639px; background-image:-webkit-gradient(linear,left bottom,left top,from(#f5f5f5),to(#fff)); background-image:-webkit-linear-gradient(bottom,#f5f5f5,#fff); background-image:-o-linear-gradient(bottom,#f5f5f5,#fff); background-image:linear-gradient(to top,#f5f5f5,#fff); -ms-transform:translate(-100%,0); -webkit-transform:translate(-100%,0); transform:translate(-100%,0); -webkit-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; will-change:transform } .video-banner.load:after { -ms-transform:translate(0,0); -webkit-transform:translate(0,0); transform:translate(0,0) } .video-banner__content { z-index:1; position:relative; height:660px; overflow:hidden } .video-banner__video { position:absolute; right:0; bottom:0; min-width:100%; width:100%; height:100%; min-height:100%; -o-object-fit:cover; object-fit:cover; -ms-transform:translate(0,0); -webkit-transform:translate(0,0); transform:translate(0,0); -webkit-transition:all 500ms ease-in-out; -o-transition:all 500ms ease-in-out; transition:all 500ms ease-in-out } .video-banner__text { position:absolute; top:50%; left:78px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%) } .video-banner__title { margin-bottom:26px; font-size:45px; line-height:1.36; color:#fff } .video-banner__title span { display:block } .video-banner__title span span { display:inline-block } .video-banner__link { font-size:20px; line-height:1.4; color:#bdbdbd; text-decoration:none } .video { position:relative; top:0; left:0; width:100%; height:100vh; overflow:hidden } .video:before { content:''; position:absolute; right:0; bottom:0; min-width:100%; min-height:100%; opacity:.2; background-color:#000; z-index:1 } .video__content { position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); max-width:800px; z-index:2 } .video__title { margin-bottom:38px; font-size:56px; line-height:1.36; color:#fff } .video__title span { display:block } .video__title span span { display:inline-block } .video__link { font-size:20px; line-height:1.4; color:#bdbdbd; text-decoration:none } .video__nav { position:absolute; right:0; bottom:0; min-width:100%; min-height:100%; clip:rect(0,auto,auto,0); -webkit-backface-visibility:hidden; backface-visibility:hidden } .video__nav .button-menu span { background-color:#fff } .video__nav .button-menu--open span { background-color:#bdbdbd } .video #video { position:absolute; right:0; bottom:0; min-width:100%; min-height:100%; width:100%; height:100%; -ms-transform:translate(0,0); -webkit-transform:translate(0,0); transform:translate(0,0); -webkit-transition:all 500ms ease-in-out; -o-transition:all 500ms ease-in-out; transition:all 500ms ease-in-out; -o-object-fit:cover; object-fit:cover } .video #video.initial { -ms-transform:translate(0,100%); -webkit-transform:translate(0,100%); transform:translate(0,100%) } .video .nav { z-index:5 } .video .nav_opasity { opacity:1 } .video .menu__link { color:#fff } .video .menu__link:hover { text-decoration:none; color:#212121 } @media (max-width: 1360px) { .flyLinks__item:nth-child(1) { left:0 } .flyLinks__item:nth-child(5) { left:auto; right:50px } .flyLinks__item:nth-child(6) { left:70% } .flyLinks__item:nth-child(7) { left:0; top:210px } .flyLinks__item:nth-child(8) { right:0 } .flyLinks__item:nth-child(9) { right:20px } .flyLinks__item:nth-child(11) { left:0 } .flyLinks__item:nth-child(12) { top:440px; left:30% } } @media (max-width: 1199.99px) { .cardLink__title { font-size:16px } .cardLink__state { font-size:16px } .vacancy-prof.no-vacancy { margin-right:-108px } .contact-form__item:nth-child(1) { padding-left:55px } .contact-form__item:nth-child(2) { padding-right:55px } .contact-form__text span { font-size:16px } .contact-form__text img { width:60px } .contact-form__form input { font-size:16px } .contact-form__form textarea { height:356px; font-size:16px } .file-label { font-size:16px } .file-label svg { top:-4px } } @media (min-width: 993px) { .nav__menu { display:block!important } } @media (max-width: 1024px) { .part { bottom:34px; left:50%; top:initial; right:initial; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%) } .footer__content { padding-bottom:110px } } .footer .contact-box { text-align:center } .footer .contact-box.adr { text-align:left } @media (max-width: 520px) { .footer .contact-box:first-child { margin-top:20px; margin-bottom:20px } } @media (max-width: 991.99px) { .breadcrumbs__link { font-size:12px; line-height:1.3 } .blockquote-info { margin-right:35px } .content .blockquote-wrapper blockquote { width:calc(100% - 155px) } .vacancy-prof.hot .vacancy-prof__name:after { min-width:12px; width:12px; max-width:12px; height:16px } .vacancy-prof.no-vacancy { margin-right:0 } .vacancy-prof.no-vacancy .row { flex-wrap:wrap } .vacancy-prof.no-vacancy a { height:45px; padding:18px; margin:0 auto; font-size:14px; line-height:16px; font-weight:400; border:1px solid #eee } .no-vacancy__content { width:100% } .vacancy-prof.no-vacancy { padding:27px 19px } .vacancy-prof.no-vacancy span { margin-right:0; margin-bottom:28px; text-align:center; font-size:14px; font-weight:400; line-height:20px; max-width:244px; margin-left:auto; margin-right:auto } .header-vacancy { padding-top:116px; padding-bottom:46px } .header-vacancy:before { height:288px } .header-vacancy__title span { margin-bottom:20px; font-size:20px } .header-vacancy__title span::after { bottom:-24px; width:31px; height:3px } .header-vacancy__town { font-size:14px } .header-vacancy .breadcrumbs { margin-bottom:16px } .header-vacancy .social-menu { margin-top:7px; margin-right:0 } .header-vacancy .social-menu__item { margin-left:32px } .header-vacancy.trueTown { padding-bottom:68px } .header-vacancy.trueTown .header-vacancy__title span { font-size:24px } .header-vacancy.trueTown .breadcrumbs { margin-bottom:18px } .vacancy-row { max-width:374px; margin-bottom:55px } .vacancy-row__title { font-size:15px } .vacancy-row__description { font-size:15px } .vacancy-row__content p { font-size:15px } .vacancy-row__content ul li { font-size:15px } .recruiter,.related-vacancies { margin-top:18px } .recruiter__images:after { left:-32px; top:100px } .recruiter__title { margin-left:10px; padding-top:6px; padding-bottom:10px; padding-left:18px; border-left:2px solid #e0e0e0 } .recruiter__prof { margin-bottom:6px; font-size:12px } .recruiter__name,.related-vacancy__title { font-size:20px } .recruiter__contacts { margin-left:30px } .recruiter__contacts-item { font-size:15px } .list-technology__item { font-size:12px } .tabs__link { font-size:15px } .tabs-head { margin-bottom:10px } .tabs-head__item span,.tabs-head__item-second-row span { padding:8px 10px; font-size:15px } .filter { margin-right:0; margin-bottom:10px } .filter__box { width:88px } .filter__title { padding:12px } .filter__title span { font-size:14px } .filter__drop { padding:12px } .filter__item { margin-bottom:20px } .filter__item:last-child { margin-bottom:10px } .filter__item span { font-size:14px } .tabs-contet { margin-right:0; margin-bottom:48px } .vacancy-prof { padding:22px 0 20px } .vacancy-prof__name { font-size:15px; max-width:calc(100% - 38px) } .vacancy-prof__town { font-size:12px; display:flex; align-items:center } .history__title { font-size:20px } .history__title:after { width:32px } .history-content .content { margin-bottom:20px } .values { margin-bottom:80px } .values__item { margin-bottom:55px } .values__letter { margin-left:30px; font-size:56px } .values__text { font-size:14px } .sliderPro .sp-mask,.sliderPro .sp-slide,.sliderPro .sp-image-container { height:354px!important } .sliderPro .sp-image { height:100%!important; -o-object-fit:cover; object-fit:cover; margin-top:0!important } .sliderPro .sp-slide-text:after { height:220px } .sliderPro .sp-slide-text span { font-size:14px } .sliderPro .sp-thumbnail-title { font-size:12px } .tabs-leadership__head { margin-bottom:55px } .tabs-leadership__head-item { padding:10px 13px; font-size:14px } .tabs-leadership__content-item { margin-left:-33px; margin-right:-33px } .tabs-leadership__content-item:nth-child(odd) .tabs-leadership__item:nth-child(2) { padding-top:68px } .tabs-leadership__content-item:nth-child(even) .tabs-leadership__item:nth-child(1) { padding-top:68px } .tabs-leadership__item { padding-left:33px; padding-right:33px } .leadership__image { margin-bottom:44px } .leadership__prof { margin-bottom:68px; font-size:14px } .leadership__name { font-size:14px } .splash__text { font-size:24px } .nav { position:absolute } .container { max-width:668px } .button { width:auto; min-width:initial; font-size:14px; padding:13px 30px!important } .padding { padding-bottom:90px } .title { margin-bottom:43px } .title span { font-size:20px } .button-menu { display:block } .nav_opasity { opacity:1 } .nav__menu { display:none; position:fixed; top:0; left:0; width:100%; height:100%; overflow:auto; padding-top:30px; padding-bottom:30px; background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#fff)); background-image:-webkit-linear-gradient(top,#f5f5f5,#fff); background-image:-o-linear-gradient(top,#f5f5f5,#fff); background-image:linear-gradient(to bottom,#f5f5f5,#fff) } .nav__logo { left:-36px; width:73px } .nav__logo img { width:100% } .nav .menu { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%) } .nav .menu__item { display:block; text-align:center; margin-top:30px; margin-bottom:30px } .nav .menu__link { color:#bdbdbd } .video__title { margin-bottom:35px; font-size:34px; line-height:1.4 } .video__link { font-size:14px } .video__content { max-width:100%; padding-right:15px } .video .menu__link { color:#bdbdbd; font-size:16px } .about { padding-bottom:80px } .about:after { width:60% } .about__title { margin-bottom:0 } .about__logo { padding-top:101px; width:40% } .about__logo img { width:140px } .about__content { padding-top:90px; padding-bottom:134px; width:60% } .about__text { font-size:20px } .numbers__icon { margin-bottom:24px } .numbers__number { font-size:34px } .numbers__text { font-size:14px } .search-prof__title { margin-bottom:40px } .search-prof__title span { font-size:20px } .search-prof__title a { font-size:14px } .search-prof__content { padding-top:110px } .search-prof__form { margin-bottom:140px; height:64px; padding:5px; border-width:4px } .search-prof__button { width:100%!important; font-size:14px; padding-top:12px!important; padding-bottom:12px!important } .search-prof__form-item:nth-child(2) { width:-webkit-calc(46% - 148px); width:calc(46% - 148px) } .search-prof__form-item:nth-child(3) { width:133px } .search-prof__select .selectize-input { font-size:14px; padding:12px 20px 12px 30px } .search-prof__select .selectize-input:after { width:10px; height:6px } .search-prof__select .selectize-dropdown-content .option { padding-left:30px; font-size:14px } .search-prof__select .selectize-dropdown-content .option.selected:after { right:36px; width:4px; height:4px } .flyLinks__item.l { font-size:34px } .flyLinks__item.m { font-size:20px } .flyLinks__item.s { font-size:16px } .flyLinks__item:nth-child(1) { left:-20px } .flyLinks__item:nth-child(5) { right:0 } .flyLinks__item:nth-child(6) { left:50%; top:130px } .flyLinks__item:nth-child(7) { top:180px; left:0 } .flyLinks__item:nth-child(8) { top:270px } .flyLinks__item:nth-child(9) { top:262px } .flyLinks__item:nth-child(10) { top:290px } .flyLinks__item:nth-child(11) { top:310px } .flyLinks__item:nth-child(12) { top:330px } .flyLinks__item:nth-child(13) { top:320px } .cardLink { padding:31px 11px } .flyLinks__item:nth-child(2) { font-size:16px } .cardLink:hover { -webkit-box-shadow:0 14px 22px 0 rgba(0,0,0,0.06); box-shadow:0 14px 22px 0 rgba(0,0,0,0.06) } .cardLink__title { font-size:14px; white-space:normal } .cardLink__state { font-size:14px } .cardLink__town { font-size:12px } .video-banner:after { height:55% } .video-banner__text { left:43px } .video-banner__title { font-size:24px } .video-banner__content { height:470px } .video-banner__video { -o-object-fit:cover; object-fit:cover } .video-banner__link { font-size:14px } .card-news__title { margin-bottom:12px; padding-left:10px; font-size:14px; left:-10px } .card-news__title:before { width:2px } .card-news__date { font-size:12px } .card-news__image { margin-bottom:20px } .card-news__image-item { width:100% } .last-news__item { margin-bottom:16px; padding-right:33px } .last-news__item:nth-child(even) { margin-top:32px; padding-right:0; padding-left:33px } .last-news__link { font-size:14px } .blog-list__link:before { bottom:-50px; height:462px } .blog-list .link { font-size:14px } .vacancy-inner { margin-bottom:170px } .contact-form { padding-bottom:68px } .contact-form.decorBig:before { height:414px } .contact-form__title { margin-bottom:75px } .contact-form:before { height:400px; bottom:-webkit-calc(100% - 80px); bottom:calc(100% - 80px) } .contact-form__title-item { font-size:20px } .contact-form__item { margin-bottom:44px; padding:0 32px } .contact-form__item:nth-child(1) { padding-left:32px } .contact-form__item:nth-child(2) { padding-right:32px } .contact-form__text { padding-top:12px; padding-bottom:12px } .contact-form__text span { font-size:14px } .contact-form__text img { width:44px; margin-left:10px } .contact-form__form input { padding-bottom:12px; padding-top:12px; font-size:14px; border-bottom:2px solid #f5f5f5 } .contact-form__form textarea { height:226px; font-size:14px; border-bottom:2px solid #f5f5f5 } .file-label { padding-top:12px; padding-bottom:12px; font-size:14px } .file-label svg { margin-right:12px; width:15px; height:auto; top:2px } .part__text { margin-bottom:10px; font-size:8px } .part__image { width:62px } .part__image img { max-width:100% } .social-menu { margin-bottom:30px } .social-menu__item { width:17px; height:17px } .social-menu__item svg { max-width:12px; max-height:12px } .footer .menu__link { margin-left:13px; margin-right:13px; font-size:12px } .slider-prof__title { margin-bottom:23px; font-size:12px } .slider-prof .row { margin-left:-10px; margin-right:-10px } .slider-prof [class*='col'] { padding:0 10px } .slider-prof .slick-dots { bottom:-10px } .slider-prof .slick-dots button { width:2px; height:2px } .slider-prof .slick-dots li { margin:0 8px } .slider-prof .slick-dots li.slick-active button { width:8px; height:8px } .slider-prof-vacancy { margin-bottom:80px } } @media (max-width: 767.99px) { .tabs-head { padding-right:40px } .values__letter { margin-left:10px } .leadership { text-align:center!important } .leadership__content { text-align:center!important } .leadership__image { margin-bottom:40px } .leadership__prof { margin-bottom:30px } .tabs-leadership { margin-bottom:60px } .tabs-leadership .slick-dots { bottom:-10px } .tabs-leadership__item { width:100%; padding-left:15px; padding-right:15px; position:relative!important; left:auto!important; top:auto!important } .tabs-leadership__head { margin-bottom:42px } .tabs-leadership__content { max-width:400px; margin:0 auto } .tabs-leadership__content-item { height:auto!important; margin-left:-15px; margin-right:-15px } .tabs-leadership__content-item:nth-child(even) .tabs-leadership__item:nth-child(1) { padding-top:0 } .tabs-leadership__content-item:nth-child(odd) .tabs-leadership__item:nth-child(2) { padding-top:0 } .splash__text { font-size:20px } .nav__logo { left:0 } .video__title { margin-bottom:35px; font-size:24px; line-height:32px } .about { padding-bottom:0 } .numbers__item { margin-top:26px; margin-bottom:40px } .search-prof { padding-bottom:34px; position:relative } .search-prof__title span { font-size:16px } .search-prof__title a { position:absolute; top:330px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); font-size:14px } .search-prof__content { padding-top:62px } .search-prof__form-item { width:100%!important } .search-prof__form-item:nth-child(3) { margin-left:0 } .search-prof__form { display:block; height:auto; margin-bottom:116px; padding:5px; border-width:4px; -webkit-border-radius:28.5px; border-radius:28.5px; background-color:#fff } .search-prof__form:before { -webkit-border-radius:28.5px; border-radius:28.5px } .search-prof__form form { -webkit-border-radius:24px; border-radius:24px } .search-prof__button { width:100%!important; font-size:14px; padding-top:14px!important; padding-bottom:14px!important } .search-prof__select { width:auto } .search-prof__select_town,.search-prof__select_prof { margin-left:-5px } .search-prof__select .selectize-input { font-size:14px; padding:15px 20px 14px; -webkit-border-radius:22px; border-radius:22px } .search-prof__select .selectize-input:after { right:20px } .search-prof__select .selectize-input.dropdown-active { -webkit-border-radius:22px; border-radius:22px } .search-prof__select .selectize-dropdown { position:absolute; z-index:10 } .search-prof__select .selectize-dropdown-content .option { padding-left:20px; font-size:14px } .search-prof__select .selectize-dropdown-content .option.selected:after { right:22px; width:4px; height:4px } .flyLinks__item:nth-child(1) { top:20px; left:0 } .flyLinks__item:nth-child(2) { top:10px; left:25% } .flyLinks__item:nth-child(3) { top:0; left:unset; right:15% } .flyLinks__item:nth-child(4) { top:10px; right:0; left:initial } .flyLinks__item:nth-child(5) { top:82px } .flyLinks__item:nth-child(6) { top:60px; right:0 } .flyLinks__item:nth-child(7) { top:86px } .flyLinks__item:nth-child(8) { left:70%; top:50px } .flyLinks__item:nth-child(9) { top:290px } .flyLinks__item:nth-child(10) { top:290px } .flyLinks__item:nth-child(11) { top:350px; left:45% } .flyLinks__item:nth-child(12) { left:0 } .flyLinks__item:nth-child(13) { top:345px; left:13% } .flyLinks__item:nth-child(14) { top:340px } .video-banner__content { height:410px } .video-banner__title { font-size:20px } .video-banner__text { left:20px } .contact-form { padding-bottom:42px } .contact-form.decorBig:before { width:-webkit-calc(100% + 30px); width:calc(100% + 30px); height:800px; top:-45px; margin-left:-15px; margin-right:-15px } .contact-form__form { position:relative; padding-bottom:70px } .contact-form__form form { display:block } .contact-form__item { position:static; max-width:100%; margin-bottom:0; padding-left:0; padding-right:0 } .contact-form__item:nth-child(1) { padding-left:0 } .contact-form__item:nth-child(2) { padding-right:0 } .contact-form__text { position:absolute; bottom:0; text-align:center } .header-vacancy.trueTown { padding-bottom:42px } .header-vacancy.trueTown .header-vacancy__title span { font-size:16px } .header-vacancy.trueTown .header-vacancy__town { font-size:12px } .vacancy-inner { margin-bottom:80px } .vacancy-row__title { font-size:16px } .vacancy-row__content p { font-size:16px } .file-label { margin-top:15px; margin-bottom:30px; text-align:center } .list-technology__item { font-size:9px } .recruiter,.related-vacancies { max-width:200px; margin:0 auto } .recruiter__images { margin-bottom:30px } .header-vacancy__social-list { width:100% } .share .pluso-wrap a:first-child,.share .a2a_default_style a:first-child { margin-left:0!important } } @media (max-width: 682px) { .slider-prof { max-height:236px } .tabs-head__icon-all { display:block!important } } @media (max-width: 575.99px) { .blockquote-wrapper { flex-direction:column; margin-bottom:24px; margin-top:32px } .blockquote-info { margin-right:0; margin-bottom:22px } .content .blockquote-wrapper blockquote { width:100%; color:rgba(0,0,0,0.87); font-size:14px; letter-spacing:0; line-height:24px; padding-left:16px } .copyright { margin-top:15px; padding:0 15px; font-size:12px } .video { height:417px } .about:after { width:70% } .about__text { font-size:16px } .about__title { display:block } .about__content { width:100%; margin-bottom:62px; padding:0 } .about__content:after { width:60%; top:-90px; height:300px } .about__logo { width:100%; padding-top:50px; margin-bottom:55px } .about__logo img { width:110px } .numbers__icon { margin-bottom:20px } .last-news__content { display:block } .last-news__item { max-width:100%; padding-right:0 } .last-news__item:nth-child(even) { padding-left:0 } .card-news__image { margin-bottom:19px } .contact-form:before { width:88% } .footer { padding-top:34px; border-top:2px solid #f5f5f5 } .footer .container { padding-left:0; padding-right:0 } .footer .menu { margin-bottom:0; padding-bottom:10px; border-bottom:2px solid #f5f5f5 } .footer .menu__item { display:block; margin-bottom:26px; text-align:center } .social-menu { padding-top:30px; margin-bottom:0; padding-bottom:30px; border-bottom:2px solid #f5f5f5 } .cardLink { padding:31px 15px 18px 11px; min-height:120px; display:flex; flex-direction:column; justify-content:space-between } .cardLink__title { white-space:normal } .cardLink__decor { bottom:22px; right:15px; width:14px; height:16px; background-size:contain } } @media (min-width: 1350px) { .nav__logo { -webkit-transform:translateX(-626px); -ms-transform:translateX(-626px); transform:translateX(-626px) } } @media (min-width: 992px) { nav__menu { display:block!important } } .header-vacancy__social-list .share { padding-bottom:0; border-bottom:none } @media (min-width: 992px) { .header-vacancy__social-list .share .pluso-wrap a,.header-vacancy__social-list .share .a2a_default_style a { margin:0 30px!important } .header-vacancy__social-list .share .pluso-wrap a svg,.header-vacancy__social-list .share .a2a_default_style a svg { transform:translate(-50%,-50%) scale(1.3) } } .form-reg__title { position:absolute; bottom:140px; width:100%; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); max-width:100%; font-size:18px } .form-reg__title_true { color:#44A038 } .form-reg__title_false { color:#EF5350 } .form-reg__title_hidden { opacity:0 } .recaptcha-show { display:block; margin:0 auto; width:310px; margin-bottom:90px } .step-image { position:relative; width:100%; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex; justify-content:space-between; margin-bottom:50px; min-height:143px; -ms-align-items:flex-end; align-items:flex-end } .step-text { font-size:20px; color:#212121; line-height:28px } .vacancy-list__text .content p { color:#bdbdbd; font-size:20px; line-height:28px } .vacancy-list__text .content p strong { color:#212121 } .step-arrow { position:absolute; right:0; top:60%; transform:translateY(-50%) rotate(180deg) } .vacancy-infographics-step:last-child .step-arrow { display:none } .rect-long { height:2px; width:62px; border-radius:1px; background-color:#BDBDBD } .rect-up { margin-bottom:2px; height:2px; width:10px; transform:rotate(-40deg); border-radius:1px; background-color:#BDBDBD } .rect-down { margin-top:2px; height:2px; width:10px; transform:scaleY(-1) rotate(-40deg); border-radius:1px; background-color:#BDBDBD } .vacancy-infographics { display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex; justify-content:space-between; flex-wrap:nowrap; margin-top:50px; margin-bottom:100px } .vacancy-list__text .content h2,.vacancy-list__text .content .h2 { font-size:24px; line-height:24px; color:#021789; font-weight:400; margin-bottom:60px; position:relative } .vacancy-list__text .content h2:after,.vacancy-list__text .content .h2:after { content:''; display:block; position:absolute; left:0; bottom:-26px; width:54px; height:4px; background-image:-webkit-linear-gradient(353deg,#0533be,#021789); background-image:-o-linear-gradient(353deg,#0533be,#021789); background-image:linear-gradient(97deg,#0533be,#021789) } .logos-wrap { display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex; flex-wrap:wrap; justify-content:space-around; width:100%; -ms-align-items:center; align-items:center } .logos-wrap .logo { display:block; width:50%; text-align:center; margin-bottom:20px; margin-top:20px } .logos-wrap .logo img { max-width:100% } .history-content .content p strong { color:#212121 } @media (max-width: 992px) { .vacancy-list__text .content h2 { font-size:15px; margin-bottom:50px } .vacancy-list__text .content { font-size:16px; line-height:24px } .step-image img { width:70% } .step-arrow { zoom:.5 } .step-text { font-size:16px; line-height:24px } .vacancy-list__text .content p { font-size:16px; line-height:24px } } .devider { clear:both; display:block } @media (max-width: 768px) { .vacancy-infographics { -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; -o-flex-wrap:wrap; flex-wrap:wrap; margin-bottom:0 } .header-title h1:after,.header-title .h1:after { bottom:-24px } .header-title__content .share { width:100%; margin-top:20px } .vacancy-list__text .content h2:after { bottom:-10px } .share__list { margin-top:20px } .logos-wrap { justify-content:space-between; margin-bottom:40px } .logos-wrap .logo img { width:70% } .step-image { margin-bottom:30px } .vacancy-infographics-step { width:100%; margin-bottom:50px } .step-arrow { display:none } } @media (min-width: 768px) { .link_animate span { width:24px; height:2px } .vacancy-infographics-step { width:30% } .logos-wrap .logo { display:block; width:30%; text-align:center; margin-bottom:80px; margin-top:20px } .devider { display:none } } @media (min-width: 992px) { .link_animate span { top:54%; width:30px } } .blog-slider-else__slider ul li:before { display:none } .blog-slider-else__slider ul.slick-dots li { position:relative } .blog-slider-else__slider ul.slick-dots li button { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) } .advantages-content .card-news__image,.vacancy-list .card-news__image { position:relative } .advantages-content .card-news__image:hover:after,.vacancy-list .card-news__image:hover:after { opacity:1 } .advantages-content .card-news__image:after,.vacancy-list .card-news__image:after { content:''; background-image:url(/wp-content/themes/issoft/assets/images/play-icon.png); width:72px; height:72px; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); opacity:.8; transition:all .3s ease } .bottom-line { flex-wrap:wrap; border-bottom:1px solid #e0e0e0; padding-bottom:30px } .bottom-line .tags { width:100%; margin-bottom:5px } @media (min-width: 768px) { .bottom-line { display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex; justify-content:space-between; border-bottom:1px solid #e0e0e0; padding-bottom:40px; -ms-align-items:center; align-items:center } .bottom-line .tags .tags__title { font-weight:400; font-size:20px } .bottom-line .share .share__title { font-weight:400; font-size:20px } } .bottom-line .tags { display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex; justify-content:flex-start; -ms-align-items:center; align-items:center } .bottom-line .tags .tags__title { color:#BDBDBD; font-size:16px; line-height:28px; padding-right:15px; font-weight:lighter } .bottom-line .share { border-bottom:0; padding-bottom:0 } .bottom-line .share .share__title { color:#BDBDBD; font-size:16px; line-height:28px; padding-right:5px; margin-right:0; font-weight:lighter } .bottom-line .share .share__list { margin-bottom:0 } .bottom-line .share .share__list .pluso-010010100110-06 .pluso-wrap a,.bottom-line .share .share__list .a2a_default_style a { -webkit-background-size:15px 16px; background-size:15px 16px; margin:0!important; -ms-background-position-y:bottom!important; background-position-y:bottom!important } .bottom-line .share .share__list .pluso-010010100110-06 .pluso-wrap,.bottom-line .share .share__list .a2a_default_style { display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex; width:120px; justify-content:space-between } .tags__list a { border:1px solid #021789; border-radius:2px; padding:6px 10px; color:#021789; font-size:16px; line-height:24px; text-decoration:none } .filter-row { display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex; justify-content:space-between } .filter-row .relocate { display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex; -ms-align-items:center; align-items:center } .filter-row .relocate .filter__box { right:unset; display:-webkit-flex!important; display:-moz-flex!important; display:-ms-flex!important; display:-o-flex!important; display:flex!important; justify-content:space-between; -ms-align-items:center; align-items:center; width:auto } .filter-row .relocate .filter__box label { white-space:nowrap; padding-left:10px } .filter-row .relocate .filter__box input { margin-bottom:2px } .banner-section .banner-section__content { height:200px; width:100%; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex; -ms-align-items:center; align-items:center; text-align:center; -webkit-background-size:cover; background-size:cover; background-position:center; flex-wrap:wrap } .banner-section__title { width:100%; margin-top:10px } .banner-section__title p { color:#FFF; text-align:center; max-width:270px; margin:0 auto; font:300 16px/24px Roboto } .banner-section__btn { width:100%; text-align:center; margin-top:-60px } .banner-section__btn a { height:45px; width:133px!important; min-width:unset!important; padding:0!important; border-radius:32.5px; display:-webkit-flex!important; display:-moz-flex!important; display:-ms-flex!important; display:-o-flex!important; display:flex!important; -ms-align-items:center; align-items:center; text-align:center; background:linear-gradient(147.57deg,#0533BE 0%,#021789 100%); box-shadow:0 8px 30px 0 rgba(0,0,0,0.13); margin:0 auto; font-weight:300; font-size:14px; font-weight:300; line-height:20px; text-decoration:none; justify-content:center } .banner-section { margin-bottom:100px; margin-top:-50px } .partners-form .contact-form__form form { display:block } .partners-form .contact-form__form textarea { height:230px } .partners-form .form-reg__title { bottom:75px; width:100%; font-size:18px } .partners-form .text-center { position:relative } .partners-form .contact-form__form textarea::-webkit-input-placeholder { color:#bdbdbd } .partners-form .contact-form__form textarea::-moz-placeholder { color:#bdbdbd } .partners-form .contact-form__form textarea:-ms-input-placeholder { color:#bdbdbd } .partners-form .contact-form__form textarea::-ms-input-placeholder { color:#bdbdbd } .partners-form .contact-form__form textarea::placeholder { color:#bdbdbd } .partners-form .contact-form__form input::-webkit-input-placeholder { color:#bdbdbd } .partners-form .contact-form__form input::-moz-placeholder { color:#bdbdbd } .partners-form .contact-form__form input:-ms-input-placeholder { color:#bdbdbd } .partners-form .contact-form__form input::-ms-input-placeholder { color:#bdbdbd } .partners-form .contact-form__form input::placeholder { color:#bdbdbd } .partners-form .disable .contact-form__button { cursor:default; background-color:#e0e0e0!important; white-space:nowrap } @media (min-width: 768px) { .blog-list ~ .contact-form { margin-top:-100px } .banner-section { margin-bottom:200px; margin-top:-100px } .partners-form .contact-form__item { margin:0 auto } .partners-form { margin-bottom:110px } } @media (min-width: 992px) { .blog-list ~ .contact-form { margin-top:-200px } .partners-form .contact-form__item { padding:0 50px; margin:0 auto } .blog-list__item { min-height:250px!important } .banner-section { margin-bottom:300px; margin-top:-200px } .banner-section__title p { font-size:24px; line-height:34px; max-width:400px } .banner-section__btn a { height:65px; width:185px!important; min-width:unset!important; padding:0!important; border-radius:32.5px; display:-webkit-flex!important; display:-moz-flex!important; display:-ms-flex!important; display:-o-flex!important; display:flex!important; -ms-align-items:center; align-items:center; text-align:center; background:linear-gradient(147.57deg,#0533BE 0%,#021789 100%); box-shadow:0 8px 30px 0 rgba(0,0,0,0.13); margin:0 auto; font-weight:300; font-size:20px; font-weight:300; line-height:28px; text-decoration:none; justify-content:center } .banner-section .banner-section__content { height:370px } .banner-section__title { margin-top:30px } .banner-section__btn { margin-top:-110px } .partners-form .form-reg__title { bottom:100px; width:unset; font-size:20px } .form-reg__title { position:absolute; bottom:200px; left:50%; width:unset; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); max-width:100%; font-size:20px } } @media (min-width: 1024px) { .blog-list ~ .contact-form { margin-top:-200px } .blog-list__item { min-height:470px!important } .banner-section { margin-bottom:340px; margin-top:-200px } } .blue-theme.syntaxhighlighter .gutter .line { border-right:3px solid #021789!important; color:#bdbdbd!important; font-family:'Roboto',sans-serif!important } .blue-theme.syntaxhighlighter .keyword,.blue-theme.syntaxhighlighter .string,.blue-theme.syntaxhighlighter .string a { color:#021789!important } .blue-theme.syntaxhighlighter a,.blue-theme.syntaxhighlighter div,.blue-theme.syntaxhighlighter code,.blue-theme.syntaxhighlighter table,.blue-theme.syntaxhighlighter table td,.blue-theme.syntaxhighlighter table tr,.blue-theme.syntaxhighlighter table tbody,.blue-theme.syntaxhighlighter table thead,.blue-theme.syntaxhighlighter table caption,.blue-theme.syntaxhighlighter textarea { font-size:20px!important } .vacancy-form .contact-form__item { flex:0 0 100%; max-width:100%; padding:0 } .vacancy-form .recaptcha-show { margin-bottom:20px } .vacancy-form .form-reg__title { bottom:unset; margin-top:20px; width:100% } .vacancy-form.contact-form__form form { width:100% } @media (max-width: 767px) { .blog-content__image { padding-bottom:50vh } .blog-content__image img { object-fit:contain } .related-vacancies { margin-top:40px } .vacancy-form.contact-form__form { max-width:270px; margin:0 auto } } @media (max-width: 575px) { .blog-content__image { padding-bottom:30vh } } @media (min-width: 1350px) and (-ms-high-contrast: active),(-ms-high-contrast: none) { .nav__logo { -webkit-transform:translateX(-0px); -ms-transform:translateX(-0px); transform:translateX(-0px); top:-20px; margin-left:-200px } } @media (max-width: 1199px) { .nav__logo { margin:0!important } .pluso-010010100110-06 .pluso-wrap a,.pluso-010010100110-06 .a2a_default_style a { -webkit-background-size:contain!important; background-size:contain!important } } .filter-row .cities[data-term_slug="brest"] { display:none }