.icy-portfolio {
padding-top: 25px; width: 100%;
float: left; backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
}
.icy-portfolio ul.icy-portfolio-tax {
list-style-type: none;
margin: 0;
float: right;
line-height: 19px;
}
.icy-portfolio .icy-portfolio-tax li {
display: inline;
font-size: 13px;
line-height: 13px;
text-transform: uppercase;
font-family: 'Merriweather Sans', Helvetica, Arial;
font-weight: 300;
letter-spacing: 0;
margin-left: 15px;
}
.icy-portfolio .icy-portfolio-tax li a {
color: #999;
}
.icy-portfolio .icy-portfolio-tax li a:hover,
.icy-portfolio .icy-portfolio-tax li a.active {
color: #00a78d;
}
.icy-portfolio .filter-layouts {
float: left;
}
.icy-portfolio .filter-layouts .grid {
background-image: url(//web.corner.bd/wp-content/themes/web-com-bd/css/images/show-grid.svg);
background-position: 0 0;
background-size: 30px 19px;
width: 30px;
height: 19px;
float: left;
margin-right: 15px;
}
.icy-portfolio .filter-layouts .regular {
background-image: url(//web.corner.bd/wp-content/themes/web-com-bd/css/images/regular.svg);
background-position: -30px 0px;
background-size: 30px 19px;
width: 30px;
height: 19px;
float: left;
margin-right: 15px;
}
.icy-portfolio .portfolio-grid {
display: block;
margin: 0;
margin-top: 25px;
float: left;
width: 100%;
overflow: visible !important;
list-style-type: none;
}
.icy-portfolio .portfolio-grid.lazy-load img {
opacity: 0;
}
.icy-portfolio .portfolio-grid .portfolio-item {
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin: 0;
width: 33.3%; position: relative;
overflow: hidden;
display: inline-block;
line-height: 0;
overflow: visible !important;
background: #fff;
cursor: pointer;
}
.icy-portfolio .portfolio-grid .portfolio-item.width1 {
width: 33.3%;
}
.icy-portfolio .portfolio-grid .portfolio-item.width2 {
width: 66.59%;
margin-right: 0%;
}
.iphone .icy-portfolio .portfolio-grid .portfolio-item.width2 {
width: 66.5%;
}
.iphone.chrome .icy-portfolio .portfolio-grid .portfolio-item.width2 {
width: 60%;
}
.icy-portfolio.grid-view .portfolio-grid .portfolio-item.width2 {
width: 33.3%;
}
.icy-portfolio.four-col .portfolio-item.width1 {
width: 24.9%;
}
.icy-portfolio.four-col .portfolio-item.width2 {
width: 49.79%;
margin-right: 0%;
}
.icy-portfolio.grid-view .four-col .porfolio-item.width2 {
width: 24.9%;
}
.icy-portfolio.two-col .portfolio-item.width1 {
width: 49.79%;
margin-right: 0%;
}
.icy-portfolio.two-col .portfolio-item.width2 {
width: 49.79%;
margin-right: 0%;
}
.icy-portfolio.two-col .filter-layouts {
display: none;
}
.icy-portfolio .portfolio-grid .portfolio-item .hover {
position: absolute;
bottom: 0;
left: 0;
display: block;
overflow: hidden;
width: 100%;
opacity: 0;
filter: alpha(opacity=0);
background-color: #fff;
text-align: center;
border-bottom: 1px solid #c1c1c1;
border-left: 1px solid #c1c1c1;
border-right: 1px solid #c1c1c1;
padding: 20px;
--webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.icy-portfolio .portfolio-grid .portfolio-item .hover .portfolio-title {
color: #333;
line-height: 26px;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 15px;
}
.icy-portfolio .portfolio-grid .portfolio-item .hover .separator {
width: 50px;
height: 1px;
background-color: #c1c1c1;
margin: 15px auto;
}
.icy-portfolio .portfolio-grid .portfolio-item .hover .portfolio-categories {
color: #999;
font-size: 13px;
line-height: 19px;
font-weight: 400;
text-transform: uppercase;
display: block;
width: 100%;
}
.icy-portfolio .portfolio-grid .portfolio-item .picture.grayscale {
filter: gray; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(80%);
-moz-filter: grayscale(80%);
-ms-filter: grayscale(80%);
-o-filter: grayscale(80%);
}
.ie10 .icy-portfolio .portfolio-grid .portfolio-item .picture.grayscale {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); }
.icy-portfolio .portfolio-grid .portfolio-item:hover .picture.grayscale {
filter: none; -webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
}
svg {
background: url(http://4.bp.blogspot.com/-IzPWLqY4gJ0/T01CPzNb1KI/AAAAAAAACgA/_8uyj68QhFE/s400/a2cf7051-5952-4b39-aca3-4481976cb242.jpg);
}
.icy-portfolio .portfolio-grid .portfolio-item .picture {
opacity: 0.9;
filter: alpha(opacity=90);
}
.icy-portfolio .portfolio-grid .portfolio-item:hover .picture {
box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.3);
}
.icy-portfolio .portfolio-grid .portfolio-item:hover .hover {
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
}
.icy-portfolio .portfolio-grid .portfolio-item .hover span {
line-height: 16px;
}
.icy-portfolio.fade-animation .portfolio-grid .portfolio-item:hover .picture {
box-shadow: none;
border: none;
}
.icy-portfolio.fade-animation .portfolio-grid .portfolio-item .hover {
height: 100%;
vertical-align: middle;
border: none;
background-color: rgba(0, 0, 0, 0.85);
}
.icy-portfolio.fade-animation .portfolio-grid .portfolio-item:hover .hover {
opacity: 1;
filter: alpha(opacity=100);
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-ms-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
}
.icy-portfolio.fade-animation .portfolio-grid .hover .separator {
margin-left: 0;
}
.icy-portfolio.fade-animation .portfolio-grid .hover .portfolio-title,
.icy-portfolio.fade-animation .portfolio-grid .hover .separator,
.icy-portfolio.fade-animation .portfolio-grid .hover .portfolio-categories {
position: relative;
text-align: left;
}
.icy-portfolio.fade-animation .portfolio-grid .hover .portfolio-title {
color: #fff;
}
.icy-portfolio.fade-animation .portfolio-grid .hover .portfolio-categories {
color: #ebebeb;
} #portfolio-wrapper,
.post {
overflow: visible;
float: left;
width: 100%;
}
#portfolio-wrapper .portfolio-navigation,
.single-portfolio .portfolio-navigation,
.single .post-navigation {
float: left;
width: 100%;
border-bottom: 1px solid #ebebeb;
padding: 25px 0;
margin-bottom: 50px;
min-height: 40px;
clear: both;
}
.single .post-navigation {
margin-bottom: 0;
}
#portfolio-wrapper .portfolio-navigation .prev-post,
#portfolio-wrapper .portfolio-navigation .next-post,
#portfolio-wrapper .portfolio-navigation .show-grid,
.single-portfolio .portfolio-navigation .prev-post,
.single-portfolio .portfolio-navigation .next-post,
.single-portfolio .portfolio-navigation .show-grid,
.single .post-navigation .prev-post,
.single .post-navigation .next-post,
.single .post-navigation .show-grid {
display: inline-block;
}
#portfolio-wrapper .portfolio-navigation .prev-post,
.single-portfolio .portfolio-navigation .prev-post {
background-image: url(//web.corner.bd/wp-content/themes/web-com-bd/css/images/left-arrow-nav.svg);
background-size: 22px 42px;
background-position: 0 0;
width: 22px;
height: 42px;
cursor: pointer;
text-indent: -9999px;
float: left;
}
#portfolio-wrapper .portfolio-navigation .next-post,
.single-portfolio .portfolio-navigation .next-post {
background-image: url(//web.corner.bd/wp-content/themes/web-com-bd/css/images/right-arrow-nav.svg);
background-size: 22px 42px;
width: 22px;
height: 42px;
cursor: pointer;
text-indent: -9999px;
float: right;
}
.single .post-navigation .prev-post,
.single .post-navigation .next-post {
background-image: none;
}
.single .post-navigation .next-post {
float: right;
}
.single .post-navigation .prev-post a {
background-image: url(//web.corner.bd/wp-content/themes/web-com-bd/css/images/left-arrow-nav.svg);
background-size: 22px 42px;
width: 22px;
height: 42px;
cursor: pointer;
text-indent: -9999px;
}
.single .post-navigation .next-post a {
background-image: url(//web.corner.bd/wp-content/themes/web-com-bd/css/images/right-arrow-nav.svg);
background-size: 22px 42px;
width: 22px;
height: 42px;
cursor: pointer;
text-indent: -9999px;
}
.single-portfolio .portfolio-navigation .prev-post,
.single-portfolio .portfolio-navigation .next-post,
.single .post-navigation .prev-post,
.single .post-navigation .next-post {
cursor: default;
}
#portfolio-wrapper .portfolio-navigation a,
.single-portfolio .portfolio-navigation a,
.single .post-navigation a {
display: block;
z-index: 1000;
min-height: 40px;
}
#portfolio-wrapper .portfolio-navigation .show-grid,
.single-portfolio .portfolio-navigation .show-grid,
.single .post-navigation .show-grid {
background-image: url(//web.corner.bd/wp-content/themes/web-com-bd/css/images/show-grid-big.svg);
background-size: 62px 40px;
background-position: 0px 0;
width: 62px;
height: 40px;
cursor: pointer;
text-indent: -9999px;
position: absolute;
left: 50%;
margin-left: -31px;
}
#portfolio-wrapper .portfolio-image,
#portfolio-wrapper .portfolio-meta,
.single-portfolio .portfolio-image,
.single-portfolio .portfolio-meta {
float: left;
clear: both;
display: block;
width: 100%;
overflow: hidden;
line-height: 0;
opacity: 0;
filter: alpha(opacity=0);
}
#portfolio-wrapper .portfolio-single-title,
.single-portfolio .portfolio-single-title {
margin: 0 auto;
font-family: 'Merriweather Sans', Helvetica, Arial;
font-size: 90px;
line-height: 70px;
margin-bottom: 50px;
letter-spacing: -4px;
color: #333;
text-transform: uppercase;
font-weight: 800;
text-align: center;
float: left;
width: 100%;
opacity: 0;
filter: alpha(opacity=0);
word-wrap: break-word;
}
#portfolio-wrapper .portfolio-meta .separator,
.single-portfolio .portfolio-meta .separator {
width: 50px;
height: 1px;
background-color: #c1c1c1;
margin: 35px auto;
}
#portfolio-wrapper .portfolio-meta .portfolio-meta-desc,
.single-portfolio .portfolio-meta .portfolio-meta-desc {
text-align: center;
}
#portfolio-wrapper .portfolio-meta .portfolio-meta-desc h4,
.single-portfolio .portfolio-meta .portfolio-meta-desc h4 {
text-transform: uppercase;
color: #797979;
font-weight: 600;
margin-bottom: 0;
}
#portfolio-wrapper .portfolio-meta .portfolio-meta-desc h5,
.single-portfolio .portfolio-meta .portfolio-meta-desc h5 {
text-transform: uppercase;
font-weight: 300;
margin-bottom: 0;
}
#portfolio-wrapper .portfolio-meta .portfolio-meta-desc,
.single-portfolio .portfolio-meta .portfolio-meta-desc {
position: relative;
}
#portfolio-wrapper .portfolio-meta .portfolio-meta-desc .left-side,
.single-portfolio .portfolio-meta .portfolio-meta-desc .left-side {
float: left;
}
#portfolio-wrapper .portfolio-meta .portfolio-meta-desc .right-side,
.single-portfolio .portfolio-meta .portfolio-meta-desc .right-side {
float: right;
}
#portfolio-wrapper .portfolio-meta .portfolio-meta-desc figure.client-logo,
.single-portfolio .portfolio-meta .portfolio-meta-desc figure.client-logo {
position: absolute;
width: 80px;
height: 80px;
text-align: center;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
}
#portfolio-wrapper .portfolio-content,
.single-portfolio .portfolio-content {
display: block;
clear: both;
float: left;
width: 100%;
opacity: 0;
filter: alpha(opacity=0);
}
.ie #portfolio-wrapper .portfolio-image,
.ie #portfolio-wrapper .portfolio-meta,
.ie .single-portfolio .portfolio-image,
.ie .single-portfolio .portfolio-meta,
.ie #portfolio-wrapper .portfolio-single-title,
.ie .single-portfolio .portfolio-single-title,
.ie #portfolio-wrapper .portfolio-content,
.ie .single-portfolio .portfolio-content {
opacity: 1 !important;
} .icy-foundation {
margin: 50px auto;
text-align: center;
color: #777;
}
.icy-foundation h3 {
font-family: 'Merriweather', Georgia, Serif;
font-size: 16px;
line-height: 26px;
font-weight: 300;
margin-bottom: 0;
color: #777;
}
.icy-foundation .year-animation {
width: 330px;
height: 112px;
overflow: hidden;
text-align: center;
margin: 0 auto;
display: block;
opacity: 0;
}
.icy-foundation .year-animation span {
position: relative;
margin-top: -9px;
text-align: left;
width: 80px;
float: left;
font-family: 'Open Sans', Helvetica, Arial;
font-weight: 800;
font-size: 150px;
line-height: .8;
color: #333;
}
.icy-foundation .year-animation.animate span.first-number {
-webkit-animation: first_number 5s ease-in-out;
-moz-animation: first_number 5s ease-in-out;
-ms-animation: first_number 5s ease-in-out;
-o-animation: first_number 5s ease-in-out;
animation: first_number 5s ease-in-out;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
}
@-webkit-keyframes first_number {
0% {
margin-top: 0;
}
100% {
margin-top: -369px;
}
}
@-moz-keyframes first_number {
0% {
margin-top: 0;
}
100% {
margin-top: -369px;
}
}
@-o-keyframes first_number {
0% {
margin-top: 0;
}
100% {
margin-top: -369px;
}
}
@keyframes first_number {
0% {
margin-top: 0;
}
100% {
margin-top: -369px;
}
}
.icy-foundation .year-animation.animate span.second-number {
-webkit-animation: second_number 5s ease-in-out;
-moz-animation: second_number 5s ease-in-out;
-ms-animation: second_number 5s ease-in-out;
-o-animation: second_number 5s ease-in-out;
animation: second_number 5s ease-in-out;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
}
@-webkit-keyframes second_number {
0% {
margin-top: 0;
}
100% {
margin-top: -849px;
}
}
@-moz-keyframes second_number {
0% {
margin-top: 0;
}
100% {
margin-top: -849px;
}
}
@-o-keyframes second_number {
0% {
margin-top: 0;
}
100% {
margin-top: -849px;
}
}
@keyframes second_number {
0% {
margin-top: 0;
}
100% {
margin-top: -849px;
}
}
.icy-foundation .year-animation.animate span.third-number {
-webkit-animation: third_number 5s ease-in-out;
-moz-animation: third_number 5s ease-in-out;
-ms-animation: third_number 5s ease-in-out;
-o-animation: third_number 5s ease-in-out;
animation: third_number 5s ease-in-out;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
}
@-webkit-keyframes third_number {
0% {
margin-top: 0;
}
100% {
margin-top: -609px;
}
}
@-moz-keyframes third_number {
0% {
margin-top: 0;
}
100% {
margin-top: -609px;
}
}
@-o-keyframes third_number {
0% {
margin-top: 0;
}
100% {
margin-top: -609px;
}
}
@keyframes third_number {
0% {
margin-top: 0;
}
100% {
margin-top: -609px;
}
}
.icy-foundation .year-animation.animate span.fourth-number {
-webkit-animation: fourth_number 5s ease-in-out;
-moz-animation: fourth_number 5s ease-in-out;
-ms-animation: fourth_number 5s ease-in-out;
-o-animation: fourth_number 5s ease-in-out;
animation: fourth_number 5s ease-in-out;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
}
@-webkit-keyframes fourth_number {
0% {
margin-top: 0;
}
100% {
margin-top: -969px;
}
}
@-moz-keyframes fourth_number {
0% {
margin-top: 0;
}
100% {
margin-top: -969px;
}
}
@-o-keyframes fourth_number {
0% {
margin-top: 0;
}
100% {
margin-top: -969px;
}
}
@keyframes fourth_number {
0% {
margin-top: 0;
}
100% {
margin-top: -969px;
}
} .icy-member {
text-align: center;
}
.icy-member .icy-member-picture {
line-height: 0;
margin-bottom: 25px;
display: block;
position: relative;
}
.icy-member .icy-member-name,
.icy-member .icy-bio,
.icy-member .icy-position {
width: 100%;
clear: both;
}
.icy-member .icy-member-name {
font-size: 26px;
line-height: 26px;
font-family: 'Merriweather Sans', Helvetica, Arial;
font-weight: 600;
text-transform: uppercase;
color: #000;
margin-bottom: 20px;
}
.icy-member .icy-position {
font-size: 14px;
line-height: 14px;
font-family: 'Merriweather Sans', Helvetica, Arial;
font-weight: 300;
text-transform: uppercase;
color: #999;
margin-bottom: 20px;
}
.icy-member .icy-bio {
font-size: 14px;
line-height: 24px;
color: #666;
}
.icy-member .icy-member-picture img {
z-index: 2;
}
.icy-member .icy-member-picture .rotateright,
.icy-member .icy-member-picture .rotateleft {
z-index: -1;
}
.icy-member .icy-member-picture .rotateright,
.icy-member .icy-member-picture .rotateleft {
width: 100%;
height: 100%;
display: block;
position: absolute;
background-color: #00C176;
}
.icy-member .icy-member-picture img {
filter: gray(70%); -webkit-filter: grayscale(80%);
-moz-filter: grayscale(80%);
-ms-filter: grayscale(80%);
-o-filter: grayscale(80%);
-webkit-transition: all .25s ease-in-out .25s;
-moz-transition: all .25s ease-in-out .25s;
-ms-transition: all .25s ease-in-out .25s;
-o-transition: all .25s ease-in-out .25s;
transition: all .25s ease-in-out .25s;
}
.icy-member .icy-member-picture:hover img {
filter: none; -webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
-webkit-transition: all .25s ease-in-out .25s;
-moz-transition: all .25s ease-in-out .25s;
-ms-transition: all .25s ease-in-out .25s;
-o-transition: all .25s ease-in-out .25s;
transition: all .25s ease-in-out .25s;
}
.icy-member .icy-member-picture:hover .rotateright {
-webkit-animation: rotateright 2.5s ease-in-out infinite .5s;
-moz-animation: rotateright 2.5s ease-in-out infinite .5s;
-ms-animation: rotateright 2.5s ease-in-out infinite .5s;
-o-animation: rotateright 2.5s ease-in-out infinite .5s;
animation: rotateright 2.5s ease-in-out infinite .5s;
}
@-webkit-keyframes rotateright {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
25% {
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-ms-transform: rotate(10deg);
-o-transform: rotate(10deg);
transform: rotate(10deg);
}
50% {
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg);
transform: rotate(5deg);
}
75% {
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-o-transform: rotate(15deg);
transform: rotate(15deg);
}
100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-moz-keyframes rotateright {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
25% {
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-ms-transform: rotate(10deg);
-o-transform: rotate(10deg);
transform: rotate(10deg);
}
50% {
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg);
transform: rotate(5deg);
}
75% {
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-o-transform: rotate(15deg);
transform: rotate(15deg);
}
100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-o-keyframes rotateright {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
25% {
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-ms-transform: rotate(10deg);
-o-transform: rotate(10deg);
transform: rotate(10deg);
}
50% {
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg);
transform: rotate(5deg);
}
75% {
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-o-transform: rotate(15deg);
transform: rotate(15deg);
}
100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes rotateright {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
25% {
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-ms-transform: rotate(10deg);
-o-transform: rotate(10deg);
transform: rotate(10deg);
}
50% {
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg);
transform: rotate(5deg);
}
75% {
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-o-transform: rotate(15deg);
transform: rotate(15deg);
}
100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.icy-member .icy-member-picture:hover .rotateleft {
-webkit-animation: rotateleft 2.5s ease-in-out infinite;
-moz-animation: rotateleft 2.5s ease-in-out infinite;
-ms-animation: rotateleft 2.5s ease-in-out infinite;
-o-animation: rotateleft 2.5s ease-in-out infinite;
animation: rotateleft 2.5s ease-in-out infinite;
}
@-webkit-keyframes rotateleft {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
25% {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg);
}
50% {
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg);
}
75% {
-webkit-transform: rotate(-15deg);
-moz-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
transform: rotate(-15deg);
}
100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-moz-keyframes rotateleft {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
25% {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg);
}
50% {
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg);
}
75% {
-webkit-transform: rotate(-15deg);
-moz-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
transform: rotate(-15deg);
}
100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-o-keyframes rotateleft {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
25% {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg);
}
50% {
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg);
}
75% {
-webkit-transform: rotate(-15deg);
-moz-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
transform: rotate(-15deg);
}
100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes rotateleft {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
25% {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg);
}
50% {
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg);
}
75% {
-webkit-transform: rotate(-15deg);
-moz-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
transform: rotate(-15deg);
}
100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
} .icy-skill {
text-align: center;
}
.icy-skill h4 {
font-family: 'Merriweather Sans', Helvetica, Arial;
margin-top: 25px;
color: #999;
text-align: center;
font-weight: 300;
text-transform: uppercase;
} .icy-centered-text {
text-align: center;
float: left;
width: 100%;
margin-bottom: 30px;
}
.icy-centered-text hr {
width: 50px;
background-color: #c1c1c1;
}
.icy-centered-text h2 {
font-weight: 600;
font-family: 'Merriweather Sans', 'Open Sans', Helvetica, Arial;
font-size: 26px;
line-height: 26px;
text-transform: uppercase;
margin-bottom: 0;
color: #333;
} .icy-map-canvas {
margin-bottom: 50px;
}
.icy-map-canvas img {
max-width: none !important;
}
.icy-map-canvas .icy-map-description .firstHeading,
.icy-map-canvas .icy-map-description p {
margin-bottom: 0;
}
.icy-map-canvas .icy-map-description p {
font-size: 13px;
} .wpcf7 {
text-align: left !important;
margin-left: 5px !important;
} .icy-testimonials .testimonial {
overflow: hidden;
display: none;
float: left;
}
.icy-testimonials .testimonial-texts {
border: 5px solid #eee;
padding: 25px;
position: relative;
}
.icy-testimonials .testimonial-texts:after {
content: '';
position: absolute;
bottom: -30px;
left: 15px;
border: 15px solid transparent;
border-top-color: #eee;
}
.icy-testimonials .testimonial-texts p {
margin-bottom: 0;
}
.icy-testimonials .testimonial-author {
margin-left: 60px;
margin-top: 5px;
font-size: 13px;
text-transform: uppercase;
font-family: 'Merriweather Sans', Helvetica, Arial;
font-weight: 300;
}
.icy-testimonials .testimonial-nav {
position: relative;
} .icy-pricetable-wrapper {
border: 1px solid #ebebeb;
background: #fff;
}
.icy-pricetable-wrapper ul {
margin: 0;
list-style-type: none;
}
.icy-pricetable-wrapper ul li {
text-align: center;
margin: 0;
padding: 10px 20px;
}
.icy-pricetable-wrapper ul li:nth-child(even) {
background: #f5f6f8;
}
.icy-pricetable-wrapper ul li.icy-pricetable-heading,
.icy-pricetable-wrapper ul li.action-button {
color: #fff;
background-color: #00a78d;
padding: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.icy-pricetable-wrapper ul li.icy-pricetable-heading .icy-pricetable-title {
color: #fff;
text-transform: uppercase;
font-weight: 800;
padding: 5px 0;
font-family: 'Merriweather Sans', Helvetica, Arial;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
margin-bottom: 0;
}
.icy-pricetable-price .price {
color: #fff;
text-align: center;
font-size: 64px;
line-height: 82px;
font-family: 'Open Sans', Helvetica, Arial;
border-top: 1px solid rgba(255, 255, 255, 0.15);
background-color: rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
margin-bottom: 0;
}
.icy-pricetable-img {
line-height: 0;
}
.icy-pricetable-price span {
font-size: 13px;
}
.icy-pricetable-wrapper ul li.action-button {
padding: 15px 25px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.icy-pricetable-wrapper ul li.action-button a {
color: #fff;
text-transform: uppercase;
font-size: 24px;
line-height: 24px;
font-family: 'Merriweather Sans', Helvetica, Arial;
font-weight: 800;
vertical-align: middle;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
} .left-aligned .logo {
float: left;
}
.left-aligned nav#primary-nav {
float: right;
}
.left-aligned .nav-btn {
float: right;
}
.center-aligned .logo {
text-align: center;
display: block;
float: none;
margin: 25px auto;
}
.center-aligned nav#primary-nav {
width: 100%;
float: left;
margin: 25px auto;
display: block;
position: relative;
text-transform: uppercase;
clear: both;
text-align: center;
}
.center-aligned nav#primary-nav ul {
list-style: none;
margin: 0 auto;
text-align: center;
width: auto;
display: inline-block;
float: none;
}
.center-aligned .nav-btn {
margin: 0 auto;
margin-bottom: 25px;
}
.center-aligned nav#primary-nav ul li:hover ul, .center-aligned nav#primary-nav ul li.sfHover ul {
top: 70px;
}
.aq_block_toggle h2.tab-head, .aq_block_accordion h2.tab-head {
background-color: #fff;
border: none;
margin-top: -1px;
border-top: 1px solid #ebebeb;
border-left: 1px solid #ebebeb;
border-right: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
border-radius: 0;
color: #999;
text-transform: uppercase;
font-family: 'Merriweather Sans', Helvetica, Arial;
font-size: 13px;
cursor: pointer;
}
.aq_block_toggle .tab-body, .aq_block_accordion .tab-body {
padding: 10px;
background-image: none;
border: none;
}
.aq_block_toggle, .aq_block_accordion,
.aq_block_toggles_wrapper,
.aq_block_accordion_wrapper,
.aq_block_tabs {
border: none;
border-radius: 0;
margin: 0;
}
.aq_block_toggle .tab-body p, .aq_block_accordion .tab-body p {
margin-bottom: 0;
}
.aq_block_accordion.first-child {
border-top-color: #ebebeb;
margin: 0;
}
.aq_block_accordion {
border: none;
}
.aq_block_tabs .aq-tab {
padding: 20px;
padding-bottom: 0;
border-color: #ebebeb;
}
.aq_block_tabs ul.aq-nav li {
margin: 0 -1px -1px 0 !important;
border-radius: 0;
text-transform: uppercase;
font-family: 'Merriweather Sans', Helvetica, Arial;
font-size: 13px;
cursor: pointer;
outline: none;
}
.aq_block_tabs ul.aq-nav li a {
color: #999;
outline: none;
border-radius: 0;
border-color: #ebebeb;
padding: 10px 10px 4px 10px;
}
.aq_block_tabs,
.aq_block_accordion_wrapper,
.aq_block_toggle_wrapper {
margin-bottom: 50px;
}
.icy-loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
background-color: rgba(255, 255, 255, .9);
z-index: 9999;
opacity: 0;
filter: alpha(opacity=0);
display: none;
list-style-type: none;
}
.icy-loader .bokeh {
font-size: 100px;
width: 1em;
height: 1em;
position: relative;
margin: 0 auto;
top: 50%;
margin-top: -50px;
border-radius: 50%; list-style: none;
}
.icy-loader .bokeh li {
position: absolute;
width: .2em;
height: .2em;
border-radius: 50%;
}
.icy-loader .bokeh li:nth-child(1) {
left: 50%;
top: 0;
margin: 0 0 0 -.1em;
background: #009b77;
-webkit-transform-origin: 50% 250%;
-moz-transform-origin: 50% 250%;
-ms-transform-origin: 50% 250%;
-o-transform-origin: 50% 250%;
transform-origin: 50% 250%;
-webkit-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate;
-moz-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate;
-ms-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate;
-o-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate;
animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate;
}
.icy-loader .bokeh li:nth-child(2) {
top: 50%;
right: 0;
margin: -.1em 0 0 0;
background: #FF003C;
-webkit-transform-origin: -150% 50%;
-moz-transform-origin: -150% 50%;
-ms-transform-origin: -150% 50%;
-o-transform-origin: -150% 50%;
transform-origin: -150% 50%;
-webkit-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
-moz-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
-ms-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
-o-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
}
.icy-loader .bokeh li:nth-child(3) {
left: 50%;
bottom: 0;
margin: 0 0 0 -.1em;
background: #FABE28;
-webkit-transform-origin: 50% -150%;
-moz-transform-origin: 50% -150%;
-ms-transform-origin: 50% -150%;
-o-transform-origin: 50% -150%;
transform-origin: 50% -150%;
-webkit-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
-moz-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
-ms-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
-o-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
}
.icy-loader .bokeh li:nth-child(4) {
top: 50%;
left 0;
margin: -.1em 0 0 0;
background: #88C100;
-webkit-transform-origin: 250% 50%;
-moz-transform-origin: 250% 50%;
-ms-transform-origin: 250% 50%;
-o-transform-origin: 250% 50%;
transform-origin: 250% 50%;
-webkit-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
-moz-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
-ms-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
-o-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
}
@-webkit-keyframes rota {
to {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes rota {
to {
-moz-transform: rotate(360deg);
}
}
@-ms-keyframes rota {
to {
-ms-transform: rotate(360deg);
}
}
@-o-keyframes rota {
to {
-o-transform: rotate(360deg);
}
}
@keyframes rota {
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes opa {
12.0% {
opacity: 0.80;
}
19.5% {
opacity: 0.88;
}
37.2% {
opacity: 0.64;
}
40.5% {
opacity: 0.52;
}
52.7% {
opacity: 0.69;
}
60.2% {
opacity: 0.60;
}
66.6% {
opacity: 0.52;
}
70.0% {
opacity: 0.63;
}
79.9% {
opacity: 0.60;
}
84.2% {
opacity: 0.75;
}
91.0% {
opacity: 0.87;
}
}
@-moz-keyframes opa {
12.0% {
opacity: 0.80;
}
19.5% {
opacity: 0.88;
}
37.2% {
opacity: 0.64;
}
40.5% {
opacity: 0.52;
}
52.7% {
opacity: 0.69;
}
60.2% {
opacity: 0.60;
}
66.6% {
opacity: 0.52;
}
70.0% {
opacity: 0.63;
}
79.9% {
opacity: 0.60;
}
84.2% {
opacity: 0.75;
}
91.0% {
opacity: 0.87;
}
}
@-ms-keyframes opa {
12.0% {
opacity: 0.80;
}
19.5% {
opacity: 0.88;
}
37.2% {
opacity: 0.64;
}
40.5% {
opacity: 0.52;
}
52.7% {
opacity: 0.69;
}
60.2% {
opacity: 0.60;
}
66.6% {
opacity: 0.52;
}
70.0% {
opacity: 0.63;
}
79.9% {
opacity: 0.60;
}
84.2% {
opacity: 0.75;
}
91.0% {
opacity: 0.87;
}
}
@-o-keyframes opa {
12.0% {
opacity: 0.80;
}
19.5% {
opacity: 0.88;
}
37.2% {
opacity: 0.64;
}
40.5% {
opacity: 0.52;
}
52.7% {
opacity: 0.69;
}
60.2% {
opacity: 0.60;
}
66.6% {
opacity: 0.52;
}
70.0% {
opacity: 0.63;
}
79.9% {
opacity: 0.60;
}
84.2% {
opacity: 0.75;
}
91.0% {
opacity: 0.87;
}
}
@keyframes opa {
12.0% {
opacity: 0.80;
}
19.5% {
opacity: 0.88;
}
37.2% {
opacity: 0.64;
}
40.5% {
opacity: 0.52;
}
52.7% {
opacity: 0.69;
}
60.2% {
opacity: 0.60;
}
66.6% {
opacity: 0.52;
}
70.0% {
opacity: 0.63;
}
79.9% {
opacity: 0.60;
}
84.2% {
opacity: 0.75;
}
91.0% {
opacity: 0.87;
}
}  .isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
} .isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.71s;
-moz-transition-duration: 0.71s;
-ms-transition-duration: 0.71s;
-o-transition-duration: 0.71s;
transition-duration: 0.71s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
} .isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}  .isotope.infinite-scrolling {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.animated {
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
}
.animated.hinge {
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform: translateY(20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-o-transform: translateY(20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-ms-transform: translateY(-20px);
}
100% {
opacity: 1;
-ms-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
}
.viewer li {
-webkit-transition: width 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
-moz-transition: width 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
transition: width 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
}
.viewer .caption {
visibility: hidden;
opacity: 0;
-webkit-transition: opacity 1.5s ease-in-out;
-moz-transition: opacity 1.5s ease-in-out;
transition: opacity 1.5s ease-in-out;
}
.viewer .current .caption {
opacity: 100;
visibility: visible;
}
.viewer img {
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3), transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3), transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3), transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
}
.viewer .current img {
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4), transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
-moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4), transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4), transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
}
.lightbox-gallery {
font-size: 0;
line-height: 0;
float: left;
}
.lightbox-gallery li {
display: inline-block;
}
.lightbox-gallery .width1 {
width: 100%;
}
.lightbox-gallery .width2 {
width: 50%;
}
.lightbox-gallery .width3 {
width: 33.3%;
}
.lightbox-gallery .width4 {
width: 25%;
}
.lightbox-gallery .width5 {
width: 20%;
}
.lightbox-gallery .width8 {
width: 12.5%;
}
.lightbox-gallery .width10 {
width: 10%;
}
.mejs-container {
position: relative;
min-width: 150px;
background: none;
font-family: sans-serif;
text-align: left;
vertical-align: top;
margin: 0 auto;
margin-top: -60px;
margin-bottom: 30px;
}
.me-plugin {
position: absolute;
}
.mejs-embed, .mejs-embed body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background: #000;
overflow: hidden;
}
.mejs-container-fullscreen {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow: hidden;
z-index: 1000;
}
.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
width: 100%;
height: 100%;
} .mejs-background {
position: absolute;
top: 0;
left: 0;
}
.mejs-mediaelement {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mejs-poster {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.mejs-poster img {
border: 0;
padding: 0;
border: 0;
display: block;
width: auto;
height: 100%;
}
.mejs-overlay {
position: absolute;
top: 0;
left: 0;
}
.mejs-overlay-play {
cursor: pointer;
}
.mejs-overlay-button {
position: absolute;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
margin: -50px 0 0 -50px;
background: url(//web.corner.bd/wp-content/themes/web-com-bd/css/images/bigplay.png) no-repeat;
}
.mejs-overlay:hover .mejs-overlay-button {
background-position: 0 -100px;
}
.mejs-overlay-loading {
position: absolute;
top: 50%;
left: 50%;
width: 80px;
height: 80px;
margin: -40px 0 0 -40px;
}
.mejs-overlay-loading span {
display: block;
width: 80px;
height: 80px;
background: #3A3C3D url(//web.corner.bd/wp-content/themes/web-com-bd/css/images/loading.gif) 50% 50% no-repeat;
border-radius: 40px;
}  .mejs-container .mejs-controls {
position: absolute;
margin: 0;
padding: 0;
bottom: 0;
left: 0;
height: 30px;
width: 100%;
background: #3a3c3d url(//web.corner.bd/wp-content/themes/web-com-bd/css/images/background.png);
background: -webkit-linear-gradient(#4a4c4d, #2b2d2d);
background: -moz-linear-gradient(#4a4c4d, #2b2d2d);
background: -o-linear-gradient(#4a4c4d, #2b2d2d);
background: -ms-linear-gradient(#4a4c4d, #2b2d2d);
background: linear-gradient(#4a4c4d, #2b2d2d);
list-style: none;
}
.mejs-audio .mejs-controls {
border-radius: 3px;
}
.mejs-container .mejs-controls div {
list-style-type: none;
display: block;
float: left;
margin: 0;
padding: 0;
width: 32px;
height: 30px;
font-size: 11px;
line-height: 11px;
font-family: sans-serif;
background: url(//web.corner.bd/wp-content/themes/web-com-bd/css/images/sep.png) left no-repeat;
border: 0;
}
.mejs-controls .mejs-button button {
cursor: pointer;
display: block;
font-size: 0;
line-height: 0;
text-decoration: none;
margin: 7px 7px 0 9px;
padding: 0;
position: absolute;
height: 16px;
width: 16px;
border: 0;
background: transparent url(//web.corner.bd/wp-content/themes/web-com-bd/css/images/controls.png) no-repeat;
} .mejs-controls .mejs-button button:focus {
outline: solid 1px yellow;
}  .mejs-container .mejs-controls .mejs-time {
color: #fff;
display: block;
height: 17px;
width: auto;
padding: 8px 8px 5px 10px;
overflow: hidden;
text-align: center;
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}
.mejs-container .mejs-controls .mejs-time span {
font-size: 11px;
color: #fff;
line-height: 12px;
display: block;
float: left;
width: auto;
}  .mejs-container .mejs-controls .mejs-playpause-button {
cursor: pointer;
background: none;
width: 30px;
}
.mejs-controls .mejs-playpause-button button {
margin: 7px 8px;
}
.mejs-controls .mejs-play button {
background-position: 0 0;
}
.mejs-controls .mejs-play:hover button {
background-position: 0 -32px;
}
.mejs-controls .mejs-pause button {
background-position: 0 -16px;
}
.mejs-controls .mejs-pause:hover button {
background-position: 0 -48px;
}  .mejs-controls .mejs-stop button {
background-position: -112px 0;
}
.mejs-controls .mejs-stop:hover button {
background-position: -112px -32px;
}  .mejs-controls div.mejs-time-rail {
width: 200px;
}
.mejs-controls .mejs-time-rail span {
display: block;
position: absolute;
width: 180px;
height: 5px;
cursor: pointer;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
padding: 1px;
margin: 11px 8px 0 10px;
background: #262929;
border-bottom: #3d3f40 1px solid;
box-shadow: inset 1px 1px rgba(0, 0, 0, .4);
}
.mejs-controls .mejs-time-rail .mejs-time-buffering {
width: 100%;
background: #464849;
background-image: -webkit-linear-gradient(-45deg, #464849 25%, #262929 25%, #262929 50%, #464849 50%, #464849 75%, #262929 75%, #262929);
background-image: -moz-linear-gradient(-45deg, #464849 25%, #262929 25%, #262929 50%, #464849 50%, #464849 75%, #262929 75%, #262929);
background-image: -o-linear-gradient(-45deg, #464849 25%, #262929 25%, #262929 50%, #464849 50%, #464849 75%, #262929 75%, #262929);
background-image: -ms-linear-gradient(-45deg, #464849 25%, #262929 25%, #262929 50%, #464849 50%, #464849 75%, #262929 75%, #262929);
background-image: linear-gradient(-45deg, #464849 25%, #262929 25%, #262929 50%, #464849 50%, #464849 75%, #262929 75%, #262929);
-moz-background-size: 6px 6px;
background-size: 6px 5px;
-webkit-background-size: 6px 5px;
-webkit-animation: buffering-stripes 2s linear infinite;
-moz-animation: buffering-stripes 2s linear infinite;
-ms-animation: buffering-stripes 2s linear infinite;
-o-animation: buffering-stripes 2s linear infinite;
animation: buffering-stripes 2s linear infinite;
z-index: 1;
}
@-webkit-keyframes buffering-stripes {
from {
background-position: 0 0;
}
to {
background-position: 30px 0;
}
}
@-moz-keyframes buffering-stripes {
from {
background-position: 0 0;
}
to {
background-position: 30px 0;
}
}
@-ms-keyframes buffering-stripes {
from {
background-position: 0 0;
}
to {
background-position: 30px 0;
}
}
@-o-keyframes buffering-stripes {
from {
background-position: 0 0;
}
to {
background-position: 30px 0;
}
}
@keyframes buffering-stripes {
from {
background-position: 0 0;
}
to {
background-position: 30px 0;
}
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #464849;
width: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
width: 0;
background: #feea36;
background-image: -webkit-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
background-image: -moz-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
background-image: -o-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
background-image: -ms-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
background-image: linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
-moz-background-size: 6px 6px;
background-size: 6px 6px;
-webkit-background-size: 6px 5px;
z-index: 1;
}
.mejs-controls .mejs-time-rail .mejs-time-handle {
display: none;
position: absolute;
margin: 0;
width: 5px;
background: transparent;
cursor: pointer;
top: 1px;
z-index: 1;
text-align: center;
}
.mejs-controls .mejs-time-rail .mejs-time-float {
position: absolute;
display: none;
background: #C2C8CF;
background: -webkit-linear-gradient(#E3E6E9, #C2C8CF);
background: -moz-linear-gradient(#E3E6E9, #C2C8CF);
background: -o-linear-gradient(#E3E6E9, #C2C8CF);
background: -ms-linear-gradient(#E3E6E9, #C2C8CF);
background: linear-gradient(#E3E6E9, #C2C8CF);
width: 36px;
height: 17px;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
top: -26px;
margin-left: -18px;
text-align: center;
color: #111;
}
.mejs-controls .mejs-time-rail .mejs-time-float-current {
margin: 3px;
width: 30px;
display: block;
text-align: center;
left: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
position: absolute;
display: block;
width: 0;
height: 0;
line-height: 0;
border: solid 4px #C2C8CF;
border-color: #C2C8CF transparent transparent transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
top: 17px;
left: 13px;
}   .mejs-controls .mejs-fullscreen-button button {
background-position: -32px 0;
}
.mejs-controls .mejs-unfullscreen button {
background-position: -32px -16px;
}  .mejs-controls .mejs-volume-button {
}
.mejs-controls .mejs-mute button {
background-position: -16px -16px;
}
.mejs-controls .mejs-mute button:hover {
background-position: -16px -48px;
}
.mejs-controls .mejs-unmute button {
background-position: -16px 0;
}
.mejs-controls .mejs-unmute button:hover {
background-position: -16px -32px;
}
.mejs-controls .mejs-volume-button {
position: relative;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider {
display: none;
height: 68px;
width: 31px;
background: #3A3C3D;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
top: -68px;
left: 1px;
z-index: 1;
position: absolute;
margin: 0;
}
.mejs-controls .mejs-volume-button:hover {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
} .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
position: absolute;
left: 13px;
top: 8px;
width: 5px;
height: 50px;
background: #262929;
border-bottom: #3d3f40 1px solid;
box-shadow: inset 1px 1px rgba(0, 0, 0, .4);
margin: 0;
padding: 1px;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
position: absolute;
left: 13px;
top: 8px;
width: 5px;
height: 50px;
background: #feea36;
background-image: -webkit-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
background-image: -moz-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
background-image: -o-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
background-image: -ms-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
background-image: linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
-moz-background-size: 6px 6px;
background-size: 6px 6px;
-webkit-background-size: 6px 5px;
background-position: bottom;
margin: 1px;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
position: absolute;
left: 14px;
top: 16px;
width: 5px;
height: 5px;
background: transparent;
margin: 0;
} .mejs-controls div.mejs-horizontal-volume-slider {
height: 26px;
width: 62px;
position: relative;
background: none;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
position: absolute;
left: 0;
top: 11px;
width: 50px;
height: 5px;
margin: 0;
padding: 1px;
font-size: 1px;
background: #262929;
border-bottom: #3d3f40 1px solid;
box-shadow: inset 1px 1px rgba(0, 0, 0, .4);
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
position: absolute;
left: 0;
top: 11px;
width: 50px;
height: 5px;
margin: 1px;
padding: 0;
font-size: 1px;
background: #feea36;
background-image: -webkit-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
background-image: -moz-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
background-image: -o-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
background-image: -ms-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
background-image: linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
-moz-background-size: 6px 6px;
background-size: 6px 6px;
-webkit-background-size: 6px 5px;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
display: none;
}  .mejs-controls .mejs-captions-button {
position: relative;
}
.mejs-controls .mejs-captions-button button {
background-position: -48px 0;
}
.mejs-controls .mejs-captions-button:hover button {
background-position: -48px -32px;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector {
visibility: hidden;
position: absolute;
bottom: 30px;
right: -10px;
width: 130px;
height: 100px;
background: #3A3C3D;
border: solid 1px transparent;
padding: 10px;
overflow: hidden;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
} .mejs-controls .mejs-captions-button .mejs-captions-selector ul {
margin: 0;
padding: 0;
display: block;
list-style-type: none !important;
overflow: hidden;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
margin: 0 0 6px 0;
padding: 0;
list-style-type: none !important;
display: block;
color: #fff;
overflow: hidden;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
clear: both;
float: left;
margin: 3px 3px 0 5px;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
width: 100px;
float: left;
padding: 4px 0 0 0;
line-height: 15px;
font-family: sans-serif;
font-size: 10px;
}
.mejs-controls .mejs-captions-button .mejs-captions-translations {
font-size: 10px;
margin: 0 0 5px 0;
}
.mejs-chapters {
position: absolute;
top: 0;
left: 0;
-xborder-right: solid 1px #fff;
width: 10000px;
z-index: 1;
}
.mejs-chapters .mejs-chapter {
position: absolute;
float: left;
background: #3A3C3D;
background: rgba(58, 60, 61, 0.7);
background: -webkit-linear-gradient(top, rgba(74, 76, 77, 0.7), rgba(0, 0, 0, 0.7));
background: -moz-linear-gradient(top, rgba(74, 76, 77, 0.7), rgba(0, 0, 0, 0.7));
background: -o-linear-gradient(top, rgba(74, 76, 77, 0.7), rgba(0, 0, 0, 0.7));
background: -ms-linear-gradient(top, rgba(74, 76, 77, 0.7), rgba(0, 0, 0, 0.7));
background: linear-gradient(top, rgba(74, 76, 77, 0.7), rgba(0, 0, 0, 0.7));
overflow: hidden;
border: 0;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block {
font-size: 11px;
color: #fff;
padding: 5px;
display: block;
border-right: solid 1px #313335;
border-right: solid 1px rgba(49, 51, 53, .7);
border-bottom: solid 1px #313335;
border-bottom: solid 1px rgba(49, 51, 53, .7);
cursor: pointer;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
border-right: none;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
background: #333;
background: rgba(102, 102, 102, 0.7);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6)));
background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
background: -o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
background: -ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
font-size: 12px;
font-weight: bold;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
margin: 0 0 3px 0;
line-height: 12px;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
font-size: 12px;
line-height: 12px;
margin: 3px 0 4px 0;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
}
.mejs-captions-layer {
position: absolute;
bottom: 0;
left: 0;
text-align: center; line-height: 22px;
font-size: 12px;
color: #fff;
}
.mejs-captions-layer a {
color: #fff;
text-decoration: underline;
}
.mejs-captions-layer[lang=ar] {
font-size: 20px;
font-weight: normal;
}
.mejs-captions-position {
position: absolute;
width: 100%;
bottom: 15px;
left: 0;
}
.mejs-captions-position-hover {
bottom: 45px;
}
.mejs-captions-text {
padding: 5px 7px;
background: #3a3c3d;
background: rgba(58, 60, 61, 0.8);
border-radius: 4px;
} .mejs-clear {
clear: both;
} .me-cannotplay {
}
.me-cannotplay a {
color: #fff;
font-weight: bold;
}
.me-cannotplay span {
padding: 15px;
display: block;
}  .mejs-controls .mejs-loop-off button {
background-position: -64px -16px;
}
.mejs-controls .mejs-loop-off:hover button {
background-position: -64px -48px;
}
.mejs-controls .mejs-loop-on button {
background-position: -64px 0;
}
.mejs-controls .mejs-loop-on::hover button {
background-position: -64px -32px;
}  .mejs-controls .mejs-backlight-off button {
background-position: -80px -16px;
}
.mejs-controls .mejs-backlight-off:hover button {
background-position: -80px -48px;
}
.mejs-controls .mejs-backlight-on button {
background-position: -80px 0;
}
.mejs-controls .mejs-backlight-on:hover button {
background-position: -80px -32px;
}  .mejs-controls .mejs-picturecontrols-button {
background-position: -96px 0;
}
.mejs-controls .mejs-picturecontrols-button:hover {
background-position: -96px -32px;
}  .mejs-contextmenu {
position: absolute;
width: 150px;
padding: 10px;
border-radius: 4px;
top: 0;
left: 0;
background: #fff;
border: solid 1px #999;
z-index: 1001; }
.mejs-contextmenu .mejs-contextmenu-separator {
height: 1px;
font-size: 0;
margin: 5px 6px;
background: #333;
}
.mejs-contextmenu .mejs-contextmenu-item {
font-family: sans-serif;
font-size: 12px;
padding: 4px 6px;
cursor: pointer;
color: #333;
}
.mejs-contextmenu .mejs-contextmenu-item:hover {
background: #2C7C91;
color: #fff;
} .mejs-controls .mejs-sourcechooser-button {
position: relative;
}
.mejs-controls .mejs-sourcechooser-button button {
background-position: -128px 0;
}
.mejs-controls .mejs-sourcechooser-button button {
background-position: -128px -32px;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
visibility: hidden;
position: absolute;
bottom: 26px;
right: -10px;
width: 130px;
height: 100px;
background: #3A3C3D;
border: solid 1px transparent;
padding: 10px;
overflow: hidden;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
margin: 0;
padding: 0;
display: block;
list-style-type: none !important;
overflow: hidden;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
margin: 0 0 6px 0;
padding: 0;
list-style-type: none !important;
display: block;
color: #fff;
overflow: hidden;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
clear: both;
float: left;
margin: 3px 3px 0 5px;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
width: 100px;
float: left;
padding: 4px 0 0 0;
line-height: 15px;
font-family: sans-serif;
font-size: 10px;
}  .jp-jplayer {
width: 0px;
height: 0px; }
.jp-audio-container {
margin-top: -60px;
margin-bottom: 30px;
}
.jp-audio-container.no-image {
margin-top: 0;
margin-bottom: 30px;
}
.jp-audio {
margin: 0 auto;
width: 400px;
max-width: 100%;
padding: 0 20px;
font-size: 1em;
font-family: "Helvetica Neue", Helvetica, Arial, "Nimbus Sans L", sans-serif;
color: #fff;
line-height: 1.6;
}
.jp-audio a {
text-decoration: none;
color: #d2d6db;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
.jp-audio a:hover {
color: #ffffff;
}
.jp-interface {
position: relative;
height: 30px;
width: 100%;
background-color: #333;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#555555), to(#333));
background-image: -moz-linear-gradient(#555555, #333);
background-image: -ms-linear-gradient(#555555, #333);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555555), color-stop(100%, #333));
background-image: -webkit-linear-gradient(#555555, #333);
background-image: -o-linear-gradient(#555555, #333);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333', GradientType=0);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333', GradientType=0)";
background-image: linear-gradient(#555555, #333);
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
-khtml-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
-o-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
} .jp-controls {
float: left;
width: 30px;
height: 30px;
list-style-type: none;
padding: 0;
margin: 0;
z-index: 100;
}
ul.jp-controls {
list-style-type: none;
}
.jp-controls:after {
content: " ";
position: absolute;
top: 0;
left: 30px;
width: 0;
height: 30px;
border-left: 1px solid #3a3b3c;
border-right: 1px solid #4a4b4c;
}
.jp-controls li {
float: left;
}
.jp-controls a {
position: absolute;
overflow: hidden;
text-indent: -9999px;
}
.jp-play,
.jp-pause,
.jp-mute,
.jp-unmute {
z-index: 1;
outline: none;
width: 30px;
height: 30px;
background-position: 10px center;
background-repeat: no-repeat;
top: 0;
}
.jp-play:hover,
.jp-pause:hover,
.jp-mute:hover,
.jp-unmute:hover {
background-position: -23px center;
top: 0;
}
.jp-play {
background-image: url(//web.corner.bd/wp-content/themes/web-com-bd/css/images/play.png);
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
.jp-play {
background-image: url(//web.corner.bd/wp-content/themes/web-com-bd/css/images/play@2x.png);
background-size: cover;
}
}
.jp-pause {
display: none;
background-image: url(//web.corner.bd/wp-content/themes/web-com-bd/css/images/pause.png);
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
.jp-pause {
background-image: url(//web.corner.bd/wp-content/themes/web-com-bd/css/images/pause@2x.png);
background-size: cover;
}
}
.jp-mute,
.jp-unmute {
display: block;
position: absolute;
top: 0;
right: 55px;
}
.jp-mute {
background-image: url(//web.corner.bd/wp-content/themes/web-com-bd/css/images/mute-off.png);
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
.jp-mute {
background-image: url(//web.corner.bd/wp-content/themes/web-com-bd/css/images/mute-off@2x.png);
background-size: cover;
}
}
.jp-unmute {
background-image: url(//web.corner.bd/wp-content/themes/web-com-bd/css/images/mute-on.png);
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
.jp-unmute {
background-image: url(//web.corner.bd/wp-content/themes/web-com-bd/css/images/mute-on@2x.png);
background-size: cover;
}
} .jp-progress {
position: absolute;
padding: 0 95px 0 40px;
margin-top: 12px;
margin-bottom: 12px;
margin-left: 0;
margin-right: 0;
width: 100%;
height: 7px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.jp-seek-bar,
.jp-play-bar {
width: 0px;
height: 5px;
-webkit-border-radius: 1px;
-khtml-border-radius: 1px;
-moz-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;
}
.jp-seek-bar {
cursor: pointer;
position: relative;
z-index: 999;
background: #4a4b4c;
}
.jp-seek-bar:before {
content: " ";
display: block;
background: transparent;
border: 1px solid;
border-color: #212424 #262929 #262929;
height: 5px;
width: 100%;
position: relative;
top: -1px;
left: -1px;
-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
-khtml-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
-o-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
-webkit-border-radius: 1px;
-khtml-border-radius: 1px;
-moz-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;
}
.jp-play-bar {
position: absolute;
top: 0;
left: 0;
-webkit-animation: progress 0.75s linear infinite;
-moz-animation: progress 0.75s linear infinite;
-o-animation: progress 0.75s linear infinite;
-ms-animation: progress 0.75s linear infinite;
animation: progress 0.75s linear infinite;
} .jp-volume-bar {
float: right;
z-index: 99;
position: relative;
margin: 12px 10px 12px;
width: 40px;
height: 7px;
cursor: pointer;
background: #333;
-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
-khtml-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
-o-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
-webkit-border-radius: 1px;
-khtml-border-radius: 1px;
-moz-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;
}
.jp-volume-bar:before {
content: " ";
position: absolute;
top: -12px;
left: -35px;
width: 0;
height: 30px;
border-left: 1px solid #4a4b4c;
border-right: 1px solid #3a3b3c;
}
.jp-volume-bar-value {
width: 0px;
height: 5px;
margin: 1px;
-webkit-border-radius: 1px;
-khtml-border-radius: 1px;
-moz-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;
} .jp-play-bar,
.jp-volume-bar-value {
-webkit-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
-khtml-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
-moz-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
-o-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
-webkit-background-size: 7px 7px;
-moz-background-size: 7px 7px;
-o-background-size: 7px 7px;
background-size: 7px 7px;
background-color: #fcc500;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#fff200), to(#fcc500));
background-image: -moz-linear-gradient(#fff200, #fcc500);
background-image: -ms-linear-gradient(#fff200, #fcc500);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff200), color-stop(100%, #fcc500));
background-image: -webkit-linear-gradient(#fff200, #fcc500);
background-image: -o-linear-gradient(#fff200, #fcc500);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff200', endColorstr='#fcc500', GradientType=0);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff200', endColorstr='#fcc500', GradientType=0)";
background-image: linear-gradient(#fff200, #fcc500);
background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.3)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.3)), color-stop(0.75, rgba(255, 255, 255, 0.3)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
} .jp-time-holder {
display: none;
visibility: hidden;
} .jp-toggles {
display: none;
visibility: hidden;
} .jp-playlist {
width: 95%;
margin: 0 auto;
font-size: 13px;
background-color: #555555;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
-khtml-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
-webkit-border-radius: 0 0 3px 3px;
-khtml-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
-o-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
}
.jp-playlist a {
display: block;
}
.jp-playlist ul {
width: 100%;
padding: 0;
margin: 0;
list-style: none;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
-khtml-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
-o-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
}
.jp-playlist li {
width: 100%;
padding: 5px 10px;
border-top: 1px solid #3d3f40;
border-bottom: 1px solid #323334;
}
.jp-playlist li:first-child {
border-top: none;
}
.jp-playlist li:last-child {
border-bottom: none;
}
.jp-free-media {
float: right;
filter: alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
font-size: 10px;
text-transform: uppercase;
margin-top: 1px;
display: block;
}
.jp-free-media:hover {
filter: alpha(opacity=80);
-khtml-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
}
.jp-free-media a {
display: inline;
}
.jp-free-media a:first-child:before,
.jp-free-media a:last-child:after {
content: " ";
}
.jp-playlist-current a {
font-weight: bold;
color: white;
}
.jp-playlist-current .jp-free-media a {
font-weight: normal;
}  @-webkit-keyframes progress {
0% {
background-position: 0;
}
100% {
background-position: -7px;
}
}
@-moz-keyframes progress {
0% {
background-position: 0;
}
100% {
background-position: -7px;
}
}
@-ms-keyframes progress {
0% {
background-position: 0;
}
100% {
background-position: -7px;
}
}
@-o-keyframes progress {
0% {
background-position: 0;
}
100% {
background-position: -7px;
}
} body.dark {
background-color: #1f1f1f;
color: #aaa;
}
.dark .wrapper {
background-color: #1f1f1f;
}
.dark nav#primary-nav a {
color: #ccc;
}
.dark input, .dark textarea, .dark header,
.dark nav#primary-nav ul ul li,
.dark .navigation-posts, .dark .entry-content .the-content, .dark .comments-number, .dark .comment-entry,
.dark .page-meta, .dark .icy-slogan, .dark #portfolio-wrapper .portfolio-navigation,
.dark .single-portfolio .portfolio-navigation,
.dark .single .post-navigation, .dark .icy-pricetable-wrapper, .dark .aq_block_toggle h2.tab-head,
.dark .aq_block_accordion h2.tab-head,
.dark .aq_block_accordion.first-child, .dark .aq_block_tabs .aq-tab, .dark .aq_block_tabs ul.aq-nav li a,
.dark #portfolio-wrapper .portfolio-navigation, .dark .single-portfolio .portfolio-navigation,
.dark.single #content .post-navigation {
border-color: #333 !important;
}
.dark input, .dark textarea {
background-color: #0f0f0f;
}
.dark .page-meta .separator,
.dark .icy-foundation .separator,
.dark .format-quote .separator,
.dark .icy-slogan .slogan-separator,
.dark .icy-portfolio .portfolio-grid .portfolio-item .hover .separator,
.dark .icy-centered-text hr,
.dark #portfolio-wrapper .portfolio-meta .separator,
.dark .single-portfolio .portfolio-meta .separator,
.dark hr {
background-color: #333 !important;
}
.dark .icy-slogan .icy-slogan-title,
.dark .icy-member .icy-member-name,
.dark .page-meta .page-title {
color: #f9f9f9;
}
.dark nav#primary-nav ul ul {
border-color: #333;
background: #111;
}
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6,
.dark #portfolio-wrapper .portfolio-single-title, .dark .single-portfolio .portfolio-single-title,
.dark #portfolio-wrapper .portfolio-meta .portfolio-meta-desc h4, .dark .single-portfolio .portfolio-meta .portfolio-meta-desc h4,
.dark .icy-member .icy-position,
.dark .format-quote .entry-title .sub-title {
color: #f9f9f9;
}
.dark .icy-foundation .year-animation span {
color: #fff;
}
.dark .icy-member .icy-bio,
.icy-foundation h3 {
color: #aaa;
}
.dark .icy-testimonials .testimonial-texts:after,
.dark .icy-testimonials .testimonial-texts,
.dark .aq_block_toggle, .dark .aq_block_accordion,
.dark .aq_block_toggle h2.tab-head, .dark .aq_block_accordion h2.tab-head,
.dark .aq_block_tabs .aq-tab, .dark .aq_block_tabs ul.aq-nav li a,
.dark .icy-pricetable-wrapper {
background-color: transparent;
}
.dark .icy-pricetable-wrapper ul li:nth-child(even) {
background-color: #111;
}
.dark .icy-loader {
background-color: #1f1f1f;
background-color: rgba(0, 0, 0, 0.9);
}
.dark footer.footer-container {
background-color: #0f0f0f;
}
.dark .icy-skill input {
color: #fff !important;
} @media (min-width: 1201px) {
nav#nav,
.nav-btn {
display: none;
}
}
@media (min-width: 1025px) and (max-width: 1200px) {
.wrapper {
width: 100% !important;
}
nav#nav,
.nav-btn {
display: none;
}
}
@media (min-width: 767px) and (max-width: 1024px) {
.wrapper {
width: 100% !important;
}
#jp_poster_0[style] {
max-width: 100% !important;
width: 100% !important;
height: auto !important;
}
nav#nav,
.nav-btn {
display: none;
}
.icy-portfolio .portfolio-grid .portfolio-item.width2 {
width: 66.59%;
margin-right: 0%;
}
}
@media (max-width: 767px) {
#jp_poster_0[style] {
max-width: 100% !important;
width: 100% !important;
height: auto !important;
}
.wrapper {
width: 100% !important;
}
input[type="text"], textarea {
width: 100%;
}
nav#nav,
.nav-btn {
display: block;
}
body {
font-size: 13px;
line-height: 26px;
}
.icy-portfolio .portfolio-grid .portfolio-item.width1,
.icy-portfolio .portfolio-grid .portfolio-item.width2 {
width: 100%;
}
.jp-jplayer[style],
.jp-jplayer img {
max-width: 100% !important;
width: 100% !important;
height: auto !important;
}
.jp-audio {
width: auto;
}
.filter-layouts {
display: none;
}
.icy-portfolio-tax {
text-align: center;
float: left;
width: 100%;
}
.row-fluid [class*="span"] {
width: 100% !important;
float: left;
display: block;
position: relative;
margin-left: 0;
}
.icy-member {
margin-bottom: 50px;
}
.icy_team_member_block:last-child .icy-member {
margin-bottom: 0;
}
.icy-member .icy-member-picture .rotateright, .icy-member .icy-member-picture .rotateleft {
display: none;
}
#portfolio-wrapper .portfolio-meta .portfolio-meta-desc figure.client-logo, .single-portfolio .portfolio-meta .portfolio-meta-desc figure.client-logo {
width: 80px !important;
position: relative;
}
.portfolio-meta .portfolio-meta-desc ul {
margin-bottom: 0;
}
.portfolio-meta .portfolio-meta-desc ul li {
margin-bottom: 10px;
}
#portfolio-wrapper .portfolio-single-title, .single-portfolio .portfolio-single-title {
font-size: 40px;
letter-spacing: -2px;
}
.row-fluid [class*="offset"] {
margin-left: 0 !important;
}
.wpcf7 {
margin-bottom: 50px !important;
}
nav#nav {
position: absolute;
top: 0;
padding-top: 5.25em;
}
nav#nav:not(:target) {
z-index: 1;
height: 0;
}
nav#nav:target .close-btn {
display: block;
}
nav#nav .close-btn {
position: absolute;
top: -3.75em;
left: 1.875em;
cursor: pointer;
}
nav#nav ul {
margin-left: 0;
}
nav#nav li {
position: relative;
font-size: 13px;
line-height: 28px;
letter-spacing: 1px;
text-transform: uppercase;
font-family: 'Merriweather Sans', Helvetica, Arial;
font-weight: 300;
padding: 5px 0;
border-top: 1px solid rgba(255, 255, 255, 0.05);
}
nav#nav li:last-child {
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
nav#nav li a {
padding: 0 1.875em;
color: #aaa;
}
nav#nav li a:hover,
nav#nav li.current_page_item a {
color: #fff;
}
.js-ready nav#nav {
height: 100%;
width: 70%;
background: #1a1a1a;
-webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
-moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
}
.js-ready nav#nav .block {
background: transparent;
}
.js-ready nav#nav .close-btn {
display: block;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
}
.js-ready nav#nav .close-btn:focus, .js-ready nav#nav .close-btn:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.js-ready nav#nav {
left: -70%;
-webkit-transition: -webkit-transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease;
}
.js-ready #main-container {
left: 0;
}
.js-nav nav#nav {
left: 0 !important;
}
.js-nav .nav-btn {
display: none;
}
nav#primary-nav {
display: none !important;
}
nav#nav .close-btn {
position: absolute;
top: 1.5em;
left: 1.875em;
}
.block {
position: relative;
margin: 0 auto;
max-width: 60em;
}
.csstransforms3d.csstransitions.js-ready nav#nav {
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
-webkit-transition: -webkit-transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.csstransforms3d.csstransitions.js-ready #main-container {
left: 0 !important;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
opacity: 1;
}
.csstransforms3d.csstransitions.js-nav #main-container {
-webkit-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
-moz-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
-ms-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
-o-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
-webkit-transition: -webkit-transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease;
}
.csstransforms3d.csstransitions.js-nav nav#nav {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
-webkit-transition: -webkit-transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease;
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.csstransforms3d.csstransitions.js-ready #nav .block {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
-webkit-transition-delay: ease, 0s;
-moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease;
-o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease;
transition: opacity 300ms 100ms ease, transform 500ms ease;
-webkit-transform: translate3d(-70%, 0, 0) scale3d(0.9, 0.9, 0.9);
-moz-transform: translate3d(-70%, 0, 0) scale3d(0.9, 0.9, 0.9);
-ms-transform: translate3d(-70%, 0, 0) scale3d(0.9, 0.9, 0.9);
-o-transform: translate3d(-70%, 0, 0) scale3d(0.9, 0.9, 0.9);
transform: translate3d(-70%, 0, 0) scale3d(0.9, 0.9, 0.9);
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-o-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.csstransforms3d.csstransitions.js-nav #nav .block {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@media screen and (max-width: 380px) {
.icy-foundation .year-animation {
margin-left: -15px;
}
}.icy-portfolio {  width: 100%;
float: left; backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
}
.icy-portfolio h2 {
background: 0;
padding: 0;
margin: 0;
}
.icy-portfolio ul.icy-portfolio-tax {
list-style-type: none;
margin-top: 15px;
float: left;
line-height: 19px;
}
.icy-portfolio .icy-portfolio-tax li {
display: inline;
font-size: 13px;
line-height: 13px;
text-transform: uppercase;
font-family: 'Merriweather Sans', Helvetica, Arial;
font-weight: 300;
letter-spacing: 0;
margin-left: 15px;
}
.icy-portfolio .icy-portfolio-tax li a {
color: #999;
}
.icy-portfolio .icy-portfolio-tax li a:hover,
.icy-portfolio .icy-portfolio-tax li a.active {
color: #F00;
}
.icy-portfolio .filter-layouts {
float: left;
}
.icy-portfolio .filter-layouts .grid {
background-image: url(//web.corner.bd/wp-content/themes/web-com-bd/images/portfolio/show-grid.svg);
background-position: 0 0;
background-size: 30px 10px;
width: 30px;
height: 4px;
float: left;
margin-right: 15px;
}
.icy-portfolio .filter-layouts .regular {
background-image: url(//web.corner.bd/wp-content/themes/web-com-bd/images/portfolio/regular.svg);
background-position: -30px 0px;
background-size: 30px 19px;
width: 30px;
height: 19px;
float: left;
margin-right: 15px;
}
.icy-portfolio .portfolio-grid {
display: block;
margin: 0;
margin-top: 25px;
float: left;
width: 100%;
overflow: visible !important;
list-style-type: none;
}
.icy-portfolio .portfolio-grid.lazy-load img {
opacity: 0;
}
.icy-portfolio .portfolio-grid .portfolio-item {
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin: 0;
width: 30%; position: relative;
overflow: hidden;
display: inline-block;
line-height: 0;
overflow: visible !important; cursor: pointer;
margin: 0 1.5% 2.5% 1.5%;
border: 1px solid #CCC;
}
.icy-portfolio .portfolio-grid .portfolio-item img {
max-height: 220px;
}
.icy-portfolio .portfolio-grid .portfolio-item.width1 {
width: 25%;
}
.icy-portfolio .portfolio-grid .portfolio-item.width1:hover { left: 0;
z-index: 100 !important;
}
.icy-portfolio .portfolio-grid .portfolio-item.width2 {
width: 64.0%;
margin-right: 0%;
}
.iphone .icy-portfolio .portfolio-grid .portfolio-item.width2 {
width: 66.0%;
}
.iphone.chrome .icy-portfolio .portfolio-grid .portfolio-item.width2 {
width: 60%;
}
.icy-portfolio.grid-view .portfolio-grid .portfolio-item.width2 {
width: 33.3%;
}
.icy-portfolio.four-col .portfolio-item.width1 {
width: 24.9%;
}
.icy-portfolio.four-col .portfolio-item.width2 {
width: 49.79%;
margin-right: 0%;
}
.icy-portfolio.grid-view .four-col .porfolio-item.width2 {
width: 24.9%;
}
.icy-portfolio.two-col .portfolio-item.width1 {
width: 49.79%;
margin-right: 0%;
}
.icy-portfolio.two-col .portfolio-item.width2 {
width: 49.79%;
margin-right: 0%;
}
.icy-portfolio.two-col .filter-layouts {
display: none;
}
.icy-portfolio .portfolio-grid .portfolio-item .hover {
position: absolute;
bottom: 0;
left: 0;
display: block;
overflow: hidden;
width: 100%;
opacity: 0;
filter: alpha(opacity=0);
background-color: #fff;
text-align: center;
border-bottom: 1px solid #c1c1c1;
border-left: 1px solid #c1c1c1;
border-right: 1px solid #c1c1c1;
padding: 20px;
--webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.icy-portfolio .portfolio-grid .portfolio-item .hover .portfolio-title {
color: #333;
line-height: 26px;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 15px;
font-size: 16px !important;
}
.icy-portfolio .portfolio-grid .portfolio-item .hover .separator {
width: 50px;
height: 1px;
background-color: #c1c1c1;
margin: 15px auto;
}
.icy-portfolio .portfolio-grid .portfolio-item .hover .portfolio-categories {
color: #999;
font-size: 13px;
line-height: 19px;
font-weight: 400;
text-transform: uppercase;
display: block;
width: 100%;
}
.icy-portfolio .portfolio-grid .portfolio-item .picture.grayscale {
filter: gray; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(80%);
-moz-filter: grayscale(80%);
-ms-filter: grayscale(80%);
-o-filter: grayscale(80%);
}
.ie10 .icy-portfolio .portfolio-grid .portfolio-item .picture.grayscale {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); }
.icy-portfolio .portfolio-grid .portfolio-item:hover .picture.grayscale {
filter: none; -webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
}
svg {
background: url(http://4.bp.blogspot.com/-IzPWLqY4gJ0/T01CPzNb1KI/AAAAAAAACgA/_8uyj68QhFE/s400/a2cf7051-5952-4b39-aca3-4481976cb242.jpg);
}
.icy-portfolio .portfolio-grid .portfolio-item .picture {
opacity: 0.9;
filter: alpha(opacity=90);
}
.icy-portfolio .portfolio-grid .portfolio-item:hover .picture {
box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.3);
}
.icy-portfolio .portfolio-grid .portfolio-item:hover .hover {
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
}
.icy-portfolio .portfolio-grid .portfolio-item .hover span {
line-height: 16px;
}
.icy-portfolio.fade-animation .portfolio-grid .portfolio-item:hover .picture {
box-shadow: none;
border: none;
}
.icy-portfolio.fade-animation .portfolio-grid .portfolio-item .hover {
height: 100%;
vertical-align: middle;
border: none;
background-color: rgba(0, 0, 0, 0.85);
}
.icy-portfolio.fade-animation .portfolio-grid .portfolio-item:hover .hover {
opacity: 1;
filter: alpha(opacity=100);
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-ms-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
}
.icy-portfolio.fade-animation .portfolio-grid .hover .separator {
margin-left: 0;
}
.icy-portfolio.fade-animation .portfolio-grid .hover .portfolio-title,
.icy-portfolio.fade-animation .portfolio-grid .hover .separator,
.icy-portfolio.fade-animation .portfolio-grid .hover .portfolio-categories {
position: relative;
text-align: left;
}
.icy-portfolio.fade-animation .portfolio-grid .hover .portfolio-title {
color: #fff;
}
.icy-portfolio.fade-animation .portfolio-grid .hover .portfolio-categories {
color: #ebebeb;
} #portfolio-wrapper,
.post {
overflow: visible;
float: left;
width: 100%;
}
#portfolio-wrapper .portfolio-navigation,
.single-portfolio .portfolio-navigation,
.single .post-navigation {
float: left;
width: 100%;
border-bottom: 1px solid #ebebeb;
padding: 25px 0;
margin-bottom: 50px;
min-height: 40px;
clear: both;
}
.single .post-navigation {
margin-bottom: 0;
}
#portfolio-wrapper .portfolio-navigation .prev-post,
#portfolio-wrapper .portfolio-navigation .next-post,
#portfolio-wrapper .portfolio-navigation .show-grid,
.single-portfolio .portfolio-navigation .prev-post,
.single-portfolio .portfolio-navigation .next-post,
.single-portfolio .portfolio-navigation .show-grid,
.single .post-navigation .prev-post,
.single .post-navigation .next-post,
.single .post-navigation .show-grid {
display: inline-block;
}
#portfolio-wrapper .portfolio-navigation .prev-post,
.single-portfolio .portfolio-navigation .prev-post {
background-image: url(//web.corner.bd/wp-content/themes/web-com-bd/images/portfolio/left-arrow-nav.svg);
background-size: 22px 42px;
background-position: 0 0;
width: 22px;
height: 42px;
cursor: pointer;
text-indent: -9999px;
float: left;
}
#portfolio-wrapper .portfolio-navigation .next-post,
.single-portfolio .portfolio-navigation .next-post {
background-image: url(//web.corner.bd/wp-content/themes/web-com-bd/images/portfolio/right-arrow-nav.svg);
background-size: 22px 42px;
width: 22px;
height: 42px;
cursor: pointer;
text-indent: -9999px;
float: right;
}
.single .post-navigation .prev-post,
.single .post-navigation .next-post {
background-image: none;
}
.single .post-navigation .next-post {
float: right;
}
.single .post-navigation .prev-post a {
background-image: url(//web.corner.bd/wp-content/themes/web-com-bd/images/portfolio/left-arrow-nav.svg);
background-size: 22px 42px;
width: 22px;
height: 42px;
cursor: pointer;
text-indent: -9999px;
}
.single .post-navigation .next-post a {
background-image: url(//web.corner.bd/wp-content/themes/web-com-bd/images/portfolio/right-arrow-nav.svg);
background-size: 22px 42px;
width: 22px;
height: 42px;
cursor: pointer;
text-indent: -9999px;
}
.single-portfolio .portfolio-navigation .prev-post,
.single-portfolio .portfolio-navigation .next-post,
.single .post-navigation .prev-post,
.single .post-navigation .next-post {
cursor: default;
}
#portfolio-wrapper .portfolio-navigation a,
.single-portfolio .portfolio-navigation a,
.single .post-navigation a {
display: block;
z-index: 1000;
min-height: 40px;
}
#portfolio-wrapper .portfolio-navigation .show-grid,
.single-portfolio .portfolio-navigation .show-grid,
.single .post-navigation .show-grid {
background-image: url(//web.corner.bd/wp-content/themes/web-com-bd/images/portfolio/show-grid-big.svg);
background-size: 62px 40px;
background-position: 0px 0;
width: 62px;
height: 40px;
cursor: pointer;
text-indent: -9999px;
position: absolute;
left: 50%;
margin-left: -31px;
}
#portfolio-wrapper .portfolio-image,
#portfolio-wrapper .portfolio-meta,
.single-portfolio .portfolio-image,
.single-portfolio .portfolio-meta {
float: left;
clear: both;
display: block;
width: 100%;
overflow: hidden;
line-height: 0;
opacity: 0;
filter: alpha(opacity=0);
}
#portfolio-wrapper .portfolio-single-title,
.single-portfolio .portfolio-single-title {
margin: 0 auto;
font-family: 'Merriweather Sans', Helvetica, Arial;
font-size: 90px;
line-height: 70px;
margin-bottom: 50px;
letter-spacing: -4px;
color: #333;
text-transform: uppercase;
font-weight: 800;
text-align: center;
float: left;
width: 100%;
opacity: 0;
filter: alpha(opacity=0);
word-wrap: break-word;
}
#portfolio-wrapper .portfolio-meta .separator,
.single-portfolio .portfolio-meta .separator {
width: 50px;
height: 1px;
background-color: #c1c1c1;
margin: 35px auto;
}
#portfolio-wrapper .portfolio-meta .portfolio-meta-desc,
.single-portfolio .portfolio-meta .portfolio-meta-desc {
text-align: center;
}
#portfolio-wrapper .portfolio-meta .portfolio-meta-desc h4,
.single-portfolio .portfolio-meta .portfolio-meta-desc h4 {
text-transform: uppercase;
color: #797979;
font-weight: 600;
margin-bottom: 0;
}
#portfolio-wrapper .portfolio-meta .portfolio-meta-desc h5,
.single-portfolio .portfolio-meta .portfolio-meta-desc h5 {
text-transform: uppercase;
font-weight: 300;
margin-bottom: 0;
}
#portfolio-wrapper .portfolio-meta .portfolio-meta-desc,
.single-portfolio .portfolio-meta .portfolio-meta-desc {
position: relative;
}
#portfolio-wrapper .portfolio-meta .portfolio-meta-desc .left-side,
.single-portfolio .portfolio-meta .portfolio-meta-desc .left-side {
float: left;
}
#portfolio-wrapper .portfolio-meta .portfolio-meta-desc .right-side,
.single-portfolio .portfolio-meta .portfolio-meta-desc .right-side {
float: right;
}
#portfolio-wrapper .portfolio-meta .portfolio-meta-desc figure.client-logo,
.single-portfolio .portfolio-meta .portfolio-meta-desc figure.client-logo {
position: absolute;
width: 80px;
height: 80px;
text-align: center;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
}
#portfolio-wrapper .portfolio-content,
.single-portfolio .portfolio-content {
display: block;
clear: both;
float: left;
width: 100%;
opacity: 0;
filter: alpha(opacity=0);
}
.ie #portfolio-wrapper .portfolio-image,
.ie #portfolio-wrapper .portfolio-meta,
.ie .single-portfolio .portfolio-image,
.ie .single-portfolio .portfolio-meta,
.ie #portfolio-wrapper .portfolio-single-title,
.ie .single-portfolio .portfolio-single-title,
.ie #portfolio-wrapper .portfolio-content,
.ie .single-portfolio .portfolio-content {
opacity: 1 !important;
} .icy-foundation {
margin: 50px auto;
text-align: center;
color: #777;
}
.icy-foundation h3 {
font-family: 'Merriweather', Georgia, Serif;
font-size: 16px;
line-height: 26px;
font-weight: 300;
margin-bottom: 0;
color: #777;
}
.icy-foundation .year-animation {
width: 330px;
height: 112px;
overflow: hidden;
text-align: center;
margin: 0 auto;
display: block;
opacity: 0;
}
.icy-foundation .year-animation span {
position: relative;
margin-top: -9px;
text-align: left;
width: 80px;
float: left;
font-family: 'Open Sans', Helvetica, Arial;
font-weight: 800;
font-size: 150px;
line-height: .8;
color: #333;
}
.icy-foundation .year-animation.animate span.first-number {
-webkit-animation: first_number 5s ease-in-out;
-moz-animation: first_number 5s ease-in-out;
-ms-animation: first_number 5s ease-in-out;
-o-animation: first_number 5s ease-in-out;
animation: first_number 5s ease-in-out;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
}
@-webkit-keyframes first_number {
0% {
margin-top: 0;
}
100% {
margin-top: -369px;
}
}
@-moz-keyframes first_number {
0% {
margin-top: 0;
}
100% {
margin-top: -369px;
}
}
@-o-keyframes first_number {
0% {
margin-top: 0;
}
100% {
margin-top: -369px;
}
}
@keyframes first_number {
0% {
margin-top: 0;
}
100% {
margin-top: -369px;
}
}
.icy-foundation .year-animation.animate span.second-number {
-webkit-animation: second_number 5s ease-in-out;
-moz-animation: second_number 5s ease-in-out;
-ms-animation: second_number 5s ease-in-out;
-o-animation: second_number 5s ease-in-out;
animation: second_number 5s ease-in-out;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
}
@-webkit-keyframes second_number {
0% {
margin-top: 0;
}
100% {
margin-top: -849px;
}
}
@-moz-keyframes second_number {
0% {
margin-top: 0;
}
100% {
margin-top: -849px;
}
}
@-o-keyframes second_number {
0% {
margin-top: 0;
}
100% {
margin-top: -849px;
}
}
@keyframes second_number {
0% {
margin-top: 0;
}
100% {
margin-top: -849px;
}
}
.icy-foundation .year-animation.animate span.third-number {
-webkit-animation: third_number 5s ease-in-out;
-moz-animation: third_number 5s ease-in-out;
-ms-animation: third_number 5s ease-in-out;
-o-animation: third_number 5s ease-in-out;
animation: third_number 5s ease-in-out;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
}
@-webkit-keyframes third_number {
0% {
margin-top: 0;
}
100% {
margin-top: -609px;
}
}
@-moz-keyframes third_number {
0% {
margin-top: 0;
}
100% {
margin-top: -609px;
}
}
@-o-keyframes third_number {
0% {
margin-top: 0;
}
100% {
margin-top: -609px;
}
}
@keyframes third_number {
0% {
margin-top: 0;
}
100% {
margin-top: -609px;
}
}
.icy-foundation .year-animation.animate span.fourth-number {
-webkit-animation: fourth_number 5s ease-in-out;
-moz-animation: fourth_number 5s ease-in-out;
-ms-animation: fourth_number 5s ease-in-out;
-o-animation: fourth_number 5s ease-in-out;
animation: fourth_number 5s ease-in-out;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
}
@-webkit-keyframes fourth_number {
0% {
margin-top: 0;
}
100% {
margin-top: -969px;
}
}
@-moz-keyframes fourth_number {
0% {
margin-top: 0;
}
100% {
margin-top: -969px;
}
}
@-o-keyframes fourth_number {
0% {
margin-top: 0;
}
100% {
margin-top: -969px;
}
}
@keyframes fourth_number {
0% {
margin-top: 0;
}
100% {
margin-top: -969px;
}
} .icy-member {
text-align: center;
}
.icy-member .icy-member-picture {
line-height: 0;
margin-bottom: 25px;
display: block;
position: relative;
}
.icy-member .icy-member-name,
.icy-member .icy-bio,
.icy-member .icy-position {
width: 100%;
clear: both;
}
.icy-member .icy-member-name {
font-size: 26px;
line-height: 26px;
font-family: 'Merriweather Sans', Helvetica, Arial;
font-weight: 600;
text-transform: uppercase;
color: #000;
margin-bottom: 20px;
}
.icy-member .icy-position {
font-size: 14px;
line-height: 14px;
font-family: 'Merriweather Sans', Helvetica, Arial;
font-weight: 300;
text-transform: uppercase;
color: #999;
margin-bottom: 20px;
}
.icy-member .icy-bio {
font-size: 14px;
line-height: 24px;
color: #666;
}
.icy-member .icy-member-picture img {
z-index: 2;
}
.icy-member .icy-member-picture .rotateright,
.icy-member .icy-member-picture .rotateleft {
z-index: -1;
}
.icy-member .icy-member-picture .rotateright,
.icy-member .icy-member-picture .rotateleft {
width: 100%;
height: 100%;
display: block;
position: absolute;
background-color: #00C176;
}
.icy-member .icy-member-picture img {
filter: gray(70%); -webkit-filter: grayscale(80%);
-moz-filter: grayscale(80%);
-ms-filter: grayscale(80%);
-o-filter: grayscale(80%);
-webkit-transition: all .25s ease-in-out .25s;
-moz-transition: all .25s ease-in-out .25s;
-ms-transition: all .25s ease-in-out .25s;
-o-transition: all .25s ease-in-out .25s;
transition: all .25s ease-in-out .25s;
}
.icy-member .icy-member-picture:hover img {
filter: none; -webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
-webkit-transition: all .25s ease-in-out .25s;
-moz-transition: all .25s ease-in-out .25s;
-ms-transition: all .25s ease-in-out .25s;
-o-transition: all .25s ease-in-out .25s;
transition: all .25s ease-in-out .25s;
}
.icy-member .icy-member-picture:hover .rotateright {
-webkit-animation: rotateright 2.5s ease-in-out infinite .5s;
-moz-animation: rotateright 2.5s ease-in-out infinite .5s;
-ms-animation: rotateright 2.5s ease-in-out infinite .5s;
-o-animation: rotateright 2.5s ease-in-out infinite .5s;
animation: rotateright 2.5s ease-in-out infinite .5s;
}
@-webkit-keyframes rotateright {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
25% {
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-ms-transform: rotate(10deg);
-o-transform: rotate(10deg);
transform: rotate(10deg);
}
50% {
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg);
transform: rotate(5deg);
}
75% {
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-o-transform: rotate(15deg);
transform: rotate(15deg);
}
100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-moz-keyframes rotateright {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
25% {
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-ms-transform: rotate(10deg);
-o-transform: rotate(10deg);
transform: rotate(10deg);
}
50% {
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg);
transform: rotate(5deg);
}
75% {
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-o-transform: rotate(15deg);
transform: rotate(15deg);
}
100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-o-keyframes rotateright {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
25% {
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-ms-transform: rotate(10deg);
-o-transform: rotate(10deg);
transform: rotate(10deg);
}
50% {
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg);
transform: rotate(5deg);
}
75% {
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-o-transform: rotate(15deg);
transform: rotate(15deg);
}
100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes rotateright {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
25% {
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-ms-transform: rotate(10deg);
-o-transform: rotate(10deg);
transform: rotate(10deg);
}
50% {
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg);
transform: rotate(5deg);
}
75% {
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-o-transform: rotate(15deg);
transform: rotate(15deg);
}
100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.icy-member .icy-member-picture:hover .rotateleft {
-webkit-animation: rotateleft 2.5s ease-in-out infinite;
-moz-animation: rotateleft 2.5s ease-in-out infinite;
-ms-animation: rotateleft 2.5s ease-in-out infinite;
-o-animation: rotateleft 2.5s ease-in-out infinite;
animation: rotateleft 2.5s ease-in-out infinite;
}
@-webkit-keyframes rotateleft {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
25% {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg);
}
50% {
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg);
}
75% {
-webkit-transform: rotate(-15deg);
-moz-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
transform: rotate(-15deg);
}
100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-moz-keyframes rotateleft {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
25% {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg);
}
50% {
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg);
}
75% {
-webkit-transform: rotate(-15deg);
-moz-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
transform: rotate(-15deg);
}
100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-o-keyframes rotateleft {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
25% {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg);
}
50% {
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg);
}
75% {
-webkit-transform: rotate(-15deg);
-moz-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
transform: rotate(-15deg);
}
100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes rotateleft {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
25% {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg);
}
50% {
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg);
}
75% {
-webkit-transform: rotate(-15deg);
-moz-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
transform: rotate(-15deg);
}
100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
} .icy-skill {
text-align: center;
}
.icy-skill h4 {
font-family: 'Merriweather Sans', Helvetica, Arial;
margin-top: 25px;
color: #999;
text-align: center;
font-weight: 300;
text-transform: uppercase;
} .icy-centered-text {
text-align: center;
float: left;
width: 100%;
margin-bottom: 30px;
}
.icy-centered-text hr {
width: 50px;
background-color: #c1c1c1;
}
.icy-centered-text h2 {
font-weight: 600;
font-family: 'Merriweather Sans', 'Open Sans', Helvetica, Arial;
font-size: 26px;
line-height: 26px;
text-transform: uppercase;
margin-bottom: 0;
color: #333;
} .icy-map-canvas {
margin-bottom: 50px;
}
.icy-map-canvas img {
max-width: none !important;
}
.icy-map-canvas .icy-map-description .firstHeading,
.icy-map-canvas .icy-map-description p {
margin-bottom: 0;
}
.icy-map-canvas .icy-map-description p {
font-size: 13px;
} .wpcf7 {
text-align: left !important;
margin-left: 5px !important;
} .icy-testimonials .testimonial {
overflow: hidden;
display: none;
float: left;
}
.icy-testimonials .testimonial-texts {
border: 5px solid #eee;
padding: 25px;
position: relative;
}
.icy-testimonials .testimonial-texts:after {
content: '';
position: absolute;
bottom: -30px;
left: 15px;
border: 15px solid transparent;
border-top-color: #eee;
}
.icy-testimonials .testimonial-texts p {
margin-bottom: 0;
}
.icy-testimonials .testimonial-author {
margin-left: 60px;
margin-top: 5px;
font-size: 13px;
text-transform: uppercase;
font-family: 'Merriweather Sans', Helvetica, Arial;
font-weight: 300;
}
.icy-testimonials .testimonial-nav {
position: relative;
} .icy-pricetable-wrapper {
border: 1px solid #ebebeb;
background: #fff;
}
.icy-pricetable-wrapper ul {
margin: 0;
list-style-type: none;
}
.icy-pricetable-wrapper ul li {
text-align: center;
margin: 0;
padding: 10px 20px;
}
.icy-pricetable-wrapper ul li:nth-child(even) {
background: #f5f6f8;
}
.icy-pricetable-wrapper ul li.icy-pricetable-heading,
.icy-pricetable-wrapper ul li.action-button {
color: #fff;
background-color: #00A0E3;
padding: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.icy-pricetable-wrapper ul li.icy-pricetable-heading .icy-pricetable-title {
color: #fff;
text-transform: uppercase;
font-weight: 800;
padding: 5px 0;
font-family: 'Merriweather Sans', Helvetica, Arial;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
margin-bottom: 0;
}
.icy-pricetable-price .price {
color: #fff;
text-align: center;
font-size: 64px;
line-height: 82px;
font-family: 'Open Sans', Helvetica, Arial;
border-top: 1px solid rgba(255, 255, 255, 0.15);
background-color: rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
margin-bottom: 0;
}
.icy-pricetable-img {
line-height: 0;
}
.icy-pricetable-price span {
font-size: 13px;
}
.icy-pricetable-wrapper ul li.action-button {
padding: 15px 25px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.icy-pricetable-wrapper ul li.action-button a {
color: #fff;
text-transform: uppercase;
font-size: 24px;
line-height: 24px;
font-family: 'Merriweather Sans', Helvetica, Arial;
font-weight: 800;
vertical-align: middle;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
} .left-aligned .logo {
float: left;
}
.left-aligned nav#primary-nav {
float: right;
}
.left-aligned .nav-btn {
float: right;
}
.center-aligned .logo {
text-align: center;
display: block;
float: none;
margin: 25px auto;
}
.center-aligned nav#primary-nav {
width: 100%;
float: left;
margin: 25px auto;
display: block;
position: relative;
text-transform: uppercase;
clear: both;
text-align: center;
}
.center-aligned nav#primary-nav ul {
list-style: none;
margin: 0 auto;
text-align: center;
width: auto;
display: inline-block;
float: none;
}
.center-aligned .nav-btn {
margin: 0 auto;
margin-bottom: 25px;
}
.center-aligned nav#primary-nav ul li:hover ul, .center-aligned nav#primary-nav ul li.sfHover ul {
top: 70px;
}
.aq_block_toggle h2.tab-head, .aq_block_accordion h2.tab-head {
background-color: #fff;
border: none;
margin-top: -1px;
border-top: 1px solid #ebebeb;
border-left: 1px solid #ebebeb;
border-right: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
border-radius: 0;
color: #999;
text-transform: uppercase;
font-family: 'Merriweather Sans', Helvetica, Arial;
font-size: 13px;
cursor: pointer;
}
.aq_block_toggle .tab-body, .aq_block_accordion .tab-body {
padding: 10px;
background-image: none;
border: none;
}
.aq_block_toggle, .aq_block_accordion,
.aq_block_toggles_wrapper,
.aq_block_accordion_wrapper,
.aq_block_tabs {
border: none;
border-radius: 0;
margin: 0;
}
.aq_block_toggle .tab-body p, .aq_block_accordion .tab-body p {
margin-bottom: 0;
}
.aq_block_accordion.first-child {
border-top-color: #ebebeb;
margin: 0;
}
.aq_block_accordion {
border: none;
}
.aq_block_tabs .aq-tab {
padding: 20px;
padding-bottom: 0;
border-color: #ebebeb;
}
.aq_block_tabs ul.aq-nav li {
margin: 0 -1px -1px 0 !important;
border-radius: 0;
text-transform: uppercase;
font-family: 'Merriweather Sans', Helvetica, Arial;
font-size: 13px;
cursor: pointer;
outline: none;
}
.aq_block_tabs ul.aq-nav li a {
color: #999;
outline: none;
border-radius: 0;
border-color: #ebebeb;
padding: 10px 10px 4px 10px;
}
.aq_block_tabs,
.aq_block_accordion_wrapper,
.aq_block_toggle_wrapper {
margin-bottom: 50px;
}
.icy-loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
background-color: rgba(255, 255, 255, .9);
z-index: 9999;
opacity: 0;
filter: alpha(opacity=0);
display: none;
list-style-type: none;
}
.icy-loader .bokeh {
font-size: 100px;
width: 1em;
height: 1em;
position: relative;
margin: 0 auto;
top: 50%;
margin-top: -50px;
border-radius: 50%; list-style: none;
}
.icy-loader .bokeh li {
position: absolute;
width: .2em;
height: .2em;
border-radius: 50%;
}
.icy-loader .bokeh li:nth-child(1) {
left: 50%;
top: 0;
margin: 0 0 0 -.1em;
background: #009b77;
-webkit-transform-origin: 50% 250%;
-moz-transform-origin: 50% 250%;
-ms-transform-origin: 50% 250%;
-o-transform-origin: 50% 250%;
transform-origin: 50% 250%;
-webkit-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate;
-moz-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate;
-ms-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate;
-o-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate;
animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate;
}
.icy-loader .bokeh li:nth-child(2) {
top: 50%;
right: 0;
margin: -.1em 0 0 0;
background: #FF003C;
-webkit-transform-origin: -150% 50%;
-moz-transform-origin: -150% 50%;
-ms-transform-origin: -150% 50%;
-o-transform-origin: -150% 50%;
transform-origin: -150% 50%;
-webkit-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
-moz-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
-ms-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
-o-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
}
.icy-loader .bokeh li:nth-child(3) {
left: 50%;
bottom: 0;
margin: 0 0 0 -.1em;
background: #FABE28;
-webkit-transform-origin: 50% -150%;
-moz-transform-origin: 50% -150%;
-ms-transform-origin: 50% -150%;
-o-transform-origin: 50% -150%;
transform-origin: 50% -150%;
-webkit-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
-moz-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
-ms-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
-o-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
}
.icy-loader .bokeh li:nth-child(4) {
top: 50%;
left 0;
margin: -.1em 0 0 0;
background: #88C100;
-webkit-transform-origin: 250% 50%;
-moz-transform-origin: 250% 50%;
-ms-transform-origin: 250% 50%;
-o-transform-origin: 250% 50%;
transform-origin: 250% 50%;
-webkit-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
-moz-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
-ms-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
-o-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
}
@-webkit-keyframes rota {
to {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes rota {
to {
-moz-transform: rotate(360deg);
}
}
@-ms-keyframes rota {
to {
-ms-transform: rotate(360deg);
}
}
@-o-keyframes rota {
to {
-o-transform: rotate(360deg);
}
}
@keyframes rota {
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes opa {
12.0% {
opacity: 0.80;
}
19.5% {
opacity: 0.88;
}
37.2% {
opacity: 0.64;
}
40.5% {
opacity: 0.52;
}
52.7% {
opacity: 0.69;
}
60.2% {
opacity: 0.60;
}
66.6% {
opacity: 0.52;
}
70.0% {
opacity: 0.63;
}
79.9% {
opacity: 0.60;
}
84.2% {
opacity: 0.75;
}
91.0% {
opacity: 0.87;
}
}
@-moz-keyframes opa {
12.0% {
opacity: 0.80;
}
19.5% {
opacity: 0.88;
}
37.2% {
opacity: 0.64;
}
40.5% {
opacity: 0.52;
}
52.7% {
opacity: 0.69;
}
60.2% {
opacity: 0.60;
}
66.6% {
opacity: 0.52;
}
70.0% {
opacity: 0.63;
}
79.9% {
opacity: 0.60;
}
84.2% {
opacity: 0.75;
}
91.0% {
opacity: 0.87;
}
}
@-ms-keyframes opa {
12.0% {
opacity: 0.80;
}
19.5% {
opacity: 0.88;
}
37.2% {
opacity: 0.64;
}
40.5% {
opacity: 0.52;
}
52.7% {
opacity: 0.69;
}
60.2% {
opacity: 0.60;
}
66.6% {
opacity: 0.52;
}
70.0% {
opacity: 0.63;
}
79.9% {
opacity: 0.60;
}
84.2% {
opacity: 0.75;
}
91.0% {
opacity: 0.87;
}
}
@-o-keyframes opa {
12.0% {
opacity: 0.80;
}
19.5% {
opacity: 0.88;
}
37.2% {
opacity: 0.64;
}
40.5% {
opacity: 0.52;
}
52.7% {
opacity: 0.69;
}
60.2% {
opacity: 0.60;
}
66.6% {
opacity: 0.52;
}
70.0% {
opacity: 0.63;
}
79.9% {
opacity: 0.60;
}
84.2% {
opacity: 0.75;
}
91.0% {
opacity: 0.87;
}
}
@keyframes opa {
12.0% {
opacity: 0.80;
}
19.5% {
opacity: 0.88;
}
37.2% {
opacity: 0.64;
}
40.5% {
opacity: 0.52;
}
52.7% {
opacity: 0.69;
}
60.2% {
opacity: 0.60;
}
66.6% {
opacity: 0.52;
}
70.0% {
opacity: 0.63;
}
79.9% {
opacity: 0.60;
}
84.2% {
opacity: 0.75;
}
91.0% {
opacity: 0.87;
}
}  .isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
} .isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.71s;
-moz-transition-duration: 0.71s;
-ms-transition-duration: 0.71s;
-o-transition-duration: 0.71s;
transition-duration: 0.71s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
} .isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}  .isotope.infinite-scrolling {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.animated {
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
}
.animated.hinge {
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform: translateY(20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-o-transform: translateY(20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-ms-transform: translateY(-20px);
}
100% {
opacity: 1;
-ms-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
}
.viewer li {
-webkit-transition: width 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
-moz-transition: width 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
transition: width 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
}
.viewer .caption {
visibility: hidden;
opacity: 0;
-webkit-transition: opacity 1.5s ease-in-out;
-moz-transition: opacity 1.5s ease-in-out;
transition: opacity 1.5s ease-in-out;
}
.viewer .current .caption {
opacity: 100;
visibility: visible;
}
.viewer img {
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3), transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3), transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3), transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
}
.viewer .current img {
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4), transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
-moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4), transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4), transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
}
.lightbox-gallery {
font-size: 0;
line-height: 0;
float: left;
}
.lightbox-gallery li {
display: inline-block;
}
.lightbox-gallery .width1 {
width: 100%;
}
.lightbox-gallery .width2 {
width: 50%;
}
.lightbox-gallery .width3 {
width: 33.3%;
}
.lightbox-gallery .width4 {
width: 25%;
}
.lightbox-gallery .width5 {
width: 20%;
}
.lightbox-gallery .width8 {
width: 12.5%;
}
.lightbox-gallery .width10 {
width: 10%;
}
.mejs-container {
position: relative;
min-width: 150px;
background: none;
font-family: sans-serif;
text-align: left;
vertical-align: top;
margin: 0 auto;
margin-top: -60px;
margin-bottom: 30px;
}
.me-plugin {
position: absolute;
}
.mejs-embed, .mejs-embed body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background: #000;
overflow: hidden;
}
.mejs-container-fullscreen {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow: hidden;
z-index: 1000;
}
.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
width: 100%;
height: 100%;
} .mejs-background {
position: absolute;
top: 0;
left: 0;
}
.mejs-mediaelement {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mejs-poster {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.mejs-poster img {
border: 0;
padding: 0;
border: 0;
display: block;
width: auto;
height: 100%;
}
.mejs-overlay {
position: absolute;
top: 0;
left: 0;
}
.mejs-overlay-play {
cursor: pointer;
}
.mejs-overlay-button {
position: absolute;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
margin: -50px 0 0 -50px;
background: url(//web.corner.bd/wp-content/themes/web-com-bd/images/portfolio/bigplay.png) no-repeat;
}
.mejs-overlay:hover .mejs-overlay-button {
background-position: 0 -100px;
}
.mejs-overlay-loading {
position: absolute;
top: 50%;
left: 50%;
width: 80px;
height: 80px;
margin: -40px 0 0 -40px;
}
.mejs-overlay-loading span {
display: block;
width: 80px;
height: 80px;
background: #3A3C3D url(//web.corner.bd/wp-content/themes/web-com-bd/images/portfolio/loading.gif) 50% 50% no-repeat;
border-radius: 40px;
}  .mejs-container .mejs-controls {
position: absolute;
margin: 0;
padding: 0;
bottom: 0;
left: 0;
height: 30px;
width: 100%;
background: #3a3c3d url(//web.corner.bd/wp-content/themes/web-com-bd/images/portfolio/background.png);
background: -webkit-linear-gradient(#4a4c4d, #2b2d2d);
background: -moz-linear-gradient(#4a4c4d, #2b2d2d);
background: -o-linear-gradient(#4a4c4d, #2b2d2d);
background: -ms-linear-gradient(#4a4c4d, #2b2d2d);
background: linear-gradient(#4a4c4d, #2b2d2d);
list-style: none;
}
.mejs-audio .mejs-controls {
border-radius: 3px;
}
.mejs-container .mejs-controls div {
list-style-type: none;
display: block;
float: left;
margin: 0;
padding: 0;
width: 32px;
height: 30px;
font-size: 11px;
line-height: 11px;
font-family: sans-serif;
background: url(//web.corner.bd/wp-content/themes/web-com-bd/images/portfolio/sep.png) left no-repeat;
border: 0;
}
.mejs-controls .mejs-button button {
cursor: pointer;
display: block;
font-size: 0;
line-height: 0;
text-decoration: none;
margin: 7px 7px 0 9px;
padding: 0;
position: absolute;
height: 16px;
width: 16px;
border: 0;
background: transparent url(//web.corner.bd/wp-content/themes/web-com-bd/images/portfolio/controls.png) no-repeat;
} .mejs-controls .mejs-button button:focus {
outline: solid 1px yellow;
}  .mejs-container .mejs-controls .mejs-time {
color: #fff;
display: block;
height: 17px;
width: auto;
padding: 8px 8px 5px 10px;
overflow: hidden;
text-align: center;
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}
.mejs-container .mejs-controls .mejs-time span {
font-size: 11px;
color: #fff;
line-height: 12px;
display: block;
float: left;
width: auto;
}  .mejs-container .mejs-controls .mejs-playpause-button {
cursor: pointer;
background: none;
width: 30px;
}
.mejs-controls .mejs-playpause-button button {
margin: 7px 8px;
}
.mejs-controls .mejs-play button {
background-position: 0 0;
}
.mejs-controls .mejs-play:hover button {
background-position: 0 -32px;
}
.mejs-controls .mejs-pause button {
background-position: 0 -16px;
}
.mejs-controls .mejs-pause:hover button {
background-position: 0 -48px;
}  .mejs-controls .mejs-stop button {
background-position: -112px 0;
}
.mejs-controls .mejs-stop:hover button {
background-position: -112px -32px;
}  .mejs-controls div.mejs-time-rail {
width: 200px;
}
.mejs-controls .mejs-time-rail span {
display: block;
position: absolute;
width: 180px;
height: 5px;
cursor: pointer;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
padding: 1px;
margin: 11px 8px 0 10px;
background: #262929;
border-bottom: #3d3f40 1px solid;
box-shadow: inset 1px 1px rgba(0, 0, 0, .4);
}
.mejs-controls .mejs-time-rail .mejs-time-buffering {
width: 100%;
background: #464849;
background-image: -webkit-linear-gradient(-45deg, #464849 25%, #262929 25%, #262929 50%, #464849 50%, #464849 75%, #262929 75%, #262929);
background-image: -moz-linear-gradient(-45deg, #464849 25%, #262929 25%, #262929 50%, #464849 50%, #464849 75%, #262929 75%, #262929);
background-image: -o-linear-gradient(-45deg, #464849 25%, #262929 25%, #262929 50%, #464849 50%, #464849 75%, #262929 75%, #262929);
background-image: -ms-linear-gradient(-45deg, #464849 25%, #262929 25%, #262929 50%, #464849 50%, #464849 75%, #262929 75%, #262929);
background-image: linear-gradient(-45deg, #464849 25%, #262929 25%, #262929 50%, #464849 50%, #464849 75%, #262929 75%, #262929);
-moz-background-size: 6px 6px;
background-size: 6px 5px;
-webkit-background-size: 6px 5px;
-webkit-animation: buffering-stripes 2s linear infinite;
-moz-animation: buffering-stripes 2s linear infinite;
-ms-animation: buffering-stripes 2s linear infinite;
-o-animation: buffering-stripes 2s linear infinite;
animation: buffering-stripes 2s linear infinite;
z-index: 1;
}
@-webkit-keyframes buffering-stripes {
from {
background-position: 0 0;
}
to {
background-position: 30px 0;
}
}
@-moz-keyframes buffering-stripes {
from {
background-position: 0 0;
}
to {
background-position: 30px 0;
}
}
@-ms-keyframes buffering-stripes {
from {
background-position: 0 0;
}
to {
background-position: 30px 0;
}
}
@-o-keyframes buffering-stripes {
from {
background-position: 0 0;
}
to {
background-position: 30px 0;
}
}
@keyframes buffering-stripes {
from {
background-position: 0 0;
}
to {
background-position: 30px 0;
}
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #464849;
width: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
width: 0;
background: #feea36;
background-image: -webkit-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
background-image: -moz-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
background-image: -o-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
background-image: -ms-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
background-image: linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
-moz-background-size: 6px 6px;
background-size: 6px 6px;
-webkit-background-size: 6px 5px;
z-index: 1;
}
.mejs-controls .mejs-time-rail .mejs-time-handle {
display: none;
position: absolute;
margin: 0;
width: 5px;
background: transparent;
cursor: pointer;
top: 1px;
z-index: 1;
text-align: center;
}
.mejs-controls .mejs-time-rail .mejs-time-float {
position: absolute;
display: none;
background: #C2C8CF;
background: -webkit-linear-gradient(#E3E6E9, #C2C8CF);
background: -moz-linear-gradient(#E3E6E9, #C2C8CF);
background: -o-linear-gradient(#E3E6E9, #C2C8CF);
background: -ms-linear-gradient(#E3E6E9, #C2C8CF);
background: linear-gradient(#E3E6E9, #C2C8CF);
width: 36px;
height: 17px;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
top: -26px;
margin-left: -18px;
text-align: center;
color: #111;
}
.mejs-controls .mejs-time-rail .mejs-time-float-current {
margin: 3px;
width: 30px;
display: block;
text-align: center;
left: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
position: absolute;
display: block;
width: 0;
height: 0;
line-height: 0;
border: solid 4px #C2C8CF;
border-color: #C2C8CF transparent transparent transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
top: 17px;
left: 13px;
}   .mejs-controls .mejs-fullscreen-button button {
background-position: -32px 0;
}
.mejs-controls .mejs-unfullscreen button {
background-position: -32px -16px;
}  .mejs-controls .mejs-volume-button {
}
.mejs-controls .mejs-mute button {
background-position: -16px -16px;
}
.mejs-controls .mejs-mute button:hover {
background-position: -16px -48px;
}
.mejs-controls .mejs-unmute button {
background-position: -16px 0;
}
.mejs-controls .mejs-unmute button:hover {
background-position: -16px -32px;
}
.mejs-controls .mejs-volume-button {
position: relative;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider {
display: none;
height: 68px;
width: 31px;
background: #3A3C3D;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
top: -68px;
left: 1px;
z-index: 1;
position: absolute;
margin: 0;
}
.mejs-controls .mejs-volume-button:hover {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
} .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
position: absolute;
left: 13px;
top: 8px;
width: 5px;
height: 50px;
background: #262929;
border-bottom: #3d3f40 1px solid;
box-shadow: inset 1px 1px rgba(0, 0, 0, .4);
margin: 0;
padding: 1px;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
position: absolute;
left: 13px;
top: 8px;
width: 5px;
height: 50px;
background: #feea36;
background-image: -webkit-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
background-image: -moz-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
background-image: -o-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
background-image: -ms-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
background-image: linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
-moz-background-size: 6px 6px;
background-size: 6px 6px;
-webkit-background-size: 6px 5px;
background-position: bottom;
margin: 1px;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
position: absolute;
left: 14px;
top: 16px;
width: 5px;
height: 5px;
background: transparent;
margin: 0;
} .mejs-controls div.mejs-horizontal-volume-slider {
height: 26px;
width: 62px;
position: relative;
background: none;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
position: absolute;
left: 0;
top: 11px;
width: 50px;
height: 5px;
margin: 0;
padding: 1px;
font-size: 1px;
background: #262929;
border-bottom: #3d3f40 1px solid;
box-shadow: inset 1px 1px rgba(0, 0, 0, .4);
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
position: absolute;
left: 0;
top: 11px;
width: 50px;
height: 5px;
margin: 1px;
padding: 0;
font-size: 1px;
background: #feea36;
background-image: -webkit-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
background-image: -moz-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
background-image: -o-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
background-image: -ms-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
background-image: linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
-moz-background-size: 6px 6px;
background-size: 6px 6px;
-webkit-background-size: 6px 5px;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
display: none;
}  .mejs-controls .mejs-captions-button {
position: relative;
}
.mejs-controls .mejs-captions-button button {
background-position: -48px 0;
}
.mejs-controls .mejs-captions-button:hover button {
background-position: -48px -32px;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector {
visibility: hidden;
position: absolute;
bottom: 30px;
right: -10px;
width: 130px;
height: 100px;
background: #3A3C3D;
border: solid 1px transparent;
padding: 10px;
overflow: hidden;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
} .mejs-controls .mejs-captions-button .mejs-captions-selector ul {
margin: 0;
padding: 0;
display: block;
list-style-type: none !important;
overflow: hidden;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
margin: 0 0 6px 0;
padding: 0;
list-style-type: none !important;
display: block;
color: #fff;
overflow: hidden;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
clear: both;
float: left;
margin: 3px 3px 0 5px;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
width: 100px;
float: left;
padding: 4px 0 0 0;
line-height: 15px;
font-family: sans-serif;
font-size: 10px;
}
.mejs-controls .mejs-captions-button .mejs-captions-translations {
font-size: 10px;
margin: 0 0 5px 0;
}
.mejs-chapters {
position: absolute;
top: 0;
left: 0;
-xborder-right: solid 1px #fff;
width: 10000px;
z-index: 1;
}
.mejs-chapters .mejs-chapter {
position: absolute;
float: left;
background: #3A3C3D;
background: rgba(58, 60, 61, 0.7);
background: -webkit-linear-gradient(top, rgba(74, 76, 77, 0.7), rgba(0, 0, 0, 0.7));
background: -moz-linear-gradient(top, rgba(74, 76, 77, 0.7), rgba(0, 0, 0, 0.7));
background: -o-linear-gradient(top, rgba(74, 76, 77, 0.7), rgba(0, 0, 0, 0.7));
background: -ms-linear-gradient(top, rgba(74, 76, 77, 0.7), rgba(0, 0, 0, 0.7));
background: linear-gradient(top, rgba(74, 76, 77, 0.7), rgba(0, 0, 0, 0.7));
overflow: hidden;
border: 0;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block {
font-size: 11px;
color: #fff;
padding: 5px;
display: block;
border-right: solid 1px #313335;
border-right: solid 1px rgba(49, 51, 53, .7);
border-bottom: solid 1px #313335;
border-bottom: solid 1px rgba(49, 51, 53, .7);
cursor: pointer;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
border-right: none;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
background: #333;
background: rgba(102, 102, 102, 0.7);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6)));
background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
background: -o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
background: -ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
font-size: 12px;
font-weight: bold;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
margin: 0 0 3px 0;
line-height: 12px;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
font-size: 12px;
line-height: 12px;
margin: 3px 0 4px 0;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
}
.mejs-captions-layer {
position: absolute;
bottom: 0;
left: 0;
text-align: center; line-height: 22px;
font-size: 12px;
color: #fff;
}
.mejs-captions-layer a {
color: #fff;
text-decoration: underline;
}
.mejs-captions-layer[lang=ar] {
font-size: 20px;
font-weight: normal;
}
.mejs-captions-position {
position: absolute;
width: 100%;
bottom: 15px;
left: 0;
}
.mejs-captions-position-hover {
bottom: 45px;
}
.mejs-captions-text {
padding: 5px 7px;
background: #3a3c3d;
background: rgba(58, 60, 61, 0.8);
border-radius: 4px;
} .mejs-clear {
clear: both;
} .me-cannotplay {
}
.me-cannotplay a {
color: #fff;
font-weight: bold;
}
.me-cannotplay span {
padding: 15px;
display: block;
}  .mejs-controls .mejs-loop-off button {
background-position: -64px -16px;
}
.mejs-controls .mejs-loop-off:hover button {
background-position: -64px -48px;
}
.mejs-controls .mejs-loop-on button {
background-position: -64px 0;
}
.mejs-controls .mejs-loop-on::hover button {
background-position: -64px -32px;
}  .mejs-controls .mejs-backlight-off button {
background-position: -80px -16px;
}
.mejs-controls .mejs-backlight-off:hover button {
background-position: -80px -48px;
}
.mejs-controls .mejs-backlight-on button {
background-position: -80px 0;
}
.mejs-controls .mejs-backlight-on:hover button {
background-position: -80px -32px;
}  .mejs-controls .mejs-picturecontrols-button {
background-position: -96px 0;
}
.mejs-controls .mejs-picturecontrols-button:hover {
background-position: -96px -32px;
}  .mejs-contextmenu {
position: absolute;
width: 150px;
padding: 10px;
border-radius: 4px;
top: 0;
left: 0;
background: #fff;
border: solid 1px #999;
z-index: 1001; }
.mejs-contextmenu .mejs-contextmenu-separator {
height: 1px;
font-size: 0;
margin: 5px 6px;
background: #333;
}
.mejs-contextmenu .mejs-contextmenu-item {
font-family: sans-serif;
font-size: 12px;
padding: 4px 6px;
cursor: pointer;
color: #333;
}
.mejs-contextmenu .mejs-contextmenu-item:hover {
background: #2C7C91;
color: #fff;
} .mejs-controls .mejs-sourcechooser-button {
position: relative;
}
.mejs-controls .mejs-sourcechooser-button button {
background-position: -128px 0;
}
.mejs-controls .mejs-sourcechooser-button button {
background-position: -128px -32px;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
visibility: hidden;
position: absolute;
bottom: 26px;
right: -10px;
width: 130px;
height: 100px;
background: #3A3C3D;
border: solid 1px transparent;
padding: 10px;
overflow: hidden;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
margin: 0;
padding: 0;
display: block;
list-style-type: none !important;
overflow: hidden;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
margin: 0 0 6px 0;
padding: 0;
list-style-type: none !important;
display: block;
color: #fff;
overflow: hidden;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
clear: both;
float: left;
margin: 3px 3px 0 5px;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
width: 100px;
float: left;
padding: 4px 0 0 0;
line-height: 15px;
font-family: sans-serif;
font-size: 10px;
}  .jp-jplayer {
width: 0px;
height: 0px; }
.jp-audio-container {
margin-top: -60px;
margin-bottom: 30px;
}
.jp-audio-container.no-image {
margin-top: 0;
margin-bottom: 30px;
}
.jp-audio {
margin: 0 auto;
width: 400px;
max-width: 100%;
padding: 0 20px;
font-size: 1em;
font-family: "Helvetica Neue", Helvetica, Arial, "Nimbus Sans L", sans-serif;
color: #fff;
line-height: 1.6;
}
.jp-audio a {
text-decoration: none;
color: #d2d6db;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
.jp-audio a:hover {
color: #ffffff;
}
.jp-interface {
position: relative;
height: 30px;
width: 100%;
background-color: #333;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#555555), to(#333));
background-image: -moz-linear-gradient(#555555, #333);
background-image: -ms-linear-gradient(#555555, #333);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555555), color-stop(100%, #333));
background-image: -webkit-linear-gradient(#555555, #333);
background-image: -o-linear-gradient(#555555, #333);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333', GradientType=0);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333', GradientType=0)";
background-image: linear-gradient(#555555, #333);
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
-khtml-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
-o-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
} .jp-controls {
float: left;
width: 30px;
height: 30px;
list-style-type: none;
padding: 0;
margin: 0;
z-index: 100;
}
ul.jp-controls {
list-style-type: none;
}
.jp-controls:after {
content: " ";
position: absolute;
top: 0;
left: 30px;
width: 0;
height: 30px;
border-left: 1px solid #3a3b3c;
border-right: 1px solid #4a4b4c;
}
.jp-controls li {
float: left;
}
.jp-controls a {
position: absolute;
overflow: hidden;
text-indent: -9999px;
}
.jp-play,
.jp-pause,
.jp-mute,
.jp-unmute {
z-index: 1;
outline: none;
width: 30px;
height: 30px;
background-position: 10px center;
background-repeat: no-repeat;
top: 0;
}
.jp-play:hover,
.jp-pause:hover,
.jp-mute:hover,
.jp-unmute:hover {
background-position: -23px center;
top: 0;
}
.jp-play {
background-image: url(//web.corner.bd/wp-content/themes/web-com-bd/css/images/play.png);
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
.jp-play {
background-image: url(//web.corner.bd/wp-content/themes/web-com-bd/css/images/play@2x.png);
background-size: cover;
}
}
.jp-pause {
display: none;
background-image: url(//web.corner.bd/wp-content/themes/web-com-bd/css/images/pause.png);
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
.jp-pause {
background-image: url(//web.corner.bd/wp-content/themes/web-com-bd/css/images/pause@2x.png);
background-size: cover;
}
}
.jp-mute,
.jp-unmute {
display: block;
position: absolute;
top: 0;
right: 55px;
}
.jp-mute {
background-image: url(//web.corner.bd/wp-content/themes/web-com-bd/css/images/mute-off.png);
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
.jp-mute {
background-image: url(//web.corner.bd/wp-content/themes/web-com-bd/css/images/mute-off@2x.png);
background-size: cover;
}
}
.jp-unmute {
background-image: url(//web.corner.bd/wp-content/themes/web-com-bd/css/images/mute-on.png);
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
.jp-unmute {
background-image: url(//web.corner.bd/wp-content/themes/web-com-bd/css/images/mute-on@2x.png);
background-size: cover;
}
} .jp-progress {
position: absolute;
padding: 0 95px 0 40px;
margin-top: 12px;
margin-bottom: 12px;
margin-left: 0;
margin-right: 0;
width: 100%;
height: 7px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.jp-seek-bar,
.jp-play-bar {
width: 0px;
height: 5px;
-webkit-border-radius: 1px;
-khtml-border-radius: 1px;
-moz-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;
}
.jp-seek-bar {
cursor: pointer;
position: relative;
z-index: 999;
background: #4a4b4c;
}
.jp-seek-bar:before {
content: " ";
display: block;
background: transparent;
border: 1px solid;
border-color: #212424 #262929 #262929;
height: 5px;
width: 100%;
position: relative;
top: -1px;
left: -1px;
-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
-khtml-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
-o-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
-webkit-border-radius: 1px;
-khtml-border-radius: 1px;
-moz-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;
}
.jp-play-bar {
position: absolute;
top: 0;
left: 0;
-webkit-animation: progress 0.75s linear infinite;
-moz-animation: progress 0.75s linear infinite;
-o-animation: progress 0.75s linear infinite;
-ms-animation: progress 0.75s linear infinite;
animation: progress 0.75s linear infinite;
} .jp-volume-bar {
float: right;
z-index: 99;
position: relative;
margin: 12px 10px 12px;
width: 40px;
height: 7px;
cursor: pointer;
background: #333;
-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
-khtml-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
-o-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
-webkit-border-radius: 1px;
-khtml-border-radius: 1px;
-moz-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;
}
.jp-volume-bar:before {
content: " ";
position: absolute;
top: -12px;
left: -35px;
width: 0;
height: 30px;
border-left: 1px solid #4a4b4c;
border-right: 1px solid #3a3b3c;
}
.jp-volume-bar-value {
width: 0px;
height: 5px;
margin: 1px;
-webkit-border-radius: 1px;
-khtml-border-radius: 1px;
-moz-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;
} .jp-play-bar,
.jp-volume-bar-value {
-webkit-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
-khtml-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
-moz-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
-o-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
-webkit-background-size: 7px 7px;
-moz-background-size: 7px 7px;
-o-background-size: 7px 7px;
background-size: 7px 7px;
background-color: #fcc500;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#fff200), to(#fcc500));
background-image: -moz-linear-gradient(#fff200, #fcc500);
background-image: -ms-linear-gradient(#fff200, #fcc500);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff200), color-stop(100%, #fcc500));
background-image: -webkit-linear-gradient(#fff200, #fcc500);
background-image: -o-linear-gradient(#fff200, #fcc500);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff200', endColorstr='#fcc500', GradientType=0);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff200', endColorstr='#fcc500', GradientType=0)";
background-image: linear-gradient(#fff200, #fcc500);
background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.3)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.3)), color-stop(0.75, rgba(255, 255, 255, 0.3)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
} .jp-time-holder {
display: none;
visibility: hidden;
} .jp-toggles {
display: none;
visibility: hidden;
} .jp-playlist {
width: 95%;
margin: 0 auto;
font-size: 13px;
background-color: #555555;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
-khtml-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
-webkit-border-radius: 0 0 3px 3px;
-khtml-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
-o-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
}
.jp-playlist a {
display: block;
}
.jp-playlist ul {
width: 100%;
padding: 0;
margin: 0;
list-style: none;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
-khtml-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
-o-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
}
.jp-playlist li {
width: 100%;
padding: 5px 10px;
border-top: 1px solid #3d3f40;
border-bottom: 1px solid #323334;
}
.jp-playlist li:first-child {
border-top: none;
}
.jp-playlist li:last-child {
border-bottom: none;
}
.jp-free-media {
float: right;
filter: alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
font-size: 10px;
text-transform: uppercase;
margin-top: 1px;
display: block;
}
.jp-free-media:hover {
filter: alpha(opacity=80);
-khtml-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
}
.jp-free-media a {
display: inline;
}
.jp-free-media a:first-child:before,
.jp-free-media a:last-child:after {
content: " ";
}
.jp-playlist-current a {
font-weight: bold;
color: white;
}
.jp-playlist-current .jp-free-media a {
font-weight: normal;
}  @-webkit-keyframes progress {
0% {
background-position: 0;
}
100% {
background-position: -7px;
}
}
@-moz-keyframes progress {
0% {
background-position: 0;
}
100% {
background-position: -7px;
}
}
@-ms-keyframes progress {
0% {
background-position: 0;
}
100% {
background-position: -7px;
}
}
@-o-keyframes progress {
0% {
background-position: 0;
}
100% {
background-position: -7px;
}
}   @media (min-width: 1201px) {
nav#nav,
.nav-btn {
display: none;
}
}
@media (min-width: 1025px) and (max-width: 1200px) {
.wrapper {
width: 100% !important;
}
nav#nav,
.nav-btn {
display: none;
}
}
@media (min-width: 767px) and (max-width: 1024px) {
.wrapper {
width: 100% !important;
}
#jp_poster_0[style] {
max-width: 100% !important;
width: 100% !important;
height: auto !important;
}
nav#nav,
.nav-btn {
display: none;
}
.icy-portfolio .portfolio-grid .portfolio-item.width2 {
width: 66.59%;
margin-right: 0%;
}
}
@media (max-width: 767px) {
#jp_poster_0[style] {
max-width: 100% !important;
width: 100% !important;
height: auto !important;
}
.wrapper {
width: 100% !important;
}
input[type="text"], textarea {
width: 100%;
}
nav#nav,
.nav-btn {
display: block;
}
body {
font-size: 13px;
line-height: 26px;
}
.icy-portfolio .portfolio-grid .portfolio-item.width1,
.icy-portfolio .portfolio-grid .portfolio-item.width2 {
width: 100%;
}
.jp-jplayer[style],
.jp-jplayer img {
max-width: 100% !important;
width: 100% !important;
height: auto !important;
}
.jp-audio {
width: auto;
}
.filter-layouts {
display: none;
}
.icy-portfolio-tax {
text-align: center;
float: left;
width: 100%;
}
.row-fluid [class*="span"] {
width: 100% !important;
float: left;
display: block;
position: relative;
margin-left: 0;
}
.icy-member {
margin-bottom: 50px;
}
.icy_team_member_block:last-child .icy-member {
margin-bottom: 0;
}
.icy-member .icy-member-picture .rotateright, .icy-member .icy-member-picture .rotateleft {
display: none;
}
#portfolio-wrapper .portfolio-meta .portfolio-meta-desc figure.client-logo, .single-portfolio .portfolio-meta .portfolio-meta-desc figure.client-logo {
width: 80px !important;
position: relative;
}
.portfolio-meta .portfolio-meta-desc ul {
margin-bottom: 0;
}
.portfolio-meta .portfolio-meta-desc ul li {
margin-bottom: 10px;
}
#portfolio-wrapper .portfolio-single-title, .single-portfolio .portfolio-single-title {
font-size: 40px;
letter-spacing: -2px;
}
.row-fluid [class*="offset"] {
margin-left: 0 !important;
}
.wpcf7 {
margin-bottom: 50px !important;
}
nav#nav {
position: absolute;
top: 0;
padding-top: 5.25em;
}
nav#nav:not(:target) {
z-index: 1;
height: 0;
}
nav#nav:target .close-btn {
display: block;
}
nav#nav .close-btn {
position: absolute;
top: -3.75em;
left: 1.875em;
cursor: pointer;
}
nav#nav ul {
margin-left: 0;
}
nav#nav li {
position: relative;
font-size: 13px;
line-height: 28px;
letter-spacing: 1px;
text-transform: uppercase;
font-family: 'Merriweather Sans', Helvetica, Arial;
font-weight: 300;
padding: 5px 0;
border-top: 1px solid rgba(255, 255, 255, 0.05);
}
nav#nav li:last-child {
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
nav#nav li a {
padding: 0 1.875em;
color: #aaa;
}
nav#nav li a:hover,
nav#nav li.current_page_item a {
color: #fff;
}
.js-ready nav#nav {
height: 100%;
width: 70%;
background: #1a1a1a;
-webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
-moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
}
.js-ready nav#nav .block {
background: transparent;
}
.js-ready nav#nav .close-btn {
display: block;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
}
.js-ready nav#nav .close-btn:focus, .js-ready nav#nav .close-btn:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.js-ready nav#nav {
left: -70%;
-webkit-transition: -webkit-transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease;
}
.js-ready #main-container {
left: 0;
}
.js-nav nav#nav {
left: 0 !important;
}
.js-nav .nav-btn {
display: none;
}
nav#primary-nav {
display: none !important;
}
nav#nav .close-btn {
position: absolute;
top: 1.5em;
left: 1.875em;
}
.block {
position: relative;
margin: 0 auto;
max-width: 60em;
}
.csstransforms3d.csstransitions.js-ready nav#nav {
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
-webkit-transition: -webkit-transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.csstransforms3d.csstransitions.js-ready #main-container {
left: 0 !important;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
opacity: 1;
}
.csstransforms3d.csstransitions.js-nav #main-container {
-webkit-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
-moz-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
-ms-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
-o-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
-webkit-transition: -webkit-transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease;
}
.csstransforms3d.csstransitions.js-nav nav#nav {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
-webkit-transition: -webkit-transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease;
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.csstransforms3d.csstransitions.js-ready #nav .block {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
-webkit-transition-delay: ease, 0s;
-moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease;
-o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease;
transition: opacity 300ms 100ms ease, transform 500ms ease;
-webkit-transform: translate3d(-70%, 0, 0) scale3d(0.9, 0.9, 0.9);
-moz-transform: translate3d(-70%, 0, 0) scale3d(0.9, 0.9, 0.9);
-ms-transform: translate3d(-70%, 0, 0) scale3d(0.9, 0.9, 0.9);
-o-transform: translate3d(-70%, 0, 0) scale3d(0.9, 0.9, 0.9);
transform: translate3d(-70%, 0, 0) scale3d(0.9, 0.9, 0.9);
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-o-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.csstransforms3d.csstransitions.js-nav #nav .block {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@media screen and (max-width: 380px) {
.icy-foundation .year-animation {
margin-left: -15px;
}
}
@media screen and (max-width: 600px) {
.icy-portfolio .portfolio-grid {
width: 85%;
margin: 25px 0 0;
}
.icy-portfolio ul.icy-portfolio-tax {
margin: 23px 0 0;
}
}