/*
 Theme Name:   Twenty Fourteen Child
 Theme URI:    http://example.com/twenty-fourteen-child/
 Description:  Twenty Fourteen Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     twentyfourteen
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fourteen-child
*/

/*@import url("../twentyfourteen/style.css");*/

/* =Theme customization starts here
-------------------------------------------------------------- */

/** Generated by FG **/
/*@font-face {
	font-family: 'Conv_Interstate Light';
	src: url('/wp-content/themes/twentyfourteen-child/fonts/Interstate Light.eot');
	src: local('☺'), url('/wp-content/themes/twentyfourteen-child/fonts/Interstate Light.woff') format('woff'), url('/wp-content/themes/twentyfourteen-child/fonts/Interstate Light.ttf') format('truetype'), url('/wp-content/themes/twentyfourteen-child/fonts/Interstate Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}*/
@font-face {
	font-family: 'Conv_Interstate-Regular';
	src: url('/wp-content/themes/twentyfourteen-child/fonts/Interstate-Regular.eot');
	src: local('☺'), url('/wp-content/themes/twentyfourteen-child/fonts/Interstate-Regular.woff') format('woff'), url('/wp-content/themes/twentyfourteen-child/fonts/Interstate-Regular.ttf') format('truetype'), url('/wp-content/themes/twentyfourteen-child/fonts/Interstate-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

ul.stories {
list-style-type:none;
-webkit-margin-before:0;
-webkit-margin-after: 0;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;	
}
html, html a {
    -webkit-font-smoothing: antialiased !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

 .masthead-fixed .site-main {
		margin-top: 0px;
	}
 body {
        font-family: 'Conv_Interstate-Regular', sans-serif;
		font-size: 18px;
		background-color:#FFFFFF;
		color:rgb(91,91,95);
		letter-spacing:0.08em;
		line-height:1.7;
      }
	  .frm_checkbox label {
	   font-family: 'Conv_Interstate-Regular', sans-serif;
		font-size: 18px;
		background-color:#FFFFFF;
		color:rgb(91,91,95);
		letter-spacing:0.08em;
		line-height:1.7;
	  
	  }
	  div.frm_checkbox {
		display:inline-block;
		width:45%;  
	  } 
	  .ui-widget {
		 font-family: 'Conv_Interstate-Regular', sans-serif !important;  
	  }
	  .ui-widget-header {
	  background:#8A2529 !important;
	  }
	  .ui-state-default, .ui-widget-content .ui-state-default {
		color: rgb(117, 199, 185) !important;
		font-weight:normal !important; 
	  }
	  
	 .ui-state-active, .ui-widget-content .ui-state-active {
		border:1px solid #8A2529 !important; 
		text-align:center !important;
	 }
	 div.sharedaddy h3.sd-title {
	font-weight:400 !important;	 
	 }
	  .ui-state-highlight, .ui-widget-content .ui-state-highlight {
		border: 1px solid #8A2529 !important;
background: rgba(138,37,41,0.5) url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x !important;
color: white !important;  
	  }
	  .ui-datepicker {
		width:35em !important;  
	  }
	  
	  h1 {
		font-size:2em;
		font-weight:400;
		/*color: rgba(117, 199, 185, 1);*/
		color:#8A2529;
		text-transform:uppercase; 
		/*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);*/
		font-family: 'Conv_Interstate-Regular', helvetica, sans-serif;
	  }
	  
	  h1.big_red {
		font-family: 'Conv_Interstate-Regular', helvetica, sans-serif;
		font-size:30px;
		color:rgb(138,37,41);  
	  }
	  
	  #site-header {
		z-index:120;  
	  }
	  h2 {
		 font-size:1.5em;
		 font-family: 'Conv_Interstate-Regular', helvetica, sans-serif;
		 text-transform:uppercase;
		 color: rgba(117, 199, 185, 1); 
	  }
	  h3 {
		  color: rgb(91, 91, 95);
		  font-size:1.1em;
		  font-weight:400;
		 font-family: 'Conv_Interstate-Regular', helvetica, sans-serif;
		 text-transform:uppercase;
		 margin-top: 0px; 
 margin-bottom: 5px 
	  }
	  
	  header {
    position: relative;
    z-index: 300;
    width: 100%;
    max-width: 100%;
    margin: 0 auto
}
a:hover {
color:rgba(138,37,41,0.75);
text-decoration:none;	
}

header nav {
   /* position: fixed;*/
   position:absolute;
    left: 0;
    top: 0;
    right: 50px;
    z-index: 999 !important;
    margin-top: 25px;
    -webkit-transition: -webkit-transform 0.25s;
    -moz-transition: -moz-transform 0.25s;
    -o-transition: -o-transform 0.25s;
    transition: transform 0.25s;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
	font-family: 'Conv_Interstate-Regular', helvetica, sans-serif;
}
.current h1 {
color:white;	
}

@media only screen and (min-width: 601px) {
    header nav {
        left: 0;
        right: auto;
        margin-top: 50px;
        width: auto;
		background: rgba(255, 255, 255, .8);
		padding-right:20px;
		border:1px solid #e6e6e6;
		-webkit-box-shadow: 3px 3px 10px 0px rgba(51,51,51,1);
-moz-box-shadow: 3px 3px 10px 0px rgba(51,51,51,1);
box-shadow: 3px 3px 10px rgba(51,51,51,1);

    }
}

header nav .navbar-brand {
    position: relative;
    height: 92px;
    width: 275px;
    display: block;
    padding: 0px 30px 0px 0px;
    text-align: center;
    background: url(/wp-content/uploads/2014/03/sw_marketing-logo.png) no-repeat 0 center;
    float: left;
    line-height: 25px;
}

header nav .navbar-brand .swlogo {
    height: 100%;
    background: url(/wp-content/themes/twentyfourteen-child/images/sw_marketing-logo.svg) no-repeat center center
}

header nav .menu-trigger {
    float: left;
    border: none;
    margin: 20px;
    background-color: #75c7b9;
    display: block;
    height: 50px;
    width: 50px;
    cursor: pointer
}

header nav .page-title {
    display: none
}
.csstransforms .menu-trigger .transition {
    width: 18px;
    height: 14px;
    margin: 18px 16px;
    position: relative
}

.csstransforms .menu-trigger .transition .line {
    -webkit-transition: -webkit-transform 0.25s;
    -moz-transition: -moz-transform 0.25s;
    -o-transition: -o-transform 0.25s;
    transition: transform 0.25s;
    height: 2px;
    background: white;
    position: absolute
}

.csstransforms .menu-trigger .transition .line.top {
    top: 0;
    width: 100%
}

.csstransforms .menu-trigger .transition .line.mid {
    width: 100%;
    top: 6px
}

.csstransforms .menu-trigger .transition .line.bottom {
    bottom: 0;
    width: 100%
}


.sidebar {
    width: 1600px;
    max-width: 100%;
    margin: 0 auto;
    -webkit-transition: opacity 0.75s, z-index 0s;
    -webkit-transition-delay: 0s, 1s;
    -moz-transition: opacity 0.75s, z-index 0s 1s;
    -o-transition: opacity 0.75s, z-index 0s 1s;
    transition: opacity 0.75s, z-index 0s 1s;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: black;
    overflow: auto;
    opacity: 0;
    z-index: -1;
    height: 100%
}
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
	margin: 0 auto;
	max-width: 800px;
}

.site-footer {background-color: #000;
font-size: 12px;
position: absolute;
z-index: 3;
bottom:0px;	
}

.imager_headline{
font-size:24px;
color:white;
text-transform:lowercase;
	 font-family: 'Conv_Interstate-Regular', helvetica, sans-serif;
	 line-height:30px;
}


a {
	color:rgb(117, 199, 185);
}
div.entry-meta {
text-transform:uppercase;	
}

a.red_button, input[type="submit"], input[type="button"] {
border: solid 2px #8A2529 !important;
/*background-color:rgba(117, 199, 185,0.8);	*/
color:#8A2529 !important;
text-decoration:none !important;
 -webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)	;
	padding:10px 20px !important;
font-family: 'Conv_Interstate-Regular', helvetica, sans-serif !important;
font-weight:400 !important;
text-transform:uppercase !important;
margin-top:50px !important;
font-size:14px !important;
text-align:center !important;
background:transparent;
}
.form-pagebreak-back:hover, .form-pagebreak-next:hover, .form-submit-button:hover, .qq-upload-button:hover, .form-submit-reset:hover, .form-submit-print:hover{
background-color: #8A2529 !important;
color:#ffffff !important;
 -webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)	;	
}

