/* 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;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block; 
}
body {
	line-height: 1; 
	background: #2e2f2f;
}
ol, ul, li {
	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; 
}


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

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

* {
	outline:none;
}

/* Enable custom submit button styling in Safari mobile */
input[type='submit']
{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;  
}

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

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

p, blockquote {
	line-height: 23px;
}

blockquote {
	font-style: italic;
}

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

/* new code */
pre {
    background: #FCFCFC;
    padding: 10px;
    margin: 0;
    border: 1px solid #EBEBEB;
    border-radius: 3px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre-line;
    overflow: hidden;
    line-height: 24px;
}

/* new code */ /* for responsive design */
.fb-like-box iframe[style] {width: 100% !important; background: #fff;}
.fb-like-box{width: 100% !important; margin-top: 6px;}
.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] 
{width: 100% !important;}

/* Main Fonts
================================================== */
body, .form-elements input, .form-elements textarea, .form-elements select, .qoute p, .tables-column .header h3 span.pop, .widget .followers li span, .one-page.welcome .welcome-text {
	 font-family:'RobotoRegular', Arial, sans-serif;
}

.navigation ul li, .latest-blog .item p, footer, p, .services.style-1 .item h3, .progress-bar h5, .button, #horizontal-tabs ul.tabs li, #vertical-tabs ul.tabs li, .alert p, .pagination, .qoute, .welcome, .progress-bar .meter, .testimonial-item .author span, .testimonial-item .author a, .team .item h4, .services.style-2 .item h4, .services.style-3 .item h4, .page-404 .oops, .tables-column .header h3, .tables-column .header .price, .tables-column .footer h4, .square-list li, .check-list li, .plus-list li, .arrow-list li, .cross-list li, .star-list li, .minus-list li, .heart-list li, .circle-list li, .asterisk-list li, .widget .followers h4, .sidebar .widget, .blog-3 .item a.title, .form-box label, .address-info li, .phone-info li, .email-info li, body.under-construction .content h2.title, body.under-construction .content .block .label, .slider-1 .slides li h2  {
	 font-family:'RobotoMedium', Arial, sans-serif;
}

h3.title, .subscribe input.submit, .about-author .content .data h5, .comments .comment-box h5, body.under-construction .content .block .flip-top, body.under-construction .content input.subscribe-button, .one-page h2.title, .one-page h1.title {
	 font-family:'RobotoBold', Arial, sans-serif;
}

.img-caption .desc span, .more {
	font-family:'RobotoThin', Arial, sans-serif;
}

footer h3.title, .subscribe input.mail, blockquote, .about-author h3, .related-posts h3, .comments-box h3, .comment-form h3, .form-box input.text, .form-box textarea, body.under-construction .content p.text, body.under-construction .content input.subscribe-text, .slider-1 .slides li p, .slider-2 .slides li h2, .slider-2 .slides li p, .notification_error, .notification_ok {
	font-family:'RobotoCondensed', Arial, sans-serif;
}

.page-title h1, .one-page p.description {
	font-family:'RobotoLight', Arial, sans-serif;
}

/* font size */
.top-bar, .tables-column .header h3 span.pop, .widget.most-posts ul li span {
	font-size:12px;
}

.latest-blog .item .meta, span.copyright, .breadcrumbs, .tables-column .header .price span, .post-meta .meta, .widget.most-posts ul.posts li, .widget .followers, .related-posts .item .meta, .comments .comment-box .date-replay, .the-icons li {
	font-size:13px;
}

body, .navigation ul li ul li, .accordion .icon-plus, .accordion .icon-minus, .portfolio .item.element-4 .img-caption .desc p, .gallery .item.element-4 .img-caption .desc p, .footer-top.col-4 {
	font-size:16px;
}

footer, .button.small, .alert, .alert .close, .team .item span, .post-meta .meta i, .sidebar .widget .text-search, header .widget .text-search, .widget .followers h4, .related-posts .item h5, .form-box input.text, .form-box textarea {
	font-size:15px;
}

.phone-mail i.icon-envelope-alt, .navigation ul li, .img-caption .desc p, .subscribe input.mail, .subscribe input.submit, .progress-bar h5, blockquote, .qoute p, .testimonial-item .author span, .testimonial-item .author a, .widget #horizontal-tabs ul.tabs li, .post-tags i, .notification_error{
	font-size:16px;
}

.phone-mail i.icon-phone, .pagination, .notification_ok {
	font-size:17px;
}

.button.medium, #horizontal-tabs ul.tabs li, #vertical-tabs ul.tabs li,.alert  i, .breadcrumbs i.icon-home, #options li, .form-box label, .slider-1 .slides li p, .slider-2 .slides li p, .one-page p.description {
	font-size:18px;
}

.blog-3 .item a.title, .about-author .content .data h5 {
	font-size:19px;
}

.accordion h4, .dropcap, .form-box label small, body.under-construction .content .block .label {
	font-size:20px;
}

.tweet_list li i.icon-twitter, .down-button, .gallery .item .img-caption .desc span {
	font-size:22px;
}

footer h3.title, .qoute h4, .portfolio .item.element-4 .img-caption .desc h3, .gallery .item.element-4 .img-caption .desc h3, body.under-construction .content input.subscribe-text {
	font-size:23px;
}

.button.large, .services.style-2 .circle i {
	font-size:24px;
}

.services.style-1 .item h3, #toggle-view span.link, .welcome, body.under-construction .content input.subscribe-button, .one-page .img-caption .desc span {
	font-size:25px;
}

h3.title, .latest-blog .item h3, .tables-column .header h3 {
	font-size:22px;
}

.slider-1 .slides li h2 {
	font-size: 27px;
}

.pagination a.next-button, .pagination a.prev-button, .portfolio-control a.all, .slidecontrols li a, .more, .portfolio-control {
	font-size:28px;
}

.page-404 .text {
	font-size:30px;
}

.flex-direction-nav li a, #toTop {
	font-size:31px;
}

body.under-construction .content p.text {
	font-size:32px;
}

body.under-construction .content h2.title {
	font-size:39px;
}

.slider-1 .flex-direction-nav li a, .slider-2 .flex-direction-nav li a {
	font-size:41px;
}

.slider-2 .slides li h2 span {
	font-size:42px;
}

.services.style-3 .circle i {
	font-size:44px;
}

.img-caption .desc span, .page-404 i.icon-fire, body.under-construction .content .block .flip-top {
	font-size: 50px;
}

.services.style-1 .item .circle {
	font-size:55px;
}

.page-404 i.icon-coffee{
	font-size: 100px;
}

.page-404 .oops {
	font-size:135px;
}

/* fonts list for icons */
.s-10 { font-size:10px; } .s-11 { font-size:11px; } .s-12 { font-size:12px; } .s-13 { font-size:13px; } .s-14 { font-size:14px; }
.s-15 { font-size:15px; } .s-16 { font-size:16px; } .s-17 { font-size:17px; } .s-18 { font-size:18px; } .s-19 { font-size:19px; }
.s-20 { font-size:20px; } .s-21 { font-size:21px; } .s-22 { font-size:22px; } .s-23 { font-size:23px; } .s-24 { font-size:24px; }
.s-25 { font-size:25px; } .s-26 { font-size:26px; } .s-27 { font-size:27px; } .s-28 { font-size:28px; } .s-29 { font-size:29px; }
.s-30 { font-size:30px; } .s-31 { font-size:31px; } .s-32 { font-size:32px; } .s-33 { font-size:33px; } .s-34 { font-size:34px; }
.s-35 { font-size:35px; } .s-36 { font-size:36px; } .s-37 { font-size:37px; } .s-38 { font-size:38px; } .s-39 { font-size:39px; }
.s-40 { font-size:40px; } .s-41 { font-size:41px; } .s-42 { font-size:42px; } .s-43 { font-size:43px; } .s-44 { font-size:44px; }
.s-45 { font-size:45px; } .s-46 { font-size:46px; } .s-47 { font-size:47px; } .s-48 { font-size:48px; } .s-49 { font-size:49px; }
.s-50 { font-size:50px; } .s-51 { font-size:51px; } .s-52 { font-size:52px; } .s-53 { font-size:53px; } .s-54 { font-size:54px; }
.s-55 { font-size:55px; } .s-56 { font-size:56px; } .s-57 { font-size:57px; } .s-58 { font-size:58px; } .s-59 { font-size:59px; }
.s-60 { font-size:60px; } .s-61 { font-size:61px; } .s-62 { font-size:62px; } .s-63 { font-size:63px; } .s-64 { font-size:64px; }
.s-65 { font-size:65px; } .s-66 { font-size:66px; } .s-67 { font-size:67px; } .s-68 { font-size:68px; } .s-69 { font-size:69px; }
.s-70 { font-size:70px; } .s-71 { font-size:71px; } .s-72 { font-size:72px; } .s-73 { font-size:73px; } .s-74 { font-size:74px; }
.s-75 { font-size:75px; } .s-76 { font-size:76px; } .s-77 { font-size:77px; } .s-78 { font-size:78px; } .s-79 { font-size:79px; }
.s-80 { font-size:80px; } .s-81 { font-size:81px; } .s-82 { font-size:82px; } .s-83 { font-size:83px; } .s-84 { font-size:84px; }
.s-85 { font-size:85px; } .s-86 { font-size:86px; } .s-87 { font-size:87px; } .s-88 { font-size:88px; } .s-89 { font-size:89px; }
.s-90 { font-size:90px; } .s-91 { font-size:91px; } .s-92 { font-size:92px; } .s-93 { font-size:93px; } .s-94 { font-size:94px; }
.s-95 { font-size:95px; } .s-96 { font-size:96px; } .s-97 { font-size:97px; } .s-98 { font-size:98px; } .s-99 { font-size:99px; }
.s-100 { font-size:100px; }

/* Aligns
================================================== */
.services.style-1 .item h3, .services.style-1 .item .circle, .services.style-1 .item p, .slidecontrols li a, .more, #toTop, table.style th, table.style td, .welcome, .services.style-2 .item .circle, .services.style-3 .item .circle, .page-404 .oops, .page-404 .text, .tables-column, .flex-direction-nav li a, .blog-3 #options #filters, .blog-3 .pagination-contain, .member-social a, .share-social a, body.under-construction header .logo, body.under-construction .content, body.under-construction footer, header.style-3.style-5 .logo, header.style-3.style-5 .navigation, .slider-2 .slides li .contain, .one-page h2.title, .one-page p.description, .one-page #options #filters, .one-page h1.title, .download-now, .welcome-text, .notification_ok  {
	text-align:center;
}

header.style-3.style-5 .navigation > #nav, .one-page.section h2, .one-page.section p, .notification_error {
	text-align:left;
}


/* 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: 28px; line-height: 50px; margin-bottom: 14px;}
	h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
	h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
	h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
	h5 { font-size: 17px; line-height: 24px; }
	h6 { font-size: 14px; line-height: 21px; }

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

/* Rotate
================================================== */
.tables-column .header h3 span.pop {
	-webkit-transform: rotate(45deg); /* Chrome & Safari */
    -moz-transform: rotate(45deg); /* Firefox */
    -ms-transform: rotate(45deg); /* IE 9+ */
    -o-transform: rotate(45deg); /* Opera */
    transform: rotate(45deg); /* CSS3 */
}

html.ie.ie8 .tables-column .header h3 span.pop {
   margin-right: -6px; 
   margin-top: -27px;
   -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865474, SizingMethod='auto expand')";
}

/* Links
================================================== */
a, .subscribe input.submit, .button, #horizontal-tabs.style2 ul.tabs li, #vertical-tabs.style2 ul.tabs li, .team .item img, body.under-construction .content input.subscribe-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;
}

.services.style-1 .item .circle, .latest-blog .item img, .featured-clients img, .services.style-2 .item .circle, .services.style-3 .item .circle, .image-post img, .widget.most-posts ul.posts li img, #footer.thumbs li img, #sidebar.thumbs li img, .related-posts .item img { 
	-webkit-transition: all 0.4s ease-in;  
    -moz-transition: all 0.4s ease-in;  
    -ms-transition: all 0.4s ease-in;  
    -o-transition: all 0.4s ease-in;  
    transition: all 0.4s ease-in;
}

a { 
   text-decoration:none;
}

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

/* Forms
================================================== */


/* Fontello Social Removed */












