Documentation

Ultimate Magazine HTML5 Theme Created by CrunchPress.

Simple, flexible and responsive documentation template for your premium files made with Twitter Bootstrap. Alerts, Highlighted Code, Tables and more.

Thank you for purchasing our theme and appreciating our work. If you have any questions that are beyond the scope of this help file, please feel free to email us support@crunchpress.com Thanks so much!

  • Author: Aqeel Syed

  • Author URL:http://crunchpress.com

  • Current Version: 1.0.0

  • Created: 2014-08-08

  • Contact: support@crunchpress.com

  • Item URL: http://html.crunchpress.net/magazine

  • Documentation Version: 1.1.0

Markup customization and highlights

WARNING! Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla...

WARNING! Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla...

WARNING! Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla...

WARNING! Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla...

This theme is a fixed layout with two columns. All of the information within the main content area is nested within a div with an id of "primaryContent". The sidebar's (column #2) content is within a div with an id of "secondaryContent".

Theme Preview

Theme features :
  • - HTML5 & CSS3
  • - Responsive Design
  • - 31 HTML Files
  • - Image Gallery
  • - 32 Psds Files
  • - HTML 5 Validate
  • - CSS3 Validate
  • - Shorthand Css
  • - Font Awesome
  • - BootStrap 2.2
HTML Structure

This theme is a Full Width layout with 5 columns. All of the information within the main content area is nested within a div with an id of "wrapper".

				

Breaking News

  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
  • Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
  • Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore

Whats New

1

The best ad of spring 2013

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin non rhoncus dolor.....more

2

The best ad of spring 2013

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin non rhoncus dolor.....more

3

The best ad of spring 2013

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin non rhoncus dolor.....more

Don't Miss

Photos/ What the Stars Wore

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr

This concerns her

Vestibulum nec venenatis erat, et adipiscing ipsum. Duis ac nisl vel magna imperdiet gravida.

Photos/ What the Stars Wore

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

This concerns her

Vestibulum nec venenatis erat, et adipiscing ipsum. Duis ac nisl vel magna imperdiet gravida.

Photos/ What the Stars Wore

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

This concerns her

Vestibulum nec venenatis erat, et adipiscing ipsum. Duis ac nisl vel magna imperdiet gravida.

Find Our More
  • / REVIEWS /

    Desperate Housewives: Marcia Corss reveals!

  • / REVIEWS /

    Desperate Housewives: Marcia Corss reveals!

  • / REVIEWS /

    Desperate Housewives: Marcia Corss reveals!

  • / REVIEWS /

    Desperate Housewives: Marcia Corss reveals!

  • / REVIEWS /

    Desperate Housewives: Marcia Corss reveals!

  • / REVIEWS /

    Desperate Housewives: Marcia Corss reveals!

  • / REVIEWS /

    Desperate Housewives: Marcia Corss reveals!

  • / REVIEWS /

    Desperate Housewives: Marcia Corss reveals!

  • / REVIEWS /

    Desperate Housewives: Marcia Corss reveals!

  • / REVIEWS /

    Desperate Housewives: Marcia Corss reveals!

  • / REVIEWS /

    Desperate Housewives: Marcia Corss reveals!

  • / REVIEWS /

    Desperate Housewives: Marcia Corss reveals!

Sports

Pricey fashion staples that are worth the investment

Integer ornare libero nisi. Duis ac magna urna. Nulla facilisi. iaculis, ligula arcu ultrices metus, ac venenatis dui leo ut odio. Phasellus a augue congue, faucibus dolor eu, auctor dolor...

Continue Reading

Entertainment

Pricey fashion staples

Integer ornare libero nisi. Duis ac magna urna. Nulla facilisi. Phasellus at ante magna. Quisque nec porta nulla. Suspendisse nec orci vel elit aliquet blandit in non orci. Vivamus posuere dui eget iaculis, ligula arcu ultrices metus, ac venenatis dui leo ut odio. Phasellus a augue congue...

Find Out More

Travel

Fresh apricot with huge sale

Integer ornare libero nisi. Duis ac magna urna. Nulla facilisi. Phasellus at ante magna. Quisque nec porta nulla. Suspendisse nec orci vel elit aliquet blandit in non orci. Vivamus posuere dui eget lacinia rutrum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus...

Find Out More

Mutimedia

Shin

Street dance pereormance

Tech

Duis sapien turpis, tempus ,,

Integer ornare libero nisi. Duis ac magna urna. Nulla facilisi. Phasellus at magna. Quisque nec porta nulla. Suspendisse nec is Quisque nec porta nulla. Suspendisse nec Integer...

Find Out More

Entertainment

Pricey fashion staples

Integer ornare libero nisi. Suspendisse nec orci vel elit aliquet blandit in non orci. Vivamus posuere dui eget iaculis, ligula arcu ultrices metus, ac venenatis dui leo ut odio. Phasellus a augue congue...

Find Out More

Life Style

This week special

Philip Seymour expected soon

Quisque libero sem, dignissim, dignissim sit amet nulla

Quisque libero sem, dignissim, dignissim sit amet nulla

Quisque libero sem, dignissim, dignissim sit amet nulla

Overview

This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollic bibendum auctor...

Industry
55%
Entertainment
55%
Travel
39%
Financial
67%
Banner HTML

This theme is a fixed layout with two columns. All of the information within the main content area is nested within a div with an id of "primaryContent". The sidebar's (column #2) content is within a div with an id of "secondaryContent".

				
	
	
			
JavaScript Files

This theme is a fixed layout with two columns. All of the information within the main content area is nested within a div with an id of "primaryContent". The sidebar's (column #2) content is within a div with an id of "secondaryContent".

              	
                
                
				
                
                
                
                
				
				
                
                
                
                
                
                
                
                
                
				
                
                
			  
Css Structure

This theme is a fixed layout with two columns. All of the information within the main content area is nested within a div with an id of "primaryContent". The sidebar's (column #2) content is within a div with an id of "secondaryContent".

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Crete+Round:400,400italic);
/*
========================================================
					COMMON CLASSES
========================================================
*/

header, nav, section, article, aside, footer, hgroup, figure {
	display: block;
}
body {
}
.wrapper {
	float: left;
	width: 100%;
}
.inner {
	float: left;
	width: 100%;
}
.resize {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	margin: 0px;
	padding: 0px;
}
img {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.mb30px {
	margin-bottom: 30px;
}
.relative {
	position: relative;
}
iframe {
	border: none;
}
.h-style {
	font-size: 32px;
    margin: 0 0 30px;
    position: relative;
	line-height:32px;
}
.h-style2 {
	font-size: 24px;
	color: #FFF;
	padding: 10px 20px;
	margin: 0px 0px 30px 0px;
	line-height: normal;
	text-transform: uppercase;
}
.no-margin{
	margin:0px !important;
}
.h-style:before {
	content: "";
	height: 4px;
	width: 60px;
	left: 0px;
	bottom: -12px;
	position: absolute;
}
.link {
	font-weight: bold;
}
.widget {
	float: left;
	width: 100%;
	margin: 23px 0 0;
}
.widget h2 {
	font-size: 24px;
	font-style: italic;
	color: #FFF;
	background-color: #000;
	padding: 10px 15px;
	margin:0px;
}
footer .widget {
	margin: 0px;
}
footer .widget h2 {
	background: none;
	padding: 0px;
	color: #000;
	font-style: normal;
	margin:0 0 20px;
}
.sidebar {
	float: left;
	width: 100%;
	padding:20px;
	background:#e4e4e4;
	border:solid 1px #d6d6d6;
	margin-bottom:30px;
}
.sidebar div.widget:first-child {
	margin: 0px;
}
/*
========================================================
					HEADER CONTENT
========================================================
*/
header {
}
header .add, header .add2{
	margin:0px;
}
.top-strip {
	float: left;
	width: 100%;
	background-color: #000;
}
ul.top-nav {
	list-style: none;
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 0px;
}
ul.top-nav li {
	float: left;
	position: relative;
}
ul.top-nav li a {
	display: block;
	padding: 10px 10px;
	color: #FFF;
	font-size: 12px;
	position: relative;
	z-index: 1;
	text-decoration: none;
}
ul.top-nav li:before {
	content: "";
	height: 0px;
	background-color: #333;
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 0;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
ul.top-nav li:hover:before {
	height: 112%;
}

ul.top-nav ul{
	left:0px;
	top:100%;
	position:absolute;
	z-index:10;
	min-width:150px;
	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);
	visibility:hidden;
	opacity:0;
	margin:20px 0px 0px 0px;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	z-index:100;
	background-color:#000;
	list-style:none;
}
ul.top-nav li:hover ul{
	opacity:1;
	visibility:visible;
	margin:0px;
}
ul.top-nav ul li{
	float:left;
	width:100%;
}
ul.top-nav ul li a{
	padding:5px 10px;
}
ul.top-nav ul li:hover:before{
	height:100%;
}


.signup {
	float: right
}
.signup ul {
	list-style: none;
	margin:8px 120px 8px 0;
	float: left;
}
.signup ul li {
	float: left;
	color: #FFF;
	font-size: 12px;
	padding: 0px 15px;
	position: relative;
}
.signup ul li:before {
	content: "/";
	position: absolute;
	left: 0px;
	top: 3px;
}
.signup ul li:first-child:before {
	content: "";
}
.signup ul li a {
	color: #FFF;
	font-size: 12px;
	text-decoration: none;
	display: inline-block;
	padding: 2px 5px;
}
.cart-items {
	float: right;
	padding: 10px;
	background-color: #333333;
	position: absolute;
	right: 0px;
	top: 0px;
	text-align: center;
}
.cart-items h3 {
	font-size: 18px;
	color: #fff;
	line-height: normal;
	font-weight: normal;
	margin: 0px;
	padding:2px 10px;
}
.cart-items h3:before {
	content: "\f07a";
	font-family: fontAwesome;
	margin: 0px 10px 0px 0px;
}
.cart-items .dropdown {
	position: static;
}
.cart-items .dropdown ul {
	margin: 0px;
	left: auto;
	right: 0px;
	min-width: 250px;
}
.cart-items a {
	color: #fff;
	font-size: 12px;
}
.logo-container {
	padding: 25px 0px 0px 0px;
	float: left;
	width: 100%;
}
.logo {
	float: left;
	margin:8px 0px;
}
.add, .add2 {
	float: right;
	padding: 5px;
	border: solid 1px #dedede;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
}
.add2 {
	background-color: #FFF;
	box-shadow: none;
	width: 100%;
}
.add2 img {
	width: 100%;
}
.new-ad{
	float:left;
	margin-top:5px;
	width:100%;
}
div.new-ad:first-child{
	margin:0px;
}
/*NAVIGATION*/
.navigation {
	float: left;
	width: 100%;
	background-color: #000;
	margin:25px 0px 0px 0px;
	border-radius:5px;
}
.navigation ul {
	list-style: none;
	margin: 0px;
	width:100%;
}

.navigation ul li {
	float: left;
	position: relative;
	margin: 0px 0px 0px 0px;
	width:10%;
}
.navigation ul li:first-child {
	margin: 0px;
}
.navigation ul li a {
	padding: 14px 0px;
	font-size: 15px;
	text-align:center;
	color: #FFF;
	display: block;
	position: relative;
	z-index: 1;
	font-weight: bold;
}
.navigation ul li a:hover {
	color: #FFF;
	text-shadow: none;
	text-decoration: none;
}
.navigation ul li:before {
	content: "";
	height: 4px;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	border: solid 1px rgba(255,255,255,0.2);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.navigation ul li.first:before{
	border-radius:0px 0px 0px 6px;
}
.navigation ul li.last:before{
	border-radius:0px 0px 6px 0px;
}
.navigation ul li.blue:before, .navigation ul ul.blue{
	background-color: #00ccf1;
}
.navigation ul li.blue2:before, .navigation ul ul.blue2{
	background-color: #5bd9ce;
}
.navigation ul li.red:before, .navigation ul ul.red{
	background-color: #c40001;
}
.navigation ul li.carrot:before, .navigation ul ul.carrot {
	background-color: #d92d47;
}
.navigation ul li.purple:before, .navigation ul ul.purple {
	background-color: #4c30b8;
}
.navigation ul li.yellow:before, .navigation ul ul.yellow {
	background-color: #edb000;
}
.navigation ul li.pink:before, .navigation ul ul.pink {
	background-color: #c80059;
}
.navigation ul li.green:before, .navigation ul ul.green {
	background-color: #52c206;
}
.navigation ul li:hover:before, .navigation ul li.active:before {
	height: 100%;
}
.navigation ul li.active a{
	background-color:transparent !important;
	color:#fff;
	text-shadow:none;
}
.navigation ul ul{
	left:0px;
	top:100%;
	position:absolute;
	z-index:10;
	min-width:200px;
	white-space:nowrap;
	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);
	visibility:hidden;
	opacity:0;
	margin:20px 0px 0px 0px;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	z-index:100;
	width:auto;
}
.navigation ul li:hover ul{
	opacity:1;
	visibility:visible;
	margin:0px;
}
.navigation ul ul li{
	width:100%;
	
}
.navigation ul ul li a{
	font-size:14px;
	font-weight:normal;
	padding:10px 10px;
	text-align:left;
}
.navigation ul ul li a:hover, .navigation ul li.active ul li a:hover{
	background-color:#000 !important;
	color:#fff;
}
.navigation ul ul li:before{
	display:none;
}
.navigation ul li.last ul {
    left: auto;
    right: 0;
}

/*BREAKING NEWS*/
.breaking-news h3 {
	padding: 6px 10px;
	background-color: #333;
	color: #FFF;
	margin: 0px 20px 0px 0px;
	line-height: normal;
	font-size: 16px;
	font-weight: normal;
	float: left;
	position: relative;
}
.breaking-news h3:after {
	content: "";
	height: 15px;
	width: 15px;
	background-color: #333;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	position: absolute;
	right: -5px;
	top: 50%;
	margin: -7px 0px 0px 0px;
}
#b-news {
	margin: 6px 0px;
}
.breaking-news {
	float: left;
	width: 100%;
	margin: 15px 0px;
}
/*SEARCH*/
.search {
	float: left;
	width: 100%;
	position: relative;
}
.search input[type="text"] {
	border-radius: 0px;
	min-height: 36px;
	margin: 0px;
	padding-right: 90px;
	color: #999;
}
.search button {
	background-color: #000;
	position: absolute;
	top: 0px;
	right: 0px;
	border-radius: 0px;
	border: none;
	color: #fff;
	padding: 8px 20px;
	height: 100%
}
/*
========================================================
					WHATS NEW
========================================================
*/

