/*
Theme Name: seop
Theme URI: https://seopressor.com/
Description: SEOPressor
Author: Pauline
Version: 1.2
*/
html,body{
	height:100%;
}
body{
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
}
body.oto{
	background:url(img/home/bg-header.jpg) repeat-x top left;
}
.header-wrap{
	margin:0 auto;
	padding: 0 35px;
    width: 930px;
}
.innerpage, .page-id-130 .page, .single-post .page, .category .page{
	padding:40px 0;
	clear:both;
	background:url(img/home/v5/bg-banner.jpg) repeat-x top left;
}
.page-wrap{
	margin:0 auto;
	width:930px;
	padding:38px 35px 0;
	clear:both;
}
.page-content{
	display:inline-block;
	width:587px;
	zoom:1; 
	*display:inline; 
	vertical-align:top;	
	border-right:1px solid #aaaaaa;
	padding:0 18px 40px 0;
}
/****** Just For You, Features, Meet The Team ******/
.team1{
	background:url(img/features/team1.jpg) repeat-x bottom left;
	padding:0 40px 50px;
}
.team2{
	background:url(img/features/team2.jpg) repeat-x bottom left;
	padding:0 40px 50px;
}
.team3{
	background:url(img/features/team3.jpg) repeat-x bottom left;
	padding:0 40px 50px;
}
.team1 h1{
	text-align:left !important;
	color:#993333 !important;
	margin:36px 0 18px;
}
.team2 h1{
	text-align:left !important;
	color:#4b7e18 !important;
	margin:36px 0 18px;
}
.team3 h1{
	text-align:left !important;
	color:#0087bc !important;
	margin:36px 0 18px;
}
.features h2, .foryou h2, .oto h2{
	color:#0087bc;
}
.features .page-wrap{
	padding:38px 0 56px;
}
.features .page-wrap p, .features ul li, .foryou ul li{
	line-height:22px;
	font-size:14px;
	text-align:left;
}
.features ul,.foryou ul{
	margin:0 0 0 15px;
	padding:0;
}
.features ul li{
	margin:14px 0 0;
}
.features ul ul{
	list-style:none;
}
.features ul ul li{
	margin:0;
}
.submenu1{
	float:left;
	display:block;
	width:116px;
	height:81px;
	margin:0 150px 0 0;
	background:url(img/page/subhead1.png) no-repeat top left;
}
.submenu1:hover{
	background:url(img/page/subhead1hover.png) no-repeat top left;
}
.submenu2{
	float:left;
	display:block;
	width:113px;
	height:81px;
	margin:0 140px 0 0;
	background:url(img/page/subhead2.png) no-repeat top left;
}
.submenu2:hover{
	background:url(img/page/subhead2hover.png) no-repeat top left;
}
.submenu3{
	float:left;
	display:block;
	width:140px;
	height:81px;
	background:url(img/page/subhead3.png) no-repeat top left;
}
.submenu3:hover{
	background:url(img/page/subhead3hover.png) no-repeat top left;
}
/****** Font ******/
a img{
	border:none;
} 
a{
	text-decoration:none;
}
p{
	margin:16px 0 0;
	line-height:22px;
	text-align:justify;
}
@font-face {
    font-family: 'robotobolditalic';
    src: url('https://seopressor.com/wp-content/themes/seop/fonts/Roboto-BoldItalic-webfont.ttf') format('truetype'),
         url('https://seopressor.com/wp-content/themes/seop/fonts/Roboto-BoldItalic-webfont.svg#robotobolditalic') format('svg');
}
h1{
	font-family: 'robotobolditalic', Arial, Tahoma;
	font-size:36px;
	margin:0;
	color:#0a7192;
}
@font-face {
    font-family: 'robotobold';
    src: url('https://seopressor.com/wp-content/themes/seop/fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('https://seopressor.com/wp-content/themes/seop/fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
}
h2{
	font-family: 'robotobold', Arial, Tahoma;
	font-size:24px;
	font-weight:bold;
	clear:both;
}
@font-face {
    font-family: 'robotoregular';
    src: url('https://seopressor.com/wp-content/themes/seop/fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('https://seopressor.com/wp-content/themes/seop/fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
}
h3{
	font-family: 'robotoregular', Arial, Tahoma;
	font-weight:normal;
	font-size:18px;
}
.txt-underline{
	text-decoration:underline;
}
.txt-blue{
	color:#0a7192;
	font-weight:bold;
}
.txt-orange{
	color:#cd3c14;
}
hr{
	background:url(img/home/line.png) no-repeat top left;
	border:none;
	height:6px;
	clear:both;
	width:960px;
	margin:0 auto;
}
.txt-darkblue{
	color:#2a5869;
}
a.readmore{
	color:#0a7192;
}
h1.pageheading{
	padding:0 0 25px;
	background:url(img/page/line.png) no-repeat bottom center;
	text-align:center;
	font-style:normal;
}
.innerpage h1{
	text-align:center;
	font-style:normal;
	color:#2a5869;
}
.page-wrap p{
	text-align:left;
	font-size:14px;
}
.page-wrap li{
	text-align:left;
	font-size:14px;
        line-height:18px;
        margin:0px 0px 18px 0px;
}
/****** Wordpress SEO Course, Blog, Tutorials ******/
.page-id-2926 .page-wrap,.page-id-2923 .page-wrap,.page-id-2916 .page-wrap,.page-id-2913 .page-wrap,.page-id-2908 .page-wrap,.page-id-2901 .page-wrap,.page-id-2882 .page-wrap,.page-id-2875 .page-wrap,.page-id-2871 .page-wrap,.page-id-2867 .page-wrap,.page-id-2859 .page-wrap,.page-id-2843 .page-wrap,.page-id-2831 .page-wrap,.page-id-2808 .page-wrap,.page-id-3430 .page-wrap,.page-id-3427 .page-wrap,.page-id-3424 .page-wrap,.page-id-3421 .page-wrap,.page-id-3418 .page-wrap,.page-id-3414 .page-wrap,.page-id-3411 .page-wrap,.page-id-31406 .page-wrap,.page-id-3402 .page-wrap,.page-id-3398 .page-wrap,.page-id-2519 .page-wrap,.page-id-2454 .page-wrap,.page-id-3039 .page-wrap,.page-id-2354 .page-wrap,.page-id-2319 .page-wrap,.page-id-2315 .page-wrap,.page-id-2337 .page-wrap,.page-id-2363 .page-wrap,.page-id-2383 .page-wrap,.page-id-2415 .page-wrap,.page-id-2424 .page-wrap,.page-id-2436 .page-wrap,.page-id-2315 .page-wrap,.page-id-1635 .page-wrap, .page-id-307 .page-wrap, .parent-pageid-307 .page-wrap, .page-id-1499 .page-wrap, .parent-pageid-1499 .page-wrap, .page-id-130 .page-wrap, .single-post .page-wrap, .category .page-wrap{
	width:960px;
	padding:0;
}
.blog-content{
	width:640px;
	padding:0 0 25px;
	display:inline-block; 
	zoom:1; 
	*display:inline; 
	vertical-align:top;	
}
.blog-content a.blue{
	color:#0087bc;
}
.blog-content h2{
	margin:24px 0 8px;
}
.blog-content h2 a{
	color:#054358;
}
.single-post img.size-full, .single-post img.size-medium{
	border: 1px solid #CCCCCC;
    border-radius: 4px;
    padding: 5px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.single-post .page-wrap ul li{
	margin:14px 0 0;
	font-size:14px;
}
.pagination {
	clear:both;
	padding:20px 0;
	position:relative;
	font-size:11px;
	line-height:13px;
}
 
.pagination span, .pagination a {
	display:block;
	float:left;
	margin: 2px 2px 2px 0;
	padding:6px 9px 5px 9px;
	width:auto;
	color:#000000;
	background: #f5f5f5;
}
.pagination a:hover{
	color:#fff;
	background: #0a7192;
}
.pagination .current{
	padding:6px 9px 5px 9px;
	background: #0a7192;
	color:#fff;
}
p.author-time{
	color:#0a7192;
	margin: 0 0 22px;
}
img.wp-post-image{
	float:left;
	margin:0 20px 20px 0;
}
/****** Sidebar ******/
.sidebar,.sidebar2,.sidebar3{
	padding:0 0 0 34px;
	width:280px;
	display:inline-block;
	zoom:1; 
	*display:inline; 
	vertical-align:top;	
}
.sidebar2 hr,.sidebar3 hr{
	background-color:#dbdbdb;
	background-image:none;
	height:1px;
	width:282px;
	margin:38px 0;
}
.sidebar h2{
	color:#0087bc;
	margin:0;
}
.sidebar2 h2,.sidebar3 h2{
	color:#054358;
	font-weight:normal;
}
.sidebar p{
	color:#000000 !important;
}
.sidebar2 ul{
	color:#2ca6d6;
	font-size:14px;
	margin:0 0 35px;
	padding:0 0 0 16px;
}
.sidebar2 ul li{
	margin:0 0 18px;
}
.sidebar2 ul li a{
	color:#2ca6d6;
}
.sidebar3 ul{
	font-size:14px;
	margin:0 0 35px;
	padding:0;
	list-style-type:none;
}
.sidebar3 ul li{
	margin:0 0 25px;
}
.sidebar3 ul li p{
	margin:10px 0 0;
}
.sidebar3 ul li a{
	color:#0087bc;
}
/****** Features ******/
.feat{
	padding: 18px 0 0 50px;
	width: 910px;
}
.feat ul{
	margin:18px 0 0;
	padding:0 0 0 15px;
}
.feat ul li{
	margin:0 0 18px;
}
.feat h2{
	margin:40px 0 0;
	clear:none;
}
a.feat-readmore{
	width:253px;
	height:141px;
	display:block;
	margin:30px 0 0 20px;
	background:url(img/features/btn-read.jpg) no-repeat;
}
a.feat-readmore:hover{
	background:url(img/features/btn-readhover.jpg) no-repeat;
}
/****** Header ******/
ul.menu {
    float: right;
    font-size: 15px;
	font-family: 'robotoregular', Arial, Tahoma;
    list-style-type: none;
    margin:0;
    padding: 0;
}
ul.menu li {
    float: left;
    margin: 0 0 0 30px;
}
ul.menu li a {
    color: #000000;
	display:block;
	padding:30px 0 26px;
}
ul.menu li a:hover {
	color: #024258;
    border-bottom:3px solid #0a7192;
}
/****** Home ******/
.hometesti{
	margin:0 0 55px;
}
.hometesti p{
	background:url(img/home/quote.jpg) no-repeat bottom right;
	padding:15px 48px 8px 0;
	font-style:italic;
	font-size:14px;
	line-height:18px !important;
}
.trial1{
	clear:both; 
	background:url(img/home/1bg.jpg) repeat-x bottom left;
	height:255px;
}
.steps{
	float:left;
	width:594px;
}
.steps h1{
	color:#000000;
	font-weight:bold;
	font-size:30px;
}
.home-content{
	clear:both;
	padding:0 80px;
	width:840px;
	margin:65px auto 0;
}
.home-content p{
	line-height:22px;
}
.home-news{
	background:url(img/home/bg-news.jpg) repeat-x;
	height:465px;
	padding:15px 0 0;
	margin:40px 0 0;
}
.home-news .wrap{
	margin:0 auto;
	width:960px;
}
.home-news ul{
	margin:0 25px 0 0;
	padding:0;
	list-style-type:none;
	float:left;
	width:275px;
	height:180px;
}
.home-news ul li.news-img{
	float:left;
	padding:0 10px 22px 0;
}
.home-news a.more{
	color:#ffffff;
	font-style:italic;
}
/****** Banner *****/
.banner{
	padding:52px 0 35px;
	clear:both;
	background:url(img/home/v5/bg-banner.jpg) repeat-x top left;
}
.banner-wrap{
	/**padding:0 35px 0 66px;**/
	margin:0 auto;
	width:720px;
}
/****** Testimonial ******/
.story{
	background:url(img/testi/quote.jpg) no-repeat top left; 
	padding:0 28px 0 58px; 
	width:436px; 
	height:232px;
	float:left;
	margin:0 0 48px;
}
.story p{
	line-height:24px !important;
	font-size:18px !important; 
}
table.stories{
	margin:50px 0 40px 45px;
}
table.stories td{
	vertical-align:top;
	padding-bottom:30px;
}
table.stories .txt-blue{
	font-weight:normal;
}
table.stories p{
	color:#000 !important;
}
/****** Search ******/
#searchform input#s {
    border: none;
    width: 160px;
	height:30px;
	padding:0 10px;
	background-color:#dddddd;
	vertical-align:top;
}
#searchform input#searchsubmit {
    height:30px;
    color:#ffffff;
	background-color:#0a7192;
	border: none;
	cursor:pointer;
}
.search-content{
	margin:0 auto;
	width:930px;
	padding:0 35px 0;
	clear:both;
}
.search-content h1.page-title{
	text-align:left;
}
.search-content h1.entry-title{
	text-align:left;
	margin:25px 0 0;
	font-size: 24px;
}
.search-content h1.entry-title a{
	color:#0a7192;
}
/****** Media Kits  ******/
.mediakits .top{
	margin:0 auto;
	width:960px;
	padding-bottom:20px;
	background:url(img/media-kits/line.jpg) no-repeat bottom left;
}
.mediakits .mid .wrap{
	margin:0 auto;
	width:960px;
	padding:18px 0 0;
}
.mediakits .mid-left{
	width:460px;
	margin-right:27px;
	display:inline-block; 
	zoom:1; 
	*display:inline; 
	vertical-align:top;	
}
.mediakits .mid-right{
	width:397px;
	padding:10px 15px 15px;
	border:1px solid #aaaaaa;
	display:inline-block; 
	zoom:1; 
	*display:inline; 
	vertical-align:top;	
}
.mediakits .mid-right a{
	color:#0000ff;
	text-decoration:none;
}
.mediakits ul.logo{
	list-style-type:none;
	margin:45px 0 0 20px;
	padding:0 0 10px;
}
.mediakits ul.logo li{
	width:180px;
	margin:0 36px 27px 0;
	float:left;
	font-size:12px;
	text-align:center;
}
.mediakits ul.logo li p{
	text-align:center;
	margin:10px 0;
}
.mediakits ul.logo li a{
	font-style:italic;
	color:#0000ff;
	text-decoration:none;
}
.mediakits hr{
	clear:both;
	background:url(img/media-kits/line.jpg) no-repeat top left;
	border:none;
	height:9px;
}
/****** Download ******/
.download .top{
	margin:0 auto;
	width:960px;
	padding-bottom:20px;
	background:url(img/media-kits/line.jpg) no-repeat bottom left;
}
.download .mid .wrap{
	margin:0 auto;
	width:960px;
	padding:18px 0 0;
}
.download .mid-left{
	width:400px;
	margin-right:27px;
	display:inline-block; 
	zoom:1; 
	*display:inline; 
	vertical-align:top;	
}
.download .mid-right{
	width:397px;
	display:inline-block; 
	zoom:1; 
	*display:inline; 
	vertical-align:top;	
}
.download .mid-right ul li{
	margin-bottom:20px;
}
/****** Plans & Pricing ******/
.plan1{
	display:inline-block;
	width:250px;
	zoom:1; 
	*display:inline; 
	vertical-align:top;	
	margin:0 10px 0 60px;
}
.plan2{
	display:inline-block;
	width:280px;
	zoom:1; 
	*display:inline; 
	vertical-align:top;
}
.plan3{
	display:inline-block;
	width:250px;
	zoom:1; 
	*display:inline; 
	vertical-align:top;	
	margin:0 60px 0 10px;
}
.plan1 p.list{
	padding:12px 0;
	margin:0;
	text-align:center !important;
	font-size:16px !important;
	line-height:20px !important;
	border-bottom:1px solid #d3d3d3;
}
.plan2 p.list{
	padding:12px 0;
	margin:0;
	text-align:center !important;
	font-size:16px !important;
	line-height:20px !important;
	border-bottom:1px solid #93bd3d;
}
.plan3 p.list{
	padding:12px 0;
	margin:0;
	text-align:center !important;
	font-size:16px !important;
	line-height:20px !important;
	border-bottom:1px solid #d3d3d3;
}
/****** Opt In******/
.left-part{	
	display:inline-block;
	margin:40px 0px 0px 42px;
	vertical-align:top;
}
.right-part{	
	display:inline-block;
	background-color:white transparent;
	border-radius:15px 15px 15px 15px;
	margin:-4px 0px 0px -4px;
	width:450px;
	box-shadow: 0 0 2px #888888;
	padding:40px;
}
.perfectseo ul li{
	line-height:18px;
	font-size:14px;
	text-align:justify;
	padding-bottom: 15px;
}
.email-box{
	text-align:center;
	background-color:#f1f5f6;
	display:block;
	padding-top:10px;
	padding-bottom:25px;
	line-height:10px;
}
#email-input{
	width:280px;
	height:30px;
}
/****** Affiliate ******/
.affiliate-register {
    background: url("img/affiliate/bg-affiliate.jpg") no-repeat scroll 0 0 transparent;
    height: 200px;
    margin: 48px 0 0 224px;
    padding: 30px 0 0 25px;
    width: 475px;
}
ul.menu2 {
    font-size: 18px;
    list-style-type: none;
    margin: 0 0 30px;
    padding:10px 0;
	height:20px;
	border-top:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
}
ul.menu2 li {
    float: left;
    margin: 0 38px 0 0;
}
ul.menu2 li a {
    color: #7b7b7b;
    text-decoration: none;
}
.affiliate-register{
	background:url(img/affiliate/bg-affiliate.jpg) no-repeat;
	padding:30px 0 0 25px;
	margin:48px 0 0 224px;
	width:475px;
	height:200px;
}
.mediakits h1{
	margin:35px 0 30px;
}
/****** Opt-in(Download Page)******/
.download-opt .top {
    background: url(img/media-kits/line.jpg) no-repeat scroll left bottom;
    margin: 0 auto;
    padding-bottom: 20px;
    width: 960px;
}
.download-opt .middle{
	margin: 0 auto;
    padding-bottom: 20px;
    width: 960px;
}
.download-opt .bottom{
	margin: 0 auto;
    padding-bottom: 20px;
    width: 960px;
	height: 200px;
}
.bottom .submit{
	margin: 0 auto;
	background-image:url(img/download/download-here.jpg);
	width:300px;
	height:50px;
	border-radius: 8px;
	border:none;
	margin:25px 0px 0px 335px;
}
.bottom .submit:hover{
	background-image:url(img/download/download-here-mouseover.jpg);
    cursor: pointer;
}
/****** CTA ******/
.cta{
	background:url(img/home/v5/banner-cta.jpg) no-repeat top center;
	margin:70px auto 15px;
}
.page-id-1438 .cta{
	background:url(img/home/v5.1/banner-cta.jpg) no-repeat top center;
	margin:0 0 15px;
}
.cta-wrap{
	padding:45px 60px 0;
	width:880px;
	height:355px;
	margin:0 auto;
}
.cta p{
	text-align:center;
	margin:40px 0 32px 110px;
	width:626px;
	line-height:22px;
}
/****** Footer ******/
.footer{
	background:url(img/footer/bg-footer.jpg) repeat-x top left;
	clear:both;
}
.footer-wrap{
	margin:0 auto;
	width:1000px;
	padding:24px 0;
}
.footer ul{
	margin:0 auto;
	width:574px;
	padding:0;
	height:14px;
	font-size:14px;
	list-style-type:none;
}
.footer ul li{
	float:left;
}
.footer ul li a{
	color:#0a7192;
	margin:0 28px 0 0;
}
.form-allowed-tags{
	display:none;
}
.footer iframe {
    height: 60px;
    margin-top: 10px;
}
.singlePostDate {
	color:#666; font-size:12px !important; font-style:italic; text-align:right !important; 
}