/* #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: 280px; }
    .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: 880px; }
    .container .sixteen.columns                 { width: 940px; }

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

		.main-header .container .one-third.column		{ width: 180px; }
		.main-header .container .two-thirds.column	{ width: 740px; }

    /* 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) {
        .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; }
        .main-header .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }
        .main-header .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) {
        .container { width: 95%; }
        .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: 100%; }

        /* 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: 95%; }
        .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: 100%; }

				.main-header .container .two-thirds.column {
					float:right;
					width:60px;
				}
					
				.main-header .container .one-third.column {
					float:left;
					width: 180px;
				}

    }

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


				.main-header .container .two-thirds.column {
					float:right;
					width:150px;
				}
					
				.main-header .container .one-third.column {
					float:left;
					width: 110px;
				}
			
		}


/* #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; }
    
	/* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }

/* 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;
	margin-left:4px;
	text-transform:uppercase;
}

header.style-3 .navigation ul li {
	margin-right:4px;
	margin-left:0;
}

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

.navigation ul li a.star {
	color: #000000;
}

header.style-3 .navigation ul li a {
	padding: 28px 20px 22px 20px;
}

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

.navigation ul li ul li a {
	border-top:0 !important;
}

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

header.style-3 .navigation ul li ul {
	top:67px  !important;
}

.navigation ul li ul li ul, header.style-3 .navigation ul li ul li ul {
	top:0px !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;
	text-transform: capitalize;
}

/*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, header.style-3 .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;
}

/* Carousel Slider
=========================================================*/
/* common style */
.slidewrap1, .slidewrap2, .slidewrap3, .slidewrap4 {
	position:relative;
}

.slidecontrols li a.carousel1-next, .slidecontrols li a.carousel1-prev, .slidecontrols li a.carousel2-next, .slidecontrols li a.carousel2-prev, .slidecontrols li a.carousel3-next, .slidecontrols li a.carousel3-prev, .slidecontrols li a.carousel4-next, .slidecontrols li a.carousel4-prev{
	width:29px;
	height:29px;
	display:block;
	cursor:pointer;
}

.slidecontrols li a.carousel1-next.carousel1-disabled, .slidecontrols li a.carousel1-prev.carousel1-disabled, .slidecontrols li a.carousel2-next.carousel2-disabled, .slidecontrols li a.carousel2-prev.carousel2-disabled, .slidecontrols li a.carousel3-next.carousel3-disabled, .slidecontrols li a.carousel3-prev.carousel3-disabled, .slidecontrols li a.carousel4-next.carousel4-disabled, .slidecontrols li a.carousel4-prev.carousel4-disabled {
	display:block;
	cursor:default;
}

/* 1 */
.slidecontrols li a.carousel1-next {
	position:absolute;
	top:0;
	right:10px;
}

.slidecontrols li a.carousel1-prev {
	position:absolute;
	top:0;
	right:44px;
}

.columns .slidecontrols li a.carousel1-next, .column .slidecontrols li a.carousel1-next,
.columns .slidecontrols li a.carousel2-next, .column .slidecontrols li a.carousel2-next,
.columns .slidecontrols li a.carousel3-next, .column .slidecontrols li a.carousel3-next,
.columns .slidecontrols li a.carousel4-next, .column .slidecontrols li a.carousel4-next{
	right:0;
}

.columns .slidecontrols li a.carousel1-prev, .column .slidecontrols li a.carousel1-prev,
.columns .slidecontrols li a.carousel2-prev, .column .slidecontrols li a.carousel2-prev,
.columns .slidecontrols li a.carousel3-prev, .column .slidecontrols li a.carousel3-prev,
.columns .slidecontrols li a.carousel4-prev, .column .slidecontrols li a.carousel4-prev{
	right:34px;
}

/* 2 */
.slidecontrols li a.carousel2-next, .slidecontrols li a.carousel3-next, .slidecontrols li a.carousel4-next {
	position:absolute;
	top:0;
	right:10px;
}

.slidecontrols li a.carousel2-prev, .slidecontrols li a.carousel3-prev, .slidecontrols li a.carousel4-prev {
	position:absolute;
	top:0;
	right:44px;
}

/* jQuery widget Tweets
=========================================================*/
.tweet_list {
	overflow-y: hidden;
	line-height:21px;
}

.tweet_list li {
	overflow-y: auto;
	overflow-x: hidden;
	list-style-type: none;
	padding:0 0 10px 30px;
	margin-bottom:10px;
}

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

.tweet_list li i.icon-twitter {
	margin:3px 11px 0 -31px;
}

/* 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: 29%;
	margin: 3px 13px 3px 0;
}

.four.columns #footer.thumbs li {
	width: 30%;
    margin: 3px 6px 3px 0;
}
	
#sidebar.thumbs li img { 
	display: inline-block; width:83px; height:75px; 
} 

#footer.thumbs li img { 
	width: 92px; height: 73px;
} 

.four.columns #footer.thumbs li img {
	width: 92px;
	height: 65px;
}

.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 */ 
}

/* UiTop scroll to top page 
=========================================================*/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:100px;
	right:20px;
	overflow:hidden;
	width:37px;
	height:37px;
	border:none;
	filter:alpha(opacity=80); /* IE patch */
	opacity:.8;
	z-index: 100;
}

#toTop:hover {
	opacity:1;
}

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

/* 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:0;
}

/*
#contain .element-4 { min-height:176px; }
#contain .element-3 { min-height:240px; }
#contain .element-2 { min-height:368px; }
*/

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

#options {
	padding:10px 0 25px 0;
	margin-bottom: 20px;
}

#options li {
  margin:4px 8px 4px 0 ;
}

#options li a {
  padding: 11px 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; }


/* 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, flexslider4{
	margin:0;padding:0;
}

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

.flexslider .slides img, .flexslider4 .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, .flexslider4{
	position:relative;
	zoom:1;
}

.flexslider .slides, .flexslider4 .slides{
	zoom:1;
}

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

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

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

.flex-direction-nav li a{
	height:34px;
	margin:0;
	display:block;
	position:absolute;
	top:45%;
	cursor:pointer;
	padding: 8px 15px;
	opacity:.6; filter:alpha(opacity=60);
	z-index:150;
}

.flex-direction-nav li a:hover {
	opacity:.9; filter:alpha(opacity=90);
}

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

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

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

/* homepage slider settings */
.slider-1 .flex-direction-nav li a, .slider-2 .flex-direction-nav li a{
	height:40px;
	padding: 8px 18px;
}

.slider-1 .flex-direction-nav li .flex-next, .slider-2 .flex-direction-nav li .flex-next{
	position:absolute;
	right:-30px;
	opacity:0; filter:alpha(opacity=0);
	-webkit-transition: all .3s ease;
}

.slider-1:hover .flex-direction-nav li .flex-next, .slider-2:hover .flex-direction-nav li .flex-next {
	opacity:.9; filter:alpha(opacity=90);
	right:0;
}

.slider-1 .flex-direction-nav li .flex-prev, .slider-2 .flex-direction-nav li .flex-prev{
	position:absolute;
	left:-30px;
	opacity:0; filter:alpha(opacity=0);
	-webkit-transition: all .3s ease;
}

.slider-1:hover .flex-direction-nav li .flex-prev, .slider-2:hover .flex-direction-nav li .flex-prev {
	opacity:.9; filter:alpha(opacity=90);
	left:0;
}

/* control nav */
.flex-control-nav{
	width:100%;
	position:absolute;
	bottom:-32px;
	text-align:center;
	-webkit-transition: all .3s ease;
}

.slider-1:hover .flex-control-nav, .slider-2:hover .flex-control-nav {
	bottom:18px;
}

.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: 14px;
	height: 14px;
	display: block;
	cursor: pointer;
	text-indent: -999em;
	border-radius: 50%;
	opacity:.8; filter:alpha(opacity=80);
}


/* Contact form notification
=========================================================*/
.notification_error
{	
	height: auto;
	margin: 10px 0 20px 0;
	padding: 10px;
	line-height: 24px;
	color: #F30303;
}

.notification_ok
{
    height: auto;
	margin: 20px 0 70px 0;
	padding: 30px 10px;
	background: #6BBD64;
	line-height: 24px;
}

/* jQuery FancyBox
=========================================================*/
/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../js/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../js/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../js/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
	overflow: hidden;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../js/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	        border-radius: 2px;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

html.ie.ie9 .fancybox-title-float-wrap .child {
	margin-right: -55%;
}

.fancybox-title-float-wrap .child a {
	color:#000;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/* 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;
}

/* Social Icons
=========================================================*/
.social-normal i, .social-color i { 
  display:inline-block;
	margin:10px;
}

.social-color {
	padding:10px;
}

.the-icons {
	margin:0 20px 0 20px;
	padding:0 8px;
}

.the-icons li {
	margin:8px 0;
	vertical-align: baseline;
}

.the-icons li i {
	margin-right:10px;
}

.icons-color {
	overflow:hidden;
}

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

.accordion h4 {
	padding:10px 20px;
	margin-bottom:4px;
}

.accordion p {
	padding:13px 17px;
	margin-bottom:4px;
}

.accordion .icon-plus, .accordion .icon-minus  {
	margin-top: 8px;
}

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

/* style 2 */
.accordion.style2 h4, .accordion.style2 p {
	background:none !important;
}

.accordion.style2 h4 {
	margin-bottom:0;
	padding:11px 20px 11px 0;
}

.accordion.style2 h4.ui-state-active {
	border-bottom:0 !important;
}

.accordion.style2 p {
	padding:5px 0 20px 0;
	margin-bottom:0;
}

.accordion.style2 .icon-plus, .accordion.style2 .icon-minus  {
	margin-top: 0;
	margin-right:17px;
	padding:7px 9px;
}

/* Progress Bar
=========================================================*/
.progress-bar .meter, .meter .meter-content {
	height: 37px;
}

.progress-bar .meter { 
	position: relative;
	margin-bottom:20px;
}

.meter .meter-content[data-percentage] {
	text-indent: -9999px;
}

.meter .meter-title {
	top: 12px;
  left: 17px;
	position: absolute;
}

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

.button.small {
	padding: 12px 22px;
}

.button, .button.medium {
	padding: 15px 30px;
}

.button.large {
	padding: 17px 31px;
}

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

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

#horizontal-tabs ul.tabs li {
	padding:16px 22px;
	cursor:pointer;
}

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

#horizontal-tabs .contents {
	margin-top:-1px;
}

/* vertical tabs */
#vertical-tabs .contents {
	width:65%;
}

#vertical-tabs ul.tabs {
	overflow:hidden;
	width:34%;
	position:relative;
}

#vertical-tabs ul.tabs li {
	padding:16px 22px;
	cursor:pointer;
}

#vertical-tabs .contents {
	margin-left:-1px;
}

/* common */
#horizontal-tabs ul.tabs li.current, #vertical-tabs ul.tabs li.current {
	background:none;
	cursor:default;
}

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

/* style2 */
#horizontal-tabs.style2 ul.tabs li, #horizontal-tabs.style2 ul.tabs, #horizontal-tabs.style2 .contents, #vertical-tabs.style2 ul.tabs li, #vertical-tabs.style2 ul.tabs, #vertical-tabs.style2 .contents {
	border:none !important;
}

#horizontal-tabs.style2 ul.tabs li {
	margin-right:3px;
	margin-bottom:3px;
}

#horizontal-tabs.style2 .contents {
	margin-top:1px;
}

#vertical-tabs.style2 ul.tabs li {
	margin-bottom:3px;
}

#vertical-tabs.style2 .contents {
	margin-left:4px;
}

/* Alert Boxes
=========================================================*/
.alert {
	padding:14px 30px 14px 20px;
	position:relative;
	margin-bottom:16px;
}

.error {
	background-color: #f9d9d9;
	color: #aa4343;
}

.success {
	background-color: #d8f1c6;
	color: #769958;
}

.info {
	background-color: #d7e3f4;
	color: #728095;
}

.notice {
	background-color: #fbf4dd;
	color: #a38c68;
}

.alert i {
	margin:1px 10px 0 0 ;
}

.close { position:absolute; right: 4px; top: 16px; cursor:pointer; }

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

#toggle-view li h4{
    padding: 10px 40px 10px 20px;
    border: 1px solid #80ba42;
}

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

#toggle-view .panel {
	padding: 13px 17px;
	display:none;
	cursor:text;
}

#toggle-view .panel.normal, #toggle-view li h4.normal.border {
	background:none;
}

/* Blockquote
=========================================================*/
blockquote {
	padding:15px;
	margin-bottom:10px;
}

/* Info Box
=========================================================*/
.info-box {
	padding:17px;
}