a.white_button {
border:solid 2px white;
padding:10px 20px;
font-family: 'Conv_Interstate-Regular', helvetica, sans-serif;
font-weight:400;
text-transform:uppercase;
margin-top:50px;
font-size:14px;
text-align:center;
width:200px;
/*color:white;
background:rgba(0,0,0,0.2) !important;*/
}
a:hover.red_button  {
background-color: #8A2529;
padding:10px 20px;
font-family: 'Conv_Interstate-Regular', helvetica, sans-serif;
font-weight:400;
text-transform:uppercase;
margin-top:50px;
font-size:14px;
text-align:center;
width:200px;
color:#ffffff !important;
 -webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)	;	
}
button:hover.fs-submit, button:hover.fs-continue, input[type="submit"]:hover, input[type="button"]:hover {
	background-color: #8A2529;
padding:10px 20px;
font-family: 'Conv_Interstate-Regular', helvetica, sans-serif;
font-weight:400;
text-transform:uppercase;
margin-top:50px;
font-size:14px;
text-align:center;
color:#ffffff !important;
 -webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)	;	
}

button:hover.red_button {
background-color: #8A2529;
padding:10px 20px;
font-family: 'Conv_Interstate-Regular', helvetica, sans-serif;
font-weight:400;
text-transform:uppercase;
margin-top:50px;
font-size:14px;
text-align:center;
color:#ffffff !important;
 -webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)	;	
}

a:hover.white_button {
/*border: solid 2px #8A2529;*/
background-color:rgba(117, 199, 185, 0.8);
color:white !important;
text-decoration:none;
 -webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)	;	
}
hr.style-two {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,0));
}
.sidebar_text {
/*color:#75c7B9;*/
color:#8A2529;
font-size:14px;
font-family: 'Conv_Interstate-Regular';	
}
.nav-content{
	position:relative; 
	width: 600px; 
	height:500px; 
	color:white; 
	background-color: #e6056f; 
	overflow:hidden;
	}
