Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @media screen and (max-width: 400px) {
- @-ms-viewport {
- width:320px
- }
- }
- .clear {
- clear: both;
- display: block;
- overflow: hidden;
- visibility: hidden;
- width: 0;
- height: 0
- }
- .clearfix:after,.clearfix:before,.grid-5:after,.grid-5:before,.grid-10:after,.grid-10:before,.grid-15:after,.grid-15:before,.grid-20:after,.grid-20:before,.grid-25:after,.grid-25:before,.grid-30:after,.grid-30:before,.grid-33:after,.grid-33:before,.grid-35:after,.grid-35:before,.grid-40:after,.grid-40:before,.grid-45:after,.grid-45:before,.grid-50:after,.grid-50:before,.grid-55:after,.grid-55:before,.grid-60:after,.grid-60:before,.grid-65:after,.grid-65:before,.grid-66:after,.grid-66:before,.grid-70:after,.grid-70:before,.grid-75:after,.grid-75:before,.grid-80:after,.grid-80:before,.grid-85:after,.grid-85:before,.grid-90:after,.grid-90:before,.grid-95:after,.grid-95:before,.grid-100:after,.grid-100:before,.grid-container:after,.grid-container:before,.mobile-grid-5:after,.mobile-grid-5:before,.mobile-grid-10:after,.mobile-grid-10:before,.mobile-grid-15:after,.mobile-grid-15:before,.mobile-grid-20:after,.mobile-grid-20:before,.mobile-grid-25:after,.mobile-grid-25:before,.mobile-grid-30:after,.mobile-grid-30:before,.mobile-grid-33:after,.mobile-grid-33:before,.mobile-grid-35:after,.mobile-grid-35:before,.mobile-grid-40:after,.mobile-grid-40:before,.mobile-grid-45:after,.mobile-grid-45:before,.mobile-grid-50:after,.mobile-grid-50:before,.mobile-grid-55:after,.mobile-grid-55:before,.mobile-grid-60:after,.mobile-grid-60:before,.mobile-grid-65:after,.mobile-grid-65:before,.mobile-grid-66:after,.mobile-grid-66:before,.mobile-grid-70:after,.mobile-grid-70:before,.mobile-grid-75:after,.mobile-grid-75:before,.mobile-grid-80:after,.mobile-grid-80:before,.mobile-grid-85:after,.mobile-grid-85:before,.mobile-grid-90:after,.mobile-grid-90:before,.mobile-grid-95:after,.mobile-grid-95:before,.mobile-grid-100:after,.mobile-grid-100:before,.tablet-grid-5:after,.tablet-grid-5:before,.tablet-grid-10:after,.tablet-grid-10:before,.tablet-grid-15:after,.tablet-grid-15:before,.tablet-grid-20:after,.tablet-grid-20:before,.tablet-grid-25:after,.tablet-grid-25:before,.tablet-grid-30:after,.tablet-grid-30:before,.tablet-grid-33:after,.tablet-grid-33:before,.tablet-grid-35:after,.tablet-grid-35:before,.tablet-grid-40:after,.tablet-grid-40:before,.tablet-grid-45:after,.tablet-grid-45:before,.tablet-grid-50:after,.tablet-grid-50:before,.tablet-grid-55:after,.tablet-grid-55:before,.tablet-grid-60:after,.tablet-grid-60:before,.tablet-grid-65:after,.tablet-grid-65:before,.tablet-grid-66:after,.tablet-grid-66:before,.tablet-grid-70:after,.tablet-grid-70:before,.tablet-grid-75:after,.tablet-grid-75:before,.tablet-grid-80:after,.tablet-grid-80:before,.tablet-grid-85:after,.tablet-grid-85:before,.tablet-grid-90:after,.tablet-grid-90:before,.tablet-grid-95:after,.tablet-grid-95:before,.tablet-grid-100:after,.tablet-grid-100:before {
- content: ".";
- display: block;
- overflow: hidden;
- visibility: hidden;
- font-size: 0;
- line-height: 0;
- width: 0;
- height: 0
- }
- .clearfix:after,.grid-5:after,.grid-10:after,.grid-15:after,.grid-20:after,.grid-25:after,.grid-30:after,.grid-33:after,.grid-35:after,.grid-40:after,.grid-45:after,.grid-50:after,.grid-55:after,.grid-60:after,.grid-65:after,.grid-66:after,.grid-70:after,.grid-75:after,.grid-80:after,.grid-85:after,.grid-90:after,.grid-95:after,.grid-100:after,.grid-container:after,.mobile-grid-5:after,.mobile-grid-10:after,.mobile-grid-15:after,.mobile-grid-20:after,.mobile-grid-25:after,.mobile-grid-30:after,.mobile-grid-33:after,.mobile-grid-35:after,.mobile-grid-40:after,.mobile-grid-45:after,.mobile-grid-50:after,.mobile-grid-55:after,.mobile-grid-60:after,.mobile-grid-65:after,.mobile-grid-66:after,.mobile-grid-70:after,.mobile-grid-75:after,.mobile-grid-80:after,.mobile-grid-85:after,.mobile-grid-90:after,.mobile-grid-95:after,.mobile-grid-100:after,.tablet-grid-5:after,.tablet-grid-10:after,.tablet-grid-15:after,.tablet-grid-20:after,.tablet-grid-25:after,.tablet-grid-30:after,.tablet-grid-33:after,.tablet-grid-35:after,.tablet-grid-40:after,.tablet-grid-45:after,.tablet-grid-50:after,.tablet-grid-55:after,.tablet-grid-60:after,.tablet-grid-65:after,.tablet-grid-66:after,.tablet-grid-70:after,.tablet-grid-75:after,.tablet-grid-80:after,.tablet-grid-85:after,.tablet-grid-90:after,.tablet-grid-95:after,.tablet-grid-100:after {
- clear: both
- }
- .grid-container {
- margin-left: auto;
- margin-right: auto;
- max-width: 1200px;
- padding-left: 20px;
- padding-right: 20px
- }
- .grid-5,.grid-10,.grid-15,.grid-20,.grid-25,.grid-30,.grid-33,.grid-35,.grid-40,.grid-45,.grid-50,.grid-55,.grid-60,.grid-65,.grid-66,.grid-70,.grid-75,.grid-80,.grid-85,.grid-90,.grid-95,.grid-100,.mobile-grid-5,.mobile-grid-10,.mobile-grid-15,.mobile-grid-20,.mobile-grid-25,.mobile-grid-30,.mobile-grid-33,.mobile-grid-35,.mobile-grid-40,.mobile-grid-45,.mobile-grid-50,.mobile-grid-55,.mobile-grid-60,.mobile-grid-65,.mobile-grid-66,.mobile-grid-70,.mobile-grid-75,.mobile-grid-80,.mobile-grid-85,.mobile-grid-90,.mobile-grid-95,.mobile-grid-100,.tablet-grid-5,.tablet-grid-10,.tablet-grid-15,.tablet-grid-20,.tablet-grid-25,.tablet-grid-30,.tablet-grid-33,.tablet-grid-35,.tablet-grid-40,.tablet-grid-45,.tablet-grid-50,.tablet-grid-55,.tablet-grid-60,.tablet-grid-65,.tablet-grid-66,.tablet-grid-70,.tablet-grid-75,.tablet-grid-80,.tablet-grid-85,.tablet-grid-90,.tablet-grid-95,.tablet-grid-100 {
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- padding-left: 20px;
- padding-right: 20px
- }
- .grid-parent {
- padding-left: 0;
- padding-right: 0
- }
- @media screen and (max-width: 767px) {
- .mobile-pull-5,.mobile-pull-10,.mobile-pull-15,.mobile-pull-20,.mobile-pull-25,.mobile-pull-30,.mobile-pull-33,.mobile-pull-35,.mobile-pull-40,.mobile-pull-45,.mobile-pull-50,.mobile-pull-55,.mobile-pull-60,.mobile-pull-65,.mobile-pull-66,.mobile-pull-70,.mobile-pull-75,.mobile-pull-80,.mobile-pull-85,.mobile-pull-90,.mobile-pull-95,.mobile-push-5,.mobile-push-10,.mobile-push-15,.mobile-push-20,.mobile-push-25,.mobile-push-30,.mobile-push-33,.mobile-push-35,.mobile-push-40,.mobile-push-45,.mobile-push-50,.mobile-push-55,.mobile-push-60,.mobile-push-65,.mobile-push-66,.mobile-push-70,.mobile-push-75,.mobile-push-80,.mobile-push-85,.mobile-push-90,.mobile-push-95 {
- position:relative
- }
- .hide-on-mobile {
- display: none!important
- }
- .mobile-grid-5 {
- float: left;
- width: 5%
- }
- .mobile-prefix-5 {
- margin-left: 5%
- }
- .mobile-suffix-5 {
- margin-right: 5%
- }
- .mobile-push-5 {
- left: 5%
- }
- .mobile-pull-5 {
- left: -5%
- }
- .mobile-grid-10 {
- float: left;
- width: 10%
- }
- .mobile-prefix-10 {
- margin-left: 10%
- }
- .mobile-suffix-10 {
- margin-right: 10%
- }
- .mobile-push-10 {
- left: 10%
- }
- .mobile-pull-10 {
- left: -10%
- }
- .mobile-grid-15 {
- float: left;
- width: 15%
- }
- .mobile-prefix-15 {
- margin-left: 15%
- }
- .mobile-suffix-15 {
- margin-right: 15%
- }
- .mobile-push-15 {
- left: 15%
- }
- .mobile-pull-15 {
- left: -15%
- }
- .mobile-grid-20 {
- float: left;
- width: 20%
- }
- .mobile-prefix-20 {
- margin-left: 20%
- }
- .mobile-suffix-20 {
- margin-right: 20%
- }
- .mobile-push-20 {
- left: 20%
- }
- .mobile-pull-20 {
- left: -20%
- }
- .mobile-grid-25 {
- float: left;
- width: 25%
- }
- .mobile-prefix-25 {
- margin-left: 25%
- }
- .mobile-suffix-25 {
- margin-right: 25%
- }
- .mobile-push-25 {
- left: 25%
- }
- .mobile-pull-25 {
- left: -25%
- }
- .mobile-grid-30 {
- float: left;
- width: 30%
- }
- .mobile-prefix-30 {
- margin-left: 30%
- }
- .mobile-suffix-30 {
- margin-right: 30%
- }
- .mobile-push-30 {
- left: 30%
- }
- .mobile-pull-30 {
- left: -30%
- }
- .mobile-grid-35 {
- float: left;
- width: 35%
- }
- .mobile-prefix-35 {
- margin-left: 35%
- }
- .mobile-suffix-35 {
- margin-right: 35%
- }
- .mobile-push-35 {
- left: 35%
- }
- .mobile-pull-35 {
- left: -35%
- }
- .mobile-grid-40 {
- float: left;
- width: 40%
- }
- .mobile-prefix-40 {
- margin-left: 40%
- }
- .mobile-suffix-40 {
- margin-right: 40%
- }
- .mobile-push-40 {
- left: 40%
- }
- .mobile-pull-40 {
- left: -40%
- }
- .mobile-grid-45 {
- float: left;
- width: 45%
- }
- .mobile-prefix-45 {
- margin-left: 45%
- }
- .mobile-suffix-45 {
- margin-right: 45%
- }
- .mobile-push-45 {
- left: 45%
- }
- .mobile-pull-45 {
- left: -45%
- }
- .mobile-grid-50 {
- float: left;
- width: 50%
- }
- .mobile-prefix-50 {
- margin-left: 50%
- }
- .mobile-suffix-50 {
- margin-right: 50%
- }
- .mobile-push-50 {
- left: 50%
- }
- .mobile-pull-50 {
- left: -50%
- }
- .mobile-grid-55 {
- float: left;
- width: 55%
- }
- .mobile-prefix-55 {
- margin-left: 55%
- }
- .mobile-suffix-55 {
- margin-right: 55%
- }
- .mobile-push-55 {
- left: 55%
- }
- .mobile-pull-55 {
- left: -55%
- }
- .mobile-grid-60 {
- float: left;
- width: 60%
- }
- .mobile-prefix-60 {
- margin-left: 60%
- }
- .mobile-suffix-60 {
- margin-right: 60%
- }
- .mobile-push-60 {
- left: 60%
- }
- .mobile-pull-60 {
- left: -60%
- }
- .mobile-grid-65 {
- float: left;
- width: 65%
- }
- .mobile-prefix-65 {
- margin-left: 65%
- }
- .mobile-suffix-65 {
- margin-right: 65%
- }
- .mobile-push-65 {
- left: 65%
- }
- .mobile-pull-65 {
- left: -65%
- }
- .mobile-grid-70 {
- float: left;
- width: 70%
- }
- .mobile-prefix-70 {
- margin-left: 70%
- }
- .mobile-suffix-70 {
- margin-right: 70%
- }
- .mobile-push-70 {
- left: 70%
- }
- .mobile-pull-70 {
- left: -70%
- }
- .mobile-grid-75 {
- float: left;
- width: 75%
- }
- .mobile-prefix-75 {
- margin-left: 75%
- }
- .mobile-suffix-75 {
- margin-right: 75%
- }
- .mobile-push-75 {
- left: 75%
- }
- .mobile-pull-75 {
- left: -75%
- }
- .mobile-grid-80 {
- float: left;
- width: 80%
- }
- .mobile-prefix-80 {
- margin-left: 80%
- }
- .mobile-suffix-80 {
- margin-right: 80%
- }
- .mobile-push-80 {
- left: 80%
- }
- .mobile-pull-80 {
- left: -80%
- }
- .mobile-grid-85 {
- float: left;
- width: 85%
- }
- .mobile-prefix-85 {
- margin-left: 85%
- }
- .mobile-suffix-85 {
- margin-right: 85%
- }
- .mobile-push-85 {
- left: 85%
- }
- .mobile-pull-85 {
- left: -85%
- }
- .mobile-grid-90 {
- float: left;
- width: 90%
- }
- .mobile-prefix-90 {
- margin-left: 90%
- }
- .mobile-suffix-90 {
- margin-right: 90%
- }
- .mobile-push-90 {
- left: 90%
- }
- .mobile-pull-90 {
- left: -90%
- }
- .mobile-grid-95 {
- float: left;
- width: 95%
- }
- .mobile-prefix-95 {
- margin-left: 95%
- }
- .mobile-suffix-95 {
- margin-right: 95%
- }
- .mobile-push-95 {
- left: 95%
- }
- .mobile-pull-95 {
- left: -95%
- }
- .mobile-grid-33 {
- float: left;
- width: 33.33333%
- }
- .mobile-prefix-33 {
- margin-left: 33.33333%
- }
- .mobile-suffix-33 {
- margin-right: 33.33333%
- }
- .mobile-push-33 {
- left: 33.33333%
- }
- .mobile-pull-33 {
- left: -33.33333%
- }
- .mobile-grid-66 {
- float: left;
- width: 66.66667%
- }
- .mobile-prefix-66 {
- margin-left: 66.66667%
- }
- .mobile-suffix-66 {
- margin-right: 66.66667%
- }
- .mobile-push-66 {
- left: 66.66667%
- }
- .mobile-pull-66 {
- left: -66.66667%
- }
- .mobile-grid-100 {
- clear: both;
- width: 100%
- }
- }
- @media screen and (min-width: 768px) and (max-width:1023px) {
- .tablet-pull-5,.tablet-pull-10,.tablet-pull-15,.tablet-pull-20,.tablet-pull-25,.tablet-pull-30,.tablet-pull-33,.tablet-pull-35,.tablet-pull-40,.tablet-pull-45,.tablet-pull-50,.tablet-pull-55,.tablet-pull-60,.tablet-pull-65,.tablet-pull-66,.tablet-pull-70,.tablet-pull-75,.tablet-pull-80,.tablet-pull-85,.tablet-pull-90,.tablet-pull-95,.tablet-push-5,.tablet-push-10,.tablet-push-15,.tablet-push-20,.tablet-push-25,.tablet-push-30,.tablet-push-33,.tablet-push-35,.tablet-push-40,.tablet-push-45,.tablet-push-50,.tablet-push-55,.tablet-push-60,.tablet-push-65,.tablet-push-66,.tablet-push-70,.tablet-push-75,.tablet-push-80,.tablet-push-85,.tablet-push-90,.tablet-push-95 {
- position:relative
- }
- .hide-on-tablet {
- display: none!important
- }
- .tablet-grid-5 {
- float: left;
- width: 5%
- }
- .tablet-prefix-5 {
- margin-left: 5%
- }
- .tablet-suffix-5 {
- margin-right: 5%
- }
- .tablet-push-5 {
- left: 5%
- }
- .tablet-pull-5 {
- left: -5%
- }
- .tablet-grid-10 {
- float: left;
- width: 10%
- }
- .tablet-prefix-10 {
- margin-left: 10%
- }
- .tablet-suffix-10 {
- margin-right: 10%
- }
- .tablet-push-10 {
- left: 10%
- }
- .tablet-pull-10 {
- left: -10%
- }
- .tablet-grid-15 {
- float: left;
- width: 15%
- }
- .tablet-prefix-15 {
- margin-left: 15%
- }
- .tablet-suffix-15 {
- margin-right: 15%
- }
- .tablet-push-15 {
- left: 15%
- }
- .tablet-pull-15 {
- left: -15%
- }
- .tablet-grid-20 {
- float: left;
- width: 20%
- }
- .tablet-prefix-20 {
- margin-left: 20%
- }
- .tablet-suffix-20 {
- margin-right: 20%
- }
- .tablet-push-20 {
- left: 20%
- }
- .tablet-pull-20 {
- left: -20%
- }
- .tablet-grid-25 {
- float: left;
- width: 25%
- }
- .tablet-prefix-25 {
- margin-left: 25%
- }
- .tablet-suffix-25 {
- margin-right: 25%
- }
- .tablet-push-25 {
- left: 25%
- }
- .tablet-pull-25 {
- left: -25%
- }
- .tablet-grid-30 {
- float: left;
- width: 30%
- }
- .tablet-prefix-30 {
- margin-left: 30%
- }
- .tablet-suffix-30 {
- margin-right: 30%
- }
- .tablet-push-30 {
- left: 30%
- }
- .tablet-pull-30 {
- left: -30%
- }
- .tablet-grid-35 {
- float: left;
- width: 35%
- }
- .tablet-prefix-35 {
- margin-left: 35%
- }
- .tablet-suffix-35 {
- margin-right: 35%
- }
- .tablet-push-35 {
- left: 35%
- }
- .tablet-pull-35 {
- left: -35%
- }
- .tablet-grid-40 {
- float: left;
- width: 40%
- }
- .tablet-prefix-40 {
- margin-left: 40%
- }
- .tablet-suffix-40 {
- margin-right: 40%
- }
- .tablet-push-40 {
- left: 40%
- }
- .tablet-pull-40 {
- left: -40%
- }
- .tablet-grid-45 {
- float: left;
- width: 45%
- }
- .tablet-prefix-45 {
- margin-left: 45%
- }
- .tablet-suffix-45 {
- margin-right: 45%
- }
- .tablet-push-45 {
- left: 45%
- }
- .tablet-pull-45 {
- left: -45%
- }
- .tablet-grid-50 {
- float: left;
- width: 50%
- }
- .tablet-prefix-50 {
- margin-left: 50%
- }
- .tablet-suffix-50 {
- margin-right: 50%
- }
- .tablet-push-50 {
- left: 50%
- }
- .tablet-pull-50 {
- left: -50%
- }
- .tablet-grid-55 {
- float: left;
- width: 55%
- }
- .tablet-prefix-55 {
- margin-left: 55%
- }
- .tablet-suffix-55 {
- margin-right: 55%
- }
- .tablet-push-55 {
- left: 55%
- }
- .tablet-pull-55 {
- left: -55%
- }
- .tablet-grid-60 {
- float: left;
- width: 60%
- }
- .tablet-prefix-60 {
- margin-left: 60%
- }
- .tablet-suffix-60 {
- margin-right: 60%
- }
- .tablet-push-60 {
- left: 60%
- }
- .tablet-pull-60 {
- left: -60%
- }
- .tablet-grid-65 {
- float: left;
- width: 65%
- }
- .tablet-prefix-65 {
- margin-left: 65%
- }
- .tablet-suffix-65 {
- margin-right: 65%
- }
- .tablet-push-65 {
- left: 65%
- }
- .tablet-pull-65 {
- left: -65%
- }
- .tablet-grid-70 {
- float: left;
- width: 70%
- }
- .tablet-prefix-70 {
- margin-left: 70%
- }
- .tablet-suffix-70 {
- margin-right: 70%
- }
- .tablet-push-70 {
- left: 70%
- }
- .tablet-pull-70 {
- left: -70%
- }
- .tablet-grid-75 {
- float: left;
- width: 75%
- }
- .tablet-prefix-75 {
- margin-left: 75%
- }
- .tablet-suffix-75 {
- margin-right: 75%
- }
- .tablet-push-75 {
- left: 75%
- }
- .tablet-pull-75 {
- left: -75%
- }
- .tablet-grid-80 {
- float: left;
- width: 80%
- }
- .tablet-prefix-80 {
- margin-left: 80%
- }
- .tablet-suffix-80 {
- margin-right: 80%
- }
- .tablet-push-80 {
- left: 80%
- }
- .tablet-pull-80 {
- left: -80%
- }
- .tablet-grid-85 {
- float: left;
- width: 85%
- }
- .tablet-prefix-85 {
- margin-left: 85%
- }
- .tablet-suffix-85 {
- margin-right: 85%
- }
- .tablet-push-85 {
- left: 85%
- }
- .tablet-pull-85 {
- left: -85%
- }
- .tablet-grid-90 {
- float: left;
- width: 90%
- }
- .tablet-prefix-90 {
- margin-left: 90%
- }
- .tablet-suffix-90 {
- margin-right: 90%
- }
- .tablet-push-90 {
- left: 90%
- }
- .tablet-pull-90 {
- left: -90%
- }
- .tablet-grid-95 {
- float: left;
- width: 95%
- }
- .tablet-prefix-95 {
- margin-left: 95%
- }
- .tablet-suffix-95 {
- margin-right: 95%
- }
- .tablet-push-95 {
- left: 95%
- }
- .tablet-pull-95 {
- left: -95%
- }
- .tablet-grid-33 {
- float: left;
- width: 33.33333%
- }
- .tablet-prefix-33 {
- margin-left: 33.33333%
- }
- .tablet-suffix-33 {
- margin-right: 33.33333%
- }
- .tablet-push-33 {
- left: 33.33333%
- }
- .tablet-pull-33 {
- left: -33.33333%
- }
- .tablet-grid-66 {
- float: left;
- width: 66.66667%
- }
- .tablet-prefix-66 {
- margin-left: 66.66667%
- }
- .tablet-suffix-66 {
- margin-right: 66.66667%
- }
- .tablet-push-66 {
- left: 66.66667%
- }
- .tablet-pull-66 {
- left: -66.66667%
- }
- .tablet-grid-100 {
- clear: both;
- width: 100%
- }
- }
- @media screen and (min-width: 1024px) {
- .pull-5,.pull-10,.pull-15,.pull-20,.pull-25,.pull-30,.pull-33,.pull-35,.pull-40,.pull-45,.pull-50,.pull-55,.pull-60,.pull-65,.pull-66,.pull-70,.pull-75,.pull-80,.pull-85,.pull-90,.pull-95,.push-5,.push-10,.push-15,.push-20,.push-25,.push-30,.push-33,.push-35,.push-40,.push-45,.push-50,.push-55,.push-60,.push-65,.push-66,.push-70,.push-75,.push-80,.push-85,.push-90,.push-95 {
- position:relative
- }
- .hide-on-desktop {
- display: none!important
- }
- .grid-5 {
- float: left;
- width: 5%
- }
- .prefix-5 {
- margin-left: 5%
- }
- .suffix-5 {
- margin-right: 5%
- }
- .push-5 {
- left: 5%
- }
- .pull-5 {
- left: -5%
- }
- .grid-10 {
- float: left;
- width: 10%
- }
- .prefix-10 {
- margin-left: 10%
- }
- .suffix-10 {
- margin-right: 10%
- }
- .push-10 {
- left: 10%
- }
- .pull-10 {
- left: -10%
- }
- .grid-15 {
- float: left;
- width: 15%
- }
- .prefix-15 {
- margin-left: 15%
- }
- .suffix-15 {
- margin-right: 15%
- }
- .push-15 {
- left: 15%
- }
- .pull-15 {
- left: -15%
- }
- .grid-20 {
- float: left;
- width: 20%
- }
- .prefix-20 {
- margin-left: 20%
- }
- .suffix-20 {
- margin-right: 20%
- }
- .push-20 {
- left: 20%
- }
- .pull-20 {
- left: -20%
- }
- .grid-25 {
- float: left;
- width: 25%
- }
- .prefix-25 {
- margin-left: 25%
- }
- .suffix-25 {
- margin-right: 25%
- }
- .push-25 {
- left: 25%
- }
- .pull-25 {
- left: -25%
- }
- .grid-30 {
- float: left;
- width: 30%
- }
- .prefix-30 {
- margin-left: 30%
- }
- .suffix-30 {
- margin-right: 30%
- }
- .push-30 {
- left: 30%
- }
- .pull-30 {
- left: -30%
- }
- .grid-35 {
- float: left;
- width: 35%
- }
- .prefix-35 {
- margin-left: 35%
- }
- .suffix-35 {
- margin-right: 35%
- }
- .push-35 {
- left: 35%
- }
- .pull-35 {
- left: -35%
- }
- .grid-40 {
- float: left;
- width: 40%
- }
- .prefix-40 {
- margin-left: 40%
- }
- .suffix-40 {
- margin-right: 40%
- }
- .push-40 {
- left: 40%
- }
- .pull-40 {
- left: -40%
- }
- .grid-45 {
- float: left;
- width: 45%
- }
- .prefix-45 {
- margin-left: 45%
- }
- .suffix-45 {
- margin-right: 45%
- }
- .push-45 {
- left: 45%
- }
- .pull-45 {
- left: -45%
- }
- .grid-50 {
- float: left;
- width: 50%
- }
- .prefix-50 {
- margin-left: 50%
- }
- .suffix-50 {
- margin-right: 50%
- }
- .push-50 {
- left: 50%
- }
- .pull-50 {
- left: -50%
- }
- .grid-55 {
- float: left;
- width: 55%
- }
- .prefix-55 {
- margin-left: 55%
- }
- .suffix-55 {
- margin-right: 55%
- }
- .push-55 {
- left: 55%
- }
- .pull-55 {
- left: -55%
- }
- .grid-60 {
- float: left;
- width: 60%
- }
- .prefix-60 {
- margin-left: 60%
- }
- .suffix-60 {
- margin-right: 60%
- }
- .push-60 {
- left: 60%
- }
- .pull-60 {
- left: -60%
- }
- .grid-65 {
- float: left;
- width: 65%
- }
- .prefix-65 {
- margin-left: 65%
- }
- .suffix-65 {
- margin-right: 65%
- }
- .push-65 {
- left: 65%
- }
- .pull-65 {
- left: -65%
- }
- .grid-70 {
- float: left;
- width: 70%
- }
- .prefix-70 {
- margin-left: 70%
- }
- .suffix-70 {
- margin-right: 70%
- }
- .push-70 {
- left: 70%
- }
- .pull-70 {
- left: -70%
- }
- .grid-75 {
- float: left;
- width: 75%
- }
- .prefix-75 {
- margin-left: 75%
- }
- .suffix-75 {
- margin-right: 75%
- }
- .push-75 {
- left: 75%
- }
- .pull-75 {
- left: -75%
- }
- .grid-80 {
- float: left;
- width: 80%
- }
- .prefix-80 {
- margin-left: 80%
- }
- .suffix-80 {
- margin-right: 80%
- }
- .push-80 {
- left: 80%
- }
- .pull-80 {
- left: -80%
- }
- .grid-85 {
- float: left;
- width: 85%
- }
- .prefix-85 {
- margin-left: 85%
- }
- .suffix-85 {
- margin-right: 85%
- }
- .push-85 {
- left: 85%
- }
- .pull-85 {
- left: -85%
- }
- .grid-90 {
- float: left;
- width: 90%
- }
- .prefix-90 {
- margin-left: 90%
- }
- .suffix-90 {
- margin-right: 90%
- }
- .push-90 {
- left: 90%
- }
- .pull-90 {
- left: -90%
- }
- .grid-95 {
- float: left;
- width: 95%
- }
- .prefix-95 {
- margin-left: 95%
- }
- .suffix-95 {
- margin-right: 95%
- }
- .push-95 {
- left: 95%
- }
- .pull-95 {
- left: -95%
- }
- .grid-33 {
- float: left;
- width: 33.33333%
- }
- .prefix-33 {
- margin-left: 33.33333%
- }
- .suffix-33 {
- margin-right: 33.33333%
- }
- .push-33 {
- left: 33.33333%
- }
- .pull-33 {
- left: -33.33333%
- }
- .grid-66 {
- float: left;
- width: 66.66667%
- }
- .prefix-66 {
- margin-left: 66.66667%
- }
- .suffix-66 {
- margin-right: 66.66667%
- }
- .push-66 {
- left: 66.66667%
- }
- .pull-66 {
- left: -66.66667%
- }
- .grid-100 {
- clear: both;
- width: 100%
- }
- }
- a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,button,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
- margin: 0;
- padding: 0;
- border: 0;
- font-size: 100%;
- font: inherit;
- vertical-align: baseline;
- -webkit-text-size-adjust: 100%;
- -ms-text-size-adjust: 100%;
- -webkit-font-smoothing: antialiased;
- text-rendering: optimizeLegibility
- }
- article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section {
- display: block
- }
- body {
- line-height: 1
- }
- ol,ul {
- list-style: none
- }
- blockquote,q {
- quotes: none
- }
- blockquote:after,blockquote:before,q:after,q:before {
- content: '';
- content: none
- }
- table {
- border-collapse: collapse;
- border-spacing: 0
- }
- html,textarea {
- overflow: auto
- }
- body,html {
- width: 100%;
- height: 100%
- }
- a {
- text-decoration: none;
- outline: 0
- }
- button,input,textarea {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0
- }
- a,button,input[type=button],input[type=submit],label {
- cursor: pointer
- }
- h1,h2,h3,h4,h5,h6 {
- font-weight: normal
- }
- b,strong {
- font-weight: bold
- }
- em,i {
- font-style: italic
- }
- address {
- font-style: normal
- }
- small {
- font-size: 75%
- }
- sub,sup {
- font-size: 75%;
- line-height: 0;
- position: relative;
- vertical-align: baseline
- }
- sup {
- top: -0.5em
- }
- sub {
- bottom: -0.25em
- }
- abbr,acronym {
- border-bottom: 1px dotted;
- cursor: help
- }
- ins {
- text-decoration: none
- }
- ::-moz-selection {
- background: #E84E89;
- color: white;
- text-shadow: none
- }
- ::selection {
- background: #E84E89;
- color: white;
- text-shadow: none
- }
- h1,h2,h3,h4,h5,h6 {
- color: #222
- }
- h1 {
- font-size: 26px
- }
- h2 {
- font-size: 24px
- }
- h3 {
- font-size: 22px
- }
- h4 {
- font-size: 20px
- }
- h5 {
- font-size: 18px
- }
- h6 {
- font-size: 16px
- }
- .title {
- font-family: "Montserrat", sans-serif;
- font-weight: 600;
- font-size: 24px;
- margin-bottom: 40px;
- line-height: 1.6;
- letter-spacing: 0.6px
- }
- .title.ularge {
- font-size: 40px;
- font-weight: normal;
- margin-bottom: 30px;
- line-height: 1.2
- }
- .title.large {
- font-size: 34px;
- line-height: 1.3
- }
- .title.medium {
- font-size: 26px;
- line-height: 1.4
- }
- .title.small {
- font-size: 18px;
- margin-bottom: 10px;
- line-height: 1.45
- }
- .title.usmall {
- font-size: 16px;
- margin-bottom: 5px;
- line-height: 1.45
- }
- .title.white {
- color: #fff
- }
- .title.bordered:after {
- display: block;
- content: '';
- width: 100%;
- height: 2px;
- background: #F4F4F4;
- margin-top: 10px
- }
- .title.bold {
- font-weight: bold!important
- }
- .border-effect a:before,.underline-effect a:before {
- -webkit-transition: all 400ms ease;
- -moz-transition: all 400ms ease;
- -ms-transition: all 400ms ease;
- -o-transition: all 400ms ease;
- transition: all 400ms ease
- }
- .border-effect a,.underline-effect a {
- position: relative;
- z-index: 1;
- padding-bottom: 2px
- }
- .border-effect a:before,.underline-effect a:before {
- content: '';
- position: absolute;
- left: 0;
- top: 100%;
- width: 100%;
- border-bottom: 1px solid;
- opacity: .5
- }
- .border-effect a:before,.underline-effect a:hover:before {
- width: 90%;
- left: 5%
- }
- .border-effect a:before {
- opacity: 0;
- visibility: hidden
- }
- .border-effect a:hover:before {
- width: 100%;
- left: 0;
- opacity: 1;
- visibility: visible
- }
- .my-mfp-zoom-in .mfp-content {
- -webkit-opacity: 0;
- -moz-opacity: 0;
- opacity: 0;
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
- -webkit-transform: scale(0.8);
- -moz-transform: scale(0.8);
- -ms-transform: scale(0.8);
- -o-transform: scale(0.8);
- transform: scale(0.8)
- }
- .my-mfp-zoom-in.mfp-ready .mfp-content {
- -webkit-opacity: 1;
- -moz-opacity: 1;
- opacity: 1;
- -webkit-transform: scale(1);
- -moz-transform: scale(1);
- -ms-transform: scale(1);
- -o-transform: scale(1);
- transform: scale(1)
- }
- .my-mfp-zoom-in.mfp-removing .mfp-content {
- -webkit-transform: scale(0.8);
- -moz-transform: scale(0.8);
- -ms-transform: scale(0.8);
- -o-transform: scale(0.8);
- transform: scale(0.8);
- -webkit-opacity: 0;
- -moz-opacity: 0;
- opacity: 0
- }
- .my-mfp-zoom-in.mfp-bg {
- opacity: 0.001;
- -webkit-transition: opacity 0.3s ease-out;
- -moz-transition: opacity 0.3s ease-out;
- -o-transition: opacity 0.3s ease-out;
- transition: opacity 0.3s ease-out
- }
- .my-mfp-zoom-in.mfp-ready.mfp-bg {
- -webkit-opacity: 0.8;
- -moz-opacity: 0.8;
- opacity: 0.8
- }
- .my-mfp-zoom-in.mfp-removing.mfp-bg {
- -webkit-opacity: 0;
- -moz-opacity: 0;
- opacity: 0
- }
- a.hover-effect {
- display: block;
- position: relative;
- overflow: hidden;
- background: #000
- }
- a.hover-effect img,a.hover-effect span.cover {
- display: block;
- width: 101%;
- height: auto;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- -webkit-transition: all 600ms ease;
- -o-transition: all 600ms ease;
- transition: all 600ms ease
- }
- a.hover-effect:hover img,a.hover-effect:hover span.cover {
- opacity: .85
- }
- .gradient-effect a {
- padding-bottom: 5px;
- background: -webkit-gradient(linear, left top, right top, from(#00bec1), to(#00bec1));
- background: -webkit-linear-gradient(left, #00bec1 0%, #00bec1 100%);
- background: -o-linear-gradient(left, #00bec1 0%, #00bec1 100%);
- background: linear-gradient(to right, #00bec1 0%, #00bec1 100%);
- background-size: 0px 4px;
- background-repeat: no-repeat;
- background-position: left 87%
- }
- .gradient-effect a:after,.gradient-effect a:before {
- display: none
- }
- .gradient-effect a:hover {
- color: #222;
- background-size: 100% 4px
- }
- .gradient-effect.red a {
- background-image: -webkit-gradient(linear, left top, right top, from(#e84e89), to(#e84e89));
- background-image: -webkit-linear-gradient(left, #e84e89 0%, #e84e89 100%);
- background-image: -o-linear-gradient(left, #e84e89 0%, #e84e89 100%);
- background-image: linear-gradient(to right, #e84e89 0%, #e84e89 100%)
- }
- .translate-effect {
- display: inline-block
- }
- .translate-effect:hover {
- -webkit-transform: translateY(-2px);
- -ms-transform: translateY(-2px);
- transform: translateY(-2px)
- }
- .button {
- display: inline-block;
- background-color: #00BEC1;
- color: #fff;
- font-size: 15px;
- padding: 5px 25px;
- border: 2px solid transparent;
- letter-spacing: 0.5px;
- font-weight: 600;
- font-family: "Montserrat", sans-serif;
- border-radius: 25px;
- -webkit-transition: all 300ms ease;
- -moz-transition: all 300ms ease;
- -ms-transition: all 300ms ease;
- -o-transition: all 300ms ease;
- transition: all 300ms ease
- }
- .button:hover {
- color: #fff;
- background-color: #333
- }
- .button.small {
- font-size: 12px;
- padding: 5px 15px
- }
- .button.large {
- font-size: 22px;
- padding: 8px 25px;
- font-weight: bold;
- border-radius: 32px
- }
- .button.circle {
- padding: 7px;
- width: 30px;
- height: 30px;
- border-radius: 50%;
- text-align: center;
- line-height: 30px;
- font-size: 16px
- }
- .button.circle i.fa {
- margin: 0;
- vertical-align: middle
- }
- .button.outline {
- background-color: transparent;
- -webkit-box-shadow: none;
- box-shadow: none;
- border: 2px solid #00BEC1;
- color: #00BEC1
- }
- .button.outline:hover {
- color: #fff;
- background-color: #00BEC1
- }
- .button.red {
- background-color: #E84E89
- }
- .button.red:hover {
- -webkit-transform: translateY(-2px);
- -ms-transform: translateY(-2px);
- transform: translateY(-2px)
- }
- .button.dark {
- background-color: #333
- }
- .button.dark:hover {
- color: #fff;
- background-color: #555
- }
- .button i.fa {
- font-size: 85%;
- margin-left: 5px
- }
- .widget-tag-cloud,div.tags {
- display: block
- }
- .absolute.widget-tag-cloud,div.tags.absolute {
- position: absolute;
- right: 0;
- top: -15px;
- width: 100%;
- z-index: 10;
- text-align: center
- }
- .no-thumb.widget-tag-cloud,div.tags.no-thumb {
- margin-bottom: 12.5px;
- margin-left: -5px
- }
- .widget-tag-cloud a,.widget-tag-cloud span,div.tags a,div.tags span {
- font-size: 15px;
- color: #fff;
- display: inline-block;
- padding: 4px 25px;
- vertical-align: top;
- border-radius: 3px;
- margin-bottom: 5px;
- margin-left: 5px;
- border-radius: 25px;
- font-family: "Montserrat", sans-serif;
- font-weight: 600;
- letter-spacing: 0.5px
- }
- .widget-tag-cloud a:hover,div.tags a:hover {
- -webkit-transform: translateY(-2px);
- -ms-transform: translateY(-2px);
- transform: translateY(-2px)
- }
- .ctag {
- background-color: #E84E89
- }
- a[href*=fullcover],a[href*=nosidebar],span.fullcover,span.nosidebar {
- display: none!important
- }
- input[type=email],input[type=password],input[type=tel],input[type=text],input[type=url],textarea {
- display: block;
- background: #F4F4F4;
- border: 2px solid #F4F4F4;
- color: #555;
- font: 15px "Montserrat", sans-serif;
- font-weight: 500;
- letter-spacing: 0.3px;
- padding: 12px 30px;
- height: 45px;
- width: 100%;
- margin-bottom: 15px;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- border-radius: 25px;
- -webkit-transition: all 300ms ease;
- -moz-transition: all 300ms ease;
- -ms-transition: all 300ms ease;
- -o-transition: all 300ms ease;
- transition: all 300ms ease
- }
- input[type=email]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder,input[type=url]::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
- color: #555
- }
- input[type=email]:-moz-placeholder,input[type=password]:-moz-placeholder,input[type=tel]:-moz-placeholder,input[type=text]:-moz-placeholder,input[type=url]:-moz-placeholder,textarea:-moz-placeholder {
- color: #555
- }
- input[type=email]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=text]::-moz-placeholder,input[type=url]::-moz-placeholder,textarea::-moz-placeholder {
- color: #555
- }
- input[type=email]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,input[type=url]:-ms-input-placeholder,textarea:-ms-input-placeholder {
- color: #555
- }
- input[type=email]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,textarea:focus {
- border-color: #e7e7e7
- }
- textarea {
- width: 100%;
- height: 170px;
- resize: none;
- padding-top: 25px;
- padding-bottom: 25px
- }
- input[type=submit] {
- display: inline-block;
- background-color: #00BEC1;
- color: #fff;
- font-size: 15px;
- padding: 5px 25px;
- border: 2px solid transparent;
- letter-spacing: 0.5px;
- font-weight: 600;
- font-family: "Montserrat", sans-serif;
- border-radius: 25px;
- -webkit-transition: all 300ms ease;
- -moz-transition: all 300ms ease;
- -ms-transition: all 300ms ease;
- -o-transition: all 300ms ease;
- transition: all 300ms ease;
- font-size: 18px;
- padding: 10px 30px;
- -webkit-transition: all 300ms ease;
- -moz-transition: all 300ms ease;
- -ms-transition: all 300ms ease;
- -o-transition: all 300ms ease;
- transition: all 300ms ease
- }
- input[type=submit]:hover {
- color: #fff;
- background-color: #333
- }
- input[type=submit].small {
- font-size: 12px;
- padding: 5px 15px
- }
- input[type=submit].large {
- font-size: 22px;
- padding: 8px 25px;
- font-weight: bold;
- border-radius: 32px
- }
- input[type=submit].circle {
- padding: 7px;
- width: 30px;
- height: 30px;
- border-radius: 50%;
- text-align: center;
- line-height: 30px;
- font-size: 16px
- }
- input[type=submit].circle i.fa {
- margin: 0;
- vertical-align: middle
- }
- input[type=submit].outline {
- background-color: transparent;
- -webkit-box-shadow: none;
- box-shadow: none;
- border: 2px solid #00BEC1;
- color: #00BEC1
- }
- input[type=submit].outline:hover {
- color: #fff;
- background-color: #00BEC1
- }
- input[type=submit].red {
- background-color: #E84E89
- }
- input[type=submit].red:hover {
- -webkit-transform: translateY(-2px);
- -ms-transform: translateY(-2px);
- transform: translateY(-2px)
- }
- input[type=submit].dark {
- background-color: #333
- }
- input[type=submit].dark:hover {
- color: #fff;
- background-color: #555
- }
- input[type=submit] i.fa {
- font-size: 85%;
- margin-left: 5px
- }
- input[type=submit]:hover {
- background-color: transparent!important
- }
- select {
- max-width: 100%
- }
- .wp-block-categories select,select.custom-select {
- border: 0;
- border-radius: 5px;
- padding: 10px 15px;
- padding-right: 25px;
- background: #E84E89 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUBAMAAABohZD3AAAAA3NCSVQICAjb4U/gAAAAD1BMVEX///8AAAAAAAAAAAAAAABRO2rwAAAABXRSTlMAESIzRJTdRHwAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAY0lEQVQYlVXOyRGAIBBE0QYNgIMBWJYBcDAAFvOPSYRZ5zL1Tv3xvPY6dueC4JyA27AB2IzzMIx/4hDW6Sg+p8EJfVESCpkTEpkSGpMSshg6DkmoxlHHOaFbjoTiHHR83UX/A5M3KIMZPyPWAAAAAElFTkSuQmCC") no-repeat 93% center;
- background-size: 9px 6px;
- color: #fff;
- font: 15px "Poppins", "Nunito Sans", "Montserrat", sans-serif;
- outline: 0;
- cursor: pointer;
- margin-left: 20px;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none
- }
- .wp-block-categories select option,select.custom-select option {
- color: #222;
- background: #fff
- }
- select.custom-select {
- display: none
- }
- .ie9 select.custom-select {
- background: none;
- display: block
- }
- select.custom-select::-ms-expand {
- display: none
- }
- select.custom-select:first-child {
- margin-left: 0
- }
- button {
- -webkit-transition: all 300ms ease;
- -moz-transition: all 300ms ease;
- -ms-transition: all 300ms ease;
- -o-transition: all 300ms ease;
- transition: all 300ms ease
- }
- form p {
- padding-bottom: 15px;
- font-size: 13px
- }
- .empty {
- border: 1px solid #F15F74!important
- }
- ::-webkit-input-placeholder {
- color: rgba(255, 255, 255, 0.75)
- }
- :-moz-placeholder {
- color: rgba(255, 255, 255, 0.75)
- }
- ::-moz-placeholder {
- color: rgba(255, 255, 255, 0.75)
- }
- :-ms-input-placeholder {
- color: rgba(255, 255, 255, 0.75)
- }
- form.search-form {
- position: relative;
- z-index: 1;
- max-width: none!important
- }
- form.search-form input {
- margin: 0
- }
- form.search-form input.search-field {
- background: #00BEC1;
- border: 0;
- color: #fff;
- font-weight: 500;
- letter-spacing: 0.3px
- }
- form.search-form input.search-field::-webkit-input-placeholder {
- color: #fff
- }
- form.search-form input.search-field:-moz-placeholder {
- color: #fff
- }
- form.search-form input.search-field::-moz-placeholder {
- color: #fff
- }
- form.search-form input.search-field:-ms-input-placeholder {
- color: #fff
- }
- form.search-form .submit {
- position: absolute;
- right: 20px;
- top: 50%;
- color: #fff;
- background: none;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- margin-top: -13px
- }
- form.search-form .submit:hover {
- opacity: .75
- }
- .widget-text .textwidget {
- margin-top: -9px
- }
- .widget-text p {
- margin-bottom: 20px
- }
- .widget-text p:last-of-type {
- margin-bottom: 0
- }
- .widget-about .avatar {
- float: left;
- width: 90px;
- height: 90px;
- margin-right: 20px
- }
- .widget-about .avatar a {
- display: block;
- border-radius: 50%;
- overflow: hidden;
- border: 4px solid #00BEC1
- }
- .widget-about .avatar img {
- display: block
- }
- .widget-about .founder {
- margin-top: 0px;
- margin-bottom: 9px;
- font-size: 14px;
- opacity: 0.75
- }
- .widget-about .social {
- background: #00BEC1;
- padding: 2px 25px;
- float: left;
- border-radius: 25px;
- -webkit-box-shadow: 0 3px 12px -1px rgba(7, 10, 25, 0.05), 0 22px 27px -20px rgba(7, 10, 25, 0.05);
- box-shadow: 0 3px 12px -1px rgba(7, 10, 25, 0.05), 0 22px 27px -20px rgba(7, 10, 25, 0.05)
- }
- .widget-about .social a {
- margin: 0 5px;
- font-size: 18px
- }
- .widget-about p {
- margin-top: 15px
- }
- .widget-categories {
- color: #666666
- }
- .widget-categories ul li {
- text-align: right;
- padding-left: 0px;
- background: none;
- line-height: 30px;
- margin-bottom: 10px;
- padding-bottom: 10px;
- border-bottom: 1px solid #F4F4F4
- }
- .widget-categories ul li:last-of-type {
- margin-bottom: 0!important;
- border-bottom: 0;
- padding-bottom: 0
- }
- .widget-categories ul li span {
- display: inline-block;
- padding: 0;
- border-radius: 20px;
- color: #fff;
- background-color: #E84E89;
- width: 25px;
- height: 25px;
- text-align: center;
- line-height: 25px;
- font-size: 12px;
- -webkit-box-sizing: border-box;
- box-sizing: border-box
- }
- #footer .widget-categories ul li span {
- color: #fff
- }
- .widget-categories ul>li {
- clear: both
- }
- .widget-categories ul>li a {
- float: left
- }
- .widget-categories ul>li:after,.widget-categories ul>li:before {
- content: '';
- display: block;
- width: 100%;
- clear: both
- }
- .widget-tag-cloud {
- display: block
- }
- .widget-tag-cloud div.tagcloud {
- margin-left: -3px
- }
- .widget-tag-cloud a {
- font-size: 14px!important;
- margin: 0 2px 8px 0;
- color: #fff
- }
- .widget-tag-cloud a:hover {
- color: #fff
- }
- .widget-tag-cloud a .tag-link-count {
- margin-left: 2px
- }
- #footer .widget-tag-cloud a {
- color: #fff;
- font-size: 15px!important;
- padding: 4px 20px
- }
- #footer .widget-tag-cloud a:before {
- display: none
- }
- #footer .widget-tag-cloud a:hover {
- color: #fff
- }
- .widget-recent-articles .info {
- padding-top: 0px
- }
- .widget-recent-articles .item {
- margin-bottom: 20px;
- position: relative;
- padding-left: 100px;
- min-height: 80px
- }
- .widget-recent-articles .item.no-thumb {
- padding: 0
- }
- .widget-recent-articles .item .title {
- margin-bottom: 0px;
- font-weight: 600
- }
- .widget-recent-articles .item .thumb {
- width: 80px;
- height: 80px;
- border-radius: 50%;
- background: none;
- position: absolute;
- left: 0;
- top: 0;
- padding: 0;
- -webkit-box-shadow: 0 3px 12px -1px rgba(7, 10, 25, 0.2), 0 22px 27px -20px rgba(7, 10, 25, 0.2);
- box-shadow: 0 3px 12px -1px rgba(7, 10, 25, 0.2), 0 22px 27px -20px rgba(7, 10, 25, 0.2)
- }
- .widget-recent-articles .item time {
- font-size: 12px;
- color: #595959
- }
- .widget-recent-articles .item time svg {
- margin-right: 5px;
- width: 14px;
- height: 14px;
- vertical-align: middle;
- margin-top: -3px;
- fill: #595959
- }
- #footer .widget-recent-articles .item time {
- color: #fff
- }
- #footer .widget-recent-articles .item time svg {
- fill: #fff
- }
- .widget-recent-articles .item:last-of-type {
- margin-bottom: 0
- }
- aside .widget-recent-articles .item a:before {
- border: none
- }
- body {
- font: 15px "Poppins", "Nunito Sans", "Montserrat", sans-serif;
- line-height: 1.8;
- font-weight: 400;
- color: #333;
- background: #F9F6F6;
- -webkit-overflow-scrolling: touch;
- margin: 0 auto;
- letter-spacing: 0.3px;
- background: fixed -webkit-gradient(linear, left top, right bottom, from(#6d327c), color-stop(#485DA6), color-stop(#00a1ba), color-stop(#01b18e), to(#32b37b));
- background: fixed -webkit-linear-gradient(left top, #6d327c, #485DA6, #00a1ba, #01b18e, #32b37b);
- background: fixed -o-linear-gradient(left top, #6d327c, #485DA6, #00a1ba, #01b18e, #32b37b);
- background: fixed linear-gradient(to right bottom, #6d327c, #485DA6, #00a1ba, #01b18e, #32b37b)
- }
- .nice-select .list,[data-aos^=fade][data-aos^=fade] {
- opacity: 0
- }
- .lazy,[data-lazy=true] {
- opacity: 0;
- -webkit-transition: all 300ms ease;
- -moz-transition: all 300ms ease;
- -ms-transition: all 300ms ease;
- -o-transition: all 300ms ease;
- transition: all 300ms ease
- }
- .lazy.loaded,[data-lazy=true].loaded {
- opacity: 1
- }
- img {
- max-width: 100%;
- height: auto
- }
- a {
- color: #333;
- -webkit-transition: all 300ms ease;
- -moz-transition: all 300ms ease;
- -ms-transition: all 300ms ease;
- -o-transition: all 300ms ease;
- transition: all 300ms ease
- }
- a:hover {
- color: #00BEC1
- }
- a img {
- -webkit-backface-visibility: hidden;
- -moz-backface-visibility: hidden;
- -ms-backface-visibility: hidden;
- backface-visibility: hidden;
- -webkit-transition: all 300ms ease;
- -moz-transition: all 300ms ease;
- -ms-transition: all 300ms ease;
- -o-transition: all 300ms ease;
- transition: all 300ms ease
- }
- i.fa,i.icon {
- font-style: normal!important
- }
- .no-margin {
- margin: 0!important
- }
- .alignleft {
- float: left!important
- }
- .alignright {
- float: right!important
- }
- .aligncenter {
- display: block;
- margin: 0 auto
- }
- .textleft {
- text-align: left!important
- }
- .textright {
- text-align: right!important
- }
- .textcenter {
- text-align: center!important
- }
- .fw-normal {
- font-weight: normal!important
- }
- .fw-bold {
- font-weight: bold!important
- }
- .uppercase {
- text-transform: uppercase
- }
- .overflow {
- overflow: hidden
- }
- .cover {
- background-repeat: no-repeat!important;
- background-position: center center!important;
- -webkit-background-size: cover!important;
- -moz-background-size: cover!important;
- -o-background-size: cover!important;
- background-size: cover!important
- }
- .parallax {
- background-attachment: fixed!important
- }
- hr {
- border: 0;
- border-top: 1px solid #F4F4F4;
- height: 1px;
- margin: 0 0 20px
- }
- .grid-container {
- max-width: 1200px
- }
- .grid-container.grid-usmall {
- max-width: 600px
- }
- .grid-container.grid-small {
- max-width: 780px
- }
- .grid-container.grid-medium {
- max-width: 900px
- }
- .row {
- margin-left: -20px;
- margin-right: -20px
- }
- .section {
- padding-top: 50px;
- padding-bottom: 50px
- }
- .bg-white {
- -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
- box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
- background: #fff;
- border-radius: 15px;
- padding: 40px
- }
- .fullwidth {
- display: block;
- width: 100%;
- height: auto
- }
- .thumb {
- position: relative;
- z-index: 1;
- min-height: 80px
- }
- .full-link,.thumb .fullimage {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%!important;
- z-index: 1
- }
- .full-link {
- z-index: 10
- }
- .content {
- margin-top: 60px
- }
- .mfp-close {
- font-size: 40px!important
- }
- .ctag-bgstyle,.ctag-fullcover,li.tag-bgstyle,li.tag-fullcover {
- display: none!important
- }
- .pace {
- -webkit-pointer-events: none;
- pointer-events: none;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none
- }
- .pace-inactive {
- display: none
- }
- .pace .pace-progress {
- background: #fff;
- position: fixed;
- z-index: 2000;
- top: 0;
- right: 100%;
- width: 100%;
- height: 2px
- }
- .pace .pace-activity {
- display: block;
- position: fixed;
- z-index: 2000;
- top: 15px;
- right: 15px;
- width: 14px;
- height: 14px;
- border: solid 2px transparent;
- border-top-color: #fff;
- border-left-color: #fff;
- border-radius: 10px;
- -webkit-animation: pace-spinner 400ms linear infinite;
- animation: pace-spinner 400ms linear infinite
- }
- @-webkit-keyframes pace-spinner {
- 0% {
- -webkit-transform: rotate(0deg);
- transform: rotate(0deg);
- transform: rotate(0deg)
- }
- to {
- -webkit-transform: rotate(360deg);
- transform: rotate(360deg);
- transform: rotate(360deg)
- }
- }
- @keyframes pace-spinner {
- 0% {
- -webkit-transform: rotate(0deg);
- transform: rotate(0deg);
- transform: rotate(0deg)
- }
- to {
- -webkit-transform: rotate(360deg);
- transform: rotate(360deg);
- transform: rotate(360deg)
- }
- }
- .epcl-banner {
- padding-bottom: 0
- }
- .epcl-banner img.custom-image {
- display: block;
- margin: 0 auto
- }
- #search-lightbox .title {
- margin-top: 10px
- }
- #search-lightbox .title span {
- font-weight: bold
- }
- #search-lightbox .search-wrapper {
- padding: 0px 40px
- }
- #search-lightbox .mfp-close {
- display: none
- }
- #search-results {
- position: relative;
- z-index: 1
- }
- #search-results h2 {
- padding: 0 20px;
- text-align: center
- }
- #search-results div.box {
- margin-top: 20px;
- padding: 0 20px
- }
- #search-results article {
- background: #fff;
- border-radius: 15px;
- padding: 20px
- }
- #search-results article .title {
- margin-bottom: 5px
- }
- #search-results article iframe,#search-results article img {
- display: none
- }
- #author {
- padding: 30px;
- position: relative;
- z-index: 1;
- text-align: center;
- background: rgba(0, 0, 0, 0.15);
- color: #fff;
- margin-top: 50px;
- border-radius: 15px
- }
- #author div.avatar {
- position: absolute;
- left: 50%;
- top: 0;
- z-index: 2;
- width: 88px;
- margin: -44px 0 0 -44px
- }
- #author div.avatar a {
- display: block;
- border-radius: 50%;
- overflow: hidden;
- border: 4px solid #00BEC1
- }
- #author div.avatar img {
- display: block
- }
- #author #single.fullcover .featured-image .top,#author div.info,#single.fullcover .featured-image #author .top {
- font-size: 16px;
- max-width: 75%;
- margin: 0 auto
- }
- #author div.social {
- margin-top: 15px
- }
- #author div.social a {
- display: inline-block;
- margin: 0 12px;
- color: #fff;
- font-size: 22px
- }
- #author div.social a:hover {
- -webkit-transform: translateY(-2px);
- -ms-transform: translateY(-2px);
- transform: translateY(-2px)
- }
- #author .author-name {
- margin-top: 35px;
- margin-bottom: 20px;
- line-height: 1
- }
- #author .author-name a,#author .title {
- color: #fff
- }
- div.text {
- font-size: 17px;
- line-height: 2;
- font-weight: 400
- }
- div.text b,div.text strong {
- font-weight: 600
- }
- div.text iframe {
- max-width: 100%
- }
- div.text hr {
- display: inline-block;
- width: 100%
- }
- div.text div#map_canvas img,div.text div.ep-map img {
- max-width: none!important;
- height: inherit
- }
- div.text img {
- max-width: 100%;
- height: auto;
- border-radius: 7px
- }
- div.text img.alignleft {
- margin: 0 24px 24px 0
- }
- div.text img.alignright {
- margin: 0 0 24px 24px
- }
- div.text img.aligncenter {
- margin-bottom: 0
- }
- div.text h1,div.text h2,div.text h3,div.text h4,div.text h5,div.text h6 {
- font-weight: 700;
- font-family: "Montserrat", sans-serif
- }
- div.text h1 {
- font-size: 34px;
- padding-top: 19.84px;
- margin-bottom: 12.16px;
- line-height: 1.3
- }
- div.text h2 {
- font-size: 28px;
- padding-top: 14.4px;
- margin-bottom: 17.6px;
- line-height: 1.4
- }
- div.text h3 {
- font-size: 24px;
- padding-top: 20.8px;
- margin-bottom: 14.4px;
- line-height: 1.5
- }
- div.text h4 {
- font-size: 18px;
- padding-top: 8px;
- margin-bottom: 24px
- }
- div.text h5 {
- font-size: 16px;
- padding-top: 8px;
- margin-bottom: 24px
- }
- div.text h6 {
- font-size: 14px;
- padding-top: 8px;
- margin-bottom: 24px
- }
- div.text a:not([class]) {
- color: #E84E89
- }
- div.text a:not([class]):hover {
- color: #333;
- border-color: #333
- }
- div.text .ep-shortcode a:hover,div.text a.ep-shortcode:hover {
- text-decoration: none
- }
- div.text ol,div.text ul {
- margin: 0 0 0 25px
- }
- div.text ul,div.text ul li {
- list-style-type: disc;
- list-style-position: inside;
- position: relative
- }
- div.text ol,div.text ol li {
- list-style-type: decimal;
- list-style-position: inside
- }
- div.text ol ol {
- list-style: upper-alpha
- }
- div.text ol ol ol {
- list-style: lower-roman
- }
- div.text ol ol ol ol {
- list-style: lower-alpha
- }
- div.text ol ol,div.text ol ul,div.text ul ol,div.text ul ul {
- margin-bottom: 0;
- padding-bottom: 0;
- padding-top: 10px
- }
- div.text dl {
- margin: 0 1.5em
- }
- div.text dt {
- font-weight: 600
- }
- div.text dd {
- margin-bottom: 15px
- }
- div.text abbr,div.text acronym {
- border-bottom: 1px dotted;
- cursor: help
- }
- div.text ins {
- text-decoration: none
- }
- div.text blockquote,div.text dd,div.text pre {
- margin-bottom: 20px
- }
- div.text blockquote {
- padding: 20px 50px;
- margin: 0 0 25px 0;
- border-left: 0;
- font-style: italic;
- position: relative;
- z-index: 1
- }
- div.text blockquote:before {
- content: '';
- position: absolute;
- left: 0;
- top: 0;
- width: 6px;
- height: 100%;
- background: #00BEC1;
- border-radius: 6px
- }
- div.text blockquote cite {
- opacity: .85
- }
- div.text blockquote ul {
- padding-bottom: 0
- }
- div.text blockquote p {
- padding-top: 0
- }
- div.text blockquote p:last-of-type {
- margin-bottom: 0
- }
- div.text pre {
- overflow: auto;
- max-width: 100%;
- max-height: 400px;
- font-size: 15px
- }
- div.text code:not([class*=language-]),div.text pre:not([class*=language-]) {
- font-family: Monaco, monospace;
- background: #f9f9f9;
- color: #555;
- border: 1px solid #ddd;
- border-radius: 7px
- }
- div.text code:not([class*=language-]) {
- padding: 3px 8px;
- margin: 0 1px;
- font-size: 16px;
- display: inline-block
- }
- div.text pre:not([class*=language-]) {
- padding: 25px;
- line-height: 1.8;
- overflow: auto
- }
- div.text pre:not([class*=language-]) code:not([class*=language-]) {
- border: 0
- }
- div.text pre:not([class*=language-]) ol {
- margin: 0 0 0 35px;
- padding: 0;
- list-style: decimal;
- list-style-position: outside
- }
- div.text pre:not([class*=language-]) ol li {
- padding-bottom: 0;
- list-style-position: outside
- }
- div.text table {
- text-align: center;
- border: 1px solid #ccc;
- width: 100%;
- max-width: 100%
- }
- div.text table,div.text table td,div.text table th {
- border: 1px solid #ddd;
- padding: 7px 15px;
- text-align: center
- }
- div.text table th {
- font-weight: 600
- }
- div.text .gallery dl {
- margin: 0
- }
- div.text address {
- font-style: italic;
- margin-bottom: 25px
- }
- div.text .gallery-caption {
- color: #333
- }
- div.text .bypostauthor {
- color: #333
- }
- div.text .aligncenter,div.text div.aligncenter {
- display: block;
- margin-left: auto;
- margin-right: auto;
- margin-bottom: 24px
- }
- div.text .alignright {
- float: right;
- margin: 0px 0 24px 24px
- }
- div.text .alignleft {
- float: left;
- margin: 0px 24px 24px 0
- }
- div.text .wp-caption {
- background: #fff;
- border: 1px solid #F4F4F4;
- max-width: 96%;
- padding: 8px 3px 10px!important;
- text-align: center;
- margin-bottom: 25px;
- border-radius: 7px
- }
- div.text .wp-caption img {
- border: 0 none;
- height: auto;
- margin: 0;
- max-width: 98.5%;
- padding: 0;
- width: auto
- }
- div.text .wp-caption p.wp-caption-text {
- font-size: 12px;
- line-height: 17px;
- margin: 0;
- padding: 0 4px
- }
- div.text .attachment a:not(.button),div.text .gallery a:not(.button),div.text .wp-caption a:not(.button),div.text div a:not(.button) {
- border: 0
- }
- div.text .screen-reader-text {
- border: 0;
- clip: rect(1px, 1px, 1px, 1px);
- -webkit-clip-path: inset(50%);
- clip-path: inset(50%);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute!important;
- width: 1px;
- word-wrap: normal!important
- }
- div.text .screen-reader-text:focus {
- background-color: #eee;
- clip: auto!important;
- -webkit-clip-path: none;
- clip-path: none;
- color: #444;
- display: block;
- font-size: 1em;
- height: auto;
- left: 5px;
- line-height: normal;
- padding: 15px 23px 14px;
- text-decoration: none;
- top: 5px;
- width: auto;
- z-index: 100000
- }
- div.text .epcl-gallery ul {
- margin: 0 -10px
- }
- div.text .epcl-gallery ul li {
- list-style: none;
- padding-bottom: 20px;
- padding: 0 5px 10px
- }
- div.text figure,div.text iframe,div.text p {
- padding-top: 8px;
- margin-bottom: 24px
- }
- div.text blockquote,div.text hr,div.text pre,div.text table {
- margin-top: 8px;
- margin-bottom: 24px
- }
- div.text li {
- padding-bottom: 8px
- }
- div.text ol,div.text ul {
- margin-bottom: 24px
- }
- div.text ol li:last-of-type,div.text ul li:last-of-type {
- padding-bottom: 0
- }
- div.text>:first-child {
- padding-top: 0
- }
- div.text figure {
- margin-bottom: 25px
- }
- div.text figure figcaption {
- text-align: center;
- font-size: 90%;
- opacity: .75;
- margin-top: 5px
- }
- div.text .kg-image-card {
- width: 60%;
- margin: 0 auto 25px
- }
- div.text .kg-image-card.kg-width-wide {
- width: 85%
- }
- div.text .kg-image-card.kg-width-full {
- width: 100%
- }
- div.text .kg-embed-card twitterwidget {
- margin: 0 auto!important
- }
- div.text .kg-embed-card iframe {
- margin-bottom: 0;
- display: block;
- width: 100%;
- height: 400px
- }
- div.text .kg-embed-card figcaption {
- margin-top: 10px
- }
- div.text .kg-gallery-container {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column
- }
- div.text .kg-gallery-container a {
- border-radius: 7px;
- background: none
- }
- div.text .kg-gallery-container a:hover {
- background: #000
- }
- div.text .kg-gallery-row {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center
- }
- div.text .kg-gallery-image img {
- display: block;
- margin: 0;
- width: 100%;
- height: 100%
- }
- div.text .kg-gallery-row:not(:first-of-type) {
- margin: 0.75em 0 0 0
- }
- div.text .kg-gallery-image:not(:first-of-type) {
- margin: 0 0 0 0.75em
- }
- #header div.menu-mobile {
- display: none
- }
- #header div.menu-wrapper {
- padding: 50px 0px 0;
- border-radius: 15px
- }
- #header .logo {
- text-align: center;
- margin: 5px auto;
- float: left
- }
- #header .logo a {
- display: block;
- color: #fff
- }
- #header .logo a i.fa {
- margin-right: 10px;
- vertical-align: middle;
- position: relative;
- top: -3px
- }
- #header .logo a img {
- display: block;
- max-width: 100%;
- height: auto;
- margin: 0 auto
- }
- #header .logo.text-logo {
- margin-top: 12px
- }
- #header nav {
- position: relative;
- z-index: 100;
- text-align: right;
- float: right;
- margin-top: 5px
- }
- #header nav ul.menu {
- font-size: 0px
- }
- #header nav ul.menu li {
- display: inline-block;
- padding: 20px 15px 20px;
- position: relative
- }
- #header nav ul.menu li a {
- display: inline-block;
- font-family: "Montserrat", sans-serif;
- font-size: 18px;
- font-weight: 600;
- line-height: 1.45;
- letter-spacing: 0.5px;
- position: relative;
- z-index: 1;
- color: #fff
- }
- #header nav ul.menu li a.lightbox {
- background: none
- }
- #header nav ul.menu li a.lightbox:hover {
- -webkit-transform: translateY(-2px);
- -ms-transform: translateY(-2px);
- transform: translateY(-2px)
- }
- #header nav ul.menu li.current-menu-ancestor>a,#header nav ul.menu li.current-menu-item>a,#header nav ul.menu li a:hover {
- background-size: 100% 4px
- }
- #header nav ul.menu li.current-menu-ancestor>a:after,#header nav ul.menu li.current-menu-item>a:after,#header nav ul.menu li a:hover:after {
- opacity: 1;
- width: 100%
- }
- #header nav ul.sub-menu {
- position: absolute;
- left: 0;
- top: 100%;
- z-index: 100;
- padding: 15px 0;
- background: #fff;
- border-radius: 7px;
- min-width: 250px;
- text-align: left;
- left: -10px;
- opacity: 0;
- visibility: hidden;
- -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
- box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
- -webkit-transform: translateY(-15px);
- -ms-transform: translateY(-15px);
- transform: translateY(-15px);
- -webkit-transition: all 500ms ease;
- -moz-transition: all 500ms ease;
- -ms-transition: all 500ms ease;
- -o-transition: all 500ms ease;
- transition: all 500ms ease
- }
- #header nav ul.sub-menu li {
- display: block;
- padding: 0
- }
- #header nav ul.sub-menu li a {
- display: block;
- font-family: "Poppins", "Nunito Sans", "Montserrat", sans-serif;
- font-size: 14px;
- font-weight: 500;
- color: #333;
- padding: 10px 25px
- }
- #header nav ul.sub-menu li a:hover {
- color: #333;
- background: #f6f6f6
- }
- #header nav ul.sub-menu ul.sub-menu {
- left: 100%;
- top: -15px;
- -webkit-transform: scale(1) translateX(-10px);
- -ms-transform: scale(1) translateX(-10px);
- transform: scale(1) translateX(-10px)
- }
- #header nav ul.menu li:hover>ul.sub-menu {
- opacity: 1;
- visibility: visible;
- -webkit-transform: scale(1) translateY(0px);
- -ms-transform: scale(1) translateY(0px);
- transform: scale(1) translateY(0px)
- }
- #header .subscribe.button {
- float: right;
- margin: 16px 0 0 25px;
- font-size: 15px
- }
- #header .subscribe.button .fa {
- font-size: 16px;
- margin-left: 3px;
- margin-top: -1px;
- margin-right: 0
- }
- #header .share-buttons {
- float: right;
- background: rgba(0, 0, 0, 0.15);
- padding: 5px 25px;
- border-radius: 25px;
- font-size: 20px;
- margin: 15px 0 0 15px;
- position: relative;
- z-index: 101
- }
- #header .share-buttons a {
- display: inline-block;
- color: #fff;
- margin: 0 7px;
- position: relative;
- z-index: 2
- }
- #header .share-buttons a:hover {
- -webkit-transform: translateY(-2px);
- -ms-transform: translateY(-2px);
- transform: translateY(-2px)
- }
- #header div.border {
- border-bottom: 2px solid rgba(255, 255, 255, 0.25);
- margin-top: 40px
- }
- @-webkit-keyframes headerPinnedSlideDown {
- 0% {
- top: -100%
- }
- to {
- top: 0
- }
- }
- @keyframes headerPinnedSlideDown {
- 0% {
- top: -100%
- }
- to {
- top: 0
- }
- }
- #footer {
- margin-top: 100px
- }
- #footer .widgets {
- color: #fff
- }
- #footer .widgets .widget {
- margin-bottom: 60px
- }
- #footer .widgets .default-sidebar,#footer .widgets .mobile-sidebar {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -ms-flex-flow: row wrap;
- flex-flow: row wrap
- }
- #footer .widgets .grid-33 {
- -webkit-box-flex: 1;
- -ms-flex-positive: 1;
- flex-grow: 1
- }
- #footer .widgets .title.bordered:after {
- background: rgba(255, 255, 255, 0.25)
- }
- #footer .widgets a {
- color: #fff
- }
- #footer .widgets div.border {
- border-bottom: 2px solid rgba(255, 255, 255, 0.25);
- margin: 0px 20px
- }
- #footer .logo {
- margin: 50px 20px 20px;
- text-align: center
- }
- #footer .logo a i.fa {
- margin-right: 5px
- }
- #footer a#back-to-top {
- position: fixed;
- right: 20px;
- bottom: 20px;
- text-align: center;
- z-index: 99;
- border: 0;
- width: 40px;
- height: 40px;
- text-align: center;
- line-height: 40px;
- padding: 0
- }
- #footer a#back-to-top img {
- vertical-align: middle
- }
- #footer a#back-to-top i.fa {
- margin: 0
- }
- #footer .post .thumb {
- min-height: 80px
- }
- #footer .published {
- text-align: center;
- color: rgba(255, 255, 255, 0.5);
- margin-bottom: 50px;
- font-size: 12px
- }
- #footer .published a {
- color: #fff
- }
- div.articles {
- padding: 0;
- margin-top: 20px
- }
- div.articles .separator.last {
- margin-top: -1px
- }
- div.articles h3.title {
- margin-bottom: 20px
- }
- div.articles article {
- padding-top: 10px;
- padding-bottom: 40px
- }
- div.articles article .article-wrapper {
- background: #fff;
- border-radius: 15px;
- position: relative;
- z-index: 1;
- text-align: center;
- padding: 20px 20px 0;
- -webkit-box-shadow: 0 3px 12px -1px rgba(7, 10, 25, 0.05), 0 22px 27px -20px rgba(7, 10, 25, 0.05);
- box-shadow: 0 3px 12px -1px rgba(7, 10, 25, 0.05), 0 22px 27px -20px rgba(7, 10, 25, 0.05)
- }
- div.articles article .featured-image {
- border-top-left-radius: 15px;
- border-top-right-radius: 15px;
- overflow: hidden
- }
- div.articles article a.thumb {
- min-height: 225px
- }
- div.articles article div.meta {
- margin: 20px 0 10px
- }
- div.articles article .main-title {
- font-size: 22px;
- margin-bottom: 10px;
- line-height: 1.35
- }
- div.articles article div.post-excerpt {
- margin-bottom: 40px
- }
- div.articles article iframe {
- display: block;
- max-height: 500px;
- width: 100%
- }
- div.articles article.no-thumb div.meta {
- margin-top: 5px
- }
- div.articles article.sticky {
- background: inherit
- }
- div.articles article.no-author div.post-excerpt {
- margin-bottom: 30px
- }
- div.articles article.tag-bgstyle {
- color: #fff
- }
- div.articles article.tag-bgstyle .article-wrapper {
- padding-top: 40px
- }
- div.articles article.tag-bgstyle a {
- color: #fff
- }
- div.articles article.tag-bgstyle .fa {
- color: #fff
- }
- div.articles article.tag-bgstyle .author-meta {
- border-color: rgba(255, 255, 255, 0.5)
- }
- div.articles article.tag-bgstyle .author-meta a:hover {
- color: #fff;
- opacity: .75
- }
- div.articles article.tag-bgstyle .overlay {
- position: absolute;
- left: 0;
- bottom: 0;
- width: 100%;
- height: 100%;
- z-index: -1;
- border-radius: 15px;
- opacity: .7;
- background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
- background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
- background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
- background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
- -webkit-transition: all 300ms ease;
- -moz-transition: all 300ms ease;
- -ms-transition: all 300ms ease;
- -o-transition: all 300ms ease;
- transition: all 300ms ease
- }
- div.articles article.tag-bgstyle:hover .overlay {
- opacity: 1
- }
- div.articles article.tag-bgstyle svg {
- fill: #fff!important
- }
- div.articles .post-format-wrapper {
- position: relative;
- z-index: 2;
- margin: -20px -20px 0;
- margin-bottom: 23px
- }
- div.articles .post-format-wrapper.hidden {
- display: none
- }
- time {
- text-transform: capitalize
- }
- div.meta {
- color: #333
- }
- div.meta .fa {
- font-size: 15px;
- vertical-align: middle;
- margin-right: 5px;
- position: relative;
- z-index: 1;
- color: #E84E89
- }
- div.meta time {
- display: inline-block;
- font-size: 14px;
- font-weight: 500;
- margin-bottom: 0
- }
- div.meta time .fa {
- vertical-align: middle;
- margin-top: -3px
- }
- div.meta svg {
- width: 18px;
- height: 18px;
- vertical-align: middle;
- margin-right: 3px;
- fill: #E84E89;
- margin-top: -2px
- }
- div.meta a.comments {
- color: #555
- }
- div.meta a.comments span.disqus-comment-count {
- font-size: 12px
- }
- div.meta a.comments i.fa {
- margin-right: 3px;
- font-size: 14px;
- top: -2px
- }
- div.meta a:hover {
- color: #E84E89
- }
- .author-meta {
- border-top: 2px solid #F4F4F4;
- margin: 0 -20px;
- padding: 15px 20px;
- line-height: 1;
- font-size: 14px;
- font-weight: 500;
- letter-spacing: 0.3px
- }
- .author-meta .author-image {
- display: block;
- width: 35px;
- height: 35px;
- border-radius: 50%;
- float: left;
- margin-right: 13px;
- background-color: #111;
- -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.25);
- box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.25)
- }
- .author-meta a.author {
- float: left;
- display: block;
- line-height: 35px;
- font-size: 14px;
- color: #333;
- text-align: right
- }
- .author-meta a.author .author-name {
- display: inline-block;
- letter-spacing: 0.5px
- }
- .author-meta a.author .author-count {
- display: block;
- color: #666666;
- line-height: 1;
- margin-top: -4px;
- letter-spacing: 0.75px
- }
- .author-meta a.author:hover {
- color: #E84E89
- }
- .author-meta .meta-info {
- line-height: 35px;
- margin-left: 15px;
- color: #555
- }
- .author-meta .meta-info i.fa,.author-meta .meta-info svg {
- font-size: 18px;
- margin-left: 2px;
- top: -2px;
- position: relative;
- vertical-align: middle;
- color: #E84E89
- }
- .author-meta .meta-info.comments i.fa,.author-meta .meta-info.comments svg {
- font-size: 17px;
- top: -2px;
- position: relative;
- vertical-align: middle;
- margin-left: 4px
- }
- .author-meta .meta-info.comments svg {
- width: 18px;
- height: 18px;
- fill: #E84E89
- }
- .author-meta a.meta-info:hover {
- color: #E84E89
- }
- .pagination {
- text-align: center;
- padding-bottom: 0
- }
- #single .pagination {
- border: 0;
- padding-top: 0
- }
- .pagination div.nav {
- display: inline-block
- }
- .pagination div.nav>span {
- display: inline-block;
- margin: 0 10px;
- height: 40px;
- font-size: 14px;
- letter-spacing: 0.5px;
- font-weight: 600;
- color: #fff;
- line-height: 40px;
- padding: 0 15px;
- font-family: "Montserrat", sans-serif;
- border-radius: 25px;
- text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15)
- }
- .pagination div.nav a {
- vertical-align: top;
- display: inline-block;
- padding: 0 20px;
- height: 36px;
- line-height: 36px;
- border-radius: 25px
- }
- .pagination div.nav a span {
- padding: 0;
- margin: 0
- }
- .pagination.link-pages div.nav>span,.pagination.link-pages div.nav a {
- margin: 0 5px 5px
- }
- div.left-content {
- margin-right: 0;
- padding-left: 0;
- padding-right: 40px
- }
- div.left-content article {
- -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
- box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
- background: #fff;
- border-radius: 15px;
- padding: 40px
- }
- .classic div.left-content {
- padding-top: 0;
- padding-bottom: 0
- }
- .grid-sidebar div.left-content {
- padding: 0
- }
- .no-active-sidebar div.left-content {
- width: auto;
- float: none
- }
- #sidebar {
- border: 0;
- position: relative;
- z-index: 2;
- float: right;
- padding: 0
- }
- #sidebar:before {
- content: ''!important;
- height: 100%!important;
- position: absolute;
- left: -1px;
- top: 0;
- z-index: 2;
- width: 1px;
- visibility: visible!important
- }
- #sidebar .widget {
- position: relative;
- -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
- box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
- background: #fff;
- border-radius: 15px;
- padding: 30px;
- margin-bottom: 30px
- }
- #sidebar .widget:last-child {
- margin-bottom: 0
- }
- #sidebar .widget:after {
- content: '';
- display: block;
- position: absolute;
- left: 25px;
- bottom: 0;
- right: 20px
- }
- .grid-sidebar #sidebar .widget:first-child {
- padding-top: 25px
- }
- #sidebar.is-affixed .inner-wrapper-sticky {
- padding: 0 20px
- }
- #page h2.title {
- margin-bottom: 10px;
- font-size: 28px
- }
- #page .content {
- border-top-left-radius: 10px;
- border-top-right-radius: 10px
- }
- #page .post-content {
- padding-top: 0
- }
- #page .no-thumb .featured-image {
- display: none
- }
- #page .no-thumb.fullcover .widget_search {
- border-top-right-radius: 7px
- }
- #page.fullwidth .left-content {
- border: 0
- }
- #archives .module-wrapper.no-counter,#home .module-wrapper.no-counter {
- margin-top: 50px
- }
- #archives .module-wrapper.no-filters .content,#home .module-wrapper.no-filters .content {
- border-top-right-radius: 7px;
- border-top-left-radius: 7px
- }
- .tag-description {
- color: #fff;
- border-radius: 15px;
- -webkit-box-shadow: 0 3px 12px -1px rgba(7, 10, 25, 0.05), 0 22px 27px -20px rgba(7, 10, 25, 0.05);
- box-shadow: 0 3px 12px -1px rgba(7, 10, 25, 0.05), 0 22px 27px -20px rgba(7, 10, 25, 0.05);
- position: relative;
- z-index: 1;
- font-size: 17px;
- padding: 60px 0;
- margin-top: 30px
- }
- .tag-description .title {
- margin-top: 5px;
- margin-bottom: 20px;
- display: inline-block
- }
- .tag-description .overlay {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- z-index: -1;
- background-color: rgba(0, 0, 0, 0.15);
- border-radius: 15px
- }
- .tag-description .icon {
- position: absolute;
- left: 50%;
- top: 0;
- z-index: 2;
- width: 80px;
- height: 80px;
- margin: -44px 0 0 -44px;
- border: 4px solid #00BEC1;
- background: #00BEC1;
- color: #fff;
- border-radius: 50%;
- font-size: 40px;
- line-height: 100px;
- -webkit-box-shadow: 0 3px 12px -1px rgba(7, 10, 25, 0.05), 0 22px 27px -20px rgba(7, 10, 25, 0.05);
- box-shadow: 0 3px 12px -1px rgba(7, 10, 25, 0.05), 0 22px 27px -20px rgba(7, 10, 25, 0.05)
- }
- .tag-description .icon svg {
- fill: #fff;
- width: 50px;
- height: 50px
- }
- #page-404 div.not-found {
- color: #fff;
- max-width: 75%;
- margin: 0 auto;
- background: rgba(0, 0, 0, 0.15);
- text-align: center;
- margin-bottom: 30px;
- margin-top: -10px;
- border-radius: 25px
- }
- #page-404 div.not-found .title {
- color: #fff;
- margin: 0
- }
- #page-404 div.not-found .title strong {
- font-size: 150%
- }
- #page-404 div.not-found i.fa {
- font-size: 120px;
- margin: 0px 0px 20px
- }
- #page-404 div.text {
- color: #fff
- }
- #page-404 div.text .title {
- padding-bottom: 5px
- }
- #page-404 div.buttons {
- margin-top: 10px;
- text-align: center
- }
- #page-subscribe .title {
- display: inline-block
- }
- #page-subscribe .title.bordered:after {
- background: rgba(255, 255, 255, 0.25)
- }
- #page-subscribe header nav a {
- color: #fff
- }
- #page-subscribe header nav a i.fa {
- font-size: 16px;
- margin-right: 3px
- }
- #page-subscribe section {
- border-radius: 15px;
- padding: 50px;
- margin-top: 50px;
- color: #fff
- }
- #page-subscribe section header h1.title {
- margin-bottom: 20px
- }
- #page-subscribe section header p {
- opacity: 0.75;
- font-weight: 500
- }
- #page-subscribe form {
- margin-top: 30px;
- background: rgba(0, 0, 0, 0.15);
- padding: 50px;
- border-radius: 15px
- }
- #page-subscribe .main-error {
- color: #fff;
- margin-top: 20px
- }
- div.epcl-share-container {
- position: absolute;
- z-index: 100;
- margin-left: -85px;
- margin-top: 0px;
- height: 0!important
- }
- div.epcl-share {
- border-radius: 25px;
- overflow: hidden;
- background: #fff;
- width: 50px;
- padding: 5px 2px;
- -webkit-box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.1);
- box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.1)
- }
- div.epcl-share a {
- display: block;
- color: #E84E89;
- height: 45px;
- font-size: 17px;
- line-height: 45px;
- text-align: center
- }
- div.epcl-share a:hover {
- -webkit-transform: translateX(2px);
- -ms-transform: translateX(2px);
- transform: translateX(2px)
- }
- div.epcl-share a:first-child {
- border: 0
- }
- div.epcl-share a.location {
- color: #E84E89
- }
- div.epcl-share a.website {
- color: #6ca100
- }
- div.epcl-share a.whatsapp {
- color: #1FB381
- }
- div.epcl-share a.facebook {
- color: #3B5998
- }
- div.epcl-share a.twitter {
- color: #00ACED
- }
- div.epcl-share a.googleplus {
- color: #DD4B39
- }
- div.epcl-share a.pinterest {
- color: #bd081c!important
- }
- div.epcl-share a.linkedin {
- color: #0077b5!important
- }
- div.epcl-share a.telegram {
- color: #0088cc!important
- }
- div.epcl-share a.vk {
- color: #45668e!important
- }
- .no-sidebar #sidebar {
- display: none
- }
- .no-sidebar div.left-content {
- width: auto;
- border: 0;
- margin-right: 0;
- float: none
- }
- .no-sidebar div.left-content .featured-image {
- border-top-right-radius: 7px;
- overflow: hidden
- }
- #single {
- }
- #single .absolute.widget-tag-cloud,#single div.tags.absolute {
- position: absolute;
- left: 30px;
- top: 30px;
- text-align: left
- }
- #single .absolute.widget-tag-cloud a,#single div.tags.absolute a {
- margin-right: 5px;
- margin-left: 0
- }
- #single div.meta {
- font-size: 14px;
- font-weight: 500
- }
- #single div.meta .meta-info {
- margin-right: 20px;
- font-size: 14px
- }
- #single div.meta .meta-info i.fa {
- color: #E84E89;
- font-size: 15px;
- vertical-align: middle;
- margin-right: 5px
- }
- #single div.meta .author .author-image {
- width: 24px;
- height: 24px;
- position: relative;
- left: auto;
- top: -1px;
- display: inline-block;
- vertical-align: middle;
- margin-right: 7px;
- border-radius: 50%;
- -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.2);
- box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.2)
- }
- #single div.meta time i.fa {
- margin-top: -3px
- }
- #single div.meta .comments span {
- font-size: 14px
- }
- #single.fullcover .featured-image {
- height: 400px;
- position: relative;
- z-index: 1;
- border-radius: 15px;
- overflow: hidden;
- margin-bottom: 50px
- }
- #single.fullcover .featured-image:before {
- content: '';
- position: absolute;
- left: 0;
- bottom: 0;
- width: 100%;
- height: 30%;
- background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
- background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
- background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
- background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%)
- }
- #single.fullcover .featured-image .top {
- position: absolute;
- left: 0;
- top: 0;
- z-index: 2;
- font-size: 14px
- }
- #single.fullcover .featured-image .top a {
- color: #fff
- }
- #single.fullcover .featured-image .top svg {
- fill: #fff
- }
- #single.fullcover .featured-image .top i {
- font-size: 15px!important;
- color: #fff!important
- }
- #single.fullcover .featured-image .top,#single.fullcover .featured-image div.info {
- padding: 40px 40px;
- position: absolute;
- left: 0;
- bottom: 0;
- z-index: 3;
- color: #fff;
- text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.3)
- }
- #single.fullcover .featured-image .top .title,#single.fullcover .featured-image div.info .title {
- margin-bottom: 0
- }
- #single.fullcover .featured-image .top .widget-tag-cloud,#single.fullcover .featured-image .top div.tags,#single.fullcover .featured-image div.info .widget-tag-cloud,#single.fullcover .featured-image div.info div.tags {
- text-shadow: none;
- margin-bottom: 10px
- }
- #single.fullcover .featured-image .top .widget-tag-cloud a,#single.fullcover .featured-image .top div.tags a,#single.fullcover .featured-image div.info .widget-tag-cloud a,#single.fullcover .featured-image div.info div.tags a {
- margin-left: 0;
- margin-right: 5px
- }
- #single.fullcover .featured-image .top time,#single.fullcover .featured-image div.info time {
- opacity: 1;
- margin-right: 20px;
- color: #fff
- }
- #single.fullcover .featured-image .top time svg,#single.fullcover .featured-image div.info time svg {
- fill: #fff
- }
- #single.standard .featured-image {
- border-radius: 15px;
- overflow: hidden;
- position: relative;
- margin-bottom: 35px
- }
- #single.standard .featured-image img {
- display: block;
- width: 100%;
- height: auto
- }
- #single.standard div.meta .title {
- margin-top: 20px;
- margin-bottom: 30px
- }
- #single.fullcover div.meta .download {
- color: #fff
- }
- #single .share-buttons {
- text-align: center;
- border-top: 1px solid #F4F4F4;
- border-bottom: 1px solid #F4F4F4;
- margin-top: 50px
- }
- #single .share-buttons .title {
- display: inline-block;
- margin-right: 15px
- }
- #single .share-buttons .epcl-share-bottom {
- display: inline-block
- }
- #single .share-buttons .button {
- margin: 0 5px 5px;
- border: 0!important;
- background: #E84E89
- }
- #single .share-buttons .button i.fa {
- font-size: 18px
- }
- #single .share-buttons .button:hover {
- color: #fff;
- -webkit-transform: translateY(-2px);
- -ms-transform: translateY(-2px);
- transform: translateY(-2px)
- }
- #single .share-buttons .button.whatsapp {
- background: #1FB381!important
- }
- #single .share-buttons .button.facebook {
- background: #135CB6!important
- }
- #single .share-buttons .button.twitter {
- background: #00ACED!important
- }
- #single .share-buttons .button.googleplus {
- background: #DD4B39!important
- }
- #single .share-buttons .button.pinterest {
- background: #bd081c!important
- }
- #single .share-buttons .button.linkedin {
- background: #0077b5!important
- }
- #single .share-buttons .button.telegram {
- background: #0088cc!important
- }
- #single .share-buttons .button.vk {
- background: #45668e!important
- }
- #single .share-buttons .permalink {
- position: relative;
- z-index: 1;
- display: inline-block;
- margin-top: 25px;
- max-width: 100%
- }
- #single .share-buttons .permalink input {
- display: block;
- width: 450px;
- text-align: center;
- padding-right: 60px;
- margin: 0;
- max-width: 100%
- }
- #single .share-buttons .permalink .copy {
- position: absolute;
- right: 20px;
- top: 8px;
- color: #E84E89;
- font-size: 18px;
- width: 20px;
- height: 20px;
- cursor: pointer
- }
- #single .share-buttons .permalink .copy svg {
- width: 20px;
- height: 18px;
- fill: #E84E89
- }
- #single section.related {
- padding: 0;
- border: 0;
- margin-top: 50px
- }
- #single section.related .next,#single section.related .prev {
- width: 47.5%
- }
- #single section.related .next {
- float: right
- }
- #single section.related article {
- position: relative;
- z-index: 1;
- height: 275px;
- background: #111;
- overflow: hidden
- }
- #single section.related article .thumb {
- display: block;
- position: absolute;
- left: 0;
- top: 0;
- width: 101%;
- height: 101%;
- z-index: 1;
- -webkit-transition: all 300ms ease;
- -moz-transition: all 300ms ease;
- -ms-transition: all 300ms ease;
- -o-transition: all 300ms ease;
- transition: all 300ms ease
- }
- #single section.related article .thumb:before {
- content: '';
- position: absolute;
- left: 0;
- bottom: 0;
- width: 101%;
- height: 101%;
- z-index: 2;
- background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.25)));
- background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
- background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
- background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
- -webkit-transition: all 300ms ease;
- -moz-transition: all 300ms ease;
- -ms-transition: all 300ms ease;
- -o-transition: all 300ms ease;
- transition: all 300ms ease
- }
- #single.fullcover .featured-image section.related article .top,#single.fullcover section.related article .featured-image .top,#single section.related article div.info {
- position: absolute;
- left: 0;
- top: 20%;
- right: 0;
- text-align: center;
- padding: 30px;
- color: #fff;
- z-index: 3;
- text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.3)
- }
- #single.fullcover .featured-image section.related article .top .title,#single.fullcover section.related article .featured-image .top .title,#single section.related article div.info .title {
- line-height: 1.4
- }
- #single.fullcover .featured-image section.related article .top p,#single.fullcover section.related article .featured-image .top p,#single section.related article div.info p {
- margin-bottom: 5px
- }
- #single section.related article .button {
- width: 40px;
- height: 40px;
- line-height: 40px;
- padding: 0;
- position: absolute;
- left: 20px;
- bottom: 20px;
- z-index: 5;
- text-align: center
- }
- #single section.related article .button img {
- margin-top: 12px
- }
- #single section.related article:hover .button {
- width: 50px
- }
- #single section.related article.next {
- text-align: right
- }
- #single section.related article.next .button {
- left: auto;
- right: 20px
- }
- #single section.related article .related .fa {
- font-size: 60%;
- vertical-align: middle;
- margin: 0 3px
- }
- #single section.related article div.overlay {
- position: absolute;
- left: 0;
- bottom: 0;
- width: 100%;
- height: 100%;
- z-index: 2;
- -webkit-transition: all 300ms ease;
- -moz-transition: all 300ms ease;
- -ms-transition: all 300ms ease;
- -o-transition: all 300ms ease;
- transition: all 300ms ease;
- background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.25)));
- background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
- background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
- background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%)
- }
- #single section.related article:hover div.overlay {
- opacity: 0.75
- }
- #single #author {
- margin-top: 70px
- }
- #single #comments {
- margin-top: 50px
- }
- @media screen and (max-width: 1200px) {
- .hide-on-desktop-sm {
- display:none!important
- }
- body {
- min-width: inherit
- }
- img {
- max-width: 100%;
- height: auto
- }
- .grid-container {
- padding-left: 40px;
- padding-right: 40px
- }
- #header .logo {
- float: none;
- margin: 10px auto
- }
- #header nav {
- float: none;
- text-align: center
- }
- #header .subscribe.button {
- margin-top: 10px
- }
- }
- @media screen and (max-width: 980px) {
- .content {
- margin-top:30px
- }
- div.left-content {
- padding-right: 0
- }
- .no-sidebar .default-sidebar {
- display: none!important
- }
- .one-sidebar .left-content {
- width: auto
- }
- .title {
- font-size: 20px
- }
- .title.ularge {
- font-size: 34px
- }
- .title.large {
- font-size: 28px
- }
- .title.medium {
- font-size: 24px
- }
- .title.small {
- font-size: 16px
- }
- .title.usmall {
- font-size: 13px
- }
- div.left-content {
- margin: 0;
- border: 0
- }
- aside,aside:before {
- border: 0
- }
- aside .widget_search {
- margin: 0!important;
- background: none;
- padding-left: 0!important;
- padding-right: 0!important
- }
- div.articles.classic article h4.title {
- font-size: 24px;
- margin-bottom: 0
- }
- div.articles.classic article div.meta {
- margin-top: 10px
- }
- div.articles.classic article .post-excerpt {
- font-size: 13px
- }
- div.articles.classic article .right {
- padding-left: inherit
- }
- div.articles.classic article.no-thumb .bottom {
- margin-top: 0px
- }
- #header {
- position: relative
- }
- #header .logo {
- max-width: 60%
- }
- #header div.menu-mobile {
- display: block;
- position: absolute;
- left: 40px;
- top: 50%;
- font-size: 30px;
- color: #fff;
- cursor: pointer;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- z-index: 200;
- -webkit-transition: all 300ms ease;
- -moz-transition: all 300ms ease;
- -ms-transition: all 300ms ease;
- -o-transition: all 300ms ease;
- transition: all 300ms ease
- }
- #header div.menu-mobile i {
- vertical-align: middle
- }
- #header.menu-open div.menu-mobile i:before {
- content: '\f00d'
- }
- #header nav {
- position: absolute;
- left: 40px;
- top: 90%;
- background: #fff;
- margin: 0;
- opacity: 0;
- visibility: hidden;
- padding: 15px;
- border-radius: 5px;
- -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
- box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
- float: none;
- text-align: left;
- -webkit-transition: all 300ms ease;
- -moz-transition: all 300ms ease;
- -ms-transition: all 300ms ease;
- -o-transition: all 300ms ease;
- transition: all 300ms ease
- }
- #header nav ul.menu>li {
- display: block;
- padding: 5px 20px
- }
- #header nav ul.menu>li.menu-item-has-children:after {
- font-family: 'FontAwesome';
- content: '\f105';
- display: block;
- color: #333;
- position: absolute;
- font-size: 16px;
- right: 0;
- top: 6px;
- z-index: 5
- }
- #header nav ul.menu>li>a {
- padding: 5px 0;
- color: #333
- }
- #header nav ul.menu>li a:before {
- display: none
- }
- #header nav ul.sub-menu {
- left: 100%;
- top: 0;
- min-width: 150px;
- max-width: 300px
- }
- #header.menu-open nav {
- opacity: 1;
- visibility: visible;
- top: 100%
- }
- #header div.menu-wrapper {
- padding-bottom: 10px;
- padding-top: 15px
- }
- #header.advertising .logo {
- float: none
- }
- }
- @media screen and (min-width: 768px) and (max-width:990px) {
- body {
- font-size:14px
- }
- .grid-container {
- padding-left: 40px;
- padding-right: 40px
- }
- .np-tablet {
- padding-left: 0;
- padding-right: 0
- }
- .nofloat-tablet {
- float: none!important
- }
- .widget {
- margin-bottom: 30px
- }
- aside .default-sidebar,aside .mobile-sidebar {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -ms-flex-flow: row wrap;
- flex-flow: row wrap
- }
- aside .widget {
- width: 50%;
- float: left;
- border: 0;
- padding: 0 30px;
- -webkit-box-flex: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
- -webkit-box-sizing: border-box;
- box-sizing: border-box
- }
- aside .widget.widget_search {
- background: none
- }
- #single.fullcover .featured-image {
- height: 325px
- }
- #header div.menu-wrapper {
- padding: 0!important
- }
- #header .logo {
- padding: 20px!important;
- margin: 0 auto!important
- }
- }
- @media screen and (max-width: 767px) {
- .force-var {
- padding:30px;
- margin: 20px
- }
- [class^=grid] {
- padding-left: 20px;
- padding-right: 20px
- }
- body {
- font-size: 13px
- }
- .section {
- padding-top: 30px;
- padding-bottom: 30px
- }
- .section.bordered {
- margin: 0 -20px;
- padding-left: 20px;
- padding-right: 20px
- }
- .grid-container {
- padding-left: 20px;
- padding-right: 20px
- }
- .np-mobile {
- padding-left: 0;
- padding-right: 0
- }
- .nofloat-mobile {
- float: none!important
- }
- .content {
- margin-top: 30px;
- padding: 0
- }
- div.left-content {
- padding-left: 0;
- padding-right: 0
- }
- .title {
- font-size: 18px
- }
- .title.ularge {
- font-size: 26px
- }
- .title.large {
- font-size: 22px
- }
- .title.medium {
- font-size: 20px
- }
- .title.small {
- font-size: 14px
- }
- .title.usmall {
- font-size: 12px
- }
- .pagination div.nav>span,.pagination div.nav a {
- padding: 0 15px;
- font-size: 13px;
- height: 30px;
- line-height: 30px;
- margin-bottom: 10px
- }
- .pagination div.nav>span {
- height: 34px;
- line-height: 34px;
- margin: 0 5px
- }
- .pagination div.nav a span {
- padding: 0;
- margin: 0
- }
- #search-results div.box {
- padding: 0
- }
- div.map {
- min-height: 250px
- }
- div.map div#map_canvas {
- height: 250px
- }
- div.filters {
- margin: 0
- }
- input[type=email],input[type=password],input[type=tel],input[type=text],input[type=url],textarea {
- padding: 12px 25px
- }
- div.download a {
- font-size: 16px
- }
- #header .logo {
- max-width: 200px;
- margin: 0px auto 0;
- padding: 5px 10px!important
- }
- #header .logo.text-logo {
- margin-top: -2px
- }
- #header .logo.text-logo .title {
- font-size: 30px
- }
- #header.classic .logo,#header.classic nav {
- margin-top: 0
- }
- #header div.menu-mobile {
- left: 20px;
- font-size: 20px
- }
- #header div.menu-wrapper {
- padding: 15px 0!important
- }
- #header nav {
- left: 20px
- }
- #header nav ul.menu li.menu-item-has-children {
- margin-right: 0
- }
- #header nav ul.menu li.menu-item-has-children:after {
- font-family: 'FontAwesome';
- content: '\f107';
- display: block;
- color: #333;
- position: absolute;
- font-size: 14px;
- right: 10px;
- top: 7px;
- z-index: 5
- }
- #header nav ul.menu li.menu-item-has-children:hover>ul.sub-menu {
- opacity: 1;
- visibility: visible;
- max-height: 50vh!important;
- padding: 5px 0;
- overflow: auto
- }
- #header nav ul.sub-menu {
- position: relative!important;
- left: auto!important;
- top: auto!important;
- max-height: 0!important;
- overflow: hidden;
- -webkit-box-shadow: none;
- box-shadow: none;
- background: none;
- padding: 0;
- -webkit-transform: none!important;
- -ms-transform: none!important;
- transform: none!important;
- max-width: 210px;
- margin-left: -10px;
- margin-right: -20px
- }
- #header nav ul.sub-menu li a {
- padding: 10px
- }
- #header nav ul.sub-menu ul.sub-menu {
- margin-left: 5px
- }
- #header nav ul.sub-menu ul.sub-menu li a {
- padding-left: 10px
- }
- div.articles {
- display: block;
- margin: 0 20px
- }
- div.articles article {
- padding-bottom: 25px;
- padding-left: 0;
- padding-right: 0;
- min-height: inherit
- }
- div.articles article div.border {
- display: none
- }
- div.articles article div.post-excerpt {
- margin-bottom: 0
- }
- div.articles article .post-format-gallery,div.articles article .post-format-gallery div.item,div.articles article a.thumb,div.articles article iframe {
- min-height: 200px;
- height: 200px!important
- }
- div.articles article div.meta a {
- margin-bottom: 7px
- }
- div.articles .author-meta {
- position: relative;
- bottom: auto;
- right: auto;
- margin-top: 20px
- }
- div.articles.classic article {
- padding: 25px 0
- }
- div.articles.classic article .right {
- padding-top: 10px
- }
- div.articles.classic article .bottom {
- padding: 0
- }
- div.articles.classic article .bottom .meta {
- padding: 0 15px;
- margin-bottom: 15px
- }
- div.articles.classic article .bottom .button {
- margin-top: 20px
- }
- div.articles.classic article.no-thumb .bottom {
- margin-top: -5px
- }
- div.articles.classic .author-meta {
- margin-top: 0
- }
- #author {
- padding: 30px 20px 20px
- }
- #author #single.fullcover .featured-image .top,#author div.info,#single.fullcover .featured-image #author .top {
- max-width: inherit;
- font-size: 13px
- }
- div.epcl-share-container {
- margin: 0;
- height: auto!important;
- float: none
- }
- div.epcl-share {
- margin: 20px 0;
- float: none
- }
- div.epcl-share a {
- display: inline-block;
- border-radius: 7px;
- margin: 0 1px
- }
- div.left-content article {
- padding: 20px
- }
- #single .featured-image div.info,#single.fullcover .featured-image .top {
- padding: 10px 15px
- }
- #single.fullcover .featured-image {
- height: 300px;
- margin-bottom: 0
- }
- #single.fullcover .featured-image .top,#single.fullcover .featured-image div.info {
- padding: 20px
- }
- #single.fullcover .featured-image .top .title,#single.fullcover .featured-image div.info .title {
- font-size: 22px
- }
- #single.standard .featured-image {
- margin-bottom: 15px
- }
- #single.standard div.meta .title {
- margin-bottom: 20px
- }
- #single.standard div.epcl-share {
- margin: 0 0 25px;
- text-align: center
- }
- #single .post-format-wrapper {
- margin-top: 20px
- }
- #single .share-buttons .title {
- display: block;
- margin-right: 0
- }
- #single .share-buttons .permalink input {
- width: auto
- }
- #single .absolute.widget-tag-cloud,#single div.tags.absolute {
- left: 15px;
- top: 15px
- }
- #single section.related article {
- height: 225px
- }
- #single .post-format-video iframe {
- max-height: 250px
- }
- #single .post-format-gallery div.item {
- height: 250px
- }
- #single .post-format-gallery .slick-prev {
- left: 15px
- }
- #single .post-format-gallery .slick-next {
- right: 15px
- }
- #single section.related {
- margin-top: 30px
- }
- #single section.related .next,#single section.related .prev {
- width: auto;
- float: none
- }
- #single section.related .next {
- margin-top: 30px
- }
- #single #comments {
- padding: 20px
- }
- #single #comments .title {
- margin-bottom: 20px
- }
- #page #single .featured-image {
- height: 200px!important
- }
- #archives #author {
- margin: 30px 0 0
- }
- .tag-description {
- font-size: 13px
- }
- .tag-description .title {
- margin-top: 30px
- }
- #page-404 div.not-found {
- max-width: inherit
- }
- #page-404 div.not-found i.fa {
- font-size: 80px
- }
- #page-subscribe {
- margin-bottom: 20px
- }
- #page-subscribe section {
- padding: 0;
- margin-top: 0px
- }
- #page-subscribe form {
- padding: 25px
- }
- #footer {
- margin-top: 0px
- }
- #footer .subscribe .left {
- padding-left: 20px!important;
- padding-right: 20px!important
- }
- #footer .subscribe .right {
- float: none;
- margin-bottom: 20px;
- text-align: center;
- padding-right: 20px
- }
- #footer .subscribe p {
- margin-top: 5px
- }
- #footer .widgets {
- padding: 30px 0
- }
- #footer .widgets .widget {
- margin-bottom: 30px
- }
- #footer .widget {
- margin-top: 30px
- }
- #footer .widget:first-child {
- margin-top: 0
- }
- #footer .mobile-sidebar .widget {
- width: 100%
- }
- #footer .logo {
- margin: 20px
- }
- div.text {
- font-size: 14px
- }
- div.text h1 {
- font-size: 24px
- }
- div.text h2 {
- font-size: 22px
- }
- div.text h3 {
- font-size: 20px
- }
- div.text h4 {
- font-size: 18px
- }
- div.text h5 {
- font-size: 16px
- }
- div.text h6 {
- font-size: 14px
- }
- div.text blockquote {
- padding: 15px 25px
- }
- div.text iframe {
- max-width: 100%;
- height: 200px
- }
- div.text pre:not([class*=language-]) {
- padding: 10px 5px;
- font-size: 13px
- }
- div.text code:not([class*=language-]) {
- font-size: 13px
- }
- div.text code[class*=language-],div.text pre,div.text pre[class*=language-] {
- max-height: 300px;
- white-space: pre
- }
- div.text table {
- display: block;
- overflow: auto;
- padding: 0
- }
- div.text table tbody {
- overflow: auto
- }
- div.text figure,div.text iframe,div.text p {
- margin-bottom: 12.8px
- }
- }
- /*# sourceMappingURL=style.min.css.map */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement