/*
Theme Name: Popcorn X
Description: Semantic, SEO Optimised, Custom Wordpress Theme for Popcorn X
Author: #
Author URI: #
*/

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
body {font:18px/23px Arial, Helvetica, sans-serif;color:#000;background:#fff;min-width:1000px}
a {text-decoration:none;color:#7d7d7d}
a:hover {text-decoration:none;}
a:focus {outline:none}
em {font-style:italic}
strong {font-weight:700}
p {margin-bottom:20px}
h1 {font-size:22px;line-height:1.3em;border-bottom:2px solid #e7e7e7;margin-bottom:15px}
h2 {font-size:18px;line-height:1.3em;margin-bottom:15px}
h3 {font-size:16px;line-height:1.3em;margin-bottom:15px; font-weight: 300;}
h4 {font-weight:700;font-size:14px;line-height:1.3em;margin-bottom:15px}
h5 {font-weight:700;font-size:13px;margin-bottom:15px}
h6 {font-weight:700;font-size:11px;margin-bottom:15px}
ul {list-style:none;margin-bottom:20px}
form, fieldset {border:0}

/* Containers */
.clearfix:after,#header:after,#menu:after {content:".";display:block;height:0;clear:both;visibility:hidden}
#wrapper {width:100%;position:relative;overflow:hidden;background:url(images/bg-wrapper-inner.gif) repeat-x}
.home #wrapper {background:none}

/* Header */
#header {width:1000px;position:relative;height:67px;margin:0 auto}
.home #header {float:left;background:url(images/bg-wrapper-inner.gif) repeat-x;z-index:100;width:100%;margin-bottom:0}
.header-holder {position:absolute;top:2px;left:0;width:1000px;z-index:100}
.home .header-holder {background:none;position:relative;top:auto;left:auto;margin:0 auto}
#logo {float:left;background:url('http://dev.defectorsagency.com/popcornx/wp-content/uploads/2017/02/Logo.png') no-repeat;width:329px;height:109px;text-indent:-9999px;overflow:hidden;border:none;margin:0}
#logo a {display:block;height:100%}

/* Slider */
.slider_wrap {clear:both;width:100%;overflow:hidden;position:relative}
.slider_wrapper {float:left;left:50%;width:2000px;position:relative}
.bx-wrapper {float:left;left:-50%;width:2000px;position:relative}
.slider {position:relative;width:2000px;z-index:1}
.slider img {display:block}
.slider-holder {position:absolute;top:0;left:0;width:100%}
.slider-wrap {width:1000px;position:relative;overflow:hidden;margin:0 auto}

/* Menu */
#menu {float:right;font:13px/15px helveticaneuebold, Arial, Helvetica, sans-serif;color:#fff;text-transform:uppercase;margin:0;padding:12px 0 0}
#menu li {float:left;margin:0 0 0 17px;list-style:none;padding:0;position:relative}
#menu a {float:left;color:#fff;padding:9px 0}
#menu a:hover,#menu .current_page_item a, #menu .current-menu-item a {background:url(images/bg-menu-active.png) no-repeat 50% 0;text-decoration:none}
#menu ul {background:#000 url(images/drop.png) center top no-repeat;left:-37px;padding-top:20px;position:absolute;top:-999px;width:120px}
#menu li:hover ul {top:33px}
#menu ul li {clear:both;padding:0 0 0 0;margin:5px 0 5px;text-align:center;width:120px}
#menu ul li a {background:none!important;color:#d8d8d8;float:none;padding:0}
#menu ul li a:hover, #menu ul li.current-menu-item a {background:none!important;color:#fff}

/* Section */
.section {width:100%}
.section.inner {height:auto}
.section-holder {position:relative;width:1000px;overflow:hidden;margin:0 auto;padding:15px 0 20px}
.section-services {position:relative;overflow:hidden;margin:0 auto;padding:15px 50px 0px; margin-top: 20px; width: 900px;}
.section-frame {width:940px;margin:0 auto;padding:0 30px}
.section-holder:after {content:'';display:block;clear:both}
.inner .section-holder {overflow:hidden;padding:13px 0 17px}

/* Slider */
.slider .description {float:right;margin-top:73px;width:500px}
.slider .description .holder {width:100%;overflow:hidden;padding:0 0 1px}
.slider .description img {float:right}
.slider .description h1.title {width:500px;overflow:hidden;border:none;margin:0;padding:0 0 6px}
.slider .description h1.title span {float:right;background:url(images/bg-section01.gif);font:30px/30px helveticaneuebold, Arial, Helvetica, sans-serif;color:#fff;text-transform:uppercase;text-align:right;margin:0 0 2px;padding:5px 12px 5px 28px}
.slider .description .btn-holder {width:100%;overflow:hidden}
.slider .description .btn-more {float:right;background:url(images/arrow01.gif) no-repeat 100% 50%;text-transform:uppercase;font:13px/18px helveticaneuebold, Arial, Helvetica, sans-serif;color:#fff;padding:2px 24px 0 0}

/* Heading */
.heading {width:100%;background:url(images/bg-section02.gif);position:relative;z-index:5}
.heading .holder {width:1000px;text-align:center;margin:0 auto}
.heading .holder h1,.heading .holder h2 {font:28px/30px helveticaneuebold, Arial, Helvetica, sans-serif;color:#000;text-transform:uppercase;border:none;margin:0;padding:18px 0 8px}
.heading .holder h1.inner,.heading .holder h2.inner {text-align:right}

/* Services */
.block-services {background:url(images/bg-section03.png) repeat-y 50% 0;position:relative;z-index:5}
.block-services .holder {width:1003px;overflow:hidden;margin:0 auto;padding:0 0 0 4px}
.block-services .holder .block {float:left;width:222px;background:#000;font-size:12px;line-height:16px;font-weight:700;color:#fff;margin:0 7px 0 0;padding:17px 7px 7px 17px}
.block-services .block.last {width:220px;margin:0}
.block-services .block h2 {color:#FFF;text-transform:uppercase;font:22px/25px helveticaneuebold, Arial, Helvetica, sans-serif;margin:0 0 5px}
.block-services .block img {vertical-align:top;display:block;margin:0 0 13px}
.block-services .block .btn-holder {width:100%;overflow:hidden}
.block-services .block p {margin:0 0 11px}
.block-services .block .btn {float:right;background:url(images/sprite.png) no-repeat;width:26px;height:26px;text-indent:-9999px;overflow:hidden}
.block-services .holder .block:hover{background:#666;-webkit-transition: background 500ms ease;-moz-transition: background 500ms ease;-ms-transition: background 500ms ease;-o-transition: background 500ms ease;transition: background 500ms ease;cursor:pointer;}

.home .description h2{font:28px/30px helveticaneuebold, Arial, Helvetica, sans-serif;color:#000;text-transform:uppercase;border:none;margin:0; margin-bottom: 15px;}
/* Video */
.block-video.alignright {float:right;border:1px solid #e2e3e3;background:#fff;height:282px;margin:0 0 0 25px;padding:6px;width:499px}
.block-video iframe {float:right;vertical-align:top}
.section .description {padding:12px 0 0 10px}
.section .description p {margin:0 0 30px}

/* Work */
.work-holder {width:1000px;margin:0 auto}
.work-holder.inner {padding:15px 0 28px}
.work {width:110%;overflow:hidden;margin:-6px 0 13px}
.work li {float:left;position:relative;margin:6px 8px 0 0}
.work .btn {position:absolute;bottom:0;left:0;width:290px;background:#000 url(images/arrow02.gif) no-repeat 306px 6px;font-size:13px;line-height:18px;text-transform:uppercase;color:#fafaf8;padding:6px 29px 5px 10px;}
.work li:hover .btn{display:block;}
.work li:hover img{opacity:0.9;}
.work li:hover {cursor:pointer}
.work .btn:hover{text-decoration:none;}
.work img {vertical-align:top}
.all-work {display:block;width:157px;height:29px;color:#fafaf8;font:18px/23px helveticaneuebold, Arial, Helvetica, sans-serif;background:url(images/sprite.png) no-repeat 0 -110px;text-transform:uppercase;margin:0 auto 35px;padding:1px 36px 0 16px}
.all-work:hover{text-decoration:none;background-position:0 -63px; }

/* Clients */
.clients-holder {width:1000px;overflow:hidden;margin:0 auto}
.clients {width:110%;overflow:hidden;margin:-6px 0 51px}
.clients li {float:left;margin:6px 5px 0 0}
.clients img {border:1px solid #000;vertical-align:top}
.clients.inner img {border:1px solid #aeafaf}

/* Breadcrumbs */
.breadcrumbs {width:1000px;font-size:12px;line-height:14px;color:#898989;overflow:hidden;margin:0 auto;padding:11px 0 2px}
.breadcrumbs li {float:left;background:url(images/arrow03.gif) no-repeat 0 4px;padding:0 3px 0 13px}
.breadcrumbs li:first-child {background:none;padding-left:0}
.breadcrumbs a {color:#000}

/* Content */
.main-holder {font-size:14px;line-height:18px;color:#000;min-height:791px;width:100%;background:#fff;padding:0}
.main-holder.inner {padding:0 0 85px}
.main-holder h2 {font:26px/28px helveticaneuebold, Arial, Helvetica, sans-serif;color:#000;text-transform:uppercase;position:relative;margin:-2px 0 7px}
.main-holder h3 {font-size:19px;line-height:24px;font-weight:400;margin:0 0 17px}
.main-holder p {margin:0 0 18px}
.main-holder .block {background:url(images/bullet01.gif) repeat-x 0 100%;margin:0 0 32px;padding:0 0 13px}
.main-holder .block-holder {overflow:hidden}
.main-holder .block dl {font:18px/23px helveticaneuebold, Arial, Helvetica, sans-serif;text-transform:uppercase;color:#000;position:relative;margin:-7px 0 9px}
.main-holder .block dt {float:left;margin:1px 10px 0 0; color: #707070; clear: both;}
.main-holder .block dd {margin:0; color: #707070;  font-family: 'helveticaneuelight'; float: left;}
.main-holder .block dd span {color:#707070}
.page-template-pt-about-php .main-holder ul{
    margin-left: 30px;
    list-style: disc;
    margin-bottom: 0;
}

.main-holder .block dl:before, .main-holder .block dl:after {content:"";display:table;}
.main-holder .block dl:after {clear:both;}.main-holder .block dl {zoom:1;}

.page-template-pt-about-php .main-holder ul:before, .page-template-pt-about-php .main-holder ul:after {content:"";display:table;}
.page-template-pt-about-php .main-holder ul:after {clear:both;}
.page-template-pt-about-php .main-holder ul {zoom:1;}

.page-template-pt-about-php .main-holder ul li{
    /*background: url('images/tick.png') left center no-repeat;*/
    /*padding-left: 20px;*/
    margin-bottom: 5px;
    float: left;
    width: 150px;
    margin-right: 25px;
}
.about-block{
    margin-top: 30px;
    border-bottom: 1px dotted #000;
}
.about-block .block{
    background: none ;
}
.about-block-1 .block-video.alignright{margin-left: 15px; width: 486px; height: 274px; }
.about-block-2 .block-video.alignright{margin-left: 15px; width: 486px; height: 274px; float: left; margin-right: 25px;margin-left: 0; }
/* Two Columns */
.twocolumns {width:1000px;overflow:hidden;margin:0 auto;padding:33px 0 29px}
.twocolumns .col {float:left;width:490px;font-size:14px;line-height:18px;margin:0 48px 0 0}
.twocolumns .col1 {width:450px;margin:0}
.twocolumns .col h2 {font:26px/28px helveticaneuebold, Arial, Helvetica, sans-serif;color:#000;text-transform:uppercase;margin:0 0 7px}
.twocolumns .col h3 {font-size:19px;line-height:24px;color:#000;margin:0 0 17px}
.twocolumns .col1.circle{float: right;width: 390px;}
.twocolumns .col.col-how{width: 510px;}
/* Container */
.container {width:1000px;margin:0 auto;padding:14px 0 0}
.container-holder {overflow:hidden;width:991px;padding:0 9px 0 0}

/* Contact Page */
.container .block-contact {float:right;width:280px;font-size:17px;line-height:22px;padding:0px 10px 0 0}
.container .block-contact address {font-style:normal;margin:0}
.container .block-contact h2 {font:17px/19px helveticaneuebold, Arial, Helvetica, sans-serif;text-transform:uppercase;color:#000;margin:0 0 11px}
.container #gform_wrapper_1, .container #gforms_confirmation_message {float:left;background:#000;width:619px;padding:34px 27px 27px 34px; margin-bottom: 10px;}
.container #gform_wrapper_1 ul {margin:0;width:628px}
.container #gform_wrapper_1 li {float:left;width:314px;padding:0 0 33px}
.container #gform_wrapper_1 li label {display:none}
.container #gform_wrapper_1 li#field_1_4, .container #gform_wrapper_1 li#field_1_5 {clear:both;width:618px}
.container #gform_wrapper_1 li:after {content:'';display:block;clear:both}
.container #gform_wrapper_1 input.medium {background:#242424;border:1px solid #494949;font:17px/22px helveticaneuebold, Arial, Helvetica, sans-serif;text-transform:capitalize;overflow:hidden;color:#fff;width:263px;margin:0 5px 0 0;padding:23px 20px 22px}
.container #gform_wrapper_1 #field_1_5 input.medium {width:578px}
.container #gform_wrapper_1 textarea {background:#242424;border:1px solid #494949;font:17px/22px helveticaneuebold, Arial, Helvetica, sans-serif;text-transform:none;overflow:auto;color:#fff;width:578px!important;height:172px!important;float:left;margin:0;padding:17px 20px}
.container #gform_wrapper_1 .gform_button {float:left;background:url(images/sprite.png) no-repeat 0 -273px;width:154px;height:39px;font:24px/39px helveticaneuebold, Arial, Helvetica, sans-serif;cursor:pointer;border:none;color:#000;text-transform:uppercase;text-align:left;overflow:hidden;margin:-9px 0 0;padding:2px 0 0 22px}
.container #gform_wrapper_1 .gform_button:hover {cursor:pointer;background-position:-172px -273px; }
.container #gform_wrapper_1 .validation_error, .container #gform_wrapper_1 .validation_message {clear:both;font-size:11px;color:#F78181;padding:7px 0 0}
.container #gforms_confirmation_message {color:#fff}
.container #gform_wrapper_1 .validation_error {padding:0 0 15px}
.block-contact .tel {display:block;margin:0 0 2px}
.block-contact a {color:#000}
.block-contact .mail-holder {width:100%;overflow:hidden;padding:0 0 5px}
.block-contact .mail {float:left}
.block-contact .holder {background:url(images/bullet01.gif) repeat-x 0 100%;margin:0 0 36px;padding:0 0 34px}
.block-contact .autor {text-transform:uppercase;display:block;margin:0 0 2px}
.block-contact ul {margin:0}
.block-contact li {padding:0 0 26px}
.block-map img {vertical-align:top}
.block-map {padding:0 0 55px}

/* Add Nav */
.add-nav {width:1000px;overflow:hidden;font:19px/22px helveticaneuebold, Arial, Helvetica, sans-serif;text-transform:uppercase;background:url(images/bullet01.gif) repeat-x 0 100%;margin:0 auto 32px;padding:30px 0 1px}
.add-nav li {float:left;margin:0 0 0 5px}
.add-nav li:first-child {margin:0}
.add-nav a {float:left;width:162px;color:#fff;background:#000;height:57px;text-align:center;padding:16px 0 0}
.add-nav .current_page_item a,.add-nav a:hover {background:url(images/bg-add-h.gif) no-repeat;color:#000;text-decoration:none;margin:0 0 -1px;padding:16px 0 1px}

/* One Column */
.twocolumns1 {width:100%;overflow:hidden;padding:3px 0 31px}
.twocolumns1 .col {float:left;width:340px;margin:0 13px 0 0}
.twocolumns1 .col1 {width:500px}
.twocolumns1 .col h2 {font:17px/19px helveticaneuebold, Arial, Helvetica, sans-serif;text-transform:uppercase;color:#000;margin:0 0 12px;padding:13px 0 0}
.twocolumns1 .col ul {width:100%;font-size:18px;line-height:20px;color:#000;overflow:hidden}
.twocolumns1 .col li {float:left;width:100%;padding:0 0 10px 30px; background:url(images/ico06.gif) no-repeat;}
.twocolumns1 .col img {float:left;margin:0 9px 0 -1px}
#main h4 {font:17px/19px helveticaneuebold, Arial, Helvetica, sans-serif;text-transform:uppercase;color:#000;margin:0 0 7px;padding:13px 0 0}
.alignright.block-photo {float:right;width:398px;margin:6px 0 15px 35px}
.block-photo .visual {position:relative;margin:0 0 13px}
.block-photo .visual img {display:block;}
.block-photo .visual .btn {background:#000 url(images/arrow04.gif) no-repeat scroll 370px 7px;bottom:0;color:#fafaf8;font-size:13px;left:0;line-height:18px;position:absolute;text-transform:uppercase;width:378px;padding:8px 10px 9px;display:none; z-index:100;}
.block-photo .visual .btn:hover{text-decoration:none;}
.block-photo .visual:hover img{opacity:0.9;}
.block-photo .visual:hover .btn{display:block;}
.main-holder .block-photo h2 {font-size:17px;line-height:19px;margin:0}
.inform2 {width:100%;overflow:hidden;font-size:14px;line-height:16px;color:#000;margin:0;padding:15px 0 0}
.inform2 p span {font-size:19px;line-height:19px}
.inform2 li {float:left;width:100%;padding:0 0 9px}
.main-holder .inform2 h2 {font-size:17px;line-height:19px}
.main-holder .inform2 h2 a {color:#000}

/* Gallery */
.gallery-holder {width:1000px;overflow:hidden;position:relative;margin:0 auto;height:392px;padding:38px 0 53px}
.gallery-holder .carousel {height:392px;width:1000px;position:relative;margin:0}
.gallery-holder .carousel:after {content:'';display:block;clear:both}
.gallery-holder .carousel li {float:left;height:380px;width:510px}
.gallery-holder .carousel img {height:100%;width:100%}
.gallery-holder .carousel .active img {	-moz-box-shadow: 0 4px 10px #232227;
				-webkit-box-shadow: 0 4px 10px #232227;
				box-shadow: 0 4px 10px #232227;
				position:absolute;margin:0 0;}
.gallery-holder .pagination-holder {position:absolute;bottom:0;left:0;width:1000px;text-align:center}
.gallery-holder .pagination {display:inline-block;vertical-align:top}
*+html .gallery-holder .pagination {display:inline}
.gallery-holder .pagination li {float:left;margin:0 2px 0 1px}
.gallery-holder .pagination a {float:left;text-indent:-9999px;overflow:hidden;background:url(images/sprite.png) no-repeat 0 -338px;width:8px;height:8px}
.gallery-holder .pagination a:hover,.gallery-holder .pagination .active a {background:#000}

/* Experts */
.block-experts {background:url(images/bg-section04.gif) repeat-x 0 100%;margin:0 0 7px}
.block-experts .holder {width:1010px;margin:0 auto}
.block-experts .holder1 {border-left:6px solid #fff}
.block-experts .frame {width:110%}
.block-experts .frame:after {content:'';display:block;clear:both}
.block-experts .holder:after {content:'';display:block;clear:both}
.block-experts .block {width:245px;border-right:6px solid #fff;float:left;background:none;margin:0;padding:0}
.main-holder .block-experts h2 {margin:-27px 0 19px}
.block-experts .description {background:#000;height:265px;font-size:12px;line-height:16px;color:#fff;position:relative;padding:39px 16px}
.block-experts .description span.info {text-transform:uppercase;font:14px/16px helveticaneuebold, Arial, Helvetica, sans-serif;display:block;margin:0 0 19px}
.block-experts .description .btn {background:url(images/sprite.png) no-repeat -295px -315px;width:31px;height:31px;text-indent:-9999px;overflow:hidden;position:absolute;bottom:7px;right:8px}
.block-experts .photo {margin:0 0 6px}
.block-experts .photo img {vertical-align:top}
.block-experts .description h2 {font-size:22px;line-height:25px;color:#fff;margin:0 0 1px}
.block-experts .description h2 a {color:#fff}
.block-experts .description p {margin:0 0 16px}

/* Footer */
#footer {background:#000 url(images/bg-footer.gif)}
#footer address {font-style:normal}
.footer-holder {width:1000px;overflow:hidden;font-size:12px;line-height:14px;color:#969695;margin:0 auto;padding:23px 0 34px}
.footer-holder .block-info {float:right;width:303px;text-align:right;padding:4px 0 0}
.footer-holder .block-info .btn-holder {width:100%;overflow:hidden;padding:0 0 27px}
.footer-holder .block-info .btn {display:block;background:url(images/sprite.png) no-repeat 0 -170px;width:239px;height:36px;font:24px/35px helveticaneuebold, Arial, Helvetica, sans-serif;color:#000;text-transform:uppercase;text-align:left;padding:3px 45px 0 18px}
.footer-holder .block-info .btn:hover{text-decoration:none;background:url(images/sprite.png) no-repeat 0 -215px;}
.footer-holder .columns {float:left;width:600px}
.footer-holder .col {float:left;width:170px;font-size:14px;line-height:18px;color:#fafaf8;margin:0 10px 0 0}
.footer-holder .col a {color:#fafaf8}
.footer-holder .col1 {width:190px}
.footer-holder .col h2 {color:#fafaf8;font:25px/27px helveticaneuebold, Arial, Helvetica, sans-serif;text-transform:uppercase;margin:0 0 5px}

/* Image Alignment */
img.aligncenter {display:block;margin-left:auto;margin-right:auto}
img.alignright {display:inline;margin:0 0 2px 7px;padding:4px}
img.alignleft {display:inline;margin:0 7px 2px 0;padding:4px}
.alignright {float:right}
.alignleft {float:left}

/* Fonts */
@font-face {
	font-family: 'helveticaneuebold';
	src:url('fonts/helveticaneue_-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/helveticaneue_-webfont.woff') format('woff'),
        url('fonts/helveticaneue_-webfont.ttf') format('truetype'),
        url('fonts/helveticaneue_-webfont.svg#helveticaneuelight') format('svg');
}
/*@font-face {
    font-family: 'helveticaneuebold';
    src: url('fonts/helveticaneue_bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/helveticaneue_bold-webfont.woff') format('woff'),
        url('fonts/helveticaneue_bold-webfont.ttf') format('truetype'),
        url('fonts/helveticaneue_bold-webfont.svg#helveticaneuebold') format('svg');
}*/

@font-face {
	font-family: 'helveticaneuelight';
	src:url('fonts/helveticaneue_-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/helveticaneue_-webfont.woff') format('woff'),
		url('fonts/helveticaneue_-webfont.ttf') format('truetype'),
		url('fonts/helveticaneue_-webfont.svg#helveticaneuelight') format('svg');
}
.work.sidebar{
    float: left;
    width: 290px;
    margin-right: 10px;
}
.work.sidebar ul{
    margin: 0;
    padding: 0;
}
.work.sidebar li{
    border-bottom: 1px dotted #000;
    margin: 0px;
    float: none;
    padding: 0 20px 0 0;
}
.work.sidebar a{
    color: #000;
    display: block;
    padding: 8px 10px;

}.work.sidebar a:hover, .work.sidebar .current a{
    color: #fff;
    display: block;
    background: #000;
}
.single-work .work-img{
    margin-bottom: 20px;
}
.workbox{padding-bottom: 20px; border-bottom: 1px dotted #000; margin-bottom: 20px;}
.workbox .text.left{float: left; width: 280px;}
.workbox .img{float: right;width: 375px;}
.cf:before, .cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}
.content-right{
    float: right;
    width: 680px;
}