/* Dropcaps
=========================================================*/
.dropcap {
	padding:5px 10px;
	float: left;
  margin: 5px 10px 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, .heart-list li, .circle-list li, .asterisk-list li {
	padding:5px 5px 5px 18px;
	line-height:20px;
	position: relative;
}

.square-list li:before {
	content: '\f04d'; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit;
    font-size: 6px; position: absolute; top: 5px; left: 0;
}

.check-list li:before {
	content: '\f00c'; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit;
    font-size: 11px; position: absolute; top: 4px; left: 0;
}

.plus-list li:before {
	content: '\f067'; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit;
    font-size: 10px; position: absolute; top: 5px; left: 0;
}

.arrow-list li:before {
	content: '\f054'; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit;
    font-size: 11px; position: absolute; top: 6px; left: 0;
}

.cross-list li:before {
	content: '\f00d'; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit;
    font-size: 12px; position: absolute; top: 5px; left: 0;
}

.star-list li:before {
	content: '\f005'; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit;
    font-size: 11px; position: absolute; top: 5px; left: 0;
}

.minus-list li:before {
	content: '\f068'; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit;
    font-size: 10px; position: absolute; top: 6px; left: 0;
}

.heart-list li:before {
	content: '\f004'; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit;
    font-size: 9px; position: absolute; top: 5px; left: 0;
}

.circle-list li:before {
	content: '\f111'; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit;
    font-size: 8px; position: absolute; top: 5px; left: 0;
}

.asterisk-list li:before {
	content: '\f069'; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit;
    font-size: 9px; position: absolute; top: 5px; left: 0;
}


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

.pagination a {
	margin:5px 5px 0 0;
	padding:9px 14px;
}

.pagination a.next-button, .pagination a.prev-button {
	padding: 2px 7px;
}

/* Breadcrumbs
=========================================================*/
.breadcrumbs {
	padding:12px 12px 12px 6px;
}

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

.breadcrumbs li i { margin:0 5px; }

.breadcrumbs.gray, .breadcrumbs.normal {
	border:none;
}

/* 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;
	}
}

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

table.style th {
font-weight: bold;
}

table.style th, table.style td {
	padding:11px;
}

/* Form Elements
=========================================================*/
.form-elements input[type="text"], .form-elements select, .form-elements textarea {
	padding:10px;
}

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

.form-elements select {
	min-width:240px;
	margin-top:10px;
}

.form-elements textarea {
	margin-top:15px;
	min-height:214px;
	width:95%;
}

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

.form-elements span {
	min-width:90px;
	display:inline-block;
} 

/* Checkboxes and Radio inputs */
.form-elements input[type="radio"], .form-elements input[type="checkbox"] { 
	position: absolute; left: -999em; 
}

.form-elements label {
	cursor:pointer;
}

.form-elements label:before { 
	display: inline-block; position: relative; top:7px; left:0; 
	content:''; width:25px; height:25px;
	background-image:url(../images/icons/formelements.png); 
	margin-right: 4px;
}

.form-elements input[type="checkbox"] + label:before { background-position: 0 -25px;}
.form-elements input[type="checkbox"]:checked + label:before {background-position: 0 0 ; }
.form-elements input[type="radio"] + label:before { background-position: -25px -25px;}	 	
.form-elements input[type="radio"]:checked + label:before { background-position: -25px 0;}

/* Remove the custom styling for IE 7-8 */
.ie8 .form-elements label:before { display:none; content:none; }
.ie8 .form-elements input[type="checkbox"], .ie8 .form-elements input[type="radio"], .ie7 .form-elements input[type="checkbox"], .ie7 .form-elements input[type="radio"]{ 
	position: static; left:0; 
}

.ie8 .form-elements input[type="checkbox"], .ie8 .form-elements input[type="radio"] { 
	position:relative; top:2px; margin-right:5px;
}	
	
/* welcome, qoute box
=========================================================*/
.welcome {
	padding: 30px 10%;
	margin-bottom: 25px;
}

.welcome p {
	line-height:37px;
}

.qoute {
	padding: 30px 3%;
    overflow: hidden;
	margin-bottom: 25px;
}

/* pricing tables */
.tables-column {
	margin-bottom:20px !important;
}

.tables-column .header h3 {
	padding: 12px 10px;
	margin-bottom:0;
	position:relative;
	overflow:hidden;
}

.tables-column .header h3 span.pop {
	padding: 0 20px;
	display: inline-block;
	height: 21px;
	line-height: 24px;
	position: absolute;
	top: 12px;
	right: -20px;
}

.tables-column .header .price {
	padding:15px 10px;
}

.tables-column .header .price h2 {
	margin-bottom:3px;
	font-weight:bold;
}

.tables-column .list {
	padding:3px 15px;
}

.tables-column .list li {
	padding:13px 0;
}

.tables-column .footer {
	margin: 20px 0 25px 0;
	padding:0 20px;
}

.tables-column .footer h4 a {
	display:block;
	padding:7px;
}

/* BACKGROUND */

/* Backgrounds
================================================== */
.portfolio-control a, body.under-construction header, .slider-1 .flex-direction-nav li a, .flex-control-nav li a, .slider-2 .flex-direction-nav li a, header .main-header, header .down-header, html.ie.ie8 body.under-construction .content .block, #wrap.boxed {
	background:#2e2f2f;
}

header .main-header {
	background: #052740;
}

header .main-header .container .middle-column a .fa {
	color: #80ba42;
}

body.under-construction .content .block, body.under-construction .content input.subscribe-text {
	background-color: rgba(255, 255, 255, 0.9); /* this #fff color */
}

.top-bar, .services.style-1 .item .circle, .services.style-1 .item.active:hover .circle, .responsive > ul, .accordion h4, .accordion.style2 .icon-plus, .accordion.style2 .icon-minus, .button.black, .button.color:hover, #horizontal-tabs.style2 ul.tabs li, #vertical-tabs.style2 ul.tabs li, #toggle-view li h4.black, .services.style-2 .item.active .circle, .services.style-2 .item:hover .circle, .services.style-3 .item .circle, .services.style-3 .item.active:hover .circle, #options li a:hover, #options li a.selected, .portfolio-control a:hover, .flex-direction-nav li a, .share-social a, .widget .followers li a {
	 background:#191717;
}

body.under-construction .content, .slider-1.iphone li {
	 background-color:#2e2f2f;
}

.navigation ul li ul li a {
	 background:#474848 !important;
}

.navigation ul li a:hover, .accordion p, #horizontal-tabs ul.tabs li, #vertical-tabs ul.tabs li, #horizontal-tabs.style2 .contents, #vertical-tabs.style2 .contents, #toggle-view .panel, #toggle-view li h4.normal, blockquote, .info-box, .pagination a, .breadcrumbs.gray, table.style th, .qoute, .welcome, .page-404, .tables-column, #options li a, .post-meta .meta, 
.sidebar .widget .text-search, header .widget .text-search, .sidebar .popular-tags a, .widget .followers, .blog-3 .item .contain, .post-tags, .about-author .content, .notification_error {
	background:#282828;
}

.navigation ul li a.selected {
	background: #000000;
}

.navigation ul li.active a {
	background: #65a5d1;
}

.services.home, .testimonial-item p, .one-page .home-bg, .one-page.home-bg {
	background:#434445;
}

.comments .comment-box.author, .form-box input.text, .form-box textarea {
	background:#5d5d5d;
}

.slidecontrols li a.carousel1-next, .slidecontrols li a.carousel1-prev, .slidecontrols li a.carousel2-next, .slidecontrols li a.carousel2-prev, .slidecontrols li a.carousel3-next, .slidecontrols li a.carousel3-prev, .slidecontrols li a.carousel4-next, .slidecontrols li a.carousel4-prev, .more, .down-button {
	background:#5a5c5d;
}

.slidecontrols li a.carousel1-next.carousel1-disabled, .slidecontrols li a.carousel1-prev.carousel1-disabled, .slidecontrols li a.carousel2-next.carousel2-disabled, .slidecontrols li a.carousel2-prev.carousel2-disabled, .slidecontrols li a.carousel3-next.carousel3-disabled, .slidecontrols li a.carousel3-prev.carousel3-disabled, .slidecontrols li a.carousel4-next.carousel4-disabled, .slidecontrols li a.carousel4-prev.carousel4-disabled, #toTop {
	background:#edefef;
}

.footer-top, .social-color, .icons-color, body.under-construction .content input.subscribe-button:hover {
	background:#404041;
}

.footer-down {
	background:#383838;
}

.subscribe input.mail, .subscribe input.submit:hover {
	background:#454546;
}

.navigation ul li ul li a:hover, .navigation ul > li > ul > li.active > a{
	 background:#414141 !important;
}

.responsive > ul > li.active > a, .responsive > ul > li > a:hover, 
.responsive > ul > li.active > ul > li.active > a, .responsive > ul > li > ul > li > a:hover, 
.responsive > ul > li.active > ul > li.active > ul > li.active > a, .responsive > ul > li > ul > li > ul > li > a:hover,
.responsive > ul > li.active > ul > li.active > ul > li.active > ul > li.active > a, .responsive > ul > li > ul > li > ul > li > ul > li > a:hover, .responsive > ul > li.active > ul > li.active > ul > li.active > ul > li.active > ul > li.active a, .responsive > ul > li > ul > li > ul > li > ul > li > ul > li > a:hover
{
	background:#414141;
}

.meter, .button.normal {
	background:#5a5c5d;
}

.highlight-black, .dropcap.black, .pagination a.next-button, .pagination a.prev-button, .tables-column .header h3, .tables-column .footer h4 a, .tables-column.color .footer h4 a:hover, footer .popular-tags a {
	background:#474747;
}

.team .item .member-social a{
	background:#636363;
}

.tables-column .header .price {
	background:#4f4f4f;
}

/* google map bg */
#map {
	background:#e5e3df;
}

.slider-1 .button.normal, .slider-2 .button.normal {
	background:#f1f1f1;
}

.tables-column .header h3 {
	background:#3f3e3e;
}

.accordion h4, .button.color:hover, .button.black {
	background:#434445 ;
}

/* Colors 
================================================== */
.services.style-1 .item .circle, .services.style-1 .item .circle a, .img-caption .desc, .slidecontrols li a.carousel1-next, .slidecontrols li a.carousel1-prev, .slidecontrols li a.carousel2-next, .slidecontrols li a.carousel2-prev, .slidecontrols li a.carousel3-next, .slidecontrols li a.carousel3-prev, .slidecontrols li a.carousel4-next, .slidecontrols li a.carousel4-prev, .more, .more:hover, footer h3.title, .tweet.footer .tweet_list li a, .subscribe input.submit, footer a, .accordion h4, .accordion h4 a, .accordion.style2 .icon-plus, .accordion.style2 .icon-minus, .meter, .button, .button:hover, #horizontal-tabs.style2 ul.tabs li, #vertical-tabs.style2 ul.tabs li, #toggle-view li h4, #toggle-view li span, .highlight-color, .highlight-black, .dropcap, .pagination a.next-button, .pagination a.prev-button, .pagination a:hover, .pagination a.current, table.style.color th, .form-elements input[type='submit'], .services.style-2 .item .circle, .services.style-2 .item .circle a, .services.style-2 .item .circle a:hover, .services.style-3 .item .circle, .services.style-3 .item .circle a, .services.style-3 .item .circle a:hover, .tables-column .header h3, .tables-column .footer h4 a, .tables-column .footer h4 a:hover, #options li a:hover, #options li a.selected, .portfolio-control a:hover, .flex-direction-nav li a, .flex-direction-nav li a:hover, .popular-tags a:hover, i.white, .icons-color, header .social a:hover, footer .social a:hover, .member-social a, .member-social a:hover, body.under-construction .content, body.under-construction .content input.subscribe-button, body.under-construction footer a, body.under-construction footer span.copyright, .slider-1 .slides li, .slider-2 .slides li, header.style-4 .top-bar a:hover, footer .widget.most-posts ul.posts li a, .slider-1 .slides li .links a:hover, .notification_ok {
	color:#fff;
}

.page-title {
	color:#fff;
}

.dropcap {
	color:#fff !important;
}

.navigation ul li ul li a, .responsive ul a {
	color:#f9f9f9;
}

.phone-mail a:hover {
	color:#f1f1f1;
}

.top-bar, .top-bar a, header .social a, footer .social a{
	color:#d7d7d7;
}

.navigation ul li a, h3.title, .latest-blog .item h3 a, .accordion.style2 h4, .accordion.style2 h4 a, .slider-1:hover .flex-direction-nav li a, .slider-2:hover .flex-direction-nav li a {
	 color:#f9f9f9;
}

body, a, .services.style-1 .item h3, .services.style-1 .item p, .services.style-1 .item a, .slidecontrols li a.carousel1-next.carousel1-disabled, .slidecontrols li a.carousel1-prev.carousel1-disabled, .slidecontrols li a.carousel2-next.carousel2-disabled, .slidecontrols li a.carousel2-prev.carousel2-disabled, .slidecontrols li a.carousel3-next.carousel3-disabled, .slidecontrols li a.carousel3-prev.carousel3-disabled, .slidecontrols li a.carousel4-next.carousel4-disabled, .slidecontrols li a.carousel4-prev.carousel4-disabled, #toTop, .down-button, .accordion p, .progress-bar h5, .button.normal, #toggle-view li h4.normal, #toggle-view li span.normal, .services.style-2 .item h4, .services.style-3 .item h4, .portfolio-control a, .sidebar .widget .text-search, header .widget .text-search, .widget.most-posts ul.posts li a, .post-tags a:hover {
	color:#f0efef;
}

.latest-blog .item .meta, .blog-3 .item .post-meta, .blog-3 .item .post-meta a, .blog-3 .item .post-meta i, .related-posts .item .meta {
	color:#c2c2c2;
}

