/*

	1) Basic HTML
	2) Misc Classes
	3) Data Table
	4) Content
		4-1) Page Dividers
		4-2) Form Elements
		4-3) Page Navigation
		4-4) Features Columns
		4-5) Testimonials
		4-6) Blog
		4-7) Social Icons
		4-8) Blog Page Comments
		4-9) Image Effect and Icons
		4-10) Box Styles
		4-11) Dropcap
		4-12) Portfolio
		4-13) Tabs
		4-14) Toggle
		4-15) List Styles
		4-16) Google Map Iframe
		4-17) 404 Page Config
	5) Footer
		5-1) Footer Config
		5-2) Footer Menu
		
*/

@import "reset.css";
@import "text.css";

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/
body {
	background:url(../images/pattern/iconic2.png);
}

/* `Misc Classes
----------------------------------------------------------------------------------------------------*/
.align_center {
	text-align:center;
}

.align_right {
	text-align:right;
}

::selection,::-moz-selection {
	background:#3b5998;
	color:#fff;
}

/* `Data Table
----------------------------------------------------------------------------------------------------*/
.data,.data th,.data td {
	border-style:solid;
	border-color:#ddd;
}

.data {
	border-width:0 1px 1px;
	width:100%;
}

.data caption {
	padding:0 10px 5px;
	text-transform:uppercase;
}

.data th,.data td {
	border-top-width:1px;
	padding:5px 10px;
}

.data th {
	white-space:nowrap;
}

.data thead th {
	background:#eee;
	font-weight:700;
	text-shadow:#fff 0 1px 0;
}

.data tbody th {
	width:1px;
}

.data tr th:first-child {
	text-align:right;
}


/* `Content
----------------------------------------------------------------------------------------------------*/

/*Page Dividers*/
.divider {
	width:20%;
	height:2px;
	margin:30px auto;
	background:url(../images/divider/divider.png) repeat-x left center;
}

.divider_left {
	background:url(../images/divider/left_divider.png) no-repeat left center;
}

.divider_center {
	margin-bottom:30px;
	background:url(../images/divider/center_divider.png) no-repeat center;
}

.divider_center_max {
	margin-bottom:30px;
	background:url(../images/divider/center_divider_small.png) no-repeat center;
}

.divider_page {
	height:2px;
	margin:30px auto;
	background:url(../images/divider/divider.png) repeat-x left center;
}

/*Form Elements*/
.input-text {
	padding:8px;
	border:1px solid #bbb;
	margin-bottom:10px;
	background-color:#fdfdfd;
	font-size: 11px;
	line-height: 1.3em;
}

.input-text:focus,.text-area:focus {
	border:1px solid #3b5998;
}

.text-area {
	padding:8px;
	min-height:120px;
	border:1px solid #bbb;
	margin-bottom:10px;
	position:relative;
}

.form-button {
	background-color:#fff;
	color:#666;
	border:1px solid #bbb;
	height:33px;
	line-height:30px;
	padding:1px 12px 0;
	display:inline-block;
	cursor:pointer;
	margin:0;
	margin-bottom:30px;
	float:left;
	font-weight:700;
}

.form-button:hover {
	background-color:#eee;
}

/*Page Navigation*/
.navi {
	float:right;
	display:block;
	margin-top:20px;
	margin-bottom:54px;
	background-color:#000000;
}

.navi .icon,.navi .icon a {
	min-width:36px;
	min-height:32px;
	display:block;
	float:left;
	cursor:pointer;
	text-indent:-9999em;
	text-decoration:none;
}

.navi .home,.navi .sitemap,.navi .link {
	-webkit-border-top-right-radius:15px;
	-webkit-border-bottom-right-radius:15px;
	-moz-border-radius-topright:15px;
	-moz-border-radius-bottomright:15px;
	border-top-right-radius:15px;
	border-bottom-right-radius:15px;
	border-right:1px solid #aaa;
}

.navi .link {
	float:left;
	padding:5px 16px 5px 10px;
	display:block;
	font-weight:700;
}

.navi .link a {
	color:#FFFFFF;
	text-decoration:none;
}

.navi .link a:hover,.navi .link .active {
	color:#3b5998;
}

.navi .home {
	background:url(../images/icons/home.png) no-repeat 8px 8px;
}

