@charset "utf-8";
/*   
Theme Name: Narin Global
Theme URI: http://naringlobal.com
Description: Narin Global Wordpress Tema
Author: Gürkan Kara
Author URI: http://gurkankara.com
Version: 1.0
*/


/**
 *
 * CSS Content
 *
 * 0.0 - Reset
 * 1.0 - General
 * 2.0 - Layout
 * 3.0 - Header
 * 4.0 - Footer
 * 5.0 - Sidebar
 * 6.0 - Page, Post
 * 7.0 - Slider
 * 8.0 - Image Effects
 * 9.0 - Buttons
 * 10.0 - Table
 *
**/


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

/* 1.0 - General				*/
/********************************/
body {background:#000; font-family: 'Open Sans', Helvetica, sans-serif; font-size:14px; line-height:1.7em; color:#000;}

h1, h2, h3, h4, h5, h6 {line-height:1.3em; color:#000000;}
h1				{font-weight:700; font-size:20px; margin-bottom:10px;}
h2				{font-weight:700; font-size:16px; margin-bottom:10px;}
h3				{font-weight:400; font-size:14px;}
a				{text-decoration:none; color:#000;}
small			{font-size:11px;}
strong			{font-weight:700;}
p				{margin-bottom:1em;}
blockquote		{font-size:15px; margin-left:1em; padding-left:1em; border-left:4px solid #DDD;}


/* 2.0 - Layout					*/
/********************************/
.wrapper {width:100%; max-width:1200px; padding: 10px; margin:auto;}
.content {background:#FFFFFF; width:100%; margin:auto; border-top:8px solid #0D4E91;}
.row-25	 {width:25%; float:left;}
.row-75	 {width:75%; float:left;}

.clearfix		{float:none; clear:both;}
.text-right 	{text-align:right;}
.text-left 		{text-align:left;}
.text-center	{text-align:center;}
.text-justify	{text-align:justify;}
.text-regular	{text-transform:lowercase;}
.float-left		{float:left;}
.float-right	{float:right;}
.float-none		{float:none; clear:both;}
.border-radius	{-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.padding-none	{padding:0!important;}
.margin-none	{margin:0!important;}
.margin-auto	{margin:auto;}
.image-thumb 	{width:100%; height:auto;}
.max-w100		{max-width:100%;}
.shadow 		{-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);}

.heading {position: relative;  width: 100%; display: block; text-transform: uppercase; text-align:left; border-bottom:1px solid #DDD; float:left;}
.heading h2 {font-size:20px;}
.button {font-size:14px; font-weight:700; display:inline-block; border-radius:3px; background:#007DC3; padding:5px 10px; color:#FFFFFF; margin-bottom:10px; text-shadow: 0 1px rgba(0,0,0,0.16);  transition: all 300ms;}
.button:hover {padding:5px 20px;}
.read-more, .paging-navigation a {font-size:14px; display:inline-block; color:#007DC3; margin-bottom:10px; font-weight:700; border-radius:3px; padding:5px 0; transition: all 500ms;}
.read-more:hover, .paging-navigation a:hover {background:#007DC3; color:#FFFFFF!important; padding:5px 10px; text-shadow: 0 1px rgba(0,0,0,0.16); }


.bilgi-button {font-size:14px; font-weight:700; display:inline-block; border-radius:3px; background:#0C4D92; padding:5px 10px; color:#FFFFFF; margin-bottom:10px; text-shadow: 0 1px rgba(0,0,0,0.16);  transition: all 300ms; margin-top:20px; text-align:center;}
.bilgi-button:hover {padding:5px 20px;}



/* 3.0 - Header					*/
/********************************/
#header {border-bottom:1px solid #DDD;}
#header .wrapper {padding:0 10px;}
#logo img {max-width:100%; height:auto; float:left;}
.head-flags li {
    display: inline;
}
.head-flags {
    float: right;
    position: relative;
    right: 15px;
    top: 10px;
    padding: 0px 20px 3px;
	border-radius: 0px 0px 4px 4px;
}

.head-flags img {
	border:1px solid #FFF;
}

/* 4.0 - Sidebar				*/
/********************************/
#sidebar {border:1px solid #DDD; padding:10px 20px; background:url(images/title-bg1.png);}
#sidebar ul li, #sidebar li {list-style-type:none; list-style:none; border:1px solid #DDD; border-top:0; background:#FFFFFF;}
#sidebar ul ul li {border:0; border-bottom:1px solid #DDD; padding-left:20px;}
#sidebar ul ul li:first-child {border-top:1px solid #DDD;}
#sidebar ul ul li:last-child {border-bottom:0px;}
.widget {margin-bottom:20px;}
.widget .widget-title {font-size:16px; letter-spacing:-0.5pt; border-bottom:1px solid #DDD; margin-bottom:0; padding:10px 0; color:#333;}
.widget .tagcloud a {display:inline-block; border:1px solid #DDD; margin-top:5px; padding:3px;}
.widget a {padding:5px; display:inline-block;  background:#FFFFFF; transition: all 200ms; color:#000;}
.widget a:hover {color:#007DC3;}
.screen-reader-text, .search-submit {display:none;}
.search-field {width:100%; border: 1px solid #DDD; padding:6px;}
.contact_map iframe {width:100%; height:250px; margin-bottom:20px;}



/* 5.0 - Footer				*/
/********************************/
#footer ul li {list-style-type:none; list-style:none; border:1px solid #DDD; border-top:0; padding:5px; }
#footer {background:#111111; color:#AAA;}
#footer h2, #footer i  {color:#CCCCCC;}
#footer span {display:block;}
#footer a {color:#AAA; transition: all 500ms;}
#footer a:hover {color:#CCCCCC;}
#footer .call-us h1 {font-size:30px; color:#FFFFFF;}
#footer-bottom {background:#000; color:#7A7A7A;}
.cd-top.cd-is-visible {visibility: visible; opacity: .5;}
.cd-top.cd-fade-out {opacity: .5;}
.cd-top {width:60px; height:60px; display: inline-block; color:#FFFFFF;	padding:15px; font-size:20px; position: fixed; 
bottom: 30px; right: 30px; z-index: 10; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; background: #333333; visibility: hidden; opacity: 0;
-webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s;}

#footer .social a {margin-left:5px; display:inline-block;}
.i-facebook i {color:#00238C!important; background:#fff; border-radius:100px; font-size:36px;}
.i-twitter i {color:#2693FF!important; background:#fff; border-radius:100px; font-size:36px;}

/* 6.0 - Homepage Widgets		*/
/********************************/
.widget-page-thumb img {width:100%; height:auto;}
.widget-hp .widget-page-thumb img {border-radius:3px; margin-bottom:15px;}
.widget-hp .widget-page-thumb img {border-radius:3px; margin-bottom:15px;}
.widget-hp .heading-widget h2 {font-size:16px; font-weight:700; letter-spacing:-0.5pt; text-align:center;}
.widget-hp .widget-button {display:block; margin-top:15px;}
.widget-hp .hp-icon-box {text-align:center;}
.widget-hp .hp-icon-box i {font-size:50px; padding:10px; margin-bottom:15px; background:#333333; color:#FFFFFF; border-radius:500px;}
.widget-hp .hp-icon-box .icon {display:block; margin:30px 0;}
.widget-hp .hp-icon-box i::after {margin:0;}
.module-title {border-bottom:1px solid #DDD; padding:10px 0; margin-bottom:20px; letter-spacing:-0.5pt;}

/* 5.0 - Product				*/
/********************************/
.product-box-list {float:left; width:100%;}
.product-box {text-align:center; position:relative;}
.product-box .image-thumb {margin-bottom:15px; border:1px solid #ddd;}
.product-box .product-thumbs {width:25%; padding:0.8em; float:left;}
.product-box h2 {font-size:14px; font-weight:400; height:36px; overflow:hidden;}
.product-box .price {margin-bottom:10px;}
.product-box .list-price {color:#666666; text-decoration:line-through; padding-right:10px;}
.product-box .product-price {color:#000000; font-weight:700;}

.product-info .product-box {}
.product-info .image-thumb {margin-bottom:0;}

.product-info-top {padding:20px; border:1px solid #DDD; margin-bottom:20px;}
.product-info .info-title {font-size:16px; margin-bottom:10px; font-weight:400;}
.product-info .error {color:#FF0000;}
.product-info .info-description {font-size:16px; }
.product-info p {margin:0; padding:0; margin-bottom:20px;}
.product-info span {width:150px; display:inline-block; color:#37C1DF; }
.product-info .price {color:#00A8FF; font-size:19px;}
.product-info li {list-style:disc; list-style-type:disc; margin-left:20px;}


.post-title {border-bottom:1px solid #DDD; float:left; width:100%; background:url(images/title-bg2.jpg); text-transform:uppercase;}
.post-title h1 {color:#ffffff; font-size:26px; font-weight:400;}
.post-content {line-height:2em!important;}
.post-content h1 {font-weight:700; letter-spacing:-0.5pt;}
.post-meta {font-size:11px; margin-bottom:10px;}
.post-content .image-thumb {margin-bottom:20px;}
.post-content ul {margin-bottom:20px;}
.post-content ul li {list-style:disc; margin-left:20px;}


.post-list {width:100%; float:left; margin-bottom:20px;}
.post-list::after {float:none; clear:both;}
.post-list .post-thumb {width:10%; float:left;}
.post-list .post-thumb img {width:90%; height:auto; margin-right:10%;}
.post-list .post-content {width:90%; float:left;}
.post-list .post-content h1 {font-size:18px;}

.paging-navigation {float:left; width:100%;}
.paging-navigation .nav-previous {text-align:left; float:left; width:50%;}
.paging-navigation .nav-next {text-align:right; float:right; width:50%;}

.page-thumbs {float:right; margin-left:20px; max-width:40%;}
.gallery-item {float:left; padding:10px;}
.post-thumb-bilgi {width:20%; float:left;}
.post-thumb-bilgi img {width:90%; height:auto; margin-right:10%;}
.post-content-bilgi {width:80%; float:left;}
.post-thumb-bilgi .image-thumb {margin-bottom: 0px;}

/* 6.0 Comments					*/
/********************************/
.comments-area {border:1px solid #DDD; float:left; padding:12px; width:100%; background:url(images/title-bg1.png);}
.comments-area .heading {margin-bottom:20px;}
.comments-area .heading h1 {font-size:18px;}
ol.comment-list {margin-bottom:2em;}
.comment-list li {margin-bottom:1em; margin-top:1em; border:1px solid #DDD; background:#FFFFFF; padding:10px;}
.comment-list .avatar {float:left; margin-right:1em;}
.comment-list .comment-meta {font-size:11px;}
.comment-list .comment-body {margin-top:10px; color:#000000;}
.comment-list .reply a, .comment-list .comment-meta a {color:#007DC3;}
.comments-area .form-submit {width:100%; float:left;}
.comment-col, .comment-form-comment {width:48%; margin-right:2%; float:left;}
.comment-col label, .comment-form-comment label { float:left;}
.comment-col input, .comment-form-comment textarea {width:100%; float:left; padding:10px; font-family: 'Open Sans', Helvetica, sans-serif; font-size:13px; margin-bottom:1em; border:1px solid #CCCCCC;}
.comment-form-comment textarea {height:115px;}
.comments-area .form-submit input {background:#007DC3; color:#FFFFFF; text-shadow: 0 1px rgba(0,0,0,0.16); font-weight: 700; padding: 7px 20px; border-radius: 2px; text-transform: uppercase; transition: all 100ms ease-out; display:inline-block; border:none; font-family: 'Open Sans', Helvetica, sans-serif; cursor:pointer;}
.comments-area ul.children {margin-left:2em;}
.comments-area h3 {font-size:18px; letter-spacing:-0.5pt; font-weight:700;}


/* 10.0 - Table 				*/
/********************************/
table {
margin:0px; padding:0px; width:100%;
border:1px solid #dddddd;
border-collapse: collapse;
border-spacing: 0;
background-color:#ffffff;
}
table tr:hover td{background-color:#ffffff;}
table td{
	vertical-align:middle;
	border:1px solid #dddddd;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
}
table tr:last-child td{border-width:0px 1px 0px 0px;}
table tr td:last-child{border-width:0px 0px 1px 0px;}
table tr:last-child td:last-child{border-width:0px 0px 0px 0px;}
table tr:first-child td, table thead{
	background-color:#cccccc;
	border:0px solid #dddddd;
	text-align:center;
	border-width:0px 0px 1px 1px;
	color:#000000;
}
table tr:first-child td:first-child{border-width:0px 0px 1px 0px;}
table tr:first-child td:last-child{border-width:0px 0px 1px 1px;}




/* 10.0 - FlexSlider Captions	*/
/********************************/
.flexslider .caption {width:100%; max-width:1200px; margin:auto; height:100%; position:relative; top:0px; left:0px;}
.flexslider .caption-text 	{bottom:2em; width:350px; color:#666666; position:absolute;}
.flexslider .text  {color:#FFF; padding:10px;}
.flexslider .left  {left:1.5em!important; bottom:3em;}
.flexslider .right {right:1.5em!important; bottom:3em;}
.flexslider .caption-text h2{font-size:50px; color:#FFFFFF; padding:10px; margin-bottom:0; display:inline-block; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.53); font-weight:700; letter-spacing:-1px; line-height:1.3em;}
.flexslider .caption-text p	{margin-bottom:0px; font-size:28px; font-weight:400; line-height:1.3em; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.53);}
.flexslider .caption-text ul {padding-left:10px; padding-top:10px; }
.flexslider .caption-text ul li{margin-left:20px; list-style-type:disc; background:none!important;}

/* 11.0 Contact Forms 			*/
/********************************/
.fscf-div-form {width:100%; max-width:480px;}
.fscf-div-form label {width:100%; display:block;}
.fscf-div-form input, .fscf-div-form select, .fscf-div-form textarea {width:100%; display:block; padding:7px; border-radius:3px; border:1px solid #CCCCCC; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-bottom:10px;}
.fscf-div-form textarea {height:200px;}
.fscf-div-form input[type=submit] {background:#076FC6; border:none; padding:10px 40px; color:#FFFFFF; width:auto!important; cursor:pointer; display:inline;}
.fscf-div-label {width:30%; float:left;}
.fscf-div-field {width:70%; float:left;}
.fscf-div-submit {text-align:right;}
.fscf-div-captcha-m, .fscf-div-captcha-sm {padding-left:30%;}