/*

	# Company: ClientName

	# CSS Framework: 2013 Effectal Media

	# CSS Authors: Effectal Media - Nick Maller,

	# File: layout.css

*/



/*

	** Components :: Core

*/

/* display */

.offleft

{

	position: absolute;

	left: -9999em;

	width: 1000em;

}

.hide

{

	display: none;

}

.invisible

{

	visibility: hidden;

}



/* floats */

.left

{

	float: left;

}

.right

{

	float: right;

}

	img.left

	{

		margin-bottom: 10px;

		margin-right: 15px;

	}

	img.right

	{

		margin-bottom: 10px;

		margin-left: 15px;

	}

.clear

{

	clear: both;

}

hr

{

	clear: both;

	visibility: hidden;

	height: 1px !important;

	height: 1px;

	margin: 0;

	padding: 0;

	border: none;

}



/* boxing */

.group

{

	padding: 15px;

}

.mtop

{

	margin-top: 18px !important;

}

.pright

{

	padding-right: 105px;

}



/* alignment */

.aright

{

	text-align: right;

}

.center

{

	text-align: center;

}





/*

	** Components :: Main

*/

/* flat lists */

ul.flat

{

	padding: 0;

}

ul.flat li

{

	padding: 0;

	background-image: none;

}



/* inline lists */

ul.inline

{

	padding: 0;

}

ul.inline li

{

	display: inline;

	padding: 0;

	background-image: none;

}



/* definition list */

dl

{

	margin-top: 8px;

}

    dl dt

    {

        float: left;

        clear: left;

        width: 20%;



        color: #bebebe;

        font-size: 14px;

        text-transform: uppercase;

    }

    dl dt span

    {

        font-weight: normal;

    }

    dl dd

    {

        margin-bottom: 5px;

        padding: 0 0 5px 21%;



        color: #3a393b;

        font-size: 14px;

    }



/* splits */

.split

{

	float: left;

	width: 100%;

	clear: both;

}

.split .panel,

ul.split li

{

	clear: none;

}



ul.split li,

ul.split-by3 li,

ul.split-by4 li,

ul.split-by5 li,

.split .panel

{

    position: relative;

	float: left;

	width: 324px;

    margin: 0 24px 24px 0;

}

    .split .panel.last

    {

        margin-right: 0;

    }



ul.split-by3 li,

.split-by3 .panel

{

	width: 31%;

}



ul.split-by4 li,

.split-by4 .panel

{

    position: relative;

	width: 220px;

    margin: 0 26px 26px 0;

}

    .split-by4 .panel.last

    {

        margin-right: 0;

    }



ul.split-by5 li,

.split-by5 .panel

{

	width: 175px;

    margin: 0 15px 0 0 !important;

}





/* Transparent overlays */

.overlay-container

{

    position: relative;

}

    .overlay-container.our-team

    {

        margin: 40px 0;

    }

    .overlay-container .overlay

    {

        position: absolute;

        top: 0;

        left: 0;

        display: block;

        width: 178px;

        height: 21px;

        padding: 218px 21px 23px;



        background: url(../images/overlay.png) no-repeat 0 100% transparent;



        color: #3a393b;

        font-size: 14px;

        text-align: left;

        text-transform: uppercase;

    }





/* Contact icons */

.phone,

.other-phone,

.email

{

    display: block;

    padding: 10px 35px 12px;

    background: url(../images/contact-sprite.gif) no-repeat transparent;

}

    .phone

    {

        background-position: 0 5px;

    }

    .other-phone

    {

        background-position: 0 -32px;

    }

    .email

    {

        background-position: 0 -71px;

    }



/* Google Map */

#gMap

{

    height: 202px;

}







/*

	** Components :: 3rd Party Plugins

*/



/*

 * jQuery FlexSlider v2.0

 * http://www.woothemes.com/flexslider/

 *

 * Copyright 2012 WooThemes

 * Free to use under the GPLv2 license.

 * http://www.gnu.org/licenses/gpl-2.0.html

 *

 * Contributing author: Tyler Smith (@mbmufffin)

 */





/* Browser Resets */

.flex-container a:active,

.flexslider a:active,

.flex-container a:focus,

.flexslider a:focus  {outline: none;}

.slides,

.flex-control-nav,

.flex-direction-nav {margin: 0; padding: 0; list-style: none;}



/* FlexSlider Necessary Styles

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

.flexslider {margin: 0; padding: 0;}

.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {width: 100%; display: block;}

.flex-pauseplay span {text-transform: capitalize;}



/* Clearfix for the .slides element */

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}

html[xmlns] .slides {display: block;}

* html .slides {height: 1%;}



/* No JavaScript Fallback */

/* If you are not using another script, such as Modernizr, make sure you

 * include js that eliminates this class on page load */

.no-js .slides > li:first-child {display: block;}





/* FlexSlider Default Theme

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

.flexslider {margin: 0 0 10px; padding-bottom: 15px; position: relative; zoom: 1;}

.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}

.loading .flex-viewport {max-height: 300px;}

.flexslider .slides {zoom: 1;}



.carousel li {margin-right: 5px}





/* Direction Nav */

.flex-direction-nav {*height: 0;}

.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}

.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }

.flex-direction-nav .flex-prev {left: -36px;}

.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}

.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}

.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}



/* Control Nav */

.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}

.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}

.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}

.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }

.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }



.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}

/*.flex-control-thumbs li {width: 25%; float: left; margin: 0;}*/

.flex-control-thumbs li {width: 76px; padding: 0 5px; margin: 0;}

.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}

.flex-control-thumbs img:hover {opacity: 1;}

.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}



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

  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}

  .flex-direction-nav .flex-next {opacity: 1; right: 0;}

}



.flexslider ul,

.team-flexslider ul

{

    padding: 0;

}

    .flexslider ul li,

    .team-flexslider ul li

    {

        margin: 0;

        padding: 0;

        background: none;

    }