/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
	display:block
}
mark, rp, rt, ruby, summary, time {
	display:inline
}
/* Global properties */
body {
	background:#fff;
	font:12px/18px Arial, Helvetica, sans-serif;
	color:#595959;
}
 @font-face {
 font-family: 'TrocchiRegular';
 src: url('../fonts/trocchi-webfont.eot');
 src: url('../fonts/trocchi-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/trocchi-webfont.woff') format('woff'), url('../fonts/trocchi-webfont.ttf') format('truetype'), url('../fonts/trocchi-webfont.svg#TrocchiRegular') format('svg');
 font-weight: normal;
 font-style: normal;
}
html, body {
	height:100%;
	margin:0;
	padding:0;
}
fieldset {
	border:0
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
/* form defaults */
input, select, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
	color:#393939;
	margin:0;
	padding:0
}
.mb10{
	margin-bottom:10px;
}
/* Global Structure */

.wrapper {
	max-width:100%;
	background:url(../images/mainconbg.png) repeat;
}
.logo {
	/*background:url(../images/diyanet_logo.png) no-repeat;*/
	width:110px;
	height:100px;
	margin:0px 0 0;
	display:block;
	float:left;
	text-indent:-999px;
	overflow:hidden;
}
.logo a{
	display:block;
	height:100%;
}
.mainwrapper {
	max-width:1003px;
	margin:0 auto;
}

/* Header */
.mainheader {
	width: 100%;
	background:url(../images/bannerbg.jpg) repeat-x top;
}
.mainheaderinner {
	float: left;
	left: 0;
	overflow: hidden;
	top: 0;
	width: 100%;
}
.topmenu {
	background:url(../images/topbg.png) repeat;
	height:47px;
	width:100%;
	overflow:hidden;
	position:relative;
}
.topmenu2 {
	background:url(../images/topbg2.png) repeat;
	min-height:93px;
	width:100%;
	overflow:hidden;
	padding-bottom:15px;
}
.topmenu2 ul {
	float:right;
	margin:45px 0 0;
	padding:0;
}
.topmenu2 ul li {
	list-style:none;
	display:inline;
	background:url("../images/topmenubg.png") no-repeat 0 2px ;
	padding:0 5px 0 14px;
}
.topmenu2 ul li a {
	color:#2e1308;
}
.topmenu2 ul li:first-child{
	background:none;
}
.patern{
	position:absolute;
	top:4%;
	height:47px;
	width:41.5%;
	background:url(../images/top-bg.png) repeat-x;
}
.bg-1{
	left:0;
}
.bg-2{
	right:0;
}
.bismiallah {
	background:url(../images/bisim.png) no-repeat center center;
	font-family:TrocchiRegular;
	height:47px;
	width:232px;
	margin:0 auto;
	display:block;
}

.mainnav {
	background-color:#2e1308;
	width:100%;
	border-bottom:5px solid #fcbf9f;
	position:relative;
	z-index:999;
}
.nav {
	width:100%;
	line-height:50px;
}
.nav:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}
.nav ul {
	margin:0;
	padding:0;
}
.nav ul li {
	list-style:none;
	float:left;
	margin-left:1px;
	position:relative;
}
.nav ul li a {
	font-family:Tahoma, Geneva, sans-serif;
	line-height:42px;
	font-size:15px;
	color:#fff;
	padding:0 21px;
	display:block;
	position:relative;
}
.nav ul li a:hover, .nav ul li a.current {
	background:#FCBF9F;
	color:rgba(217, 202, 38, 1); /*#2E1308;*/
	text-decoration:none;
}
.nav ul li ul{
	display:none;
	width:200px;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.8);
	border:3px solid #000;
	position:absolute;
	left:0;
	top:43px;
	padding-bottom:5px;
}
.nav ul li ul li{
	float:none;
	margin:0;
}
.nav ul li ul li a{
	line-height:33px;
	font-size:14px;
}
.nav ul li:hover ul{
	display:block;
	
}
.list-nav{
	display:none;
	width:100%;
	padding: 8px;
	background:#4c2616;
	border:0;
	color:#fff;
}
.list-nav option{
	margin:5px;
}
.banner {
	background:url(../images/banner-bg.jpg) repeat-x bottom #fff;
	padding:13px 13px 17px;
	margin:52px auto 1px;
	max-width:990px;
	overflow:hidden;
}
.menulowresu {
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
}