.nav-item{
	position:absolute; 
	top:50px; 
	left:20px; 
	width: 600px; 
	height:400px; 
	background-color: grey;
	}
	.navigation {
	position: absolute;
left: 0;
top: 0;
right: 50px;
z-index: 10;
margin-top: 25px;
-webkit-transition: -webkit-transform 0.25s;
-moz-transition: -moz-transform 0.25s;
-o-transition: -o-transform 0.25s;
transition: transform 0.25s;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)	
	}
	.navigation {
           
			left: inherit;
      right: auto;
      margin-top: 2px;
      width: 385px;
background: rgba(117, 199, 185, 0.85);
color:white;
padding:20px 50px;
font-size:24px;
-webkit-box-shadow: 3px 3px 10px 0px rgba(51,51,51,1);
-moz-box-shadow: 3px 3px 10px 0px rgba(51,51,51,1);
box-shadow: 3px 3px 10px rgba(51,51,51,1);
z-index:300;
height:400px;
        }
        .navigation ul{
        /* positioning */
        	position:relative;
            z-index:1000;
        /* remove the dots next to list items: */
            list-style:none; 
        /* get rid of any default or inherited margins and padding: */
            margin:0; 
            padding:0; 
            
        /* styling: */
          font-family: 'Conv_Interstate-Regular', helvetica, sans-serif;
            font-weight: normal;
            font-size: 15px;
			-webkit-transition: height 0.3s ease-in;
            -moz-transition: height 0.3s ease-in;
            -o-transition: height 0.3s ease-in;
            -ms-transition: height 0.3s ease-in;
            transition: height 0.3s ease-in;
        }
		.navigation ul li {
		-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-transition: background-color 0.3s ease;
            -moz-transition: background-color 0.3s ease;
            -o-transition: background-color 0.3s ease;
            -ms-transition: background-color 0.3s ease;
            transition: background-color 0.3s ease;	
			margin:2em 0;
		}
		.navigation ul li a:link, .navigation ul li a:active, .navigation ul li a:visited {
		color:white;
		font-size:24px;
		font-family: 'Conv_Interstate-Regular', helvetica, sans-serif;
		text-transform:uppercase;
		}
		.navigation ul li a:hover {
		color:#8A2529;
		text-transform:uppercase;
		font-size:24px;
		font-family: 'Conv_Interstate-Regular', helvetica, sans-serif;
		text-decoration:none;
		}
        
        /* we're using the direct descendant selectors > to ONLY affect the main menu items */
        .navigation > ul > li {
        /* positioning */ 
            position: relative;
            float: left;
        /* styling: */
            margin-right: 10px;
        }
        .navigation > ul > li > a {
        /* positioning */ 
            display:block;
        /* styling: */
            background-color: #2c2c2c; /*  grey */
            padding:8px 14px;
            text-decoration:none;
            color:#aaaaaa; 
            
        }
        .navigation > ul > li > a:hover{
        /* styling: */
            background-color:#666666; /* grey */
            color:#eeeeee; /* light grey */
        }
		/* unfortunate ie7 gap fix */
        .ie7 .navigation ul li{
            margin-bottom:-3px;
        }
		 #nav_box {
		display:none;	
		-webkit-transition: all 500ms ease-out 0;
		-moz-transition:bottom 500ms ease-out 0, background 1s ease-in 0;
		-o-transition:bottom 500ms ease-out 0, background 1s ease-in 0;
		transition:bottom 500ms ease-out 0, background 1s ease-in 0;
		-webkit-box-shadow: 3px 3px 10px 0px rgba(51,51,51,1);