.latest-blog .item p{
	color:#dadada;
}

footer, .tweet.footer {
	color:#e1e1e1;
}

.subscribe input.mail {
	color:#c2c2c2;
}

span.copyright {
	color:#eaeaea;
}

#horizontal-tabs ul.tabs li, #vertical-tabs ul.tabs li {
	color:#f9f9f9;
}

blockquote {
	color:#dadada;
}

p a:hover, .breadcrumbs a:hover {
	color:#292929;
}

.pagination a, .pagination, .breadcrumbs, .breadcrumbs i.icon-home, .form-elements input, .form-elements textarea, .form-elements select, .qoute p {
	color:#dadada;
}

.team .item p{
	color:#dadada;
}

.page-404 .oops, .page-404 i.icon-fire {
    color: #919191;
}

.page-404 .text, .page-404 i.icon-coffee {
	color:#dadada;
}


.post-meta .meta i {
	color:#dadada;
}

.form-box label, .form-box input.text, .form-box textarea {
	color:#c2c2c2;
}

body.under-construction .content .block, body.under-construction .content input.subscribe-text {
	color:#303030;
}

header.style-4 .top-bar a {
	color:#eee;
}

/* some normal colors */
.button.normal, .slidecontrols li a.carousel1-prev.carousel1-disabled, .slidecontrols li a.carousel1-next.carousel1-disabled, .slidecontrols li a.carousel2-next.carousel2-disabled, .slidecontrols li a.carousel2-prev.carousel2-disabled, .slidecontrols li a.carousel3-next.carousel3-disabled, .slidecontrols li a.carousel3-prev.carousel3-disabled, .slidecontrols li a.carousel4-next.carousel4-disabled, .slidecontrols li a.carousel4-prev.carousel4-disabled, #toTop, #map {
	color:#5a5c5d;
}

header.style-4 .navigation > ul > li > a:hover, header.style-4 .navigation > ul > li > a.selected, header.style-4 .navigation > ul > li.active > a {
	color:#f9f9f9 !important;
}

.button.normal {
	color:#fff;
}

.slider-1 .button.normal, .slider-2 .button.normal {
	color:#4b4c4d;
}

/* borders
================================================== */
.about-author .avatar img {
	/*border:4px solid #fff;*/
}

#horizontal-tabs ul.tabs li.current {
	border-bottom:1px solid #4b4c4d;
}

#vertical-tabs ul.tabs li.current {
	border-right:1px solid #4b4c4d;
}

.navigation ul li a {
	border-top:4px solid transparent;
}

header.style-3 .navigation ul li a {
	border-top:1px solid transparent;
}

.navigation ul li ul li a, .responsive ul li a, .navigation ul li ul li a:hover, .navigation ul li ul li.active a {
	border-bottom:1px solid #666667;
}

hr.line{
	border:solid #737373; border-width: 1px 0 0; clear: both;height: 0;
}

header.style-3 .down-header {
	border-top:1px solid #737373;
}

.notification_error {
	border:1px solid #e6e6e6;
}

#footer.thumbs li img { 
    border: 2px solid #393939;
} 

#menu > a:before, #menu > a:after, .one-page .team .item img {
	border: 2px solid #fff;
}

.accordion.style2 h4, .accordion.style2 p, #vertical-tabs ul.tabs li, .post.style-1, .post.style-2, .sidebar .categories ul li, .comments .comment-box .comment {
	border-bottom:1px solid #737373;
}

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

#horizontal-tabs ul.tabs li, #vertical-tabs ul.tabs li {
	border-right:1px solid #737373;
}

#horizontal-tabs ul.tabs {
	border-left:1px solid #737373;
}

#horizontal-tabs .contents, #vertical-tabs .contents, .breadcrumbs, table.style th, table.style td, .form-elements input[type="text"], .form-elements select, .form-elements textarea, #toggle-view li h4.normal.border, .form-box input.text, .form-box textarea {
	border:1px solid #737373;
}

#horizontal-tabs ul.tabs li {
    border-top:2px solid #434445; 
}

#vertical-tabs ul.tabs li {
    border-left:2px solid #434445; 
}

#vertical-tabs ul.tabs {
	border-top:1px solid #737373;
}

blockquote {
	border-left:2px solid #434445;
}

.tables-column .list li, html.ie.ie8 header.fixed .sticky-wrapper.is-sticky .main-header, html.ie.ie8 header.fixed .sticky-wrapper.is-sticky .down-header {
	border-bottom:1px solid #737373;
}

.blog-3 .item .post-content {
	border-top:1px solid #737373;
}

header.style-4 .navigation ul li a:hover, header.style-4 .navigation ul li a.selected, header.style-4 .navigation ul li.active a {
	border-top:4px solid #4b4c4d; 
}

.one-page .team .item img {
   border: 2px solid #585858;
}


@media only screen and (min-width: 768px) and (max-width: 959px) {
#vertical-tabs ul.tabs li.current {
	border-right: 1px solid #737373 !important;
}

#vertical-tabs ul.tabs li {
	border-top: 1px solid #737373 !important;
}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
#vertical-tabs ul.tabs li.current {
	border-right: 1px solid #737373 !important;
}

#vertical-tabs ul.tabs li {
	border-top: 1px solid #737373 !important;
}

body.under-construction .content input.subscribe-button {
	background:#404041 !important;
}
}

@media only screen and (max-width: 479px) {
#vertical-tabs ul.tabs li.current {
	border-right: 1px solid #737373 !important;
}

#vertical-tabs ul.tabs li {
	border-top: 1px solid #737373 !important;
}	

#horizontal-tabs ul.tabs li.current {
	border-bottom: 1px solid #737373;
}

body.under-construction .content input.subscribe-button {
	background:#404041 !important;
}
}

/* Custom CSS Code 
=================================================*/

/* this logo width & height , you can change it depend on your logo */
.logo img {
	width:171px;
	height:33px;
}

.post-content p a {
	color: #80ba42;
}


/* Site Styles
================================================== */

/* === common styles === */
.float-right, .top-bar .social-icons, #nav, .more, footer .social, header .social, .accordion .icon-plus, .accordion .icon-minus, .portfolio-control, .portfolio-control a, a.next-post {
	float:right;
}

.float-left, .tweet_list li i.icon-twitter, .navigation ul li, .page-title h1, .accordion.style2 .icon-plus, .accordion.style2 .icon-minus, #horizontal-tabs ul.tabs li, #vertical-tabs .contents, #vertical-tabs ul.tabs, .alert i, .pagination a, .team .item h4, .member-social a, #options li, .share-social a, .post-meta .meta, img.pic-2, .post.style-2 .image-post, a.prev-post, .about-author .avatar, .about-author .bookcover, .related-posts .item, .featured-posts .item, .comments .comment-box .avatar, .form-box, .the-icons, header.style-3 #nav  {
	float:left;
}

.bottom-1 { margin-bottom:15px !important; }
.bottom-2 { margin-bottom:25px !important; }
.bottom-3 { margin-bottom:35px !important; }
.bottom-4 { margin-bottom:45px !important; }
.bottom-5 { margin-bottom:55px !important; }

.top-1 { margin-top:15px !important; }
.top-2 { margin-top:25px !important; }
.top-3 { margin-top:35px !important; }
.top-4 { margin-top:45px !important; }
.top-5 { margin-top:55px !important; }

#menu > a {
	border-radius:1px;
}

.recent-work .item img.pic, .portfolio .item img.pic, .gallery .item img.pic, .img-caption, .slidecontrols li a, .more, .latest-blog .item img.pic, #footer.thumbs li img, #sidebar.thumbs li img, .subscribe input.mail, .subscribe input.submit, #toTop, .accordion h4, .accordion p, .accordion.style2 .icon-plus, .accordion.style2 .icon-minus, .meter, .meter .meter-content, .button, #horizontal-tabs .contents, #vertical-tabs .contents, #horizontal-tabs.style2 ul.tabs li, #vertical-tabs.style2 ul.tabs li, .alert, #toggle-view li h4, #toggle-view .panel, .info-box, .pagination a, .breadcrumbs, .form-elements input[type="text"], .form-elements select, .form-elements textarea, .qoute, .welcome, .testimonial-item  p, .member-social a, .team .item img, .tables-column, .tables-column .footer h4 a, #options li a, .portfolio-control a, .flex-container .slides li img, .share-social a, .project-full img, .image-post img, .post-meta .meta, .widget .text-search, .popular-tags a, img.pic-2, #footer.thumbs li img, .widget .followers, .widget .followers li a, .blog-3 .item, .post-tags, .about-author .content, .related-posts .item img, .featured-posts .item img, .comments .comment-box.author, .form-box input.text, .form-box textarea, body.under-construction .content input.subscribe-text, body.under-construction .content input.subscribe-button, .notification_error, .notification_ok {
	border-radius:2px;
}

.image-post img {
	border: 1px solid black;
}

.tables-column .header h3, .blog-3 .item .image-post img {
	border-radius:2px 2px 0 0;
}

.flex-direction-nav li a.flex-prev, blockquote {
	border-radius:0 2px 2px 0 ;
}

.flex-direction-nav li a.flex-next {
	border-radius:2px 0 0 2px ;
}

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

.more {
	width:29px;
	height:29px;
	display:block;
	font-weight:700;
}

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

footer .social .social-icon.white, header .social .social-icon.white {
	margin: 0 !important;
}

header .social {
	margin-top:1px;
}

footer .social {
	margin-top:2px;
}

/* === main styles === */

/* header */
.top-bar {
	min-height: 30px;
    padding: 10px 0;
}

.phone-mail {
	padding: 3px 0;
}

.phone-mail a {
	margin-right:20px;
}

.phone-mail i {
	margin-right:7px;
}

.logo {
	margin:8px 0 8px 0;
}

/* header styles */
header.style-2 .top-bar {
	min-height: 4px;
	padding:0;
}

header.style-2 .down-button {
	display:none !important;
}

header .search form {
	margin:30px 0;
}

header.style-3.style-5 .navigation > #nav {
	display:inline-block;
	float:none;
	margin-bottom:-4px;
}

header.style-3.style-5 .down-header {
	min-height:66px;
}

/* header sticky fixed */
header.fixed .sticky-wrapper.is-sticky .main-header, header.fixed .sticky-wrapper.is-sticky .down-header {
	position:relative;
	z-index:1000;
	width: 100%;
	-moz-box-shadow: 0 0 3px #000;
    -webkit-box-shadow: 0 0 3px #000;
    box-shadow: 0 0 3px #000;
}

/* navigation menu */
#nav {
	margin-top:-4px;
}

header.style-3 #nav {
	margin-top:-1px;
}

#menu > a {
	display: none;
}

i.icon-angle-down.responsive {
	display:none;
}

.down-button {
	text-align:center;
	display:none;
}

/* slider */
.slider-1, .slider-2 {
	overflow:hidden;
}

.slider-1 .slides li .contain, .slider-1 .loading, .slider-2 .slides li .contain, .slider-2 .loading {
	position:relative;
	min-height:478px;
}

.slider-1 .slides li h2, .slider-1 .slides li p, .slider-1 .slides li .links {
	max-width:480px;
	min-width:480px;
}

.slider-1 .slides li h2, .slider-1 .slides li p, .slider-1 .slides li .links, .slider-1 .slides li .item {
	position:absolute;
}

.slider-1 .slides li h2 { left:0; top:-100%; opacity:0; z-index:50 }

.slider-1 .slides li p { left:0; bottom:-50%; opacity:0; z-index:50 }

.slider-1 .slides li .links { left:0; bottom:-100%; opacity:0; z-index:50}

.slider-1 .slides li .item { right:-100%; opacity:0; z-index:10 }

.slider-1 .slides li p, .slider-2 .slides li p {
	line-height:30px;
}

.slider-1 .loading, .slider-2 .loading {
	background: #474747 url(../images/icons/loading.gif) no-repeat center center;
}

.slider-1 .button.medium, .slider-2 .button.medium {
	padding:17px 30px;
	margin-right:12px;
}

.slider-1 .slides li .item .video-wrap {
  min-width: 425px;
	min-height: 244px;	
}

/* slider-2 options */
.slider-2 .slides li h2, .slider-2 .slides li p, .slider-2 .slides li .links {
	position:absolute;
	width:70%;
	padding:0 15%;
}

.slider-2 .slides li h2 { bottom:-20%; opacity:0; }
.slider-2 .slides li p { bottom:-50%; opacity:0; }
.slider-2 .slides li .links { bottom:-60%; opacity:0; }

.slider-2 .slides li h2 span {
  padding: 10px 20px;
  background:rgba(0, 0, 0, 0.5);
  line-height: 75px;
	text-transform: uppercase;
	letter-spacing:2px;
}

.slider-1 .slides li .links a:hover, .slider-2 .slides li .links a:hover {
	background:rgba(0, 0, 0, 0.5);
}

.slider-1.iphone li {
	background:url(../images/img/sliders/pattern.png) repeat;
}

