@font-face {
    font-family: 'D-DINCondensed-Bold';
    src: url('../fonts/d-dincondensed-bold-webfont.eot');
    src: url('../fonts/d-dincondensed-bold-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/d-dincondensed-bold-webfont.woff') format('woff'),
         url('https://wearestorycraft.com/wp-content/themes/StoryCraft/fonts/d-dincondensed-bold-webfont.otf') format('opentype'),
         url('../fonts/d-dincondensed-bold-webfont.woff2') format('woff2'),
         url('../fonts/d-dincondensed-bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*---------------------- 10/11/2015 -------------------------------------*/
.services	{}
.spot_services_block{ position:relative;}
.spot_services_block img{ display:block; width:100%; height:auto;}
.spot_services_block .overlay{ background:rgba(225, 225, 225, 0.5); width:100%; height:100%; position:absolute; left:0; top:0;}
.wt_brandes{ max-width:680px; margin:0 auto; text-align:center; padding:12px 15px 0 15px;}
.wt_brandes h5{ display:inline-block; text-align:center; color:#ffffff; font-size:30px; line-height:30px; font-weight: normal; font-family: 'NexaRustSans-Black'; background:#e34a4a; padding: 17px 26px; letter-spacing: -1px; margin:0 0 66px 0;}
.wt_brandes ul{ display:block; float:left; width:60%; margin:0; padding:0 15px 0 0; list-style:none; text-align:left; box-sizing:border-box;}  
.wt_brandes ul.last{ width:40%; margin:0;}
.wt_brandes ul li { display:block; margin:0; padding:0 0 15px 0; width:100%; text-align:left; font-size:21px;line-height:21px;} 
.wt_brandes ul li a	{ display:inline-block; margin:0; padding:0; color:#000000; font-size:25px; line-height:25px; font-weight:400; font-family: 'ProximaNova-Regular'; text-decoration:none; float:none; text-align:left;}
.wt_brandes ul li a:hover{ text-decoration:underline;}  
.post_banner a img{ width:auto; height:auto; display:inline-block;}
.services .single_post_content{max-width: 1158px; margin: 0 auto; padding:80px 30px 97px; min-height:500px;}
.services .single_post_content h3{word-spacing: 1px; letter-spacing: -1px; padding:0 0 29px 0;}
.services .single_post_content p{ padding:0 0 36px 0;}
.services .single_post_content a{ margin:0;}
.spot_services_block .overlay .container{ height:100%;} 
.spot_services_block .overlay .container .post_banner{ height:100%;}

.story_video{ padding:0;}
.spotlight2{}
.spotlight2 h4{ padding:0;padding-top:20px;}
.spotlight2 p{ padding:0;}
.spotlight2 ul{ width:100%;}
.spotlight2 ul li{ padding:0; margin:0 0 30px 0 !important; width:48.5%;}
.spotlight2 ul li:nth-child(odd) { float:left; padding:0;}
.spotlight2 ul li:nth-child(even){ float:right; padding:0;}
.video_blk1{ width:70%; padding:0 0 50px 0;}
.spotlight2 img{ display:block; width:100%; height:auto;}
.spotlight2 .storycraft_contact{ border:none;}
.about_content h3{width: 440px;}
.story_foo{ padding:22px 0 0 10px;}
.storycraft_ban_text a{ cursor:pointer;}
.spot_services_block .overlay1 { background:none; width:100%; height:100%; position:absolute; left:0; top:0;}
.byline {font-size:11px} 
/*-----------------------------------------------------------------------*/
.smallredline {
    background-color: #e34a4a;
    display: block;
    height: 2px;
    margin: 10px auto 50px;
    width: 422px;
}
.img-responsive {max-width: 100%; height: auto; display:block;}  
.newblog_content h2 { 
    color: #000000;
    display: block;
    float: none;
    font-family: "ProximaNova-Regular";
    font-size: 50px;
    font-weight: normal;
    line-height: 54px;
    margin: 0;
    padding: 0;
}
.inlinelink {
    display:inline !important;
	float: none !important;
    margin:0  !important;
    padding:0  !important;
	color:#E44A4A;
}
.newblog_content ul {
margin-bottom:40px;
list-style:disc;
list-style-position:outside;
list-style-type:disc;
}
.newblog_content ul li {
    color: #000000;
    display: block;
    font-family: "ProximaNova-Regular";
    font-size: 21px;
    font-weight: normal;
    line-height: 36px;
    margin: 0;
    padding:0;
	padding-left:20px;
	margin-bottom:5px;
} 
.newblog_content h4 {
    clear: none;
    color: #202020;
    display: block;
    float: none;
    font-family: "NexaRustSans-Black";
    font-size: 23px;
    font-weight: normal;
    line-height: 35px;
    margin: 0;
    padding: 0 0 17px;

}

 div.blog_content h2 {
	     clear: none;
    color: black;
    display: block;
    float: none;
    font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 23px;
    font-weight: normal;
    line-height: 35px;
    margin: 0;
    padding: 0 0 17px;
 }
 article.left h2 { 
 font-weight:bold;
 font-size:17pt;
 margin-bottom:10px;
  }
  
  
/***************************** New CSS start here ****************************************/

.story_craft_sect               { width:100%; margin:0; padding:70px 0; border-bottom:1px solid #e34a4a;}
.banner_content.bg_non          { background: transparent;}
.banner_container_inn a.watch.padd_chge     { margin:30px 0 0;}
.story_craft_sect h3 {
    padding: 16px 0px;
    width: 440px;
    text-align: center;
    display: block;
    margin: 0 auto 62px;
    background: #e34a4a;
    color: #ffffff;
    font-size: 30px;
    font-weight: normal;
    line-height: 30px;
    font-family: 'NexaRustSans-Black';
}
.story_craft_sect p {
    display: block;
    color: #404040;
    font-size: 21px;
    line-height: 36px;
    font-weight: normal;
    font-family: 'ProximaNova-Regular';
    padding: 0;  width: 83%;
    margin: 0 auto;
} 
.blog_sect              { width:100%; margin:0; padding:70px 0; border-bottom:1px solid #e34a4a;}  
.blog_sect .blog_cont              { width:100%; margin:0; padding:0;}  
.blog_sect .blog_cont ul		{ list-style:none; padding:0; margin:0 -10px;}
.blog_sect .blog_cont ul li         { display:inline-block; vertical-align:middle; padding: 0 10px; margin:0 0 25px; position: relative; list-style: none; width: 48.3%; text-align: left;}
.blog_sect .blog_cont ul li a strong        {     color: #ffffff;
    font-size: 30px;
    font-weight: normal;
    line-height: 30px;
    font-family: 'NexaRustSans-Black';
    position: absolute;  transition: ease 0.5s all;
    -ms-transition: ease 0.5s all;
    -o-transition: ease 0.5s all;
    -moz-transition: ease 0.5s all;
    -webkit-transition: ease 0.5s all;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;}  
.blog_sect .blog_cont ul li a   { display:block;     transition: ease 0.5s all;
    -ms-transition: ease 0.5s all;
    -o-transition: ease 0.5s all;
    -moz-transition: ease 0.5s all;
    -webkit-transition: ease 0.5s all;}  
.blog_sect .blog_cont ul li a img   { display:block; width:100%;     transition: ease 0.5s all;
    -ms-transition: ease 0.5s all;
    -o-transition: ease 0.5s all;
    -moz-transition: ease 0.5s all;
    -webkit-transition: ease 0.5s all;}  
.blog_sect .blog_cont ul li a:hover img {
    opacity: 0.8;
}  
.blog_sect .blog_cont ul li a:hover strong          { color:#de4c4d;}
  
.blog_sect .studio_cont              { width:100%; margin:0; padding:40px 0;}  
.blog_sect .studio_cont h4 {
    text-align: center;
    display: block;
    margin: 0 auto 62px;
    color: #e34a4a;
    font-size: 30px;
    font-weight: normal;
    line-height: 30px;
    font-family: 'NexaRustSans-Black';
}  

.blog_sect .studio_cont ul		{ list-style:none; padding:0; margin:0 -10px;}
.blog_sect .studio_cont ul li         { display:inline-block; vertical-align:middle; padding: 0 10px; margin:0 0 25px; position: relative; list-style: none; width: 48.3%; text-align: left;}
.blog_sect .studio_cont ul li a      { display:block;}
.blog_sect .studio_cont ul li a img     { display:block; margin:0 auto;}

.e-commerce_blog_sect         { width:100%; margin:0; padding:70px 0 0; }  
.e-commerce_blog_sect ul		{ list-style:none; padding:0; margin:0 -10px;}
.e-commerce_blog_sect ul li   { display:inline-block; vertical-align:top; padding: 0 10px; margin:0 0 25px; position: relative; list-style: none; width: 30%; text-align: left;}
.e-commerce_blog_sect ul li img   { display:block; width:100%; height:auto; margin:0 0 37px;}
.e-commerce_blog_sect ul li h6   { text-align: left;
    display: block;
    margin: 0;
    color: #e34a4a; padding:0 0 20px;
    font-size: 18px;
    font-weight: normal;
    line-height: 20px; font-family: 'D-DINCondensed-Bold', sans-serif;}

.e-commerce_blog_sect ul li h2   { text-align: left;
    display: block;
    margin: 0;
    color: #222747; padding:0 0 10px;
    font-size: 40px;
    font-weight: normal;
    line-height: 44px; font-family: 'D-DINCondensed-Bold', sans-serif;}

.e-commerce_blog_sect ul li small   { text-align: left;
    display: block;
    margin: 0;
    color: #222747; padding:0 0 20px;
    font-size: 16px;
    font-weight: normal;
    line-height: 18px; font-family: 'Work Sans', sans-serif;}

.e-commerce_blog_sect ul li small span      { color:#40d66c; display:inline-block; font-size: 16px;
    font-weight: normal;
    line-height: 18px; font-family: 'Work Sans', sans-serif;}

.e-commerce_blog_sect ul li p   { text-align: left;
    display: block;
    margin: 0;
    color: #444444; padding:0 0 26px;
    font-size: 16px; width: 95%;
    font-weight: normal;
    line-height: 25px; font-family: 'Work Sans', sans-serif;}
    
.e-commerce_blog_sect ul li a   { text-align: left;
    display: inline-block;
    margin: 0;
    color: #e34a4a; padding:0;
    font-size: 18px;
    font-weight: normal;
    line-height: 18px; font-family: 'D-DINCondensed-Bold', sans-serif; text-decoration:none;     transition: ease 0.5s all;
    -ms-transition: ease 0.5s all;
    -o-transition: ease 0.5s all;
    -moz-transition: ease 0.5s all;
    -webkit-transition: ease 0.5s all;}
.e-commerce_blog_sect ul li a img           { width:auto; margin:0 0 0 9px; display:inline-block; vertical-align: baseline;}

.e-commerce_blog_sect ul li a:hover         { color:#222747;}


.insta_Sect             { width:100%; margin:0; padding:50px 0 0;}
.insta_Sect h4            {     text-align: center;
    display: block;
    margin: 0 auto 50px;
    color: #e34a4a;
    font-size: 30px;
    font-weight: normal;
    line-height: 30px;
    font-family: 'NexaRustSans-Black';}
.insta_Sect ul		{ list-style:none; padding:0; margin:0;}
.insta_Sect ul li    { display:inline-block; vertical-align:middle; padding: 0; margin:0 -4px 0 0; position: relative; list-style: none; width:25%;}
.insta_Sect ul li img    { display:block; width:100%; height:433px; object-fit: cover;}

.contact_main.open {
    right: 0;
}