-moz-box-shadow: 3px 3px 10px 0px rgba(51,51,51,1);
box-shadow: 3px 3px 10px rgba(51,51,51,1);
z-index:200;
		}
		.nav_show {
		display:block !important;
		-webkit-transition: all 500ms ease-out 0;
		-moz-transition:bottom 500ms ease-out 0, background 1s ease-in 0;
		-o-transition:bottom 500ms ease-out 0, background 1s ease-in 0;
		transition:bottom 500ms ease-out 0, background 1s ease-in 0;
		}
		#stories_div {
		display:none;	
		/*position:absolute;*/
		/*left:0;
		bottom:0;*/
		-webkit-transition: all 500ms ease-out 0;
		-moz-transition:bottom 500ms ease-out 0, background 1s ease-in 0;
		-o-transition:bottom 500ms ease-out 0, background 1s ease-in 0;
		transition:bottom 500ms ease-out 0, background 1s ease-in 0;
		}
		
	
		
		.site-info:active #stories_div {
			bottom:0;
			background:rgba (225,225,225,.3);
		}
		.clear{
		clear:both;
	}
	
	.spinning_top {
		height: 2px;
background: white;
position: absolute;
display: visible;
opacity: 1;	
width:100%;
/*General*/
transform: rotate(45deg) translate(4px, 5px);
/*Firefox*/
-moz-transform: rotate(45deg) translate(4px, 5px);
/*Microsoft Internet Explorer*/
-ms-transform: rotate(45deg) translate(4px, 5px);
/*Chrome, Safari*/
-webkit-transform: rotate(45deg) translate(4px, 5px);
/*Opera*/
-o-transform: rotate(45deg) translate(4px, 5px);

}
.spinning_bottom {
	height: 2px;
background: white;
position: absolute;
display: visible;
opacity: 1;	
width:100%;
/*General*/
transform: rotate(-45deg) translate(3px, -4px);
/*Firefox*/
-moz-transform: rotate(-45deg) translate(3px, -4px);
/*Microsoft Internet Explorer*/
-ms-transform: rotate(-45deg) translate(3px, -4px);
/*Chrome, Safari*/
-webkit-transform: rotate(-45deg) translate(3px, -4px);
/*Opera*/
-o-transform: rotate(-45deg) translate(3px, -4px);

}
.mid_opacity {
	height: 2px;
background: white;
position: absolute;
display: visible;	
width:100%;
opacity:0;
filter:alpha(opacity=0);

}
#spintop, #spinbottom, #mid, #topleft {
/*general version*/
transition: 1s;
/*browser specific versions*/
-moz-transition: 1s;
-ms-transition: 1s;
-webkit-transition: 1s;
-o-transition: 1s;
}
.site-footer{
background:rgba(145,145,149,0.75);
font-size: 12px;
position: fixed;
z-index: 30;
bottom:0px;	
width:100%;
text-align:center;	
}
	.site-info, .port_top {
	padding: 5px 30px;
	color:rgba (225,225,225,0.7);
	font-size:14px;
	position:relative;
	width:100%;
	}
	.work_port {
	background:rgba(145,145,149,0.75);
	color: #fff;
display: block;
font-size: 14px;
font-weight: 500;
letter-spacing: 1px;
left: 0;
line-height: 11px;
padding: 5px 0 7px;
position: absolute;
text-align: center;
text-transform: uppercase;
top: -23px;
width: 100%;
 -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -ms-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;	
	}
	.work_port_active {
		background:rgba(145,145,149,0.75);
	color: #fff;
display: block;
font-size: 14px;
font-weight: 500;
letter-spacing: 1px;
left: 0;
line-height: 11px;
padding: 5px 0 7px;
position: fixed;
text-align: center;
text-transform: uppercase;
top: 0px;
width: 100%;
 -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -ms-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;	
height:26px;
z-index:300;
	}
	
	
	.work_port:hover, .work_port_active:hover {
	 zoom: 1;
        filter: alpha(opacity=50);
        opacity: 0.5;
        -webkit-transition: opacity .5s ease-in-out;
        -moz-transition: opacity .5s ease-in-out;
        -ms-transition: opacity .5s ease-in-out;
        -o-transition: opacity .5s ease-in-out;
        transition: opacity .5s ease-in-out;	
	}
	.work_port:before{
	background-color:rgb(145,145,149);
background: rgba(145,145,149,0.75);
font-size: 15px;
left: 50%;
line-height: 19px;
margin-left: -39px;
position: fixed;
text-align: center;
bottom:50px;
width: 50px;
	}
	.work_port_active:before {
	background-color:rgb(145,145,149);
background: rgba(145,145,149,0.75);
font-size: 15px;
left: 50%;
line-height: 19px;
margin-left: -39px;
position: fixed;
text-align: center;
top:0px;
width: 50px;
	}
	.work_port span {
	display:inline-block;	
	}
	.arrow_up, .arrow_down{
	/*background:url(http://serfwerks.com/wp-content/uploads/2014/04/arrow_up.png) no-repeat center center;*/
		font-size:14px;
	}
	.site-info a:hover, .port_top a:hover {
color:rgb(225,225,225);
	}
	.arrow_up:before {
	/*content:url('/wp-content/uploads/2014/04/arrow_up.png');*/
	background-color:rgb(145,145,149);
background: rgba(145,145,149,0.75);
line-height: 19px;
/*margin-left: -7px;*/
position: fixed;
text-align: center;
bottom:23px;
width: 80px;
left:50%;
margin-left:-40px;	
	}
	.site-info {
	padding:0px !important;	
	}
	.arrow_down:after {
	/*content:url('/wp-content/uploads/2014/04/arrow_down.png');*/
	background-color:rgb(145,145,149);
background: rgba(145,145,149,0.75);
left: 47.555%;
line-height: 19px;
position: fixed;
text-align: center;
top:26px;
width: 75px;	
	}
	.site-info {
color: rgba(255, 255, 255, 0.8);
	}
	@font-face {
	font-family: 'icomoon';
	src:url('/wp-content/fonts/icomoon.eot?etskf2');
	src:url('/wp-content/fonts/icomoon.eot?#iefixetskf2') format('embedded-opentype'),
		url('/wp-content/fonts/icomoon.woff?etskf2') format('woff'),
		url('/wp-content/fonts/icomoon.ttf?etskf2') format('truetype'),
		url('/wp-content/fonts/icomoon.svg?etskf2#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
font-family:'Glyphicons Halflings';	
src:url('/wp-content/themes/twentyfourteen-child/fonts/glyphicons-halflings-regular.eot');
	src:url('/wp-content/themes/twentyfourteen-child/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/twentyfourteen-child/fonts/glyphicons-halflings-regular.woff?#iefix') format('woff'),
		url('/wp-content/themes/twentyfourteen-child/fonts/glyphicons-halflings-regular.ttf?#iefix') format('truetype'),
		url('/wp-content/themes/twentyfourteen-child/fonts/glyphicons-halflings-regular.svg?#iefix') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'Glyphicons Halflings';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-arrow-down:after {
	/*content: "\e600";*/
	content:"\E259";
}
.icon-arrow-up:before {
	/*content: "\e601";*/
	/*content:"\E113";*/
	content:"\E260";
}
div#arrow.arrow_up.icon-arrow-up, div#arrow.arrow_down.icon-arrow-down {
width:100%;
text-align:center;
}
.stories {
/*display:none;*/	
}
.stories_div {
background:rgba(45,45,45,0.5);	
width:100%;
height:100%;
display:none;
/*-webkit-transition: -webkit-transform 0.25s;
-moz-transition: -moz-transform 0.25s;
-o-transition: -o-transform 0.25s;
transition: transform 0.25s;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)	;
	*/
}

.stories {
background:rgba(45,45,45,0.5);		
height: 100%;
left: 0;
overflow: hidden;
position: fixed;
top: 0;
width: 100%;
z-index:200;
margin:0;	
-webkit-transition: -webkit-transform 0.25s;
-moz-transition: -moz-transform 0.25s;
-o-transition: -o-transform 0.25s;
transition: transform 0.25s;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)	

}

