/* Generated by Font Squirrel (http://www.fontsquirrel.com) */

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

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

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

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

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

@font-face {
    font-family: 'TitilliumText22LXBold';
    src: url('fonts/TitilliumText22L006-webfont.eot');
    src: url('fonts/TitilliumText22L006-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/TitilliumText22L006-webfont.woff') format('woff'),
         url('fonts/TitilliumText22L006-webfont.ttf') format('truetype'),
         url('fonts/TitilliumText22L006-webfont.svg#TitilliumText22LXBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*
* Theme Name: Crevision
* Theme URI: http://www.jozoor.com
* Description: Crevision Theme for corporate and creative sites, responsive and clean layout, more than color skins
* Author: Jozoor team
* Author URI: http://www.jozoor.com
* Version: 1
*/

/* using standard base style by Skeleton and adding another new codes */

/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Main Fonts
	#Main Colors & Backgrounds
	#Aligns
	#Typography
	#Links
	#Images
	#Forms */

/* Reset & Basics (Inspired by E. Meyers)
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block; 
}
body {
}
ol, ul {
	list-style: none; 
}
blockquote, q {
	quotes: none; 
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none; 
}
table {
	border-collapse: collapse;
	border-spacing: 0; 
}


badge, badge desc
{
 -moz-transition: all 0.4s ease-in-out;
 -o-transition: all 0.4s ease-in-out;
 transition: all 0.4s ease-in-out;
 -webkit-transition: all 0.4s ease-in-out;
 }


#newsletter
{
position: fixed;
top: 1em;
right: 0em;
z-index: 100;
}

badge desc
{
display: none;
}

#menu li:hover badge desc
{
display: inline;
}

badge
{
display: block;
font-size: 0.4em !important;
color: #DED8B9 !important;
position: relative;
background-color: #928978;
padding: 0.2em 0.4em 0em 0.4em;
top: -1.2em;
border-radius: 0.5em;
display: none;
}

#menu li:hover badge
{
color: #FFF;
background-color: #900;
}



/* Basic Styles
================================================== */
html {
	-webkit-text-size-adjust: none;
}

body {
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	background:#fff;
}

body.under-construction {
	border-top:0;
}
 
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

::-moz-selection {
    color: #fff;
	text-shadow:none;
}

::selection {
    color: #fff;
	text-shadow:none;
}

span.line {
	display:block;
	width:50px;
	height:4px;
	margin: 7px 0 -11px 0;
}

.google-map iframe {
	width:100%;
	min-height:400px;
}

/* Main Fonts
================================================== */
body, .navigation ul li a, .navigation ul li ul li a, .subscribe input.mail, .subscribe input.submit, input.search, input.text, textarea, input.subscribe-text, input.subscribe-button {
	font-family: 'TitilliumText22LMedium', Arial, sans-serif;
}

.welcome, .js .selectnav, .testimonials .author, .qoute, .description, h1.page-title, blockquote, .info-box p, table th, .tables-column .header h3, .comment .title span.right, .ei-title h3, #under-construction p, #clock-ticker .block .flip-top {
	font-family: 'TitilliumText22LRegular', Arial, sans-serif;
}

.recent-work .item h4, .day, .qoute h2, .progress-bar h5, .choose ul li, .button, .lightbox .item h4, .tables-column .header h1, .portfolio .item h4, .comment .title, .form-box label{
	font-family: 'TitilliumText22LBold', Arial, sans-serif;
}

.recent-blog .tags, .recent-blog .tags-comments, .tags-comments2, .subscribe input.mail, span.copyright, ul.team  li p, .most-posts li span, .post-meta, .comment .title span.right {
	font-size:12px;
}

body, .navigation ul li ul li a, .services p {
	font-size:1em;
}

.alert, blockquote, table th, .tables-column .header h3, .pricing-tables-2 .tables-column .list li, #options, .about-project p, .job, .categories, .post-content p, .ei-title h3  {
	font-size:14px;
}

.progress-bar h5, .button.medium, .tables-column .list li {
	font-size:15px;
}

.flex-caption, .qoute p, a.link, #horizontal-tabs ul.tabs li, #vertical-tabs ul.tabs li, input.subscribe-text, input.subscribe-button  {
	font-size: 16px;
}

.button.large, .dropcap{
	font-size:18px;
}

.tables-column .footer h3 span, .ei-title h2 {
	font-size:20px;
}

.welcome, .flex-caption span, .day, .sti-menu li a h2, .qoute h2, .description, #toggle-view li span.link, .tables-column .header h3 span, #under-construction p  {
	font-size:22px;
}

.testimonials .author, a.link, .dropcap, table th {
	font-weight:bold;
}

blockquote {
	font-style:italic;
}

.tables-column .header h1{
	font-size:24px;
}

.tables-column.featured .header h1, .tables-column.featured .header h3 span {
	font-size:26px;
}

#under-construction h1 {
	font-size:40px;
}

h1.big {
	font-size:150px;
	padding: 50px 25px 70px 0;
}




/* Main Colors & Backgrounds
================================================== */
body, .post-meta a {
	color:#4d4d4d;
}

.month, .subscribe input.submit, .sti-menu li a:hover h2, .sti-menu li a:hover p, a.link, a.link:hover, #accordion h3.ui-state-active a, #accordion h3.ui-state-active a:hover, #accordion h3.ui-state-active:hover a, .button, .button:hover, .highlight-color, .highlight-color a,.highlight-color a:hover, .highlight-black, .highlight-black a, .highlight-black a:hover, .highlight-gray, .highlight-gray a, .highlight-gray a:hover, #horizontal-tabs ul.tabs li.current, #horizontal-tabs ul.tabs li:hover, #vertical-tabs ul.tabs li.current, #vertical-tabs ul.tabs li:hover, #toggle-view li h3.black, #toggle-view li h3.color, #toggle-view li h3.gray, #toggle-view li span.link, .dropcap.color, .dropcap.black, .pagination li a.current, .pagination li a:hover, .pagination li a.prev, .pagination li a.next, .tabscontent.color, .tables-column .header h1, .tables-column .header h3, .tables-column .footer h3 span, #options li a:hover, #options li a.selected, .popular-tags a:hover, .date-post .day, .date-post .month, #under-construction, #under-construction h1, #under-construction p, input.subscribe-button, .flex-caption span {
	color:#fff;
}

.recent-blog .tags-comments a, .tags-comments2 a, .recent-blog .tags-comments, .tags-comments2, .more a, .more2 a {
	color:#b4b3b3;
}

.navigation ul li a, .sti-menu li a h2, .comment a:hover, .form-box label{
	color:#585858;
}

h1, h2, h3, h4, h5, h6, .services .item a, .services .item.active:hover a, .day, .qoute h2, .welcome p, .js .selectnav, .description p, .use p, .progress-bar h5, #horizontal-tabs ul.tabs li, #vertical-tabs ul.tabs li, .square-list li, .square-list li a, .check-list li, .check-list li a, .plus-list li, .plus-list li a, .arrow-list li, .arrow-list li a, .cross-list li, .cross-list li a, .star-list li, .star-list li a, .minus-list li, .minus-list li a, .arrow2-list li, .arrow2-list li a, .circle-list li, .circle-list li a, table th, #options li a, .most-posts li a:hover, #clock-ticker .block, .tweet_list li a:hover, .under-construction .copyright a:hover {
	color:#686868;
}


.recent-work .item:hover a, .testimonials .author, .sti-menu li a, ul.team  li p, .lightbox .item:hover a, .portfolio .item:hover a, .about-project p, input.search, #toggle-view li h3.normal, #toggle-view li span.link.normal{
	color:#868686;
}

h3.title, footer a {
	color:#e8e8e8;
}

footer, .subscribe input.mail {
	color:#a4a1a1;
}

.gray2, input.subscribe-text {
	color:#b3b3b3;
}

.job li a, .categories li a, .most-posts li a, .form-box label small, input.text, textarea{
	color:#999999;
}

.navigation ul li a:hover, .navigation ul li a.selected, .navigation ul li a.active, .navigation ul li ul li a, .services .item, 
.recent-work .item, .welcome, .qoute, .lightbox .item, .portfolio .item, #options li a, .popular-tags a, .meta {
	background: #e64141; 
color: #FFF !important;
border-bottom-color: #900 !important;
}

#accordion h3{
	background:#f9f9f9;
}

.meter {
	background:#f6f6f6;
}

.navigation ul li ul li a:hover, .tables-column .list li.odd, #clock-ticker .block, input.subscribe-text {
	background:#fff;
}

.tabscontent.white {
	background-color:#fff !important;
}

.square, .services .item.active:hover .square, .button.color:hover, .button.gray:hover, .highlight-black, a.link:hover, .pagination.black li a.current, .pagination.black li a:hover {
	background:#585858;
}

.sti-menu li a:hover {
	background:#585858 !important;
}

.day {
	background:#f5f5f5;
}

.month, .our-services ul li:hover .icon-box, .button.black, #toggle-view li h3.black, .dropcap.black {
	background:#686868;
}

/* arrow icons for flex slider  hover*/
.flex-direction-nav li .next:hover{
	background:#585858 url(../images/icons/project-slider-arrow-right.png) no-repeat;
	background-position:55% 50%;
}

.flex-direction-nav li .prev:hover{
	background:#585858 url(../images/icons/project-slider-arrow-left.png) no-repeat;
	background-position:45% 50%;
}
	

.testimonials p, .clients .items, blockquote, .info-box, .box, .description, .use, #horizontal-tabs ul.tabs li, #horizontal-tabs .tabscontent, #vertical-tabs ul.tabs li, #vertical-tabs .tabscontent, .pagination li a, .breadcrumbs.gray, table th, .tables-column .list li.even, #toggle-view li h3.normal {
	background-color:#fafafa;
}

footer {
	background:#474747;
}

footer.under-construction {
	background:#fff;
}

.subscribe input.mail {
	background:#505050;
}

.button.gray, .highlight-gray, #toggle-view li h3.gray, .pagination li a.prev, .pagination li a.next {
	background:#b3b3b3;
}