.numbercon {
	font-family:TrocchiRegular;
	text-align:center;
	color:#2e1308;
	font-size:26px;
	margin:20px 0 0;
	line-height:30px;
	width:83px;
	float:left;
}
.bannertextcon strong {
	font-family:Arial, Helvetica, sans-serif; /*TrocchiRegular;*/
	margin:10px 0 10px;
	display:block;
	color:#2e1308;
	font-size:20px;
}
.bannertextcon {
	padding:10px;
	text-align:left;
	color:#2e1308;
	height:40px;
	width:320px;
	float:left;
}
.ulimg {
	margin:0 0 0 -10px;
	padding:0;
	overflow:hidden;
}
.ulimg li {
	list-style:none;
	width: 26.5%;
	margin: 0 0 10px 10px;
	border:3px solid #d5d3ce;
	float:left;
}
.ulimg li img {
	width:100%;
	float:left;
}
.testimonialcon {
	padding:3% 5% 0;
	background:#ded9d3;
	width:90%;
	overflow:hidden;
}
.testimonialcon strong {
	font-family:TrocchiRegular;
	font-size:13px;
	color:#c45c27;
	margin:0 0 5px;
	display:block;
	font-weight:normal;
}
.subscribewrapper {
	background:url(../images/newsletterbg.jpg) repeat;
	width:100%;
	overflow:hidden;
}
.nop {
	padding:5px 0 !important;
}
.newslettertext {
	font-family:TrocchiRegular;
	font-size:18px;
	color:#2e1308;
	line-height:56px;
	float:left;
}
.newslettercon {
	margin:14px 0 0;
	border:1px solid #d1cfcc;
	width:286px;
	float:right;
}
.newslettercon .news-letter {
	width:200px;
	float:left;
	height:14px;
	padding:8px 10px;
	border:0;
	font-size:12px;
	font-style:italic;
}
.newslettercon .readmorebtn {
	line-height:24px;
}
/*
.twitter {
	background:url(../images/twitter.png) no-repeat left center;
	padding:0 0 0 58px;
	line-height:56px;
	color:#2e1308;
	font-size:12px;
}
*/
.date {
	color:#C45C27;
}

/*--------------- slider start here ---------------*/
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	overflow: hidden;
	
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
}
.nivo-main-image {
	display: block !important;
	position: relative !important;
	width: 100% !important;
}
.about-gal img {
	border:6px solid #fff;
	width:97% !important;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img {
	display:block;
}
/* Caption styles */
.nivo-caption {
	background:url(../images/captionbg.png) no-repeat;
	position:absolute;
	left:0px;
	bottom:0px;
	color:#fff;
	width:434px;
	height:93px;
	z-index:8;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
#slider1 .nivo-caption {
	display:none !important;
}
#slider3 .nivo-caption {
	display:none !important;
}
.slider3 .nivo-controlNav {
	margin:10px 0 0;
}
#slider2 .nivo-caption {
	display:block !important;
	width:100%;
	background:none;
	top:-5px;
	color:#535353;
}
#slider2 .nivo-caption p {
	margin:5px 0 0;
}
.slider1 .nivo-controlNav {
	display:block;
}
#slider .nivo-directionNav {
	display:none !important;
}
#slider1 .nivo-directionNav {
	position:absolute;
	top:-37px;
	right:0;
	display:block !important;
}
#slider2 .nivo-directionNav {
	display:none !important;
}
.slider1 .nivo-controlNav {
	display:none !important;
}
.slider1 a.nivo-prevNav {
	background:url(../images/footerarrow.png) no-repeat left center;
	width:14px;
	height:14px;
	display:inline-block;
	margin:0 2px 0 0;
}
#slider1 img {
	border:5px solid #574848 !important;
}
.slider1 a.nivo-nextNav {
	background:url(../images/footerarrow.png) no-repeat right center;
	width:14px;
	height:14px;
	text-indent:-444px;
	display:inline-block;
}
.slider1 .nivoSlider {
	overflow:visible;
}
#slider1 .nivo-directionNav a {
	position:relative;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
	display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
	display:none;
	font-size:0;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
/*	margin:-28px 0 0 13px;*/
	margin:-10px 10px 0 0;
	float:right;
	position:relative;
	z-index:9999;
	text-align:center;
	padding:0;
}
.nivo-controlNav a {
	width:10px;
	height:10px;
	float:left;
	margin:0 5px 0px 0;
	text-indent:-999px;
	overflow:hidden;
	background:#2e1308;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
	background:#C45C27;
}
/*--------------- slider ended here ---------------*/

