@charset "utf-8";
/*   
Theme Name: Armoni Tek Ürün Siteleri
Theme URI: http://armonimedikal.com.tr
Author: Gürkan Kara
Author URI: http://gurkankara.com
Version: 1
*/


/************************************************************************
 *
 * CSS CONTENT
 *
 * Reset
 * General
 * Layout
 * Headers
 * Footers
 * Sidebar
 * Page, Post
 * Slider
 * Carousel
 * Table
 * 
 ************************************************************************/


/************************************************************************
 *
 * 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}


/************************************************************************
 *
 * GENERAL						
 *
 ************************************************************************/
body 			{background:#CCC; font-family: 'Open Sans', Helvetica, sans-serif; font-size:14px; line-height:1.5em; color:#111;}
html * 			{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
*, *:after, *:before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body, html 		{height: 100%; width: 100%;}

h1, h2, h3, 
h4, h5, h6 		{line-height:1.3em; color:#000000;}
h1				{font-weight:400; font-size:26px;}
h2				{font-weight:700; font-size:15px;}
h3				{font-weight:400; font-size:14px;}
a				{text-decoration:none; color:#333333;}
small			{font-size:11px;}
strong			{font-weight:700;}
p				{margin-bottom:1em;}
img 			{display: block; max-width: 100%; height: auto;}

/************************************************************************
 *
 * LAYOUT						
 *
 ************************************************************************/
#content		{width: 100%; max-width: 100%; margin: auto; background: #FFF;}
.wrapper		{width: 1100px; margin:auto;}


.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;}
.image-responsive  {max-width:100%; height:auto;}
.max-w-100		{max-width:100%;}
.shadow 		{-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);}
.shadow-none	{-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}



.button {display: inline-block; border-radius: 3px; font-weight: 700; text-transform: uppercase; color: #444; padding: 10px 15px; transition: all .2s; -webkit-transition: all .2s;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd65e+0,febf04+100;Yellow+3D+%232 */
background: rgb(255,214,94); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(255,214,94,1) 0%, rgba(254,191,4,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(255,214,94,1) 0%,rgba(254,191,4,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(255,214,94,1) 0%,rgba(254,191,4,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.button:hover {color: #FFF; background: #4C0066;}
.big-button {font-size: 16px; padding: 15px 30px;}

.button-link {display: inline-block; font-weight: 700; text-transform: uppercase; color: #111; padding: 0px; transition: all .2s; -webkit-transition: all .2s;}
.button-link i {color: #F02830; margin-right: 5px;}
.button-link:hover {color: #F02830;}
.list-title {padding-bottom: 20px;}

#sidebar .col-1 {padding-bottom: 0;}

/************************************************************************
 *
 * HEADER
 *
 ************************************************************************/
#header 		{width: 100%; float: left; width: 100%;}
#header .logo img	{width: 100%; height: auto; max-width: 220px;}
#header .item 	{float: right; margin-left: 30px; margin-top: 0px; padding: 10px 0px;}
#header .item:last-child 	{border-left: 0px;}
#header .item span		{font-size: 14px; font-weight: 400;}
#header .item span i	{font-size: 18px; color: #4C0066;}
#header .item h2		{font-size: 26px; margin: 0; letter-spacing: -0.8pt;}
#header .item .searchform input	{padding: 10px; border:1px solid #DDD; outline: none; border-radius: 3px;}
#header .item .searchform input:focus	{border:1px solid #333;}

#mobile-navigation {display: none; padding: 20px; background: #111;}
#mobile-navigation a {padding: 5px 0; border-bottom: #222; color: #FFF; display: block;}
.mobile-navigation-button {display: none;}
.mobile-navigation-button a {padding: 20px; background: #FEBF04; color: #000; display: block;}

#navigation-wrapper {padding-top: 0; padding-bottom: 0; z-index: 2500; float: left; width: 100%; background:#FEBF04; }
#navigation-wrapper .wrapper {max-width: 1170px; margin:auto;}

.button-belge {background: url(images/belgeler.png) no-repeat center left #003366; color: #FFF;}
.button-eczane {background: url(images/eczane.png) no-repeat center left #D0070F; color: #FFF;} 
.button-belge, .button-eczane {border-radius: 3px; padding-left: 140px;}
.button-belge h2, .button-eczane h2 {margin-bottom: 10px; font-size: 20px; letter-spacing: -0.5pt;}
.button-belge h2 {color: #FFF;}
.button-eczane h2 {color: #FFF;}


.icon0, .icon1, .icon2, .icon3, .icon4, .icon5, .icon6 {color: #000; padding: 15px; padding-left: 100px; min-height: 120px; border:1px solid #DDD; border-radius: 3px; line-height: 120%; font-size: 13px; -webkit-box-shadow: inset 0px 0px 64px 0px rgba(0,0,0,0.10);
-moz-box-shadow: inset 0px 0px 64px 0px rgba(0,0,0,0.10); box-shadow: inset 0px 0px 64px 0px rgba(0,0,0,0.10);}
.icon0 {padding: 15px; }
.icon1 {background: url(images/icon1.png) no-repeat center left #FFF;}
.icon2 {background: url(images/icon2.png) no-repeat center left #FFF;}
.icon3 {background: url(images/icon3.png) no-repeat center left #FFF;}
.icon4 {background: url(images/icon4.png) no-repeat center left #FFF;}
.icon5 {background: url(images/icon5.png) no-repeat center left #FFF;}
.icon6 {background: url(images/icon6.png) no-repeat center left #FFF;}


/* Footer 3 */
#footer 		{background: #468017; width: 100%; float: left; padding: 30px 0; line-height: normal;}
.footer			{color: #FFF; margin: auto; max-width: 1200px;}
.footer h2		{color: #FFF; font-weight: 700; text-transform: uppercase; margin-bottom: 10px;}
.footer i		{color: #FFF; width: 20px;}
.footer .footer-box {position: relative; width: 100%;}
.footer .logo 	{margin-bottom: 20px; max-width: 200px; height: auto;}
.footer p 		{margin-bottom: 0;}
.footer .footlink{color: #FFF; border:2px solid #FFF; padding: 5px 10px; border-radius: 3px; display: inline-block;  font-weight: 700;}

.module {padding: 20px 0; border-bottom: 1px solid #DDD; float: left; width: 100%;}
.title {margin-bottom: 20px; font-weight:400; font-size:30px; letter-spacing: -1pt;}

.check-list { line-height: 140%; }
.check-list li {margin-bottom: 15px; position: relative; padding-left: 20px;}
.check-list li:after {
  content: "\f00c"; 
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  font-size: 16px;
  color: #5aa11d;
  top: 0;
  left: 0;
  z-index: 1;
}

.product {text-align: center; border-radius: 3px; border:1px solid #DDD; padding: 1px;}
.product h2 {margin: 20px 0; font-weight: 400;}
.product h1 {margin-bottom: 20px; font-weight: 700;}

.document {border:1px solid #DDD; padding: 10px;}

.post .thumb {
    padding: 1px;
    border: #E4E4E4 1px solid;
    background: #FFFFFF;
    float: right;
    margin-left: 20px;
    width: 130px;
}

.post {
    padding-top: 20px;
    margin-top: 20px;
    border-top:#CCC 1px solid;
}

/************************************************************************
 *
 * WIDGETS
 *
 ************************************************************************/


.module-icons {padding: 20px 0; border-bottom: 1px solid #DDD; float: left; width: 100%;}
.module-icons i {color: #F02830; font-size: 46px; margin-bottom: 20px;}
.module-icons h2 {color: #000; text-overflow: ellipsis; height: 40px; overflow: hidden;}
.module-icons h3 {color: #999;}
.module-icons .content {padding: 20px; border:1px solid #DDD; transition: all .2s; -webkit-transition: all .2s;}
.module-icons .content p {margin-bottom: 0; height: 163px; overflow: hidden; text-overflow: ellipsis;}
.module-icons .content:hover {box-shadow: 0 2px 6px rgba(0,0,0,.2); border:1px solid #F02830; }


.module-image-box {padding: 20px 0; border-bottom: 1px solid #DDD; float: left; width: 100%;}
.module-image-box img  {width: 100%; height: auto;}
.module-image-box .content {padding-top: 15px; border-radius: 0px 0px 3px 3px;}
.module-image-box .content h2, .module-image-box .content h2 a {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.module-image-box .content h2 {margin-bottom: 10px;}


.module-action-bar {background: #111; padding: 20px 0; float: left; width: 100%;}
.module-action-bar .content h1 {color: #FFF; font-size: 26px; line-height: 130%; margin-bottom: 10px;}
.module-action-bar .content h2 {color: #BBB; font-size: 14px; line-height: 130%; font-weight: 400;}
.module-action-bar .button {padding: 20px; display: block; text-align: center; background: #F02830;}
.module-action-bar .button i {color: #FFF; font-weight: normal;}


.module-carousel {padding: 20px 0; border-bottom: 1px solid #DDD; float: left; width: 100%;}
.module-carousel img {width: 100%; height: auto;}
.module-carousel .content {padding: 15px; border:1px solid #DDD;}
.module-carousel .content h2, .module-carousel .content h2 a {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


/************************************************************************
 *
 * SLICK CAROUSEL						
 *
 ************************************************************************/

/* Slider */
.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px;outline:none;}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

/* Arrows */
.slick-prev, .slick-next {font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; margin-top: -10px\9; /*lte IE 8*/ -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {color: transparent; outline: none; background: transparent;}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {opacity: 1;}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {opacity: .25;}
.slick-prev:before, .slick-next:before {font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: #111; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.slick-prev{left: -25px;}
[dir='rtl'].slick-prev {right: -25px; left: auto;}
.slick-prev:before {content: '\f053'; font-family: FontAwesome;}
[dir='rtl'].slick-prev:before {content: '\f054'; font-family: FontAwesome;}
.slick-dots li,.slick-dots li button{cursor:pointer;height:20px;width:20px}
.slick-next {right:-25px}
[dir=rtl].slick-next {right:auto;left:-25px}
.slick-next:before {content:'\f054'; font-family: FontAwesome;}
[dir=rtl].slick-next:before {content:'\f053'; font-family: FontAwesome;}
.slick-slider{margin-bottom:0px}
.slick-dots{position:absolute;bottom:0px;display:block;width:100%;padding:0;list-style:none;text-align:center}
.slick-dots li{position:relative;display:inline-block;margin:0px;padding:0}
.slick-dots li button{font-size:0;line-height:0;display:block;padding:5px;color:transparent;border:0;outline:0;background:0 0}
.slick-dots li button:focus,.slick-dots li button:hover{outline:0}
.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}
.slick-dots li button:before{font-family:slick;font-size:30px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{opacity:.75;color:#000}


/************************************************************************
 *
 * RESPONSIVE						
 *
 ************************************************************************/
@media only screen and (max-width: 1024px) {
.wrapper {width:100%;}
}

/* Tablet Portrait (800px) */
@media only screen and (max-width: 800px) {
  #header .col-25 {width: 30%;}
  #header .col-75 {width: 70%;}
  #icons .col-3 {width: 50%;}

  #navigation-wrapper {display: none;}
  .mobile-navigation-button {display: block;}
  .footer-clear {float: none; clear: both;}

}

/* Tablet Portrait (768px) */
@media only screen and (max-width: 768px) {
  .button-belge {background: url(images/belgeler.png) no-repeat center 20px #003366;}
  .button-eczane {background: url(images/eczane.png) no-repeat center 20px #D0070F;} 
  .button-belge, .button-eczane {border-radius: 3px; padding-left: inherit; padding-top: 140px;}  
  #sidebar .col-1 {padding: 0; padding-top: 20px;}
  #icons .col-3 {padding-top: 0px;}
  .uygulama {width: 100%;}
  #icerik1 .col-2, #icerik2 .col-2 {width: 100%;}

}

/* Small Tablet Portrait (600px) */
@media only screen and (max-width: 600px) {
  #header .logo img {margin: auto;}
  #header .item {margin: auto; float: none;}
  #header .col-25, #header .col-75 {width: 100%; text-align: center;}
  #present .col-2, #info .col-2, #benefits .col-3, #icons .col-3, #footer .col-4 {width: 100%;}
  #icons .col-3 {width: 100%;}
}

/* iPhone Landscape (586px) */
@media only screen and (max-width: 586px) {
}

/* Phone Landscape (480px) */
@media only screen and (max-width: 480px) {
}

/* Phone Portrait (320px) */
@media only screen and (max-width: 320px) {
}