.whats-new {
	float: left;
	width: 100%;
	padding: 0px 0px 40px 0px;
	margin: 5px 0px 30px 0px;
}
.whats-new figure {
	margin: 0px 0px 20px 0px;
	float: left;
	position: relative;
	width:100%;
}
.whats-new figure img{
	width:100%;
}
.whats-new .text {
	color: #FFF;
	padding: 0px;
	float:left;
	width:100%;
}
.whats-new .text a {
	color: #FFF;
	font-weight:bold;
	text-transform:capitalize;
	font-size:16px;
}
.whts-new-hd {
	float: left;
	width: 100%;
	position: relative;
	text-align: center;
}
.whts-new-hd:before {
	content: "";
	width: 100%;
	position: absolute;
	height: 1px;
	background-color: rgba(255,255,255,0.4);
	left: 0px;
	top: 50%;
}
.heading {
	margin: 0px 0px 20px 0px;
	float: left;
	width: 100%;
}
.heading h2 {
	font-size: 72px;
	margin: 0px;
	font-style: italic;
	float: left;
	margin: 0px 15px 0px 0px;
	line-height: 25px;
}
.heading h4 {
	margin: 22px 0px 0px 0px;
}
.whts-new-hd h2 {
	font-family: 'Crete Round', serif;
	position: relative;
	color: #FFF;
	display: inline-block;
	text-align: center;
	font-size: 40px;
	padding: 20px 40px;
}
.whats-new a:before {
	content: "\f067";
	font-family: FontAwesome;
	color: #fff;
	font-size: 30px;
	padding-right: 0.5em;
	position: absolute;
	top: 50%;
	left: 0;
	margin: -10px 0px 0px 0px;
	z-index: 2;
	width: 100%;
	opacity: 0;
	text-align: center;
}
.whats-new figure:hover a:before {
	opacity: 1;
}
.whats-new a {
	width: 100%;
	position: relative;
	display: block;
}
.whats-new figure a:after {
	content: "";
	width: 100%;
	height: 0px;
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	left: 0px;
	bottom: 0px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}