.tables-column .header.gray h1 {
	background:#979797;
}

.tables-column .header.gray h3, .tables-column .footer.gray h3 {
	background:#7e7e7e;
}

.tables-column .header.black h1, .tables-column.featured .footer h3 span:hover, input.subscribe-button:hover {
	background:#5d5d5d;
}

.tables-column .header.black h3, .tables-column .footer.black h3 span, input.subscribe-button {
	background:#474747;
}


.flex-control-nav li a, .ei-slider-thumbs li a {
	background:#eaeaea;
}
	



/* Aligns
================================================== */
.welcome, .recent-work .item, .day, .month, .sti-menu li a, .description, .lightbox .item, .portfolio .item {
	text-align:center;
}


/* Typography
================================================== */
h1, h2, h3, h4, h5, h6 {
	font-weight: normal; 
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 2em; line-height: 1.4em; }
h2 { font-size: 1.7em; line-height: 1.4em; }
h3 { font-size: 1.6em; line-height: 1.3em; }
h4 { font-size: 1.4em; line-height: 1.2em; }
h5 { font-size: 1.2em; line-height: 1em; }
h6 { font-size: 1em; line-height: 1em; }


em { font-style: italic; }
strong { font-weight: bold; }
small { font-size: 80%; }

/*	Blockquotes  */
blockquote{  }

hr { border: solid #ececec; border-width: 1px 0 0; clear: both; margin: -1px 0 0 0; height: 0; }

hr.bottom { border: solid #747474; border-width: 1px 0 0; clear: both; margin: 15px 0 !important; height: 0; }


/* Links
================================================== */
a, .recent-work .item, .services .item .square, .clients ul.items li img, .subscribe input.submit, ul.team li, ul.team li img, ul.team li h3, .choose ul li, .our-services ul li h3, .icon-box, .square-list li, .check-list li, .plus-list li, .arrow-list li, .cross-list li, .star-list li, .minus-list li, .arrow2-list li, .circle-list li, .lightbox .item, .tables-column .footer h3 span, .thumbs li a, .button  { 
	-webkit-transition: all 0.3s ease-in;  
    -moz-transition: all 0.3s ease-in;  
    -ms-transition: all 0.3s ease-in;  
    -o-transition: all 0.3s ease-in;  
    transition: all 0.3s ease-in;
}



a { 
   text-decoration:none;
	color:#900;
}



/* Images
================================================== */
img {
	max-width: 100%;
	height: auto; 
}

/* Forms
================================================== */
/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */

    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 300px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 940px; }
    .container .sixteen.columns                 { width: 990px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
    #newsletter {display: none}
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
#newsletter{display: none}
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }
    
/*
* Theme Name: Crevision
* Theme URI: http://www.jozoor.com
* Description: Crevision Theme for corporate and creative sites, responsive and clean layout, more than color skins
* Author: Jozoor team
* Author URI: http://www.jozoor.com
* Version: 1
*/


/* Navigational Menu navigation 
=========================================================*/
.navigation ul{
	z-index:100;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.navigation ul li{
	position: relative;
	display: inline;
	float: left;
	margin-left:4px;
}

/*Top level menu link items style*/
.navigation ul li a{
	display: block;
	padding: 27px 15px 24px 15px;
}

* html .navigation ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

.navigation ul li ul li a, .navigation ul li ul li a:hover {
	border-top:1px solid #ececec;
	border-bottom:0;
}

.navigation ul li ul {
	border-bottom:1px solid #ececec;
}

.navigation ul li a.noborder{
    border-bottom:none !important;
}

.navigation ul li ul {
	top:87px  !important;
}

.navigation ul li ul li ul {
	top:-2.5px !important;
}

/*1st sub level menu*/
.navigation ul li ul{
	position: absolute;
	left: 0;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.navigation ul li ul li{
	display: list-item;
	float: none;
	margin-left:0;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.navigation ul li ul li ul{
	top: 0;
}

/* Sub level menu links style */
.navigation ul li ul li a{
	width: 160px; /*width of sub menus*/
	padding: 13px 10px;
	margin: 0;
}

/* Holly Hack for IE \*/
* html .navigation{height: 1%;} /*Holly Hack for IE7 and below*/

.rightarrowclass{
	position: absolute;
	top: 18px;
	right: 10px;
}

.downarrowclass{
	position: absolute;
	top: 12px;
	right: 7px;
	display:none;
}

/* UiTop scroll to top page 
=========================================================*/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:30px;
	right:20px;
	overflow:hidden;
	width:37px;
	height:37px;
	border:none;
	text-indent:-999px;
	background:url(../images/icons/totop.png) no-repeat left top;
	filter:alpha(opacity=80); /* IE patch */
	opacity:.8;
}

#toTop:hover {
	opacity:1;
}

#toTop:active, #toTop:focus {
	outline:none;
}

/* Flex Slider 
=========================================================*/
.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{
	margin:0;padding:0;
}

.flexslider .slides>li{
	display:none;
	-webkit-backface-visibility:hidden;
}

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

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

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

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

* html .slides{
	height:1%;
}

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

.flexslider{
	position:relative;
	zoom:1;
}

.flexslider .slides{
	zoom:1;
}

.flexslider .slides>li{
	position:relative;
}

.flex-container{
	zoom:1;
	position:relative;
}

.flex-caption{
	background:#333;
	filter:alpha(opacity=80); /* IE patch */
	zoom:1;
}

.flex-caption{
	width:30%;
	padding:15px 20px;
	margin:0;
	position:absolute;
	left:20px;
	bottom:20px;
	background:rgba(51,51,51,.8);
	color:#fff;
	line-height:25px;
}

.flex-caption span {
	display:block;
	padding:0 0 7px 0;
}

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

.flex-direction-nav li a{
	width:29px;
	height:78px;
	margin:0;
	display:block;
	position:absolute;
	top:40%;
	cursor:pointer;
	text-indent:-999em;
}

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

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

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

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

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

.flex-control-nav li:first-child{
	margin:0;
}

.flex-control-nav li a{
	width:30px;
	height:10px;
	display:block;
	cursor:pointer;
	text-indent:-999em;
}

/* Elastic Slider
=========================================================*/
/* main style */
.ei-slider{
	position: relative;
	max-width: 960px;
	height: 365px;
	margin: 0 auto;
}
.ei-slider-loading{
	width:100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:999;
	filter:alpha(opacity=80); /* IE patch */
	background: rgba(0,0,0,0.8);
	color: #fff;
	text-align: center;
	line-height: 400px;
}
.ei-slider-large{
	width:100%;
	height: 100%;
	position:relative;
	overflow: hidden;
}
.ei-slider-large li{
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	height: 100%;
	width:100%;
}
.ei-slider-large li img{
	width: 100%;
    height: auto;
}
.ei-title{
	position: absolute;
	right: 8%;
	margin:0 20px;
	bottom: 20%;
    color: #fff;
}


.ei-title h2, .ei-title h3{
	text-align: right;
	color:#fff;
	filter:alpha(opacity=80); /* IE patch */
	background:#333333;
	background: rgba(51,51,51,0.8);
	line-height:25px;
	padding:10px;
}
.ei-title h2{
	float:right;
	margin-bottom:10px;
}
.ei-title h3{
	clear:both;
}
.ei-slider-thumbs{
	height: 10px;
	margin: 0 auto;
	position: relative;
	max-width:939px !important;
}
.ei-slider-thumbs li{
	position: relative;
	float: left;
	height: 100%;
}
.ei-slider-thumbs li.ei-slider-element{
	top: 0px;
	left: 0px;
	position: absolute;
	height: 100%;
	z-index: 10;
	text-indent: -9000px;
}
.ei-slider-thumbs li a{
	display: block;
	border-left:1px solid #fff;
	text-indent: -9000px;
	width: 100%;
	height: 100%;
	cursor: pointer;
	-webkit-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    -ms-transition: background 0.2s ease;
    transition: background 0.2s ease;
}

.ei-slider-thumbs li:first-child a{
	border-left:0;
}

.ei-slider-thumbs li a:hover{
	background-color: #f0f0f0;
}
.ei-slider-thumbs li img{
	position: absolute;
	bottom: 50px;
	opacity: 0;
	z-index: 999;
	max-width: 100%;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ei-slider-thumbs li:hover img{
	opacity: 1;
	bottom: 10px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}



/* Sliding Text and Icon Menu Style
=========================================================*/
.sti-menu{
	position:relative;
}
.sti-menu li{
	height:248px;
	margin-bottom:30px !important;
}
.sti-menu li a{
	display:block;
	overflow:hidden;
	height:100%;
	width:100%;
	position:relative;
	-webkit-transition: all 0.3s ease-in;  
    -moz-transition: all 0.3s ease-in;  
    -ms-transition: all 0.3s ease-in;  
    -o-transition: all 0.3s ease-in;  
    transition: all 0.3s ease-in;
	border-top:1px solid #eaeaea;
	border-right:1px solid #eaeaea;
	border-left:1px solid #eaeaea;
	border-bottom:5px solid #e5e5e5;
	text-align:center; /* updated */
}

.sti-menu li a:hover {
	border-top:1px solid #585858;
	border-right:1px solid #585858;
	border-left:1px solid #585858;
}

.sti-menu li a h2{
	position:absolute;
	top:109px;
	left:0; /* updated */
	width:100%; /* updated */
	/*padding: 0 22%;*/
}
.sti-menu li a p{
	position:absolute;
	top:150px;
	left:0;
	/*padding: 0 5%;*/ /* updated */
}
.sti-icon{
	position:absolute;
	top:36px;
    left: 38%;
}

/* Isotope Filtering
=========================================================*/
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}




/**** Isotope styles ****/

#contain {
	margin:10px 0 0 0;
}

#contain .element-4 {
	min-height:230px;
}

#contain .element-3 {
	min-height:280px;
}

#contain .element-2 {
	min-height:400px;
}

/**** Example Options ****/

#options {
	padding:10px 0 25px 0;
	border-bottom: 1px solid #ECECEC;
	margin-bottom:20px;
}

