/*
Theme Name: Mockup Love
Theme URI: 
Author: 
Author URI: 
Text Domain: mockuplove

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Table of Contents
-----------------------------------------------------------------------------
	1. Clean Base
	2. Base Typography
	3. Images
	4. Links
	5. Forms
	6. Tables
	7. Framework 
*/

/* 1. Clean Base
------------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, a, nav, section, summary, time, mark, audio, video 
{margin:0 auto; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; list-style:none; outline:none; -webkit-font-smoothing:grayscale /*subpixel-antialiased*/ -webkit-tap-highlight-color:rgba(0,0,0,0);}
	
html,body { -webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
img{border:none;}

input[type="text"], input[type="submit"], input[type="button"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"],button, textarea {-webkit-appearance: none; outline:none;}
textarea:focus, input:focus, a, div, img { outline: none; }
 
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block;}

/* 2. Base Typography
------------------------------------------------------------------------------*/
body{ overflow-x:hidden; background:#ecf0f1; color:#50545d; font-size:14px; font-family:'Lato',Arial, Helvetica, sans-serif; font-weight:400; line-height:1.5;}

h1, h2, h3, h4, h5, h6{ margin-bottom:15px; line-height:1.3; font-weight:normal; color:#313439; font-weight:700;}
h1{ font-size:24px;}
h2{ font-size:20px;}
h3{ font-size:18px;}
h4{ font-size:16px;}
h5{ font-size:14px;}
h6{ font-size:25px;}

p{ color:#50545d; font-size:13px; font-weight:400; line-height:1.5; margin-bottom:20px;}

ul{ margin:20px 20px; padding:0;}
ul li{ font-size:13px;  color:#50545d; font-weight:400; padding:0 0 5px 15px; line-height:1.3; list-style:none; position:relative; font-style:italic;}
ul li:before{ content:"N"; font-family:"mockup-love"!important; font-size:4px; position:absolute; left:0; top:7px; font-style:normal;}

ol{ margin:20px 20px; padding:0; }
ol li{ font-size:13px;  color:#50545d; font-weight:400; line-height:1.3; padding:0 0 5px 0; list-style: decimal; margin-left:15px; font-style:italic;}

blockquote{ display:block; text-align:left; margin-bottom:20px; border-radius:10px; position:relative; background:#fff; padding:20px 20px 5px 20px;}

hr {border:0 #000 solid; border-top-width:1px; clear:both; height:0;}

.alignleft{ float:left; margin:0 10px 5px 0; border:3px solid #fff; border-radius:3px;}
.alignright{ float:right; margin:0 0 5px 10px; border:3px solid #fff; border-radius:3px;}
.aligncenter{ float:none; margin:0 auto 5px auto; border:3px solid #fff; border-radius:3px;}

.none{ display:none !important;}

/* 3. Images
------------------------------------------------------------------------------*/
img{border:none; border-style: none;height:auto;}

/* 4. Link
------------------------------------------------------------------------------*/
a{color:#50545d; text-decoration:underline; transition:all 0.1s ease-in-out 0s;}
a:hover{color:#e9003c; text-decoration:underline;}
a.active, a.current {color:#e9003c;}
a:focus {outline: none;}

/* 5. Forms
------------------------------------------------------------------------------*/
.input-style, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"]{ border:0; padding:0 20px; color:#595d64; font-size:14px; height:40px; border-radius:20px; box-shadow:1px 1px 1px 0 #e5e7ea; font-family:'Lato',Arial, Helvetica, sans-serif; font-weight:400; box-sizing:border-box;}
.input-textarea, textarea{ border:0; padding:10px 20px; color:#595d64; font-size:14px; height:40px; border-radius:20px; box-shadow:1px 1px 1px 0 #e5e7ea; height:60px; resize:none; font-family:'Lato',Arial, Helvetica, sans-serif; font-weight:400; box-sizing:border-box;}

input[type="submit"], input[type="button"], input[type="reset"]{ background:#666; cursor:pointer; color:#fff; border:none; height:30px; line-height:28px; display:block; font-size:15px;}
input[type="submit"]:hover, input[type="button"]:hover{ color:#fff; }

button{border:none; background:none; cursor:pointer; transition:all 0.2s ease-in-out 0s; padding:0; margin:0; font-family:'Lato',Arial, Helvetica, sans-serif; font-weight:400;}
.btn-default{background:#ee4054; height:45px; line-height:45px; border-radius:5px; padding:0 28px; font-size:16px; color:#fff !important; font-weight:600; text-decoration:none; display:block; float:left; margin:0 8px 0 0;}
.btn-default:hover{background:#ff6074; text-decoration:none;}

/* 6. Tables
------------------------------------------------------------------------------*/
table{border-spacing: 0; border-collapse: collapse;}
td{text-align: left; font-weight: normal;}

/* 7. Layout Framework
------------------------------------------------------------------------------*/
/* page loading */
.main-page #wrapper{opacity:0; transition:all 0.9s ease-in 0s; position:fixed;}
.main-page footer{opacity:0; transition:all 0.9s ease-in 0s;}
.pace-done #wrapper, .pace-done footer{ opacity:1; position:static;}

.pace{ position:relative; z-index:999;}
.pace .pace-progress{background:#ee4054; position:fixed; z-index:2000; top:0; right:100%; width:100%; height:3px; z-index:99999}
.pace-inactive{display:none}
.pace-activity{background:rgba(0,0,0,0.1);height:3px}
.pace-bg{ width:100%; height:100%; position:fixed;
	background: #f00;
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #ecf0f1 75%);
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#ecf0f1 75%);
	background: radial-gradient(ellipse at center,  #ffffff 0%,#ecf0f1 75%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ecf0f1',GradientType=1 );
}
.pace-logo{ width:230px; height:45px; background:url(images/loading-logo.svg) no-repeat center center; background-size:cover; position:absolute; top:50%; left:50%; margin:-23px 0 0 -115px;}
.pace-logo .love{animation:animatelove 2.0s infinite; -webkit-animation:animatelove 2.0s infinite; overflow: inherit; position: relative; background:url(images/love.svg) no-repeat center center;  background-size:cover; width:25.5px; height:22px; top:12px; margin-right:11px; float:right; display:block; position:relative;  overflow: inherit;}
@-moz-document url-prefix(){.pace-logo .love{ margin-right:10.1px;}}
@keyframes animatelove{
	0% {transform: scale(1);}
	5% {transform: scale(1.2);}
	10% { transform: scale(1.1);}
	15% {transform: scale(1.3);}
	50% {transform: scale(1);}
	100% {transform: scale(1);}
}
@-webkit-keyframes animatelove{
	0% {transform: scale(1);}
	5% {transform: scale(1.2);}
	10% { transform: scale(1.1);}
	15% {transform: scale(1.3);}
	50% {transform: scale(1);}
	100% {transform: scale(1);}
}

/* main container */
#wrapper{ width:100%; min-height:100%;}
#content-area{ padding-top:70px;}
.container{ max-width:1170px; width:100%; padding:0 10px; box-sizing:border-box;}
.two-column .left-column{ float:left; max-width:265px; width:100%; margin:0 30px 0 0;}
.two-column .content-column{ float:left; max-width:855px; width:100%; padding-bottom:60px;}
.two-column .content-column > .container{ padding:0;}
.three-column .left-column{ float:left; max-width:265px; width:100%; margin:0 30px 0 0;}
.three-column .content-column{ float:left; max-width:560px; width:100%; padding-bottom:60px;}
.three-column .right-column{ float:right; max-width:265px; width:100%; margin:0 0 0 30px;}
.three-column .content-column > .container{ padding:0;}

/* header */
header{width:100%; height:auto; background:#ee4054; height:50px; position:fixed; top:0; z-index:10;}

header .btn-mobile-nav{float:left; height:50px; padding:0 12px 0 13px; width:28px; border-right:1px solid #e10c23; display:none; cursor:pointer;}
header .btn-mobile-nav a{ width:28px; height:28px; display:block; border:4px solid rgba(255,255,255,0); border-radius:30px; position:relative; box-sizing:border-box; margin:11px 0 0 0;}
header .btn-mobile-nav em{ width:8px; height:8px; display:block; background:#fff; position:absolute;}
header .btn-mobile-nav em:nth-child(1){ border-radius:2px 2px 0 2px; top:0; left:0;}
header .btn-mobile-nav em:nth-child(2){ border-radius:2px 2px 2px 0; top:0; right:0;}
header .btn-mobile-nav em:nth-child(3){ border-radius:2px 0 2px 2px; bottom:0; left:0;}
header .btn-mobile-nav em:nth-child(4){ border-radius:0 2px 2px 2px; bottom:0; right:0;}
header .btn-mobile-nav.active a{border:4px solid #ffffff; transform:rotate(-134deg); -webkit-transform:rotate(-134deg); width:25px; height:25px; box-sizing:border-box;}
header .btn-mobile-nav.active em{ width:9px; height:9px;}
header .btn-mobile-nav.active em:nth-child(1){ border-radius:5px 0 0 0; top:-1px; left:-1px;}
header .btn-mobile-nav.active em:nth-child(2){ border-radius:0 5px 0 0; top:-1px; right:-1px;}
header .btn-mobile-nav.active em:nth-child(3){ border-radius:0 0 0 5px; bottom:-1px; left:-1px;}
header .btn-mobile-nav.active em:nth-child(4){ border-radius:0 0 5px 0; bottom:-1px; right:-1px;}

header .logo{ float:left; max-width:158px; height:37px; margin:6px 0 0 0; display:block;}
header .logo img{ width:100%; height:100%; display:block;}

header .search-block{ float:left; margin:9px 0 0 20px; max-width:770px; width:100%; position:relative;}
header .search-block .input-style{ width:100%; height:32px; background:#fff; border-radius:50px; padding:0 50px 0 22px; box-sizing:border-box; border:none; font-size:15px; color:#9398a0; font-weight:300; transition:all 0.3s ease-in-out 0s; box-shadow:none;}
header .search-block .input-style:focus{color:#737880;}
header .search-block .btn-search{ width:20px; height:20px; display:block; position:absolute; top:6px; right:18px; padding:0; z-index:1; font-size:20px; color:#b0b0b0;}
header .search-block .btn-search:before{ position:absolute; left:1px; top:1px;}
header .search-block .btn-search:hover, header .focus .btn-search{color:#ee4054;}

header .top-nav{ float:right; display:block; height:50px; position:relative;}
header .top-nav a{ display:block; border-left:1px solid #e10c23; height:100%; float:left; line-height:48px; padding:0 10px; color:#fff; text-decoration:none; font-weight:700;} 
header .top-nav a.btn-submit-file{ padding:0 10px 0 12px;}
header .top-nav a.btn-submit-file:before{ content:"J"; font-family:"mockup-love"!important; font-size:26px; color:#fff; font-weight:normal; float:left; margin:1px 6px 0 0;}
header .top-nav a.btn-submit-file:hover{ background:#fa4c60;}

header .top-nav a.btn-small-nav{ width:23px; height:100%; display:block; padding:0 15px;}
header .top-nav a.btn-small-nav span{background:#fff; border-radius:2px; height:2px; width:23px; display:block; padding:0; margin:24px 0 0 0; position:relative; transition:all 0.1s ease-in-out 0s;}
header .top-nav a.btn-small-nav span:before{ content:""; background:#fff; height:2px; width:23px; display:block; border-radius:2px; position:absolute; left:0; top:-7px; transition:all 0.1s ease-in-out 0s;}
header .top-nav a.btn-small-nav span:after{ content:""; background:#fff; height:2px; width:23px; display:block; border-radius:2px; position:absolute; right:0; top:7px; transition:all 0.1s ease-in-out 0s;}
header .top-nav a.btn-small-nav:hover span, .dropdown-is-open .top-nav a.btn-small-nav span{width:23px;}
header .top-nav a.btn-small-nav:hover span:before, .dropdown-is-open .top-nav a.btn-small-nav span:before{ width:15px;}
header .top-nav a.btn-small-nav:hover span:after, .dropdown-is-open .top-nav a.btn-small-nav span:after{ width:15px;}

header .dropdown-block{ width:215px; display:block; position:absolute; top:60px; right:0; background:#fff; border-radius:3px; box-shadow:0 0 15px 0 rgba(0,0,0,0.40); z-index:2; opacity:0; visibility:hidden; transition:all 0.2s ease-in-out 0s;}
header .dropdown-block:before{ content:"c"; font-family:"mockup-love"!important; font-size:26px; color:#fff; font-size:18px; position:absolute; right:18px; top:-17px;}
header .dropdown-block ul{ margin:0; padding:7px 0; border-bottom:1px solid #f2f4f7;}
header .dropdown-block ul li{ margin:0; padding:0; font-size:13px; color:#767a88; font-weight:400; font-style:normal; cursor: pointer;}
header .dropdown-block ul li:before{ display:none;}
header .dropdown-block ul li a{ color:#767a88; padding:0 15px; border:none; float:none; line-height:28px; font-weight:400; transition:all 0.3s ease-in-out 0s;}
header .dropdown-block ul li a:hover{ color:#ee4054; padding:0 15px 0 20px; background:#ecf0f1;}

header .dropdown-block .social-block{ display:block; margin:0; padding:9px 8px 9px 15px;}
header .dropdown-block .social-block span{ float:left; font-size:12px; color:#767a88; margin-right:6px;}
header .dropdown-block .social-block a{ display:block; margin:0 4px 0 0; padding:0; float:left; line-height:0; width:18px; height:18px; text-decoration:none; font-size:18px; border:none;}
header .dropdown-block .social-block a:hover{ transform:scale(1.22); -webkit-transform:scale(1.22); }
header .dropdown-block .icon-facebook{ color:#395ba1;}
header .dropdown-block .icon-twitter{ color:#1ebdef;}
header .dropdown-block .icon-google-plus{ color:#d95031;}
header .dropdown-block .icon-pinterest{ color:#c33b2c;}
header .dropdown-block .icon-behance{ color:#3497db;}
header .dropdown-block .icon-dribbble{ color:#e05e8b;}

header .nav-overlay{ width:100%; height:100%; position:fixed; left:0; top:50px; z-index:1; background:rgba(0,0,0,0.4); opacity:0; visibility:hidden; transition:all 0.2s ease-in-out 0s;}
.dropdown-is-open header .dropdown-block{ opacity:1; visibility:visible; top:50px;}
.dropdown-is-open header .nav-overlay{ opacity:1; visibility:visible;} 

/* nav */
nav{ width:100%; height:auto; background:#fff; border-radius:3px; box-shadow:1px 1px 1px 0 #e5e7ea; padding:15px; box-sizing:border-box; margin:0 0 20px 0;}
nav ul{ margin:0; padding:0;}
nav ul li{ list-style:none; margin:0; padding:3px 0 3px 35px; font-style:normal; color:#313439; font-size:14px; font-weight:700; margin:0 0 18px 0;}
nav ul li:last-child{ margin:0 0 5px 0;}
nav ul li i{ float:left; position:absolute; left:0; top:0; font-size:24px; display:block; line-height:inherit;}
nav ul li small{ color:#9398a0; margin:0 0 0 5px;}
nav ul li:before{ display:none;}
nav ul li a{ text-decoration:none; color:#313439;}
nav ul li a:hover{ text-decoration:none; color:#ee4054;}
nav ul li ul{ padding:14px 0 0 0;}
nav ul li ul li{font-weight:400; font-size:12px; color:#9398a0; margin:0 0 8px 0; padding:0;}
nav ul li ul li:last-child{ margin:0;}
nav ul li ul li a{color:#9398a0;}

nav .icon-small-psd{ color:#00a3e7;}
nav .icon-small-ai{ color:#f5a200;}
nav .icon-small-skatch{ color:#ffc800;}
nav .icon-small-fonts{ color:#44d196;}
nav .icon-small-code{ color:#ff7151;}
nav .icon-small-photos{ color:#9398a0;}
nav .icon-contact{ color:#e9003c;}
nav .icon-small-blog{ color:#50545d;}

/* newsletter */
.newsletter-block{width:100%; height:auto; background:#fff; border-radius:3px; box-shadow:1px 1px 1px 0 #e5e7ea; padding:15px; box-sizing:border-box; margin:0 0 20px 0;}
.newsletter-block h2{display:none;}
.newsletter-block .title{ font-size:14px; color:#595d64; font-weight:700; position:relative; padding:0 0 0 48px; margin:0 0 5px 0;}
.newsletter-block .title:before{ font-size:38px; color:#ee4054; font-weight:normal; position:absolute; left:0; top:0; line-height:0.6;}
.newsletter-block p{ font-size:12px; font-weight:400; color:#9398a0;}
.newsletter-block form{ padding-top:0px; position:relative; margin: 0;}
/*.newsletter-block form p{margin:0;}*/
.newsletter-block .input-style{ width:100%; height:33px; background:#f2f4f5; border-radius:3px; border:1px solid #dadbdf; padding:0 50px 0 10px; box-sizing:border-box; font-size:12px; color:#acb0b8; font-weight:400; transition:all 0.3s ease-in-out 0s; box-shadow:none;}
.newsletter-block .input-style:focus{color:#737880;}
.newsletter-block .btn-submit{ width:24px; height:22px; display:block; position:absolute; bottom:7px; right:15px; padding:0; color:#9398a0; z-index:1; font-size:24px; line-height:0 !important;}
.newsletter-block .btn-submit:before{ top:12px; position:absolute; left:0; line-height:0;}
.newsletter-block .btn-submit:hover, .focus .btn-submit{ right:10px; color:#ee4054;}

/* mobile search */
.mobile-search-block{margin:0 0 15px 0; max-width:100%; width:100%; position:relative; display:none;}
.mobile-search-block .input-style{ width:100%; height:32px; background:#fff; border-radius:50px; padding:0 45px 0 18px; box-sizing:border-box; box-shadow: 1px 1px 1px 0 #e5e7ea; border:none; font-size:15px; color:#9398a0; font-weight:300; transition:all 0.3s ease-in-out 0s;}
.mobile-search-block .input-style:focus{color:#737880;}
.mobile-search-block .btn-search{ width:19px; height:19px; display:block; position:absolute; top:7px; right:17px; z-index:1; font-size:20px; color:#b0b0b0;}
.mobile-search-block .btn-search::before{position:absolute; left:0; top:0;}
.mobile-search-block .btn-search:hover, .focus .btn-search{color:#ee4054;}

/* breadcrumb */
.breadcrumb{ display:block; width:100%; margin-bottom:10px;}
.breadcrumb ul{ margin:0 auto; padding:0; line-height:0;}
.breadcrumb ul li, .breadcrumb > span{ display:inline-block; line-height:18px; margin:0 0 4px 0;  padding:0 0 0 0; font-size:11px; text-transform:uppercase; font-weight:400; font-style:normal; color:#000; vertical-align:top;}
.breadcrumb ul li:first-child, .breadcrumb > span:first-child{ padding:0;}
.breadcrumb span span{margin:0;}
.breadcrumb ul li:first-child:before, .breadcrumb > span:first-child:before{ display:none;}
.breadcrumb ul li:last-child, .breadcrumb > span:last-child{ display:inline; vertical-align: super;}
.breadcrumb ul li:before, .breadcrumb > span:before{ content:"-" !important; font-family:inherit !important; position:relative; display:inline-block; font-size:16px; top:8px; left:0px; vertical-align:top; line-height:0; color:#919ba2; margin:0 5px;}
.breadcrumb ul li a, .breadcrumb span a, .breadcrumb > span a { text-decoration:none; color:#919ba2;}
.breadcrumb ul li a:hover, .breadcrumb > span a:hover{ text-decoration:none; color:#ee4054;}
.breadcrumb span:last-child{margin-right:0px !important;}

/* footer */
footer{ width:100%; height:auto; background:#f4f6f6;}
footer .container{ position:relative; height:100%;}

footer .footer-top{ height:85px; display:block; background:#f4f6f6;}
footer .footer-top .footer-nav{ float:left; display:block; margin:35px 0 0 0;}
footer .footer-top .footer-nav ul{ margin:0; padding:0;}
footer .footer-top .footer-nav ul li{ float:left; margin:0 20px 0 0; padding:0; color:#313439; font-size:13px; font-weight:700; font-style:normal; position:relative;}
footer .footer-top .footer-nav ul li:before{ display:none;}
footer .footer-top .footer-nav ul li a{color:#313439; text-decoration:none;}
footer .footer-top .footer-nav ul li a:hover{ color:#ee4054;}


footer .footer-top .fb-like{ float:right; display:block; margin:30px 0 0 0;}
footer .footer-top .fb-like .fb-like-share{ float:left; margin:3px -18px 0 1px;}
footer .footer-top .fb-like .fb-like-share .fb_iframe_widget{margin: 0;}
footer .footer-top .fb-like .fb-text{float:right; position:relative; max-width:214px;}
footer .footer-top .fb-like .fb-text img{ width:100%; height:auto; display:block;}
footer .footer-top .fb-like .fb-text:before{ content:"f"; font-family:"mockup-love"!important; font-size:45px; left:-35px; bottom:-18px; color:#50545d; font-weight:normal; position:absolute; line-height:0.5;}

footer .footer-top .fb-like-outer{ float:right; display:block; margin:30px 0 0 0;}
footer .footer-top .fb-like-outer .fb-like-share{ float:left; margin:3px 10px 0 1px;width:300px;}
footer .footer-top .fb-like-outer .fb-text{float:right; position:relative; max-width:214px;}
footer .footer-top .fb-like-outer .fb-text img{ width:100%; height:auto; display:block;}
footer .footer-top .fb-like-outer .fb-text:before{ content:"f"; font-family:"mockup-love"!important; font-size:58px; color:#50545d; font-weight:normal; position:absolute; line-height:0.5; left:-35px; bottom:-19px;}

footer .footer-bottom{ display:block; background:#fff; border-top:1px solid #ecf0f1; height:60px;}
footer .footer-bottom .back-to-top{ float:left; width:40px; border-radius:40px 40px 0 0; background:#d1d5d6; height:45px; text-decoration:none; position:absolute; bottom:0; left:10px; }
footer .footer-bottom .back-to-top:before{font-size:20px; color:#50545d; position:absolute; left:10px; top:15px; line-height:0.5;}
footer .footer-bottom .back-to-top:hover{height:52px; background:#c1c5c6;}

footer .footer-bottom .copyright{ float:left; font-size:12px; color:#313439; margin:22px 0 0 60px;}

footer .footer-bottom .footer-logo{ display:block; float:left; margin:11px 0 0 140px;}
footer .footer-bottom .footer-logo figure.f-logo{ float:left; max-width:160px;}
footer .footer-bottom .footer-logo figure.f-logo img{ width:100%; height:auto; display:block;}
footer .footer-bottom .footer-logo figure.logo-text{ max-width:230px; float:left; margin:0 0 0 10px;}
footer .footer-bottom .footer-logo figure.logo-text img{ width:100%; height:auto; display:block;}

footer .footer-bottom .social-block{ float:right; display:block; margin:20px 0 0 0;}
footer .footer-bottom .social-block a{ display:block; margin:0 0 0 5px; float:left; line-height:0; width:22px; height:22px; text-decoration:none; font-size:22px;}
footer .footer-bottom .social-block a:hover{transform:scale(1.22); -webkit-transform:scale(1.22);}
footer .icon-facebook{ color:#395ba1;}
footer .icon-twitter{ color:#1ebdef;}
footer .icon-google-plus{ color:#d95031;}
footer .icon-pinterest{ color:#c33b2c;}
footer .icon-behance{ color:#3497db;}
footer .icon-dribbble{ color:#e05e8b;}

/*--------- home page ------------*/
/* top main ad part */
.top-ad-block{ margin-bottom:20px; border-radius:3px; background:#fff; transition:all 0.2s ease-in-out 0s;}
.top-ad-block figure{ display:block;}
.top-ad-block figure img{ display:block; width:100%; height:auto;}

/* main post part */
.main-block{ display:block; width:100%; overflow:hidden;}
.main-block .container{ max-width:104%; width:104%; padding:0;}
.main-block .post{ background:#fff; border-radius:3px; max-width:265px; width:100%; float:left; box-shadow:1px 1px 1px 0 #e5e7ea; margin:0 30px 30px 0;}
.main-block .post .post-thumb{ position:relative; display:block; overflow:hidden; border-radius:3px 3px 0 0; border:1px solid #ffffff; box-sizing:border-box;}
.main-block .post .post-thumb img{ width:100%; display:block;  transition:all 300ms ease-in-out 0s;}
.main-block .post .post-thumb:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); }
.main-block .post .post-thumb figcaption{ display:block; position:absolute; z-index:1; left:0; top:0; background:rgba(255,255,255,0.95); width:100%; height:100%; opacity:0; visibility:hidden; transition:cubic-bezier(.77,0,.175,1).4s; -webkit-transition:cubic-bezier(.77,0,.175,1).4s; transform-origin:center; -webkit-transform-origin:center; clip-path:circle(0 at 50% 50%); -webkit-clip-path:circle(0 at 50% 50%);}
.main-block .post .post-thumb figcaption a{ height:100%; display:block; padding:20px; font-size:12px; font-weight:700; text-decoration:none; box-sizing:border-box;}
.main-block .post .post-thumb figcaption a div{ transition:cubic-bezier(.77,0,.175,1).5s; -webkit-transition:cubic-bezier(.77,0,.175,1).5s; transform:translate(0%,12%); transition-delay:.3s; -webkit-transition-delay:.3s; opacity:0;}
.main-block .post .post-thumb figcaption a p{ color:#595d64; margin:0 0 10px;font-size:12px; font-weight:700;}
.main-block .post .post-thumb figcaption a .published{ color:#9398a0;}
.main-block .post .post-thumb:hover figcaption{ opacity:1; visibility:visible; -webkit-clip-path:circle(100% at 50% 50%); clip-path:circle(100% at 50% 50%);}
.main-block .post .post-thumb:hover figcaption a div{transform:translate(0%,0%); -webkit-transform:translate(0%,0%); opacity:1;}

.main-block .post .post-desc{ padding:10px 15px 10px 53px; display:block; clear:both; position:relative;}
.main-block .post .post-desc .title{ display:block; margin:5px 0 8px 0;}
.main-block .post .post-desc .title:before{font-size:30px; font-weight:normal; position:absolute; left:15px; top:10px;}
.main-block .post .post-desc .title h2{ font-size:13px; color:#313439; font-weight:900; line-height:1.2; margin:0;}
.main-block .post .post-desc .title h2 a{color:#313439; text-decoration:none;}
.main-block .post .post-desc .title h2 a:hover{color:#ff4a64;}
.main-block .post .post-desc .tags{ display:block;}
.main-block .post .post-desc .tags a{ color:#9398a0; font-size:11px; float:left; text-decoration:none; margin:0 7px 0 0; font-weight:400;}
.main-block .post .post-desc .tags a:hover{ color:#ff4a64;}

.main-block .post .tools{ display:block; clear:both; border-top:1px solid #f2f4f7; padding:10px 15px 5px; text-align:center;}
.main-block .post .tools a, .main-block .post .tools span{ text-decoration:none; color:#b2b5b9; font-size:11px; font-weight:400; position:relative; padding:0 0 0 20px;}
.main-block .post .tools a:before, .main-block .post .tools span:before{position:absolute; left:0; top:0;}
.main-block .post .tools a:hover, .main-block .post .tools a:hover:before{ color:#ff4a64;}
.main-block .post .tools .views{ float:left;}
.main-block .post .tools .views:before{ font-size:17px; color:#b2b5b9;}
.main-block .post .tools .download{ margin:0 auto; position:relative;  top:-4px;}
.main-block .post .tools .download:before{ font-size:15px; color:#b2b5b9;}
.main-block .post .tools .loveit{ float:right; padding:0 0 0 17px;}
.main-block .post .tools .loveit:before{ font-size:11px; color:#b2b5b9; line-height:1.6;}

.icon-psd{color:#00a3e7;}
.illustrator .title{color:#f5a200;}
.skatch .title{color:#ffc800;}
.free-fonts .title{color:#44d196;}
.code-stuff  .title{color:#ff7151;}
.free-stock-photos .title{color:#9398a0;}
.blog-post .title{color:#00a3e7;}

/* ad block part */
.main-block .post.ad-block{ display:block; background:none; box-shadow:none; margin-bottom:0;}
.main-block .post.ad-block figure{ display:block; margin-bottom:30px;}
.main-block .post.ad-block figure a{ display:block;}
.main-block .post.ad-block figure img{ display:block; width:100%; height:auto;}

/* pagination part */
.paging-navigation{ clear:both; display:block; margin-top:10px;}
.paging-navigation a{ max-width:150px; width:100%; height:35px; position:relative; background:#fff; border-radius:30px; border:1px solid #e7eaee; display:inline-block; text-align:center; text-decoration:none; line-height:34px; color:#313439; font-size:13px; font-weight:700; transition:all 0.2s ease-in-out 0s;}
.paging-navigation a span{ position:relative; transition:all 0.2s ease-in-out 0s;}
.paging-navigation a.btn-previous span{right:0;}
.paging-navigation .btn-previous{ float:right;}
.paging-navigation a:hover{border:1px solid #d1d5d6;}
.paging-navigation a i:before{ font-size:24px; position:relative; top:8px; line-height:0;}
.paging-navigation a i.icon-arrow-back:before{ left:42px; top:18px; transition:all 0.2s ease-in-out 0s; position:absolute; opacity:0;}
.paging-navigation a:hover i.icon-arrow-back:before{left:25px; opacity:1;}
.paging-navigation a.btn-previous:hover span{  right:15px;}

.paging-navigation a i.icon-arrow-next:before{right:42px; top:18px; transition:all 0.2s ease-in-out 0s; position:absolute; opacity:0; }
.paging-navigation .btn-next{ float:left;}
.paging-navigation a.btn-next span{left:0;}
.paging-navigation a:hover i.icon-arrow-next:before{ right:20px; opacity:1; }
.paging-navigation a.btn-next:hover span{left:15px;}

/*--------- about page ------------*/
.about-block{ position:fixed; width:100%; height:100%; background:rgba(255,255,255,0.98); z-index:999; text-align:center; opacity:0; visibility:hidden; transition:all 0.4s ease-in-out 0s;}
.about-block .container{display:table; vertical-align:middle; height:100%;}
.about-block .description{ vertical-align:middle; display:table-cell;}
.about-block .description > div {max-width:680px; width:100%; padding:0 10px; box-sizing:border-box;}
.about-block .description .btn-close{ position:absolute; right:40px; top:40px; text-decoration:none; color:#50545d; font-size:24px; width:30px; height:30px; transition:all 0.3s ease-in-out 0s;}
.about-block .description .btn-close:before{ position:absolute; left:3px; top:3px;}
.about-block .description .btn-close:hover{transform:rotate(-90deg); -webkit-transform:rotate(-90deg); color:#ee4054;}
.about-block .description figure{ margin-bottom:45px; display:inline-block;}
.about-block .description figure img{ width:100%; height:auto; display:block;}
.about-block .description p{ font-size:24px; font-weight:300; color:#000; line-height:1.4;}
.about-block .description .counting{ display:block; line-height:1.2; padding-top:25px;}
.about-block .description .counting span{ font-size:36px; font-weight:300; color:#ee4054; display:block;}
.about-block .description .counting small{ font-size:17px; font-weight:300; color:#000; clear:both; display:block;}
.about-is-open{overflow:hidden; position:fixed; width:100%;}
.about-is-open .about-block{ opacity:1; visibility:visible;}

/*--------- detail page ------------*/
/* main post detail part */
.main-block-detail{display:block; width:100%;}
.main-block-detail .post{ width:100%; display:block; margin-bottom:35px; padding-bottom:30px; border-bottom:1px solid #d2d6d7;}
.main-block-detail .post .wight-block{ display:block; background:#fff; border-radius:3px; box-shadow:1px 1px 1px 0 #e5e7ea; border:1px solid #ffffff; box-sizing:border-box; margin-bottom:30px;}
.main-block-detail .post .title{ padding:15px 15px 20px 70px; position:relative;}
.main-block-detail .post .title:before{font-size:40px; font-weight:normal; position:absolute; left:15px; top:17px;}
.main-block-detail .post .title h1{ font-size:22px; color:#313439; font-weight:600; margin-bottom:0; line-height:1.2;}
.main-block-detail .post .title span{ display:block; clear:both; font-size:12px; color:#9398a0; line-height:14px; font-weight:400; margin-top:2px;}
.main-block-detail .post .post-thumb{ display:block;}
.main-block-detail .post .post-thumb img{ width:100%; height:auto; display:block;}

.main-block-detail .post .post-desc{ display:block; clear:both;}
.main-block-detail .post .post-desc h2{ font-size:16px; color:#313439; font-weight:600; display:block; margin-bottom:17px;}
.main-block-detail .post .post-desc h2:after{ content:""; width:76px; height:1px; background:#d2d6d7; display:block; margin-top:14px;}
.main-block-detail .post .post-desc p{line-height:1.6; font-size:14px; padding:0 58px 0 0;}
.main-block-detail .post .post-desc p strong{ color:#000;}
.main-block-detail .post .post-desc p a{ color:#000;}
.main-block-detail .post .post-desc p a:hover{color:#e9003c;}
.main-block-detail .post .post-desc .full-img{ display:block; margin-bottom:15px;}
.main-block-detail .post .post-desc .full-img img{ width:100%; height:auto; display:block;}
.main-block-detail .post .post-desc .tags{ display:block; clear:both; margin-bottom:17px;}
.main-block-detail .post .post-desc .tags:before{color:#9398a0; font-size:17px; margin-right:5px; position:relative; top:4px;}
.main-block-detail .post .post-desc .tags a{ color:#595d64; font-size:13px; margin:0 0 0 5px; text-decoration:none;}
.main-block-detail .post .post-desc .tags a:hover{color:#000; text-decoration:underline;}
.main-block-detail .post .post-desc .share-this{ display:block; clear:both; margin-bottom:10px;}
.main-block-detail .post .post-desc .share-this:before{content:""; width:62px; height:1px; background:#d2d6d7; display:block; margin-bottom:14px;}
.main-block-detail .post .post-desc .share-this h3{ font-size:13px; color:#595d64; font-weight:600; margin-bottom:12px;}
.main-block-detail .post .post-desc .share-this ul{margin:0; padding:0; clear:both;}
.main-block-detail .post .post-desc .share-this ul li{display:block; float:left; margin:0 6px 3px 0; list-style:none; padding:0; font-style:normal;}
.main-block-detail .post .post-desc .share-this ul li:before{ display:none;}
.main-block-detail .post .post-desc .share-this ul li a{ background:#fff; border-radius:30px; height:26px; line-height:26px; box-shadow:1px 1px 1px 0 #e5e7ea; padding:0 11px; display:block; text-decoration:none; font-size:11px; color:#777777; transition:all 0.2s ease-in-out 0s;}
.main-block-detail .post .post-desc .share-this ul li a:before{ transition:all 0.2s ease-in-out 0s;}
.main-block-detail .post .post-desc .share-this ul li a .share-count{transition:all 0.2s ease-in-out 0s;}
.main-block-detail .post .post-desc .share-this ul li a.share-facbook .share-count{color:#365392; margin-left:4px;}
.main-block-detail .post .post-desc .share-this ul li a.share-facbook:before{color:#365392; float:left; font-size:13px; position:relative; top:6px; margin-right:5px;}
.main-block-detail .post .post-desc .share-this ul li a.share-facbook:hover{ background:#365392; color:#fff;}
.main-block-detail .post .post-desc .share-this ul li a.share-twitter .share-count{color:#1ebdef; margin-left:4px;}
.main-block-detail .post .post-desc .share-this ul li a.share-twitter:before{color:#1ebdef; float:left; font-size:15px; position:relative; top:6px; margin-right:5px;}
.main-block-detail .post .post-desc .share-this ul li a.share-twitter:hover{ background:#1ebdef; color:#fff;}
.main-block-detail .post .post-desc .share-this ul li a.share-google-plus .share-count{color:#d95031; margin-left:4px;}
.main-block-detail .post .post-desc .share-this ul li a.share-google-plus:before{color:#d95031; float:left; font-size:18px; position:relative; top:4px; margin-right:5px;}
.main-block-detail .post .post-desc .share-this ul li a.share-google-plus:hover{ background:#d95031; color:#fff;}
.main-block-detail .post .post-desc .share-this ul li a.share-pinterest .share-count{color:#c33b2c; margin-left:4px;}
.main-block-detail .post .post-desc .share-this ul li a.share-pinterest:before{color:#c33b2c; float:left; font-size:16px; position:relative; top:6px; margin-right:5px;}
.main-block-detail .post .post-desc .share-this ul li a.share-pinterest:hover{ background:#c33b2c; color:#fff;}
.main-block-detail .post .post-desc .share-this ul li a.share-behance .share-count{color:#3497db; margin-left:4px;}
.main-block-detail .post .post-desc .share-this ul li a.share-behance:before{color:#3497db; float:left; font-size:16px; position:relative; top:5px; margin-right:5px;}
.main-block-detail .post .post-desc .share-this ul li a.share-behance:hover{ background:#3497db; color:#fff;}
.main-block-detail .post .post-desc .share-this ul li a:hover:before{color:#fff;}
.main-block-detail .post .post-desc .share-this ul li a:hover .share-count{color:#fff;}

.main-block-detail .post .post-desc .license-type{ color:#9398a0; font-size:12px; margin-bottom:32px;}
.main-block-detail .post .post-desc .btn-block{ clear:both; display:block;}
.main-block-detail .post .post-desc .btn-download-now{ background:#ee4054; height:45px; line-height:45px; border-radius:30px; padding:0 30px; font-size:16px; color:#fff; font-weight:600; text-decoration:none; display:block; float:left; margin:0 11px 0 0;}
.main-block-detail .post .post-desc .icon-download:before{ font-size:22px; float:left; position:relative; top:11px; margin-right:8px;}
.main-block-detail .post .post-desc .btn-main{background:#ee4054; height:45px; line-height:45px; border-radius:5px; padding:0 28px; font-size:16px; color:#fff; font-weight:600; text-decoration:none; display:block; float:left; margin:0 8px 0 0;}
.main-block-detail .post .post-desc .btn-main:hover{background:#ff6074; }
.main-block-detail .post .post-desc .btn-love-it{background:#fff; height:45px; line-height:45px; border-radius:30px; width:45px; font-size:22px; color:#d2d6d7; text-decoration:none; display:block; float:left; box-shadow:1px 1px 1px 0 #e5e7ea; margin:0 11px 0 0;}
.main-block-detail .post .post-desc .btn-love-it:before{ content:""; animation:animatelove 2.0s infinite; -webkit-animation:animatelove 2.0s infinite; background:url(images/love-color.svg) no-repeat center center; background-size:cover; width:25.5px; height:22px; display:block; position:relative; margin-left:10px; top:12px;}

/* ad detail bottom block part */
.ad-detail-bottom-block{ display:block; width:100%; height:auto; margin-bottom:40px;}
.ad-detail-bottom-block figure{display:block; border-radius:3px; box-shadow:1px 1px 1px 0 #e5e7ea; border:1px solid #ffffff; box-sizing:border-box;}
.ad-detail-bottom-block figure img{ width:100%; height:auto; display:block; border-radius:2px;}

/* related post part */
.related-post{ margin-bottom:20px;}
.related-post .related-post-title{color:#313439; font-size:15px; line-height:26px; font-weight:600; margin-bottom:15px;}
.related-post .all-related-post{ display:block;}
.related-post .all-related-post .post{ max-width:175px; float:left; margin:0 0 0 17px;}
.related-post .all-related-post .post:first-child{ margin:0;}
.related-post .all-related-post .post .post-thumb{ display:block; border-radius:3px; box-shadow:1px 1px 1px 0 #e5e7ea; margin:0 0 13px 0; overflow:hidden; border:1px solid #ffffff; box-sizing:border-box;}
.related-post .all-related-post .post .post-thumb img{display:block; transition: all 200ms ease-in-out 0s; width:100%;} 
.related-post .all-related-post .post .post-thumb a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.related-post .all-related-post .post .title{ line-height:15px; font-size:13px; color:#313439; font-weight:600;}
.related-post .all-related-post .post .title a{ color:#313439; text-decoration:none;}
.related-post .all-related-post .post .title a:hover{text-decoration:underline;}

/* ad detail right block part */
.ad-detail-right-block{ display:block; background:none; box-shadow:none; margin-bottom:0;}
.ad-detail-right-block figure{ display:block; margin-bottom:30px;}
.ad-detail-right-block figure a{ display:block;}
.ad-detail-right-block figure img{ display:block; width:100%; height:auto;}

/* latest post part */
.latest-post{ margin-bottom:20px;}
.latest-post .latest-post-title{color:#313439; font-size:15px; line-height:26px; font-weight:600; margin-bottom:15px;}
.latest-post .all-latest-post{ display:block;}
.latest-post .all-latest-post .post{ max-width:125px; float:left;}
.latest-post .all-latest-post .post:nth-child(1){margin:0 15px 20px 0;}
.latest-post .all-latest-post .post:nth-child(2){margin:0 0 20px 0;}
.latest-post .all-latest-post .post:nth-child(3){margin:0 15px 20px 0; clear:both;}
.latest-post .all-latest-post .post:nth-child(4){margin:0 0 20px 0;}
.latest-post .all-latest-post .post .post-thumb{ display:block; border-radius:3px; box-shadow:1px 1px 1px 0 #e5e7ea; margin:0 0 13px 0; overflow:hidden; border:1px solid #ffffff; box-sizing:border-box;}
.latest-post .all-latest-post .post .post-thumb img{display:block; transition: all 200ms ease-in-out 0s; width:100%;} 
.latest-post .all-latest-post .post .post-thumb a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.latest-post .all-latest-post .post .title{ line-height:15px; font-size:13px; color:#313439; font-weight:600;}
.latest-post .all-latest-post .post .title a{ color:#313439; text-decoration:none;}
.latest-post .all-latest-post .post .title a:hover{text-decoration:underline;}

/* detail pagination part */
.detail-paging-navigation{clear:both; display:block;}
.detail-paging-navigation a{ display:inline-block; width:56px; height:35px; position:fixed; z-index:9; top:300px; background:#fff; border-radius:30px; border:1px solid #e7eaee; text-align:center; text-decoration:none; line-height:34px; color:#313439; font-size:13px; font-weight:700; transition:all 0.2s ease-in-out 0s;}
.detail-paging-navigation a span{ position:relative; transition:all 0.2s ease-in-out 0s;}
.detail-paging-navigation a[rel="prev"] span{left:38px; opacity:0; position:absolute; width:80px;}
.detail-paging-navigation a[rel="next"] span{right:38px; opacity:0; position:absolute; width:65px;}
.detail-paging-navigation a:hover{border:1px solid #d1d5d6;}
.detail-paging-navigation a i:before{ font-size:24px; position:relative; top:17px; line-height:0;}
.detail-paging-navigation a i.icon-arrow-back:before{ transition:all 0.2s ease-in-out 0s; left:15px; position:absolute;}
.detail-paging-navigation a i.icon-arrow-next:before{ transition:all 0.2s ease-in-out 0s; right:15px; position:absolute;}
.detail-paging-navigation a[rel="prev"]{left:15px;}
.detail-paging-navigation a[rel="next"]{ right:15px;}

.detail-paging-navigation a[rel="prev"]:hover{width:150px;}
.detail-paging-navigation a[rel="prev"]:hover span{ left:45px; opacity:1; transition:all 0.3s ease-in-out 0.1s;}
.detail-paging-navigation a[rel="next"]:hover{width:130px;}
.detail-paging-navigation a[rel="next"]:hover span{ right:45px; opacity:1; transition:all 0.3s ease-in-out 0.1s;}

/*--------- privacy policy page ------------*/
.text-content h2, .text-content h3, .text-content h4, .text-content h5, .text-content h6{ margin-bottom:12px;}
.text-content a{color:#e9003c; text-decoration:none;}
.text-content a:hover{ text-decoration:underline;}
.text-content .message,.entry-content p.message{ font-size:20px; line-height:1.3; font-weight:300; margin-bottom:25px;}

/*--------- contact-us page ------------*/
.contact-us{ display:block;}
.contact-us p{ width:85%; margin-left:0;}
.default-form{display:block; clear:both;}
.default-form .block{ display:block; clear:both; margin-bottom:15px;}
.default-form .block label{ display:block; float:left;}
.default-form .block label .input-style{ width:100%;}
.default-form .block label .input-textarea{width:100%; height:155px;}
.default-form .block label.last{margin:0 0 0 0;}
.default-form .block label .title{ display:block; color:#595d64; font-size:16px; font-weight:600; margin-bottom:5px;}
.default-form .two-col label{ width:48%; margin:0 4% 0 0;}
.default-form .one-col label{ width:100%; margin:0;}
.default-form .captcha span{ font-size:16px; color:#595d64; max-width:80px; display:block; float:left; height:40px; line-height:40px; width:100%;}
.default-form .captcha .input-style{ max-width:480px;}
.btn-send-message{ height:45px; padding:0 30px 0 66px; background:#ee4054; border-radius:45px; color:#fff; font-size:16px; line-height:8px; position:relative; margin-top:5px;}
.btn-send-message::before{ font-size:38px; color:#fff; font-size:38px; font-weight:normal; left:0; line-height:0.6; position:absolute; top:4px; left:24px;}
.btn-send-message:hover{background:#ff6074;}

.success-message{border-radius:30px; background:#a3eeb7; color:#3c763d; padding:10px 20px; box-shadow:1px 1px 1px 0 #e5e7ea; line-height:1.2;}
.error-message{ border-radius:30px; background:#fcf8e3; color:#8a6d3b; padding:10px 20px; box-shadow:1px 1px 1px 0 #e5e7ea; line-height:1.2;}

/*--------- submit a file page ------------*/
.submit-a-file{ display:block;}
.submit-a-file p{ width:85%; margin-left:0;}
.submit-a-file .uploader{ background:#fff; border:0 none; border-radius:20px; line-height:40px; box-shadow: 1px 1px 1px 0 #e5e7ea; box-sizing:border-box; color:#595d64; font-family: "Lato",Arial,Helvetica,sans-serif; font-size:14px; font-weight:400; height:40px; padding: 0 20px 0 10px;}
.submit-a-file .file-upload{ opacity:0; width:0;}
.submit-a-file .action{ float:left; background:#9398a0; height:26px; border-radius:20px; color:#fff; font-size:13px; margin:7px 10px 0 0; line-height:26px; padding:0 20px; cursor:pointer;}

/*--------- search results page ------------*/
.search-results{ display:block;}
.search-results h4{ color:#9398a0; font-size:14px;}
.search-results h4 span{ color:#ee4054;}

/*--------- search results nothing found page ------------*/
.search-results-nothing-found{ display:block;}
.search-results-nothing-found p{width:85%; margin-left:0;}
.search-results-nothing-found h4{ color:#9398a0; font-size:14px;}
.search-results-nothing-found h4 span{ color:#ee4054;}
.search-results-nothing-found .search-block{ width:100%; position:relative;}
.search-results-nothing-found .search-block .input-style{ width:100%; height:40px; background:#fff; border-radius:50px; padding:0 50px 0 22px; box-sizing:border-box; border:none; font-size:14px; color:#595d64; font-weight:500; transition:all 0.3s ease-in-out 0s;}
.search-results-nothing-found .search-block .input-style:focus{color:#737880;}
.search-results-nothing-found .search-block .btn-search{ width:20px; height:20px; display:block; position:absolute; top:9px; right:18px; padding:0; z-index:1; font-size:20px; color:#b0b0b0;}
.search-results-nothing-found .search-block .btn-search:before{ position:absolute; left:1px; top:1px;}
.search-results-nothing-found .search-block .btn-search:hover, .search-results-nothing-found .focus .btn-search{color:#ee4054;}

/*--------- blog page ------------*/
/* blog post part */
.blog{ display:block; width:100%; overflow:hidden;}
.content-column .blog .container{ max-width:104%; width:104%; padding:0;}
.blog .post{ background:#fff; border-radius:3px; max-width:265px; width:100%; float:left; box-shadow:1px 1px 1px 0 #e5e7ea; margin:0 30px 30px 0;}
.blog .post .post-thumb{ position:relative; display:block; overflow:hidden; border-radius:3px 3px 0 0; border:1px solid #ffffff; box-sizing:border-box;}
.blog .post .post-thumb img{ width:100%; display:block;  transition:all 300ms ease-in-out 0s;}
.blog .post .post-thumb:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}

.blog .post .post-desc{ padding:10px 15px 10px 53px; display:block; clear:both; position:relative;}
.blog .post .post-desc .title{ display:block; margin:5px 0 8px 0;}
.blog .post .post-desc .title:before{font-size:30px; font-weight:normal; position:absolute; left:15px; top:10px;}
.blog .post .post-desc .title h2{ font-size:13px; color:#313439; font-weight:900; line-height:1.2; margin:0;}
.blog .post .post-desc .title h2 a{color:#313439; text-decoration:none;}
.blog .post .post-desc .title h2 a:hover{color:#ff4a64;}

.blog .post .tools{ display:block; clear:both; border-top:1px solid #f2f4f7; padding:10px 15px 10px; text-align:center;}
.blog .post .tools a, .blog .post .tools span{ text-decoration:none; color:#b2b5b9; font-size:11px; font-weight:400; position:relative; padding:0 0 0 20px;}
.blog .post .tools a:before, .blog .post .tools span:before{position:absolute; left:0; top:0;}
.blog .post .tools a:hover, .blog .post .tools a:hover:before{ color:#ff4a64;}
.blog .post .tools .date{ float:left;}
.blog .post .tools .date:before{ font-size:17px; color:#b2b5b9;}
.blog .post .tools .views{ float:right;}
.blog .post .tools .views:before{ font-size:17px; color:#b2b5b9;}

/* blog post part */
.blog .main-post{max-width:560px;}
.blog .main-post .post-desc{padding:0;}
.blog .main-post .post-desc .title{ padding:15px 15px 8px 70px; position:relative;}
.blog .main-post .post-desc .title:before{font-size:40px; font-weight:normal; position:absolute; left:15px; top:10px;}
.blog .main-post .post-desc .title h2{ font-size:22px; color:#313439; font-weight:600; margin-bottom:0; line-height:1.2;}
.blog .main-post .post-desc .title span{ display:block; clear:both; font-size:12px; color:#9398a0; line-height:14px; font-weight:400; margin-top:13px;}

/*--------- blog detail page ------------*/
.blog-detail{ border-bottom:1px solid #d2d6d7; margin-bottom:30px;}
.blog-detail .post{ background:#fff; border-radius:3px; max-width:100%; width:100%; float:left; box-shadow:1px 1px 1px 0 #e5e7ea; margin:0 0 20px 0;}
.blog-detail .post .post-thumb{ position:relative; display:block; overflow:hidden; border-radius:3px 3px 0 0; border:1px solid #ffffff; box-sizing:border-box;}
.blog-detail .post .post-thumb img{ width:100%; display:block;  transition:all 300ms ease-in-out 0s;}
.blog-detail .post .post-desc{ display:block; clear:both; position:relative;}
.blog-detail .post-desc .title{ padding:20px 15px 16px 70px; position:relative;}
.blog-detail .post-desc .title:before{font-size:40px; font-weight:normal; position:absolute; left:15px; top:15px;}
.blog-detail .post-desc .title h2{ font-size:22px; color:#313439; font-weight:600; margin-bottom:0; line-height:1.2;}
.blog-detail .post-desc .title span{ display:block; clear:both; font-size:12px; color:#9398a0; line-height:14px; font-weight:400; margin-top:13px;}

.blog-detail .share-this{ display:block; clear:both; margin-bottom:30px;}
.blog-detail .share-this:before{content:""; width:62px; height:1px; background:#d2d6d7; display:block; margin-bottom:14px;}
.blog-detail .share-this h3{ font-size:13px; color:#595d64; font-weight:600; margin-bottom:12px;}
.blog-detail .share-this ul{margin:0; padding:0; clear:both;}
.blog-detail .share-this ul li{display:block; float:left; margin:0 6px 3px 0; list-style:none; padding:0; font-style:normal;}
.blog-detail .share-this ul li:before{ display:none;}
.blog-detail .share-this ul li a{ background:#fff; border-radius:30px; height:26px; line-height:26px; box-shadow:1px 1px 1px 0 #e5e7ea; padding:0 11px; display:block; text-decoration:none; font-size:11px; color:#777777; transition:all 0.2s ease-in-out 0s;}
.blog-detail .share-this ul li a:before{ transition:all 0.2s ease-in-out 0s;}
.blog-detail .share-this ul li a .share-count{transition:all 0.2s ease-in-out 0s;}
.blog-detail .share-this ul li a.share-facbook .share-count{color:#365392; margin-left:4px;}
.stButton_gradient.stHBubble{color:#365392; margin-left:4px;}
.stButton .stArrow{background:none !important;margin:0;padding:0;}
.share-this ul li a.share-facbook:before{color:#365392; float:left; font-size:13px; position:relative; top:6px; margin-right:5px;}
.share-this ul li a.share-facbook:hover, .share-this ul li a.share-facbook:hover .stBubble_hcount{ background:#365392; color:#fff;}
.share-this ul li a.share-twitter .stBubble_hcount{color:#1ebdef; margin-left:4px;}
.share-this ul li a.share-twitter:before{color:#1ebdef; float:left; font-size:15px; position:relative; top:6px; margin-right:5px;}
.share-this ul li a.share-twitter:hover, .share-this ul li a.share-twitter:hover .stBubble_hcount{ background:#1ebdef; color:#fff;}
.share-this ul li a.share-google-plus .stBubble_hcount{color:#d95031; margin-left:4px;}
.share-this ul li a.share-google-plus .stButton_gradient{display:none;}
.share-this ul li a.share-google-plus:before{color:#d95031; float:left; font-size:18px; position:relative; top:4px; margin-right:5px;}
.share-this ul li a.share-google-plus:hover, .share-this ul li a.share-google-plus:hover .stBubble_hcount{ background:#d95031; color:#fff;}
.share-this ul li a.share-pinterest .stBubble_hcount{color:#c33b2c; margin-left:4px;}
.share-this ul li a.share-pinterest:before{color:#c33b2c; float:left; font-size:16px; position:relative; top:6px; margin-right:5px;}
.share-this ul li a.share-pinterest:hover, .share-this ul li a.share-pinterest:hover .stBubble_hcount{ background:#c33b2c; color:#fff;}
.share-this ul li a.share-behance .share-count{color:#3497db; margin-left:4px;}
.share-this ul li a.share-behance:before{color:#3497db; float:left; font-size:16px; position:relative; top:5px; margin-right:5px;}
.share-this ul li a.share-behance:hover{ background:#3497db; color:#fff;}
.share-this ul li a:hover:before{color:#fff;}
.share-this ul li a:hover .share-count{color:#fff;}
.stButton, .stButton .stHBubble, .stButton .stArrow, .stButton .stHBubble{padding:0 !important;margin:0 !important;}
.stBubble_hcount{padding:0 !important;}

.share-this ul li a {transition: all 0.2s ease-in-out 0s;}

.share-this ul li a .icon-share-facebook{color:#365392; float:left; font-size:13px; position:relative; top:1px; margin-right:5px; transition: all 0.2s ease-in-out 0s;}
.share-this ul li a:hover .icon-share-facebook{ color:#fff;}

.share-this ul li a .icon-share-twitter{color:#1ebdef; float:left; font-size:15px; position:relative; top:3px; margin-right:5px; transition: all 0.2s ease-in-out 0s;}
.share-this ul li a:hover .icon-share-twitter{ color:#fff;}

.share-this ul li a .icon-share-google-plus{color:#d95031; float:left; font-size:18px; position:relative; top:2px; margin-right:5px;transition: all 0.2s ease-in-out 0s;}
.share-this ul li a:hover .icon-share-google-plus{  color:#fff;}

.share-this ul li a .icon-share-pinterest{color:#c33b2c; float:left; font-size:16px; position:relative; top:2px; margin-right:5px;transition: all 0.2s ease-in-out 0s;}
.share-this ul li a:hover .icon-share-pinterest{ color:#fff;}

.share-this ul li.jssocials-share-facebook .jssocials-share-count{color:#365392; transition: all 0.2s ease-in-out 0s; font-weight:600;}
.share-this ul li.jssocials-share-facebook a:hover .jssocials-share-count{color:#fff; transition: all 0.2s ease-in-out 0s;}
.share-this ul li.jssocials-share-twitter .jssocials-share-count{color:#1ebdef; transition: all 0.2s ease-in-out 0s; font-weight:600;}
.share-this ul li.jssocials-share-twitter a:hover .jssocials-share-count{color:#fff; transition: all 0.2s ease-in-out 0s;}
.share-this ul li.jssocials-share-googleplus .jssocials-share-count{color:#d95031; transition: all 0.2s ease-in-out 0s; font-weight:600;}
.share-this ul li.jssocials-share-googleplus a:hover .jssocials-share-count{color:#fff; transition: all 0.2s ease-in-out 0s;}
.share-this ul li.jssocials-share-pinterest .jssocials-share-count{color:#c33b2c; transition: all 0.2s ease-in-out 0s; font-weight:600;}
.share-this ul li.jssocials-share-pinterest a:hover .jssocials-share-count{color:#fff; transition: all 0.2s ease-in-out 0s;}

.jssocials-share-count{margin-left: 5px;}
.share-this ul li.jssocials-share-facebook a:hover{background:#365392; color:#fff;}
.share-this ul li.jssocials-share-twitter a:hover{background:#1ebdef; color:#fff;}
.share-this ul li.jssocials-share-googleplus a:hover{ background:#d95031; color:#fff;}
.share-this ul li.jssocials-share-pinterest a:hover{background:#c33b2c; color:#fff;}

.main-block-detail .post .post-desc .share-this ul li.jssocials-share-facebook a:hover{background:#365392; color:#fff;}
.main-block-detail .post .post-desc .share-this ul li.jssocials-share-twitter a:hover{background:#1ebdef; color:#fff;}
.main-block-detail .post .post-desc .share-this ul li.jssocials-share-googleplus a:hover{ background:#d95031; color:#fff;}
.main-block-detail .post .post-desc .share-this ul li.jssocials-share-pinterest a:hover{background:#c33b2c; color:#fff;}

/*--------- 404 page ------------*/
.page404{ display:block; text-align:center;}
.page404 figure{ display:block; margin-top:-20px; margin-bottom:30px; max-width:835px;}
.page404 figure img{ display:block; height:auto; width:100%;}
.page404 p{ color:#50545d; font-size:26px; font-weight:300; font-style:italic; margin-bottom:50px;}
.page404 p a{ color:#ee4054; text-decoration:none;}
.page404 p a:hover{ text-decoration:underline;}

/*--------- last edits ------------*/
.mc4wp-response .mc4wp-alert{ margin-top:10px;}
.mc4wp-response > p{margin-bottom:0;}
.newsletter-block .mc4wp-alert p {margin-bottom:0;}
.main-block-detail .post .post-desc p.full-img{ padding:0; display:block; border-radius:3px; box-shadow:1px 1px 1px 0 #e5e7ea; margin:0 0 15px 0; overflow:hidden; border:1px solid #ffffff; box-sizing:border-box;}
.main-block-detail .post .post-desc p.full-img img{ width:100%; height:auto; display:block;}

/*--------- Other edits ------------*/
nav.post-navigation{margin:0;padding:0;}
.post-navigation h2{display:none;}
.default-form .captcha span{max-width:100% ;}
.default-form .captcha .input-style{float:right;}
.wpcf7-validation-errors{background: #fcf8e3 none repeat scroll 0 0; border-radius: 30px; box-shadow: 1px 1px 1px 0 #e5e7ea; color: #8a6d3b;   line-height: 1.2; padding: 10px 20px !important;}
div.wpcf7-response-output { margin: 0; padding: 0;}

.wpcf7-mail-sent-ok { background: #a3eeb7 none repeat scroll 0 0; border-radius: 30px; box-shadow: 1px 1px 1px 0 #e5e7ea; color: #3c763d;   line-height: 1.2;  padding: 10px 20px;}
.stButton .st-twitter-counter, .stButton .st-facebook-counter{display:none !important;}
.stButton_gradient.stHBubble { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; border: 0 none !important;color: #365392 !important;
    font-weight: bold!important; margin-left: 4px !important; padding-left:71px !important; position:absolute !important; right:-15px !important;}
.stButton .googleplus{display:none !important;}
.stMainServices.st-pinterest-counter{display:none !important;}
.st_googleplus_hcount .stButton_gradient{}	
.st_facebook_hcount,.st_twitter_hcount,.st_googleplus_hcount,.st_pinterest_hcount{margin-right:15px;}
.wpcf7-not-valid-tip{display:none !important;}
.wpcf7-not-valid{border:1px solid red !important;}
div.wpcf7-validation-errors{border:none !important;}
.wpcf7-mail-sent-ok{ background: #a3eeb7 none repeat scroll 0 0;border-radius: 30px;box-shadow: 1px 1px 1px 0 #e5e7ea;color: #3c763d;line-height: 1.2;
    padding: 10px 20px !important;border:none !important;}
.widget_wysija_cont .updated, .widget_wysija_cont .login .message{background: #a3eeb7 none repeat scroll 0 0 !important;border-radius: 50px !important;border:none !important;}
.widget_wysija_cont .allmsgs ul li::before{content: "" !important;}


body .formError{display: none !important;}
body .formError + .input-style{border-color: #ff0000;}
body .widget_wysija{display: block !important; opacity: 1 !important;}

body .widget_wysija_cont .wysija-msg{display: none !important;}
.csbuttons-count{margin-left: 8px;}



.blog-detail img{max-width: 100%; height: auto; border: 1px solid #ffffff;
border-radius: 3px;
box-shadow: 1px 1px 1px 0 #e5e7ea}

.blog-detail iframe{width: 100%;}
.main-block-detail .post .post-desc .license-type{margin-bottom:0;}
.main-block-detail .post .post-desc .btn-block{margin-top: 30px;}
.main-block-detail .post .post-desc .btn-main{ margin: 0 13px 0 0;}
.default-form .captcha span.wpcf7-quiz-label{width: auto;}

/* breadcrumb online  
.breadcrumb{display:block; width:100%; margin-bottom:10px;}
.breadcrumb span a span, .breadcrumb span a span:last-child, .breadcrumb span a span:first-child{ margin: 0 !important; display: inherit !important; }
.breadcrumb > span{display:inline-block; line-height:13px; margin:0 0 4px 0;  padding:0 0 0 0; font-size:11px; text-transform:uppercase; font-weight:400; font-style:normal; color:#000; vertical-align:top;}
.breadcrumb > span:first-child{ padding:0;}
.breadcrumb > span:first-child:before{ display:none;}
.breadcrumb > span:last-child{ display:inline;}
.breadcrumb > span:before{ content:"-" !important; font-family:inherit !important; position:relative; display:inline-block; font-size:16px; top:5px; left:0; vertical-align:top; line-height:0; color:#919ba2; margin:0 0 0 0;}
.breadcrumb > span a{ text-decoration:none; color:#919ba2;}
.breadcrumb > span a:hover{ text-decoration:none; color:#ee4054;} */

.main-block-detail .post .post-desc .tags a{ font-size: 12px; text-transform: lowercase; text-decoration: underline;}
.main-block-detail .post .post-desc p{padding: 0;}
.main-block .post .post-desc .tags a{text-transform: capitalize;}