.navi .home:hover,.navi .home .active {
	background:url(../images/icons/home_hover.png) no-repeat 8px 8px;
}

.navi .sitemap {
	background:url(../images/icons/sitemap.png) no-repeat 8px 8px;
}

.navi .sitemap:hover,.navi .sitemap .active {
	background:url(../images/icons/sitemap_hover.png) no-repeat 8px 8px;
}

.navi .contact {
	background:url(../images/icons/email.png) no-repeat 8px 8px;
}

.navi .contact:hover,.navi .contact .active {
	background:url(../images/icons/email_hover.png) no-repeat 8px 8px;
}

/*Features Columns*/

.features {
	margin-bottom:30px;
}

.features img {
	float:left;
	padding-right:10px;
}

.features h1,.features h2,.features h3,.features h4,.features h5,.features h6 {
	float:left;
}

.features p {
	clear:both;
}

/*Testimonials*/

.testimonials {
	margin-bottom:30px;
	min-height:110px;
	background:url(../images/icons/quote.png) no-repeat;
	padding:15px 0 0 34px;
}

.testimonials .name {
	font-size:15px;
	color:#111;
	font-weight:700;
}

/*Blog*/

.small_blog_post {
	margin-bottom:30px;
}

.small_blog_post h3 {
	margin-bottom:10px;
}

.small_blog_post hr {
	margin:5px auto;
}

.avatar {
	width:60px;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	background:url(../images/icons/link_16.png);
}

.avatar img {
	width:60px;
	float:left;
}

.post-meta {
	font-size:11px;
	width:100%;
	display:table;
	padding:8px 0;
	margin-bottom:30px;
	border-bottom:1px solid #c5c5c5;
	background:url(../images/divider/divider.png) repeat-x left top;
}

.post-meta span {
	padding-right:10px;
	float:left;
}

.post-meta span.read_more {
	float:right;
	padding-right:0;
}

/*Social Icons*/

div.social {
	width:160px;
	margin:0 auto;
	margin-bottom:30px;
}

div.social a {
	padding:0 3px;
	margin:0;
}

.share_blog {
	margin-bottom:30px;
	display:block;
	background-color:#000000;
	padding:20px 0;
}

.share_heading {
	font-size:16px;
	line-height:1.5em;
	padding-left:20px;
}

.share_icons {
	padding-right:20px;
	float:right;
}

.share_icon {
	background:url(../images/social/share.png) no-repeat;
	height:25px;
	float:left;
	margin-left:20px;
}

.share_icons a:first-child {
	margin-left:20px;
}

.share_icons .facebook {
	width:9px;
	background-position:0 0;
}

.share_icons .twitter {
	width:13px;
	background-position:-38px 0;
}

.share_icons .linkedin {
	width:14px;
	background-position:-80px 0;
}

.share_icons .reddit {
	width:19px;
	background-position:-205px 0;
}

.share_icons .tumblr {
	width:15px;
	background-position:-122px 0;
}

.share_icons .google {
	width:21px;
	background-position:-250px 0;
}

.share_icons .mail {
	width:20px;
	background-position:-293px 0;
}

/*Blog Page Comments*/
ul.comments li {
	margin-left:0;
	padding-left:0;
	list-style-type:none;
}

ul.comments li>ul {
	margin-left:70px;
}

ul.comments .detail {
	font-size:11px;
	margin-bottom:10px;
}

ul.comments .detail a {
	font-weight:700;
}

ul.comments .a_comment {
	border-bottom:1px solid #c5c5c5;
	margin-bottom:30px;
}

ul.comments .a_comment:last-child {
	margin-bottom:0;
}

/*Image Effect and Icons*/

.image_icon {
	background:url(../images/icons/camera.png);
}

.link_icon {
	background:url(../images/icons/link.png);
}

.youtube_icon {
	background:url(../images/icons/youtube_player.png);
}

.vimeo_icon {
	background:url(../images/icons/vimeo_player.png);
}

.quicktime_icon {
	background:url(../images/icons/quicktime.png);
}

.swf_icon {
	background:url(../images/icons/swf.png);
}

.fade_effect {
	display:block;
	background-repeat:no-repeat;
	background-position:center;
	margin-bottom:10px;
}

.grid_image {
	width:100%;
	margin-bottom: 10px;
}