#options li {
  float: left;
  margin:3px 6px 3px 0 ;
}

#options li a {
  padding: 10px 15px;
  display:inline-block;
}

/* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* Carousel Slider
=========================================================*/
.slidewrap {
	position:relative;
}

.slidecontrols li a.next {
	position:absolute;
	top:32px;
	right:12px;
}

.slidecontrols li a.prev {
	position:absolute;
	top:32px;
	right:49px;
}

.slidecontrols li a.next.right {
	position:absolute;
	top:32px;
	right:0;
}

.slidecontrols li a.prev.right {
	position:absolute;
	top:32px;
	right:37px;
}

.slidecontrols li a.next, .slidecontrols li a.prev{
	width:30px;
	height:10px;
	display:block;
	background:#585858;
	cursor:pointer;
	text-indent:-999em;
}

.slidecontrols li a.next.carousel-disabled, .slidecontrols li a.prev.carousel-disabled {
	display:block;
	background:#eaeaea;
	cursor:default;
}

/* 2 */
.slidewrap2 {
	position:relative;
}

.slidecontrols li a.carousel2-next {
	position:absolute;
	top:32px;
	right:0;
}

.slidecontrols li a.carousel2-prev {
	position:absolute;
	top:32px;
	right:37px;
}

.slidecontrols li a.carousel2-next, .slidecontrols li a.carousel2-prev{
	width:30px;
	height:10px;
	display:block;
	background:#585858;
	cursor:pointer;
	text-indent:-999em;
}

.slidecontrols li a.carousel2-next.carousel2-disabled, .slidecontrols li a.carousel2-prev.carousel2-disabled {
	display:block;
	background:#eaeaea;
	cursor:default;
}

/* 3 */
.slidewrap3 {
	position:relative;
}

.slidecontrols li a.carousel3-next {
	position:absolute;
	top:32px;
	right:0;
}

.slidecontrols li a.carousel3-prev {
	position:absolute;
	top:32px;
	right:37px;
}

.slidecontrols li a.carousel3-next, .slidecontrols li a.carousel3-prev{
	width:30px;
	height:10px;
	display:block;
	background:#585858;
	cursor:pointer;
	text-indent:-999em;
}

.slidecontrols li a.carousel3-next.carousel3-disabled, .slidecontrols li a.carousel3-prev.carousel3-disabled {
	display:block;
	background:#eaeaea;
	cursor:default;
}

 
/* CountDown Timer
=========================================================*/
#clock-ticker {
	display: block; 
	margin: 60px 0 40px 0;
}

#clock-ticker .block {
	position: relative;
	float: left; 
	margin-right: 22px; 
	height: 122px;
	padding:10px 25px;
	border-radius:5px;
}

#clock-ticker .block .flip-top {
	width: 88px; 
	text-align: center;
	display:block;
	font-size:70px;
	padding:5px 0;
}

#clock-ticker .block .label {
	text-align: center;
	display:block;
	padding:10px 0;
	font-size:20px;
}

/* jQuery Flickr Feed
=========================================================*/
.thumbs {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.thumbs li {
	list-style: none;
	float: left;
	margin: 5px 10px 5px 0;
}

#sidebar.thumbs li {
	width: 29.7%;
}

#footer.thumbs li {
	width: 45%;
}
	

#sidebar.thumbs li img { display: inline-block; width:83px; height:75px; } /* updated */

#footer.thumbs li img { display: block; width: 96px; height: 75px; border:2px solid #505050;} /* updated */

.thumbs li a img { border: none; opacity:.7; filter:alpha(opacity=70); /* IE patch */}

.thumbs li a:hover img { opacity:1; filter:alpha(opacity=100); /* IE patch */ }

#cycle {
	margin: 0;
	padding: 0;
	width: 500px;
	height: 333px;
	padding: 3px;
	background: #eee;
	-moz-box-shadow: 0 0 2px #000;
	-webkit-box-shadow: 0 0 2px #000;
}

#cycle li {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 3px;
	width: 500px;
	height: 333px;
	overflow: hidden;
}

#cycle li div {
	position: absolute;
	bottom: 3px;
	left: 3px;
	padding: 3px;
	width: 494px;
	background: black;
	color: white;
	font-size: 12px;
	opacity: .8;
}


/* jQuery widget Tweets
=========================================================*/
.tweet_list {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow-y: hidden;
	line-height:21px;
}

.tweet_list li {
	overflow-y: auto;
	overflow-x: hidden;
	list-style-type: none;
	background:url(../images/icons/twitter-icon.png) no-repeat;
	background-position:0 8%;
	padding:0 0 10px 30px;
	border-bottom: 1px solid #ECECEC;
	margin-bottom:10px;
}

.tweet.footer .tweet_list li a {
	color:#fff !important;
}

.tweet.footer .tweet_list li {
	border-bottom: 1px solid #747474;
}
	

.tweet_list li:last-child, .tweet.footer .tweet_list li:last-child, .tweet_list li.tweet_even {
	border-bottom:0;
}

.tweet_list .tweet_avatar {
	padding-right: .5em; float: left;
}

.tweet_list .tweet_avatar img {
	vertical-align: middle;
}

/* Contact form notification */
.notification_error
{	
	height: auto;
	margin: 10px 0 20px 0;
	padding: 10px;
	background: #FCFCFC;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 500;
	line-height: 24px;
	color: #EF1B52;
	border-radius: 0;
	border: 1px solid #E5E5E5;
}

.notification_ok
{
    height: auto;
	margin: 20px 0 70px 0;
	padding: 30px 10px;
	background: #6BBD64;
	text-align: center;
	-moz-border-radius: 5px;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	color: white;
	border-radius: 0;
}

/* jQuery Prettyphoto Lightbox
=========================================================*/
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;height:28px;width:28px}
div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;height:28px;width:28px}
div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer;height:30px;width:30px}
div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{left:auto;position:static}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;margin:4px 0 0;width:20px}
div.pp_default a.pp_arrow_next{background-position:-82px -3px;left:52px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;position:relative;width:110px}
div.pp_default .pp_nav .currentTextHolder{color:#999;font-family:Georgia;font-size:11px;font-style:italic;left:75px;line-height:25px;margin:0;padding:0 0 0 10px;position:absolute;top:2px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.dark_rounded .pp_description{color:#fff;margin-right:85px}
div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:22px}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;overflow:hidden;width:55px}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;margin:2px 4px;white-space:nowrap}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{display:block;line-height:22px;position:absolute;right:0;text-indent:-10000px;top:0}
.pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;margin:0 0 5px 15px;z-index:9999}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

.pp_content{min-height:250px !important;min-width:286px !important; max-height:300px !important;max-width:286px !important; overflow:hidden;}
* html .pp_content{max-height:250px !important;max-width:286px !important; overflow:hidden;} 

#fullResImage /*, iframe */ {
min-height:200px !important;min-width:286px !important;
max-height:250px !important;max-width:286px !important;
}

.pp_gallery, .pp_expand {
display:none !important;
}

.pp_next {
margin-right:-25px !important;
}

.pp_details {
width:100% !important;
}

.pp_pic_holder {
left:20% !important;
overflow:hidden;
min-height:300px;min-width:320px; max-height:300px;max-width:320px; overflow:hidden;

}


}/*
* Theme Name: Crevision
* Theme URI: http://www.jozoor.com
* Description: Crevision Theme for corporate and creative sites, responsive and clean layout, more than color skins
* Author: Jozoor team
* Author URI: http://www.jozoor.com
* Version: 1
*/

@import url("uniform.css");    /* Css Styles for forms */


/* Accordion
=========================================================*/
.ui-accordion .ui-accordion-header {
	display: block; 
	cursor: pointer; 
	position: relative; 
	zoom: 1; 
}

#accordion h3 {
	padding:6px 15px;
	margin-bottom:7px;
}

#accordion p {
	padding:5px 15px 17px 15px;
}

#accordion .plus {
	background:url(../images/icons/accordion-icons.png) no-repeat 0 0;
	width: 11px;
	height: 12px;
	float: right;
    margin-top: 11px;
}

#accordion .minus {
	background:url(../images/icons/accordion-icons.png) no-repeat -14px -4px;
	width: 9px;
	height: 4px;
	float: right;
    margin-top: 16px;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px; 
}

.ui-accordion .ui-accordion-content {
	overflow: hidden;
	zoom: 1; 
}


/* Progress Bar
=========================================================*/
.progress-bar h5 {
	margin-bottom:6px;
}

.progress-bar li {
	margin-bottom:12px;
}

.meter { 
	height: 23px; 
	position: relative;
}