/*--------------- slider start here ---------------*/
.mainbodywraptop {
	background:url(../images/mainconbgtop.png) repeat-x;
	height:30px;
	width:100%;
	display:block;
}
.bodywrapper {
	width:100%;
	overflow:hidden;
}
.bodywrapper.inner {
	padding-top:30px;
}
.introcon {
	margin:20px 0 0;
}
.mainwrapper h2 {
	font-family:Tahoma, Geneva, sans-serif;
	border-bottom:1px solid #c8c6c2;
	padding:0 0 15px;
	margin:0 0 15px;
	font-size:22px;
	width:100%;
	line-height:22px;
	color:#2e1308;
	position:relative;
	font-weight:bold;
}
.aboutwrapper{
	margin-top:30px;
}
.aboutwrapper .column{
	position:relative;
	overflow:hidden;
	margin-bottom:0!important;
	padding-bottom:30px;
}
.aboutwrapper .mainwrapper h2 {
	border-bottom:none; 
	padding:0;
}
.aboutwrapper .mainwrapper p {
	margin:0;
}
.aboutwrapper .mainwrapper img {
	float:left; padding:0px;
}
.aboutwrapper .txt-btn{
	bottom: 10px;
    position: absolute;
 	color:#595959;
	left:-20%;
}
.mainwrapper h3 {
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
	border-bottom:1px solid #c8c6c2;
	padding:0 0 5px;
	margin:0 0 15px;
	font-size:18px;
	width:100%;
	line-height:24px;
	color:#2e1308;
	position:relative;
	line-height:24px;
}
.h-line {
	display:block;
	background:#2b1207;
	height:1px;
	width:52px;
	left:0;
	bottom:-1px;
	position:absolute;
}
.readmorebtn {
	background:#C45C27;
	float:left;
	padding:6px 8px;
	color:#fff;
	font-family: TrocchiRegular;
	margin:0 10px 10px 0;
}
.readmorebtn:hover {
	background:#e67a43;
	text-decoration:none;
}
.readmorebtn.large{
	padding:13px 23px;
}
.readmorebtn.medium{
	padding:12px 13px;
}

.readmorebtn.large.gray,
.readmorebtn.medium.gray,
.readmorebtn.small.gray,
#toggle-view li h3.gray
{
	background:#4e4e4e !important;
}
.readmorebtn.large.gray:hover,
.readmorebtn.medium.gray:hover,
.readmorebtn.small.gray:hover,
#toggle-view li h3.gray:hover
{
	background:#757575 !important;
}
.readmorebtn.medium.black,
.readmorebtn.small.black,
.readmorebtn.large.black,
#toggle-view li h3.black,
.dropcap.black
{
	background:#000 !important;
}
.readmorebtn.medium.black:hover,
.readmorebtn.small.black:hover,
.readmorebtn.large.black:hover,
#toggle-view li h3.black:hover
{
	background:#404040 !important;
}
.readmorebtn.submit{
	margin:0;
	float:right;
	border:0;
	height:31px;
	cursor:pointer;
	line-height:18px;
	*padding:0 2px;
}
.calender {
	margin:0;
	padding:0;
	width:100%;
	overflow:hidden;
}
.calender img {
	width:100%;
}
.festivalswrapper {
	background:url(../images/sprater.png) repeat-x left top;
	width:100%;
	padding:40px 0 0 0;
}
.festivalswrapper01 {
	background:url(../images/sprater.png) repeat-x left bottom;
}
.fastivalcon img {
	margin:0 0 10px;
}
.headingstyle02 {
	font-size:18px;
}
.viewmoretop {
	font-size:12px;
	padding: 6px 8px;
	margin:0;
	position:absolute;
	right:0;
}
.newslettercon .viewmoretop {
	margin:0;
}
/*--------------- slider ended here ---------------*/

/*--------------- Start CSS for grid ---------------*/
.grid:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}
.grid {
	overflow:hidden;
	margin-left:-30px;
}
.grid-holder {
	overflow:hidden;
}
.grid .column {
	float: left;
	min-height: 1px;
	margin:0 0 30px 30px;
}
.grid p {
	margin:0 0 15px;
	padding:0;
}
.grid p a {
	color:#595959;
	font-weight:bold;
}
.dropcap {
	display: block;
	float: left;
	text-transform: uppercase;
}
.dropcap.type-square {
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
	font-size: 18px;
	font-weight: bold;
	height: 38px;
	line-height: 14px;
	margin-right: 0.5em;
	overflow: hidden;
	text-align: center;
	width: 38px;
}
/*------ #2 column--------- */
.c-one-half {
	width:486px;
}
/*------ #3 column--------- */
.c-one-third {
	width: 310px;
}
/*------ #4 column--------- */
.c-one-fourth {
	width: 228px;
}
/*------ #5 column--------- */
.c-one-fifth {
	width: 193px;
}
/*------ #6 column--------- */
.c-one-sixth {
	width: 142px;
}
/*------ #3-4 column End--------- */
.c-three-fourth {
	width:663px;
}
/*------ #3-5 column End--------- */
.c-four-fifth {
	width: 790px;
}
/*------ End CSS for grid -----*/
.grid .column.mt0 {
	margin-bottom:0;
}