.slider-1.iphone li img {
	margin-top:37px;
}



/* services */
.services.home, .one-page .home-bg, .one-page.section, .one-page.welcome {
	padding:55px 0;
}

.one-page.section {
	padding-bottom:0;
}

.services.home.s-2 {
	padding: 75px 0 35px 0;
}

.services.style-1 .item {
	margin-bottom:10px;
}

.services.style-1 .item h3 {
	margin-bottom:12px;
}

.services.style-1 .item .circle {
	width: 130px;
	height: 50px;
	border-radius: 50%;
	margin: 0 auto;
	padding: 40px 0;
	margin-bottom:30px;
}

.services.style-1 .item .circle a {
	display:block;
}

.services.style-1 .item p {
	padding: 0 5px;
}

/* style 2 */
.services.style-2 .item {
	overflow:hidden;
}

.services.style-2 .circle {
	width: 50px;
	height: 22px;
	border-radius: 50%;
	padding: 14px 0;
	margin-right: 10px;
	margin-top: 7px;
}

.services.style-2 .data {
	width: 78%;
}

/* style 3 */
.services.style-3 .item {
	overflow:hidden;
}

.services.style-3 .circle {
	width: 105px;
	height: 51px;
	border-radius: 50%;
	padding:27px 0;
	margin-right: 10px;
}

.services.style-3 .data {
	width: 73%;
}

/* recent work */
.recent-work .item {
	position:relative;
	overflow: hidden; 
	max-height: 240px;
	margin-bottom:20px;
}

.portfolio .item, .gallery .item {
	position:relative;
	overflow: hidden; 
	margin-bottom:20px;
}

.img-caption {
	position:absolute;
	top:100%;
	width:100%;
	height: 100%;
}

.portfolio .item img, .gallery .item img, .recent-work .item img, .portfolio .item a, .recent-work .item a, .gallery .item a {
	display:block;
}

.img-caption .desc {
	padding:10%;
}

.img-caption .desc span {
	text-align: center;
	display: block;
	font-weight: bold;
	margin-top: 10%;
}

.portfolio .item.element-4 .img-caption .desc span {
	margin-top:3%;
}

.portfolio .item.element-4 .img-caption .desc, .gallery .item.element-4 .img-caption .desc {
	padding:5%;
}

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

/* lates blog */
.latest-blog .item {
	margin-bottom:27px;
}

.latest-blog .item img.pic {
	margin-bottom:15px;
}

.latest-blog .item img.pic:hover {
	opacity:.7; filter:alpha(opacity=70); 
}

.latest-blog .item .meta {
	margin-bottom:13px;
}

/* featured clients */
.featured-clients .item {
	margin-bottom:20px;
}

.featured-clients img {
	/*opacity:.8; filter:alpha(opacity=80); */
}

.featured-clients img:hover {
	opacity:1; filter:alpha(opacity=100); 
}

/* footer */
footer {
	margin-top:40px;
}

.footer-top {
	padding:40px 0;
}

.footer-down {
	padding:22px 0;
}

footer h3.title {
	margin-bottom:20px;
}

.subscribe form {
	margin-top:22px;
}

.subscribe input.mail {
	padding:13px;
	border:none;
	width: 53%;
  margin-right: 2px;
}

.subscribe input.submit {
	padding:12px 15px;
	border:none;
	cursor:pointer;
}

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


/* start inernal pages */
.page-title {
	padding: 0;
	margin: 0;
}

.breadcrumbs {
	padding: 9px 0;
}

.page-title h1 {
	padding: 6px 0 4px 0;
	margin: 0;
	text-align: left;
	font-size: 24px;
	line-height: 32px;
}

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

.testimonial-item  p {
	padding:18px 20px 25px 20px;
}

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

.testimonial-item .author {
	margin: -4px 0 0 77px;
}

/* team */
.team .item {
	margin-bottom:30px !important;
	min-height:397px;
}

.team.columns-4 .item {
	min-height:360px;
}

.team .item img {
	margin-bottom:15px;
	opacity:.7; filter:alpha(opacity=70); 
}

.team .item img:hover {
	opacity:1; filter:alpha(opacity=100); 
}

.team .item h4 {
	margin-right:5px;
}

.team .item span {
	font-style: italic;
	margin-top: 10px;
	display: inline-block;
}

.team .item p {
	margin:8px 0 18px 0;
}

.member-social a {
	margin: 0 6px 6px 0;
	/*width: 38px; height: 18px; padding: 7px 0 12px 0;*/
	width: 34px;
	height: 15px;
	padding: 4px 0 12px 0;
}

.member-social a i {
	margin:0 auto !important;
	display:block !important;
}

/* 404 page */
.page-404 {
	padding:60px 0 120px 0;
	min-height:520px;
	margin-bottom: -40px;
}

.page-404 .oops {
	margin-bottom: 38px;
}

.page-404 .text {
	margin-bottom:30px;
}

.page-404 .coffee {
	position:relative;
	width: 77px;
  margin: 20px auto;
}

.page-404 i.icon-coffee{
	position: absolute;
	top: 31px;
	z-index: 100;
}

.page-404 i.icon-fire{
	position: absolute;
	left: 28px;
}

/*  single project */
.portfolio-control {
	margin-top:6px;
}

.portfolio-control a {
	padding:4px 14px;
	margin-left: 9px;
}

.portfolio-control a.all {
	padding: 6px 8px 2px 8px;
}

.share-social a {
	margin: 0 6px 6px 0;
	width: 38px;
	height: 18px;
	padding: 7px 0 12px 0;
}

.share-social a span {
	margin:0 auto !important;
	display:block !important;
}

.project-full li {
	margin-bottom:20px;
}

/* blog posts */
.post.style-1, .post.style-2 {
	padding-bottom:10px;
}

.post.style-1:last-child, .post.style-2:last-child {
	border-bottom:0;
}

.image-post {
	margin:5px 0 0 0;
}

.image-post img:hover {
	opacity:.7; filter:alpha(opacity=70); 
}

.post-content p {
	margin-bottom: 20px;
	padding-left: 0px;
	padding-top: 5px;
}

.post-meta {
	overflow:hidden;
}

.post-meta .meta {
	padding: 12px 12px 8px 12px;
	margin-bottom: 0px;
	min-height: 16px;
	margin: 0 5px 5px 0;
	display: inline-block;	
}

.post-meta .meta i {
	margin-right:3px;
}

.post.style-2 .image-post img {
	max-width: 260px;
	min-height: 187px;
	margin-right: 20px;
}

html.ie.ie8 .post.style-2 .image-post {
	max-width: 260px;
	min-height: 187px;
	margin-right: 20px;
}

.post.single {
	padding-bottom:0;
	border-bottom:0 !important;
}

.single h3.title {
	margin-bottom: 0px;
	line-height: 22px;
}
.single h3.title a {
	font-size: 18px;
	color: #80ba42;
}
.single h3.title a:hover {
	color: #80ba42;
}

/* sidebar */
.sidebar .widget {
	margin-bottom:30px;
}

.sidebar .search form, header .search form {
	position:relative;
}

.sidebar .widget .text-search, header .widget .text-search, input.text-search  {
	padding:13px 36px 13px 13px;
	border: 2px solid #80ba42;
	width: 82%;
}

input.text-search {
	padding:13px 36px 13px 13px;
	border: 1px solid #378ac4;
	width: 75%;
}	

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

.widget.categories ul li {
	padding: 5px 5px 5px 18px;
	margin-bottom: 2px;
}

.widget.categories ul li:last-child {
	border-bottom:0;
	margin-bottom:0;
}

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

.widget #horizontal-tabs ul.tabs li {
	padding: 16px 14px;
}

.widget.most-posts ul.posts li {
	margin-bottom: 22px;
	overflow: hidden;
}

footer .widget.most-posts ul.posts li {
	margin-bottom: 12px;
}

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

.widget.most-posts ul.posts li img:hover {
  opacity:.8; filter:alpha(opacity=80); 	
}

.widget.most-posts ul.posts li p {
	margin-bottom:5px;
}

.widget.most-posts ul.posts li img {
	width:68px;
	height:68px;
}

.widget .followers {
	padding:10px;
}

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

.widget .followers li a {
	display: inline-block;
	margin: 0 6px 6px 0;
	width: 38px;
	height: 18px;
	padding: 7px 0 12px 0;
}

.widget .followers li a i {
	margin:0;
}

.widget .followers li h4 {
	margin-bottom:0;
}

/* blog 3 */
.blog-3 .item {
	margin-bottom:20px;
}

.blog-3 .item .contain .data{
	padding:8px;
}

.blog-3 .item .image-post {
	margin-top:0;
	margin-bottom:3px;
}

.blog-3 .item .post-meta {
	margin-bottom: 13px;
}

.blog-3 .item .post-content {
	padding-top:12px;
}

.blog-3 .item .post-meta .meta {
	padding: 5px 10px 0px 0;
	margin:3px 2px 3px 0;
	background:none !important;
}

.blog-3 #options, .one-page #options {
	margin-bottom: 15px;
}

.blog-3 #options #filters li, .one-page #options #filters li {
	float:none;
	display:inline-block;
	margin: 2px 4px 2px 0;
}

.blog-3 .pagination-contain .pagination {
	display: inline-block;
}

.post-tags {
	padding:13px 15px;
	line-height:22px;
}

.next-prev-posts {
	font-weight: normal;
	overflow:hidden;
	font-family: 'Roboto', Arial, sans-serif;
}

.about-author .content {
	border: 1px solid #80ba42;
	padding:20px;
	overflow:hidden;
	margin-top:20px;
	color: #ffffff;
}

.about-author .avatar img {
	width:80px;
	height:80px;
	border-radius:50%;
}

.about-author .bookcover img {
	width:97px;
	height:125px;
	border: 1px solid black;
}

html.ie.ie8 .about-author .avatar img {
	width:inherit;
}

html.ie.ie8 .about-author .bookcover img {
	width:inherit;
}

.about-author .content .data {
	margin-left:126px;
}

.about-author .content .data h5 {
	margin-bottom:10px;
}

/* related posts */
.related-posts {
	overflow:hidden;
}

.related-posts .item {
	width:200px;
	margin-right:13px;
	margin-bottom: 13px;
}

.related-posts h3 a {
	 color:#000000;
}

.related-posts .item img {
	margin-bottom:10px;
	width:200px;
	height:128px;
}

.related-posts .item img:hover {
	opacity:.7; filter:alpha(opacity=70); 
}

.related-posts .item .meta {
	margin-top:5px;
}

/* page ads */

.pageads {
	overflow:hidden;
}

.pageads .leftad {
	float: left;
	width: 300px;
}
.pageads .rightad {
	float: right;
	width: 300px;
}

.inpageads {
	width:100%;
	margin-top: 5px;
	margin-bottom: 20px;
}

.inpageads a {
	margin-right: 10px;
}

/* button listings */


.buttonlisting {
	overflow:hidden;
}

.buttonlisting .leftbuttons {
	float: left;
	width: 300px;
}
.buttonlisting .rightbuttons {
	float: right;
	width: 300px;
}
	
.buttonlisting .leftbuttons a,
.buttonlisting .rightbuttons a {
	display:block;
	width:280px;
	width: 100%;
	text-align: center;
	height: 25px;
	border: 1px solid black;
	margin: 5px;
	padding: 15px 5px 5px 5px;
}

/* featured posts */

.featured-posts {
	overflow:hidden;
}

.featured-posts .item {
	width:300px;
	margin-right:13px;
	margin-bottom: 20px;
}

.featured-posts h3 a {
	 color:#000000;
}

.featured-posts h5 a {
	color:#80ba42;
	line-height: 14px;
	color:#000;
}

.featured-posts h5 a:hover {
	color:#000;
}

.featured-posts .item img {
	margin-bottom:10px;
}

.featured-posts .item .meta {
	margin-top:5px;
}

.featured-posts .item .meta a {
	color:#80ba42;
	font-weight: bold;
	border: 1px solid black;
}

.featured-posts .item .meta a:hover {
	color:#000;
	border: 1px solid black;
}

/* comments */
.comments .comment-box {
	margin-bottom:20px;
}

.comments .comment-box .avatar {
	margin-top:5px;
}

.comments .comment-box .avatar img {
	width:60px;
	height:60px;
	border-radius:50%;
}

html.ie.ie8 .comments .comment-box .avatar img {
	width:inherit;
}

.comments .comment-box .comment {
	margin-left:80px;
	padding-bottom:20px;
}

.comments > .comment-box:last-child > .comment {
	border-bottom:0;
}

.comments .comment-box .comment h5 {
	margin-bottom:5px;
}

.comments .comment-box .comment .date-replay {
	margin-bottom:17px;
}

.comments .comment-box .children {
	margin-top:20px;
	margin-left:80px;
}

.comments .comment-box.author {
	padding:15px 10px 10px 10px;
}