.fade_effect img {
	opacity:1;
	-webkit-transition:opacity .5s ease;
	-moz-transition:opacity .5s ease 0;
	-o-transition:opacity .5s ease 0;
}

.fade_effect img:hover {
	opacity:.3;
}

/* Box Styles */
.box {
	display:block;
	padding:20px 20px 20px 60px;
	background-color:#eee;
	border:1px solid #fdfdfd;
	border-left:3px solid!important;
}

.simple_box {
	padding:20px;
	border:1px solid #fdfdfd;
}

.address_box {
	background:url(../images/box/address_32.png) no-repeat 14px center;
	color:#3d5a88;
	background-color:#e3ebf8;
	border:1px solid #b7d3ff;
}

.block_box {
	background:url(../images/box/block_32.png) no-repeat 14px center;
	color:#db5b0b;
	background-color:#fdede2;
	border:1px solid #ffc49f;
}

.bookmark_box {
	background:url(../images/box/bookmark_32.png) no-repeat 14px center;
	color:#db5b0b;
	background-color:#fdede2;
	border:1px solid #ffc49f;
}

.briefcase_box {
	background:url(../images/box/briefcase_32.png) no-repeat 14px center;
	color:#883c0c;
	background-color:#ffeadc;
	border:1px solid #ecb28e;
}

.bubble_box {
	background:url(../images/box/bubble_32.png) no-repeat 14px center;
	color:#425d83;
	background-color:#e2edfd;
	border:1px solid #b3cdf3;
}

.buy_box {
	background:url(../images/box/buy_32.png) no-repeat 14px center;
	color:#3b5313;
	background-color:#e5f7c7;
	border:1px solid #b2d775;
}

.calendar_box {
	background:url(../images/box/calendar_32.png) no-repeat 14px center;
	color:#580101;
	background-color:#f1c7c7;
	border:1px solid #d36b6b;
}

.clipboard_box {
	background:url(../images/box/clipboard_32.png) no-repeat 14px center;
	color:#8c4f12;
	background-color:#fbddbf;
	border:1px solid #e7a563;
}

.clock_box {
	background:url(../images/box/clock_32.png) no-repeat 14px center;
	color:#7692c9;
	background-color:#e9f0ff;
	border:1px solid #b3caf6;
}

.delete_box {
	background:url(../images/box/delete_32.png) no-repeat 14px center;
	color:#bb430f;
	background-color:#fee2cf;
	border:1px solid #f9bca2;
}

.down_box {
	background:url(../images/box/down_32.png) no-repeat 14px center;
	color:#617c18;
	background-color:#edf8d1;
	border:1px solid #d4ea9a;
}

.gear_box {
	background:url(../images/box/gear_32.png) no-repeat 14px center;
	color:#6a7271;
	background-color:#e9efef;
	border:1px solid #ccd2d2;
}

.heart_box {
	background:url(../images/box/heart_32.png) no-repeat 14px center;
	color:#d35306;
	background-color:#ffe3d2;
	border:1px solid #f5c4a7;
}

.help_box {
	background:url(../images/box/help_32.png) no-repeat 14px center;
	color:#5c5c5c;
	background-color:#e9e9e9;
	border:1px solid #d3d3d3;
}

.home_box {
	background:url(../images/box/home_32.png) no-repeat 14px center;
	color:#c0361a;
	background-color:#f8c4ba;
	border:1px solid #e6aea2;
}

.info_box {
	background:url(../images/box/info_32.png) no-repeat 14px center;
	color:#5f7cb2;
	background-color:#e2ecff;
	border:1px solid #9eb2d7;
}

.key_box {
	background:url(../images/box/key_32.png) no-repeat 14px center;
	color:#4f5655;
	background-color:#e9e9e9;
	border:1px solid #c1cbca;
}

.label_box {
	background:url(../images/box/label_32.png) no-repeat 14px center;
	color:#af7c03;
	background-color:#ffeec7;
	border:1px solid #f2d89b;
}

.letter_box {
	background:url(../images/box/letter_32.png) no-repeat 14px center;
	color:#6c88ad;
	background-color:#e4edf9;
	border:1px solid #8cafde;
}

.pencil_box {
	background:url(../images/box/pencil_32.png) no-repeat 14px center;
	color:#d27100;
	background-color:#fdf8eb;
	border:1px solid #f7d67e;
}

