.mt-5{margin-top: 5px;}.mt-10{margin-top: 10px;}.mt-15{margin-top: 15px;}.mt-20{margin-top: 20px;}.mt-25{margin-top: 25px;}.mt-30{margin-top: 30px;}.mt-35{margin-top: 35px;}.mt-40{margin-top: 40px;}.mt-45{margin-top: 45px;}.mt-50{margin-top: 50px;}.mt-55{margin-top: 55px;}.mt-60{margin-top: 60px;}.mt-65{margin-top: 65px;}.mt-70{margin-top: 70px;}.mt-75{margin-top: 75px;}.mt-80{margin-top: 80px;}.mt-85{margin-top: 85px;}.mt-90{margin-top: 90px;}.mt-95{margin-top: 95px;}.mt-100{margin-top: 100px;}.mt-105{margin-top: 105px;}.mt-110{margin-top: 110px;}.mt-115{margin-top: 115px;}.mt-120{margin-top: 120px;}.mt-125{margin-top: 125px;}.mt-130{margin-top: 130px;}.mt-135{margin-top: 135px;}.mt-140{margin-top: 140px;}.mt-145{margin-top: 145px;}.mt-150{margin-top: 150px;}.mt-155{margin-top: 155px;}.mt-160{margin-top: 160px;}.mt-165{margin-top: 165px;}.mt-170{margin-top: 170px;}.mt-175{margin-top: 175px;}.mt-180{margin-top: 180px;}.mt-185{margin-top: 185px;}.mt-190{margin-top: 190px;}.mt-195{margin-top: 195px;}.mt-200{margin-top: 200px;}/*-- Margin Bottom --*/.mb-5{margin-bottom: 5px;}.mb-10{margin-bottom: 10px;}.mb-15{margin-bottom: 15px;}.mb-20{margin-bottom: 20px;}.mb-25{margin-bottom: 25px;}.mb-30{margin-bottom: 30px;}.mb-35{margin-bottom: 35px;}.mb-40{margin-bottom: 40px;}.mb-45{margin-bottom: 45px;}.mb-50{margin-bottom: 50px;}.mb-55{margin-bottom: 55px;}.mb-60{margin-bottom: 60px;}.mb-65{margin-bottom: 65px;}.mb-70{margin-bottom: 70px;}.mb-75{margin-bottom: 75px;}.mb-80{margin-bottom: 80px;}.mb-85{margin-bottom: 85px;}.mb-90{margin-bottom: 90px;}.mb-95{margin-bottom: 95px;}.mb-100{margin-bottom: 100px;}.mb-105{margin-bottom: 105px;}.mb-110{margin-bottom: 110px;}.mb-115{margin-bottom: 115px;}.mb-120{margin-bottom: 120px;}.mb-125{margin-bottom: 125px;}.mb-130{margin-bottom: 130px;}.mb-135{margin-bottom: 135px;}.mb-140{margin-bottom: 140px;}.mb-145{margin-bottom: 145px;}.mb-150{margin-bottom: 150px;}.mb-155{margin-bottom: 155px;}.mb-160{margin-bottom: 160px;}.mb-165{margin-bottom: 165px;}.mb-170{margin-bottom: 170px;}.mb-175{margin-bottom: 175px;}.mb-180{margin-bottom: 180px;}.mb-185{margin-bottom: 185px;}.mb-190{margin-bottom: 190px;}.mb-195{margin-bottom: 195px;}.mb-200{margin-bottom: 200px;}/*-- Padding Top --*/.pt-5{padding-top: 5px;}.pt-10{padding-top: 10px;}.pt-15{padding-top: 15px;}.pt-20{padding-top: 20px;}.pt-25{padding-top: 25px;}.pt-30{padding-top: 30px;}.pt-35{padding-top: 35px;}.pt-40{padding-top: 40px;}.pt-45{padding-top: 45px;}.pt-50{padding-top: 50px;}.pt-55{padding-top: 55px;}.pt-60{padding-top: 60px;}.pt-65{padding-top: 65px;}.pt-70{padding-top: 70px;}.pt-75{padding-top: 75px;}.pt-80{padding-top: 80px;}.pt-85{padding-top: 85px;}.pt-90{padding-top: 90px;}.pt-95{padding-top: 95px;}.pt-100{padding-top: 100px;}.pt-105{padding-top: 105px;}.pt-110{padding-top: 110px;}.pt-115{padding-top: 115px;}.pt-120{padding-top: 120px;}.pt-125{padding-top: 125px;}.pt-130{padding-top: 130px;}.pt-135{padding-top: 135px;}.pt-140{padding-top: 140px;}.pt-145{padding-top: 145px;}.pt-150{padding-top: 150px;}.pt-155{padding-top: 155px;}.pt-160{padding-top: 160px;}.pt-165{padding-top: 165px;}.pt-170{padding-top: 170px;}.pt-175{padding-top: 175px;}.pt-180{padding-top: 180px;}.pt-185{padding-top: 185px;}.pt-190{padding-top: 190px;}.pt-195{padding-top: 195px;}.pt-200{padding-top: 200px;}.pt-113{padding-top: 113px;}/*-- Padding Bottom --*/.pb-5{padding-bottom: 5px;}.pb-10{padding-bottom: 10px;}.pb-15{padding-bottom: 15px;}.pb-20{padding-bottom: 20px;}.pb-25{padding-bottom: 25px;}.pb-30{padding-bottom: 30px;}.pb-35{padding-bottom: 35px;}.pb-40{padding-bottom: 40px;}.pb-45{padding-bottom: 45px;}.pb-50{padding-bottom: 50px;}.pb-55{padding-bottom: 55px;}.pb-60{padding-bottom: 60px;}.pb-65{padding-bottom: 65px;}.pb-70{padding-bottom: 70px;}.pb-75{padding-bottom: 75px;}.pb-80{padding-bottom: 80px;}.pb-85{padding-bottom: 85px;}.pb-90{padding-bottom: 90px;}.pb-95{padding-bottom: 95px;}.pb-100{padding-bottom: 100px;}.pb-105{padding-bottom: 105px;}.pb-110{padding-bottom: 110px;}.pb-115{padding-bottom: 115px;}.pb-120{padding-bottom: 120px;}.pb-125{padding-bottom: 125px;}.pb-130{padding-bottom: 130px;}.pb-135{padding-bottom: 135px;}.pb-140{padding-bottom: 140px;}.pb-145{padding-bottom: 145px;}.pb-150{padding-bottom: 150px;}.pb-155{padding-bottom: 155px;}.pb-160{padding-bottom: 160px;}.pb-165{padding-bottom: 165px;}.pb-170{padding-bottom: 170px;}.pb-175{padding-bottom: 175px;}.pb-180{padding-bottom: 180px;}.pb-185{padding-bottom: 185px;}.pb-190{padding-bottom: 190px;}.pb-195{padding-bottom: 195px;}.pb-200{padding-bottom: 200px;}.pb-240{padding-bottom: 450px;}/*-- Padding Left --*/.pl-0{padding-left: 0px;}.pl-5{padding-left: 5px;}.pl-10{padding-left: 10px;}.pl-15{padding-left: 15px;}.pl-20{padding-left: 20px;}.pl-25{padding-left: 35px;}.pl-30{padding-left: 30px;}.pl-35{padding-left: 35px;}.pl-35{padding-left: 35px;}.pl-40{padding-left: 40px;}.pl-45{padding-left: 45px;}.pl-50{padding-left: 50px;}.pl-55{padding-left: 55px;}.pl-60{padding-left: 60px;}.pl-65{padding-left: 65px;}.pl-70{padding-left: 70px;}.pl-75{padding-left: 75px;}.pl-80{padding-left: 80px;}.pl-85{padding-left: 80px;}.pl-90{padding-left: 90px;}.pl-95{padding-left: 95px;}.pl-100{padding-left: 100px;}/*-- Padding Right --*/.pr-0{padding-right: 0px;}.pr-5{padding-right: 5px;}.pr-10{padding-right: 10px;}.pr-15{padding-right: 15px;}.pr-20{padding-right: 20px;}.pr-25{padding-right: 35px;}.pr-30{padding-right: 30px;}.pr-35{padding-right: 35px;}.pr-35{padding-right: 35px;}.pr-40{padding-right: 40px;}.pr-45{padding-right: 45px;}.pr-50{padding-right: 50px;}.pr-55{padding-right: 55px;}.pr-60{padding-right: 60px;}.pr-65{padding-right: 65px;}.pr-70{padding-right: 70px;}.pr-75{padding-right: 75px;}.pr-80{padding-right: 80px;}.pr-85{padding-right: 80px;}.pr-90{padding-right: 90px;}.pr-95{padding-right: 95px;}.pr-100{padding-right: 100px;}/*-- margin Right --*/.mr-40{margin-right: 40px;}/* font weight */.f-700{font-weight: 700;}.f-600{font-weight: 600;}.f-500{font-weight: 500;}.f-400{font-weight: 400;}.f-300{font-weight: 300;}/* Background Color */.gray-bg{background: #f4f4fe;}.white-bg{background: #fff;}.black-bg{background: #222;}.theme-bg{background: #222;}.primary-bg{background: #1a237e;}/* Color */.white-color{color: #fff;}.black-color{color: #222;}.theme-color{color: #222;}.primary-color{color: #222;}/* black overlay */[data-overlay]{position: relative;}[data-overlay]::before{background: #000 none repeat scroll 0 0;content: "";height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 1;}[data-overlay="3"]::before{opacity: 0.3;}[data-overlay="4"]::before{opacity: 0.4;}[data-overlay="5"]::before{opacity: 0.5;}[data-overlay="6"]::before{opacity: 0.6;}[data-overlay="7"]::before{opacity: 0.7;}[data-overlay="8"]::before{opacity: 0.8;}[data-overlay="9"]::before{opacity: 0.9;}.text-right{text-align: right;}a{text-decoration: none;}/*********************** Demo - 20 *******************/.box20{position:relative}.box20:after,.box20:before{position:absolute;content:""}.box20:before{width:80%;height:220%;background:#f5bf23;top:-50%;left:-100%;z-index:1;transform:rotate(25deg);transform-origin:center top 0;transition:all .5s ease 0s}.box20:hover:before{left:10%}.box20:after{width:55%;height:175%;background-color:rgba(0,0,0,.8);bottom:-1000%;left:53%;transform:rotate(-33deg);transform-origin:center bottom 0;transition:all .8s ease 0s}.box20 .box-content,.box20 .icon{width:100%;padding:0 20px;position:absolute;left:0;z-index:2;transition:all 1.1s ease 0s}.box20:hover:after{bottom:-70%}.box20 img{width:100%;height:auto}.box20 .box-content{top:-100%;color:#fff}.box20:hover .box-content{top:30px}.box20 .title{font-size:24px;margin:0; color: #fff;}.box20 .icon li a,.box20 .post{display:inline-block;font-size:14px}.box20 .post{margin-top:5px}.box20 .icon{list-style:none;margin:0;bottom:-100%}.box20:hover .icon{bottom:25px}.box20 .icon li{display:inline-block}.box20 .icon li a{width:35px;height:35px;line-height:35px;background:#444;border-radius:50%;margin:0 3px;color:#fff;text-align:center;transition:all .5s ease 0s}.box20 .icon li a:hover{background:#fff;color:#ff402a}@media only screen and (max-width:990px){.box20{margin-bottom:30px}}@media only screen and (max-width:479px){.box20 .title{font-size:20px}} /* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */.flip-card{background-color: transparent; width: 100%; height: 352px; perspective: 1000px; /* Remove this if you don't want the 3D effect */}/* This container is needed to position the front and back side */.flip-card-inner{position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d;}/* Do an horizontal flip when you move the mouse over the flip box container */.flip-card:hover .flip-card-inner{transform: rotateY(180deg);}/* Position the front and back side */.flip-card-front, .flip-card-back{position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; /* Safari */ backface-visibility: hidden;}/* Style the front side (fallback if image is missing) */.flip-card-front{background-color: #bbb; color: black;}/* Style the back side */.flip-card-back{background-color: #f5bf23; color: white; transform: rotateY(180deg);} .flip-card-back h4{color: #fff;}.flip-card-back h4 a:hover{color: #fff;}.flip-card-back .social{margin-top: 10px;}.flip-card-back .social a{width: 40px; height: 40px; border-radius: 50%; background: #fff; display: inline-block; line-height: 40px; color: #f5bf23;}.flip-card-back .social a:hover{background: #001659; display: inline-block; line-height: 40px; color: #fff;}/*ZoomIn Hover Effect*/ .hover-zoomin a{display: block; position: relative; overflow: hidden;} .hover-zoomin img{width: 100%; height: auto; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .hover-zoomin:hover img{-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}