#stories_div ul {
-webkit-transition: height 0.3s ease-in;
            -moz-transition: height 0.3s ease-in;
            -o-transition: height 0.3s ease-in;
            -ms-transition: height 0.3s ease-in;
            transition: height 0.3s ease-in;	
}
*stories_div ul li {
-webkit-transition: height 0.3s ease-in;
            -moz-transition: height 0.3s ease-in;
            -o-transition: height 0.3s ease-in;
            -ms-transition: height 0.3s ease-in;
            transition: height 0.3s ease-in;
}

.stories li {
float: left;
height: 50%;
overflow: hidden;
position: relative;
width: 33.33%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;

}
	
	#site_footer, #portfolio_top{
	z-index:300;	
	}
	.active .work_port {
	top:0;
	z-index:9999;	
	}
	
#stories_div .active {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
	position:absolute;
	top:0px;
}
embed,
iframe,
object,
video {
	margin-bottom: -4px;
	max-width: 100%;
}
#portfolio_top {
display:none;	
}
/*#site_footer{
display:none;	
}*/
	.product_container{
	position: relative; 
	 width: 1500px;
 height:300px;
 margin: 10px auto;
 text-align: center;
 white-space: nowrap;
 overflow-x: auto;
 overflow-y: hidden;
  }
 .product_slider {
	 float:auto;
/*margin:15px;*/
display: inline-block;
white-space:no-wrap;
text-align:center;
width:300px;
height:250px;
overflow:hidden;
-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
position:relative;
 }
 #left-button {position:absolute;
left:30px;
top:50%;
transform:translateY(-50%);
z-index:99;  }

#right-button {
	position:absolute;
right:30px;
top:50%;
transform:translateY(-50%);
z-index:99;  
}
.product_slider img {
/*min-width:375px;
min-height:225px;*/	
}
.product_container ul{
margin:0;	
}
.reveal {
	opacity:0;
	visibility:hidden;	
	width:300px;
	height:250px;
	/*margin:20px;*/
	background:rgba(138,37,41,0.85);
	color:white;
	padding:20px;	
	position:absolute;
	top:0;
	left:0px;
	/*transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);*/
	white-space:normal;
	text-transform:uppercase;
	font-size:16px;
	text-transform:center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
	 -webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
		z-index:999;
		}	
		.see_more  {
		width:150px;
		padding:10px;
		border:1px solid white;
		color:white;
		margin:10px auto;
		 -webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
		}
		.see_more:hover {
		border:1px solid white;
		background:rgba(255,255,255,0.7);
		color:rgba(138,37,41,0.7) !important;
		text-shadow:none;
		 -webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);	
		}

.see_more.start a:hover {
color:rgba(138,37,41,0.7) !important;	
}
.product_slider:hover .reveal, .marketing_product:hover .reveal {
 opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);	
}
.hero_case_study {
width:100%;
padding:5%;
height:400px;
background-size:cover;
background-position:center;
/*margin-top:50px;*/
position:relative;
}
.torch_lms {
background: 
	linear-gradient(
		rgba(0, 0, 0, 0.35), 
		rgba(0, 0, 0, 0.35)
		),
		url(/wp-content/uploads/2014/05/torch_primary_image.jpg) no-repeat;		
}
.cvmg {
background: 
	linear-gradient(
		rgba(0, 0, 0, 0.35), 
		rgba(0, 0, 0, 0.35)
		),
		url(/wp-content/uploads/2015/11/baby_pic_pr.jpg) no-repeat;	
		background-position:center;
}


.ess_case_study {
background: linear-gradient(
		rgba(0, 0, 0, 0.35), 
		rgba(0, 0, 0, 0.35)
		),
		url(/wp-content/uploads/2015/11/triathlon_phil_roeder1.jpg) no-repeat;	
		background-position:65% top;
}
.case_study_label {
float:left;
postion:absolute;
top:0;	
width:100%;
text-align:left;
}
.case_study_detail {
/*float:left;*/
width:80%;
text-align:center;
color:white;
font-size:18px;
font-weight:400;
/*position:absolute;
bottom:150px;*/	
margin:0 auto;
 position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.case_study_detail h1 {
	font-size: 2em;
text-shadow: 0px 0px 5px #000; 
}

.case_study_detail a:link, .case_study_detail a:visited, .case_study_detail a:active {
	color:white;
	text-decoration:none;
	 -webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)	;	
}
.case_study_detail a:hover {
/*color:rgb(138,37,41);*/
border:none;
text-decoration:none;
 -webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)	;	
}
.portfolio {
float: left;
height: 50%;
overflow: hidden;
position: relative;
width: 33.33%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-size:cover;
background-position:center;

}
.portfolio_container{
width:100%;
height:800px;
}
.portfolio_container ul li {
display:inline-block;
width:33.33%;
height:33.33%;
float:left;
position:relative;	
float: left;
height: 50%;
overflow: hidden;
position: relative;
width: 33.33%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-size:cover;
background-position:center;
}
.reveal p {
font-size:14px;
text-transform:none;	
}
.reveal hr {
color:white;
width:50%;
height:1px;
background-color:white;
margin:12px auto;	
}
 .portfolio_item {
	 float:left;
margin:0px;
display:table-cell;
vertical-align:middle;
white-space:no-wrap;
text-align:center;
overflow:hidden;
-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
position:relative;
width:33.33%;
height:50%;
 }
 
 .portfolio_item .reveal {
	width:100%;
	height:100%; 
 }
 .portfolio_item:hover .reveal {
  opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)	
 }
 .portfolio_item img {
	min-width:100%; 
 }
 .work_items li {
	float: left;
height: 50%;
overflow: hidden;
position: relative;
width: 33.33%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; 

 }
 .portfolio_item .reveal {
	position:absolute;
	top:0px;
	right:0px;
 }
 ul.work_items{
height:100%;
 }
 .portfolio_item .reveal {
	padding:20% 20px; 
	height:100%;
	
 }
 
 /* ***************** Liquid Slider Styles ***********************/
 /***********************************************************************
*
*  Liquid Slider
*  Kevin Batdorf
*
*  http://liquidslider.com
*
*  GPL license 
*
************************************************************************/
/******************************************************
* No JavaScript
* Use this to apply styles when Javascript is disabled,
* and be sure to include the ".no-js" class in your html 
* markup.
*******************************************************/
/* line 18, ../sass/liquid-slider.scss */
.no-js .liquid-slider {
  overflow: scroll;
}