.meter > span {
	display: block;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.meter > span:after, .animate > span > span {
	content: "";
	position: absolute;
	top: 0; 
	left: 0; 
	bottom: 0; 
	right: 0;
	overflow: hidden;
}

.animate > span:after {
	display: none;
}

/* Alert Boxes
=========================================================*/
.alert {
	padding:12px 20px 12px 55px;
	position:relative;
	margin-bottom:19px;
}

.error {
	background-image: url(../images/icons/error.png);
	background-position: 5% 50%;
	background-repeat: no-repeat;
	background-color: #fff1f2;
	color: #c98f92;
}

.success {
	background-image: url(../images/icons/success.png);
	background-position: 5% 50%;
	background-repeat: no-repeat;
	background-color: #f4ffdf;
	color: #94b654;
}

.info {
	background-image: url(../images/icons/info.png);
	background-position: 5% 50%;
	background-repeat: no-repeat;
	background-color: #e4f7ff;
	color: #699fb6;
}

.notice {
	background-image: url(../images/icons/notice.png);
	background-position: 5% 50%;
	background-repeat: no-repeat;
	background-color: #fdf7d5;
	color: #c49a51;
}

.close { width:18px; height:18px; position:absolute; right: 15px; top: 15px; cursor:pointer; }

.error .close   { background:url(../images/icons/error-close.png) no-repeat; }
.success .close { background:url(../images/icons/success-close.png) no-repeat; }
.info .close    { background:url(../images/icons/info-close.png) no-repeat; }
.notice .close  { background:url(../images/icons/notice-close.png) no-repeat; }

/* Buttons
=========================================================*/
.button {
	display:inline-block;
	margin:8px 10px 8px 0;
	border:none;
	cursor:pointer;
	text-shadow:none !important;
}

.button.small {
	padding: 10px 10px;
}

.button.medium {
	padding: 12px 13px;
}

.button.large {
	padding: 13px 20px;
}

/* Blockquote
=========================================================*/
blockquote {
	background-image:url(../images/icons/blockqoute.png) ;
	background-repeat:no-repeat;
	background-position:16px 20px;
	padding:15px 15px 15px 51px;
}

/* Info Box
=========================================================*/
.info-box {
	padding:20px;
	overflow:hidden;
}

/* Highlight & Tooltips
=========================================================*/
.box {
	padding:15px;
}

.colorTip{
	/* This class is assigned to the color tip span by jQuery */
	display:none;
	position:absolute;	
	left:50%;
	top:-30px;
	padding:6px;
	
	background-color:white;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-style:normal;
	line-height:1;
	text-decoration:none;
	text-align:center;
	text-shadow:0 0 1px white;
	white-space:nowrap;
	
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

.pointyTip,.pointyTipShadow{
	/* Setting a thick transparent border on a 0x0 div to create a triangle */
	border:6px solid transparent;
	bottom:-12px;
	height:0;
	left:50%;
	margin-left:-6px;
	position:absolute;
	width:0;
}

.pointyTipShadow{
	/* The shadow tip is 1px larger, so it acts as a border to the tip */
	border-width:7px;
	bottom:-14px;
	margin-left:-7px;
}

.colorTipContainer{
	position:relative;
	text-decoration:none !important;
	display:inline-block;
}

.white .pointyTip{ border-top-color:white;}
.white .pointyTipShadow{ border-top-color:#ddd;}
.white .colorTip{
	background-color:white;
	border:1px solid #DDDDDD;
	color:#555555;
}

.yellow .pointyTip{ border-top-color:#f9f2ba;}
.yellow .pointyTipShadow{ border-top-color:#e9d315;}
.yellow .colorTip{
	background-color:#f9f2ba;
	border:1px solid #e9d315;
	color:#5b5316;
}

.black .pointyTip{ border-top-color:#333;}
.black .pointyTipShadow{ border-top-color:#111;}
.black .colorTip{
	background-color:#333;
	border:1px solid #111;
	color:#fcfcfc;
	text-shadow:none;
}

/* Tabs
=========================================================*/

/* horizontal tabs */
#horizontal-tabs {
	margin-bottom:15px;
}

#horizontal-tabs ul.tabs {
	overflow:hidden;
}

#horizontal-tabs ul.tabs li {
	display:inline-block;
	padding:12px 20px;
	margin-right:2px;
	cursor:pointer;
}

#horizontal-tabs .tabscontent {
	padding:15px;
	display:none;
    overflow: hidden;
}

#horizontal-tabs .tabscontent.no-padding {
	padding-left:0; padding-right:0;
}

/* vertical tabs */
#vertical-tabs {
	margin-bottom:15px;
}

#vertical-tabs .contents {
	float:right;
	width:66%;
}

#vertical-tabs ul.tabs {
	overflow:hidden;
	width:34%;
	float:left;
}

#vertical-tabs ul.tabs li {
	display:inline-block;
	padding:12px 20px;
	margin-bottom:4px;
	cursor:pointer;
	width:100%;
}

#vertical-tabs .tabscontent {
	padding:15px;
	display:none;
}


/* Toggle
=========================================================*/
#toggle-view li {
	position:relative;
	cursor:pointer;
	margin-bottom:15px;
}

#toggle-view li h3{
    padding:2px 10px;
}

#toggle-view span.link {
	position:absolute;
	right:10px; 
	top:6px;
}

#toggle-view .panel {
	padding:10px;
	display:none;
}	

/* Dropcaps
=========================================================*/
.dropcap {
	padding:5px 10px;
	float: left;
    margin: 5px 5px 0 0;
}

/* List Styles
=========================================================*/
.square-list li, .check-list li, .plus-list li, .arrow-list li, .cross-list li, .star-list li, .minus-list li, .arrow2-list li, .circle-list li {
	padding:5px 5px 5px 15px;
	line-height:20px;
}

.square-list li:hover, .check-list li:hover, .plus-list li:hover, .arrow-list li:hover, .cross-list li:hover, .star-list li:hover, .minus-list li:hover, .arrow2-list li:hover, .circle-list li:hover{
	padding-left:18px;
	background-position:1% 50%;
}

.square-list li { background:url(../images/icons/list-icons/square.png) no-repeat; background-position:0 50%; }
.check-list li { background:url(../images/icons/list-icons/check.png) no-repeat; background-position:0 50%; }
.plus-list li { background:url(../images/icons/list-icons/plus.png) no-repeat; background-position:0 50%; }
.arrow-list li { background:url(../images/icons/list-icons/arrow.png) no-repeat; background-position:0 50%; }
.cross-list li { background:url(../images/icons/list-icons/cross.png) no-repeat; background-position:0 50%; }
.star-list li { background:url(../images/icons/list-icons/star.png) no-repeat; background-position:0 50%; }
.minus-list li { background:url(../images/icons/list-icons/minus.png) no-repeat; background-position:0 50%; }
.arrow2-list li { background:url(../images/icons/list-icons/arrow2.png) no-repeat; background-position:0 50%; }
.circle-list li { background:url(../images/icons/list-icons/circle.png) no-repeat; background-position:0 50%; }

/* Pagination
=========================================================*/
.pagination {
	margin:25px 0 5px 0;
	overflow:hidden;
}

.pagination li {
	margin:5px 5px 15px 0;
}

.pagination li a{ padding:6px 12px; }

/* Small & Social Icons
=========================================================*/
/* small icons */
.icons li {
	padding:5px 0;
	height:20px;
}

.tabscontent.color .icons li {
    padding: 5px;
}

* .icon {
	display:inline-block;
	background:url(../images/icons/icons/icons.png) no-repeat;
	vertical-align:middle;
	margin: -2px 4px 0 0;
}

* .icon.gray {
	background:url(../images/icons/icons/icons-gray.png) no-repeat;
}

* .icon.white {
	background:url(../images/icons/icons/icons-white.png) no-repeat;
}

/* social */
* .social-icon {
	display:inline-block;
	background:url(../images/icons/icons/social-icons.png) no-repeat;
	vertical-align:middle;
	margin:0 1px 5px 0;
}

.social-icon.transparent {
	margin:3px 8px 8px 9px;
}

/* icons in icons.css file */


/* Breadcrumbs
=========================================================*/
.breadcrumbs {
	padding:10px;
	border:1px solid #e5e5e5;
	margin-bottom: 10px;
}

.breadcrumbs li {
	display:inline;
	padding:0 ;
}

.breadcrumbs li b { margin:0 10px; }

/* Tables
=========================================================*/
table {
	width:100%;
	margin-bottom: 10px;
	text-align:left;
}

table th, table td {
	padding:11px;
	border:1px solid #e5e5e5;
}

/* Pricing Tables
=========================================================*/
.pricing-tables-1, .pricing-tables-2 {
	margin-top:40px;
}

.pricing-tables-1 .tables-column {
	width:234px;
	text-align:center;
	float: left; 
	display: inline;
	margin:10px 0;
	border-right:1px solid #fff;
	position:relative;
}

.pricing-tables-2 .tables-column {
	width:187px;
	text-align:center;
	float: left; 
	display: inline;
	margin:10px 0;
	border-right:1px solid #fff;
	position:relative;
}

.tables-column .header {
	min-height:125px;
}


.tables-column .header h3 {
	padding:10px 0 15px 0;
	line-height:15px;
}

.tables-column.featured{
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .20);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .20);
	box-shadow: 0 0 20px rgba(0, 0, 0, .20);
	z-index:1;
}

.tables-column.featured .header h1 {
	margin-top:-16px;
	padding:8px 0;
}

.tables-column.featured .footer h3 span {
	padding-bottom:15px;
}
	

.tables-column .header h3 span {
	display:block;
	padding:10px 0;
}

.tables-column .footer h3 span {
	display:block;
	padding:7px 0;
}

.tables-column .list li {
	padding:16px 0;
	display:block;
}

.pricing-tables-2 .tables-column .list li:before {
	content:'';
}

.list li span.ok.gray {
	background: url(../images/icons/pricing-tabe-icons.png) no-repeat 0 0;
	width: 13px;
	height: 12px;
	display: inline-block;
}

.list li span.minus.gray {
	background: url(../images/icons/pricing-tabe-icons.png) no-repeat -33px -7px;
	width: 9px;
	height: 4px;
	display: inline-block;
}

.list li span.ok.black {
	background: url(../images/icons/pricing-tabe-icons.png) no-repeat -16px 0;
	width: 13px;
	height: 12px;
	display: inline-block;
}

.list li span.minus.black {
	background: url(../images/icons/pricing-tabe-icons.png) no-repeat -47px -7px;
	width: 9px;
	height: 4px;
	display: inline-block;
}


/* Videos
=========================================================*/
.video-wrap {
	height: 0;
	padding-top: 25px;
	padding-bottom: 67.5%;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
}

.video-wrap.vimeo {
	padding-top: 0;
}

.video-wrap.widescreen {
	padding-bottom: 57.25%;
}