.comments .comment-box.author .comment {
	padding-bottom:10px;
	border-bottom:0;
}

/* comment form */
.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;
}

.form-box input.text {
	padding:12px 10px;
	width:89%;
	display:block;
	border:none;
}

.form-box textarea {
	width:96.6%;
	padding:12px 10px;
	min-height:180px;
	display:block;
	border:none;
}

/* google map */
#map{
	display: block;
	width: 100%;
	height: 350px;
	margin: 0 auto;
	margin-top:-40px;
}

#map img {
	max-width:inherit !important;
}

/* contact info */
.address-info li, .phone-info li, .email-info li {
	padding:5px 5px 5px 18px;
	line-height:25px;
	position: relative;
}

.phone-info li {
	padding-left:22px;
}

.email-info li {
	padding-left:26px;
}

.address-info li:before {
	content: '\f041'; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit;
    font-size: 20px; position: absolute; top: 5px; left: 0;
}

.phone-info li:before {
	content: '\f095'; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit;
    font-size: 17px; position: absolute; top: 5px; left: 0;
}

.email-info li:before {
	content: '\f0e0'; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit;
    font-size: 17px; position: absolute; top: 5px; left: 0;
}

/* Under Construction */
body.under-construction .content h2.title, body.under-construction header .logo img, body.under-construction .content p.text, body.under-construction .content #clock-ticker {
	opacity:0;
}

body.under-construction header .logo img {
	display:block;
}

body.under-construction header .logo {
    margin: 39px 0;
}

body.under-construction .content {
	background: url(../images/img/under_construction.jpg) no-repeat;
	width: 100%;
  height: 455px;
	padding:100px 0;
	image-rendering: optimizeQuality; 
	background-size: cover;
	background-position: 50% 0;
}

body.under-construction .content h2.title {
	margin-bottom:20px;
	margin-top:-40px;
}

body.under-construction .content p.text {
	line-height:40px;
}

body.under-construction .content .block {
	display:inline-block;
	width:130px;
	height: 62px;
  padding: 34px 0;
	border-radius:50%;
	margin:0 10px;
}

body.under-construction .content .block .flip-top {
	display: block;
	margin-bottom: 3px;
}

body.under-construction .content .subscribe {
	position:relative;
	z-index:100;
}

body.under-construction .content input.subscribe-text, body.under-construction .content input.subscribe-button {
	border: none;
}

body.under-construction .content input.subscribe-text {
	width: 50%;
	margin-right: 15px;
	margin-left: 13px;
	padding: 14px 15px;
}

body.under-construction .content input.subscribe-button {
	cursor: pointer;
	padding: 12px 20px 14px 20px;
}

body.under-construction footer {
	margin:0;
	padding:30px 0 40px 0;
}

body.under-construction footer span.copyright {
	margin-bottom:15px;
}

body.under-construction footer .social {
	float:none;
}

/* one page styles */
.one-page p.description {
	line-height:30px;
}

.one-page #options #filters li {
	float: none;
	display: inline-block;
	margin: 2px 4px 2px 0;
}

.one-page #testimonials .slidecontrols li a.carousel1-prev, .one-page #testimonials .slidecontrols li a.carousel1-next {
	bottom:8px;
	top: inherit;
}

.one-page.section .pic {
	display:block;
}

.one-page.section h2 {
	margin-top:90px;
}

.download-now {
	padding:20px 0;
}

.main-header .container .middle-column {
		visibility: hidden;
		clear: both;
		float: left;
		display: none;
}

.widget.search.pagecontentsearch {
	padding-bottom: 15px;
	display: none;
}