.whats-new figure:hover a:after {
	height: 100%;
}
.main-contant {
	float: left;
	width: 100%;
}
.main-contant section {
	margin: 0px 0px 20px 0px;
	float:left;
	width:100%
}
.main-contant article {

}
.upper-section {
	float: left;
	width: 100%;
}
/*
========================================================
					PAGE TABS
========================================================
*/
.tabs {
	float: left;
	width: 100%;
	padding: 16px;
	background-image: url(../images/border.png);
	background-color: #FFF;
	background-repeat: repeat-x;
	background-position: top;
}
.tabs h4{
	font-size:24px;
	font-style:italic;
}
.tabs .nav-tabs > li{
	width:33.3333%;
	text-align:center;
}
.tabs .nav-tabs > li > a {
	border-radius: 0px;
	font-size: 18px;
	color: #333;
	font-weight:normal;
}
.span3 .tabs h4{
	font-size:18px;
}
.span3 .tabs .nav-tabs > li > a{
	font-size: 14px;
}
.tabs .event-image {
	float: left;
	width: 100%;
	position: relative;
}
.tabs .event-image img {
	width: 100%;
}
.tabs .event-image .caption {

	text-align: center;
	background-color: #ededed;
	width: 80%;
	margin: 0px auto;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	padding: 20px 20px 0 20px;
}
.tabs .event-image .caption h4 {
	margin: 0px;
	font-size: 24px;
	font-style: italic;
}
.tabs .event-image .caption ul {
	list-style: none;
	margin: 0px 0px 10px 0px;
}
.tabs .event-image .caption ul li {
	display: inline-block;
	margin: 0px 5px;
}
.tabs .event-image .caption ul li a {
	font-size: 12px;
	color: #333;
}
.text-cap {
	background-color: #ededed;
	padding: 20px;
	float: left;
	width: 100%;
	box-shadow: 0px 8px 11px -7px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 8px 11px -7px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 8px 11px -7px rgba(0,0,0,0.3);
	margin: 0px 0px 20px 0px;
}
.text-cap p {
	margin: 0px;
	font-size: 12px;
	text-align: center;
}
.read-more {
	font-size: 20px;
	font-family: 'Crete Round', serif;
	color: #595959;
	font-style: italic;
	padding: 5px;
	display: inline-block;
}
.tab-content .text > p {
	margin: 0 0 10px;
}
/*
========================================================
					PAGE SLIDER
========================================================
*/
.page-slider {
	float: left;
	width: 100%;
	margin:0px 0px 20px 0px;
}
.page-slider .flexslider {
	margin: 0px 0px 2px 0px;
	border: none;
}
.page-slider .flexslider .caption {
	position: absolute;
	right: 0px;
	bottom: 20px;
	border-right: 10px solid;
}
.page-slider .flexslider figure {
	position: relative;
	margin: 0px;
}
.reviews {
	background-color: rgba(0,0,0,0.75);
	float: right;
	width: 300px;
	padding: 10px 20px;
}
.reviews * {
	display: inline-block;
}
.reviews p {
	font-size: 20px;
	margin: 0px;
}
.page-slider .flexslider .caption h2, .page-slider .flexslider .caption p.text {
	display: inline-block;
	background-color: #000;
	color: #FFF;
	margin: 0px;
	padding: 8px 20px;
	float: right;
	font-size: 24px;
	font-style: italic;
	font-family:'Playfair Display',serif;
	font-weight:bold;
	line-height:40px;
}
.page-slider .slider.flexslider .flex-direction-nav {
	display: none;
}
/*
========================================================
					LATEST NEWS
========================================================
*/
.latest-news {
	float: left;
	width: 100%;
	background-color: #FFF;
	padding: 10px;
}
.headlines {
	list-style: none;
	margin: 0px 0px 13px 0px;
	border-bottom: solid 1px rgba(0,0,0,0.1);
	float: left;
	width: 100%;
}
.headlines figure {
	margin: 0px;
	float: left;
}
.headlines li:hover figure img{
	opacity:0.5;
}
.headlines li .text {
	padding: 0px 0px 0px 104px;
}
.headlines li {
	float: left;
	width: 100%;
	border-top: solid 1px rgba(0,0,0,0.1);
	padding: 10px 0px;
}
.headlines li h5 {
	font-size: 18px;
	font-weight: normal;
	margin: 0px 0px 8px 0px;
	font-family: 'Crete Round', serif;
}
.headlines p {
	margin: 0px 0px 5px 0px;
}
.headline-review {
	float: left;
	width: 100%;
}
.headline-review a {
	display: inline-block;
	font-size: 12px;
	color: #8f8f8f;
	padding: 2px 5px;
}
.headline-review i {
	margin: 0px 4px 0px 0px;
}
/*
========================================================
					RATIN START
========================================================
*/
.rating {
	unicode-bidi: bidi-override;
	direction: rtl;
	display: inline-block;
}
.rating > span {
	display: inline-block;
	position: relative;
	width: 1.1em;
	font-size: 20px;
	color: #CC0;
}
.rating > span:hover:before, .rating > span:hover ~ span:before {
	content: "\2605";
	position: absolute;
	left:0px;
	right:0px;
	margin:auto;
}
/*
========================================================
					IMAGE GALLERY
========================================================
*/
.image-gallery {
	float: left;
	width: 100%;
	margin: 0px 0px 30px 0px;
}
.image-gallery .jcarousel-skin-tango .jcarousel-container-horizontal {
	padding: 0px;
}
.image-gallery .jcarousel-skin-tango .jcarousel-next-horizontal, .image-gallery .jcarousel-skin-tango .jcarousel-prev-horizontal {
	top: -26px;
}
.image-gallery .jcarousel-skin-tango .jcarousel-prev-horizontal {
	right: 35px;
	left: auto;
}
.image-gallery .jcarousel-skin-tango .jcarousel-item {
	width: 220px;
	position: relative;
}
.image-gallery .jcarousel-skin-tango .jcarousel-item:hover .caption {
	width: 93%;
	height: 93%;
}
.image-gallery .caption {
	position: absolute;
	left: 0px;
	right: 0px;
	margin: auto;
	bottom: 7px;
	width: 93%;
	height: 60px;
	padding: 10px;
	background-color: rgba(0,0,0,0.8);
}
.image-gallery .caption a {
	background-color: #000;
	height: 30px;
	width: 30px;
	text-align: center;
	padding: 5px 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	color: #FFF;
	display: none;
	margin: 0px 5px 5px 0px
}
.image-gallery .jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-right: 18px;
}
.image-gallery .jcarousel-skin-tango .jcarousel-item:hover .caption a {
	display: inline-block;
}
.image-gallery .caption h4 {
	margin: 0px 0px 5px 0px;
	line-height: normal;
	color: #FFF;
	font-size: 16px;
}
.image-gallery .jcarousel-skin-tango .jcarousel-item:hover p {
	height: auto;
	opacity: 1
}
.image-gallery .caption p {
	color: #FFF;
	font-size: 12px;
	margin: 0px;
	height: 0;
	opacity: 0;
}
/*

========================================================
					SPORTS SECTION
========================================================
*/
.sports {
	float: left;
	margin:0px 0px 20px 0px;
	width: 100%;
}
.sports-section{
margin-bottom:20px;
}
.sports .text {
	float: left;
	width: 100%;
	padding: 10px;
}
.sports-event {
	float: left;
	width: 100%;
	background-color: #FFF;
}
.sports-event a.color{
	font-style:italic;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.sports .rating > span {
	font-size: 25px;
}

.sports-thumbs-list {
	float: left;
	width: 100%;
	background-color: #FFF;
}
.sports-thumbs-list ul {
	list-style: none;
	margin: 0px 0px 20px 0px;
	float: left;
	width: 100%;
}
.sports-thumbs-list ul li {
	float: left;
	width: 50%;
	padding: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.sports-thumbs-list ul li:hover .sports-thumbs figure img{
	opacity:0.5;
}
.sports-thumbs {
	float: left;
	width: 100%;
}
.sports-thumbs figure {
	float: left;
}
.sports-thumbs .text p {
	margin: 0px;
}
.sports-thumbs .text {
	padding: 0px 10px 0px 90px;
	float: none;
}
.sports-thumbs .text a {
	font-size: 16px;
}
.sports-thumbs .rating > span {
	font-size: 18px;
}
.post-comments {
	list-style: none;
	float: left;
	padding: 0px 0px 15px 0px;
	width: 100%;
	margin: 0px;
	border-bottom: solid 1px rgba(0,0,0,0.1);
}
.post-comments li {
	float: left;
	margin: 0px 5px;
}
.post-comments li i {
	margin: 0px 5px 0px 0px;
	font-size:16px;
}
.post-comments li a {
	color: #99A3B1;
	font-style: italic;
	font-size:12px;
}
/*
========================================================
					SPORTS SECTION
========================================================
*/
.business, .food {
	float: left;
	width: 100%;
	border-bottom: solid 2px rgba(0,0,0,0.1)
}
.business-section{
margin-bottom:20px
}
.business img, .food img {
	width: 100%;
}
.business figure {
	float: left;
	width: 100%;
	position: relative;
}
.business .like-icon {
	color: #FFF;
	border-radius: 5px;
	transform: rotate(45deg);
	position: absolute;
	bottom: -19px;
	left: 0px;
	right: 0px;
	margin: auto;
	height: 40px;
	width: 40px;
	padding: 11px 11px;
	box-shadow: 2px 2px 5px 0px rgba(255,255,255,0.5) inset;
	-moz-box-shadow: 2px 2px 5px 0px rgba(255,255,255,0.5) inset;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(255,255,255,0.5) inset;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}
.business:hover .like-icon {
	transform: rotate(405deg)
}
.business .like-icon i {
	transform: rotate(-45deg);
	font-size: 20px;
}
.business .text {
	float: left;
	width: 100%;
	background-color: #FFF;
	padding: 23px 10px 10px 10px;
}
.business p {
	font-size: 12px;
}
.business h4 {
	font-size: 22px;
	font-style: italic;
}
.business .text ul {
	border: none;
	padding: 0px;
}
/*

========================================================
				SOCIAL ICONS WIDGET
========================================================
*/

.social-icon-widget {
}
.social-icon-widget ul {
	float: left;
	width: 100%;
	list-style: none;
	margin: 0px;
}
.social-icon-widget ul li {
	width: 20%;
	float: left;
	font-size: 20px;
	text-align: center;
	color: #FFF;
	position: relative;
}
.social-icon-widget ul li a {
	display: block;
	text-align: center;
	color: #FFF;
	padding: 30px 0px 60px 0px;
}
.social-icon-widget ul li:hover a {
	padding: 20px 0px 70px 0px;
}
.social-icon-widget ul li:hover span {
	height: 50px;
	background-color: rgba(0,0,0,0.5);
}
.social-icon-widget ul li span {
	float: left;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-color: rgba(0,0,0,0.1);
	padding: 7px 0px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	height: 35px;
}
.social-icon-widget ul li.fb {
	background-color: #3468af;
}
.social-icon-widget ul li.twitter {
	background-color: #4fc4f6;
}
.social-icon-widget ul li.google {
	background-color: #e64c65;
}
.social-icon-widget ul li.mail {
	background-color: #50597b;
}
.social-icon-widget ul li.linked-in {
	background-color: #2fa380;
}
/*
========================================================
					TOP 3 WIDGET
========================================================
*/

.widget-top3 {
}
.widget-top3 ul {
	list-style: none;
	float: left;
	margin: 0px;
	width: 100%
}
.widget-top3 ul li {
	float: left;
	width: 100%;
	margin: 0px;
	border-top: solid 1px #ededed;
	background-color: #FFF;
}
.widget-top3 ul li figure {
	float: left;
}
.widget-top3 ul li:hover figure img{
	opacity:0.5;
}
.widget-top3 ul li .text {
	padding: 5px 0px 5px 120px;
}
.widget-top3 ul li .text a {
	text-transform: uppercase;
	font-size: 12px;
}
.widget-top3 ul li .text p {
	font-size: 12px;
	margin: 0px;
}
.widget-top3 ul li .text span {
	margin: 0px 3px;
	font-size: 10px;
	color: #999;
}
/*
========================================================
					CATEGORIES WIDGET
========================================================
*/
.widget-categories ul li .text p {
	font-size:14px;
	color:#ababab;
	display:inline-block;
	margin:0px;
}
.widget-categories ul li .text{
	padding:18px 15px 18px 120px;
}
.widget-categories .total-numbers{
	float:right;
	font-size:14px;
	color:#ababab;
}
/*
========================================================
					SIDE ADS
========================================================
*/
.widget-side-ads {
}
.widget-side-ads ul {
	margin: 0px;
	float: left;
}
.widget-side-ads ul li {
	float: left;
	width: 100%;
}
.widget-side-ads ul li iframe {
	width: 100%;
	height: 200px;
}
.widget-side-ads .flexslider {
	margin: 0px;
	border: none;
	box-shadow: none;
	padding: 0px 0px 40px 0px;
}
.widget-side-ads .flex-direction-nav a {
	background: none;
}
.widget-side-ads .flex-direction-nav a {
	top: auto;
	bottom: 0px;
}
.widget-side-ads .flex-direction-nav a:before, .widget-side-ads .flex-direction-nav a.flex-next:before {
	height: 100%;
	content: "";
	background-image: url(../images/previous2.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 33px;
}
.widget-side-ads .flex-direction-nav a.flex-next:before {
	background-image: url(../images/next2.png);
}
.widget-side-ads .flex-control-nav {
	bottom: 5px;
}
.widget-side-ads .flex-control-paging li a {
	border: solid 1px #FFFFFF;
	background-color: transparent;
}
.widget-side-ads .flex-control-paging li a.flex-active {
	background-color: #fff;
}
/*
========================================================
					TRAVEL SECTION
========================================================
*/

.travel {
	background-color: #FFFFFF;
	float: left;
	padding: 15px;
	width: 100%;
	margin:0px 0px 20px 0px;
}
.travel figure {
	float: left;
	margin: 0px;
	width:100%;
}
.travel figure img {
    width: 100%;
}
.travel h2 {
	font-size: 22px;
	font-style: italic;
	margin: 0px;
}
.treval-thumb {
	float: left;
	width: 100%;
	padding: 0px 0px 20px 0px;
	border-bottom: solid 1px rgba(0,0,0,0.1);
	margin: 0px 0px 20px 0px;
}
.treval-thumb .text {
	padding:0;
}
.travel-listing {
	float: left;
	width: 100%;
}
.travel-listing figure{
	width:auto;
}
.travel-listing ul li:hover figure img{
	opacity:0.5;
}
.travel-listing ul {
	margin: 0px;
	float: left;
	width: 100%;
	list-style: none;
}
.travel-listing ul li {
	float: left;
	padding: 10px 0px;
	width: 100%;
	border-top: solid 1px rgba(0,0,0,0.1);
}
.travel-listing ul li:first-child {
	border: none;
	padding-top: 0px;
}
.travel-listing ul li h2 {
	font-size: 18px;
	font-weight: normal;
	font-family: 'Crete Round', serif;
	font-style: normal;
	line-height: normal;
	margin: 0px 0px 5px 0px;
}
.travel-listing .text {
	padding: 0px 0px 0px 135px;
}
.travel-listing .text p {
	font-size: 14px;
}

.travel .post-comments {
	font-size: 14px;
	border: none;
	padding: 0px;
	margin: 5px 0px;
	margin: 0px;
}
.travel .post-comments li {
	width: auto;
	font-size: 12px;
	color: #99A3B1;
	padding: 0px;
	border: none;
}
.travel .rating > span {
	width: 0.8em;
	color: #99A3B1
}
.travel .post-comments li a {
	font-style: normal;
}
/*
========================================================
					HOT NEWS
========================================================
*/
.hot-news {
	float: left;
	width: 100%;
	background-color: #FFF;
}
.hot-news h4{
	font-size:30px;
}
.hot-news h5{
	font-size:18px;
	font-family:'Open Sans',sans-serif;
}
.hot-news figure {
	float: left;
	width: 100%;
	margin: 0px;
}
.hot-news .text {
	float: left;
	width: 100%;
	padding: 15px;
}
.video-player {
	float: left;
	width: 100%;
}
.video-player iframe {
	float: left;
	width: 100%;
	height: 300px;
	border:none;
}
.video-detail {
	float: left;
	width: 100%;
	padding: 15px;
	border-top: solid 1px rgba(0,0,0,0.1)
}
.video-detail .thumb {
	float: left;
}
.video-detail figure {
	float: left;
	width: auto;
	margin: 0px 10px 0px 0px;
}
.video-detail h5 {
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	margin: 0px;
}
.video-detail .post-comments {
	float: right;
	border: none;
	padding: 0px;
	width: auto;
}
.video-detail .post-comments li {
	text-align: center;
	margin: 0px;
}
.video-detail .post-comments li a {
	font-style:normal;
}
.video-detail .post-comments li i {
	width: 100%;
	font-size: 16px;
}
.travel-section {
	float: left;
	width: 100%;
}
/*
========================================================
				MULTIMEDIA SECTION
========================================================
*/
.multimedia {
	float: left;
	width: 100%;
	background: #000;
	margin: 0px 0px 30px 0px;
}
.multimedia .h-style {
	color: #FFF;
	font-size: 24px;
	display: inline-block;
	margin: 0px 0px 20px 0px;
}
.multimedia header {
	padding: 10px;
	float: left;
	width: 100%;
}
.multimedia header .post-comments {
	width: auto;
	float: right;
	padding: 0px;
	border: none;
	margin: 20px 15px 20px 0px;
}
.multimedia header .post-comments li a {
	font-style: normal;
}

.multimedia header .rating {
	float: right;
	margin: 20px 15px 20px 0px;
}
.multimedia header .rating > span {
	font-size: 26px;
	width: auto;
}
.multimedia-thumb, .multimedia-thumb figure {
	float: left;
	width: 100%;
	position: relative;
}
.multimedia-thumb figure img {
	width: 100%;
}
.multimedia .text {
	float: left;
	width: 100%;
}
.multimedia .text h3 {
	font-size: 24px;
	line-height: normal;
	margin: 0px;
	padding: 10px 20px;
}
.multimedia .text h3.border {
	font-size: 30px;
	border-left: solid 5px;
	color: #FFF;
	padding: 5px 20px;
}
.multimedia .image-thumbs {
	float: left;
	width: 100%;
}
.multimedia .image-thumbs ul {
	width: 100%;
	text-align: center;
	list-style: none;
	margin: 0px;
	padding: 15px 0px;
}
.multimedia .image-thumbs ul li {
	display: inline-block;
	margin: 0px 1px;
	border: solid 4px;
	border-color: transparent;
}
.multimedia .image-thumbs ul li:hover {
}
.multimedia-tabs {
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-color: rgba(0,0,0,0.6);
	width: 100%;
}
.multimedia-tabs ul {
	list-style: none;
	float: left;
	width: 100%;
	margin: 0px;
}
.multimedia-tabs ul li {
	width: 25%;
	float: left;
	position: relative;
}
.multimedia-tabs ul li a {
	padding: 15px 0px 20px 0px;
	display: block;
	text-align: center;
	font-size: 14px;
	color: #CCC;
	position: relative;
	z-index: 10;
}
.multimedia-tabs ul li a:hover {
	color: #FFF;
	font-weight: normal;
}
.multimedia-tabs ul li i {
	margin: 0px 8px 0px 0px;
	font-size: 18px;
}
.multimedia-tabs ul li:before {
	-moz-box-sizing: border-box;
	border: 1px solid rgba(255, 255, 255, 0.2);
	bottom: 0;
	content: "";
	height: 5px;
	left: 0;
	position: absolute;
	width: 100%;
}
.multimedia-tabs ul li:hover:before {
	height: 100%;
}
.multimedia-tabs ul li.pink:before {
	background-color: #D82D46;
}
.multimedia-tabs ul li.green:before {
	background-color: #68BF2E;
}
.multimedia-tabs ul li.orange:before {
	background-color: #ff9c00;
}
.multimedia-tabs ul li.blue:before {
	background-color: #5dc9e6;
}
.poll-widget .inner {
	padding: 15px;
	background-color: #FFF;
}
.poll-widget p {
	font-size: 14px;
	margin: 0px 0px 15px 0px;
}
.poll-widget a {
	padding: 5px 20px;
	font-size: 12px;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
}
/*styled checkboxes start*/

.poll-widget input[type=radio].css-checkbox {
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}
.poll-widget input[type=radio].css-checkbox + label.css-label {
	padding: 0px 0px 0px 30px;
	height: 18px;
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 12px;
	vertical-align: middle;
	cursor: pointer;
	display: block;
	margin: 0px 0px 10px 0px;
	color: #595959;
	font-weight: normal;
}
.poll-widget input[type=radio].css-checkbox:checked + label.css-label {
	background-position: 0 -19px;
}
.poll-widget .css-label {
	background-image: url(../images/checkbox.png);
}
/*styled checkboxes end*/
/*weather widget*/
.widget-weather {

}
/*product shop widget*/

.shop-product figure {
	float: left;
	width: 100%;
	margin: 0px;
}
.shop-product .text {
	float: left;
	width: 100%;
	text-align: center;
	background-color: #FFF;
	padding: 30px 0px 50px 0px;
}
.shop-product p {
	font-size: 16px;
	font-weight: normal;
}
.shop-product span {
	font-size: 40px;
	font-weight: 300;
	display: block;
	margin: 30px 0px;
}
.shop-product .text a {
	padding: 5px 15px;
	display: inline-block;
	font-size: 14px;
	color: #FFF;
}
/*tabs widget*/
.widget-tabs {
}
.widget-tabs .nav {
	margin: 0px;
}
.widget-tabs .nav-tabs > .active > a, .widget-tabs .nav-tabs > .active > a:hover, .widget-tabs .nav-tabs > .active > a:focus {
	color: #FFF;
	border: none;
	outline: none;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.6)
}
.widget-tabs .nav-tabs > li > a {
	padding: 12px 5px;
	border-radius: 0px;
	font-size: 12px;
	font-weight: normal;
	background-color: #000;
	color: #FFF;
	margin: 0px;
	border: none;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	font-family:'Playfair Display',serif;
}
.widget-tabs .nav-tabs > li {
	width: 50%;
}
.widget-tabs .tab-content {
	background-color: #FFF;
	padding: 10px;
}
.widget-tabs figure {
	float: left;
	margin:0px 15px 0px 0px;
}
.widget-tabs .text {
}
.widget-tabs p {
	font-size: 13px;
}
/*
========================================================
					TECH AND TREVAL
========================================================
*/
.tech {
	float: left;
	width: 100%;
	margin: 0px 0px 20px 0px;
}
.tech-section {
	float: left;
	width: 100%;
	background-color: #FFF;
	padding: 20px;
	border-bottom: 3px solid #E3E4E8;
	margin:20px 0px 0px 0px;
}
div.tech-section:first-child{
	margin:0px;
}
.tech-section h4, .travel-sec h4 {
	margin: 0px;
	font-style:italic;
}

.tech-section .post-comments {
	padding: 14px 0px;
	border: none
}
.travel-sec .post-comments {
	padding: 10px 0px 0px 0px;
	border: none;
}
.tech-section .post-comments li a, .travel-sec .post-comments li a {
	font-style: normal;
}
.travel-sec {
	float: left;
	width: 100%;
	background-color: #FFF;
	border-bottom: 3px solid #E3E4E8;
}
.travel-sec figure {
	margin: 0px;
	float: left;
	width: 100%;
}
.travel-sec figure img {
	width: 100%;
}
.travel-sec .text {
	float: left;
	width: 100%;
	padding: 15px
}
.entertainment {
	float: left;
	width: 100%;
	margin: 0px 0px 20px 0px;
}
.entertainment .business {
	border: none;
}
.entertainment-sec {
	background-color: #FFF;
	float: left;
	width: 100%;
	border-bottom: 3px solid #E3E4E8;
}
.entertainment-sec .business{
border:none;
}
.entertainment-sec .sports-thumbs-list ul {
	padding: 20px 0px;
}
.entertainment-sec .sports-thumbs-list ul li {
	width: 100%;
	padding: 30px 0 0px 0;
}
.entertainment-sec .sports-thumbs-list ul li:first-child {
	padding: 0px;
}
.widget-newsletter {
	background-color: #FFF;
}
.widget-newsletter .text {
	padding: 20px 20px 20px 20px;
}
.widget-newsletter input[type="text"] {
	border-radius: 0px;
	min-height: 40px;
}
.btn-style {
	padding: 7px 15px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	border: none;
	text-transform: uppercase;
	display: inline-block;
}
.btn-style:hover{
	box-shadow:0px 0px 0px 30px rgba(0,0,0,0.7) inset;
}
.life-style {
	background-color: #FFFFFF;
	border-bottom: 3px solid #E3E4E8;
	float: left;
	width: 100%;
	padding: 15px;
}
.life-style .post-comments {
	border: none;
	padding: 0px 0px 10px 0px;
	float:right;
	width:auto;
}
.life-style .color{
	float:left;
}
.life{
	float:left;
	width:100%;
}
.life-style h3 {
	margin: 0px
}
.life-style-thums {
	float: left;
	width: 100%;
	position: relative;
}
.life-style-thums .caption {
	position: absolute;
	background-color: rgba(0,0,0,0.8);
	padding: 5px;
	left: 0px;
	bottom: 0px;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	height:30%;
}
.life-style-thums:hover .caption{
	height:100%;
}
.life-style-thums .caption p {
	margin: 0px;
	color: #FFF;
	font-weight: normal;
	font-size: 11px;
}
/*
========================================================
					OVERVEIW SECTION
========================================================
*/
.over-view {
	float: left;
	width: 100%;
	background-image: url("../images/overview-bg.png");
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}
.over-view-cover{
	float:left;
	width:100%;
	padding: 50px 0px;
	position:relative;

}
.over-view-cover:before {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	background-image: url(../images/pettern.png);
	background-color: rgba(0,0,0,0.7);
}
.overview-text {
	float: left;
	width: 100%;
}
.overview-text h2 {
	color: #FFF;
}
.overview-text p {
	color: #FFF;
	font-size: 18px;
	font-weight: normal;
	line-height: 30px;
	font-style: italic;
}
/*
========================================================
					FOOTER
========================================================
*/
footer {
	float: left;
	width: 100%;
	margin: 0px 0px 0px 0px;
}
.top-widgets {
	float: left;
	width: 100%;
	padding: 30px 0px;
	background-image: url(../images/footer-bg.png);
}
.bottom-widgets {
	float: left;
	width: 100%;
	background-image: url(../images/footer-bg2.png);
	padding: 20px 0px;
}
.bottom-widgets .h-style {
	color: #FFF;
}
.text-widget {
}
.text-widget p {
	color: #FFF;
	font-size: 13px;
}
.text-widget .phon, .text-widget .email {
	font-size: 16px;
	font-weight: bold;
}
.widget-slider .flex-direction-nav {
	display: none;
}
.widget-slider .flex-control-paging li a {
	border-radius: 0px;
	background-color: rgba(255,255,255,0.5);
}
.widget-slider .flex-control-nav{
	width: auto;
	right: 0px;
}
.widget-slider .flex-control-nav li {
	margin: 0px 0px 0px 10px;
}
/*sign in widget*/
.widget-signin {
}
.widget-signin input[type="text"], .widget-signin input[type="password"] {
	min-height: 44px;
	border-radius: 0px;
	border: none;
	background: rgba(255,255,255,0.05);
	color: #999;
	padding: 4px 4px 4px 55px;
	margin: 0px;
}
.widget-signin ul {
	list-style: none;
	margin: 0px;
	float: left;
	width: 100%;
}
.widget-signin ul li {
	float: left;
	width: 100%;
	margin: 20px 0px 0px 0px;
	position: relative;
}
.widget-signin ul li:first-child {
	margin: 0px;
}
.widget-signin ul li .input-icon {
	position: absolute;
	height: 100%;
	width: 44px;
	text-align: center;
}
.widget-signin ul li .input-icon.user:before, .widget-signin ul li .input-icon.password:before {
	content: "\f007";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	/*--adjust as necessary--*/
	color: #fff;
	font-size: 18px;
	padding-right: 0.5em;
	position: absolute;
	top: 10px;
	left: 0;
	text-align: center;
	width: 100%;
}
.widget-signin ul li .input-icon.password:before {
	content: "\f084"
}
.widget-signin .btn-style {
	font-size: 18px;
	float: right;
	font-weight: 300;
}
.widget-signin .fb-btn {
	background-color: #0544b8;
	color: #FFF;
	font-size: 20px;
	padding: 12px 20px 12px 50px;
	display: inline-block;
	float: right;
	position: relative;
}
.widget-signin .fb-btn:before {
	content: "\f09a";
	font-family: FontAwesome;
	color: #fff;
	font-size: 47px;
	position: absolute;
	top: 0;
	left: 15px;
	line-height: normal;
}
/*top testimonials slider*/
.testimonials {
	float: left;
	width: 100%;
}
.headlins-bg {
	float: left;
	width: 100%;
	background-color: #000;
	padding: 30px 0px;
}
.testimonials #carousel2 .flex-direction-nav, .testimonials .flex-control-nav {
	display: none
}
.testimonials .flexslider {
	border: none;
	box-shadow: none;
	float: left;
	width: 100%;
	background: none;
	margin: 0px;
}
.testimonials .flexslider .slides > li{
	cursor:inherit;
}
.testimonials .flexslider p {
	color: #fff;
	font-weight: normal;
	font-size: 14px;
	margin: 0px;
}
.testimonials .flexslider p a {
}
.testimonials .flex-direction-nav a {
	background-color: transparent;
	width: 31px;
	height: 31px;
}
.testimonials .flex-direction-nav .flex-prev {
	left: auto;
	right: 50px;
}
.testimonials .flex-direction-nav .flex-prev:hover {
	right: 50px;
}
.testimonials .flex-direction-nav a:before {
	content: "\f104";
	padding: 4px 0px;
	font-size: 25px;
}
.testimonials .flex-direction-nav a.flex-next:before {
	content: "\f105"
}
.testimonials #carousel2 {
	margin: 50px 0px;
}
.testimonials .flexslider .slides > li {
	cursor: pointer;
}
.testimonials #carousel2 .flex-active-slide {
	margin: -50px 0px 0px 0px;
	position: relative;
}
.testimonials #carousel2 .flex-active-slide:before {
	content: "";
	background: rgba(255,255,255,0.7);
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
}
.extra-hidden {
	overflow: hidden;
}
.testimonials #carousel2 .flex-viewport {
	overflow: visible !important;
}
/*top rated widget*/
.widget-top-rated {
}
.widget-top-rated ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.widget-top-rated ul li {
	float: left;
	width: 100%;
	margin: 20px 0px 0px 0px;
}
.widget-top-rated ul li:first-child {
	margin: 0px;
}
.widget-top-rated figure {
	margin: 0px 15px 0px 0px;
	float: left;
}
.widget-top-rated ul li:hover figure img{
	opacity:0.5;
}
.widget-top-rated ul li a {
	font-size: 14px;
}
.widget-top-rated ul li a:hover {
	text-decoration: underline;
}
.widget-top-rated ul li p {
	margin: 0px;
}
.widget-top-rated .rating > span {
	width: auto;
	color: #fd9e2f
}
/*top recent blog*/

