/*
*
* Template Name: Mixer
* Template URI: http://www.pebasdesign.com/themes/mixer/
* Template Author: Predrag Stojanovic
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Version: 1.0.0
*
* Designed & Coded by Predrag Stojanovic http://www.pebasdesign.com
* All files, unless otherwise stated, are released under the GNU General Public License
* version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)
*
* PLEASE DO NOT EDIT THIS FILE!
* 
*/

/*******************************************************************************************/
/************************************* IMPORTED STYLES **********************************/
/*******************************************************************************************/

/* THESE STYLES NO NEED TO CHANGE */

@import url(../../../../fonts.googleapis.com/css@family=Droid+Sans) screen;
@import url('cslide.css') screen;
@import url('tipsy.css') screen;
@import url('prettyPhoto.css') screen;

/*******************************************************************************************/
/**************************************** FONTS *****************************************/
/*******************************************************************************************/


/* Foundation Icons General */
@font-face
{
	font-family: 'FoundationIconsGeneral';
	src: url('../fonts/foundation-icons-general.eot');
	src: url('../fonts/foundation-icons-general.eot@#iefix') format('embedded-opentype'), url('../fonts/foundation-icons-general.woff') format('woff'), url('../fonts/foundation-icons-general.ttf') format('truetype'), url('../fonts/foundation-icons-general.svg#FoundationIconsGeneral') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Foundation Icons Social */
@font-face
{
	font-family: 'FoundationIconsSocial';
	src: url('../fonts/foundation-icons-social.eot');
	src: url('../fonts/foundation-icons-social.eot@#iefix') format('embedded-opentype'), url('../fonts/foundation-icons-social.woff') format('woff'), url('../fonts/foundation-icons-social.ttf') format('truetype'), url('../fonts/foundation-icons-social.svg#FoundationIconsSocial') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*******************************************************************************************/
/**************************************** OVERAL STYLES *********************************/
/*******************************************************************************************/

body
{
	background: #ffffff;
	font-family: Sans-Serif;
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6
{
	font-family: Sans-Serif;
	font-weight: normal;
	color: #3b3b3b;
}

h1
{
	font-size: 30px;
	line-height: 30px;
}

h2
{
	font-size: 26px;
	line-height: 26px;
}

h3
{
	font-size: 22px;
	line-height: 22px;
}

h4
{
	font-size: 18px;
	line-height: 18px;
}

h5
{
	font-size: 16px;
	line-height: 16px;
}

h6
{
	font-size: 14px;
	line-height: 14px;
}

span
{
	color: #ef520d;
	font-size: small;
}

span.label.quote
{
	display: inline-block;
	width: auto;
	background: #ff1a1a;
	padding: 10px 10px;
	border-top: 1px solid #ef870d;
	border-bottom: 6px solid #292929;
	color: #ffffff;
}

span.label
{
	color: #ffffff;
	background: #ef520d;
	padding: 2px 5px;
	margin-right: 2px;
}

span.label.red
{
	background: #e91c21;
}

span.label.blue
{
	background: #00a6fc;
}

span.label.black
{
	background: #3b3b3b;
}

li
{
	list-style: none;
}

a
{
	text-decoration: none;
}

a.tip
{
	cursor: help;
}

hr
{
	height: 1px;
	border: none;
	border-top: 1px solid #ececec;
}

p
{
	font-size: 12px;
	line-height: 20px;
	font-family: Sans-serif;
}

.clear
{
	clear: both;
}

.simple-box
{
	padding: 20px;
	-moz-box-shadow: 0px 8px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 8px rgba(0, 0, 0, 0.2);
}

blockquote
{
	color: #7a7a7a;
	font-family: Sans-Serif;
	font-style: italic;
	padding: 0px 0px 0px 0px;
	display: block;
	margin: 0px;
}

blockquote.regular
{
	padding-left: 20px;
	border-left: 5px solid #e1e1e1;
	font-size: 22px;
	line-height: 32px;
}

cite
{
	color: #ef520d;
	font-style: italic;
	display: block;
	text-align: right;
}

video
{
	width: 100%;
	height: auto;
}

.linkbutton
{
	font-size: medium;
	font-family: Sans-Serif;
	font-style: normal;
	color: Red;
}

.linkbutton:hover
{
	font-weight: bold;
	color: Red;
}
/*******************************************************************************************/
/**************************************** BUTTONS *********************************/
/*******************************************************************************************/

a.button
{
	font-family: Sans-Serif;
	background: #ef520d;
	color: #ffffff;
	text-transform: uppercase;
	line-height: 22px;
	padding: 5px 10px;
	margin: 20px 0px;
	display: inline-block;
	width: auto;
	border-top: 1px solid #ef870d;
	-moz-box-shadow: 0px 8px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 8px rgba(0, 0, 0, 0.2);
	cursor: pointer;
}

a.button:hover
{
	background: #3b3b3b;
	border-top: 1px solid #a7a7a7;
}

.button.default
{
	font-size: 14px;
}

.button.small
{
	font-size: 12px;
}

.button.big
{
	font-size: 18px;
	padding: 8px 16px;
}

.button.large
{
	font-size: 22px;
	padding: 8px 16px;
}

.button.huge
{
	font-size: 28px;
	padding: 10px 20px;
}

/*******************************************************************************************/
/********************************* TOP STRIPE NOTIFICATION *********************************/
/*******************************************************************************************/

.top-stripe
{
	background: #3b3b3b url(../images/misc/top_stripe_bckg.jpg) repeat-x bottom;
}

.notification
{
	float: left;
}

.notification p
{
	font-family: Sans-Serif;
	color: #ffffff;
	font-size: 20px;
	padding: 15px 0px 20px 0px;
	background: url(../images/misc/notification_border1.jpg) repeat-x;
	width: auto;
}

.sixcol.last.social
{
	text-align: center;
}

/*******************************************************************************************/
/**************************************** SOCIAL ICONS *********************************/
/*******************************************************************************************/

.social
{
	float: right;
	padding: 13px 0px 20px 0px;
	margin: 0px auto;
}

.social a
{
	text-indent: -9999px;
	float: left;
	margin-left: 10px;
	width: 19px;
	height: 19px;
	display: block;
}

.social a.facebook
{
	background: url(../images/misc/facebook.png) no-repeat;
}

.social a.linkedin
{
	background: url(../images/misc/linkedin.png) no-repeat;
}

.social a.twitter
{
	background: url(../images/misc/twitter.png) no-repeat;
}

.social a.vimeo
{
	background: url(../images/misc/vimeo.png) no-repeat;
}

.social a.rss
{
	background: url(../images/misc/rss.png) no-repeat;
}

/*******************************************************************************************/
/******************************************* HEADER  ***************************************/
/*******************************************************************************************/

.header
{
	background: #ffffff;
}

.header .logo
{
	position: absolute;
	width: 400px;
	padding-bottom: -20px;
}

ul.main-nav
{
	width: auto;
	height: auto;
	float: right;
}

ul.main-nav li
{
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
}

ul.main-nav li ul
{
	position: absolute;
	display: block;
	width: 170px;
	z-index: 2000;
	background: #3b3b3b url(../images/misc/drop_bckg.png) no-repeat;
	background-position: 20px 0px;
	padding: 30px 0px 0px 0px;
	border-bottom: 4px solid #ff1a1a;
	-moz-box-shadow: 8px 8px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 8px 8px rgba(0, 0, 0, 0.2);
}

ul.main-nav li ul li ul
{
	position: absolute;
	margin-left: 170px;
	margin-top: -37px;
	display: block;
	width: 170px;
	z-index: 2000;
	background: #3b3b3b;
	background-position: 20px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 4px solid #ff1a1a;
	-moz-box-shadow: 8px 8px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 8px 8px rgba(0, 0, 0, 0.2);
}

ul.main-nav li ul li:hover ul li a
{
	color: #ffffff;
	background: none;
	border: none;
	font-family: 'Droid Sans' , serif;
	font-size: 14px;
	text-transform: uppercase;
	padding: 10px 0px 10px 17px;
	line-height: 20px;
}

ul.main-nav li ul li ul li a:hover
{
	background: #ff1a1a;
}

ul.main-nav li ul li
{
	width: 100%;
	display: block;
	border: none;
	padding: 0px;
	margin: 0px;
	border-top: 1px solid #4d4d4d;
}

ul.main-nav li ul li a, ul.main-nav li ul li:first-child a
{
	color: #ffffff;
	background: none;
	border: none;
	font-family: 'Droid Sans' , serif;
	font-size: 14px;
	text-transform: uppercase;
	padding: 10px 0px 10px 17px;
	line-height: 20px;
}

ul.main-nav li ul li:hover a
{
	background: #ff1a1a;
}

ul.main-nav li a
{
	display: block;
	border-left: none;
	border-right: 1px solid #f1f2f2;
	padding: 5px 10px 25px 10px;
	margin: 0px;
	background: url(../images/misc/nav_background_1.jpg) repeat-x bottom;
}

ul.main-nav li a:hover
{
	background: url(../images/misc/nav_background.jpg) repeat-x bottom;
}

ul.main-nav li a.active
{
	background: url(../images/misc/nav_background.jpg) repeat-x bottom;
}

ul.main-nav li:first-child a
{
	border-left: 1px solid #f1f2f2;
}

ul.main-nav li a span
{
	display: block;
	text-align: center;
	font-family: 'Droid Sans' , serif;
}

ul.main-nav li a span
{
	display: block;
	text-align: center;
	font-family: 'Droid Sans' , serif;
}

span.nav-icon.glyph
{
	font-size: 24px;
	color: #e7e4e4;
	font-family: "FoundationIconsGeneral";
	margin-bottom: 10px;
}

span.nav-icon.active
{
	color: #ef520d;
}

span.nav-title
{
	font-size: 16px;
	color: #3b3b3b;
	text-transform: uppercase;
	margin-bottom: 5px;
}

span.nav-descript
{
	font-size: 13px;
	color: #a7a7a7;
}

.twelvecol.responsive-menu
{
	display: none;
}

/*******************************************************************************************/
/**************************************** FEATURED BOXES ***********************************/
/*******************************************************************************************/

.container.featured-boxes
{
	border-top: 8px solid #f1f2f2;
}

.threecol.featured a
{
	border: 1px solid #e1e1e1;
	border-bottom: 6px solid #ff1a1a;
	text-align: center;
	display: block;
	margin: 70px 0px 70px 0px;
	padding: 0px 20px 30px 20px;
}

.threecol.featured a span.box-icon
{
	text-align: center;
	display: block;
	font-size: 72px;
	color: #3b3b3b;
	font-family: "FoundationIconsGeneral";
	line-height: normal;
	margin: 0px 0px 30px 0px;
}

.threecol.featured a span.box-title
{
	font-size: 18px;
	color: #EF580D;
	font-family: 'Droid Sans' , serif;
	display: block;
	line-height: normal;
	margin-bottom: 30px;
	text-transform: uppercase;
}

.threecol.featured a span.box-title2
{
	font-size: 18px;
	color: #EF580D;
	font-family: 'Droid Sans' , serif;
	display: block;
	line-height: normal;
	margin-bottom: 3px;
	text-transform: uppercase;
}

.threecol.featured a span.box-descript
{
	font-size: 12px;
	color: #7a7a7a;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	margin-bottom: 30px;
}

/*******************************************************************************************/
/**************************************** MOBILE BOXES ***********************************/
/*******************************************************************************************/

.container.mobile-boxes
{
	border-top: 8px solid #f1f2f2;
}

.threecol.mobile a
{
	border: 1px solid #e1e1e1;
	border-bottom: 6px solid #ff1a1a;
	text-align: center;
	display: block;
	margin: 20px 0px 20px 0px;
	padding: 0px 10px 10px 10px;
}

.threecol.mobile a span.box-icon
{
	text-align: center;
	display: block;
	font-size: 72px;
	color: #3b3b3b;
	font-family: "FoundationIconsGeneral";
	line-height: normal;
	margin: 0px 0px 30px 0px;
}

.threecol.mobile a span.box-title
{
	font-size: 18px;
	color: #EF580D;
	font-family: 'Droid Sans' , serif;
	display: block;
	line-height: normal;
	margin-bottom: 30px;
	text-transform: uppercase;
}

.threecol.mobile a span.box-title2
{
	font-size: 18px;
	color: #EF580D;
	font-family: 'Droid Sans' , serif;
	display: block;
	line-height: normal;
	margin-bottom: 3px;
	text-transform: uppercase;
}

.threecol.mobile a span.box-descript
{
	font-size: 12px;
	color: #7a7a7a;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	margin-bottom: 30px;
}

/*******************************************************************************************/
/**************************************** HOME QUOTE ***************************************/
/*******************************************************************************************/

.container.quote
{
	background: #3b3b3b;
	background-image: url(../images/misc/quote_background_top.png), url(../images/misc/quote_background_bottom.png);
	background-position: top, bottom;
	background-repeat: repeat-x, repeat-x;
	padding: 50px 0px 50px 0px;
	margin: 0px 0px 50px 0px;
	text-align: center;
}

.container.quote h1
{
	color: #ffffff;
	text-transform: uppercase;
	line-height: 50px;
}

/*******************************************************************************************/
/**************************************** HOME LATEST BLOG POSTS ***************************/
/*******************************************************************************************/

.title
{
	background: url(../images/misc/title_icon.png) no-repeat left;
	padding-bottom: 20px;
	border-bottom: 1px solid #e1e1e1;
	display: block;
}

.title h3
{
	padding-left: 55px;
	padding-top: 23px;
}

.home-blog .meta
{
	margin: 20px 0px 20px 0px;
}

.home-blog .meta span.user, .home-blog .meta span.date, .home-blog .meta span.category
{
	font-family: "FoundationIconsGeneral";
	font-size: 14px;
	color: #ef520d;
	margin-right: 3px;
	display: inline-block;
	width: auto;
}

.meta span a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #a7a7a7;
	padding-left: 4px;
}

.meta span a:hover
{
	color: #3b3b3b;
}

.home-blog .title
{
	background: none;
	padding: 0px;
	margin: 0px;
	border: none;
}

.home-blog .title h5
{
	text-transform: uppercase;
}

.img
{
	margin: 20px 0px;
}

.img a
{
	min-width: 100%;
	height: 100%;
	background: none;
	display: block;
	position: relative;
}

.img a img
{
	min-width: 100%;
}

.img a span.zoom
{
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 100;
	background: #3b3b3b url(../images/misc/zoom.png) no-repeat center center;
	overflow: hidden;
}

.img a span.video
{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 100;
	background: #3b3b3b url(../images/misc/video.png) no-repeat center center;
}

.img a span.sound
{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 100;
	background: #3b3b3b url(../images/misc/sound.png) no-repeat center center;
}

.img a span.link
{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 100;
	background: #3b3b3b url(../images/misc/link.png) no-repeat center center;
}

.home-blog .content
{
	font-size: 12px;
	line-height: 20px;
	color: #7a7a7a;
	font-family: Arial, Helvetica, sans-serif;
}

.home-blog .content a
{
	color: #ef520d;
	float: right;
	margin-top: 8px;
}

.home-blog .content a:hover
{
	color: #3b3b3b;
}

/*******************************************************************************************/
/**************************************** HOME LATEST WORK *********************************/
/*******************************************************************************************/

.flip
{
	margin: 35px 0px;
	position: relative;
	width: 100%;
}

.image-holder
{
	width: 100%;
	height: 100%;
	position: relative;
}

.image-holder img
{
	width: 100%;
}

.image-holder span.button
{
	position: absolute;
	top: 15px;
	right: 0px;
	background: #ef520d;
	padding: 5px 10px;
	font-family: 'Droid Sans' , serif;
	color: #ffffff;
	font-size: 15px;
	text-transform: uppercase;
	cursor: pointer;
	z-index: 1000;
}

.image-holder span.button:hover
{
	background: #3b3b3b;
}

.image-holder span.portfolio-category
{
	position: absolute;
	bottom: 5px;
	text-align: center;
	background: #000000;
	font-family: 'Droid Sans' , serif;
	color: #ffffff;
	font-size: 24px;
	width: 100%;
	padding: 20px 0px;
	text-transform: uppercase;
}

.portfolio-content
{
	font-size: 12px;
	line-height: 20px;
	width: 100%;
	display: block;
}

.portfolio-wrap
{
	padding: 13px 20px 20px 20px;
	border: 1px solid #e1e1e1;
}

.portfolio-wrap h4
{
	color: #ef520d;
	text-transform: uppercase;
	margin-top: 0px;
	line-height: 26px;
	padding-right: 35px;
	font-family: 'Droid Sans' , serif;
}

.portfolio-wrap p
{
	margin: 25px 0px 25px 0px;
	color: #7a7a7a;
	font-family: Arial, Helvetica, sans-serif;
}

.portfolio-wrap a
{
	font-family: 'FoundationIconsGeneral';
	font-size: 18px;
	color: #3b3b3b;
	text-align: center;
	line-height: 30px;
	margin: 25px 10px 0px 0px;
}

.portfolio-wrap a.social-icon
{
	font-family: 'FoundationIconsSocial';
	font-size: 18px;
	color: #3b3b3b;
	text-align: center;
	line-height: 30px;
	margin: 25px 10px 0px 0px;
}

.portfolio-wrap a:hover
{
	color: #ef520d;
}

/*******************************************************************************************/
/******************************************* FOOTER TOP ************************************/
/*******************************************************************************************/

.container.footer-top
{
	background: #3b3b3b url(../images/misc/footer_background_top.png) repeat-x top;
	margin: 60px 0px 0px 0px;
}

.container.footer-top .row
{
	padding-top: 40px;
	padding-bottom: 40px;
}

.container.footer-top .title
{
	background: url(../images/misc/footer_title_bckg.png) no-repeat left;
	border: none;
	margin: 15px 0px 20px 0px;
}

.container.footer-top .title h5
{
	color: #ffffff;
	text-transform: capitalize;
	padding: 17px 0px 0px 40px;
}

/* NEWSLETTER FORM
   ================================================== */

.newsletter-form input
{
	display: block;
	width: 85%;
	padding: 8px 10px;
	color: #a7a7a7;
	border: none;
	border-bottom: 6px solid #292929;
	outline: none;
}

.newsletter-form p
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	margin: 0px 0px;
	color: #a7a7a7;
}

/* MESSAGES
   ================================================== */

.success, .success_contact, .success_comment
{
	display: none;
	padding: 10px;
	border: none;
	margin: 0px 0px 0px 0px;
	background: #ffffff;
	margin-bottom: 10px;
}

.success_comment
{
	margin: 35px 0px 0px 0px;
	padding: 0px;
}

.success_contact
{
	margin: 35px 0px 0px 0px;
	padding: 0px;
}

.error
{
	background: #FFF2F2;
}

.valid
{
	background: #F7FFEC;
}

/* LATEST TWEETS
   ================================================== */

.tweet
{
	width: 100%;
}

ul.tweet
{
	margin: 0px 0px;
	padding: 0px;
	line-height: 0px;
	font-size: 12px;
}

.tweet li
{
	margin: 0px 0px 15px 0px;
	display: block;
	background: url(../images/misc/twitter_icon.png) no-repeat 0px 5px;
}

.tweet li .tweet_text
{
	display: block;
	color: #919090;
	padding-left: 40px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.tweet li .tweet_text a
{
	color: #ef520d;
}

.tweet li .tweet_text .at
{
	color: #ffffff;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.tweet li .tweet_text a:hover
{
	color: #ffffff;
}

.tweet li .tweet_time
{
	text-align: left;
	display: block;
	padding-left: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.tweet li .tweet_time a
{
	color: #ffffff;
	font-style: normal;
	font-size: 12px;
	line-height: 20px;
}

.tweet li .tweet_time a:hover
{
	color: #919090;
}

/* ABOUT
   ================================================== */

.about
{
}

.about p
{
	color: #919090;
	font-size: 12px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
}

.about a
{
	color: #ef520d;
	float: right;
}

.about a:hover
{
	color: #a7a7a7;
}

.about a.tip
{
	color: #ffffff;
	float: none;
}

/* CONTACT INFO
  ================================================== */

.contact-info ul li
{
	color: #ffffff;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	margin: 5px 0px;
	padding-left: 25px;
}

.contact-info ul li.globe
{
	background: url(../images/misc/globe_icon.png) no-repeat 0px 4px;
}

.contact-info ul li.phone
{
	background: url(../images/misc/phone_icon.png) no-repeat 0px 4px;
}

.contact-info ul li.mail
{
	background: url(../images/misc/mail_icon.png) no-repeat 0px 4px;
}

.contact-info ul li.mark
{
	background: url(../images/misc/mark_icon.png) no-repeat 0px 4px;
}

.contact-info ul li a
{
	color: #ef520d;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
}

.contact-info ul li a:hover
{
	color: #919090;
}

/* SCROLL TO TOP
   ================================================== */

.scrollup
{
	position: fixed;
	bottom: 23px;
	right: 15px;
	display: none;
	background: url(../images/misc/to_top.png);
	width: 36px;
	height: 27px;
	opacity: 0.5;
}

.scrollup:hover
{
	color: #ffffff;
}

/* COPYRIGHTS
   ================================================== */

.footer-bottom
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #919090;
}

.footer-bottom .row
{
	padding-top: 10px;
}

.copyrights p
{
	text-transform: uppercase;
	height: 40px;
}

.footer-nav ul
{
	text-align: right;
}

.footer-nav ul li
{
	display: inline-block;
}

.footer-nav ul li
{
	display: inline-block;
	text-transform: uppercase;
	margin-left: 5px;
}

.footer-nav ul li:first-child a
{
	color: #919090;
	border: none;
	padding-left: 0px;
}

.footer-nav ul li a
{
	color: #919090;
	border-left: 1px solid #919090;
	padding-left: 5px;
}

.footer-nav ul li a:hover
{
	color: #ef520d;
}

/*******************************************************************************************/
/**************************************** FOOTER BOTTOM ************************************/
/*******************************************************************************************/

.container.footer-bottom
{
	background: #3b3b3b url(../images/misc/footer_background_top_1.png) repeat-x top;
	border-bottom: 10px solid #3b3b3b;
	padding-top: 20px;
	padding-bottom: 20px;
}

/*******************************************************************************************/
/********************************* PAGE TITLE & BREADCRUMBS ********************************/
/*******************************************************************************************/

.container.title-breadcrumbs
{
	background: #3b3b3b;
	border-top: 10px solid #2e2e2e;
	border-bottom: 10px solid #2e2e2e;
}

.title-breadcrumbs .row
{
	padding-top: 0px;
	padding-bottom: 0px;
}

.page-title h1
{
	color: #ffffff;
	text-transform: uppercase;
	padding: 25px 0px 25px 0px;
}

.breadcrumbs
{
	text-align: right;
}

.breadcrumbs ul
{
	padding: 4px 8px;
	background: #ef520d;
	-moz-box-shadow: -0px -8px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: -0px -8px rgba(0, 0, 0, 0.2);
	border-top: 1px solid #ef820d;
	display: inline-block;
	margin: 50px 0px 0px 0px;
}

.breadcrumbs ul li
{
	display: inline-block;
	color: #ffffff;
}

.breadcrumbs ul li a
{
	color: #3b3b3b;
	text-transform: uppercase;
	font-family: 'Droid Sans' , serif;
	font-size: 12px;
}

.breadcrumbs ul li a.current:hover
{
	color: #3b3b3b;
}

.breadcrumbs ul li a.current
{
	color: #ffffff;
}

/*******************************************************************************************/
/******************************* TEAM/MISSION/TESTIMONIALS *********************************/
/*******************************************************************************************/

.container.inner
{
	margin: 35px 0px 35px 0px;
}

.flip.team
{
	margin: 35px 0px 0px 0px;
}

.name
{
	margin: 20px 0px;
}

.our-mission
{
	margin: 0px 0px;
}

.our-mission .img
{
	margin: 35px 0px;
}

ul.testimonial-carousel
{
	width: 100%;
	margin: 35px 0px 0px 0px;
}

ul.testimonial-carousel li
{
	width: 100%;
	display: inline-block;
}

ul.testimonial-carousel li > blockquote
{
	display: inline-block;
	padding-left: 80px;
	background: url(../images/misc/quotes.png) no-repeat left 10px;
	font-size: 29px;
	line-height: 36px;
}

ul.testimonial-carousel li > blockquote > cite
{
	font-size: 18px;
}

ul.slidecontrols
{
	text-align: right;
	width: 100%;
	display: inline-block;
	margin: 10px 0px 10px 0px;
}

ul.slidecontrols li
{
	display: inline-block;
}

ul.slidecontrols li a
{
	width: 24px;
	height: 24px;
	display: block;
}

ul.slidecontrols li a.prev
{
	background: url(../images/misc/previous_button.png) no-repeat;
}

ul.slidecontrols li a.next
{
	background: url(../images/misc/next_button.png) no-repeat;
}

ul.slidecontrols li a.next.carousel-disabled
{
	background: url(../images/misc/next_disabled_button.png) no-repeat;
}

ul.slidecontrols li a.prev.carousel-disabled
{
	background: url(../images/misc/prev_disabled_button.png) no-repeat;
}

/*******************************************************************************************/
/**************************************  SERVICES ******************************************/
/*******************************************************************************************/

.services
{
	margin-top: 35px;
}

.services span.icon > p
{
	font-family: 'FoundationIconsGeneral';
	font-size: 60px;
	color: #ef520d;
	line-height: 1px;
	padding-top: 5px;
}

.services .content
{
	margin-left: 70px;
}

.services .content h6
{
	text-transform: uppercase;
	margin: 0px 0px 20px 0px;
	line-height: normal;
}


/*******************************************************************************************/
/************************************** ACCORDION ******************************************/
/*******************************************************************************************/

.accordion
{
	border: 1px solid #ececec;
	background: #ffffff;
	border-top: none;
	margin: 35px 0px;
}

.accordion h6
{
	display: block;
	padding: 12px 8px 12px 35px;
	text-transform: uppercase;
	background: #ececec;
	cursor: pointer;
	border-bottom: 1px solid #ececec;
	border-top: 1px solid #ececec;
	background: url(../images/misc/bottom_arrow.png) no-repeat 10px 10px;
}

.accordion h6:hover
{
}

.accordion h6.active
{
	background: url(../images/misc/top_arrow.png) no-repeat 10px 10px;
}

.accordion > div
{
	display: block;
	padding: 20px 35px;
	background: #fffff;
}

/*******************************************************************************************/
/******************************************* BLOG ******************************************/
/*******************************************************************************************/

.ninecol.blog
{
	margin-top: 35px;
	margin-bottom: 35px;
}

.post
{
	margin-bottom: 65px;
	border-top: 1px solid #e1e1e1;
	padding-top: 20px;
	padding-bottom: 20px;
}

.post .post-meta span
{
	font-family: 'FoundationIconsGeneral';
	font-size: 18px;
	margin-right: 10px;
}

.post .post-meta span a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #7a7a7a;
	padding-left: 5px;
}

.post .post-meta span a:hover
{
	color: #3b3b3b;
}

.post .post-more
{
	margin: 20px 0px 30px 0px;
}

.post .title
{
	margin-bottom: 20px;
	text-transform: uppercase;
}

.post .post-meta a.tag
{
	color: #ffffff;
	font-size: 11px;
	padding: 4px 6px;
	background: #3b3b3b;
	margin: 0px 1px 1px 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	clear: both;
}

.post .post-meta a.tag:hover
{
	background: #ef520d;
}

/* PAGINATION
   ================================================== */

ul.pagination
{
	display: block;
	height: 24px;
	padding-top: 20px;
	margin-left: 0px;
	margin: 0px;
	border-top: 1px solid #e1e1e1;
}

ul.pagination li
{
	float: left;
	display: block;
	color: #ffffff;
	font-size: 12px;
	margin-left: 1px;
}

ul.pagination li a
{
	display: block;
	padding: 5px 8px 4px 8px;
	color: #ffffff;
	background: #ef520d;
	font-family: 'Droid Sans' , serif;
	-moz-box-shadow: 0px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 3px rgba(0, 0, 0, 0.2);
	cursor: pointer;
}

ul.pagination li.current a, ul.pagination li:hover a, ul.pagination li a:focus
{
	background: #3b3b3b;
	border-bottom: none;
	color: #ffffff;
}

ul.pagination li.unavailable a
{
	cursor: default;
	color: #ffffff;
}

ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus
{
	border-bottom: none;
}

/*******************************************************************************************/
/***************************************** SIDEBAR *****************************************/
/*******************************************************************************************/

.threecol.blog
{
	margin-top: 35px;
}

/* SEARCH
   ================================================== */

.search form, .search fieldset
{
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border: none;
}

.search form input[type="text"]
{
	width: 68%;
	padding: 10px 5px;
	border: 1px solid #ececec;
	float: left;
	margin: 0px;
	outline: none;
}

.search form input[type="submit"]
{
	border: none;
	height: 38px;
	width: 65px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	display: block;
	font-size: 21px;
	font-family: 'FoundationIconsGeneral';
	background: #ef520d no-repeat top left;
	cursor: pointer;
	color: #ffffff;
	float: left;
	line-height: 20px;
}

.search form input[type="submit"]:hover
{
	background: #3b3b3b;
}

/* CATEGORIES
   ================================================== */

.widget
{
	margin: 35px 0px 50px 0px;
}

.cat-title
{
	margin: 0px 0px 35px 0px;
}

.cat-title h3
{
	background: url(../images/misc/title_icon.png) no-repeat;
	padding-left: 50px;
	color: #ef520d;
	text-transform: uppercase;
}

.cat-list ul
{
	margin: 0px 0px 35px 0px;
}

.cat-list ul li
{
	background: url(../images/misc/category_background.png) no-repeat;
	margin: 0px 0px 8px 0px;
}

.cat-list ul li a
{
	font-family: 'Droid Sans' , serif;
	font-size: 16px;
	color: #3b3b3b;
	padding-left: 40px;
}

.cat-list ul li a:hover
{
	color: #ef520d;
}

/* POPULAR POSTS
   ================================================== */

.small-post
{
	margin-bottom: 35px;
}

.small-post .title
{
	background: none;
	border: none;
	padding: 0px;
}

.small-post .content a
{
	color: #ef520d;
	float: right;
}

.small-post .content a:hover
{
	color: #3b3b3b;
}

/* COMMENT FORM
   ================================================== */

.comment_form
{
	width: 100%;
	margin: 35px 0px;
}

.comment_form h3
{
	text-transform: uppercase;
}

.comment_form fieldset
{
	border: none;
	padding: 0px;
	margin: 35px 0px;
}

.comment_form input[type="text"]
{
	width: 90%;
	height: 11px;
	border: 1px solid #ececec;
	outline: none;
	margin: 10px 0px 10px 0px;
	padding: 10px;
	font-size: 12px;
	color: #999999;
	background: #feefcd;
}

.comment_form textarea
{
	width: 90%;
	border: 1px solid #ececec;
	outline: none;
	margin: 10px 0px 10px 0px;
	padding: 10px;
	background: #feefcd;
	min-height: 180px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
}

.textarea_comment textarea
{
	font-size: 12px;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
}

.comment_form input[value]
{
	font-size: 12px;
	color: #999999;
}

.comment_form .small.button.default
{
	margin: 20px 0px;
	max-width: 60%;
}

/* COMMENTS
   ================================================== */

.comments
{
	margin: 35px 0px;
}

.comments h3
{
	text-transform: uppercase;
}

.comment
{
	margin: 35px 0px;
	border-bottom: 1px solid #e1e1e1;
}

.comment .avatar a img
{
	border: 1px solid #e1e1e1;
	float: left;
	margin: 0px 10px 20px 0px;
}

.comment .user-info
{
	float: left;
}

.comment .user-info h5
{
	color: #ef520d;
	text-transform: uppercase;
	margin: 0px 0px 3px 0px;
}

.comment .content
{
	clear: both;
	margin-bottom: 20px;
}

.comments ul.pagination
{
	border: none;
}

.map
{
	margin: 35px 0px;
}

#map
{
	width: 100%;
	height: 345px;
}

.additional-info, .side-info
{
	margin: 35px 0px;
}

.additional-info h3, .side-info h3
{
	text-transform: uppercase;
	margin-bottom: 35px;
}

.side-info ul li
{
	color: #a7a7a7;
}

/* 404
   ================================================== */

.error-page, .search-wrap, .error-message
{
	width: 100%;
	margin-top: 35px;
	margin-bottom: 35px;
	text-align: center;
}

.error-message h1
{
	text-transform: uppercase;
}

.search-wrap
{
	width: 90%;
	margin: 0px auto;
	max-width: 500px;
}

.error-page p
{
	font-size: 2000%;
	line-height: 100%;
	text-shadow: 8px 8px rgba(0, 0, 0, 0.2);
	-moz-text-shadow: 8px 8px rgba(0, 0, 0, 0.2);
	-webkit-text-shadow: 8px 8px rgba(0, 0, 0, 0.2);
	color: #ef520d;
	font-family: 'Droid Sans' , serif;
}

/*******************************************************************************************/
/******************************************** TABS *****************************************/
/*******************************************************************************************/

.tabs
{
	margin-top: 35px;
	margin-bottom: 35px;
}

.tab-nav
{
	display: inline-block;
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px;
}

ul.tab-filter li
{
	display: block;
	float: left;
}

ul.tab-filter li:first-child
{
	border-left: none;
}

ul.tab-filter li:last-child
{
	border-right: 1px solid #e1e1e1;
}

ul.tab-filter li a
{
	display: block;
	font-family: 'Droid Sans' , serif;
	font-size: 14px;
	color: #3b3b3b;
	text-transform: uppercase;
	padding: 10px 20px;
	border-bottom: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
	background: #ffffff;
	-moz-box-shadow: inset 0px -3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 0px -3px rgba(0, 0, 0, 0.1);
}

ul.tab-filter li:first-child a
{
	margin-left: 3px;
}

ul.tab-filter li a.active
{
	border-bottom: 1px solid #ffffff;
	background: #ffffff;
	color: #ef520d;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.tab-content
{
	clear: both;
	border: 1px solid #e1e1e1;
	margin-top: -6px;
}

.tab-content
{
	padding: 20px;
}

/*******************************************************************************************/
/**************************************** RESPONSIVE SETTINGS ******************************/
/*******************************************************************************************/

@media handheld, only screen and (max-width: 1023px)
{
	.da-slide .da-link
	{
		font-size: 20px;
	}
	.da-slide h2
	{
		font-size: 26px;
		line-height: 26px;
	}
	.da-slide p
	{
		font-size: 72px;
		line-height: 72px;
		top: 160px;
	}
	.error-page p
	{
		font-size: 800%;
		line-height: 100%;
	}
}
@media handheld, only screen and (max-width: 820px)
{

	/*.container.slider {
				padding-left:1px;
			}*/

	.da-slider
	{
		/*width:727px; 	max-width:727px; 	min-width:727px;*/
		min-height: 330px;
		max-height: 100%;
		padding-left: 1px;
	}
	.da-slide .da-link
	{
		font-size: 18px;
		top: 200px;
	}
	.da-slide h2
	{
		font-size: 20px;
		line-height: 20px;
		top: 80px;
	}
	.da-slide p
	{
		font-size: 42px;
		line-height: 42px;
		top: 120px;
	}
	ul.main-nav
	{
		display: none;
	}
	.twelvecol.responsive-menu
	{
		display: block;
		text-align: center;
	}
	.twelvecol.responsive-menu select
	{
		width: 80%;
		margin: 20px 0px 20px 0px;
		-webkit-appearance: button;
		-webkit-padding-end: 30px;
		-webkit-padding-start: 40px;
		-webkit-user-select: none;
		background-image: url(../images/misc/drop_bckg.png);
		background-position: 10px 0px;
		background-repeat: no-repeat;
		border: 1px solid #e1e1e1;
		border-top: 4px solid #ff1a1a;
		color: #999;
		font-size: 14px;
		font-family: 'Droid Sans' , serif;
		overflow: hidden;
		padding-top: 7px;
		padding-bottom: 7px;
		padding-right: 30px;
		padding-left: 30px;
		text-overflow: ellipsis;
		white-space: nowrap;
		cursor: pointer;
		text-transform: capitalize;
		outline: none;
	}
	.logo
	{
		text-align: center;
	}
	.copyrights
	{
		text-align: left;
	}
	.footer-nav ul
	{
		text-align: left;
		margin-top: 15px;
	}


	/*********************** RESPONSIVE TABLE ***************************************/

	table.responsive
	{
		margin-bottom: 0;
	}
	.pinned
	{
		position: absolute;
		left: 0;
		top: 0;
		background: #fff;
		width: 35%;
		overflow: hidden;
		overflow-x: scroll;
		border-right: 1px solid #ccc;
		border-left: 1px solid #ccc;
	}
	.pinned table
	{
		border-right: none;
		border-left: none;
		width: 100%;
	}
	.pinned table th, .pinned table td
	{
		white-space: nowrap;
	}
	.pinned td:last-child
	{
		border-bottom: 0;
	}
	div.table-wrapper
	{
		position: relative;
		margin-bottom: 20px;
		overflow: hidden;
		border-right: 1px solid #ccc;
	}
	div.table-wrapper div.scrollable table
	{
		margin-left: 35%;
	}
	div.table-wrapper div.scrollable
	{
		overflow: scroll;
		overflow-y: hidden;
	}
	table.responsive td, table.responsive th
	{
		position: relative;
		white-space: nowrap;
		overflow: hidden;
	}
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td
	{
		display: none;
	}
	.page-title h1
	{
		color: #ffffff;
		text-transform: uppercase;
		padding: 25px 0px 25px 0px;
		text-align: center;
	}
	.breadcrumbs
	{
		text-align: center;
	}
}
@media handheld, only screen and (max-width: 620px)
{

	/*.container.slider {
				padding-left:1px;
			}*/

	.da-slider
	{
		/*width: 439px; 	min-width:439px; 	bax-width:439px;*/
		min-height: 200px;
		max-height: 100%;
	}
	.notification
	{
		text-align: center;
	}
	.da-slide .da-img
	{
		top: 0px;
	}
	.da-slide .da-link
	{
		font-size: 12px;
		top: 125px;
		margin-left: 20px;
		padding: 0px 7px;
	}
	.da-slide h2
	{
		top: 20px;
		font-size: 16px;
		line-height: 16px;
	}
	.da-slide p
	{
		font-size: 32px;
		line-height: 32px;
		top: 70px;
	}
	ul.filter li
	{
		font-size: 16px;
	}
	ul.filter li a
	{
		font-size: 16px;
	}
}
@media handheld, only screen and (max-width: 380px)
{

	/*.container.slider {
				padding-left:1px;
			}*/

	.da-slider
	{
		/*width: 279px; 	min-width:279px; 	bax-width:279px;*/
		min-height: 160px;
		max-height: 100%;
	}
	.notification
	{
		text-align: center;
	}
	.da-slide .da-img
	{
		top: -60px;
	}
	.da-slide .da-link
	{
		font-size: 11px;
		top: 90px;
		margin-left: 20px;
		line-height: 18px;
		padding: 0px 7px;
	}
	.da-slide h2
	{
		top: 20px;
		font-size: 14px;
		line-height: 14px;
	}
	.da-slide p
	{
		font-size: 20px;
		line-height: 20px;
		top: 60px;
	}
	ul.testimonial-carousel li > blockquote
	{
		font-size: 14px;
		line-height: 23px;
		padding-left: 60px;
	}
	ul.testimonial-carousel li > blockquote > cite
	{
		font-size: 12px;
	}
	ul.filter li
	{
		font-size: 12px;
	}
	ul.filter li a
	{
		font-size: 12px;
	}
}
@media handheld, only screen and (max-width: 260px)
{

	/*	.container.slider {
			padding-left:1px;
			}*/

	.da-slider
	{
		/*width: 199px; 	min-width:199px; 	bax-width:199px;*/
		min-height: 160px;
		max-height: 100%;
	}
	.notification
	{
		text-align: center;
	}
	.da-slide .da-img
	{
		top: -60px;
	}
	.da-slide .da-link
	{
		font-size: 11px;
		top: 90px;
		margin-left: 0px;
		line-height: 18px;
		padding: 0px 7px;
	}
	.da-slide h2
	{
		top: 20px;
		font-size: 11px;
		line-height: 11px;
	}
	.da-slide p
	{
		font-size: 16px;
		line-height: 16px;
		top: 50px;
	}
	ul.testimonial-carousel li > blockquote
	{
		font-size: 14px;
		line-height: 23px;
		padding-left: 60px;
	}
	ul.testimonial-carousel li > blockquote > cite
	{
		font-size: 12px;
	}
	ul.filter li
	{
		font-size: 10px;
	}
	ul.filter li a
	{
		font-size: 10px;
	}
}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2)
{
	/*	.logo {
					background: url(logo2x.jpg) no-repeat;
					background-size: 212px 303px;
				}*/

}


/* GRIDVIEW - TATA TOMY
----------------------------------------------------------*/

.grid-view
{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	font-size: 0.9em;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
}

.grid-view tr.header
{
	color: white;
	background-color: #465767;
	height: 25px;
	vertical-align: middle;
	font-family: Arial;
	font-weight: bold;
}

.grid-view tr.header th
{
	padding: 0 6px 0 6px;
}

.grid-view tr.footer
{
	color: white;
	background-color: #465767;
	height: 25px;
	vertical-align: middle;
	font-family: Arial;
	font-weight: bold;
}

.grid-view tr.normal
{
	color: black;
	background-color: #FECDCD;
	height: 25px;
	vertical-align: middle;
	text-align: center;
}

.grid-view tr.alternate
{
	color: black;
	background-color: #F0F0F0;
	height: 25px;
	vertical-align: middle;
	text-align: center;
}

.grid-view tr.normal:hover, .grid-view tr.alternate:hover
{
	color: white;
	background-color: #FF9999;
	height: 25px;
	vertical-align: middle;
	font-family: Arial;
	font-weight: bold;
}

.grid-view td
{
	border: 0;
	padding-left: 6px;
	padding-right: 6px;
	font-family: Sans-serif;
}

.panel_padding
{
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
}

.panel_padding_top
{
	padding-top: 0px;
	padding-left: 15px;
	padding-right: 0px;
	padding-bottom: 5px;
}

.panel_padding_right
{
	padding-right: 5px;
}

/* MOBILE APP - TATA TOMY
----------------------------------------------------------*/

.mobile_row
{
	width: 100%;
	max-width: 1140px;
	min-width: 600px;
	margin: 0 auto;
	overflow: hidden;
	height: 40px;
}

.mobile_app
{
	float: left;
	height: 20px;
}

.mobile_app p
{
	font-family: Sans-Serif;
	color: #ff6600;
	font-size: 20px;
	padding: 5px 0px 20px 0px;
	background: url(../images/misc/notification_border1.jpg) repeat-x;
	width: auto;
}

.mobile_right
{
	float: right;
	height: 20px;
	padding: 5px 0px 20px 0px;
	margin: 0px auto;
	width: 100px;
	text-align: right;
}

.mobile_webright
{
	float: right;
	height: 20px;
	padding: 5px 0px 20px 0px;
	margin: 0px auto;
	width: 200px;
	text-align: right;
}

hr {
display: none;
}

div.hr {
margin: 0 0 0.4em 0;
height: 0.2em;
background-color: #DF2A18;
clear: both;
}

.panel_search
{
  font-family    :  verdana, arial, snas-serif;
  font-size      :  11px;
  color          :  #000000;

  padding        :  3px;
  background     :  #f0f0f0;
  border-left    :  solid 1px #c1c1c1;
  border-top     :  solid 1px #cfcfcf;
  border-right   :  solid 1px #cfcfcf;
  border-bottom  :  solid 1px #6f6f6f;
}