/*
Theme Name: LITECO
Version: 1.0
Description: Custom website for Liteco
Author: Intervision Design (Ehren Fergusson)
Author URI: http://www.intervisiondesign.com
*/





/************************************/
/*** CSS CODED BY EHREN FERGUSSON ***/
/************************************/






/************************************/
/************ START CSS *************/

@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?lcunb0');
	src:url('fonts/icomoon.eot?#iefixlcunb0') format('embedded-opentype'),
		url('fonts/icomoon.woff?lcunb0') format('woff'),
		url('fonts/icomoon.ttf?lcunb0') format('truetype'),
		url('fonts/icomoon.svg?lcunb0#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {height:100%;}
body {margin:0px; padding:0; line-height:1.5em; height:100%; background:#000;}
body,td,th {color:#82898f; font-family: 'Arial', serif; font-size: 16px; font-weight: 300;}

/**********************************/
/************* RESET **************/

h1, h2, h3, h4, h5, h6, div, a, li, ul, fieldset, form, p, span {padding:0; margin:0; text-decoration:none; font-weight:300; list-style:none; border:0; outline:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; margin: 0; padding: 0;}
img { margin: 0 0 -5px 0; padding:0; outline:none; border:0; max-width: 100%; height: auto;}
h1, h2, h3, h4, h5, h6 {font-weight:400; line-height: 1.1em;}

input[type="button"],input[type="submit"] {-webkit-appearance: none;}
a { color:#ef1c25; outline:none; text-decoration:none; cursor:pointer;}
a:hover { color:#ef1c25;}
.clear {clear:both;}
.gap { height: 20px;}
.hidden { overflow: hidden;}
::selection {background: #ef1c25; color:#fff;}
::-moz-selection {background: #ef1c25; color:#fff;}
*:hover {-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}

/************************************/
/*************** MAIN ***************/

#mytranslate { position: absolute; top: 0; right: 0; z-index: 9991; width: 300px !important; text-align: right;}
#mytranslate h3 { font-size:12px; text-transform:uppercase; display: inline-block; padding: 7px;}
#mytranslate #tr_credit, #mytranslate input {display: none;}
#mytranslate .transposh_flags a { display: block; float: left;}
#mytranslate select { display: inline-block; width: 150px; float: right; margin: 5px;}

.goog-te-gadget-simple { background: #333 !important; border: 1px solid #666 !important; color: #fff !important;}
.goog-te-menu-value { color: #fff !important;}
.goog-te-gadget-simple img { opacity: 0.4;}

.myhead {margin:0 auto; width:1020px; position: relative; display: block;}
#header { background: #000 url(images/header.jpg) center center no-repeat; position: fixed; top:0; min-height: 100px; display: block; z-index: 999; width: 100%; left: 0;
-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.5);
-moz-box-shadow: 0 1px 10px rgba(0,0,0,0.5);
box-shadow: 0 1px 10px rgba(0,0,0,0.5);
}
	#logo { text-align: left;}
	#menu {}
#thegap { height: 100px; display: block;}
#myslider { display: block; position: relative; border-bottom: 5px solid #ef1c25;}
#slideshow { height: 400px; width: 100%; background: #333; display: block; position: relative; overflow: hidden;}
	.slide { display: block; width: 100%; height: 400px; overflow: hidden; float: left; background: no-repeat center center;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;}
	.slide .caption { position: absolute; bottom:20px; left: 50%; margin-left: -510px; width: 1020px;}
	.slide .caption span { float: right; display: block; padding: 20px 50px; background: rgba(237,27,36,0.8); color: #fff; font-family: 'Allura', cursive; font-size: 42px; text-align: center;}
#slidenav { width: 1020px; position: absolute; bottom: -5px; height: 5px; left: 50%; margin-left:-510px; z-index: 999;}
#slidenav li { float:right;}
#slidenav li a span { display:block; width:30px; height:5px; background: rgba(255,255,255,0.5); margin: 0 1px 0 0;}
#slidenav li a.activeSlide span { background: rgba(255,255,255,1);}

#contenthome { background: #fff;}
#content { background: #fff url(images/bg.jpg) repeat-x center top; padding: 50px 0 0 0;}
#thepage { background: #fff; border-top: 5px solid #ef1c25; margin:0 auto; width: 1020px;
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
#thepage.grey {background: #f2f3f4;}
	.circlepadding { padding: 12%;}
	.circle { padding: 50%; -webkit-border-radius:50%; -moz-border-radius:50%;  border-radius:50%; margin: 0 auto; position: relative; border: 7px solid #f3f3f3; background-color: #333;}
	.circle:after {
	    content: "";
	    background: #333;
	    filter: alpha(opacity=0); opacity: 0;
	    top: 0;
	    left: 0;
	    bottom: 0;
	    right: 0;
	    position: absolute;
	    z-index:1; 
	    -webkit-border-radius:50%; -moz-border-radius:50%;  border-radius:50%; 
	}
	.circle:hover:after {filter: alpha(opacity=50); opacity: 0.5;}
	.circletext { display: block; position: absolute; left: 0; top: 50%; height: 30px; margin-top: -25px; color: #fff; line-height: 1em; font-size: 48px; text-align: center; width: 100%; z-index: 9; font-family: 'Allura', cursive;}
	.quote01, .quote02 { padding: 100px 8%; font-size: 24px; line-height: 1.3em;}
	.quote01 { text-align: right;}
	.quote02 { text-align: left;}
	.quote01 .qtop, .quote02 .qtop, .quote01 .qbot, .quote02 .qbot {font-size: 70px; line-height: 1em; color: #f1f1f1; font-family: Helvetica, 'Arial', serif; height: 30px; overflow: hidden;}
	.quote01 .qtop, .quote02 .qtop { text-align: left;}
	.quote01 .qbot, .quote02 .qbot { text-align: right;}
	.homeblurb { border-top:1px solid #ccc; padding: 20px;}
	
	.pagefeature { padding: 30px; text-align: center;}
	.full_feature img,
	.pagefeature img { width: 100%; height: auto;}
	
	.galmenu { background: #f2f3f4;}
	.galmenu h3 { padding: 20px; text-transform: uppercase; font-size: 16px;}
	.galmenu h3 a { color: #82898f; font-weight: 400;}
	.galmenu ul li { padding: 5px 5px 5px 20px; position: relative; display: block;}
	.galmenu ul li a { display: block; text-transform: uppercase; color: #82898f;}
	.galmenu ul li a:hover , .galmenu ul li a.selected { color: #000;}
	.galmenu ul li a .arrow { display:none;}
	.galmenu ul li a.selected .arrow { display:block; width: 15px; height: 30px; background: url(images/arrow.png) no-repeat; position: absolute; right: 0; top:50%; margin-top: -15px;}
	#ajaxcontent { background: #fff; padding: 30px; min-height: 250px;}
	.loading { padding: 100px 0; text-transform: uppercase; text-align: center; font-size: 36px; color: #ccc;}
	
	#projgallery {margin: 0 0 5px 0; position: relative; display: block; height: 400px; /*width: 100%;*/}
	#projgallery .item { display: block; /*height: 450px; width: 100%; overflow: hidden;*/}
	#projgallery .item img { max-width: 100%; height: auto; max-height: 400px;}
	#projnav {padding:0;}
	#projnav a { display: block; padding: 5px;}
	#projnav img { width: 100%; height: auto;}
	
	.project_single { padding: 25px; display: block; background: #fff;}
	.proj_info { padding: 0 30px 30px 0;}
	.proj_info .back { color: #ef1c25; font-size: 12px;}
	.projtitle { font-size: 24px; line-height: 1.3em; padding-bottom: 20px; text-transform: uppercase; border-bottom: 1px solid #ccc;}
	.project_single .text { padding: 20px 0;}
	.text.divider { border-bottom: 1px solid #ccc;}
	.proj_nav { display: block; margin: 20px; background: #f1f1f1; text-align: center; padding: 10px; color: #666;}
	
	.projects { padding: 25px; display: block; height: 100%; background: #fff;}
	.project { margin: 10px; position: relative; background: #ef1c25; overflow: hidden;}
	.project span { text-align: center; position: absolute; bottom: 0; background:rgba(0,0,0,0.7); left: 0; z-index: 99; width: 100%;}
	.project h2 { text-align: center; color: #fff; font-size: 15px; text-transform: uppercase; padding: 10px; line-height: 1.3em;}
	.project img { width: 100%; height: auto; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
	.project:hover img { opacity: 0.7;}
	
	/* posts */
	.theposts { padding: 30px 0; border-bottom: 1px solid #ccc; margin-right: 30px; margin-left: 30px;}
	.theposts .feature { position: relative; margin-right: 30px;}
	.theposts .meta-date { position: absolute; top:0; left: 0; z-index: 3; width: 50px; height: 40px; color: #fff; background: #000; text-align: center; font-size: 11px; padding: 7px 0 0 0; line-height: 1em; text-transform: uppercase;}
	.theposts .meta-date span { font-size: 20px; padding-top: 3px; display: block; line-height: 1em; font-weight: 400;}
	.posttitle { font-size: 24px; padding-bottom: 20px; color: #82898f; text-transform: uppercase;}
	.theposts .text { padding: 0;}
	.readmore { display: inline-block; background: #ef1c25; font-size: 16px; padding: 5px 20px;  margin-top: 20px; text-transform: uppercase; color: #fff; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; }
	.readmore:hover { color: #fff;}
	.blogtitle { position: relative; min-height: 50px; margin-bottom: 30px;}
	.blogtitle h1 { font-size: 30px; padding: 10px 0; line-height: 1em; margin-left: 70px;}
	
	.social_block { text-align: center; display: block; margin-top: 30px;}
	.share_post { display: inline-table; padding: 0 5px; color: #000;}
	.share_post i { margin-right: 10px; display: block; width: 40px; height: 30px; color: #ccc; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding-top: 10px; float: left; text-align: center; font-size: 20px;
		-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;
		-webkit-box-shadow: inset 0 0 0 2px rgba(125,125,125,0.2);
		-moz-box-shadow: inset 0 0 0 2px rgba(125,125,125,0.2);
		-ms-box-shadow: inset 0 0 0 2px rgba(125,125,125,0.2);
		box-shadow: inset 0 0 0 2px rgba(125,125,125,0.2);
	}
	.share_post span { padding: 10px 10px 0 0; display: inline-block;}
	.share_post:hover i {color: #fff;}
	.share_post.facebook:hover i { background: #3c5a96;}
	.share_post.twitter:hover i { background: #1eb4ef;}
	.share_post.pinterest:hover i { background: #c9232d;}
	.share_post.email:hover i { background: #000;}
	.share_post.print:hover i { background: #000;}
	
	/* Sidebar */
	#sidebar { padding: 15px 15px 15px 0;}
	.widget { padding: 15px; background: #f9f9f9; margin: 20px 0;}
	.widget h3 { color: #ef1c25; padding: 10px 0; font-size: 16px;}
	.widget ul {}
	.widget ul li { display:block; position: relative;}
	.widget ul li a { display: block; font-size: 13px; padding: 5px 10px; border-left: 3px solid #f9f9f9; text-transform: uppercase; color: #333; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
	.widget ul li a:hover {border-left: 3px solid #ef1c25; color: #ef1c25; background: #fff;}
	.widget ul ul li { margin: 0 15px;}}
	.widget .textwidget { padding: 0;}
	
	.widget .promobox { min-height: 100px; padding: 10px;}
	.widget .promobox.pb3 h3 { font-size: 18px; padding: 5px 10px;}
	.widget .promobox.pb3 span { font-size: 13px; line-height: 1.3em;}
	
#footer { background: #000; border-top:5px solid #ef1c25;}
	.footermenu { margin: 40px 0;}
	.quote {margin: 40px 0;}
	.quote a {text-align: center; display: block; padding: 15px 0; width: 70%; margin: 0 auto; background:#ef1c25; color: #fff; font-size: 16px; text-transform: uppercase;}
	.logos { margin: 40px 0; text-align: center;}
	.subfooter { border-top:1px solid #666;}
	.contactinfo { float:none; text-align: center; padding: 10px 0; font-size: 12px; color: #999;}
	.contactinfo li {display: inline-table; float:none; position:inherit; border-right:1px solid #666; line-height: 1em; padding:0 10px;}
	.copyright { text-align: center; font-size: 10px; color: #666; padding: 0 0 15px 0}
	.copyright a { color: #666;}
	
	.social { text-align: right;}
	.social li { display: inline-block; margin: 5px;}
	.social li a { width: 30px; height: 25px; display: block; background:#ef1c25; color: #fff; font-size: 20px; padding-top: 5px; line-height: 1em; text-align: center; }

#scrollto { padding: 15px 0; text-align: center; font-size: 14px; color: #fff; background: #000; cursor: pointer; margin: 0 0 10px 0;}

/************************************/
/*************** MENU ***************/

#menu ul {float:right;}
#menu ul li { display: inline; float: left; position: relative; padding:43px 0; margin: 0 7px;}
#menu ul li a { display: block;}
#menu ul li a h2 {font-size: 14px; color: #ef1c25; text-transform: uppercase; line-height: 1em;}
#menu ul li:hover {padding:43px 0 38px 0; border-bottom: 5px solid #ef1c25; -o-transition:0; -ms-transition:0; -moz-transition:0; -webkit-transition:0; transition:0;}
#menu ul li.current-menu-item {padding:43px 0 38px 0; border-bottom: 5px solid #ef1c25;}

#menu ul ul { position:absolute; left: 50%; margin-left: -105px; top: 100px; background:#000; width: 210px; z-index:9999; text-align: left; padding: 20px 0;
-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0 5px 5px rgba(0,0,0,0.2);
box-shadow: 0 5px 5px rgba(0,0,0,0.2);}
#menu ul ul li { width: 210px; padding: 0; margin: 0;}
#menu ul ul li a { display: block;}
#menu ul ul li a h2 {font-size: 14px; padding:10px 0; text-align: center; text-transform: uppercase; color: #fff;}
#menu ul ul li:hover, #menu ul ul li.current-menu-item { color: #fff; padding: 0; border-bottom: none;}
#menu ul ul li:hover a h2, #menu ul ul li.current-menu-item a h2 { color: #ef1c25;}
#menu ul ul span { display: block; position: absolute; left: 50%; margin-left: -5px; top: -10px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #000;}
#menu ul li:hover span {border-bottom: 5px solid #ef1c25;}

.footermenu {}
.footermenu ul {}
.footermenu ul li { float: left; width: 50%; display: block; position: relative;}
.footermenu ul li a { display: block; color: #777; text-transform: uppercase; font-size: 12px; line-height: 1em; padding: 2px;}
.footermenu ul li ul { display: none;}

/* mobile menu */
#menumobile {/* position: relative; z-index: 99; display: block;*/ background: #1F2123;}
#menumobile .row div { min-height: 0px !important;}
#menu-icon { width: 40px; height: 30px; padding: 10px 0 0 0; background: #fff; text-align: center; font-size: 16px; text-transform: uppercase; cursor: pointer; display: block; position: absolute; top: 25px; right: 20px; z-index: 9999;}
#menu-icon.active { background: #1F2123;}

#menu-icon:before, #menu-icon:after { -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
#menu-icon:before { content: ''; display: block; width: 20px; height: 5px; border-bottom: 2px solid #1F2123; border-top: 2px solid #1F2123; position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -10px;}
#menu-icon:after { content: ''; display: block; width: 20px; height: 1px; border-top: 2px solid #1F2123; position: absolute; top: 50%; left: 50%; margin: 6px 0 0 -10px;}
#menu-icon.active:before { border-bottom: none; width: 28px; margin: -2px 0 0 -16px; border-color: #fff;
-webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
}
#menu-icon.active:after { width: 28px; margin: -1px 0 0 -14px; border-color: #fff;
-webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
}
#menumobile ul { clear: both; width: auto; z-index: 100; padding: 20px; position: relative; display: none;}
#menumobile ul li { clear: both; float: none; }
#menumobile ul a, #menumobile ul ul a {color: #fff; text-transform: uppercase; font-size: 16px; display: block; text-align: right; padding: 10px;}
#menumobile ul a:hover, #menumobile ul ul a:hover {color: #fff;}
#menumobile ul ul { top: 0; padding: 0; width: auto; position: relative; display: none; border: none; background: none;}
#menumobile ul ul li { padding:0 20px;}

/************************************/
/*********** TEXT STYLING ***********/

h2.title { font-size: 36px; line-height: 1.3em; padding:30px 30px 15px 30px; text-transform: uppercase;}
/*h2.projtitle {font-size: 24px; line-height: 1.3em; padding:20px 0; text-transform: uppercase; border-bottom: 1px solid #ccc;}*/
.text { line-height:1.5em; display:block; padding:15px 30px 30px 30px;}
.homeblurb .text { padding: 15px 0;}
#ajaxcontent .text { padding: 0 !important;}
#ajaxcontent .text .desc.divider { padding-left:0 !important; }
.text p { padding:0 0 7px 0;}
.text ul, .text ol { padding:0 0 10px 10px;}
.text ul li { list-style:square; list-style-position:outside; margin:0 0 0 20px;}
.text ol li { list-style:decimal; list-style-position:outside; margin:0 0 0 20px;}
.text a { font-weight: 400;}
.text strong, .text b { font-weight: 700;}
.text h6 { font-size:12px;}
.text h5 { font-size:14px;}
.text h4 { font-size:18px;}
.text h3 { font-size:24px;}
.text h2 { font-size:32px;}
.text h1 { font-size:36px;}
.text h1, .text h2, .text h3, .text h4, .text h5, .text h6 { padding: 10px 0; /*border-bottom: 1px solid #ccc;*/ margin-bottom: 15px; color: #666;}
.text input, .text textarea { margin:3px 5px 3px 0; padding:10px 10px; border:1px solid #ccc; background:#fff; color:#666; width: 90%; font-size:12px;}
.text textarea { height:100px;}
.text input:focus, .text textarea:focus { background:#f1f1f1;}
input[type="button"],input[type="submit"] { width:auto; border:1px solid #000; background:#333; color:#fff; font-size:12px; cursor:pointer;}
input:hover[type="button"],input:hover[type="submit"] { background:#1a1a1a; border:1px solid #000;}

/************************************/
/* COMMENTS
/************************************/

#respond { padding: 20px 0; position: relative;}
#respond h3 { font-size:18px; padding:0;}
#respond form { padding:50px; margin: 0; background: #fff;}
#respond .comment-notes { padding: 3px 10px; background: #f5f5f5; color: #333; font-size: 12px;}
#respond .form-allowed-tags { display: none;}
#respond label { display: block; padding: 10px 0 2px 0; font-size: 13px; color: #999;}
#respond input[type="text"], #respond textarea { /*border: none; border-bottom: 1px solid #ccc;*/ font-size: 16px !important;}
/*#respond input[type="submit"] { float: right;}*/

#respond { *zoom: 1; }
#respond:before, #respond:after { display: table; content: ""; line-height: 0; }
#respond:after { clear: both; }


#comments { padding:20px 0; border-top: 2px solid #ccc; margin-top: 30px;}
#comments h3 { font-size:24px; padding:0 0 30px 0;}
#comments ol.commentlist {}
#comments ol { margin:0; padding:0;}
#comments ol li { padding:0 0 0 0; display: block; position: relative;}

#comments ol li .myavatar { margin: 0 auto; margin-top: 20px; max-width: 80px; height: 80px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; overflow: hidden; text-align: center;}
#comments ol li .myquote { margin: 0 auto; margin-top: 20px; max-width: 80px; height: 80px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; overflow: hidden; text-align: center; background: #f1f1f1; color: #ccc; font-size: 160px; line-height: 1em; font-family: Arial, serif;}
#comments ol li.bypostauthor .myquote { background: #ccc; color: #fff;}
#comments ol li span.name { display: block; text-align: center; text-transform: uppercase; font-size: 12px; padding: 5px 0; font-weight: 400;}
#comments ol li .date { display: block; text-align: center; text-transform: uppercase; font-size: 12px;}

#comments ol li .comment_box { background: #fff; padding: 20px; border-left: 3px solid #ccc; min-height: 140px;}
#comments ol li.odd .comment_box { border-left: 3px solid #eee;}
#comments ol li .nocomment { padding: 0 0 0 20px; text-align: center;}
#comments ol li p { margin-bottom: 10px;}
#comments ol .children { margin-left: 10%;}

#comments .reply { position: absolute; right: 5px; bottom: 5px; z-index: 9;}
#comments .reply a { display: block; padding: 1px 5px; text-align: center; background: #f1f1f1; color: #999; font-size: 12px; font-family: Arial, serif !important;}
#comments .reply a:hover { background: #333; color: #fff;}
.comment-reply-title small { position: absolute; right: 0; top: -33px;letter-spacing: normal; line-height: 1.5em; z-index: 99;}
.comment-reply-title small a { display: block; padding: 1px 5px; text-align: center; background: #ef1c25; color: #fff; border: 2px solid #ef1c25; font-size: 12px; font-family: Arial, serif !important;}
.comment-reply-title small a:hover { background: #fff; color: #ef1c25;}
#comments ol.commentlist #respond { background: #fff; padding: 40px; border-left: 3px solid #ef1c25; margin-left: 20%; border-top: 2px dashed #f1f1f1;}
#comments ol.commentlist #respond .comment-notes {}
#comments ol.commentlist #respond form { padding: 0;}

/************************************/
/* FORMS & FIELDS
/************************************/

form { margin: 0; padding: 0;}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
margin:5px 0; padding:10px; border:none; background:#fff; border: 1px solid #ddd; color:#333; width: 100%; font-size:14px; display: block;
-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
	     -o-transition:.5s;
	    -ms-transition:.5s;
	   -moz-transition:.5s;
	-webkit-transition:.5s;
		    transition:.5s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
background:#f9f9f9;
}

textarea { height: auto; height: 120px;}
select { width: 100%; display: inline-block; vertical-align: middle;}

input[type="radio"],
input[type="checkbox"] {
margin: 0;
*margin-top: 0;
line-height: normal;
}

input[type="button"],input[type="submit"] {	width:auto; border:2px solid #ef1c25; background:#ef1c25; color:#fff; font-size:14px; cursor:pointer; text-transform: uppercase; margin: 5px 0; padding: 7px 15px; font-weight: 400;
 -webkit-border-radius:0;
    -moz-border-radius:0;
         border-radius:0;
	     -o-transition:.5s;
	    -ms-transition:.5s;
	   -moz-transition:.5s;
	-webkit-transition:.5s;
		    transition:.5s;
}
input[type="button"]:hover, input[type="submit"]:hover {
border:2px solid #ef1c25;
color: #ef1c25;
background: #fff;
}

/************************************/
/*********** ICON STYLING ***********/

[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: "icomoon";
  	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	text-align: center;
}
.icon-quote:before { content: '\e800'; } /* '' */
.icon-mail:before { content: '\e810'; } /* '' */
.icon-heart:before { content: '\e802'; } /* '' */
.icon-heart-empty:before { content: '\e804'; } /* '' */
.icon-star:before { content: '\e806'; } /* '' */
.icon-star-empty:before { content: '\e807'; } /* '' */
.icon-user:before { content: '\e80f'; } /* '' */
.icon-camera:before { content: '\e814'; } /* '' */
.icon-layout:before { content: '\e813'; } /* '' */
.icon-menu:before { content: '\e80d'; } /* '' */
.icon-plus:before { content: '\e85d'; } /* '' */
.icon-minus:before { content: '\e85f'; } /* '' */
.icon-info-circled:before { content: '\e816'; } /* '' */
.icon-home:before { content: '\e818'; } /* '' */
.icon-link:before { content: '\e83e'; } /* '' */
.icon-attach:before { content: '\e842'; } /* '' */
.icon-eye:before { content: '\e817'; } /* '' */
.icon-tag:before { content: '\e819'; } /* '' */
.icon-bookmarks:before { content: '\e81a'; } /* '' */
.icon-thumbs-up:before { content: '\e81b'; } /* '' */
.icon-download:before { content: '\e81c'; } /* '' */
.icon-comment:before { content: '\e81d'; } /* '' */
.icon-chat:before { content: '\e820'; } /* '' */
.icon-map:before { content: '\e81f'; } /* '' */
.icon-docs:before { content: '\e83d'; } /* '' */
.icon-book:before { content: '\e81e'; } /* '' */
.icon-rss:before { content: '\e821'; } /* '' */
.icon-basket:before { content: '\e803'; } /* '' */
.icon-calendar:before { content: '\e841'; } /* '' */
.icon-clock:before { content: '\e843'; } /* '' */
.icon-down-arrow:before { content: '\e840'; } /* '' */
.icon-left-arrow:before { content: '\e811'; } /* '' */
.icon-right-arrow:before { content: '\e812'; } /* '' */
.icon-up-arrow:before { content: '\e82e'; } /* '' */
.icon-search:before { content: '\e838'; } /* '' */
.icon-play:before { content: '\e822'; } /* '' */
.icon-stop:before { content: '\e823'; } /* '' */
.icon-pause:before { content: '\e824'; } /* '' */
.icon-target:before { content: '\e826'; } /* '' */
.icon-list:before { content: '\e827'; } /* '' */
.icon-trophy:before { content: '\e828'; } /* '' */
.icon-network:before { content: '\e82a'; } /* '' */
.icon-cd:before { content: '\e829'; } /* '' */
.icon-flash:before { content: '\e82b'; } /* '' */
.icon-paper-plane:before { content: '\e82d'; } /* '' */
.icon-leaf:before { content: '\e82c'; } /* '' */
.icon-suitcase:before { content: '\e83f'; } /* '' */
.icon-chart-area:before { content: '\e82f'; } /* '' */
.icon-ticket:before { content: '\e831'; } /* '' */
.icon-megaphone:before { content: '\e830'; } /* '' */
.icon-rocket:before { content: '\e832'; } /* '' */
.icon-gauge:before { content: '\e833'; } /* '' */
.icon-cw:before { content: '\e825'; } /* '' */
.icon-close:before { content: "\e60d";}
.icon-line-graph:before {content: "\e600";}

.icon-paypal:before { content: '\e801'; } /* '' */
.icon-android:before { content: '\e836'; } /* '' */
.icon-google-plus:before { content: '\e834'; } /* '' */
.icon-fivehundredpx:before { content: '\e83a'; } /* '' */
.icon-pinterest:before { content: '\e83b'; } /* '' */
.icon-appstore:before { content: '\e815'; } /* '' */
.icon-flickr:before { content: '\e83c'; } /* '' */
.icon-linkedin:before { content: '\e808'; } /* '' */
.icon-rss:before { content: '\e809'; } /* '' */
.icon-twitter:before { content: '\e80a'; } /* '' */
.icon-youtube:before { content: '\e80b'; } /* '' */
.icon-vimeo:before { content: '\e80c'; } /* '' */
.icon-facebook:before { content: '\e80e'; } /* '' */
.icon-tumblr:before { content: '\e839'; } /* '' */
.icon-deviantart:before { content: '\e805'; } /* '' */
.icon-picasa:before { content: '\e835'; } /* '' */
.icon-instagram:before { content: '\e837'; } /* '' */

/************************************/
/************ ALIGNMENTS ************/

.aligncenter { display: block; margin-left: auto; margin-right: auto; padding:10px 0;}
.wp-caption { border: 1px solid rgba(0,0,0,0.6); text-align: center; background-color:rgba(0,0,0,0.5); color:#fff; padding-top: 4px; margin-bottom: 10px; }
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.alignright { float: right; margin:0 0 10px 10px;}
.alignleft { float: left; margin:0 10px 10px 0;}
img.alignleft { display:inline; float:left; margin:2px 10px 0 0 !important;}
img.alignright { display:inline; float:right; margin:2px 0 0 10px !important;}

/************************************/
/************* PAGENAVI *************/

.wp-pagenavi { font-size:13px; margin:0 auto; background:#fff; padding:10px 0 0 10px; text-align:right;}
#pagenavs span.pages, #pagenavs span.extend { cursor:text;}

/************************************/
/********** CONTACT FORM 7 **********/

.wpcf7-form .wpcf7-validation-errors{ border:none;  background-color:#eacebd;  margin:0;  padding:7px; -webkit-border-radius:3px; -moz-border-radius:3px;  border-radius:3px}
.wpcf7-form .wpcf7-mail-sent-ok{ border:none;  background-color:#daeabd;  margin:0;  padding:7px; -webkit-border-radius:3px; -moz-border-radius:3px;  border-radius:3px}
.wpcf7-form .wpcf7-mail-sent-ng{ border:none;  background-color:#eacebd;  margin:0;  padding:7px; -webkit-border-radius:3px; -moz-border-radius:3px;  border-radius:3px}
.wpcf7-form span.wpcf7-not-valid-tip{ border:none;  background-color:#eacebd;  padding:7px; -webkit-border-radius:3px; -moz-border-radius:3px;  border-radius:3px}

/************************************/
/******** SORTING TRANSITIONS *******/

.isotope-item {z-index: 2;}
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1;}
.isotope, .isotope .isotope-item {-webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s;}
.isotope {-webkit-transition-property: height, width; -moz-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width;}
.isotope .isotope-item {-webkit-transition-property: -webkit-transform, opacity; -moz-transition-property:-moz-transform, opacity; -o-transition-property:top, left, opacity; transition-property:transform, opacity;}
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s;}

/***************************/
/********** GRIDS **********/
/***************************/

.block 				{box-sizing:border-box;width:100%;}
.center 			{margin:0 auto;width:1020px; position: relative; display: block; overflow: auto;}
.grid .block 		{float:left;}
.grid .hundred 		{width:100%;}
.grid .ninety 		{width:90%;}
.grid .eighty 		{width:80%;}
.grid .seventyfive 	{width:75%;}
.grid .seventy 		{width:70%;}
.grid .sixtysix 	{width:66.666%;}
.grid .sixty 		{width:60%;}
.grid .fifty 		{width:50%;}
.grid .forty 		{width:40%;}
.grid .thirtythree 	{width:33.333%;}
.grid .thirty 		{width:30%;}
.grid .twentyfive 	{width:25%;}
.grid .twenty 		{width:20%;}
.grid .ten 			{width:10%;}
.not-desktop 		{display:none;}
.tablet 			{display:none;}
.phone 				{display:none;}

/***************************/
/********* DESKTOP *********/
/***************************/

@media (min-width: 1025px) {
.grid .desktop-to-hundred 		{width:100%;}
.grid .desktop-to-ninety 		{width:90%;}
.grid .desktop-to-eighty 		{width:80%;}
.grid .desktop-to-seventyfive 	{width:75%;}
.grid .desktop-to-seventy 		{width:70%;}
.grid .desktop-to-sixtysix 		{width:66.666%;}
.grid .desktop-to-sixty 		{width:60%;}
.grid .desktop-to-fifty 		{width:50%;}
.grid .desktop-to-forty 		{width:40%;}
.grid .desktop-to-thirtythree 	{width:33.333%;}
.grid .desktop-to-thirty 		{width:30%;}
.grid .desktop-to-twentyfive 	{width:25%;}
.grid .desktop-to-twenty 		{width:20%;}
.grid .desktop-to-ten 			{width:10%;}
}

/***************************/
/**** TABLET TO DESKTOP ****/
/***************************/

@media (min-width: 768px) and (max-width: 1024px) {
.center, .myhead, #thepage		{margin:0;width:100%;}
.tablet 						{display:block;}
.not-desktop 					{display:none;}
.not-tablet 					{display:none;}
.grid .tablet-to-hundred 		{width:100%;}
.grid .tablet-to-ninety 		{width:90%;}
.grid .tablet-to-eighty 		{width:80%;}
.grid .tablet-to-seventyfive 	{width:75%;}
.grid .tablet-to-seventy 		{width:70%;}
.grid .tablet-to-sixtysix 		{width:66.666%;}
.grid .tablet-to-sixty 			{width:60%;}
.grid .tablet-to-fifty 			{width:50%;}
.grid .tablet-to-forty 			{width:40%;}
.grid .tablet-to-thirtythree 	{width:33.333%;}
.grid .tablet-to-thirty 		{width:30%;}
.grid .tablet-to-twentyfive 	{width:25%;}
.grid .tablet-to-twenty 		{width:20%;}
.grid .tablet-to-ten 			{width:10%;}

/*#projgallery, #projgallery li { width: 100%; height: 450px;}*/
}

/***************************/
/***** TABLET TO PHONE *****/
/***************************/

@media (max-width: 767px) {
.center, .myhead, #thepage		{margin:0;width:100%;}
.desktop 						{display:none;}
.not-desktop 					{display:block;}
.tablet 						{display:block;}
.not-tablet 					{display:none;}
.phone 							{display:block;}
.not-phone 						{display:none !important;}
.grid .phone-to-hundred 		{width:100%;}
.grid .phone-to-ninety 			{width:90%;}
.grid .phone-to-eighty 			{width:80%;}
.grid .phone-to-seventyfive 	{width:75%;}
.grid .phone-to-seventy 		{width:70%;}
.grid .phone-to-sixtysix 		{width:66.666%;}
.grid .phone-to-sixty 			{width:60%;}
.grid .phone-to-fifty 			{width:50%;}
.grid .phone-to-forty 			{width:40%;}
.grid .phone-to-thirtythree 	{width:33.333%;}
.grid .phone-to-thirty 			{width:30%;}
.grid .phone-to-twentyfive 		{width:25%;}
.grid .phone-to-twenty 			{width:20%;}
.grid .phone-to-ten 			{width:10%;}

#mytranslate { display: none;}

#logo { text-align: center;}
#header { position: relative; height: auto;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
#thegap { display: none;}
#menu { position: relative; display: block;}
#menu ul {float:none; text-align: center;}
#menu ul li { display: inline-table; float:none; position:inherit; padding: 10px 0;}
#menu ul li:hover {padding:10px 0 5px 0;}
#menu ul li.current-menu-item {padding:10px 0 5px 0;}

#menu ul ul { position:absolute; left: 0; margin-left: 0; top: 125px; background:#f1f1f1; width: 100%;}
#menu ul ul li { width: 100%; padding: 0; margin: 0; display: block; position: relative;}
#menu ul ul li a { display: block;}
#menu ul ul li a h2 {font-size: 14px; padding:10px 0; text-align: center; text-transform: uppercase; color: #ef1c25;}
#menu ul ul span { margin-left: -10px; top: -5px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; border-bottom:none;}
#menu ul li:hover span {border-bottom:none; border-top: 10px solid #ef1c25;}

#slideshow, .slide { height: 200px;}
.slide .caption { bottom:10px; left:0; margin-left:0; width: 100%;}
.slide .caption span { float: none; padding: 10px; font-size: 18px;}
#slidenav { display: none;}

#content {background-image: none; background: #fff; padding:0;}
#ajaxcontent { padding: 20px;}
.projects { padding: 10px;}

.footermenu, .quote, .logos { margin: 20px 0;}
.footermenu ul {float:none; text-align: center;}
.footermenu ul li { display: inline-table; float:none; position:inherit;}

#projgallery { height: 250px;}
#projgallery .item img { max-height: 250px;}
.proj_info { padding: 0;}

.circletext { font-size: 24px; margin-top: -10px;}
.quote01, .quote02 { padding: 15px 8%; font-size: 14px;}
.quote01 .qtop, .quote02 .qtop, .quote01 .qbot, .quote02 .qbot {font-size: 30px;height:15px;}
.divider { border-right:none;}

.social { text-align: center;}

}

/***************************/

/************************************/
/************* END CSS! *************/