.widget-recent-blog {
}
.widget-recent-blog ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.widget-recent-blog ul li {
	float: left;
	width: 100%;
	margin: 5px 0px 0px 0px;
	position: relative;
	background-color: #FFF;
}
.widget-recent-blog ul li:first-child {
	margin: 0px;
}
.widget-recent-blog figure {
	margin: 0px 15px 0px 0px;
	float: left;
}
.widget-recent-blog ul li:hover figure img{
	opacity:0.5;
}
.widget-recent-blog ul li a {
	font-size: 14px;
	font-weight: bold;
	color: #000;
}
.widget-recent-blog ul li a:hover {
	text-decoration: underline;
}
.widget-recent-blog ul li p {
	margin: 0px;
	font-size:12px;
}
.widget-recent-blog .rating > span {
	width: auto;
	color: #fd9e2f
}
.widget-recent-blog .date {
	position: absolute;
	top: 0px;
	right: 0px;
}
/*flickr widget*/
.widget-flickr {
}
.widget-flickr ul {
	margin: 0px 0px 0px -20px;
	float: left;
	list-style: none;
}
.widget-flickr ul li {
	display: inline-block;
	text-align: center;
	width: 76px;
	margin: 0px 0px 20px 18px;
}
.widget-flickr ul li img {
	border: solid 4px #FFFFFF;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	border-radius: 2px;
	margin: 0px 0px 5px 0px;
}
.widget-flickr ul li p {
	margin: 0px;
}
.widget-flickr ul li a {
	font-size: 12px;
}
.copy-rights {
	background-color: #000;
	float: left;
	width: 100%;
	padding: 20px 0px;
}
.copy-rights p {
	margin: 0px;
	color: #FFF;
	text-align: center;
}
/*
========================================================
					404 ERROR PAGE
========================================================
*/

.breadcrumbs {
	float: left;
	width: 100%;
	padding: 20px 0px;
	margin: 0px 0px 30px 0px
}
.breadcrumbs .breadcrumb {
	background: none;
	display: inline-block;
	margin: 0px;
}
.breadcrumbs .breadcrumb > li {
	font-size: 12px;
	color: #FFF;
	font-weight: normal;
	text-shadow: none;
}
.breadcrumbs .breadcrumb > li a {
	color: #FFF;
	font-weight: normal;
}
.breadcrumbs .breadcrumb > li a:hover {
	text-decoration: underline;
}
.breadcrumbs .breadcrumb > li > .divider {
	color: #FFF;
}
.breadcrumbs h4 {
	color: #000;
	margin: 0px;
	display: inline-block;
	font-size: 24px;
	font-style:italic;
}
.error-404 {
	float: left;
	width: 100%;
	text-align: center;
	margin: 0px 0px 100px 0px;
}
.error-404 h1 {
	font-size: 300px;
	line-height: normal;
	margin: 0px;
}
.error-404 h2{
	font-size:100px;
	line-height:normal
}
.error-404 p {
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
}
.error-404 .search {
	width: 50%;
	margin: 20px auto;
	float: none;
}
.error-404 .search input[type="text"] {
	min-height: 46px
}
.error-404 .search button {
	background: none;
	color: #000;
	font-size: 25px;
}
/*
========================================================
					ADMIN PAGE
========================================================
*/