.pagecontentsearch input.text-search {
	border: 3px solid #80ba42;
	background: #404041;
	color: #ffffff;
}

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #4b4c4d;
  border: 1px solid #000000;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  margin-left: auto;
  margin-right: auto;
}
.thumbnail:hover,
.thumbnail:focus,
.thumbnail.active {
  border-color: #378ac4;
}
.thumbnail .caption {
  padding: 9px;
  color: #333333;
}


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

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	
	.main-header .two-thirds.column {
		float:right;
	}

	.main-header .one-thirds.column {
		float:left;
	}

	#menu {
		top: auto;
		left: auto;
		position:relative;
	}

	#menu > a {
		width: 40px;
		height: 40px;
		position: relative;
		float: right;
		margin-top: 33px;
		font-size:0px;
	}

	#menu > a {
		width: 30px;
		height: 30px;
	}

	header.style-3 #menu > a {
		float: none;
		margin: 10px auto;
	}

	#menu > a:before, #menu > a:after {
		position: absolute;
		top: 35%;
		left: 25%;
		right: 25%;
		content: '';
	}

	#menu > a:after {
		top: 60%;
	}

	#menu:not( :target ) > a:first-of-type, #menu:target > a:last-of-type {
		display: block;
	}

	i.icon-angle-down.responsive {
		display: inline-block;
		float:right;
	}

	img.rightarrowclass {
		display:none;
	}

	/* first level */
	#menu > ul {
		height: auto;
		width: 260px;
		display: none;
		position: absolute;
		right: 0;
		top: 42px;
		min-width: 65%;
		z-index:999;
	}

	header.style-3 #menu > ul {
		right: 15%;
		top: 51px;
	}

	#menu > ul > li {
		width: 100%;
	}

	#menu > ul > li > a,
	#menu > ul > li > ul > li > a,
	#menu > ul > li > ul > li > ul > li > a,
	#menu > ul > li > ul > li > ul > li > ul > li > a
	{
		height: auto;
		text-align: left;
		display: block;
	  padding: 13px 10px;
	}

	#menu > ul > li:not( :last-child ) > a {
		border-right: none;
	}

	/* second level */
	#menu li ul, #menu li ul li ul, #menu li ul li ul li ul {
		position: static;
		padding: 0 15px; 
		width:87% !important;
	}	

	header.style-3 #menu li ul, #menu li ul li ul, #menu li ul li ul li ul {
		width:93% !important;
	}

	#toTop {
		/*display:none !important;*/
	}

	/* shortcodes */
	.button.small {
		padding: 12px 18px;
	}

	.button, .button.medium {
		padding: 15px 24px;
	}

	.button.large {
		padding: 17px 25px;
	}

	.flex-direction-nav li a {
		top: 38%;
		padding: 8px 7px;
	}

	.post.style-2 .image-post img {
		max-width: 100%;
		min-height:auto;
		margin-right:0;
	}

	.blog-3 #options #filters li, .one-page #options #filters li {
		float:left;
	}

	/* slider */
	.slider-1 .flex-direction-nav li a, .slider-2 .flex-direction-nav li a {
		padding: 8px 9px;
	}

	header.style-3.style-5 .down-header {
		min-height:61px;
	}

	.one-page p.description {
		font-size:15px;
	}

	.main-header .container .two-thirds.column {
		width:30px;
	}

	.main-header .container .middle-column {
		width: 462px;
		height: 43px;
		display: inline-block;
		text-align:right;
		visibility: visible;
		clear: none;
	}

	.main-header .container .middle-column a.searchbutton {
		display: inline-block;
		margin-top: 14px;
		margin-right: 8px;
	}
				
	.main-header .container .middle-column a.topbutton {
		display: inline-block;
		margin-top: 14px;
		margin-right: 13px;
	}

	#menu > ul > li > a.star,
	#menu > ul > li > ul > li > a.star,
	#menu > ul > li > ul > li > ul > li > a.star,
	#menu > ul > li > ul > li > ul > li > ul > li > a.star {
		color: #ffff00;
	}

}

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

	.post-content p {
		margin-bottom: 15px;
	}

	#footer.thumbs li {
		width: 47%;
		margin: 3px 6px 3px 0;
	}

	#footer.thumbs li img {
		width: 103px;
		height:90px;
	}

	.subscribe input.mail {
		width: 89%;
		margin-right:0;
		margin-bottom:10px;
	}

	.subscribe input.submit {
		width:100%;
	}	

	/* shortcodes */
	#vertical-tabs ul.tabs {
		width:100%;
	}

	#vertical-tabs ul.tabs li {
		float: left;
		width: 37%;
		text-align: center;
	}

	#vertical-tabs.style2 ul.tabs li {
		margin-right: 3px;
	}

	#vertical-tabs .contents, #vertical-tabs.style2 .contents {
		margin-left: 0;
		width:100%;
	}

	#vertical-tabs.style2 ul.tabs li.current {
		border: none !important;
	}

	#vertical-tabs ul.tabs {
		border-top:none !important;
	}

	.alert, .alert .close {
		font-size:14px;
	}

	.form-elements textarea {
		width:94%;
	}

	.welcome {
		font-size:23px;
		padding: 30px 5%;
	}

	.qoute h4 {
		font-size:21px;
	}

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

	.page-title h1 {
		font-size: 22px;
	}

	.tabscontent .categories a {
		width: 40%;	
	}
	
	/* team */
	.team .item {
		min-height:236px;
	}

	/* services */
	.services.style-2, .services.style-3 {
		text-align:center;
	}

	.services.style-2 .circle, .services.style-3 .circle {
		float:none;
		margin: 0 auto;
		margin-bottom: 15px;
	}

	.services.style-2 .data, .services.style-3 .data {
		float:none;
		width: 100%;
	}

	.tables-column .header h3 {
		font-size:20px;
	}

	/* portfolio items */
	.portfolio .item.element-4 .img-caption .desc span {
		margin-top: 1%;
	}

	.portfolio .item.element-4 .img-caption .desc h3, .gallery .item.element-4 .img-caption .desc h3 {
		font-size: 20px;
		margin-bottom: 0;
	}

	.portfolio .item.element-4 .img-caption .desc p, .gallery .item.element-4 .img-caption .desc p {
		font-size:13px;
	}

	.portfolio .item.element-3 .img-caption .desc, .recent-work .item .img-caption .desc, .gallery .item.element-3 .img-caption .desc {
		padding: 5%;
	}

	.portfolio .item.element-3 .img-caption .desc h3, .recent-work .item .img-caption .desc h3, .gallery .item.element-3 .img-caption .desc h3 {
		font-size: 20px;
		margin-bottom: 0;
	}

	.portfolio .item.element-3 .img-caption .desc p, .recent-work .item .img-caption .desc p, .gallery .item.element-3 .img-caption .desc p {
		font-size:13px;
	}

	.portfolio .item.element-3 .img-caption .desc span, .recent-work .item .img-caption .desc span, .gallery .item.element-3 .img-caption .desc span {
		margin-top: 3%;
	}

	/* sidebar */
	.sidebar .widget .text-search, header .widget .text-search {
		width: 77%;
	}

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

	.widget .followers li {
		margin: 10px 18px;
	}

	.post.style-2 .image-post {
		float:none;
	}

	/* related posts */
	.related-posts .item {
	  width: 156px;
	}

	.related-posts .item img {
		width: 156px;
		height: 110px;
	}

	.featured-posts .item {
	  width: 241px;
	}
	
	.featured-posts .item img {
		width: 241px;
	}

	/* comment form */
	.form-box input.text, .form-box textarea {
		width:95.8%;
	}

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

	/* slider */
	.slider-1 .slides li .item {
		max-width:45%;
	}

	.slider-1 .slides li .contain, .slider-1 .loading {
		min-height: 395px;
	}

	.slider-1 .slides li h2, .slider-1 .slides li p, .slider-1 .slides li .links {
		max-width: 380px;
		min-width: 380px;
	}

	.slider-1 .slides li h2 {
		font-size: 22px;
		line-height: 32px;
	}

	 .slider-1 .slides li p {
		font-size: 16px;
	}

	.four.columns #footer.thumbs li {
		width: 46%;
	}

	.slider-1 .slides li .item .video-wrap {
		min-width: 357px;
		min-height: 194px;
	}

	.slider-2 .slides li h2, .slider-2 .slides li p, .slider-2 .slides li .links {
		width: 80%;
		padding: 0 10%;
	}

	.slider-2 .slides li .contain, .slider-2 .loading {
		min-height: 447px;
	}

	.one-page h1.title {
		font-size:38px;
	}

	.welcome-text {
		font-size:38px;
	}
		
	.mobilehide {
		visibility: hidden;
		clear: both;
		float: left;
		display: none;
	}

	.pagecontentsearch input.submit-search {
		right: 291px;
	}

}

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

	.recent-work .item {
		max-height: 336px;
	}

	.post-content p {
		margin-bottom: 15px;
	}

	.main-header .container .two-thirds.column {
		width:30px;
		margin-left: 10px;
	}

	.main-header .container .middle-column {
		width: 200px;
	}

	.main-header .container .middle-column a.topbutton,
	.main-header .container .middle-column a.searchbutton {
		margin-top: 17px;
	}

	.top-bar, ul.breadcrumbs {
    visibility: hidden;
    clear: both;
    display: none;
	}

	.page-title {
		margin-bottom: 13px;
	}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.post-content p {
		margin-bottom: 10px;
	}
	
	.mobilehide {
		visibility: hidden;
		clear: both;
		float: left;
		display: none;
	}
	
	.logo {
		margin:14px 0 14px 0;
	}

	header.style-3 .logo {
		margin:30px 0 30px 0;
		text-align:center;
	}

	#menu > ul {
		width: 420px;
		right:0;
		top: 46px;
	}

	header.style-3 #menu > ul {
		width: 420px;
		right:0;
		top: 51px;
	}

	#menu li ul, #menu li ul li ul, #menu li ul li ul li ul {
	    width: 92.8% !important;	
	}

	.phone-mail {
		text-align:center;
		margin-bottom: 7px;
		margin-top: 5px;
	}

	.phone-mail a {
		margin:0 10px;
	}

	header .social {
		float:none;
		text-align:center;
		margin-bottom: 11px;
	}

	.top-bar {
		padding:3px 0;
		min-height:0;
	}

	.top-bar .slidedown {
		display:none;
	}

	.down-button {
		display: block;
		width: 30px;
		margin: 0 auto;
		height: 22px;
		opacity:.6; filter:alpha(opacity=60); 
	}

	.down-button:hover {
		opacity:1; filter:alpha(opacity=100); 
	}

	#menu > a {
		margin-top:10px;
	}

	header.style-3 #menu > a {
		margin-top:10px;
	}

	footer .footer-top .widget {
		margin-bottom:25px;
	}

	footer h3.title {
	  margin-bottom: 10px;	
	}

	#footer.thumbs li img {
		width: 123px;
		height: 84px;
	}

	.subscribe input.mail {
	    width: 62%;
	}

	.featured-clients img {
		display:block;
		margin:0 auto;
	}

	span.copyright {
		text-align:center;
		margin-bottom: 11px;
		line-height: 24px;
	}

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

	footer .social a {
		margin: 0 0 0 13px;
	}

	.services.style-1 .item {
		margin-bottom:35px;
	}

	.services.style-1 .item .circle {
		margin-bottom: 17px;
	}

	.services.style-1 .item h3 {
		margin-bottom:3px;
	}

	/* shortcodes */
	#vertical-tabs ul.tabs {
		width:100%;
	}

	#vertical-tabs ul.tabs li {
		float: left;
		width: 37%;
		text-align: center;
	}

	#vertical-tabs.style2 ul.tabs li {
		margin-right: 3px;
	}

	#vertical-tabs .contents, #vertical-tabs.style2 .contents {
		margin-left: 0;
		width:100%;
	}

	#vertical-tabs.style2 ul.tabs li.current {
		border: none !important;
	}

	#vertical-tabs ul.tabs {
		border-top:none !important;
	}

	.welcome {
		font-size:23px;
		padding: 30px 5%;
		text-align:left;
	}

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

	.button, .button.medium {
		padding: 12px 22px;
	}

	.button.large {
		padding: 15px 22px;
	}

	.page-title h1 {
		font-size: 24px;
	}

	/* services */
	.services.style-2 .data {
		width: 83%;
	}

	.services.style-3 .data {
		width: 70%;
	}

	/* 404 page */
	.page-404 .oops {
		font-size: 115px;
	}

	.page-404 .text {
		margin-bottom: 15px;
		font-size: 28px;
		line-height: 41px;
	}

	.page-404 {
		padding: 40px 0 150px 0;
	}

	/* sidebar */
	.sidebar .widget .text-search, header .widget .text-search {
		width: 88%;
	}

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

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

	.widget .followers li {
		margin: 10px 21px;
	}

	/* related posts */
	.related-posts .item {
	  width: 197px;
	}

	.related-posts .item img {
		width: 197px;
		height: 125px;
	}

	.featured-posts .item {
	  width: 100%;
	}

	.featured-posts .item img {
		width: 100%;
		height: 100%;
	}

	/* comment form */
	.form-box input.text, .form-box textarea {
		width:94.8%;
	}

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

	.comment-form input.button {
		width:100%;
		padding:13px 0;
	}

	/* under construction */
	body.under-construction .content p.text {
		font-size: 29px;
	}

	body.under-construction .content {
		height: 515px;
		padding: 75px 0;
	}

	body.under-construction .content .block {
		margin-bottom:20px;
	}

	body.under-construction .content input.subscribe-text {
		width: 87%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 15px;
	}

	body.under-construction .content input.subscribe-button {
	  width: 94%;
	  margin-bottom: 35px;
	}

	/* slider */
	.slider-1 .slides li .item {
		max-width:45%;
	}

	.slider-1 .slides li .contain, .slider-1 .loading {
		min-height: 220px;
	}

	.slider-1 .slides li h2, .slider-1 .slides li p, .slider-1 .slides li .links {
		max-width: 280px;
		min-width: 280px;
	}

	.slider-1 .slides li h2 {
		font-size: 22px;
		line-height: 32px;
	}

	.slider-1 .slides li p, .slider-1 .slides li .links {
		display:none;
	}

	header .search form {
		margin:0 0 30px 0;
	}

	.slider-1 .slides li .item .video-wrap {
		min-width: 195px;
		min-height: 124px;
	}

	.slider-2 .slides li h2, .slider-2 .slides li p, .slider-2 .slides li .links {
		width: 100%;
    padding: 0;
	}

	.slider-2 .slides li h2 span {
		padding: 5px 20px;
		line-height: 122px;
		font-size:30px;
	}

	.slider-2 .slides li p {
		font-size: 16px;
	}

	.slider-2 .slides li .contain, .slider-2 .loading {
		min-height: 427px;
	}

	.slidecontrols li a.carousel1-next {
		position:absolute;
		top:0;
		right:0;
	}

	.slidecontrols li a.carousel1-prev {
		position:absolute;
		top:0;
		right:34px;
	}

	.slidecontrols li a.carousel2-next, .slidecontrols li a.carousel3-next, .slidecontrols li a.carousel4-next {
		position:absolute;
		top:0;
		right:0;
	}

	.slidecontrols li a.carousel2-prev, .slidecontrols li a.carousel3-prev, .slidecontrols li a.carousel4-prev {
		position:absolute;
		top:0;
		right:34px;
	}

	.one-page h1.title {
		font-size:36px;
	}

	.one-page.section h2 {
		margin-top:20px;
		text-align:center;
	}

	.one-page.section p {
		text-align:center;
	}

	.download-now h2 {
		font-size:29px;
	}

	.welcome-text {
		font-size:28px;
	}


		
}

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

	.logo img {
		display:inline-block;
		margin:0 auto;
	}

	.logo img {
		width: 105px;
		height: 17px;
		margin-top: 8px;
	}

	.post-content p {
		margin-bottom: 10px;
	}

	#menu > a {
		margin:6px 0px 5px auto;
		float:none;
	}

	header.style-3 #menu > a {
		margin: 10px auto;
		float:none;
	}

	#menu > ul {
		width: 260px;
		right:0;
		top: 35px;
	}

	header.style-3 #menu > ul {
		top: 51px;
		right:0;
	}

	.phone-mail {
		text-align:center;
		margin-bottom: 0;
		margin-top: 5px;
	}

	.phone-mail a {
		margin: 0;
		display: block;
		margin-bottom: 10px;
	}

	.mobilehide {
		visibility: hidden;
		clear: both;
		float: left;
		display: none;
	}
	
	header .social {
		float:none;
		text-align:center;
		margin-bottom: 14px;
	}

	.top-bar {
		padding:3px 0;
		min-height:0;
	}

	.top-bar .slidedown {
		display:none;
	}

	.down-button {
		display: block;
		width: 30px;
		margin: 0 auto;
		height: 22px;
		opacity:.6; filter:alpha(opacity=60); 
	}

	.down-button:hover {
		opacity:1; filter:alpha(opacity=100); 
	}

	span.copyright {
		text-align:center;
		margin-bottom: 11px;
		line-height: 24px;
	}

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

	footer .social a {
		margin: 0 0 0 10px;
	}

	.subscribe input.mail {
		width: 89%;
		margin-right:0;
		margin-bottom:10px;
	}

	.subscribe input.submit {
		width:99%;
	}	

	#footer.thumbs li, #sidebar.thumbs li {
		width: 31%;
		margin: 3px 6px 0px 0;
	}

	footer .footer-top .widget {
		margin-bottom:25px;
	}

	footer h3.title {
	    margin-bottom: 10px;	
	}

	.featured-clients img {
		display:block;
		margin:0 auto;
	}

	h3.title, .latest-blog .item h3 {
		font-size: 23px;
	}

	.single h3.title {
		line-height: 20px;
	}
	.single h3.title a {
		font-size: 16px;
		font-weight: 600;
	}
	.single h3.title a:hover {
		color: #378ac4;
	}
		
	.services.style-1 .item {
		margin-bottom:35px;
	}

	.services.style-1 .item .circle {
		margin-bottom: 17px;
	}

	.services.style-1 .item h3 {
		margin-bottom:3px;
	}

	/* shortcodes */
	.button.small {
		padding: 8px 13px;
	}

	.button, .button.medium {
		padding: 10px 18px;
	}

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

	#vertical-tabs ul.tabs, #horizontal-tabs ul.tabs {
		width:100%;
	}

	#vertical-tabs ul.tabs li, #horizontal-tabs ul.tabs li{
		float: left;
		text-align: center;
	}

	#vertical-tabs.style2 ul.tabs li {
		margin-right: 3px;
	}

	#vertical-tabs .contents, #vertical-tabs.style2 .contents {
		margin-left: 0;
		width:100%;
	}

	#vertical-tabs.style2 ul.tabs li.current {
		border: none !important;
	}

	#vertical-tabs ul.tabs {
		border-top:none !important;
	}

	.welcome {
		font-size:23px;
		padding: 30px 5%;
		text-align:left;
	}

	.alert, .alert .close {
		font-size: 14px;
	}

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

	.qoute h4 {
		font-size: 19px;
	}

	.page-title h1 {
		font-size: 18px;
		float:none;
		text-align:left;
	}

	.testimonials-arrow {
		margin-left:15px;
	}

	.testimonial-item .author {
		margin-left:57px;
	}

	/* team */
	.team .item {
		min-height:391px;
	}

	/* services */
	.services.style-2, .services.style-3 {
		text-align:center;
	}

	.services.style-2 .circle, .services.style-3 .circle {
		float:none;
		margin: 0 auto;
		margin-bottom: 15px;
	}

	.services.style-2 .data, .services.style-3 .data {
		float:none;
		width: 100%;
	}

	/* 404 page */
	.page-404 .oops {
		font-size: 90px;
		margin-bottom: 30px;
	}

	.page-404 .text {
		margin-bottom: 15px;
		font-size: 20px;
		line-height: 41px;
	}

	.page-404 {
		padding: 40px 0 120px 0;
	}

	/* portfolio items */
	.portfolio .item.element-3 .img-caption .desc, .recent-work .item .img-caption .desc, .gallery .item.element-3 .img-caption .desc {
		padding: 5%;
	}

	.portfolio .item.element-3 .img-caption .desc h3, .recent-work .item .img-caption .desc h3, .gallery .item.element-3 .img-caption .desc h3 {
		font-size: 20px;
		margin-bottom: 0;
	}

	.portfolio .item.element-3 .img-caption .desc p, .recent-work .item .img-caption .desc p, .gallery .item.element-3 .img-caption .desc p {
		font-size:13px;
	}

	.portfolio .item.element-3 .img-caption .desc span, .recent-work .item .img-caption .desc span, .gallery .item.element-3 .img-caption .desc span {
		margin-top: 3%;
	}

	/* single project */
	.portfolio-control {
		float: none;
		margin-right: auto;
		margin-left: auto;
		width: 147px;
		margin-top: 15px;
	}

	/* flex slider direction */
	.flex-direction-nav li a {
		top: 37%;
		padding: 0px 5px;
	}

	/* sidebar */
	.sidebar .widget .text-search, header .widget .text-search {
		width: 80%;
	}

	.widget .followers li {
		margin: 10px 30px;
	}

	.about-author .avatar {
		float:none;
		text-align:center;
	}

	.about-author .content .data {
		margin-left:0;
		margin-top:12px;
	}

	.about-author .content .data h5 {
		text-align:center;
	}

	/* related posts */
	.related-posts .item {
		width: 100%;
		margin-right: 0;
	}

	.related-posts .item img {
		width: 100%;
	}

	.featured-posts .item {
		width: 100%;
		margin-right: 0;
	}
	
	.related-posts .item img {
		width: 100%;
	}

	.comments .comment-box .avatar {
		float:none;
		text-align:center;
	}

	.comments .comment-box .comment {
		margin-left:0;
		margin-top:15px;
	}

	.comments .comment-box .comment h5, .comments .comment-box .comment .date-replay {
		text-align:center;
	}

	.comments .comment-box .children {
		margin-left:20px;
	}

	/* comment form */
	.form-box input.text, .form-box textarea {
		width:91%;
	}

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

	.comment-form input.button {
		width:99%;
		padding:11px 0;
	}

	/* under construction */
	body.under-construction .content h2.title {
		font-size: 27px;
	}

	body.under-construction .content p.text {
		font-size: 18px;
	}

	body.under-construction .content {
		height: 488px;
		padding: 75px 0;
	}

	body.under-construction .content .block {
		width: 115px;
		height: 65px;
		padding: 25px 0;
		margin: 0 5px;
		margin-bottom:20px;
	}

	body.under-construction .content input.subscribe-text {
		width: 87%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 15px;
	}

	body.under-construction .content input.subscribe-button {
	  width: 98%;
	  margin-bottom: 35px;
	}

	/* slider */
	.slider-1 .slides li .item {
		max-width:45%;
	}

	.slider-1 .slides li .contain, .slider-1 .loading {
		min-height: 135px;
	}

	.slider-1 .slides li h2, .slider-1 .slides li p, .slider-1 .slides li .links {
		max-width: 140px;
		min-width: 140px;
	}

	.slider-1 .slides li h2 {
		font-size: 15px;
    line-height: 20px;
	}

	.slider-1 .slides li p, .slider-1 .slides li .links {
		display:none;
	}

	header .search form {
		margin:0 0 30px 0;
	}

	.slider-1 .slides li .item .video-wrap {
		min-width: 115px;
		min-height: 95px;
	}

	.slider-2 .slides li h2, .slider-2 .slides li p, .slider-2 .slides li .links {
		width: 100%;
    padding: 0;
	}

	.slider-2 .slides li h2 {
		margin-bottom: 76px;
	}

	.slider-2 .slides li h2 span {
		padding: 5px;
		line-height: 45px;
    font-size: 18px;
	}

	.slider-2 .slides li p {
		font-size: 14px;
	}

	.slider-2 .slides li .contain, .slider-2 .loading {
		min-height: 357px;
	}

	.slidecontrols li a.carousel1-next {
		position:absolute;
		top:0;
		right:0;
	}

	.slidecontrols li a.carousel1-prev {
		position:absolute;
		top:0;
		right:34px;
	}

	.slidecontrols li a.carousel2-next, .slidecontrols li a.carousel3-next, .slidecontrols li a.carousel4-next {
		position:absolute;
		top:0;
		right:0;
	}

	.slidecontrols li a.carousel2-prev, .slidecontrols li a.carousel3-prev, .slidecontrols li a.carousel4-prev {
		position:absolute;
		top:0;
		right:34px;
	}

	.one-page h1.title {
		font-size:29px;
	}

	.one-page.section h2 {
		margin-top:20px;
		text-align:center;
	}

	.one-page.section p {
		text-align:center;
	}

	.download-now h2 {
		font-size:29px;
	}

	.welcome-text {
		font-size:20px;
	}

	.one-page .testimonial-item .author {
	    margin-bottom:50px;
	}

	.main-header .container .two-thirds.column {
		width: 30px;
	}


	.main-header .container .middle-column {
		width: 110px;
	}


	.main-header .container .middle-column a.searchbutton,
	.main-header .container .middle-column a.topbutton {
		margin-top: 14px;
		margin-right: 13px;
	}
			
	.main-header .container .middle-column a.searchbutton {
		margin-right: 5px;
	}

	.pagecontentsearch input.text-search {
		width: 160px;
	}	
	
	.next-prev-posts a {
		width: 229px;
		text-align: center;
	}

}


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

	/* related posts */
	.featured-posts .item {
	  width: 260px;
	  margin-right: 0;
	}
	
	.featured-posts .item img {
	  width: 260px;
	}
	

	
}