.responsive-container { position: relative; padding-bottom: 50.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 1em; }
.responsive-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* == Deadliest SEO Mistakes Exit Pop == */

#ouibounce-modal-deadly {
  font-family: 'Roboto', sans-serif;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
}
#ouibounce-modal-deadly .underlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.5);
  cursor: pointer;
  -webkit-animation: fadein 0.5s;
  animation: fadein 0.5s;
}
#ouibounce-modal-deadly .modal {
  width: 900px;
  height: 600px;
  overflow: hidden;
  background: url(https://seopressor.com/wp-content/themes/seop/img/bg-coda.jpg);
  background-size: cover;
  z-index: 1;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: 0px 0px 20px #444;
  -webkit-animation: popin 0.3s;
  animation: popin 0.3s;
}
#ouibounce-modal-deadly .modal-title {
  font-size: 18px;
  background-color: #252525;
  color: #fff;
  padding: 10px;
  margin: 0;
  border-radius: 4px 4px 0 0;
  text-align: center;
}
#ouibounce-modal-deadly h3 {
  color: #0b77b1;
  font-size: 1.5em;
  margin: 1em 0 0.8em;
  text-align: center;
  font-weight: 600;
}
#ouibounce-modal-deadly .modal-body {
  padding: 20px 35px;
  font-size: 0.9em;
}
#ouibounce-modal-deadly .book-image{
  width: 360px;
}
#ouibounce-modal-deadly .modal-header{
  width: 100%;
  float: left;
  height: 128px;
}
#ouibounce-modal-deadly .modal-header p{
  font-size: 0.9em;
  font-style:italic;
  line-height:24px;
}
#ouibounce-modal-deadly .modal-left-column{
  width: 46%;
  display: inline-block;
  vertical-align: top;
}
#ouibounce-modal-deadly .modal-right-column{
  width: 53%;
  display: inline-block;
  vertical-align: top; 
  padding-top: 23px;
}
#ouibounce-modal-deadly p {
  font-size: 1.1em;
  color: #344a5f;
  text-align: center;
}
#ouibounce-modal-deadly ul{
  margin:0 0 30px 20px;
  padding: 0;
}
#ouibounce-modal-deadly ul li{
  font-size:1em;
  margin: 8px 0;
  line-height: 25px;
}
#ouibounce-modal-deadly form {
  margin-top: 35px;
}
#ouibounce-modal-deadly form input[type=text] {
  width: calc(100% - 18px);
  height: 30px;
  padding: 4px 8px;
  margin: 0 0 8px;
  border: 1px solid #000;
  -webkit-font-smoothing: antialiased;
}
#ouibounce-modal-deadly form input[type=submit] {
  width: 100%;
  height: 48px;
  font-weight: bold;
  padding: 9px 12px 8px;
  margin: 4px 0 0;
  font-size: 1.28em;
  border-radius: 4px;
  color: #fff;
  background: #0b77b1;
  border: none;
  cursor: pointer;
  top: 35px;
  -webkit-font-smoothing: antialiased;
}
#ouibounce-modal-deadly form p {
  text-align: left;
  margin-left: 35px;
  opacity: 0.8;
  margin-top: 1px;
  padding-top: 1px;
  font-size: 0.9em;
}
#ouibounce-modal-deadly .modal-footer {
  position: absolute;
  bottom: 20px;
  width: 95%;
  padding-left:35px;
}
#ouibounce-modal-deadly .modal-footer p {
  text-transform: capitalize;
  cursor: pointer;
  display: inline;
  color: #999;
  border-bottom: 1px solid #999;
}
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@-webkit-keyframes popin {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }

  85% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-ms-keyframes popin {
  0% {
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }

  85% {
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 1;
  }

  100% {
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes popin {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }

  85% {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

pre { padding:20px; background:#f5f2f0; overflow:auto; line-height:1.5; margin:0 0 18px;}