/*
Theme Name: Ozkan Accountants
Author: Wellington Graphic Ltd
*/

input {
    -webkit-appearance: none;
}

/*********** Responsive Grid Styles ************/

/* Grid Styles */

	/* Set up font-sizes */	
	body {
		line-height: 1.4em;
		color: #4f4f4f;
		-webkit-font-smoothing: antialiased;
		-moz-font-smoothing: antialiased;
		-o-font-smoothing: antialiased;
		font-smoothing: antialiased;
		margin:0; padding:0;
		font-family: 'Open Sans', sans-serif;
		color:#a5a5a4
	}
	
	a {color:#fff; text-decoration:none}
	
	h1, h2, h3, h4, .section_title {font-weight:normal; font-family: 'Open Sans', sans-serif} 
	
	h1 {
		font-size: 20pt;
		line-height: 28pt;
	}
	
	p, li {
		font-size: 1.2rem
	}

	.wp-caption-text {
		font-size: 0.8rem;
		font-weight: bold;
		width:70%;
	}
	
	
/* 	=============================
   	1140 Layout 
   	============================= */
	
	.separator-40 {
	width:100%;
	padding-bottom:40px;
	}

	.container {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.light {background:#3b73ba}
	.dark {background:#0d2c4e}
	.knot {text-align:center; padding:30px 0}
	.knot img {display:none}
	
	.row {
		width: 100%;
		max-width: 1024px;
		min-width: 5px;
		margin: 0 auto;
		overflow: hidden;
	}
	
	.row.main-navigation {
	
		overflow:visible
		
	}
	
	.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
		margin-right: 3.8%;
		float: left;
		min-height: 1px;
	}
	
	.row .onecol {
		width: 4.85%;
	}
	
	.row .twocol {
		width: 13.45%;
	}
	
	.row .threecol {
		width: 22.05%;
	}
	
	.row .fourcol {
		width: 30.75%;
	}
	
	.row .fivecol {
		width: 39.45%;
	}
	
	.row .sixcol {
		width: 48%;
	}
	
	.row .sevencol {
		width: 56.75%;
	}
	
	.row .eightcol {
		width: 65.4%;
	}
	
	.row .ninecol {
		width: 74.05%;
	}
	
	.row .tencol {
		width: 82.7%;
	}
	
	.row .elevencol {
		width: 91.35%;
	}
	
	.row .twelvecol {
		width: 100%;
		float: left;
	}
	
	.last {
		margin-right: 0px;
		float: right;
	}
	
	img, object, embed {
		max-width: 100%;
	}
	
	img {
		height: auto;
	}
	
	.clear {clear:both}

/* 	=============================
   	Mobile 
   	============================= */

	@media handheld, only screen and (max-width: 767px) {
	
		body {
			-webkit-text-size-adjust: none;
		}
		
		.row, body, .container {
			width: 100%;
			min-width: 0;
			margin-left: 0px;
			margin-right: 0px;
			padding-left: 0px;
			padding-right: 0px;
		}
		
		.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
			width: auto;
			float: none;
			margin-left: 0px;
			margin-right: 0px;
			margin-left: 20px;
			margin-right: 20px;
		}

	}
	
	/***** HEADER *****/
	
	.container.header {padding:0}
	
	.header {
		height:487px;
		position:relative;
		overflow:hidden;
		background-size:auto 100% !important;
	}
	
	.top-bar{
		position:absolute;
		z-index:20;
		top:0;
		width:100%;
	}
	
	.top-bar .row {
		margin-top:40px;
	}
	
	#page_video {
		position:absolute;
	}
	
	.top_overlay {
		position:absolute;
		width:100%;
		height:487px;
		top:0;
		opacity:0.25;
		z-index:0;
	}
	
	#header_int {
		position:absolute;
		width:100%;
		z-index:20;
		top:211px;
		text-align:center;
		color:#fff;
	}
	
	.menu-main-menu-container {
		text-align:right;
	}
	
	.menu-trigger {display:none}
	
	ul#main {
		margin:30px 0 0;
		padding:0;
		list-style:none;
		text-align:center;
	}
	
	ul#main li {
		display:inline-block;
	}
	
	ul#main li a {
		display:block; 
		padding: 8px 9px 7px;
		color:#fff;
		font-size:12pt;
		text-transform:uppercase;
		border:2px solid #fff;
		text-decoration:none;
		margin-left:14px;
		border-radius: 3px;
		font-weight: 600;
		letter-spacing: 0.25px;
	}
	
	ul#main li:first-child a {
		margin-left:0;
	}
	
	ul#main li.current-menu-item a {
		background:#fff;
		color:#3fd5c8;
	}
	
	.page-id-49 ul#main li.current-menu-item a { /* about */
		color:#fa5b6e;
	}
	
	.page-id-45 ul#main li.current-menu-item a { /* freelancers */
		color:#feba53;
	}
	
	.page-id-47 ul#main li.current-menu-item a { /* companies */
		color:#9373c4;
	}
	
	.page-id-295 ul#main li.current-menu-item a { /* resources */
		color:#02a9f4;
	}
	
	ul#main li.current-page-ancestor a {
		background:#fff;
		color:#777776;
	}
	
	#menu-item-392 {display:none !important}
	
	.logo {
		width:250px;
		height:50px;
	}
	
	.main_logo {
		padding-top:10px;
	}
	
	.subheader {
		margin: 35px 0 0 0;
		color:#fff;
		font-size:20pt
	}
	
	ul#menu-us-page-submenu {
		margin:50px 0 0 0;
		padding:0;
		list-style:none;
	}
	
	ul#menu-us-page-submenu li {
		display:inline-block;
	}
	
	ul#menu-us-page-submenu li a {
		display:block; 
		padding: 8px 11px 7px;
		color:#fff;
		font-size:12pt;
		text-transform:uppercase;
		border:2px solid #fff;
		text-decoration:none;
		margin-left:14px;
		border-radius: 3px
	}
	
	ul#menu-us-page-submenu li.current-menu-item a {
		background:#fff;
		color:#777776;
	}
	
	ul#menu-resources-sub {
		margin:50px 0 0 0;
		padding:0;
		list-style:none;
	}
	
	ul#menu-resources-sub li {
		display:inline-block;
	}
	
	ul#menu-resources-sub li a {
		display:block; 
		padding: 8px 11px 7px;
		color:#fff;
		font-size:12pt;
		text-transform:uppercase;
		border:2px solid #fff;
		text-decoration:none;
		margin-left:14px;
		border-radius: 3px
	}
	
	ul#menu-resources-sub li.current-menu-item a {
		background:#fff;
		color:#777776;
	}
	
	.button {background: #3fd5c8; font-weight: 600; letter-spacing: 0.25px }
	
	ul#menu-case-filter {
		margin:40px 0 40px 0;
		padding:0;
		list-style:none;
		display:block;
		width:100%;
		text-align:center;
	}
	
	ul#menu-case-filter li {
		display:inline-block;
	}
	
	ul#menu-case-filter li a {
		display:block; 
		padding: 8px 11px 7px;
		color:#fff;
		font-size:12pt;
		text-transform:uppercase;
		border:2px solid #fff;
		text-decoration:none;
		margin-left:14px;
		border-radius: 3px
	}
	
	ul#menu-case-filter li.current-menu-item a {
		background:#fff;
		color:#02A9F4;
	}
	
	
	.section_title {padding:46px 0 20px 50px; font-size:20pt; line-height:21pt}
	
	.section_content {padding:50px 50px 50px 0; font-size:16pt; line-height:21pt}
	
	.section_content a {color:#000; text-decoration:underline}
	
	.section_content p {margin:0 0 20px 0}
	
	.news p {color:#a5a5a4; margin:0 0 15px 0}
	
	.news_slider_title {font-size:20pt; line-height:28pt; margin-top:0}
	
	ul.slides {padding:0; margin:0; list-style:none}
	
	.news_slider ul.slides li {padding-bottom:40px}
	
	.news_inner {background:#f6f6f6; position:relative}
	
	.plus {
		position:relative;
		width:35px;
		height:35px;
		margin:0 auto;
		margin-top:-19px;
		z-index:90;
		cursor:pointer
	}
	
	.plus img {
		display:block;
		position:absolute;
		top:0
	}
	
	.news-next img {
		top:16px;
	}
	
	.tests {
		padding:0;
	}
	
	.bpadd {
		padding-bottom:17px;
	}
	
	.test_slide {
		width:100%;
		position:relative;
		overflow:hidden;
	}
	
	.test_slide img.slide {
		width:100%;
		min-height:430px;
		min-width:1999px;
		display:block;
	}
	
	.test_inner {
		padding-top:50px;
	}
	
	.test_company {
		background:#f6f6f6;
		margin:0;
		padding:50px 0 20px 0;
		text-align:center;
		font-size:16pt;
	}
	.test_overlay {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:430px;
		opacity:0.40;
	}
	.test_content {
		position:absolute;
		top:50px;
		width:70%;
		text-align:center;
		color:#fff;
		font-size:20pt;
		line-height:28pt;
		padding:0 15%;
	}
	
	.case_content {
		position:absolute;
		bottom:270px;
		width:70%;
		text-align:center;
		color:#fff;
		font-size:20pt;
		line-height:28pt;
		padding:0 15%;
		z-index:999;
	}
	
	.case_overlay {
		position:absolute;
		bottom:127px;
		left:0;
		width:100%;
		height:408px;
		opacity:0.40;
	}
	
	.page-template-page-studies  .case_overlay {
		position:absolute;
		bottom:127px;
		left:0;
		width:100%;
		height:430px;
		opacity:0.40;
	}
	
	.percent {
		padding:50px 0 0;
		text-align:center;
	}
	
	.percent img {
		width:70px;
		height:70px;
	}
	
	.team_row {
		padding:50px 0;
	}
	
	.team {
		text-align:center;
	}
	.team_text {
		text-align:left;
		padding:30px 30px 0;
	}
	.team_text h3, .team_text h4 {
		margin:0;
	}
	
	.footer {
		margin-top:50px;
	}
	.footer_int {
		padding:50px;
	}
	
	.footer_logo {
		width:100%;
		max-width:132px;
	}
	
	.footer .contacts {
		padding-top:40px;
	}
	.footer h3 {
		margin-top:7px;
		font-size:16pt;
	}
	.footer_social {
		padding-top:20px;
	}
	
	.footer_social img {
		width:15px;
	}
	.footer_question {
		float:right;
		text-align:right;
	}
	
	.footer_question a {
		padding: 8px 11px 7px;
		color:#fff;
		font-size:13pt;
		text-transform:uppercase;
		border:2px solid #fff;
		text-decoration:none;
		margin-left:14px;	
	}
	
	.footer_question a:hover {
		padding: 8px 11px 7px;
		color:#777776;
		background:#fff;
		font-size:13pt;
		text-transform:uppercase;
		border:2px solid #fff;
		text-decoration:none;
		margin-left:14px;	
	}
	
	.fancybox-skin {padding:0 !important; }
	
	.fancybox-inner {background:#fa5b6e;}
	
	.team_fancybox {padding:60px}
	
	.google_map {margin-top:50px; max-width:100%; overflow:hidden}
	
	.google_map iframe {display:block}
	
	.contact_form {
		padding:50px 0;
	}
	
	.gfield {
		padding:15px 0;
		clear: left
	}
	
	.contact_form .submit {
		text-align:right;
		padding-top:50px;
		padding-right:6px;
	}
	
	.gfield label {
		color:#3fd5c8;
		font-size: 16pt;
		width: 20%;
		float: left;
		display: block
	}
	
	.ginput_container {
		width: 80%;
		float: left	
	}
	
	.gfield {
		list-style: none	
	}
	
	.gform_body {padding: 50px 0 0 0}
	
	.gform_fields {margin: 0px; padding: 0px}
	
	.gfield input {
		background:#fff;
		border:2px solid #3fd5c8;
		color:#3fd5c8;
		font-family: Luengo-Regular;
		padding:1%;
		width:100%;
		font-size:12pt;
	}
	
	.gform_confirmation_message {
		padding: 50px 0;
		text-align: center	
	}
	
	.privacy-p {
		
		padding-left: 20%	
	}
	
	.privacy-p a {
		color: #666	
	}
	
	
	
	
		@media screen and (max-width: 680px) {
			.gfield label {
				width: 100%;
			}
			
			.ginput_container {
				width: 100%;
			}
			
			.privacy-p {
				padding-left: 0	
			}
		}
	
	.gfield textarea {
		background:#fff;
		border:2px solid #3fd5c8;
		color:#3fd5c8;
		font-family: Luengo-Regular;
		padding:1%;
		width:100%;
		font-size:12pt;
	}
	
	
	
	.gform_wrapper input[type=submit] {	
		padding: 8px 11px 7px;
		font-size: 13pt;
		text-transform: uppercase;
		text-decoration: none;
		cursor:pointer;
		width:auto;
		background:#3fd5c8;
		border:2px solid #3fd5c8;
		color:#fff;
		clear: left;
		float: right;
		margin: 15px -15px 0 0
	}
	.gform_wrapper input[type=submit]:hover {	
		padding: 8px 11px 7px;
		font-size: 13pt;
		text-transform: uppercase;
		text-decoration: none;
		cursor:pointer;
		width:auto;
		background:#fff;
		border:2px solid #3fd5c8;
		color:#3fd5c8
	}
	
	#contact_messages {
		text-align:center;
	}
	
	.ajax_spinner {
		margin-left:20px;
	}
	
	#contact_messages .message {
		margin-top:40px;
		display:inline-block;
		padding:10px 15px;
	}
	
	#contact_messages .message.success {
		background:#3fd5c8;
		color:#fff
	}
	#contact_messages .message.error {
		background:#d9534f;
		color:#fff
	}
	
	.post_container .section_title {color:#fff; padding-top:50px}
	
	.post_container .section_content h3 {
		font-size: 20pt;
		line-height: 28pt;
	}
	
	.post_container .post_title h3 {margin:0; color:#fff}
	
	.close-colorbox {
		display:block;
		margin:0 auto;
		width:35px;
		height:35px;
		cursor:pointer;
	}
	
	.related_posts {
		background:#f6f6f6;
		padding-bottom:50px;
	}
	
	.related_posts h3 {
		color:#fa5b6e;
		font-size: 20pt;
		line-height: 21pt;		
		padding-top: 30px;
	}
	
	.related_posts p {
		font-size: 16pt;
		line-height: 21pt;
	}
	
	.related_posts a {
		color:#fa5b6e;
	}
	
	a.read_more {
		color: #777776;
		text-decoration: none;
		font-size: 16pt;
		line-height: 21pt;		
	}
	
	.related_posts ul {
		list-style:none;
		margin:0;
		padding:0;
	}
	
	.faqitem {padding:20px 50px; font-size:18pt}
			
			.faq-content p {font-size: 13pt}
			
			.faq-content p:first-child {margin-top:0;}
			
					.section_content li {color:#666 }

	
	@media screen and (max-width: 1060px) {
	
		ul#main li a {
			display:block; 
			padding: 8px 9px 7px;
			color:#fff;
			font-size:10pt;
			text-transform:uppercase;
			border:2px solid #fff;
			text-decoration:none;
			margin-left:14px;
		}	
		
		.case_content {
			font-size:16pt;
			line-height:22pt;
		}
	
	}
	
	@media screen and (max-width: 930px) {
	
		ul#main li a {
			padding: 7px 9px 6px;
			 font-size:10pt; 
		}

		ul#menu-us-page-submenu li a {
			padding: 10px 15px;
			/*font-size:10pt;*/
		}
		
		ul#menu-resources-sub {
			margin-top: 20px
		}
		
		ul#menu-resources-sub li a {
			padding: 10px 15px;
			/* font-size:10pt; */
			margin: 0 0 7px 0 
		}	
		
		.case_content {
			font-size:16pt;
			line-height:22pt;
		}
		
	}
	
	@media screen and (max-width: 890px) {
	
		ul#main li a {
			padding: 7px 9px 6px;
			font-size:10pt;
		}

		ul#menu-us-page-submenu li a {
			padding: 10px 15px;
			/* font-size:8pt; */
		}
		
		ul#menu-resources-sub li a {
			padding: 10px 15px;
			/*font-size:8pt;*/
		}	
		
		.case_content {
			font-size:16pt;
			line-height:22pt;
		}
	
	}
	
	@media screen and (max-width: 767px) {
	
		#menu-item-392 {cursor:pointer; display:block !important; padding-top:50px; background: url(http://ozkan.accountants/wp-content/themes/ozkan/images/close-colorbox.png) 150px 50px no-repeat; background-size:20px 20px}
	
		html {overflow-x:hidden}
		
		body {
			-moz-transition: all 300ms;
			-webkit-transition: all 300ms;
			transition: all 300ms;
		}
	
		.top-bar .row {margin-top:40px}
		
		.main_logo {display:none}
		
		.menu-main-menu-container {text-align:left; margin-top:10px}
		
		.menu-trigger {display:block; width:50px; cursor:pointer}
		
		ul#main {
			text-align:center;
			position:fixed;
			top:0;
			left:-250px;
			height:100%;
			background:#556270;
			width:250px;
			z-index:999;
			margin-top:0;
			padding-top:10px;
			-moz-transition: all 300ms;
			-webkit-transition: all 300ms;
			transition: all 300ms;
		}
		
		ul#main li  {
			line-height:1em;
			display:block;
			text-align:left;
		}
		
		ul#main li:first-child a {
			margin-left: 5px;
		}
		
		ul#main li a {
			padding: 3px 5px 5px;
			font-size:14pt;
			margin-left:5px;
			margin-bottom:6px;
			border:none;
			color:#fff;
		}
		
		ul#main li.current-menu-item a {
			background: #556270;
			color: #3fd5c8;
		}
		
		ul#menu-us-page-submenu li  {
			line-height:1em;
		}
		
		ul#menu-us-page-submenu li a {
			padding: 10px 15px;
			/* font-size:6.5pt; */
			margin-left:5px;
			border:1px solid #fff;
		}
		
		ul#menu-case-filter {
			margin-top: 0px	
		}
		
		.section-title-mob {
			padding-left: 10px !important 	
		}
		
		ul#menu-case-filter li a {
			padding: 5px;
			
			margin-left:5px;
			border:1px solid #fff;
		}
		
		ul#menu-resources-sub li  {
			line-height:1em;
		}
		
		ul#menu-resources-sub li a {
			padding: 10px 15px;
			/* font-size:6.5pt; */
			margin-left:5px;
			border:1px solid #fff;
		}
		
		#header_int {
			top:170px;
		}
		
		.subheader {
			line-height:1.2em;
			padding:0 20px;
			margin-top:20px;
		}
		
		.section_title {
			padding:20px 0
		}
		
		.section_content {
			padding:0px 0 20px;
			font-size: 12pt;
			line-height:19pt;
		}
		
		
		.test_content, .case_content {
			/*font-size:13pt;
			line-height:16pt;*/
			
			font-size:14pt;
			line-height:20pt;
		}
		
		
			
		/*	.mob_content {
			font-size:13pt;
			line-height:16pt;
			top: 50px !important;
		} */
		
		.footer_question {
			float:none;
			text-align:left;
			margin-bottom:20px;
		}
		
		.footer_question a {
			float:none;
			display:block;
			width:100%;
			max-width:150px;
			margin:10px 0;
		}
		
		.footer_int h3 {
			margin-top:30px;
			text-align:left !important;
		}
		
		.footer_int {
			padding:40px 20px;
		}
		
		.case_overlay {
			position: absolute;
			bottom: 122px;
			left: 0;
			width: 100%;
			height: 430px;
			opacity: 0.40;
		}
		
		.team {
			padding-bottom:20px;
		}
		
		.team_fancybox {
			padding: 20px;
		}

		.main_logo {max-width:250px; margin:0 auto !important}
		
		.news_team {display:none !important}
	
	}
	
	@media screen and (max-width: 580px) {
	.case_content {
			width:90%;
			padding:0 15px;
		}
		
		
	#issuubox {width: 60%; margin-top: -250px}
	.issuuembed.issuu-isrendered {
		  width: 100%!important;
		}
		
		.faqitem {padding:20px 0px; font-size:18pt}
	
	}
	
	@media screen and (max-width: 420px) {
		.case_content {bottom:0 !important; top: 50px !important }
		.case_content {
			font-size:14pt;
			line-height:19pt;
		}
	}
	
			.opacity {opacity: 0.40;display:block; width:1999px !important; height:429px !important; max-width:1999px !important; position:relative; right:0}
			
			.test_slide img {float:right}
			
			
			
			.ui-loader {display:none}