/******************************************************
* Preloader
* Use this to apply styles when Javascript is disabled,
* and be sure to include the ".no-js" class in your html 
* markup.
*******************************************************/
/* line 28, ../sass/liquid-slider.scss */
.liquid-slider-wrapper .liquid-slider-preloader {
  background: url(../img/loading.gif) #f2f2f2 no-repeat center 75px;
  /* Do not edit below this line */
  width: 100%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
}

/******************************************************************
* Base Styles 
* The styles here will apply to everything. I recommend you keep
* the styles in here specific to mobile defices, then use
* the media queries at the bottom to define further styles for larger
* screen-sizes. Think Mobile First. But be cautious of how
* your site will look in older IE browsers.
*
* Additional media queries are at the bottom of this document
******************************************************************/
/* line 49, ../sass/liquid-slider.scss */
.liquid-slider-wrapper {
  margin: 0 auto;
  /* Do not edit below this line */
  clear: both;
  overflow: auto;
  position: relative;
  left:0px;
  top:0px;
}

/******************************************************
* Main Container
* This is the main container (minus the navigation).
* Be sure to match the width with the .panel class, 
* or it won't work properly. Also, width only applies
* if you are not using the responsive setting.
*
* The responsive slider will interpret the width as the
* max width instead
*******************************************************/
/* line 67, ../sass/liquid-slider.scss */
.liquid-slider-wrapper .liquid-slider {
  /*background: #f2f2f2;*/
  background:none;
  /*width: 1030px;*/
  width:100%;
  /* Do not edit below this line */
  float: left;
  overflow: hidden;
  position: relative;
}

/* line 75, ../sass/liquid-slider.scss */
.liquid-slider-wrapper .panel-container {
  /* Do not edit below this line */
  position: relative;
}

/* line 80, ../sass/liquid-slider.scss */
.liquid-slider-wrapper .liquid-slider .panel-container .fadeClass {
  /* Do not edit below this line */
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

/******************************************************
* Panels
* This is for the panels. If you are using the 
* responsive setting, this will act as the max-width
* for the entire slider.
*******************************************************/
/* line 94, ../sass/liquid-slider.scss */
.liquid-slider-wrapper .liquid-slider .panel {
  /*width: 1030px;*/
  width:100%;
  min-height: 250px;
  min-width:300px;
  background:none !important;
  border:none !important;
  /* Do not edit below this line */
  display: block;
  float: left;
  border-radius:0px;
  -webkit-border-radius: 0px;
-moz-border-radius: 0px;
}
.liquid-slider .panel {
width:300px;
height:250px;	
}

/******************************************************
* This is mainly used to adjust the padding inside each 
* panel. If you are using the responsive setting, you
* need to use the settings below as this will not apply.
*******************************************************/
/* line 107, ../sass/liquid-slider.scss */
.liquid-slider-wrapper .liquid-slider .panel-wrapper {
  /*padding: 20px;*/
  /* Do not edit below this line */
  position: relative;
}

/******************************************************
* Responsive Styles
* Here are the main responsive styles. This mostly 
* covers the arrows, and most of the settings can be
* applied above.
*******************************************************/
/* line 119, ../sass/liquid-slider.scss */
.liquid-responsive .liquid-slider {
  /* Do not edit below this line */
  width: 100%;
  margin: 0;
}

/* line 124, ../sass/liquid-slider.scss */
.liquid-responsive .liquid-slider .panel .panel-wrapper {
  /*padding: 10px;*/
}

/* line 127, ../sass/liquid-slider.scss */
[class*="arrow-"] {
  width: 24px;
  height: 42px;
  float: left;
  margin: 0 2px 5px 0;
  display: block;
  z-index:999;
}

/* line 134, ../sass/liquid-slider.scss */
.arrow-right {
  background: url(/wp-content/uploads/2014/05/right_arrow1.png) no-repeat top right;
   z-index:999;
   position:absolute;
  right:10px;
  top:40%
}

/* line 137, ../sass/liquid-slider.scss */
.arrow-left {
  background: url(/wp-content/uploads/2014/05/left_arrow1.png) no-repeat top left;
  position:absolute;
  z-index:999;
  left:10px;
  top:40%;
}

/* line 140, ../sass/liquid-slider.scss */
.arrow-left:hover {
  background: url(/wp-content/uploads/2014/05/left_arrow1_hover1.png) no-repeat top left;
  cursor:pointer;
}

/* line 143, ../sass/liquid-slider.scss */
.arrow-right:hover {
  background: url(/wp-content/uploads/2014/05/right_arrow1_hover1.png) no-repeat top right;
  cursor:pointer;
}

/* line 147, ../sass/liquid-slider.scss */
.liquid-slider img {
  width: 300px;
  height: 250px;
  position:relative;
  left:0px;
}

/* line 151, ../sass/liquid-slider.scss */
.liquid-slider p, .liquid-slider h3 {
  margin: 5px 0;
}
.center_content {
display:inline-block;
font-family: 'Conv_Interstate-Regular';
text-align:center;	
color:white;
position:relative;
top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-o-transform:translateY(-50%);
}
.thumbnail {
text-align:center;	
}
p.marketing_product_title {
	text-transform:uppercase;
	color:rgb(117, 199, 185);
	font-size:20px;
}
.marketing_product {
width:95%; margin:0 auto;height:300px;padding:0 !important;	
}
.marketing_product .reveal {
	width:100%;
	height:300px;
	font-size:18px;
	color:white;
position:relative;
/*top:50%;
left:50%;
transform:translate(-50%, -50%);	
-webkit-transform:translate(-50%, -50%);	
-moz-transform:translate(-50%, -50%);	
-o-transform:translate(-50%, -50%);	
-ms-transform:translate(-50%, -50%);	*/
}

.product_excerpt p{
color:white !important;
font-size:18px !important;
text-transform:uppercase;
font-size:18px;	
}
div.panel-wrapper {
position:relative;
width:300px;
height:250px;	
}
ul.work_items {
display: block;
list-style-type: disc;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;	
}
div#work_portfolio:hover, div#portfolio_top{
	cursor:pointer;
}