.plus_box {
	background:url(../images/box/plus_32.png) no-repeat 14px center;
	color:#5b7e1d;
	background-color:#e8f7ce;
	border:1px solid #7cad27;
}

.present_box {
	background:url(../images/box/present_32.png) no-repeat 14px center;
	color:#5673a9;
	background-color:#e4effa;
	border:1px solid #6e93d7;
}

.print_box {
	background:url(../images/box/print_32.png) no-repeat 14px center;
	color:#5c5c5c;
	background-color:#e9e9e9;
	border:1px solid #d3d3d3;
}

.save_box {
	background:url(../images/box/save_32.png) no-repeat 14px center;
	color:#151617;
	background-color:#f8faff;
	border:1px solid #e3e5ea;
}

.search_box {
	background:url(../images/box/search_32.png) no-repeat 14px center;
	color:#506263;
	background-color:#e5fdff;
	border:1px solid #b7fbff;
}

.shield_box {
	background:url(../images/box/shield_32.png) no-repeat 14px center;
	color:#697d7f;
	background-color:#deebfb;
	border:1px solid #8eb7f1;
}

.statistics_box {
	background:url(../images/box/statistics_32.png) no-repeat 14px center;
	color:#5c5c5c;
	background-color:#e9e9e9;
	border:1px solid #d3d3d3;
}

.stop_box {
	background:url(../images/box/stop_32.png) no-repeat 14px center;
	color:#c54309;
	background-color:#fcc99b;
	border:1px solid #f6954e;
}

.tick_box {
	background:url(../images/box/tick_32.png) no-repeat 14px center;
	color:#56731d;
	background-color:#ebfcc4;
	border:1px solid #9fcf10;
}

.trash_box {
	background:url(../images/box/trash_32.png) no-repeat 14px center;
	color:#5c5c5c;
	background-color:#e9e9e9;
	border:1px solid #d3d3d3;
}

.wallet_box {
	background:url(../images/box/wallet_32.png) no-repeat 14px center;
	color:#8d470d;
	background-color:#fdd5b3;
	border:1px solid #d2853e;
}

.warning_box {
	background:url(../images/box/warning_32.png) no-repeat 14px center;
	color:#ca6b1c;
	background-color:#fef0c5;
	border:1px solid #facb4c;
}

.alert-contact {
	float:left;
	margin-left:10px;
	margin-top:5px;
}

.alert-contact span {
	padding-left:25px;
}

.alert-contact .warning {
	background:url(../images/box/warning.png) no-repeat;
}

.alert-contact .sending {
	background:url(../images/box/pencil.png) no-repeat;
}

.alert-contact .sent {
	background:url(../images/box/tick.png) no-repeat;
}

.alert-contact .error {
	background:url(../images/box/block.png) no-repeat;
}

.alert-contact .info {
	background:url(../images/box/info_16.png) no-repeat;
}

/*Dropcap*/
.dropcap,.dropcap_big {
	display:block;
	font-size:44px;
	line-height:40px;
	padding-right:10px;
	float:left;
}

.dropcap_big {
	font-size:76px;
	line-height:58px;
}

/*Portfolio*/
.portfolio_case .allitems {
	display:none;
}

.portfolio_case h5 {
	cursor:pointer;
	margin-bottom:5px;
}

.portfolio_case h5:hover {
	color:#3b5998;
}

.gizle {
	display:none!important;
}

.page_navigation {
	margin:20px 0;
}

.page_navigation a {
	padding:5px 10px;
	margin-right:1px;
	background-color:#222;
	-webkit-transition:background-color .5s ease;
	-moz-transition:background-color .5s ease 0;
	-o-transition:background-color .5s ease 0;
	float:left;
}

.page_navigation .page_link {
	display:inline;
}

.page_navigation a:hover {
	text-decoration:none;
	background-color:#3b5998;
	color:#000;
}

.page_navigation .no_more {
	color:#222;
}

.page_navigation .no_more:hover {
	color:#000;
	background-color:#fff;
}

.page_navigation .active_page {
	color:#222;
	background-color:#eee;
}

.page_navigation .ellipse {
	background-color:#222;
	padding:5px 10px;
	margin-right:1px;
	float:left;
}

.info_text {
	padding-top:7px;
}

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