/*--------------- End CSS for grid ---------------*/	
	
.rightconteam {
	float:right;
}
/*--------------- Start content CSS ---------------*/

/*---------------Start Footer ---------------*/
.copy-right {
	float:left;
}
.slider1 {
	height:190px;
	position:relative;
}
.footerwrapper {
	background:url(../images/footerbg.jpg) repeat;
	width:100%;
	float:left;
}
.footerwrapper .c-one-fourth {
	width:235px;
}
.footertop {
	background:url(../images/footerpattren.jpg) repeat;
	padding:20px 0 0;
 *padding:20px 0 30px 0;
	color:#b5b5b5;
	width:100%;
}
.footertop02 {
	background:url(../images/footerpattrennew.jpg) repeat !important;
}
.headingstyle03 {
	font-family:TrocchiRegular;
	font-size:18px;
	color:#fff;
	font-weight:normal;
	margin:0 0 20px;
	display:block;
	line-height:23px;
}
.ulstyel02 {
	margin:0 0 20px;
	padding:0;
}
.ulstyel02 li {
	list-style:none;
	line-height:24px;
}
.ulstyel02 li a {
	color:#b5b5b5;
}
.copyright {
	background:url(../images/mainconbgtop2.png) repeat-x left;
	font-family:TrocchiRegular;
	color:#FFF;
	border-top:1px solid #584948;
	width:100%;
	line-height:18px;
	overflow:hidden;
	padding:10px 0 40px;
	height:34px;
}
.copyright a {
	float:right;
	color:#FFF;
}
.clr {
	clear:both;
}
.socialnetcon {
	margin:0;
	padding:0;
}
.socialnetcon li {
	list-style:none;
	float:left;
}
.socialnetcon li a {
	margin:0 5px 0 0;
	width:30px;
	height:25px;
	float:left;
}
.socialnetcon li a .social-txt{
	text-indent:-999px;
	overflow:hidden;
	display:block;
}
.fb {
	background:url(../images/socialnetwork.png) no-repeat 0 0;
}
.flicker {
	background:url(../images/socialnetwork.png) no-repeat -33px 0;
}
.twetter {
	background:url(../images/socialnetwork.png) no-repeat -32px 0;
}
.youtube {
	background:url(../images/socialnetwork.png) no-repeat -64px 0;
}
.instagram {
	background:url(../images/socialnetwork.png) no-repeat -98px 0;
}
.skype {
	background:url(../images/socialnetwork.png) no-repeat -99px 0;
}
.linkin {
	background:url(../images/socialnetwork.png) no-repeat -129px 0;
}
.site-map {
	width:190px !important;
}
/*---------------End Footer ---------------*/

/* inner-page-CSS-start */

/*--------------- slider ended here ---------------*/
/* Browser Resets */
.flex-container a:active, a:active, .flex-container a:focus, a:focus {
	outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
/* FlexSlider Necessary Styles
---------------   */ 
.slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.slides img {
	width: 100%;
	display: block;
	min-height:577px;
}
.flex-pauseplay span {
	text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .slides {
	display: block;
}
* html .slides {
	height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
	display: block;
}

/*--------------- Start FlexSlider Default Theme ---------------*/
.flex-viewport {
	max-height: 870px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}
.loading .flex-viewport {
	max-height: 300px;
}
.carousel li {
	margin-right: 5px
}
/* Direction Nav */
.flex-direction-nav a {
	width: 30px;
	height: 30px;
	margin: -20px 0 0;
	display: block;
	background: url(images/bg_direction_nav.png) no-repeat 0 0;
	position: absolute;
	top: 50%;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 0;
-webkit-transition: all .3s ease;
}
.flex-direction-nav .flex-next {
	background-position: 100% 0;
	right: -36px;
}
.flex-direction-nav .flex-prev {
	left: -36px;
}
:hover .flex-next {
	opacity: 0.8;
	right: 5px;
}
:hover .flex-prev {
	opacity: 0.8;
	left: 5px;
}
:hover .flex-next:hover, :hover .flex-prev:hover {
	opacity: 1;
}
.flex-direction-nav .disabled {
	cursor: default;
}
/* Control Nav */
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -40px;
	text-align: center;
	display:none;
}
.flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
}
.flex-control-paging li a {
	width: 11px;
	height: 11px;
	display: block;
	background: #666;
	background: rgba(0, 0, 0, 0.5);
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
.flex-control-paging li a:hover {
	background: #333;
	background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
	background: #000;
	background: rgba(0, 0, 0, 0.9);
	cursor: default;
}
.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden;
}
.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0;
}
.flex-control-thumbs img {
	width: 100%;
	display: block;
	opacity: .7;
	cursor: pointer;
}
.flex-control-thumbs img:hover {
	opacity: 1;
}
.flex-control-thumbs .active {
	opacity: 1;
	cursor: default;
}
/*--------------- End FlexSlider Default Theme ---------------*/

 @media screen and (max-width: 860px) {
 .flex-direction-nav .flex-prev {
opacity: 1;
left: 0;
}
 .flex-direction-nav .flex-next {
opacity: 1;
right: 0;
}
}
/*--------------- slider ended here ---------------*/