.admin-page {
	float: left;
	width: 100%;
}
.admin-page figure {
	float: left;
	margin: 0px 20px 20px 0px;
}
.admin-page h2 {
	font-size: 24px;
	margin: 0px 0px 10px 0px;
}
.admin-page .text a.box {
	display: inline-block;
	padding: 10px 20px;
	background-color: #fff;
	border: solid 1px #e7e7e7;
	font-size: 18px;
	text-align: center;
	color: #333;
	text-transform: capitalize;
	line-height: 25px;
	margin: 0px 5px 10px 0px;
}
.admin-page .text p {
	font-size: 16px;
}
.admin-profile-detail {
	float: left;
	padding: 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: #fff;
	border: solid 1px #e7e7e7;
	width: 100%
}
.admin-profile-detail p {
	font-size: 16px;
}
.admin-profile-detail strong {
	font-weight: bold;
}
/*
========================================================
					ABOUT US PAGE
========================================================
*/

.about-us {
	float: left;
	width: 100%;
}
.about-us .btn-style {
	font-size: 18px;
}
.about-us iframe {
	width: 100%;
	height: 250px;
}
.skills h2 {
	text-align: left;
	margin: 0px 0px 30px 0px
}
.skills {
	float: left;
	width: 100%;
}
.skills * {
	text-align: center;
}
.skills .percentage {
	color: #333;
	font-size: 40px;
}
.skills .label {
	font-size: 30px;
}
.services {
	float: left;
	width: 100%;
	background-color: #eeeeee;
	padding: 30px 0px;
}
.our-services {
	list-style: none;
}
.our-services i {
	height: 80px;
	width: 80px;
	float: left;
	color: #FFF;
	padding: 23px 0px;
	text-align: center;
	font-size: 35px;
	margin: 0px 20px 0px 0px;
}
.our-services a {
	margin: 0px 0px 5px 0px;
	line-height: normal;
	color: #333;
	font-size: 20px;
	font-weight: 300
}
.our-services p {
	color: #666;
}
.our-services li:hover i {
	border-radius: 100%;
}
.our-services li {
	margin-bottom: 30px;
	margin-top: 30px;
}
/*our clients*/
.our-clients {
	float: left;
	width: 100%;
	text-align: center;
}
.our-clients h2 {
	display: inline-block;
}
.our-clients .h-style:before {
	right: 0px;
	margin: auto;
	z-index: 10;
	height: 5px;
}
.our-clients .h-style:after {
	width: 270px;
	content: "";
	background-color: #999;
	height: 1px;
	position: absolute;
	left: 50%;
	margin-left: -135px;
	bottom: -10px;
}
.our-clients p {
	font-size: 18px;
	color: #666;
	margin: 20px 0px;
	line-height: 30px;
	font-weight: 300;
}
.our-clients figure {
	height: 250px;
	width: 250px;
	border-radius: 100%;
	float: left;
	overflow: hidden;
	margin: 0px 100px 0px 0px
}
.our-clients .flexslider {
	background: none;
	border: none;
	box-shadow: none;
	margin: 0px;
	text-align: left;
	padding: 50px 160px;
}
.our-clients .flexslider li {
	cursor: inherit;
}
.our-clients .flexslider h4 {
	font-style: italic;
}
.our-clients .flexslider p {
	font-style: italic;
	font-size: 20px;
}
.our-clients .flex-direction-nav a {
	background: none;
	height: 80px;
	width: 60px;
	top: 50%;
	margin-top: -40px
}
.our-clients .flex-direction-nav a:before {
	background: none;
	color: #bebebe;
	content: "\f104";
	font-size: 130px;
}
.our-clients .flex-direction-nav a.flex-next:before {
	content: "\f105"
}
.our-clients .flex-control-nav {
	display: none;
}
.our-team {
	background: #eeeeee;
	float: left;
	width: 100%;
	padding: 40px 0px;
}
.team {
	float: left;
	width: 100%;
	text-align: center;
}
.team figure {
	position: relative;
	width: 100%;
	display: inline-block;
	background-color: #666;
	border-radius: 100%;
	overflow: hidden;
}
.team:hover figure img {
	opacity: 0.2;
}
.team .social-icons {
	list-style: none;
	text-align: center;
	margin: 0px;
	position: absolute;
	left: 0px;
	bottom: -10%;
	width: 100%;
	margin-bottom: -17px;
}
.team:hover .social-icons {
	bottom: 50%;
}
.team .social-icons li {
	display: inline-block;
	margin: 0px 3px;
}
.team .social-icons li a {
	display: block;
}
.team .social-icons i {
	font-size: 25px;
	color: #FFF;
}
/*
========================================================
					AUTHOR PAGE
========================================================
*/

.author {
	float: left;
	width: 100%;
	background-color: #FFF;
	border: solid 1px #CCCCCC;
}
.author header {
	float: left;
	width: 100%;
	padding: 15px 15px;
}
.author header h4 {
	color: #FFF;
	margin: 0px;
	display: inline-block;
}
.author header span {
	float: right;
	color: #FFF;
}
.about-author {
	float: left;
	width: 100%;
	padding: 15px;
}
.about-author figure {
	float: left;
}
.about-author .text {
	padding: 0px 0px 0px 210px;
}
.social-icons2 {
	list-style: none;
	float:left;
	margin: 0px 0px 0px -10px;
}
.social-icons2 li {
	float: left;
	margin: 0px 0px 10px 10px;
}

.social-icons2 li a:hover {
	transform: scale(1.1);
}
.social-icons2 li a {
	padding: 4px 5px;
	display: block;
	font-size: 16px;
	height: 30px;
	width: 30px;
	color: #FFF;
	text-align: center;
}
.social-icons2 li a.facebook {
	background-color: #4861a3;
}
.social-icons2 li a.twitter {
	background-color: #1bb2e9;
}
.social-icons2 li a.github {
	background-color: #64b648;
}
.social-icons2 li a.google {
	background-color: #ce4231;
}
.social-icons2 li a.linkedin {
	background-color: #007bb6;
}
.social-icons2 li a.dribbble {
	background-color: #e14a85;
}
.social-icons2 li a.pinterest {
	background-color: #cd2026;
}
.social-icons2 li a.tumblr {
	background-color: #49637c;
}
.social-icons2 li a.youtube {
	background-color: #bc1e2c;
}
/*blog post*/
.blog-post {
	float: left;
	width: 100%;
	list-style: none;
	margin:0px;
}
.blog-post li {
	float: left;
	width: 100%;
	border-bottom: solid 1px #d9d9d9;
	padding: 30px 0px;
}
.blog-post figure {
	float: left;
	position: relative;
}