.post_feat_img {
	background-size:cover;
	background-repeat:no-repeat;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0,0,0,0)),color-stop(100%, rgba(0,0,0,0.7)));
background: -moz-linear-gradient(top, rgba(0,0,0,0),rgba(0,0,0,0.7));
background: -webkit-linear-gradient(top, rgba(0,0,0,0),rgba(0,0,0,0.7));
background: linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,0.7));
height:300px;	
}
.main{width:100%;max-width:100%;margin:0 auto;-webkit-transition:opacity 0.25s;-moz-transition:opacity 0.25s;-o-transition:opacity 0.25s;transition:opacity 0.25s;position:absolute;top:0;left:0;right:0;bottom:auto;box-shadow:0 0 25px rgba(0,0,0,0.2);z-index:1;background:white;padding:0;opacity:1;height:60vh;}

nav.navigation.post-navigation {
display:none;	
} 
p.quote {
color:rgb(117, 199, 185);
font-weight:400;
font-size:2em;	
font-style:italic;
}
p {
margin: 0 0 20px	
}
blockquote {
font-family:"kepler-std", serif;
font-weight:300;
font-style:italic;
color:rgba(117, 199, 185, 1);
border-left:none;	
padding:2.5% 5%;
}
#jp-relatedposts h3.jp-relatedposts-headline em, div.sharedaddy h3.sd-title {
font-weight:400 !important;	
}
blockquote p {
font-weight:300;
font-size:1.5em;	
}
.entry-meta {
font-size:14px;	
font-family:"kepler-std", serif;
font-weight:300;
font-style:italic;
text-transform:none;
letter-spacing:0;
color:rgb(91, 91, 95);
}
.entry-meta a {
color:rgb(91, 91, 95);
text-transform:none !important;	
}
.entry-meta a:hover {
color:rgba(138,37,41,0.75);
text-decoration:none;	}
.port_div {
	text-align:center;background:#F1F2F2;padding:5%;	margin:5% 0;
}
.port_div img {
max-width:100%;
height:auto;	
box-shadow: 3px 3px 5px #888888;
}
.port_div p {
color:#8A2529;
font-family:"kepler-std", serif;
font-weight:300;
font-style:italic;
font-size:1em;
margin:2.5% 0 0 0;
text-align:center;
}
.services_row {
	background:#F1F2F2;
	padding:2.5%;
	min-height:100px;
}
.services_p {
font-family:"kepler-std", serif;
font-weight:300;
font-style:italic;
font-size:1em;
margin-bottom:0px;
}
.scrollToTop{
	width:40px; 
	height:40px;
	padding:10px; 
	text-align:center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	position:fixed;
	bottom:60px;
	right:40px;
	display:none;
	background: rgba(117,199,185,0.65);
}
.scrollToTop:hover{
	text-decoration:none;
}
.marketing_service_background{
	height:150px;
background: linear-gradient(rgba(0, 0, 0, 0.35),  rgba(0, 0, 0, 0.35)), url(/wp-content/uploads/2015/11/marketing_demographics.jpg) no-repeat;background-size:cover;background-repeat:no-repeat; }
.design_service_background{
	height:150px;
background: linear-gradient(rgba(0, 0, 0, 0.35),  rgba(0, 0, 0, 0.35)), url(http://serfwerks.com/wp-content/uploads/2014/04/sw_logo-hero.jpg) no-repeat;background-size:cover;background-repeat:no-repeat;background-position:center; }
.web_service_background{
	height:150px;
background: linear-gradient(rgba(0, 0, 0, 0.35),  rgba(0, 0, 0, 0.35)), url(/wp-content/uploads/2015/11/web_background.jpg) no-repeat;background-size:cover;background-repeat:no-repeat;background-position:center; }

h1.service_hdr {
color:white;	
}
.service_name {
	text-align:center;position:relative;
  top: 50%;
  transform: translateY(-50%);
}
.grey_background {
background:#F1F2F2;	
}
h1.home_headline {
color:white;
font-size:4em;
text-transform:uppercase;	
font-family: 'Conv_Interstate-Regular';
margin-bottom:0px;
}
.small_text {
font-size:9px;
color:#999;	
}
.small_text a {
color:#999;
text-decoration:none;	
}
.promo-box {
border-radius:5px;
border:1px dotted #e6e6e6;
padding:2.5%;
text-align:center;	
}
.promo-box h3 {
font-family: 'Conv_Interstate-Regular', helvetica, sans-serif;
font-size: 30px;
color: rgb(138, 37, 41);
}
.form-multiple-column .form-radio-item, .form-multiple-column .form-checkbox-item {
width:250px !important;	
}
.form-label-top, .form-label-left, .form-label-right, label {
	font-size:2em;
font-weight:400 !important;
color:#8A2529;text-transform: uppercase !important; 
/*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);*/
font-family: 'Conv_Interstate-Regular', helvetica, sans-serif !important;	
}
.form-textarea {
	font-family: 'Conv_Interstate-Regular', helvetica, sans-serif !important;
}
.form-radio-item label, .form-checkbox-item label, .form-grading-label, .form-header {
color:rgb(91, 91, 95) !important;	
}
.form-textbox, .form-radio-other-input, .form-checkbox-other-input, .form-captcha input {
font-size:1.5em !important;	
}
.form-textarea {
font-size:1em !important;	
}
.form-line {
padding-left:0 !important;
padding-right:0 !important;
padding:10px 0 !important;	
}

input.form_input, .form_input input, textarea.form_input, .form_input textarea, input.frm_date {
display: block;
margin: 0;
padding: 1%;
width: 80%;
border: none;
border-bottom: 2px solid rgba(0, 0, 0, 0.2);
background-color: rgba(0,0,0,0.05);
color: rgba(117, 199, 185, .65);
text-overflow: ellipsis;
font-weight: 400;
margin-bottom:5%;
font-size: 2em;
border-radius: 0;	
}
.frm_ajax_loading {
display:none;	
}
.form_number {
text-align:right;
color:rgba(117, 199, 185, .40);
font-size:1.5em;
}
.frm_error, .frm_message{
color:#F700D0;	
}
/*-----------RESPONSIVE FORM-----------*/

@media only screen and (max-width: 480px) {

.form-textarea,

.form-textbox,

.form-dropdown{

width: 100% !important;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

}

.form-label-left, .form-label-right{

width: auto;

}

.form-buttons-wrapper{

margin-left:0 !important;

}

.form-input {

width: 100%;

}

.form-all{

width: 98%;

}

.form-sub-label-container {

width: 100%;

display:block;

}

/*--for the address table--*/

span.form-sub-label-container + span.form-sub-label-container {

margin-right: 0;

}

.form-address-table select,

.form-address-state,

.form-address-table, 

.form-address-line,

.form-address-table .form-sub-label-container {

width: 100%;

}

.form-address-postal,

.form-address-city{

width: 99%;

 

}

.form-address-table td, .form-address-table th {

padding-bottom: 10px;

padding: 0 0 10px 0;

}

}
.form-all {
	width:100% !important;
max-width:100% !important;	
}
h6 {
font-size:10px;	
}
.jumbotron {
margin-bottom:0 !important;	
}
.jp-relatedposts-post-title a {
text-transform:uppercase;	
}
.jp-relatedposts-post-title a:hover {
text-decoration:none;	
}
.mar_product_inner {
position: absolute; width:100%;top: 50%; transform: translateY(-50%);color:white;text-transform:uppercase;	padding:15px 0;
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover, #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a {
text-decoration:none !important;	
}

.full-screen {
    width: 100%;
    height: 100%;
    margin: 0;
    top: 0;
    left: 0;
}
.modal .close {
	text-indent: -119988px;
overflow: hidden;
text-align: left;
background-image: url('/wp-content/uploads/2016/01/close.png');
background-repeat: no-repeat;
background-position: 50% 50%;
position: absolute;
top: 25px;
bottom: auto;
left: auto;
right: 25px;
cursor: pointer;
width: 50px;
height: 50px;
border: 2px solid #222;
z-index: 20;}

.fs-title h1 {
font-size:1.5em;
color:rgb(117, 199, 185);	
}
nav.navigation.paging-navigation {
position: relative !important;
background: transparent;
box-shadow: none;
width: 100%;
padding:0;
}
.entry-meta.index_list a {
color:white !important;	
}
.post_ex {

	position:absolute;
	bottom:2.5%;
	padding:5% 5% 0 5%;
	
}
span.page-numbers.current, span.page-numbers.dots{
color:rgb(117, 199, 185);
}
.page-numbers {
font-size:.75em;	
}
.pagination{
	display: inline-block;
padding-left: 0;
margin: 0px 0 2.5% 0;
border-radius: 4px}

.posts-page .navigation {
height:auto !important;	
}