/*--------------- Testimonial start here ---------------*/
.headingstyle04 {
	margin:50px 0;
}
.client-s {
	padding:20px 25px;
	background:#fbf6f1;
	border:1px solid #c6c4c0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:12px;
}
.test-holder {
	overflow:hidden;
	margin-bottom:45px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:-0.25%;
}
.test-holder p {
	margin:0;
	padding:0;
	font-size:14px;
	line-height:24px;
	color:#606060;
}
.t-author {
	font-family:TrocchiRegular;
	float:right;
	color:#2e1308 !important;
}
.t-author span {
	color:#878787;
	font-size:14px;
}
.margin {
	margin-bottom:35px;
}
.rightcon {
	float:left;
	width:100%;
	margin:0 0 40px;
}
.ulstyle03 {
	line-height:30px;
	margin:0;
	padding:0;
}
.ulstyle03 li {
	background:url(../images/liststylebg.png) no-repeat left center;
	padding:0 0 0 20px;
	list-style:none;
}
.ulstyle03 li a {
	color:#535353;
}
/*---------------- End Testimonials CSS ---------------*/

/*--------------- Start Team CSS ----------------*/
.team-holder {
	overflow:hidden;
	margin-bottom:25px;
}
.team-holder .title {
	color:#2e1308;
	margin:0 0 5px;
}
.team-holder h2 {
	font-family:TrocchiRegular;
	color:#2e1308;
	margin:0 0 10px;
	font-size:14px;
	text-transform:uppercase;
	border:0;
	padding:0;
}
.team-holder p {
	line-height:20px;
}
.team-img {
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	float: left;
	margin: 0.5% 2% 0 1%;
}
.special-list img {
	border:1px solid #e1dfde;
	width:99.5%;
}
.img-det {
	float:left;
	padding-top:5px;
	color:#606060;
	font-size:13px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.img-det p {
	margin:0 !important;
}
.img-det .title {
	color:#2c2525;
	font-size:14px;
	text-transform:uppercase;
	margin:0;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
}
.img-det .title2 {
	color:#2c2525;
	font-size:14px;
	text-transform:uppercase;
	margin:0;
	display:block;
	font-weight:normal;
	font-family:"Myriad Pro";
}
.img-det p {
	margin:0;
	padding:0;
	color:#606060;
	font-style:italic;
	font-size:13px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.det-link {
	background:url(../images/arrow2.png) no-repeat;
	height: 27px;
	overflow: hidden;
	position: absolute;
	right: 12px;
	color:#666;
	text-indent: -9999px;
	top: 33%;
	width: 27px;
}
.team-list img {
	float:left;
	margin:2px 10px 0 2px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.team-list .column {
	border-bottom:1px solid #e8e5e0;
	padding-bottom:10px;
	margin-bottom:10px;
}
/*--------------- End Team CSS ----------------*/

/*--------------- Testimonial ended here ---------------*/

/*--------------- Site map Start here ---------------*/
.sitemap .sitemapbox {
	margin:0 0 32px;
	padding:0;
}
.sitemap .title {
	font-family:TrocchiRegular;
	display:block;
	margin:0 0 18px;
	font-size:18px;
	color:#2e1308;
}
.sitemap ul {
	line-height:25px;
	margin:0;
	padding:0;
}
.sitemap ul li {
	list-style:none;
}
.sitemap ul li a {
	background:url(../images/sitemaparrow.png) no-repeat left center;
	padding:0 0 0 22px;
	display:block;
	color:#535353;
}
/*--------------- Testimonial ended here ---------------*/

/*--------------- Search start here ---------------*/
.searchcon p {
	font-size:18px;
}
.searchcon strong {
	font-family:Verdana, Geneva, sans-serif;
	display:block;
	color:#2e1308;
	margin:0 0 10px;
	font-size:14px;
	font-weight:bold;
}
.sumitbtn {
	border:0;
	float:none;
	position:relative;
	cursor:pointer;
}
.ulstyle04 {
	margin:0 0 0 -12px;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.ulstyle04 li {
	width:60px;
	float:left;
	border:3px solid #d2cfcb;
	margin:0 0 15px 12px;
}
.ulstyle04 li img {
	float:left;
	width:100%;
}
/*--------------- Search ended here ---------------*/

/*--------------- Portfolio start here ---------------*/
.portfolio {
	margin:0 0 0 20px;
	padding:0;
	width:100%;
	float:left;
}
.portfolio img {
	margin:0 0 20px 0;
}
.portfolio ul {
	padding:0;
	margin:0 0 0 -20px;
}
.portfolio ul li {
	display:inline;
	width:47%;
	float:left;
	padding:0;
	margin:0 0 20px 20px;
	color:#535353;
}
.portfolio ul.ulstyle05 li {
	margin:0 0 0 20px;
}
.portfolio ul li p {
	font-family:Verdana, Geneva, sans-serif;
	color:#535353;
}
.portfolio ul li a {
	font-weight:bold;
	float:right;
	color:#fff;
}
.ulstyle05 {
	margin:0;
	padding:0;
}
.ulstyle05 li {
	list-style:none;
}
.ulstyle05 li label {
	font-family:Verdana, Geneva, sans-serif;
	display:block;
	line-height:16px;
	list-style:none;
}
.ulstyle05 li label strong {
	font-family:TrocchiRegular;
	color:#201f1f;
	font-weight:normal;
}
.ulstyle05 li textarea {
	padding:10px;
	max-width:100%;
	min-width:100%;
	min-height:200px;
	max-height:200px;
	margin:0 0 20px;
}
.c-field {
	padding:10px 10px;
	width:80%;
	height:15px;
	border:1px solid #c6c4c0;
}
.headingstyle05 {
	font-family:TrocchiRegular;
	padding:0 0 15px;
	margin:0 0 15px;
	display:block;
	font-size:24px;
	width:100%;
	color:#2e1308;
	position:relative;
}
/*--------------- Portfolio ended here ---------------*/

/*--------------- left nav start here ---------------*/
.leftnavside {
	float:left;
	margin:0;
	padding:0;
}
.leftnavrside {
	float:right;
}
/*--------------- Portfolio ended here ---------------*/


/*--------------- left nav start here---------------*/

.leftnav {
	float:left;
	width:100%;
	margin:0 0 40px;
}
.ulstyle06 {
	background:#e8e5e0;
	border:1px solid #c6c3c0;
	margin:0;
	padding:0;
}
.ulstyle06 li {
	padding:0 0 0 19px;
	list-style:none;
}
.ulstyle06 li:hover, .ulstyle06 li.current {
	background-color:#cbc0b7;
}
.ulstyle06 li a {
	padding:0 0 0 15px;
	line-height:47px;
	display:block;
	color:#333333;
}
.ulstyle06 li:hover a, .ulstyle06 li.current a {
	background:url(../images/arrow01.png) no-repeat left center;
}
.headingstyle06 {
	font-size:18px;
	border-bottom:none;
}
.headingstyle06 span {
	display:none;
}
.headingstyle07 {
	margin:20px 0;
	font-size:18px;
	font-weight:normal;
	float:left;
}
/*--------------- left nav ended here---------------*/

/*--------------- authore start here---------------*/
.clientcon {
	border:1px solid #d0ccc9;
	padding:15px;
	margin:0 0 30px;
	overflow:hidden;
	width:96%;
	float:left;
}
.headingstyle08 {
	margin:0 0 -38px;
	font-size:18px;
}
.clientcon img {
	border:1px solid #d0ccc9;
	margin:0 10px 0 0;
	float:left;
}
.authortabbedpanel {
	border-bottom:none !important;
	float:right;
}
.authortabbed {
	border:none !important;
	padding:10px 0;
}
.authortabbedpanel01 {
	font-size:12px !important;
	padding:10px !important;
}
.headignstyle09 {
	font-size:18px;
	margin:0;
	border-bottom:none;
}
.authorbox {
	width:100%;
	float:left;
}
.authorbox img {
	margin:0 10px 10px 0;
	float:left;
}
.authorbox .heading {
	font-family:TrocchiRegular;
	margin:0 0 10px;
	font-size:14px;
	color:#2e1308;
	display:block;
}
.commentbox {
	background:#e7e4df;
	border:1px solid #d0ccc9;
	width:93%;
	margin:10px 0 0;
	float:left;
	padding:10px 20px;
	overflow:hidden;
}
.clientcon01 {
	border:none;
	padding:0;
	margin:0 0 30px;
}
/*--------------- authore ended here---------------*/

/*--------------- blog double sidebar start here---------------*/
.blogdouble {
	margin:0 0 20px;
	overflow:hidden;
}
.letestnewsbox {
	background:url(../images/latestnewsbg.png) no-repeat center bottom;
	padding:0 0 10px;
	margin:0 0 10px;
	width:100%;
	float:left;
}
.letestnewsbox img {
	margin:0 10px 10px 0;
	float:left;
}
.blog {
	margin:0 0 20px;
	overflow:hidden;
}
.blog img {
	margin:0 0 20px;
	border:7px solid #fff;
	width:97%;
}
.blog .blogheading {
	font-family:TrocchiRegular;
	margin:0 0 20px;
	display:block;
	font-size:18px;
	color:#2e1308;
}
.color01 {
	color:#377e79;
}
.table {
	background:#333;
}
.table ul {
	float:left;
	margin:0;
	padding:0;
	border:1px solid #C9C9C9;
}
.table ul li {
	list-style:none;
	padding:5px 10px;
}
.table ul li.title {
	font-weight:bold;
	background:#333;
	color:#fff;
}
.table ul li.even {
	background:#fff
}
.table ul li.odd {
	background:#FFFFE6
}
.table ul li .wrapper {
	display:table-cell;
	width:100px;     /*replace here*/
	min-height:100px;/*  "     "   */
}
.table ul li {
	float:left;
	display:inline-block;
}
.table ul {
	display:table;
}
/*--------------- blog double sidebar ended here---------------*/

/*--------------- career start here---------------*/
.career-list {
	margin:0 0 20px;
	padding:15px;
	list-style:none;
	background:#e4e1dd;
	color:#202020;
	font-size:13px;
}
.career-list li {
	border-top:1px solid #d1d1d1;
	padding:10px 0;
}
.career-list li:first-child {
	border:0;
}
.career-list li strong {
	float:left;
	margin-right:5%;
	width:25%;
}
.career-list li strong span {
	float:left;
}
.services-list {
	margin:0 0 30px;
	padding:0;
	list-style:none;
	overflow:hidden;
	color:#3d3c3c;
}
.services-list li {
	margin-bottom: 5px;
}
.services-list li a {
	color:#3d3c3c;
}
.more-btn {
	color:#fff;
	background:#377e79;
	padding:8px 15px;
	float:left;
	text-decoration:none;
	font-size:14px;
}
.more-btn:hover {
	background:#408883;
}
.left-col-list {
	margin:0;
	padding:0;
	list-style:none;
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}
.left-col-list.f-size {
	font-size:18px;
}
.left-col-list li {
	border-top:1px dotted #c5c5c5;
	margin:1px 0;
}
.left-col-list li a:hover {
	background:url(../images/left-nav-arrow.jpg) no-repeat 0 14px;
	padding-left:15px;
	text-decoration:none;
}
.left-col-list li:first-child {
	border:0;
}
.left-col-list li a {
	color:#636363;
	display:block;
	padding:10px 0;
}
.title5 {
	font-family:TrocchiRegular;
	font-size:18px;
	color:#2e1308;
	font-weight:normal;
}
.map img {
	width:97%;
}
/*--------------- career ended here---------------*/

.leavecomment ul li {
	width:56%;
}

/*--------------- about start here ---------------*/
.aboutwrpper {
	background:url(../images/sprateraboutus.png) repeat-x left bottom;
	padding:0 0 5px;
	width:100%;
	margin:0 0 20px;
	overflow:hidden;
}
.headingstyle10 {
	font-family:TrocchiRegular;
	font-size:14px;
}
.memberheading {
	font-size:18px;
	margin:10px 0 5px;
}
.authoraboutbox {
	margin-bottom:0px;
}
.authoraboutbox img {
	width:100%;
	background:url(../images/thumb-bg.jpg) bottom repeat-x;
	padding-bottom:9px;
	border-bottom:0;
}

.menuhover {background:#000;}
/*--------------- about ended here---------------*/


/*--------------- layout start here---------------*/
.layuout5con {
	margin:0 0;
}
.layuout5leftcon {
	background:url(../images/spraterverticle.png) repeat-y left top;
	padding:20px 0 0 3%;
	width:249px;
}
.marginstyle01 {
	margin:40px 0;
}
.introislam {
	margin:20px 0;
	overflow:hidden;
}
.headingstyle12 {
	font-size:14px;
}
.fastivalcon03 {
	margin:30px 0;
}
/*--------------- layout ended here---------------*/

/* Switcher Box */
.switcher-box {
	position:fixed;
	top:35%;
	left:7px;
	width:20px;
	height:auto;
	z-index:200;
}
.styleswitch {
	width:100%;
	height:30px;
	display:block;
	cursor:pointer;
	margin:0 3px 3px 0;/*opacity:.6;*/
}
.under-construction .switcher-box {
/*background:#292929;
	padding:4px 4px 2px 4px;*/
}
.styleswitch:hover {
/*opacity:1;*/
}
.styleswitch.blue {
	background-color:#00aec8;
}
.styleswitch.orange {
	background-color:#af857e;
}
.styleswitch.default {
	background-color:#c45c27;
}
.styleswitch.blue {
	background-color:#2d3247;
}
.styleswitch.red {
	background-color:#796c23;
}
.styleswitch.green {
	background-color:#53b808;
}
#horizontal-tabs ul.tabs li, #horizontal-tabs .tabscontent, #vertical-tabs ul.tabs li, #vertical-tabs .tabscontent, .pagination li a, .breadcrumbs.gray, .tables-column .list li.even, #toggle-view li h3.normal {
	background-color:#E4DFD9;
}
.services .item .square, .js .selectnav, .testimonials .author, .clients ul.items li, .date2, .date3, .icon-box, .pagination li, img.pic-2, .image-post.left, .prev-post, .avatar, .form-box {
	float: left;
}
.caption {
	position:relative;
}
.caption .pic{
	width:100%;
}
.caption .hover-effect {
	position:absolute;
	top:0;
	width:100%;
	height:99.5%;
	opacity:.9;
	filter:alpha(opacity=90); /* IE patch */
	display:none;
}

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

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

.caption:hover .hover-effect.zoom {
	background:#131313 url(http://themes.jozoor.com/crevision/dark/images/icons/zoom.png) no-repeat;
	background-position:50% 50%;
	display:block;
}
/* recent work */
.lightbox .item{
	padding-bottom:10px;
	border-bottom:4px solid #C8C6C2;
}

.recent-work .item h4, .lightbox .item h4, .portfolio .item h4 {
	padding-top:10px;
	text-align:center;
	color:#2E1308;
	font-family:TrocchiRegular;
	font-weight:normal;
	margin:0;
}
.lightbox .item img.pic{
	width: 100%;
    height: auto;
	border:0;
}
/* inner-page-CSS-End*/
@media screen and (max-width: 900px) {

.patern{
	width:40%;
}
}

@media screen and (max-width: 768px) {
#sidebar {
 float:none;
}
 .slides img {
 height:740px;
}
.mainwrapper {
 width:520px;
}
.banner {
 width:520px;
}
.TabbedPanelsTab {
 padding: 10px;
 font-size:11px;
}
.site-map {
 width:235px !important;
}
.c-three-fourth {
 width:94%;
}
.nav ul {
 display:none;
}
.list-nav {
 display:block;
}
.c-one-half {
 width:94%;
}
.hasDatepicker{
	float:none;
}
.patern{
	width:25%;
}
.mainnav{
	padding:15px;
}
}
/* 480 x 640 (small tablet) */
@media screen and (max-width: 640px) {
.patern{
	width:40%;
}
 .menulowresu ul {
 display:block;
}
 .slides img {
 height:670px;
}
.clientcon {
 width:90%;
}
}
/* 320 x 480 (iPhone) */
@media screen and (max-width: 480px) {
.logo{
	float:none;
	margin:30px auto;
}
.topmenu2 ul{
	float:none;
}
 .c-three-fourth {
 width:100%;
}
.c-one-third {
 width:100%;
 margin:10px 0;
 overflow:hidden;
 float:none;
}
 .c-one-fourth {
 width:100%;
 margin:10px 0;
}
 .c-one-half {
 width:100%;
}
.mainwrapper {
 width:320px;
}
.banner {
 width:320px;
}
.grid {
 margin-left:0;
}
.grid .column {
 margin-left:0;
}
.newslettertext {
 float:none;
}
.newslettercon {
 float:none;
 width:100%;
 margin:0;
 overflow:hidden;
}
.newslettercon .news-letter{
 width:233px;
}
/*
.twitter {
 line-height:17px;
 margin:15px 0;
}
*/
#accordion h3 {
 font-size: 13px;
 width:92% !important;
}
.patern{
	width:15%;
}
.copyright a{
	position:absolute;
	bottom:100px;
	right:20px;
}
.copy-right{
	float:none;
}
.copyright{
	position:relative;
	overflow:inherit;
}
}
/* 240 x 320 (small phone) */
@media screen and (max-width:320px) {

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