.video-wrap embed, .video-wrap iframe, .video-wrap object, .video-wrap video {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

/* Responsive */
@media (max-width: 767px) {
	.video-wrap {
		padding-top: 0;
	}
}

/* Form Elements
=========================================================*/
.form-elements input[type="text"], .form-elements select, .form-elements textarea, .form-elements2 input[type="text"], .form-elements2 select, .form-elements2 textarea {
	padding:6px;
	border:1px solid #e4e4e3;
    color:#8c8d8b;
	border-radius:2px;
}

.form-elements input[type="text"] {
	min-width:145px;
}

.form-elements select {
	min-width:165px;
	margin-bottom:10px;
}

.form-elements textarea {
	margin-top:15px;
	min-height:221px;
}

.form-elements fieldset {
	margin-bottom:10px;
	min-height:30px;
}

.form-elements label {
	min-width:90px;
	display:inline-block;
	color:#666;
}

/* form2 */
.form-elements2 fieldset {
	margin-bottom:10px;
	min-height:30px;
}

.form-elements2 label {
	display:inline-block;
	color:#666;
	margin-bottom:10px;
	width:100%;
}

.form-elements2 input[type="text"] {
	width:95%;
}

.form-elements2 select {
	width:98%;
	margin-bottom:10px;
}

.form-elements2 textarea {
	margin-top:10px;
}

/*
* Theme Name: Crevision
* Theme URI: http://www.jozoor.com
* Description: Crevision Theme for corporate and creative sites, responsive and clean layout, more than color skins
* Author: Jozoor team
* Author URI: http://www.jozoor.com
* Version: 1
*/

================================================== */


/* common styles */
.services, .recent-work, .recent-blog, .testimonials,  .lightbox {
	margin:5px 0;
}

#accordion, .whyus, .recent-blog2, .who, .bottom {
	margin-bottom:25px !important;
}

.services .item, .recent-work .item , .lightbox .item, .portfolio .item {
	margin-bottom:25px;
}

.welcome, .recent-work .item, .qoute, .description, .use, .lightbox .item, .portfolio .item {
	text-shadow:1px 1px 1px #fff;
}

#nav, .testimonials-arrow, .subscribe input.submit, .social, a.twitter, a.facebook, a.skype, a.linkedin, .next-project, .prev-project, .next-post , div.right, .comment, .comment .title span.right, .children {
	float:right;
}

.date, .services .item .square, .js .selectnav, .testimonials .author, .clients ul.items li, .date2, .date3, .icon-box, .pagination li, img.pic-2 , .image-post.left, .prev-post, .avatar, .form-box {
	float:left;
}

.border {
	border:5px solid #f5f5f5;
	margin-bottom:15px;
}

.our-services ul li {
	margin-bottom:25px;
}
	
.icon-box {
	width:40px;
	height:24px;
	padding:8px 0;
	margin:7px 10px 80px 0;
}

.icon-box img, .icon-box span {
	display: block;
    margin-left: auto;
    margin-right: auto;
	max-width:28px;
	max-height:25px;
}

.title {
	padding:10px 0 10px 0;
	border-bottom:1px solid #ececec;
	margin:15px 0 15px 0;
}

.whyus img {
	max-width:290px;
}

.bottom-2 {
	margin-bottom:10px !important;
}

.top {
	margin-top:10px;
}

.top-2 {
	margin-top:-10px;
}

.top-3 {
	margin-top:20px;
}

.top-4 {
	margin-top:25px;
}

.top-5 {
	margin-top:-2px;
}

img.pic-2 {
	margin:0 13px 5px 0;
}


.caption {
	position:relative;
}

.caption .hover-effect {
	position:absolute;
	top:0;
	width:100%;
	height:99.5%;
	opacity:.8;
	filter:alpha(opacity=80); /* IE patch */
	display:none;
}

.caption .hover-effect.big {
	height:100%;
}

.caption:hover .hover-effect.link {
	background:#131313 url(../images/icons/link.png) no-repeat;
	background-position:50% 50%;
	display:block;
}

.caption:hover .hover-effect.zoom {
	background:#131313 url(../images/icons/zoom.png) no-repeat;
	background-position:50% 50%;
	display:block;
}



/* header */
header {
	min-height:91px;
	border-top:5px solid #e64141;
	margin-bottom: 1em;
}

.logo {
	margin:13px 0 2px 0;
}

.selectnav { 
    display: none; 
}

/* slider */
#slider {
	margin:30px 0;
}


.welcome, .qoute {
	padding:30px 10%;
	margin:25px 0;
}

.description {
	padding:20px 10%;
	margin:0 0 30px 0;
}
	
.use {
	padding:10px 2%;
	margin:0 0 15px 0;
}

.welcome p, .description p{
	line-height:35px;
}

.qoute {
	padding:30px 3%;
	overflow:hidden;
}

.qoute p {
	width:97%;
}

/* main container */

h1.page-title {
	padding:5px 0 10px 0;
	border-bottom:1px solid #ececec;
	margin:12px 0 18px 0;
}

h2.title {
	padding:5px 0 10px 0;
	border-bottom:1px solid #ececec;
	margin-bottom:25px;
}

a.link {
	padding:15px;
	text-shadow:none;
	margin: 4px 0 0 0;
    display: block;
    width: 87%;
	text-align:center;
}

/* services */
.services h3 {
	padding:10px 0 3px 0;
}

.services .item {
	max-height:104px;
	min-height:104px;
	border-right:5px solid #585858;
	padding-right: 8px;
	cursor:pointer;
	position:relative;
}

.services .item.active:hover {
	border-right:5px solid #585858;
}

.services .item .square {
	width:110px;
	height:58px;
	padding:23px 0; /* 5.1% 0*/
	margin-right:22px;
}

.services .item .square img{
	 display: block;   
	 margin-left: auto;   
	 margin-right: auto;
}

/* recent work */
.recent-work .item, .lightbox .item, .portfolio .item {
	padding-bottom:10px;
	border-bottom:4px solid #fbfbfb;
}

.recent-work .item h4, .lightbox .item h4, .portfolio .item h4 {
	padding-top:10px;
}

.recent-work .item img.pic, .lightbox .item img.pic, .portfolio .item img.pic {
	width: 100%;
    height: auto;
}

/* recent blog */
.date {
	margin:2px 18px 18px 0;
}

.date2 {
	margin:2px 8px 5px 0;
}

.date3 {
	margin:0px 8px 18px 0;
}

.day, .month {
	display:block;
}

.day {
	width:27px;
	padding:12px 10px 8px 10px;
}

.month {
	width:27px;
	padding:4px 10px;
}

.recent-blog .blog-item {
	padding-bottom:30px;
	border-bottom:1px solid #ececec;
	margin-bottom:25px;
}

.recent-blog .blog-item:last-child {
	padding-bottom:0;
	border-bottom:0;
}

.recent-blog .blog-item.noborder {
	border:0;
	padding-bottom:5px;
	margin-bottom:1px;
}

.recent-blog .blog-item.vertical {
	padding-bottom:20px;
	border-bottom:1px solid #ececec;
	margin-bottom:20px;
}

.recent-blog .blog-item.vertical:last-child {
	padding-bottom:0;
	border-bottom:0;
}


.recent-blog p {
	padding-bottom:10px;
}

.recent-blog .tags-comments {
	padding-left:65px;
}

.more {
	padding-left:56px;
}

.more a{
	text-decoration:underline;
}

.more2 {
	display:block;
	padding-top:14px;
}

.more2 a{
	text-decoration:underline;
}

.recent-blog .tags-comments2 {
	padding:2px 0 14px 0;
	display:inline-block;
}

.recent-blog h3.blog-title {
	margin-top:10px;
}

/* testimonials */
.testimonials .testimonial-item {
	margin-bottom:20px;
}

.testimonials p {
	padding:14px 13px 14px 13px;
}

.testimonials-arrow {
	background:url(../images/icons/testimonials-arrow.png) no-repeat;
	width:16px;
	height:16px;
	margin:0 27px 0 0;
}

.testimonials .author {
	margin: 15px 0 0 10px;
}

/* clients */
.clients {
	margin:5px 0 15px 0;
}

.clients ul.items {
	padding:20px;
	overflow:hidden;
}

.clients ul.items li {
	margin: 0 10px;
}

.clients ul.items li img {
	display: block;
    margin-left: auto;
    margin-right: auto;
	opacity:.8;
}

.clients ul.items li img:hover {
	opacity:1;
}

/* search */
.search {
	position:relative;
}

input.search {
	padding:8px 30px 8px 8px;
	width:86%;
	border:1px solid #ECECEC;
	position:relative;
	display:block;
}

input.submit-search {
	background:url(../images/icons/search-icon.png) no-repeat;
	width:15px;
	height:15px;
	border:none;
	position:absolute;
	top:9px;
	right:11px;
	cursor:pointer;
}

.most-posts li {
	margin-bottom: 22px;
	float:left;
}

.most-posts li:last-child {
	margin-bottom:0;
}

.most-posts li p {
	line-height:19px;
}

/* meta posts */
.meta {
	padding:6px 10px 4px;
	min-height:16px;
	margin:0 3px 5px 0;
	display:inline-block;
}

.post-meta.transparent .meta {
	background:none;
}

.image-post.left {
	margin-right:20px;
}

/* tags */
.popular-tags {
	margin-top:20px;
}

.popular-tags a {
	padding:10px;
	display:inline-block;
	margin:0 6px 6px 0;
}

	

/* footer */
footer {
	padding:5px 0 22px 0;
	margin:25px 0 0 0;
}

h3.title {
	padding:0 0 10px 0;
	border-bottom:1px solid #747474;
	margin-bottom:15px;
}

.subscribe, .about, .tweets, footer .flickr {
	margin-bottom:15px;
}

/* subscribe */
.subscribe input.mail {
	padding:8px;
	border:none;
	width:93%;
	margin: 18px 0 8px 0;
}

.subscribe input.submit {
	padding:6px 16px;
	border:none;
	margin:0;
	cursor:pointer;
}

span.copyright {
	padding-top: 7px;
    display: block;
}

.social a {
	display:inline-block;
	margin: 0 0 0 18px;
	opacity:.5;
}

.social a:hover {
	opacity:1;
}

ul.team  li{
	margin-top:20px !important;
	margin-bottom:20px !important;
}

ul.team  li img {
	opacity:.7;
	margin-bottom:7px;
}

ul.team  li:hover img {
	opacity:1;
}

ul.team  li h3 {
	border-bottom: 1px solid #ECECEC;
	padding-bottom:5px;
    margin-bottom: 5px;
}

/* team social icons */
a.twitter, a.facebook, a.skype, a.linkedin {
	width:26px;
	height:26px;
	margin:3px 0 0 3px;
	text-indent:-9999px;
}