.blog-post .text {
	padding: 0px 0px 0px 200px;
}
.blog-post h4, .blog-post h4 a {
	font-size: 20px;
	font-style: italic;
	margin: 0px;
	color: #333;
}
.blog-post p {
	color: #666666;
}
.blog-post .post-comments {
	list-style: none;
	border: none;
	padding: 5px 0px;
}
.blog-post .post-comments li {
	padding: 0px;
	width: auto;
	border: none;
	padding: 0px
}
.blog-post .post-comments li a {
	font-style: normal;
	color: #333333;
}
.blog-post .rating > span {
	width: auto;
}
.pagination-style {
	float: left;
	width: 100%;
	margin:30px 0px 0px 0px;
}
.pagination-style ul {
	list-style: none;
	float: left;
	width: 100%;
	margin:0px;
}
.pagination-style ul li {
	float: left;
	margin: 0px 3px;
}
.pagination-style ul li a {
	height: 25px;
	width: 26px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	display: block;
	border: solid 1px #b8b8b8;
	border-radius: 4px;
	background-color: #ffffff;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#ebebeb)); /* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #ffffff, #ebebeb); /* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #ffffff, #ebebeb); /* IE 10 */
	background: -ms-linear-gradient(top, #ffffff, #ebebeb); /* Opera 11.10+ */
	background: -o-linear-gradient(top, #ffffff, #ebebeb);
	box-shadow:0px 1px 2px 0px rgba(0,0,0,0.1);
	padding:1px 0px;
}
.pagination-style ul li a:hover{
	background:#fff;
}

.pagination-style ul li a.active{
	border:none;
	background-image:none;
	box-shadow:none;
	color:#FFF;
}

.photos-widget{
}
.photos-widget ul{
	float:left;
	list-style:none;
	width:100%;
	margin:0px;
}
.photos-widget ul li{
	float:left;
	margin:0 2.1% 12px 2.1%;
	padding:12px;
	width:45.8%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	background-image:url(../images/pettern2.png);
}
.photos-widget ul li img{
	border:solid #CCC 1px;
}
.photos-widget ul li:hover img{
	opacity:0.5;
}
/*tags widget*/
.widget-tags{
	background-color:#FFF;
}
.widget-tags ul{
	margin:0px 0px 0px -20px;
	padding:20px;
	float:left;
	width:100%;
	list-style:none;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.widget-tags ul li{
	float:left;
	margin:0px 0px 10px 20px;
	position:relative;
}
.widget-tags ul li a{
	color:#FFF;
	font-size:12px;
	padding:3px 20px 3px 10px;
	display:block;
	border-radius:4px;
	position:relative;
	z-index:10;
}
.widget-tags ul li:hover a, .widget-tags ul li:hover:after{
	background-color:#000;
}
.widget-tags ul li:after{
	content:"";
	height:20px;
	width:20px;
	border-radius:4px;
	position:absolute;
	right:-8px;
	transform:rotate(45deg);
	top:3px;
}
.widget-tags ul li:before{
	content:"\f111";
	font-family: FontAwesome;
	color: #fff;
	font-size: 8px;
	position: absolute;
	top: 2px;
	right: 0px;
	z-index:12;
}

.widget-related-post{
}
.widget-related-post ul{
	list-style:none;
	padding:20px;
	float:left;
	width:100%;
	margin:0px;
	background-color:#FFF;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.widget-related-post ul li{
	float:left;
	width:100%;
	margin:5px 0px;
}
.widget-related-post ul li a{
	font-size:12px;
}
.widget-related-post ul li p{
	margin:0px;
}
.widget-twitter{
}
.widget-twitter header{
	background-color:#24b4ff;
	float:left;
	width:100%;
}
.widget-twitter header h4, .widget-twitter header p{
	margin:10px 0px 0px 0px;
	color:#FFF;
	font-size:24px;
	font-family:'Open Sans',sans-serif;
}
.widget-twitter header p{
	font-size:14px;
	margin:0px;
}
.widget-twitter i{
	width:60px;
	height:60px;
	background-color:rgba(0,0,0,0.2);
	float:left;
	color:#FFF;
	text-align:center;
	font-size:25px;
	margin:0px 15px 0px 0px;
	padding:10px 0px;
}
.widget-twitter .fa-twitter:before{
	height:40px;
	width:40px;
	border: solid 2px #FFFFFF;
	border-radius:100%;
	padding:5px 5px;
	display:inline-block;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.widget-twitter ul{
	list-style:none;
	margin:0px;
	float:left;
	width:100%;
	background-color:#fff;
}
.widget-twitter ul li{
	float:left;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-left:4px solid;
	border-color:transparent;
	padding:10px 10px 10px 20px;
}
.widget-twitter ul li:hover{
	background:#f3f3f3;
}
.widget-twitter ul li p{
	margin:0px;
}
.feed-time{
	font-size:12px;
	color:#999;
}

/*
========================================================
					BLOG LISTING
========================================================
*/

.blog-listing{
	float:left;
	width:100%;
}
.blog-listing iframe{
	width:100%;
	margin:0px;
	float:left;
	border:none;
}
.blog-listing article{
	float:left;
	width:100%;
	margin:30px 0px 0px 0px;
	background:#fff;
	border-bottom:solid 3px rgba(0,0,0,0.1)
}
.blog-listing figure{
	float:left;
	width:100%;
	position:relative;
}
.blog-listing figure:before{
	content:"";
	height:11px;
	width:100%;
	background-image:url(../images/blog-pettern.png);
	left:0px;
	bottom:0px;
	position:absolute;
}
.blog-listing article:first-child{
	margin:0px;
}
.blog-listing .text{
	float:left;
	width:100%;
	position:relative;
	padding:20px 20px 20px 70px;
}

.blog-listing .text a.color{
	font-weight:normal;
	font-size:14px;
	font-style:italic;
}
.blog-listing .text h4, .blog-listing .text h4 a{
	color:#333;
	font-size:21px;
	font-style:italic;
}
.post-type{
	width:50px;
	position:absolute;
	top:0px;
	left:0px;
}
.post-type a{
	display:block;
	height:50px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.post-type .type{
	text-align:center;
	color:#FFF;
	font-size:28px;
	padding:10px 0px;
}
.post-type .post-date{
	text-align:center;
	padding:2px 0px;
	background-color:#efefef;
}
.post-type .post-date p{
	margin:0px;
	line-height:none;
	font-size:10px;
	color: #333
}
.post-type .post-date .post-m{
	font-size:25px;
}
.post-footer{
	float:left;
	width:100%;
	padding:15px;
	border-top: solid 1px rgba(0,0,0,0.1)
}
.post-footer .post-comments{
	border:none;
	width:auto;
	padding:0px;
}
.post-footer .rating{
	float:right;
}

/*
========================================================
					BLOG DETAIL
========================================================
*/

.blog-listing  blockquote{
	padding:20px 20px 20px 40px;
	background-color:#efefef;
}
.blog-listing .text blockquote p{
	font-size:16px;
	line-height:24px;
	font-style:italic;
	color:#494949;
	font-weight:bold;
}
.blog-listing .social-icons2{
	padding:15px;
	border-top:solid 1px rgba(0,0,0,0.1);
	margin:0px;
	width:100%;
}
.comments{
	float:left;
	width:100%;
	margin:0px 0px 30px 0px;
}
.comments ul{
	list-style:none;
	float:left;
	width:100%;
	margin:0px;
}
.comments ul li{
	float:left;
	width:100%;
	margin:30px 0px 0px 0px;
}
.comments ul li figure{
	float:left;
}
.comments ul li .text{
	background:#fff;
	border-bottom:solid 3px rgba(0,0,0,0.1);
	margin:0px 0px 0px 30px;
	padding:20px 20px 20px 60px
}
.comments ul li .comment-heading{
	margin:0px 0px 0px 30px;
	padding:0px 0px 5px 60px
}
.comments ul li h5, .comments ul li a{
	font-family:'Open Sans',sans-serif;
	font-size:16px;
	margin:0px 5px 0px 0px;
	display:inline-block;
	color:#666;
}
.comments ul li .comment-heading p{
	display:inline-block;
	margin:0px;
}
.comments ul li p{
	margin:0px;
}
.comments ul li .reply{
	color:#666;
	font-size:14px;
	font-weight:bold;
	float:right;
}
.comments ul li .reply i{
	margin:0px 5px 0px 0px;
}
.comments ul ul{
	width:90%;
	float:right;
}

/*REPLY FORM*/ 

.leave-reply{
	float:left;
	width:100%;
	background-color:#FFF;
	border-bottom:solid 3px rgba(0,0,0,0.1)
}
.leave-reply h2, .contact-us h2{
	color:#FFF;
	background-color:#000;
	padding:10px 15px;
	font-size:24px;
	line-height:normal;
	margin:0px;
	font-style:italic;
}

.leave-reply ul{
	list-style:none;
	float:left;
	width:100%;
	padding:20px;
	margin:0px;
}
.leave-reply ul li{
	margin:0px 0px 20px 0px;
	position:relative;
	
}
.leave-reply ul li i{
	position:absolute;
	top:0px;
	right:0px;
	height:100%;
	width:50px;
	text-align:center;
	font-size:20px;
	padding:15px 0px;
}
.leave-reply input[type="text"], .leave-reply textarea{
	border-radius:0px;
	min-height:50px;
	margin:0px;
	padding:4px 60px 4px 6px;
}
.leave-reply textarea{
	height:200px;
	resize:none;
	padding:8px;
}
.leave-reply .btn-style{
	font-size:18px;
	float:right;
	padding:15px 20px;
}
.coming-soon{
	float:left;
	width:100%;
	text-align:center;
}
.coming-soon h2{
	font-size:76px;
	line-height:normal;
	font-style:italic;
}
.coming-soon p{
	font-size:18px;
	font-weight:bold;
	font-style:italic;
}
.coming-soon .hasCountdown{
	width:70%;
	margin:30px auto;
	border-bottom:solid 6px;
	background-color:#000;
}
.stay-connected{
	width:50%;
	margin:0px auto;
}
.stay-connected p{
	font-size:14px;
	font-weight:normal;
	font-style:normal;
}
.stay-connected h3{
	font-style:italic;
}
.stay-connected .social-icons2{
	margin:10px 0px 30px 0px;
	width:100%;
}
.stay-connected .social-icons2 li{
	float:none;
	display:inline-block;
	margin:0px 0px 0px 5px;
}
.stay-connected .social-icons2 li:first-child{
	margin:0px;
}
.stay-connected .stay-in{
	float:left;
	width:100%;
}
/*
========================================================
					CART PAGE
========================================================
*/
.cart-table{
	float:left;
	width:100%;
	margin:0px 0px 30px 0px;
}
.cart-table ul{
	width:100%;
	display:table;
	padding:0px;
	border-left:solid 1px #dfdfdf;
	border-bottom:solid 1px #dfdfdf;
	border-top:solid 1px #dfdfdf;
	margin:0px;
}
.cart-table ul li{
	display:table-row;
	margin:0px;
	background-color:#FFF;
	width:100%
}
.cart-table ul li:hover{
	background-color:#f6f6f6;
	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);
}
.cart-table ul li p{
	margin:0px;
}
.cart-table ul li .product, .cart-table ul li .detail, .cart-table ul li .price, .cart-table ul li .quantity, .cart-table ul li .total, .cart-table ul li .del{
	display:table-cell;
	border-right:solid 1px #dfdfdf;
	border-bottom:solid 1px #dfdfdf;
	padding:10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	text-align:center;
	vertical-align:middle;
}
.cart-table ul li .product{
	width:14%;
}
.cart-table ul li .detail{
	width:30%;
	float:none;
}
.cart-table ul li .price{
	width:12%;
}
.cart-table ul li .quantity{
	width:25%;
}
.cart-table ul li .total{
}
.cart-table ul li .del{
}
.table-caps{
	font-size:24px;
	font-weight:normal;
	text-transform:capitalize;
}
li.table-caps:hover{
	background-color:#fff !important;
	box-shadow:none !important;
}
.cart-table ul li.table-caps .product, .cart-table ul li.table-caps .detail, .cart-table ul li.table-caps .price, .cart-table ul li.table-caps .quantity, .cart-table ul li.table-caps .total, .cart-table ul li.table-caps .del{
	padding:20px 10px;
}
.cart-table .close{
	float:none;
	font-size:30px;
}
.table-caps > div{
	border-bottom:solid 5px #000;
}
.update-cart{
	float:left;
	width:100%;
	background-color:#f6f6f6;
	padding:30px 50px;
	border-left:solid 1px #dfdfdf;
	border-right:solid 1px #dfdfdf;
	border-bottom:solid 1px #dfdfdf;
}
.update-cart .input-append{
	margin:0px;
}
.update-cart .btn{
	padding:7px 12px 6px 12px;
}
.update-cart input[type="text"]{
	width:300px;
	min-height:35px;
}
.cart-steps{
	float:left;
	width:100%;
	padding:25px;
	background-color:#FFF;
	border: solid 1px #cfcfcf;
	min-height:350px;
	margin:0px 0px 30px 0px;
}
.cart-steps table{
	width:100%;
	padding:0px;
	border:none;
}
.cart-steps .input-block-level{
	padding:10px;
	min-height:40px;
	border-radius:0px;
	margin:0px 0px 15px 0px;
}
.cart-steps label{
	cursor:default;
	color:#898989;
	margin:0px 0px 10px 0px;
}
.cart-steps table{
	float:left;
	width:100%;
	margin:0px 0px 30px 0px;
}
.cart-steps table tr td{
	padding:10px 0px;
}
.sub-totle{
	font-size:18px;
	font-weight:normal;
	color:#898989;
}
.grand-totle{
	font-size:24px;
	font-weight:normal;
}
/*
========================================================
					EVENT LISTING
========================================================
*/

.event-listing{
	float:left;
	width:100%;
}
.event-listing .text{
	float:left;
	width:100%
}
.event-listing .text p{
	text-align:justify;
	line-height:24px;
	color:#737373;
	margin:0px 0px 20px 0px;
}
.event-listing .btn-style{
	font-size:18px;
	padding:15px 20px;
}
.event-listing article{
	float:left;
	width:100%;
	margin:0px 0px 30px 0px;
}

.event-listing h2{
	font-size:22px;
	color:#FFF;
	line-height:normal;
	margin:20px 0px;
	font-style:italic;
}
.event-date{
	color:#FFF;
	font-size:18px;
	text-align:center;
	margin:15px 0px;
}
.event-listing .caption{
	padding:5px 15px;
}
.event-listing .countdown_amount{
	font-size:30px;
	line-height:25px;
	font-weight:400;
	margin:0px 2px;
	font-style:italic;
	
}
.event-listing .countdown_show4 .countdown_section{
	font-family:'Open Sans',sans-serif;
}
.event-listing .caption .countdown_section{
	font-size:11px;
	line-height:normal;
}
.event-listing .hasCountdown{
	width:100%;
	padding:0px;
	background-color:rgba(0,0,0,0.3);
	padding:5px 0px 10px 0px;	
}
.admin-timing{
	margin:0px;
	list-style:none;
	float:left;
	width:100%;
	padding:10px 0px;
	border-bottom:solid 1px rgba(0,0,0,0.5);
	margin:0px 0px 20px 0px;
}
.admin-timing li{
	float:left;
	margin:0px 15px 0px 0px;
	color:#333;
}
.admin-timing li i{
	margin:0px 5px 0px 0px;
}
.admin-timing li a{
	color:#333;
}
.event-listing .social-icons2{
	margin:20px 0px;
}
.contact-us iframe{
	width:100%;
}

.contact-us h2{
	margin:0px 0px 30px 0px;
}
.contacts{
	float:left;
	width:100%;
	margin:0px 0px 20px 0px;
}
.contacts p{
	font-size:16px;
	margin:15px 0px;
}
.contacts p i{
	margin:0px 10px 0px 0px;
	float:left;
	width:30px;
	font-size:20px;
	text-align: center;
}
.contact-form{
	float:left;
	width:100%;
}
.contact-form input[type="text"], .contact-form textarea{
	min-height:40px;
	border-radius:0px;
	margin:0px 0px 20px 0px;
}
.contact-form textarea{
	height:160px;
	resize:none;
}
.faqs{
	float:left;
	width:100%;
}
.faqs .accordion-heading .accordion-toggle{
	color:#FFF;
	font-size:20px;
	font-weight:normal;
	line-height:normal;
	padding:15px;
}
/*
========================================================
					GALLERY PAGE
========================================================
*/
.gallery-1{
	float:left;
	width:100%;
}
.gallery-1 ul{
	list-style:none;
}
.gallery-1 ul li{
	margin-bottom:30px;
}
.gallery-text{
	font-size:18px;
	font-weight:normal;
	color:#929292;
	font-style:italic;
	line-height:normal;
}

.gallery-1 article{
	float:left;
	width:100%;
	background-color:#fff;
	margin-bottom:30px;
	position:relative;
}
.gallery-1 figure{
	float:left;
	margin:0px 20px 0px 0px;
	width:60%;
}
.gallery-1 .text div.pull-right{
	position:absolute;
	right:0px;
	bottom:0px;
}
.gallery-1 .text{
	padding:20px 20px 20px 63%;
}
.gallery-1 .text p{
	font-size:12px;
	color:#898989;
}
.gallery-1 h3{
	margin:0px;
	font-style:italic;
}
.gallery-1 .text a{
	font-size:25px;
	color:#FFF;
	padding:10px 40px;
	display:inline-block;
	font-weight:bold;
	font-style:italic;
	font-family:'Playfair Display',serif;
	line-height:normal;
}

.hover-style a {
	width: 100%;
	position: relative;
	display: block;
}
.hover-style a:after {
	content: "";
	width: 100%;
	height: 0px;
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	left: 0px;
	bottom: 0px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}
.hover-style:hover a:after {
	height: 100%;
}
.hover-style a:before {
	content: "\f067";
	font-family: FontAwesome;
	color: #fff;
	font-size: 30px;
	padding-right: 0.5em;
	position: absolute;
	top: 50%;
	left: 0;
	margin: -10px 0px 0px 0px;
	z-index: 2;
	width: 100%;
	opacity: 0;
	text-align: center;
}
.hover-style:hover a:before {
	opacity: 1;
}
.gallery-detail{
	float:left;
	width:100%;
}
.gallery-detail .flexslider{
	border:none;
	border-radius:0px;
	box-shadow:none;
	margin:0px;
}
.gallery-detail .flex-direction-nav a{
	top:50%;
	width:34px;
	height:52px;
	background-color:#FFF;
	margin:-26px 0px 0px 0px;
}
.gallery-detail .flex-direction-nav a:before, .gallery-detail .flex-direction-nav a.flex-next:before{
	content:"\f053";
	background:none;
	color:#333;
	font-size:20px;
}
.gallery-detail .flex-direction-nav a.flex-next:before{
	content:"\f054"
}
.gallery-detail .flex-control-nav{
	bottom:0px;
}
.gallery-detail .flexslider .slides > li{
	background-color:#000;
	position:relative;
}
.gallery-detail .flexslider .slides img{
	opacity:0.3
}
.gallery-detail .flex-control-paging li a{
	background:none;
	border:solid 1px #fff;
}
.gallery-detail .flex-control-paging li a.flex-active{
	background:#fff;
}
.gallery-detail .caption{
	position:absolute;
	left:0px;
	top:0px;
	padding:50px 70px;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.gallery-detail .caption h2{
	font-size:45px;
	color:#FFF;
	font-family:'Open Sans',sans-serif;
	font-weight:300;
	line-height:normal;
	margin:0px 0px 15px 0px;
}
.gallery-detail .caption p{
	color:#FFF;
	font-size:14px;
	margin:0px 0px 15px 0px;
}
.gallery-detail .caption a.anchor{
	display:inline-block;
	font-size:15px;
	text-transform:uppercase;
	color:#fff;
	border:solid 1px #fff;
	padding:10px 20px;
	border-radius:3px;
	font-weight:normal;
}
.gallery-detail .flexslider .slides > li{
	cursor:inherit;
}

.project-detail{
	float:left;
	width:100%;
	margin:20px 0px 0px 0px;
	background-color:#fff;
}
div.project-detail:first-child{
	margin:0px;
}
.project-detail h2{
	font-size:18px;
	font-style:italic;
	margin:0px;
	text-transform:inherit
}
.project-detail .text{
	padding:20px;
	float:left;
	width:100%;
	border-left:solid 1px rgba(0,0,0,0.1);
	border-right:solid 1px rgba(0,0,0,0.1);
	border-bottom:solid 1px rgba(0,0,0,0.1);
}
.project-detail ul{
	margin:0px;
	padding:0px;
	list-style:none;
	float:left;
	width:100%;
}
.project-detail ul li{
	float:left;
	width:100%;
	margin:0px 0px;
}
.project-detail ul li a{
	color:#333;
	display:inline-block;
	padding:2px 0px 2px 15px;
	position:relative;
}
.project-detail ul li a:before {
    content: "\f105"; 
    font-family: FontAwesome;
    color: #000;
    font-size: 14px;
    position: absolute;
    top: 2px;
    left: 0;
}

/*recent work section*/

.recent-work{
	float:left;
	width:100%;
}
.recent-work ul{
	list-style:none;
}
.recent-work ul li img{
	width:100%;
}
.horizontal-ads{
	float:left;
	width:100%;
	background-color:#fbfbfb;
	border-top:solid 1px rgba(0,0,0,0.2);
	border-bottom:solid 1px rgba(0,0,0,0.2);
	padding:50px 0px;
}
.add-horisontal{
	margin:0px auto;
	width:856px;
	background-color:#eeeeee;
	padding:13px;
	background-image:url(../images/pettern2.png);
}
.add-horisontal img{
	width:100%;
}

.cp-gallery .hover-style a{
	position:static;
}
.cp-gallery img{
	width:100%
}
.cp-gallery figure {
	float: left;
	background: #17A781;
	overflow:hidden;
	margin: 0 2px 4px;
}

.isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	transition-duration: 0.8s;
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	transition-property: transform, opacity;
}

.single-blog{
	float:left;
	width:100%;
	background-color:#fff;
	padding:20px;
	margin:0px 0px 20px 0px;
}
.single-blog figure{
	float:left;
	width:50%;
}
.single-blog figure img{
	width:100%;
}
.single-blog .text{
	padding:0px 0px 0px 53%;
}

.single-blog .post-comments{
	border:none;
	padding:0px;
	display:inline-block;
	width:auto;
}
.single-blog .rating {
	display:inline-block;
	float:right;
}
.single-blog .rating > span{
	width:auto;
}
.single-blog .breadcrumb > li a{
	font-size:12px;
	color:#333;
}
.single-blog .breadcrumb{
	background:none;
	padding:0px;
	margin:0px 0px 15px 0px;
	width:auto;
	display:inline-block;
}
.single-blog .read-more{
	font-size:14px;
	float:right;
	display:inline-block;
}

.fashion-slider{
	float:left;
	width:100%;
}
.fashion-slider .flex-direction-nav .flex-prev{
	left:auto;
	right:45px;
}
.fashion-slider .flex-direction-nav .flex-next, .fashion-slider .flexslider:hover .flex-next{
	right:10px;
}
.fashion-slider .caption{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	background-color:rgba(0,0,0,0.8);
	padding:15px 20px;
}
.fashion-slider .caption h2{
	font-size:18px;
	color:#FFF;
	margin:0px;
	line-height:normal;
}
.fashion-slider .caption p{
	margin:0px;
}
.fashion-slider .flex-control-nav{
	display:none;
}
.fashion-slider .flexslider{
	margin:0px 0px 50px 0px;
	border:none;
	border-radius:0;
	box-shadow:none;
}
.fashion-slider .flex-direction-nav a{
	top:auto;
	bottom:-40px;
	background:none;
	height:30px;
	width:30px;
}
.fashion-slider .flex-direction-nav a:before{
	background:none;
	border:solid 2px #000;
	content:"\f104";
	color:#000;
	font-size:30px;
	padding:2px 0px;
}
.fashion-slider .flex-direction-nav a.flex-next:before{
	content:"\f105";
	padding:2px 9px;
}
.fashion-slider #carousel{
	padding:5px;
	background-color:#000;
	margin:0px;
}
.fashion-slider #carousel .flex-direction-nav{
	display:none;
}
.fashion-slider .flexslider figure{
	position:relative;
}

/*Recent Posts*/
.recent-posts{
	float:left;
	width:100%;
	background-color:#FFF;
	padding:20px 20px 20px 20px;
	margin:0px 0px 20px 0px;
}
.recent-posts ul{
	list-style:none;
	margin:0px 0px 0px -16px;
	float:left;

}
.recent-posts ul li{
	position:relative;
	float:left;
	margin:0px 0px 15px 15px;
	position:relative;
	width:46.3%;
}
.recent-posts .caption{
	position:absolute;
	left:0px;
	bottom:0px;
	padding:10px;
	background-color:rgba(0,0,0,0.7);
	height:30%;
}
.recent-posts ul li:hover .caption{
	height:100%;
}
.recent-posts .caption p{
	font-size:12px;
	color:#fff;
	margin:0px;
}
.right-now{
	float:left;
	width:100%;
	background-color:#FFF;
	padding:5px;
	margin:0px 0px 30px 0px;
}
.right-now h2{
	font-size:24px;
	margin:0px;
}
.right-now figure{
	margin:5px 0px;
}
.thumb-list{
	float:left;
	width:100%;
	margin:0px 0px 10px 0px;
	list-style:none;
}
.thumb-list li{
	float:left;
	width:100%;
	margin:10px 0px 0px 0px;
}
.thumb-list li figure{
	float:left;
	width:auto;
	border:solid 3px rgba(0,0,0,0.3);
	margin:0px 5px 0px 0px;
}
.thumb-list li:hover figure img{
	opacity:0.5;
}
.thumb-list li p{
	font-size:10px;
	margin:3px 0px;
	line-height:normal;
}
.thumb-list li a{
	font-style:italic;
	font-size:12px;
	font-weight:bold;
}

.latest-article{
	float:left;
	width:100%;
}
.latest-article ul{
	list-style:none;
}
.latest-article ul li{
	margin-bottom:30px;
}
.latest-article ul li .post-comments li{
	margin-bottom:0px;
}
/*
========================================================
					NEWS PAGE
========================================================
*/

.news-captions{
	float:left;
	width:100%;
	position:relative;
	margin:10px 0px 0px 0px
}
.news-captions img{
	width:100%;
}
div.news-captions:first-child{
	margin:0px;
}
.news-captions .caption{
	position:absolute;
	left:0px;
	bottom:0px;
	padding:5px 10px;
	background-color:rgba(0,0,0,0.7);
	width:100%;
}
.news-captions .caption h2, .news-captions .caption h4{
	font-size:20px;
	color:#fff;
	margin:0px;
	line-height:normal;
	display:inline-block;
}
.news-captions .caption h4{
	font-size:12px;
}
.news-captions .caption p, .news-captions .caption a{
	font-weight:bold;
	font-style:italic;
	font-size:12px;
}

.news-captions .rating{
	display:inline-block;
	float:right;
}
.news-captions .rating > span, .news-article .rating > span{
	width:auto;
	color:#ffbc00
}
.news-article{
	float:left;
	width:100%;
	background-color:#000;
	padding:15px;
}
.news-article .h-style{
	color:#FFF;
	font-size:20px;
}
.news-article ul{
	list-style:none;
	margin:0px 0px 0px -10px;
	float:left;
}
.news-article ul li{
	float:left;
	margin:0px 0px 0px 10px;
	width:140px;
}

.news-article ul li p{
	font-size:12px;
	color:#CCC;
	line-height:18px;
	margin:0px;
}
.news-article .rating > span{
	font-size:14px;
}

.top-five{
	float:left;
	width:100%;
}
.top-five ul{
	float:left;
	width:100%;
	margin:0px;
	list-style:none;
}
.top-five ul li {
	float:left;
	margin:0px 0px 0px 2px;
}
.health-article{
	background-color:#fff;
}
.health-article h2.h-style{
	color:#333;
}
.health-article.news-article ul li p{
	color:#999
}
/*
========================================================
					GOSIPS PAGE
========================================================
*/

.gosips{
	float:left;
	width:100%;
}
.gosips .flex-direction-nav{
	display:none;
}
.gosips .flexslider{
	border:none;
	box-shadow:none;
	margin:0px;
}
.gosips .flex-control-nav{
	bottom:auto;
	top:10px;
	right:0px;
}
.gosips .flex-control-nav li{
	float:right;
}
.gosips .flex-control-paging li a{
	height:15px;
	width:15px;
	background-color:rgba(255,255,255,0.5);
	box-shadow:none;
}
.gosips .flex-control-paging li a.flex-active, .gosips .flex-control-paging li a:hover{
	background-color:rgba(255,255,255,1);
}
.gosips .flexslider .caption{
	position:absolute;
	left:0px;
	bottom:20px;
	width:100%;
	z-index:10;
}
.gosips .flexslider .slides > li{
	position:relative;
}
.gosips .flexslider .slides > li:after{
	content:"";
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	position:absolute;
	background-image:url(../images/pettern.png);
	opacity:0.7;
}
.gosips .flexslider h2{
	color:#FFF;
	padding:5px 10px;
	display:table;
	margin:2px 0px;
}
.gosips .flexslider h2.black{
	background-color:#000;
}
.gosips .flexslider a.more{
	display:inline-block;
	position:absolute;
	right:20px;
	bottom:0px;
	padding:10px 30px;
	border:solid 2px #fff;
	border-radius:4px;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
}

.article-tabs{
	float:left;
	width:100%;
	margin:20px 0px 0px 0px;
}
.article-tabs .nav{
	margin:0px;
}
.article-tabs .nav-tabs > li{
	width:20%;
	text-align:center;
}
.article-tabs .nav-tabs > li > a{
	border-radius:0px;
	margin:0px;
	padding:12px 0px;
	color:#FFF;
	font-weight:bold;
	border:none;
}
.article-tabs .nav-tabs > .active > a, .article-tabs .nav-tabs > .active > a:hover, .article-tabs .nav-tabs > .active > a:focus{
	color:#333;

}
.article-tabs .nav > li > a:hover, .article-tabs .nav > li > a:focus{
	background-color:#FFF;
	color:#333;
	border:none;
}
.article-tabs .tab-content{
	background-color:#FFF
}
ul.tabs-list{
	list-style:none;
	margin:0px;
	padding:0px;
	float:left;
	width:100%;
}
ul.tabs-list li{
	float:left;
	width:50%;
	padding:10px 20px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
ul.tabs-list li .thumb{
	float:left;
	width:100%;
}
ul.tabs-list li figure{
	float:left;
}
ul.tabs-list li:hover figure img{
	opacity:0.5;
}
ul.tabs-list li h4{
	font-size:18px;
	margin:0px 0px 5px 0px;
	font-family:'Open Sans',sans-serif;
}
.team-info{
	padding:0px 0px 0px 70px;
}
.team-info p{
	font-weight:bold;
	color:#a3abaf;
}
ul.tabs-list .text{
	float:left;
	width:100%;
	padding:10px 0px 0px 0px;
}

.travel-section.gosips-sec .treval-thumb{
	padding:0px;
	margin:0px;
	border:none;
}

.gallery-section{
	float:left;
	width:100%;
	margin:0px 0px 20px 0px;
}
.gallery-section .flexslider{
	box-shadow:none;
	border-radius:0px;
	border:none;
	margin:0px;
}
.gallery-section .img-gallery{
	width:33.3333%;
	float:left;
	padding:2px;
}
.gallery-section .flex-control-nav{
	display:none;
}
.gallery-section .flex-direction-nav a{
	height:60px;
	width:60px;
	border-radius:100%;
	background-color:rgba(255,255,255,0.7);
	top:50%;
	margin-top:-30px;
}
.gallery-section .flex-direction-nav .flex-prev{
	left:10px;
}
.gallery-section .flex-direction-nav a.flex-next{
	right:10px;
}
.gallery-section .flex-direction-nav a:before{
	background:none;
	content:"\f104";
	font-size:40px;
}
.gallery-section .flex-direction-nav a.flex-next:before{
	content:"\f105";
}

.news-slider{
	float:left;
	width:100%;
	margin-bottom:20px;
}
.news-slider .flexslider{
	box-shadow:none;
	border-radius:0px;
	border:none;
	margin:0px;
}
.news-slider .flexslider .slides > li{
	position:relative;
}
.news-slider .caption{
	position:absolute;
	background-color:rgba(0,0,0,0.7);
	left:0px;
	bottom:0px;
	width:100%;
	padding:20px 200px 20px 20px;
}
.news-slider .caption p{
	color:#999;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	margin:0px;
	position:relative;
}
.news-slider .caption .rating{
	position:absolute;
	right:20px;
	top:50%;
	margin-top:-10px;
}
.news-slider .flex-direction-nav a{
	height:70px;
	width:70px;
	background:none;
	border:solid 2px #FFFFFF;
	border-radius:100%;
}
.news-slider .flex-direction-nav a:before{
	background:none;
	content:"\f0d9";
	font-size:35px;
}
.news-slider .flex-direction-nav a.flex-next:before{
	content:"\f0da";
}
.news-slider .flex-direction-nav .flex-prev{
	top:50%;
	left:20px;
	margin-top:-35px;
}
.news-slider .flex-direction-nav .flex-next{
	right:20px;
	margin-top:-35px;
	top:50%;
}
.news-thumb{
	float:left;
	width:100%;
	margin:30px 0px 0px 0px;
}
div.news-thumb:first-child{
	margin:0px;
}
.news-thumb img{
	width:100%;
}
.news-slider .flex-control-nav{
	display:none;
}

.health-news{
	float:left;
	width:100%;
	padding:5px 15px;
	background-color:#FFF;
}
.health-news ul{
	list-style:none;
	margin:0px;
	padding:0px;
	float:left;
	width:100%;
	border:none;
}
.health-news ul li{
	float:left;
	width:100%;
}
.health-news figure{
	float:left;
}
.health-news ul li:hover figure img{
	opacity:0.5;
}
.health-news ul li h2, .health-news ul li h2 a {
	font-size:18px;
	margin:0px;
	line-height:normal;
}
.health-news ul li h2 a:hover{
	text-decoration:underline;
}
.health-news .post-comments{
	padding:10px 0px;
}
.health-news .post-comments li{
	width:auto;
	margin:0px 12px;
	font-size:12px;
	position:relative;
}
.health-news .post-comments li:before{
	content:"|";
	float:left;
	position:absolute;
	left:-15px;
}
.health-news .post-comments li:first-child:before{
	content:"";
}
.health-news .post-comments li:first-child{
	margin-left:0px;
}
.health-news .text{
	padding:0px 0px 0px 200px
}
.health-news .rating > span{
	font-size:16px;
	line-height:normal;
	width:auto;
}
.side-banner{
	float:left;
	width:100%;
	margin:20px 0px 0px 0px;
	position:relative;
}
.side-banner .banner-caps{
	position:absolute;
	background:rgba(104,18,18,0.9);
	border-bottom:solid 2px #da4453;
	left:15px;
	right:15px;
	bottom:15px;
	padding:15px;
}
.side-banner .banner-caps p{
	font-size:16px;
	font-weight:bold;
	color:#FFF;
}

.health-recent-posts{
	float:left;
	width:100%;
}
.health-recent-posts .thumb{
	float:left;
	width:100%;
	margin:0px 0px 10px 0px;
}
.health-recent-posts ul{
	list-style:none;
	margin-top:-10px;
	margin-bottom:0px;

}
.health-recent-posts ul li{
	float:left;
	margin-top:10px;
}
.health-recent-posts ul li .thumb img{
	width:100%;
}
.featured-video{
	float:left;
	width:100%;
}
.featured-video ul{
	list-style:none;
	float:left;
	margin:0px 0px 0px -3px;
}
.featured-video ul li{
	border:solid 3px;
	border-color:transparent;
	margin:0px 0px 3px 3px;
	float:left;
	border-radius:3px;
	overflow:hidden;
}
.featured-video ul li:hover{
}
.sports-news{
	margin:20px 0px;
}
.sports-news li{
	padding:15px 0px;
	margin:0px ;
	border-top:solid 1px rgba(0,0,0,0.1)
}
.sports-news .post-comments{
	padding-bottom:0px;
}
.sports-news .post-comments li{
	padding:0px;
	border:none;
}

.video-slider{
	float:left;
	width:100%;
	margin:0px 0px 20px 0px;
}
.video-slider .bxslider li iframe{
	width:100%;
	height:352px;
}
.video-slider  #bx-pager iframe{
width:100px;
height:65px;
float:left;
margin-right:10px;
}
.video-slider  #bx-pager {
width:35%;
float:left;
}
.video-slider  #bx-pager > a{
width:100%;
background:#fff;
padding:10px 10px;
margin:2px 0px;
color:#333333;
}
.video-slider  #bx-pager > a:first-child{
margin-top:0px;
}
.video-slider .bx-wrapper{
width:65%;
float:left;
}
.video-slider  #bx-pager p{
font-size:12px;
line-height:16px;
margin:0px;
}
.video-slider  #bx-pager p.date{
margin-top:5px;
}
.video-slider .bx-controls.bx-has-controls-direction{
	display:none;
}