.fitvideo{
	margin-bottom: 10px;
}

/*Tabs*/
.tab_content {
	margin-bottom:15px;
}

.tab_content ul.titles {
	list-style-type:none;
	margin:0;
	padding:0;
	-webkit-user-select:none; -moz-user-select:none;
}

.tab_content ul.titles li {
	padding:10px;
	margin:0;
	background-color:#eee;
	border:1px solid #d0d0d0;
	border-top:3px solid #eee;
	border-bottom:0;
	display:block;
	color:#666;
	cursor:pointer;
	font-weight:400;
}

.tab_content ul.left li {
	float:left;
	margin-right:0;
	border-right:0;
}

.tab_content ul.right li {
	float:right;
	margin-left:0;
	border-left:0;
}

.tab_content ul.titles li.selected {
	background-color:#fff;
	padding-bottom:11px;
	color:#111;
	border-top:3px solid #666;
}

.tab_content ul.titles li.mouseover {
	background-color:#fff;
	color:#111;
}

.tab_content div.a_tab {
	clear:both;
	padding:15px 10px;
	background-color:#fff;
	border:1px solid #d0d0d0;
	top:-1px;
	position:relative;
	z-index:-1;
}

.tab_content p {
	margin-bottom:0;
}

/*Toggle*/
.toggle {
	margin-bottom:15px;
}

.toggle .click {
	background:url(../images/icons/toggle_arrows.png) no-repeat -9px -2px;
	cursor:pointer;
	padding-left:20px;
	color:#666;
	font-size:18px;
	line-height:22px;
	-webkit-user-select:none; -moz-user-select:none;
}

.toggle .active {
	background-position:-9px -32px;
}

.toggle p {
	margin-top:15px;
}

/*List Styles*/
ul.circle {
	list-style-type:circle;
}

ul.square {
	list-style-type:square;
}

ul.tick,ul.pencil,ul.warning,ul.block,ul.star,ul.plus,ul.custom,ul.arrow {
	padding-left:5px;
	margin:0;
	list-style-type:none;
}

ul.tick li {
	padding-left:24px;
	background:url(../images/box/tick.png) no-repeat;
}

ul.pencil li {
	padding-left:24px;
	background:url(../images/box/pencil.png) no-repeat;
}

ul.warning li {
	padding-left:24px;
	background:url(../images/box/warning.png) no-repeat;
}

ul.block li {
	padding-left:24px;
	background:url(../images/box/block.png) no-repeat;
}

ul.star li {
	padding-left:24px;
	background:url(../images/box/star.png) no-repeat;
}

ul.plus li {
	padding-left:24px;
	background:url(../images/box/plus.png) no-repeat;
}

ul.arrow li {
	padding-left:24px;
	background:url(../images/box/arrow.png) no-repeat;
}

ul.custom li {
	padding-left:24px;
}

ol {
	list-style-type:decimal;
	list-style-position:outside;
	padding-left:2.35em;
	margin-bottom:15px;
}

ol.roman {
	list-style-type:upper-roman;
}

ol.latin {
	list-style-type:upper-latin;
}

ul li,ol li {
	padding-bottom:8px;
}

ul ul,ol ol {
	margin-top:10px;
	padding-left:1em;
	margin-bottom:0;
}

/*Google Map Iframe*/
.google-map iframe {
	width:100%;
	height:300px;
}

/*404 Page Config*/
.pagenotfound img {
	float:left;
	margin-right:40px;
	margin-bottom:30px;
}

.pagenotfound p {
	padding-top:30px;
}

/* `Footer
----------------------------------------------------------------------------------------------------*/

/*Footer Config*/
.footer {
	font-size:11px;
}

.footer .grid_9 {
	padding-top:10px;
	background:url(../images/divider/divider.png) repeat-x;
}

.footer_text {
	padding-bottom:20px;
}

/*Footer Menu*/
.footer_menu {
	float:right;
	padding:0;
	margin:0;
	padding-bottom:20px;
}

.footer_menu li {
	float:left;
	margin-right:3px;
	margin-left:0;
	padding-right:3px;
	list-style-type:none;
}

.footer_menu li:after {
	content:"-";
	padding-left:7px;
}

.footer_menu .omega,.footer_menu .omega:after {
	margin-right:0;
	content:none;
	padding-right:0;
}