/* Customizations */

.post-content {
	padding-top: 0px;
}

.post-content p a {
	color: #8C8E93;
	text-decoration: underline;
}

.post-content span.textrating {
	color: #8C8E93;
	margin-right: 6px;
}
.post-content span.categories,
.post-content span.tags {
	color: #8C8E93;
	margin-right: 6px;
}

.post-content span.categories a:hover,
.post-content span.tags a:hover {
	color: #80ba42;
	text-decoration: none;
}

.post-content p {
	padding: 0;
}

.featured-posts .item .meta p {
	margin-bottom: 13px;
}

a.readbutton {
	letter-spacing: 2px;
	padding:9px 14px;
}

a.readbutton:hover {
	background: #80ba42;
}

.tabscontent .tags a,
.tabscontent .categories a {
	width: 44%;
	text-align: center;
	font-size: 14px;
	color: #fff;
	display: inline-block;
	padding:3px 3px;
	background: #404041;
	margin: 2px 2px 2px 0px;
	border: 1px solid #000;
}

/* Menu Fix */


@media only screen and (min-width: 768px) and (max-width: 959px) {
	#menu > a {
		margin-top:6px;
	}
}


/* Menu Fix End */

.page-title h1 {
	color: #ffffff;
}

.navigation ul li a {
	border-top:4px solid #80ba42;
	background:#2b485c;
	color: #ffffff;
}

.navigation ul li.highlight a {
	color: #ffff00;
}

.navigation ul li a:hover {
	background: #80ba42;
	border-top:4px solid #4b4c4d;
	color: #ffffff;
}

/* Tag Buttons */

p.postbuttons,
p.tagbuttons {
	margin-bottom: 15px;
	margin-top: 15px;
}

p.tagbuttons span {
	display: inline-block;
	margin-right: 10px;
	font: 18px 'Open Sans';
	color: #000000;
}

/*CONTINUEHERE*/

.popular-tags a,
p.tagbuttons a {
	display: inline-block;
	position: relative;
	margin: 0 8px 8px 0;
	padding: 0 10px;
	border-radius: 2px;
	background: #404041;
	border: 1px solid #000000;
	text-shadow: 0 1px 0 #404041;
	text-decoration: none;
	font: 14px/29px 'Open Sans';
	font-weight: 600;
	color: #80ba42;
	text-decoration: none;
	letter-spacing: normal;
	word-spacing: normal;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

p.postbuttons a {
	display: inline-block;
	position: relative;
	margin: 0 8px 8px 0;
	padding: 0 10px;
	border-radius: 2px;
	background: #404041;
	border: 1px solid #000000;
	text-shadow: 0 1px 0 #404041;
	text-decoration: none;
	font: 14px/29px 'Open Sans';
	font-weight: 600;
	color: #80ba42;
	text-decoration: none;
	letter-spacing: normal;
}

p.tagbuttons a:hover {
	background: #80ba42;
	border: 1px solid #000000;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	color: #fff;
	text-shadow: none;
}

p.postbuttons a:hover {
	color: #80ba42;
	border: 1px solid #000000;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	text-shadow: none;
}

p.tagbuttons a:hover:before {
	opacity: 1;
}

.popular-tags a.active {
	background: #404041;
	border: 1px solid #80ba42;
	color: #80ba42;
}

.writtenby {
	float: right;
	display: inline-block;
	text-align:right;
	margin: 0px;
	padding: 0px;
	color: #bbbbbb;
	font-size: 14px;
}

.writtenby a {
	text-decoration: none;
	color: #bbbbbb;
}

.related-posts h5 a {
	color: #80ba42;
	font-family: RobotoBold, Arial, sans-serif;
}

.related-posts h5 a:hover {
	color: #000000;
}


/* skins/green.css */


/* Backgrounds
================================================== */
::-moz-selection {
    background:#80ba42;
}

::selection {
    background:#80ba42;
}

.services.style-1 .item.active .circle, .services.style-1 .item:hover .circle, .more:hover, .subscribe input.submit, #menu > a, .page-title, .accordion h4.ui-state-active, .accordion.style2 h4.ui-state-active .icon-plus, .accordion.style2 h4.ui-state-active .icon-minus, .meter > span:after, .animate > span > span, .button.color, .button.black:hover, #horizontal-tabs.style2 ul.tabs li.current, #vertical-tabs.style2 ul.tabs li.current, #horizontal-tabs.style2 ul.tabs li:hover, #vertical-tabs.style2 ul.tabs li:hover, #toggle-view li h4.color, .highlight-color, .dropcap.color, .pagination a.next-button:hover, .pagination a.prev-button:hover, .pagination a:hover, .pagination a.current, table.style.color th, .meter .meter-content, .team .item .member-social a:hover, .services.style-2 .item .circle, .services.style-2 .item.active:hover .circle, .services.style-3 .item.active .circle, .services.style-3 .item:hover .circle, .tables-column .footer h4 a:hover, .tables-column.color .header h3 , .tables-column.color .footer h4 a, .tables-column .header h3 span.pop, .share-social a:hover, .popular-tags a:hover, .widget .followers li a:hover, body.under-construction #wrap.boxed, body.under-construction .content input.subscribe-button, .flex-control-nav li a.flex-active, .flex-control-nav li a:hover, header.style-4 .top-bar, html.ie.ie8 .img-caption, html.ie.ie8 .fancybox-title-float-wrap .child, .slide-bg-color {
	 background:#191717;
}

.img-caption, .fancybox-title-float-wrap .child {
	background:rgba(128,186,66,.88);
}

/* Colors 
================================================== */
p a, a:hover, .latest-blog .item h3 a:hover, .tweet_list li i.icon-twitter, .tweet.footer .tweet_list li a:hover, footer a:hover, .button.normal:hover, .breadcrumbs a, span.color, .team .item span, .check-list.why li:before, .widget.most-posts ul.posts li a:hover, .blog-3 .item .post-meta a:hover, .post-tags a, .form-box label small, i.color, header.style-4 .navigation > ul > li > a:hover, header.style-4 .navigation > ul > li > a.selected, header.style-4 .navigation > ul > li.active > a {
	 color:#80ba42;
}

.button.smaller {
	border: 1px solid #000000;
	background: #292929;
	color: #80ba42;
	padding: 4px 8px;
}

.button.smaller:hover {
	border: 1px solid #000000;
}

/* borders
================================================== */
.navigation ul li a:hover, .navigation ul li a.selected, .navigation ul li.active a {
	border-top:4px solid #80ba42;
}

#horizontal-tabs ul.tabs li.current {
	border-top:2px solid #80ba42;
}

#vertical-tabs ul.tabs li.current {
	border-left:2px solid #80ba42;
}

header.style-3 .navigation ul li a:hover, header.style-3 .navigation ul li a.selected, header.style-3 .navigation ul li.active a {
	border-top:1px solid #80ba42;
}







/* wide.css */


.hidden {
	display:none;
}

h4.storypage {
	border-bottom: 1px solid #000000;
	margin-bottom: 10px;
	padding-bottom: 5px;
	display: block;
	font: 18px 'Open Sans';
	color: #ffffff;
}

h4.storypage a {
	color: #80ba42;
}

h4.storypage a:hover {
	color: #000000;
}

.post-writer {
	text-align: right;
}

.post-writer h4.storypage {
	margin-bottom: 3px !important;
}

p.writerbuttons {
	margin-bottom: 0px;
	margin-top: 5px;
}

p.writerbuttons span {
	display: inline-block;
	margin-right: 10px;
	font: 18px 'Open Sans';
	color: #000000;
}

p.writerbuttons a {
	display: inline-block;
	position: relative;
	margin: 0 8px 8px 0;
	padding: 0 10px;
	border-radius: 2px;
	background: #404041;
	border: 1px solid #000000;
	text-shadow: 0 1px 0 #404041;
	text-decoration: none;
	font: 14px/29px 'Open Sans';
	font-weight: 600;
	color: #80ba42;
	text-decoration: none;
	letter-spacing: normal;
	word-spacing: normal;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

p.writerbuttons a:hover {
	background: #000000;
}

p.writerbuttons a.lastbutton {
	margin-right: 0px;
}

	#horizontal-tabs.style2 .contents {
		margin-bottom: 15px;
	}

	#horizontal-tabs.style2 ul.tabs li {
		margin: 0 8px 8px 0;
		padding: 0 10px;
		border-radius: 2px;
		background: #404041;
		border: 1px solid #000000 !important;
		text-shadow: 0 1px 0 #404041;
		text-decoration: none;
		font: 14px/29px 'Open Sans';
		font-weight: 600;
		color: #80ba42;
		text-decoration: none;
		letter-spacing: normal;
		word-spacing: normal;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}


	#horizontal-tabs.style2 ul.tabs li#tab_tab_headline {
		margin: 0 8px 8px 0;
		padding: 0px;
		border-radius: 0px;
		background: #2e2f2f;
		border: 1px solid #2e2f2f !important;
		text-shadow: 0 1px 0 #404041;
		text-decoration: none;
		font: 18px 'Open Sans';
		font-weight: 600;
		color: #ffffff;
		text-decoration: none;
		letter-spacing: normal;
		word-spacing: normal;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}


@media only screen and (min-width: 959px) {
	#horizontal-tabs.style2 .contents .tabscontent .related-posts .item {
		width: 188px;
		margin-right: 12px;
	}

	#horizontal-tabs.style2 .contents .tabscontent .defocus {
		color: #9d9d9d;
	}

}