.featured-post{
	float:left;
	width:100%;
}
.featured-post p{
	margin:0px;
	color:#FFF;
}
.featured-post ul{
	list-style:none;
	margin:0px 0px 0px -24px;
	padding:0px;
	float:left;
}
.featured-post ul li{
	float:left;
	width:190px;
	margin:0px 0px 24px 24px;
	position:relative;
}
.featured-post ul li:hover img{
	opacity:0.5;
}
.featured-post ul li .caption{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	padding:5px 10px;
	background-color:rgba(0,0,0,0.7);
}
.featured-post ul li .caption p{
	font-weight:bold;
}
.featured-post .post-type{
	position:absolute;
	left:0px;
	top:0px;
	width:80%;
	padding:5px 10px;
	z-index:10;
}
.featured-post .post-type p{
	display:inline-block;
}
.featured-post .post-type i{
	float:right;
	color:#FFF;
	font-size:18px;
}

.special-offer{
	float:left;
	width:100%;
	padding:20px;
}
.special-offer .thumb{
	float:left;
}
.special-offer .text{
	padding:0px 0px 0px 220px;
}
.special-offer h2{
	margin:0px;
}
.offer-rate{
	padding:20px 0px;
	border-top:solid 1px #CCCCCC;
	float:left;
	width:100%;
}
.offer-rate p{
	font-size:40px;
	font-weight:bold;
	margin:5px 0px;
}
.offer-rate span{
	float:left;
}
.offer-rate .couple{
	height:42px;
	width:42px;
	float:right;
	background-image:url(../images/couple-icon.png);
	background-repeat:no-repeat;
}
.offer-rate small{
	font-size:14px;
}
.hot-deals{
	float:left;
	width:100%;
	border-top:solid 1px #CCCCCC;
	padding:10px 0px 0px 0px;
}
.hot-deals p, .hot-deals a{
	margin:0px;
	font-size:20px;
	font-weight:bold;
	color:#c4c6c8;
}
.over-view  canvas{
	width:100% !important;
}