.choose ul li {
	background:#fbfbfb url(../images/icons/list-icons/square.png) no-repeat;
	background-position:3% 50%;
	padding: 13px 10px 13px 25px;
    margin-bottom: 13px;
	line-height:15px;
}

.choose ul li:hover {
	background:#fbfbfb url(../images/icons/list-icons/square.png) no-repeat;
	background-position:4% 50%;
	padding-left: 28px;
}

/* project details */
.next-project, .prev-project {
	width:30px;
	height:10px;
	display:inline-block;
	background:#585858;
	cursor:pointer;
	margin-top:14px;
}

.next-project { margin-left:7px; }

.next-project.disabled, .prev-project.disabled {
	display:inline-block;
	background:#eaeaea;
	cursor:default;
}

.job {
	padding-bottom:13px;
	border-bottom:1px solid #ECECEC;
}

.followers li {
	display:inline-block;
	text-align:center;
	margin:10px 5px;
}

/* comments blog */
.comments {
	padding:10px 0;
	overflow:hidden;
}


.comments li.comment-box {
	overflow: hidden;
    margin-bottom: 35px;
}

.comment {
	width:88%;
}

.children {
	width:88%;
	margin:20px 0 0 0;
}

.children li.comment-box {
	overflow:hidden;
	margin-bottom:15px;
}

.children .comment{
	width:86%;
}



.comment .title {
	border-bottom:1px solid #ececec;
	margin:0;
	margin-bottom:10px;
	line-height:15px;
	padding:0;
	padding-bottom:13px;
}


/* Forms */
input.text, textarea {
	border:1px solid #e5e5e5;
	padding:12px 10px;
	width:89%;
	display:block;
}

textarea {
	width:96.6%;
	min-height:150px;
}

.form-box {
	width:200px;
	margin:0 20px 15px 0;
}

.form-box.last {
	margin-right:0;
}

.form-box.big {
	width:100%;
}

.form-box label {
	padding:5px 0;
	margin-bottom:8px;
	display:block;
}


/* contact us */
.details li {
	margin-bottom:12px;
}

.details li span.icon {
	float:left;
	margin:0 5px 0 0;
}

.details li p {
	padding-left: 15px;
}

/* Under Construction */
#under-construction {
	padding:40px 0;
	min-height:420px;
}

#under-construction h1 {
	margin-bottom:15px;
}

footer.under-construction {
	margin:25px 0 0 0;
	font-size:15px;
}

input.subscribe-text, input.subscribe-button {
	padding:17px;
	border-radius:5px;
	border:none;
}

input.subscribe-text {
	width:428px;
	margin-right:15px;
}

input.subscribe-button {
	width: 140px;
	cursor:pointer;
}

#count2 {
	display: block;
    margin: 60px 0 40px 0;
}

.count-end-message {
	background: #ffffff;
	padding: 50px;
	color: #888686 !important;
	border-radius: 5px;
	font-size: 26px;
	max-width: 518px;
	text-align: center;
	line-height:40px;
}



/* Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

.navigation ul li a {
display: block;
padding: 37px 10px 34px 10px;
}

.form {
	padding-top: 10px;
}

/* End */

.clients ul.items li {
	margin: 10px 10px;
}

.subscribe input.submit {
	margin-right:-4px;
}

.sti-menu li a h2{
	padding: 0 15%;
}

a.link {
	font-size:13px;
	padding:15px;
	margin: 6px 0 0 0;
}

.qoute h2 {
	font-size:18px;
}

.qoute p {
	font-size:13px;
}

.team h3 {
	font-size:15px;
}

a.twitter, a.facebook, a.skype, a.linkedin {
	margin-left:1px;
}

.border {
	max-width:225px;
}

.pricing-tables-1 .tables-column {
	width:186px;
}

.pricing-tables-2 .tables-column {
	width:186px;
}

.pricing-tables-2 .tables-column.data-title {
	display:none;
}

.pricing-tables-2 .tables-column .list li:before {
	content: attr(data-title) '' ;
	text-align:center;
	display:block;
	margin-bottom:13px;
	font-family: 'TitilliumText22LRegular', Arial, sans-serif;
	font-weight:bold;
	color:#7e7e7e;
}

#contain .element-4 {
	min-height:185px;
}

#contain .element-3 {
	min-height:235px;
}

#contain .element-2 {
	min-height:330px;
}

input.search {
	width:82%;
}

.comment{
	width:84%;
}

.children .comment{
	width:82%;
}

input.text, textarea {
	width:95.8%;
}

.form-box {
	width:100%;
	margin:0 0 10px 0;
}

#sidebar.thumbs li {
	width:38.7%;
}

#footer.thumbs li {
	margin:5px 5px 5px 0;
}

#footer.thumbs li img {
	max-width: 77px;
    min-height: 75px;
}

.whyus img {
	max-width:225px;
}





}



/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

.logo {
	margin:28px 28%;
}

.js #nav { 
    display: none; 
}

.js .selectnav { 
	display: block;
	padding:10px;
	width:100%;
	border:1px solid #d5d5d5;
	margin-bottom: 22px;
	cursor:pointer;
}
 
#slider {
    margin-top:20px;
}

.flex-caption {
    font-size: 13px;
}

.flex-caption span {
	font-size:15px;
}

.flex-caption{
    width:95.2%;
    padding:5px 10px;
    margin:0;
    position:absolute;
    left:0px;
    bottom:0;
	line-height:18px;
}
 
.flex-caption span {
	display:block;
	padding:0 0 3px 0;
}

.flex-caption {
	display:none;
}

.clients ul.items li {
	margin: 10px 15px;
}

.subscribe input.mail {
	width:76%;
	margin: 18px 0 8px 0;
}

.subscribe input.submit {
	margin:18px 0 0 ;
	padding:7px 16px;
}

span.copyright {
	padding-bottom: 17px;
    display: block;
	text-align:center;
}

.social {
	float:none;
	text-align:center;
}

.sti-icon{
	position:absolute;
	top:36px;
    left: 45%;
}

.sti-menu li a h2{
	padding: 0 35%;
}

.qoute h2 {
	font-size:16px;
}

.qoute p {
	font-size:13px;
}

a.link {
	margin: 10px 0 0 0;
}

.border {
	min-width:410px;
}

ul.team  li img, img.pic {
	min-width:420px;
}

.image-post img {
	min-width:420px;
	max-height:250px;
}

blockquote {
	background-position:4% 20%;
}

.slidecontrols li a.next {
	position:absolute;
	top:32px;
	right:0;
}

.slidecontrols li a.prev {
	position:absolute;
	top:32px;
	right:37px;
}

.pricing-tables-1 {
	margin:5px 0;
}

.pricing-tables-1 .tables-column {
	width:209px;
	margin-bottom:30px;
}

.pricing-tables-2 .tables-column {
	width:209px;
	margin-bottom:30px;
}

.pricing-tables-2 .tables-column.data-title {
	display:none;
}


.pricing-tables-2 .tables-column .list li:before {
	content: attr(data-title) '' ;
	text-align:center;
	display:block;
	margin-bottom:13px;
	font-family: 'TitilliumText22LRegular', Arial, sans-serif;
	font-weight:bold;
	color:#7e7e7e;
}

#contain .element-2 {
	min-height:370px;
}


.flex-direction-nav li a{
	width:25px;
	height:45px;
}

input.search {
	width:91%;
}

.date-post {
	margin-bottom:10px;
}

.date-post .day, .date-post .month {
	width:auto;
}

img.pic-3 {
	min-width:420px;
	max-height:250px;
}

.comment{
	width:83%;
}


.children .comment{
	width:81%;
}


input.text, textarea {
	width:94.8%;
}

.form-box {
	width:100%;
	margin:0 0 10px 0;
}

.form input.button {
	width:100%;
}

.ei-slider{
	height: 265px;
}

.ei-title {
	display:none;
}


#under-construction h1, #under-construction p {
	text-align:center;
}

#under-construction h1 {
	font-size:27px;
}

#under-construction p { 
	line-height:35px;
	font-size:20px;
}

#clock-ticker .block {
	margin:0 15px 30px 15px;
	padding:10px 46px;
}


.social-under {
	margin-top:20px !important;
}

input.subscribe-text {
	width: 354px;
    margin: 5px 15px 8px 15px;
}

input.subscribe-button {
	width: 388px;
    margin: 8px 15px 5px 15px;
}


.under-construction .copyright {
    display: block;
    text-align: center;
}

.social-under {
    float: none;
    text-align: center;
}

#sidebar.thumbs li {
	width:30.9%;
}

#footer.thumbs li {
	width:30.9%;
}

#horizontal-tabs ul.tabs li {
	margin-bottom:5px;
}

.notification_ok {
	margin:30px 0 0px 0;
}

#sidebar.thumbs li img, #footer.thumbs li img {
       width: 126px;
       height: 105px;
}




}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

.logo {
    margin:28px 20%;
}

.js #nav { 
    display: none; 
}

.js .selectnav { 
	display: block;
	padding:10px;
	width:100%;
	border:1px solid #d5d5d5;
	margin-bottom: 22px;
	cursor:pointer;
}

/* slider */
#slider {
	margin-top:20px;
}

.services h3 {
	padding:0;
}

.services p {
	line-height:20px;
	font-size:12px;
}

.services .item {
	padding-right: 5px;
}

.services .item .square {
	margin-right:12px;
}

#toTop {
	right:8px;
}

.flex-caption {
    font-size: 11px;
}

.flex-caption span {
	font-size:13px;
}

.flex-caption{
    width:93.2%;
    padding:5px 10px;
    margin:0;
    position:absolute;
    left:0px;
    bottom:0;
	line-height:15px;
}
 
.flex-caption span {
	display:block;
	padding:0 0 3px 0;
}

.flex-caption {
	display:none;
}

.date {
	margin:0 18px 52px 0;
}

.clients ul.items li {
	margin: 10px 50px;
}

.subscribe input.mail {
	width:67%;
	margin: 18px 0 8px 0;
}

