/*
Theme Name: Image Work
Theme URI: 
Author: 
Author URI: 
Description: Digital media & video production company
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: Image Work

*/

/*----html-5-start-----*/

/*HTML 5 CSS RESET*/

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, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul, #home-gallery  {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    text-decoration: none;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

h1{	
	font-size:41px;
	color:#ffffff;
	font-weight:lighter;
	line-height:50px;
	padding:0px 0px 20px 0px;
}

/* -----------------------------------*/
/*		00 - Common Elements  		  */
/* -----------------------------------*/
/*----html-5-end-----*/
img{
	display:inline;
	 border:0;
    outline:0;
}

/*----------------------------*/

@font-face {
    font-family: 'myriadPro-Regular';
    src: url('font-face/MyriadPro-Regular.eot');
    src: url('font-face/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
         url('font-face/MyriadPro-Regular.woff') format('woff'),
         url('font-face/MyriadPro-Regular.ttf') format('truetype'),
         url('font-face/MyriadPro-Regular.svg#myriadPro-Regular') format('svg');
}

body {
	font-family: 'Open Sans', sans-serif;
	color: #3d4645;
	text-decoration: none;
	margin:0px;
	padding:0px;
	font-size:18px;
}
.fleft{ float:left;}
.fright{ float:right;}

.left{ text-align:left;}
.right{ text-align:right;}
.center{ text-align:center;}
.clear{	clear:both;}

.header{
	min-height:120px;
	background:#ffffff;
}
.wrapper{
	width:1207px;
	margin:0px auto;
}
.logo{
	float:left;
	width:426px;
	padding:13px 0px 0px 0px;
}
.hed-right{
	width:700px;
	float:right;
	
	padding-top:40px;
}
.contain{
	margin:0px;
}
/*--Footer Start--*/
/*.footer img{
	margin:0px;
	padding:12px 0px 0px 12px;
	padding:0px 0px 0px 12px;
	width:auto;
	display:table-cell;
	vertical-align:middle;
}*/
.footer{
	margin:0px;
	padding:0px;
	background:#3d4645;
	color:#ffffff;
	font-size:16px;
	text-align:right;
}
.copyright{
	line-height:61px;
	padding:0px 9px 0px 0px;
	width:auto;
	text-align:right;
	display:inline-table;
}
.copyright a{
	color:#ffffff;
	text-decoration:none;
}
.footer-follow-main{
	text-align:center;
	display:inline-table;
	padding:0px 0px 0px 0px;
}
.footer-follow-main img{
	margin:0px 3px;
	top:13px;
	position:relative;
}
/*--Footer End--*/

.skyblue{
	background:#22a8c4;
	color:#ffffff;
}
.ourwork{
	font-size:21px;
	color:#ffffff;
	font-weight:normal;
	text-align:center;
	
	padding:25px 0px 0px 0px;
}
.ourwork h1{
	font-size:62px;
	color:#ffffff;
	font-weight:lighter;
	margin:0px;
	padding:10px 0px 15px 0px;
}
.ourwork p{
	margin:0px;
	padding:0px 0px 30px 0px;
	line-height:32px;
}
.icon-main{
	padding:10px 0px 40px 0px;
}
.our-workicon{
	width:26%;
	display:inline-table;
	text-align:left; cursor: pointer
}
.our-workicon:hover{
	/*opacity:0.5;*/
}
.our-workicon.active{
	opacity:0.5;
}
.our-workicon p{
	padding:30px 0 0 0; /*0px*/
	margin:0px;
	width:56%; /*100%*/
	line-height:normal;
	display: table-cell;
    vertical-align: middle;
	text-align:left;
	font-size:18px;
	font-weight:bold; float: right
}
.our-workicon img{
	float:left;
	padding:0px 15px 0px 0px;
}
.ourwork-main{
	padding:0px;
}
.ourwork-img{
	padding:0px;
	width:32.4%;
	text-align:left;
	display:inline-table;
	margin:0px 3px 11px 3px;
}
.ourwork-img img{
	width:100%;
	/*height:221px;*/
	float:left;
}
.ourwork-img p{
	margin:0px;
	text-transform:uppercase;
	color:#ffffff;
	font-size:15px;
	padding:172px 12px 0px 12px;
	line-height:normal;
	position:absolute;
	z-index:999999;
}
.ourwork-menu{
	margin:0px;
	padding:8px 0px 21px 0px;
}
.ourwork-menu ul{
	margin:0px;
	padding:0px;
}
.ourwork-menu li{
	margin:0px;
	padding:0px 17px;
	list-style:none;
	display:inline-table;
	font-size:14px;
}
.ourwork-menu li a{
	margin:0px;
	padding:0px;
	display:block;
	list-style:none;
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
}
.ourwork-menu li a:hover{
	cursor:pointer;
}

/*--OUR WORK SECONDARY VIDEO--*/
.wrapper-secondary{
	width:962px;
	margin:0 auto;
}
.light-gray{
	background:#58595b;
	color:#ffffff;
}
.ourwork-secondary{
	font-size:20px;
	color:#ffffff;
	font-weight:normal;
	padding:45px 0px 35px 0px;
}
.ourwork-secondary a{
	color:#22a8c4;
}
.backbtn{
	padding:0px 0px 15px 0px;
}
.ourwork-secondary h1{
	font-size:41px;
	color:#ffffff;
	font-weight:lighter;
	line-height:50px;
	padding:0px 0px 20px 0px;
}
.ourwork-secondary p{
	line-height:32px;
	font-weight:normal;
}
.video{
	padding:0px 0px 18px 0px;
}

.slide-secondary{
	margin:0px 0px 0px 0px; /*margin:0px 0px 0px -63px;*/
	padding-bottom:18px;
}
.seco-slide{
	float:left;
	width:479px;
}
.seco-slide-arro{
	float:left;
	width:63px;
	padding-top:148px;
}


.testimonials{
	font-size:16px;
	color:#ffffff;
	font-weight:normal;
	text-align:center;
	padding:25px 0px 30px 0px;
	width:900px;
	margin:0px auto;
}
.testimonials h1{
	font-size:55px;
	color:#ffffff;
	font-weight:lighter;
	margin:0px;
	padding:0px 0px 12px 0px;
}
.testimonials p{
	margin:0px;
	padding:0px 0px 30px 0px;
	line-height:28px;
}
.bubble {
    margin: 0px 0px 5px 0px; /*0px 0px 40px 0px;*/
    padding: 20px 15px;
    position: relative;
	
	color:#3d4645;
	font-size:29px;
	font-style:italic;
	line-height:39px;
	
	border-radius:12px;
	text-align:left;
}

/*.bubble:after {
	content: "";
    position: absolute;
	top: 100%;
	left: 35px;
	border-top: 20px solid blue;
	border-top-color: inherit; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent; 
}*/
.testimo01{
	width:14%;
	height:100%;
	
	display:table-cell;
	vertical-align:top;
}
.testimo02{
	width:14%;
	height:100%;
	
	display:table-cell;
	vertical-align:bottom;
	text-align:right;
}
.testimo03-mid{
	width:73%;
	display:table-cell;
	
	text-align:left;
	padding:25px 0px 0px 0px;
}
.people-testi{
	font-size:16px;
	color:#3d4645;
	font-weight:normal;
	
	font-style:normal;
	line-height:27px;
}
.people-testi span{
	font-weight:bolder;
}

.peoplemain{
	padding:0px 0px 50px 0px;  
}
.people{
	padding:0px;
	margin:0px 0px 0px 12px;
	float:left;
	width:11.3%;
}
.people:first-child{
	margin:0px;
}

.people a img{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}
.people a img:hover{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}

.people a img.active{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}
.bold{
	font-weight:bold;
}



/*--CONTACT--*/
.contactmain{
	width:925px;
	margin:0px auto;
	padding:20px 0px 35px 0px;
}
.contactbg{	
	background:url(images/contactbg.png) no-repeat left top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.contactleft{
	float:left;
	width:54%;
	padding:120px 0px 0px 0px;
}
.contactleft h1{
	text-align:center;
}
.contactright{
	float:right;
	width:305px;
	width:33%;
	padding-top:20px;
	margin-right:40px;
}

.allcont-icon-main{
	width:66%;
	margin:0px auto;
	padding:20px 0px 0px 0px;
}
.allcont-icon{
	margin:0px;
	padding:0px 0px 25px 0px;
	
	font-size:18px;
	color:#ffffff;
	font-weight:normal;
}
.allcont-icon span{
	font-weight:bold;
}
.allcont-icon img{
	padding:0px 14px 0px 0px;
	float:left;
}
.allcont-icon p{
	padding:6px 0px 0px 0px;
	margin:0px;
	display:table-cell;
}
.allcont-icon a{
	color:#ffffff;
}

.con-frm-inp{
	padding:0px 0px 14px 0px;
	font-size:12px;
	color:#ffffff;
}
.con-frm-inp p{
	padding:0px 0px 4px 0px;
}
.con-frm-inptype{
	font-size:12px;
	color:#3d4348;
	width:93%;
	
	padding:10px;
	border:solid 1px #6c6968;
	border-radius:5px;
}
.con-frm-selecttype{
	font-size:12px;
	color:#3d4348;
	width:100%;
	
	padding:10px;
	border:solid 1px #6c6968;
	border-radius:5px;
}

.con-frm-inptextarea{
	font-size:12px;
	color:#3d4348;
	width:93%;
	
	padding:10px;
	border:solid 1px #6c6968;
	border-radius:5px;
}
.contbtn{
	padding:8px 0px 0px 0px;
	
	text-align:right;
}
.contbtn a{
	background-color: #f04f23;
    color: #ffffff;
    font-size: 14px;
	font-weight:bold;
    padding: 8px 30px;
    transition: box-shadow 0.3s ease-out 0s, background 0.3s ease-in 0s;
	
	border-radius:6px;
}
.contbtn a:hover{
	background-color: #333333;
}
.contbtn span{
	font-size:12px;
	font-style:italic;
	padding-right:26px;
}


/*--INDEX PAGE--*/

.blackpatbg{
	/*background:url(images/blackpatbg.jpg) repeat left top;*/ background-color: #3d4645;
	padding:26px 0px 10px;
}
.wrappervideo{
	width:1145px;
	margin:0px auto;
}
.wrapper1250{
	width:1250px;
	margin:0px auto;
}
.video-left{
	width:39%;
	float:left;
	font-size:50px;
	font-weight:lighter;
	line-height:52px;
	color:#ffffff;
}
.video-left span{
	color:#f04f23;
}
.video-left-text{
	display:table-cell;
	height:365px;
	vertical-align:middle;
}
.video-right{
	width:56%;
	float:right;
}

.index-smthumb-main{
	margin:0px;
	padding:25px 0px 0px 0px;
}
.index-smthumb{
	padding:0px;
	margin:0px 3px 15px 3px;
	width:19%;
	text-align:center;
	display:inline-table;
	font-family: 'myriadPro-Regular';
	font-size:15px;
	color:#cacccc;	
	text-transform:uppercase;
}
.index-smthumb img{
	padding:0px 0px 5px 0px;
	width:100%;
}

.wrapper840{
	width:840px;
	margin:0px auto;
}
.index-largeicon-main{
	padding:30px 0px 25px 0px;
}
.index-largeicon{
	padding:0px;
	display:inline-table;
	text-align:center;
	
	width:32%;
	
	font-size:25px;
	text-decoration:none;
	font-weight:bold; cursor: pointer;
}
.lightgray{
	background:#e6e7e8;
}
.wrapper710{
	width:710px;
	margin:0px auto;
}
.howwework{
	padding:40px 0px 50px 0px;
	color:#3d4645;
	
	line-height:30px;
	font-size:21px;
	color:#3d4645;
	
	text-align:center;
}
.howwework-btn{
	padding:40px 0px 0px 0px;
	text-align:center;
}
.howwework-btn a{
	background-color: #f04f23;
    color: #ffffff;
    font-size: 19px;
	font-weight:bold;
    padding: 15px 30px;
    transition: box-shadow 0.3s ease-out 0s, background 0.3s ease-in 0s;
	
	border-radius:6px;
}
.howwework-btn a:hover{
	background-color: #333333;
}


/*--lightwhite--*/
.howWeworkpage{
	text-align:center;
	font-size:17px;
}
.howWeworkpage h1{
	margin:0px;
	padding:0px 0px 20px 0px;
	font-size:55px;
	color:#3d4645;
}
.howWework-main {
	background:#f1f1f2;
	color:#3d4645;
	line-height:27px;
}
.txt-gray{
	color:#3d4645!important;
}
.txt-white{
	color:#ffffff!important;
}
.txt-orange{
	color:#f04f23!important;
}
.howWework-wrapper{
	width:75%;
	margin:0px auto;
	padding:45px 0px 45px 0px;
}
.howwork-icon-main{
	padding:40px 0px 0px 0px;
}
.howwork-icon-main p{
	font-size:22px;
	color:#ffffff;
	text-align:center;
	font-weight:bold;
	margin:0px;
	padding:15px 0px 10px 0px;
}
.howwork-icon01{
	width:23%;
	text-align:center;
	display:inline-table;
	margin:0% 2%;
}
.howwork-icon02{
	width:23%;
	text-align:center;
	display:inline-table;
	margin:0% 2%;
}
.howwork-icon03{
	width:29%;
	text-align:center;
	display:inline-table;
	margin:0% 2%;
}

.discover-btn{
	padding:20px 0px 0px 0px;
	text-align:center;
}
.discover-btn a{
	background-color: #f04f23;
    color: #ffffff;
    font-size: 15px;
	font-weight:bold;
    padding: 10px 20px;
    transition: box-shadow 0.3s ease-out 0s, background 0.3s ease-in 0s;
	
	border-radius:6px;
}
.discover-btn a:hover{
	background-color: #333333;
}

.icw-superpowers-icon{
	width:26.7%;
	text-align:center;
	display:inline-table;
	margin:0% 3%;
	margin-top:1%;
	margin-bottom:4%;
}
.icw-superpowers-icon h1{
	padding:0px;
	margin:0px;
	font-size:23px;
	font-weight:bold;
	text-decoration:none;
	line-height:normal;
	color:#3d4645;
}
.icw-superpowers-icon p{
	font-size:16px;
	line-height:22px;
	color:#3d4645;
}


/*--SEO PAGES--*/
.seo-main {
	background:#f1f1f2;
	line-height:27px;
	font-size:18px;
	color:#3d4645;
}
.seo-main h1{
	line-height:40px;
}
.seo-main h1{
	line-height:40px;
}
.seo-wrapper {
	width:906px;
	margin:0px auto;
	padding:45px 0px;
}
.seo-thumb-main{
	padding:40px 0px 0px 0px;
	text-align:center;
}
.seo-thumb{
	width:32%;
	display:inline-table;
	margin:0% 0.4%;
	text-align:center;
	margin-bottom:2.5%;
}
.seo-thumb a{
	font-size:18px;
	color:#414a49;
	text-transform:uppercase;
	width:100%;
}
.digital-media-point{
	padding:10px 0px 0px 0px;
}
.digital-media-point ul{
	padding:5px 0px 0px 45px;
	margin:0px;
}
.digital-media-point li{
	padding:0px 0px 0px 0px;
	margin:0px;
	float:left;
	width:49%;
	color:#f54b00;
}
.digital-media-point li a{
	color:#3d4645;
}



/*--WHAT WE DO --*/

.whatwedo-main {
	background:#f1f1f2;
	line-height:27px;
	font-size:19px;
	color:#3d4645;
	text-align:center;
}
.whatwedo-main h1{
	line-height:40px;
	text-align:center;
}
.whatwedo-wrapper {
	width:1095px;
	margin:0px auto;
	padding:45px 0px;
}
.strategic{
	padding:25px 0px 0px 0px;
	font-size:17px;
}
.strategic h1{
	font-weight:bold;
	font-size:17px;
	color:#3d4645;
	line-height:normal;
	margin:0px;
	padding:0px;
}
.strategic ul{ margin:0px; padding:10px 0px 0px 30px;	width:auto;}
.strategic li{ margin:0px; padding:0px;	color:#f54b00;	text-align:left;}
.strategic li a{ color:#3d4645;}

.strategic01{
	float:left;
	width:37%;
}
.strategic02{
	float:left;
	width:30%;
}
.strategic03{
	float:left;
	width:33%;
}
.integrated{
	font-weight:bolder;
	padding:18px 0px 0px 0px;
	text-align:center;
	display:inline-table;
}
.integrated span{
	font-weight:normal;
}
.mighty-part{
	background:#ffffff;
	padding:20px 0px 35px 0px;
	font-size:41px;
	color:#3d4645;
}
.mighty-wrapper{
	width:755px;
	margin:0px auto;
	text-align:left;
}
.mighty-img{
	margin:0px;
}
.mighty-img img{
	float:left;
	padding:0px 20px 0px 0px;
}
.mighty-img p{
	padding:0px;
	font-weight:lighter;
	text-align:center;
	line-height:45px;
	
	height:154px;
	display:table-cell;
	vertical-align:middle;
}
.whatwedo-logo-main{
	text-align:center;
	font-size:16px;
	color:#fffefe;
	font-weight:bold;
}
.whatwedo-logo-main-title{
	padding-bottom:30px;
}

.locationpoint{
	padding:20px 0px 40px 0px;	
}
.locationpoint ul{
	padding:0px;	
	margin:0px;
}
.locationpoint li{
	padding:0px;	
	margin:0px;
	list-style:none;
	text-align:left;
}
.locationpoint li a{
	padding:0px;	
	margin:0px;
	list-style:none;
	font-size:18px;
	color:#000101;
	font-style:italic;
}
.location01{
	width:18%;
	float:left;
}
.location02{
	width:16%;
	float:left;
}
.location03{
	width:17%;
	float:left;
}
.location04{
	width:16%;
	float:left;
}
.location05{
	width:16%;
	float:left;
}
.location06{
	width:16%;
	float:left;
}

/*Contact 7*/
.wpcf7-submit {
	background-color: #f04f23;
    color: #ffffff;
    font-size: 14px;
	font-weight:bold;
    padding: 8px 30px;
    transition: box-shadow 0.3s ease-out 0s, background 0.3s ease-in 0s;
	border:0px;
	border-radius:6px;
}
.wpcf7-submit:hover{background-color: #333333;}
/*.bx-viewport[style]{ height: 364px !important;}*/

.loading-centered {
    background:url('images/loadings.gif') center center no-repeat white;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    border-radius:10px;
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

/*Slider*/
.jssora03l, .jssora03r, .jssora03ldn, .jssora03rdn
{
	position: absolute;
	cursor: pointer;
	display: block;
    background: url(images/a03.png) no-repeat;
    overflow:hidden;
}
.jssora03l { background-position: -3px -33px; }
.jssora03r { background-position: -63px -33px; }
.jssora03l:hover { background-position: -123px -33px; }
.jssora03r:hover { background-position: -183px -33px; }
.jssora03ldn { background-position: -243px -33px; }
.jssora03rdn { background-position: -303px -33px; }

.video iframe {position:relative;width:100%; min-height:540px; height: 100%;}

.testimonials-arrow
{ 
	margin: -20px 0 0 15px;
	float: left;
}

.index-largeicon:hover{ opacity: 0.5;}
#menu-item-181{font-weight:bold}

/*29-10-14*/
.seo-main p{line-height:30px; margin-bottom:10px;}