.widget-new-ad{
	background-image:url(../images/pettern2.png);
	background-color:#FFF;
	padding:14px;
}
/*
========================================================
					CSS TRANSITIONS
========================================================
*/
.signup ul li a, .navigation ul li:before, .whats-new a:before, .headline-review a, .image-gallery .caption, .image-gallery .caption p, .image-gallery .caption a, .jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .social-icon-widget ul li span, .social-icon-widget ul li a, .multimedia .image-thumbs ul li, .multimedia-tabs ul li:before, .multimedia-tabs ul li a, .flexslider .slides > li, .navigation ul li a, .our-services i, .our-clients .flex-direction-nav a:before, .team figure img, .team .social-icons, .blog-post figure a:before, .blog-post figure a:after, .blog-post h4 a, .widget-twitter ul li, .comments ul li .reply, .comments ul li h5 a, .cart-table ul li, .btn-style, .hover-style a:after, .hover-style a:before, .hot-deals a, .navigation ul ul, .widget-tags ul li a, .widget-tags ul li:after, .post-comments li a, .headlines li figure img, .sports-thumbs figure img, .widget-top3 ul li figure img, .read-more, .life-style-thums .caption, .travel-listing figure img, .widget-recent-blog figure img, .widget-top-rated figure img, .health-news ul li figure img, .photos-widget ul li img, .recent-posts .caption, .thumb-list li figure img, .event-listing article figure img, ul.tabs-list li figure img, .featured-post ul li img{
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}


.banner{
	float:left;
	width:100%;
	overflow:hidden;
}
.banner .bx-wrapper .bx-controls-direction a, .banner .flex-direction-nav a{
	height:100px;
	width:100px;
	border-radius:100%;
	border:solid 2px #fff;
	margin-top:-50px;

}
.banner .flex-direction-nav a{
	background-color:transparent;
	top:50%;
}
.banner .bx-wrapper .bx-prev, .banner .flex-direction-nav .flex-prev{
	left:-50px;
}
.banner .bx-wrapper .bx-next, .banner .flex-direction-nav .flex-next{
	right:-50px;
}
.banner .bx-wrapper .bx-prev:before, .banner .bx-wrapper .bx-next:before, .banner .flex-direction-nav .flex-prev:before, .banner .flex-direction-nav .flex-next:before{
	content:"\f0d9";
	font-family: FontAwesome;
	color: #fff;
    font-size: 40px;
    position: absolute;
    top: 10px;
    left: 0;
	text-indent:0;
	padding:28px 25px;
	width:100%;
	text-align:right;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.banner .bx-wrapper .bx-next:before, .banner .flex-direction-nav .flex-next:before{
	content:"\f0da";
	text-align:left;
}
.banner .flex-direction-nav .flex-prev:before, .banner .flex-direction-nav .flex-next:before{
	height:auto;
	width:auto;
	background-color:transparent;
	margin:0px;
}
.banner .banner-caps{
	position:absolute;
	left:50%;
	margin:-100px 0px 0px -35%;
	top:50%;
}
.banner .banner-caps h2{
	font-size:40px;
	color:#FFF;
	line-height:40px;
}
.banner .banner-caps p{
	font-size:20px;
	color:#FFF;
	background-color:#000;
	padding:5px 15px;
	display:inline-block;
	line-height:normal;
	font-family:'Crete Round',serif;
}
.banner .flexslider{
	margin:0px;
}

.banner #slider3{
	display:inline-block;
	width:59%;
	border:none;
	float:left;
	border-radius:0px;
	background:none;
	overflow:hidden;
}
.banner #carousel3{
	width:41%;
	float:left;
	border-radius:0px;
	border:none;
	background:none;
}
.banner #carousel3 .flex-direction-nav{
	display:none;
}
.banner .flexslider .slides > li{
	position:relative;
}
.banner .flex-control-nav{
	display:none;
}
.banner .flexslider .banner-caps{
	top:auto;
	bottom:30px;
}
.banner #carousel3 .banner-caps h2{
	font-size:25px;
	line-height:25px;
}
.banner #carousel3 .banner-caps{
	margin:-110px 0 0 -45%;
}
.banner #carousel3 .banner-caps p{
	font-size:10px;
}


Contact Page

This theme is a fixed layout with two columns. All of the information within the main content area is nested within a div with an id of "primaryContent". The sidebar's (column #2) content is within a div with an id of "secondaryContent".

  
				
                

Adress

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,

25 Lorem Park Avenue San Francisco, CA 00078

(123) 456-7890

+08 (123) 456-7890

contact@companyname.com

http://companyname.com

Leave Us a Comment

PSD Files

               Total 32 PSD Files In Source Folder