.subscribe input.submit {
	margin:18px 0 0 ;
	padding:7px 16px;
}

span.copyright {
	padding-bottom: 17px;
    display: block;
	text-align:center;
}

.social {
	float:none;
	text-align:center;
}

.sti-icon{
	position:absolute;
	top:36px;
    left: 45%;
}

.sti-menu li a h2{
	padding: 0 30%;
}

.qoute h2 {
	font-size:16px;
}

.qoute p {
	font-size:13px;
}

a.link {
	margin: 10px 0 0 0;
	width:84%;
}

.team h3 {
	font-size:15px;
}

a.twitter, a.facebook, a.skype, a.linkedin {
	margin-left:1px;
}

.alert {
	padding:12px 12px 12px 32px;
	font-size:13px;
}

.error, .success, .info, .notice { background-position: 2% 50%; }

.close { position: absolute; right: 4px; top: 15px; }

.slidecontrols li a.next {
	position:absolute;
	top:32px;
	right:0;
}

.slidecontrols li a.prev {
	position:absolute;
	top:32px;
	right:37px;
}

.pricing-tables-1 {
	margin:5px 0;
}

.pricing-tables-1 .tables-column {
	width:100%;
}

.tables-column.featured .header h1 {
	margin-top:0;
}

.pricing-tables-2 .tables-column {
	width:100%;
}

.pricing-tables-2 .tables-column.data-title {
	display:none;
}

.pricing-tables-2 .tables-column .list li:before {
	content: attr(data-title) '' ;
	text-align:center;
	display:block;
	margin-bottom:13px;
	font-family: 'TitilliumText22LRegular', Arial, sans-serif;
	font-weight:bold;
	color:#7e7e7e;
}

#contain .element-2 {
	min-height:290px;
}


.flex-direction-nav li a{
	width:20px;
	height:40px;
}

input.search {
	width:87%;
}

.image-post img {
	min-width:300px;
	max-height:220px;
}

.date-post {
	margin-bottom:10px;
}

.date-post .day, .date-post .month {
	width:auto;
}

.comment{
	width:75%;
}

span.right {
	float:left !important;
	margin:25px 0 10px 0;
	display:block;
	width:100%;
}

.children .comment{
	width:71%;
}

input.text, textarea {
	width:92.8%;
}

.form-box {
	width:100%;
	margin:0 0 10px 0;
}

.form input.button {
	width:100%;
}

.ei-slider{
	height: 165px;
}

.ei-title {
	display:none;
}

#under-construction h1, #under-construction p {
	text-align:center;
}

#under-construction h1 {
	font-size:20px;
}

#under-construction p { 
	line-height:35px;
	font-size:16px;
}

#clock-ticker .block {
	margin:0 15px 30px 15px;
	padding:10px 16px;
}

.social-under {
	margin-top:20px !important;
}

input.subscribe-text {
	width: 266px;
    margin: 5px 0 8px 0;
}

input.subscribe-button {
	width: 300px;
    margin: 8px 0 5px 0;
}


.under-construction .copyright {
    display: block;
    text-align: center;
}

.social-under {
    float: none;
    text-align: center;
}


#sidebar.thumbs li {
	width:46.6%;
}

#footer.thumbs li {
	width:46.6%;
}

#horizontal-tabs ul.tabs li {
	margin-bottom:5px;
}

.notification_ok {
	margin:30px 0 0px 0;
}

#sidebar.thumbs li img, #footer.thumbs li img {
	width: 143px;
	height: 115px;
}


}
/*

Uniform Theme: Uniform Default
Version: 1.6
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://pixelmatrixdesign.com/uniform/
---
Generated by Uniform Theme Generator:
http://pixelmatrixdesign.com/uniform/themer.html

*/

/* Global Declaration */

div.selector, 
div.selector span, 
div.checker span,
div.radio span, 
div.uploader, 
div.uploader span.action,
div.button,
div.button span {
  background-image: url(../images/uniform/sprite.png);
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased;
}

.selector, 
.radio, 
.checker, 
.uploader,
.button, 
.selector *, 
.radio *, 
.checker *, 
.uploader *,
.button *{
  margin: 0;
  padding: 0;
}

/* INPUT & TEXTAREA

input.text,
input.email, 
input.password,
textarea.uniform {
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  padding: 3px;
  color: #777;
  background: url('../images/uniform/bg-input-focus.png') repeat-x 0px 0px;
  background: url('../images/uniform/bg-input.png') repeat-x 0px 0px;
  border-top: solid 1px #aaa;
  border-left: solid 1px #aaa;
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  outline: 0;
}

input.text:focus,
input.email:focus,
input.password:focus,
textarea.uniform:focus {
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  border-color: #999;
  background: url('../images/uniform/bg-input-focus.png') repeat-x 0px 0px;
}

/* SPRITES */

/* Select */

div.selector {
  background-position: -483px -130px;
  line-height: 26px;
  height: 26px;
}

div.selector span {
  background-position: right 0px;
  height: 26px;
  line-height: 26px;
}

div.selector select {
  /* change these to adjust positioning of select element */
  top: 0px;
  left: 0px;
}

div.selector:active, 
div.selector.active {
  background-position: -483px -156px;
}

div.selector:active span, 
div.selector.active span {
  background-position: right -26px;
}

div.selector.focus, div.selector.hover, div.selector:hover {
  background-position: -483px -182px;
}

div.selector.focus span, div.selector.hover span, div.selector:hover span {
  background-position: right -52px;
}

div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
  background-position: -483px -208px;
}

div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span {
  background-position: right -78px;
}

div.selector.disabled {
  background-position: -483px -234px;
}

div.selector.disabled span {
  background-position: right -104px;
}

/* Checkbox */

div.checker {
  width: 19px;
  height: 19px;
}

div.checker input {
  width: 19px;
  height: 19px;
}

div.checker span {
  background-position: 0px -260px;
  height: 19px;
  width: 19px;
}

div.checker:active span, 
div.checker.active span {
  background-position: -19px -260px;
}

div.checker.focus span,
div.checker:hover span {
  background-position: -38px -260px;
}

div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
  background-position: -57px -260px;
}

div.checker span.checked {
  background-position: -76px -260px;
}

div.checker:active span.checked, 
div.checker.active span.checked {
  background-position: -95px -260px;
}

div.checker.focus span.checked,
div.checker:hover span.checked {
  background-position: -114px -260px;
}

div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
  background-position: -133px -260px;
}

div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
  background-position: -152px -260px;
}

div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
  background-position: -171px -260px;
}

/* Radio */

div.radio {
  width: 18px;
  height: 18px;
}

div.radio input {
  width: 18px;
  height: 18px;
}

div.radio span {
  height: 18px;
  width: 18px;
  background-position: 0px -279px;
}

div.radio:active span, 
div.radio.active span {
  background-position: -18px -279px;
}

div.radio.focus span, 
div.radio:hover span {
  background-position: -36px -279px;
}

div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
  background-position: -54px -279px;
}

div.radio span.checked {
  background-position: -72px -279px;
}

div.radio:active span.checked,
div.radio.active span.checked {
  background-position: -90px -279px;
}

div.radio.focus span.checked, div.radio:hover span.checked {
  background-position: -108px -279px;
}

div.radio.focus:active span.checked, 
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
  background-position: -126px -279px;
}

div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
  background-position: -144px -279px;
}

div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
  background-position: -162px -279px;
}

/* Uploader */

div.uploader {
  background-position: 0px -297px;
  height: 28px;
}

div.uploader span.action {
  background-position: right -409px;
  height: 24px;
  line-height: 24px;
}

div.uploader span.filename {
  height: 24px;
  /* change this line to adjust positioning of filename area */
  margin: 2px 0px 2px 2px;
  line-height: 24px;
}

div.uploader.focus,
div.uploader.hover,
div.uploader:hover {
  background-position: 0px -353px;
}

div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action {
  background-position: right -437px;
}

div.uploader.active span.action,
div.uploader:active span.action {
  background-position: right -465px;
}

div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action {
  background-position: right -493px;
}

div.uploader.disabled {
  background-position: 0px -325px;
}

div.uploader.disabled span.action {
  background-position: right -381px;
}

div.button {
  background-position: 0px -523px;
}

div.button span {
  background-position: right -643px;
}

div.button.focus,
div.button:focus,
div.button:hover,
div.button.hover {
  background-position: 0px -553px;
}

div.button.focus span,
div.button:focus span,
div.button:hover span,
div.button.hover span {
  background-position: right -673px; 
}

div.button.active,
div.button:active {
  background-position: 0px -583px;
}

div.button.active span,
div.button:active span {
  background-position: right -703px;
  color: #555;
}

div.button.disabled,
div.button:disabled {
  background-position: 0px -613px;
}

div.button.disabled span,
div.button:disabled span {
  background-position: right -733px;
  color: #bbb;
  cursor: default;
}

/* PRESENTATION */

/* Button */

div.button {
  height: 30px;
}

div.button span {
  margin-left: 13px;
  height: 22px;
  padding-top: 8px;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-left: 2px;
  padding-right: 15px;
}

/* Select */
div.selector {
  width: 190px;
  font-size: 12px;
}

div.selector select {
  min-width: 190px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  border: solid 1px #fff;
}

div.selector span {
  padding: 0px 25px 0px 2px;
  cursor: pointer;
}

div.selector span {
  color: #666;
  width: 158px;
  text-shadow: 0 1px 0 #fff;
}

div.selector.disabled span {
  color: #bbb;
}

/* Checker */
div.checker {
  margin-right: 5px;
}

/* Radio */
div.radio {
  margin-right: 3px;
}

/* Uploader */
div.uploader {
  width: 190px;
  cursor: pointer;
}

div.uploader span.action {
  width: 85px;
  text-align: center;
  text-shadow: #fff 0px 1px 0px;
  background-color: #fff;
  font-size: 11px;
  font-weight: bold;
}

div.uploader span.filename {
  color: #777;
  width: 82px;
  border-right: solid 1px #bbb;
  font-size: 11px;
}

div.uploader input {
  width: 190px;
}

div.uploader.disabled span.action {
  color: #aaa;
}

div.uploader.disabled span.filename {
  border-color: #ddd;
  color: #aaa;
}
/*

CORE FUNCTIONALITY 

Not advised to edit stuff below this line
-----------------------------------------------------
*/

.selector, 
.checker, 
.button, 
.radio, 
.uploader {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
}

.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {
  outline: 0;
}

/* Button */

div.button a,
div.button button,
div.button input {
  position: absolute;
}

div.button {
  cursor: pointer;
  position: relative;
}

div.button span {
  display: -moz-inline-box;
  display: inline-block;
  line-height: 1;
  text-align: center;
}

/* Select */

div.selector {
  position: relative;
  padding-left: 10px;
  overflow: hidden;
}

div.selector span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

div.selector select {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity:0);
  height: 25px;
  border: none;
  background: none;
}

/* Checker */

div.checker {
  position: relative;
}

div.checker span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
}

div.checker input {
  opacity: 0;
  filter: alpha(opacity:0);
  display: inline-block;
  background: none;
}

/* Radio */

div.radio {
  position: relative;
}

div.radio span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
}

div.radio input {
  opacity: 0;
  filter: alpha(opacity:0);
  text-align: center;
  display: inline-block;
  background: none;
}

/* Uploader */

div.uploader {
  position: relative;
  overflow: hidden;
  cursor: default;
}

div.uploader span.action {
  float: left;
  display: inline;
  padding: 2px 0px;
  overflow: hidden;
  cursor: pointer;
}

div.uploader span.filename {
  padding: 0px 10px;
  float: left;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}

div.uploader input {
  opacity: 0;
  filter: alpha(opacity:0);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  float: right;
  height: 25px;
  border: none;
  cursor: default;
}/* red Skin Colors
================================================== */

.navigation ul li a:hover, .navigation ul li a.selected, .navigation ul li.active a{
	border-bottom:3.5px solid #e64141;
}

.navigation ul li ul li:first-child a, .navigation ul li ul li:first-child a:hover {
	border-top:3.5px solid #e64141;
}

span.color, a:hover, .navigation ul li ul li a:hover, .recent-blog .tags-comments a:hover, .tags-comments2 a:hover, #accordion h3:hover a, ul.team  li:hover h3, .choose ul li:hover, .our-services ul li:hover h3, .square-list li:hover, .square-list li a:hover, .check-list li:hover, .check-list li a:hover, .plus-list li:hover, .plus-list li a:hover, .arrow-list li:hover, .arrow-list li a:hover, .cross-list li:hover, .cross-list li a:hover, .star-list li:hover, .star-list li a:hover, .minus-list li:hover, .minus-list li a:hover, .arrow2-list li:hover, .arrow2-list li a:hover, .circle-list li:hover, .circle-list li a:hover, .breadcrumbs li a, .comment a, h1.big, .tweet_list li a, .under-construction .copyright a {
	color:#e64141;
}

::-moz-selection {
	background:#e64141;
}

::selection {
    background:#e64141;
}

span.line, .services .item:hover .square, .services .item.active .square, .flex-control-nav li a:hover, .flex-control-nav li a.active, .subscribe input.submit, a.link, #accordion h3.ui-state-active, .meter > span:after, .animate > span > span, .icon-box, .button.color, .button.black:hover, .highlight-color, .red .colorTip, #horizontal-tabs ul.tabs li.current, #horizontal-tabs ul.tabs li:hover, #vertical-tabs ul.tabs li.current, #vertical-tabs ul.tabs li:hover, #toggle-view li h3.color, .dropcap.color, .pagination.color li a.current, .pagination.color li a:hover, .tables-column.featured .header h3, .tables-column .footer.gray h3 span:hover, .tables-column .footer.black h3 span:hover, .tables-column.featured .footer h3 span, #options li a:hover, #options li a.selected, .popular-tags a:hover, .date-post .day, .date-post .month, .ei-slider-thumbs li.ei-slider-element, #under-construction   {
	background:#e64141;
}

.ei-slider-thumbs li.ei-slider-element {
	background: rgba(230,65,65,0.9);
}

.tabscontent.color {
	background-color:#e64141 !important;
}

.services .item:hover, .services .item.active {
	border-right:5px solid #e64141;
}

.recent-work .item:hover, .lightbox .item:hover, .portfolio .item:hover {
	border-bottom:4px solid #e64141;
}

.sti-menu li a:hover {
	border-bottom:5px solid #e64141;
}

#horizontal-tabs .tabscontent {
	border-top:1px solid #e64141;
}

#vertical-tabs .tabscontent {
	border-left:1px solid #e64141;
}

/* another color in hover from red */
.subscribe input.submit:hover, .tables-column.featured .header h1 {
	background:#fa5454;
}

/* services icons */
.color-1 { background:url(../../images/icons/services/webdesign-red.png) no-repeat; width:45px; height:42px; }
.color-2 { background:url(../../images/icons/services/branding-red.png) no-repeat; width:50px; height:47px; }
.color-3 { background:url(../../images/icons/services/development-red.png) no-repeat; width:47px; height:46px; }
.color-4 { background:url(../../images/icons/services/wordpress-red.png) no-repeat; width:45px; height:44px; }

/* process icons */
.color-5 { background:url(../../images/icons/process/search-red.png) no-repeat; width:39px; height:40px; }
.color-6 { background:url(../../images/icons/process/design-red.png) no-repeat; width:46px; height:40px; }
.color-7 { background:url(../../images/icons/process/develop-red.png) no-repeat; width:49px; height:41px; }
.color-8 { background:url(../../images/icons/process/deliver-red.png) no-repeat; width:45px; height:30px; }

/* team social icons */
a.twitter { background: url(../../images/icons/icons/social-icons-red.png) no-repeat 0 0;  }
a.facebook { background: url(../../images/icons/icons/social-icons-red.png) no-repeat -28px 0;  }
a.skype { background: url(../../images/icons/icons/social-icons-red.png) no-repeat -56px 0;  }
a.linkedin { background: url(../../images/icons/icons/social-icons-red.png) no-repeat -84px 0;  }

a.twitter:hover { background: url(../../images/icons/icons/social-icons-red.png) no-repeat 0 -29px;  }
a.facebook:hover { background: url(../../images/icons/icons/social-icons-red.png) no-repeat -28px -29px;  }
a.skype:hover { background: url(../../images/icons/icons/social-icons-red.png) no-repeat -56px -29px;  }
a.linkedin:hover { background: url(../../images/icons/icons/social-icons-red.png) no-repeat -84px -29px;  }

/* Small Icons */
* .icon.color {
	background:url(../../images/icons/icons/icons-red.png) no-repeat;
}

/* pricing table icons */
.list li span.ok.color {
	background: url(../../images/icons/icons/pricing-tabe-icons-red.png) no-repeat -13px 0;
	width: 13px;
	height: 12px;
	display: inline-block;
}

.list li span.minus.color {
	background: url(../../images/icons/icons/pricing-tabe-icons-red.png) no-repeat 0 -7px;
	width: 9px;
	height: 4px;
	display: inline-block;
}

/* arrow icons for flex slider */
.flex-direction-nav li .next{
	background:#e64141 url(../../images/icons/project-slider-arrow-right.png) no-repeat;
	background-position:55% 50%;
}

.flex-direction-nav li .prev{
	background:#e64141 url(../../images/icons/project-slider-arrow-left.png) no-repeat;
	background-position:45% 50%;
}

/* color switcher active */
.styleswitch.red {
	opacity:1;
}

/* backgroud images for body */
body.crossed { background:url(../bg/crossed_stripes.jpg) repeat; }
body.fabric { background:url(../bg/classy_fabric.jpg) repeat; }
body.linen { background:url(../bg/low_contrast_linen.jpg) repeat; }
body.wood {
/*background:
linear-gradient(45deg, #376A38 45px, transparent 45px) 64px 64px,
linear-gradient(45deg, #376A38 45px, transparent 45px, transparent 91px, #363 91px, #363 135px, transparent 135px),
linear-gradient(-45deg, #376A38 23px, transparent 23px, transparent 68px, #376A38 68px, #376A38 113px, transparent 113px, transparent 158px, #376A38 158px);
background-color:#363;
background-size: 128px 128px;
*/
background-image: url(/i/bg.png);
}
body.diagmonds { background:url(../bg/diagmonds.jpg) repeat; }
body.triangles { background:url(../bg/triangles.jpg) repeat; }
body.black_mamba { background:url(../bg/black_mamba.jpg) repeat; }
body.vichy { background:url(../bg/vichy.jpg) repeat; }
body.back_pattern { background:url(../bg/back_pattern.jpg) repeat; }
body.checkered_pattern { background:url(../bg/checkered_pattern.jpg) repeat; }
body.diamond_upholstery { background:url(../bg/diamond_upholstery.jpg) repeat; }
body.lyonnette { background:url(../bg/lyonnette.jpg) repeat; }
body.graphy { background:url(../bg/graphy.jpg) repeat; }
body.black_thread { background:url(../bg/black_thread.jpg) repeat; }
body.subtlenet2 { background:url(../bg/subtlenet2.jpg) repeat; }

/* wrap */ 
#wrap.boxed {
	width:990px;
	margin:25px auto;
	background:#fff;
	-webkit-box-shadow:  0px 0px 6px 0px rgba(0, 0, 0, 0.2);
	box-shadow:  0px 0px 6px 0px rgba(0, 0, 0, 0.2);
	z-index: 99;
	position: relative;
}

.hidden {
	display:block;
}



/* Media Queries
================================================== */

/* Smaller than standard 1024 (devices and browsers) */
@media only screen and (max-width: 1024px) {
	
#wrap.boxed {
	width:100%;
	margin:0;
}
	
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

#wrap.boxed {
	width:100%;
	margin:0;
}

}



/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	
#wrap.boxed {
	width:100%;
	margin:0;
}
	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

#wrap.boxed {
	width:100%;
	margin:0;
}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

#wrap.boxed {
	width:100%;
	margin:0;
}
	

}