/*
Theme Name: drabili
Author: Mohsen Shaygan
Author URI: https://royalwebco.ir/

Version: 1.0.0

License: GNU General Public License 3.0
License URI: license.txt

*/




html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    background: #f4f2f2 none repeat scroll 0 0;

}

body.home {
    background: #FFF !important;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a,
a:active,
a:hover,
a:focus,
a:visited {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/**
 * Hoot Grid
 * grid sets the width, row clears the floats for containing spans
 * spans are the building blocks for content structure
 * ========================================================
 */
.grid {
    width: 100%;
    min-width: 320px;
    max-width: 1170px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.grid-row {
    margin: 0 10px;
    position: relative;
}

.grid,
.grid-stretch,
.grid-row {
    display: block;
    zoom: 1;
}

.grid:after,
.grid-row:after {
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    clear: both;
    visibility: hidden;
}

.grid:after,
.grid-stretch:after,
.grid-row:after {
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    clear: both;
    visibility: hidden;
}

[class*="grid-span-"],
[class*="column-"] {
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    position: relative;
}

[class*="grid-span-"].full-width,
[class*="column-"].full-width {
    padding: 0;
}

/************* Span Widths*************/
.grid-span-1 {
    width: 8.33333333%;
}

.grid-span-2 {
    width: 16.66666667%;
}

.grid-span-3 {
    width: 25%;
}

.grid-span-4 {
    width: 33.33333333%;
}

.grid-span-5 {
    width: 41.66666667%;
}

.grid-span-6 {
    width: 50%;
}

.grid-span-7 {
    width: 58.33333333%;
}

.grid-span-8 {
    width: 66.66666667%;
}

.grid-span-9 {
    width: 75%;
}

.grid-span-10 {
    width: 83.33333333%;
}

.grid-span-11 {
    width: 91.66666667%;
}

.grid-span-12 {
    width: 100%;
}

/************* Responsive Grid *************/
@media only screen and (max-width: 1100px) {
    .sub-footer {
        display: none;

    }

    .copyright {
        margin-top: 0 !important;
    }

    #footer .info {
        font-size: 15px !important;
    }
}

@media only screen and (max-width: 1023px) {
    .grid-row {
        margin: 0 10px;
    }

    [class*="grid-span-"],
    [class*="column-"] {
        padding: 0 5px;
    }

}

@media only screen and (max-width: 799px) {
    #menu-primary-items li {
        transform: none !important;
        display: list-item !important;
    }
    .area_d{
        padding: 20px 0;
    }

    #menu-primary-items > li a:hover {
        color: #000 !important;
    }

    #menu-primary-items > li > a {
        transform: none !important;
    }

    [class*="grid-span-"],
    .adaptive [class*="grid-span-"],
    [class*="column-"],
    .adaptive [class*="column-"] {
        width: 100%;
    }

}

/**
 * Utility Classes
 * ========================================================
 */
/************* Misc *************/
.chromeframe {
    padding: 0.5em;
    text-align: center;
    border: solid 3px #F00;
    background: #fff;
    color: #f00;
    font-weight: bold;
    margin: 0;
}

#page-wrapper .flush {
    margin: 0;
    padding: 0;
}

/************* Displays *************/
.hide {
    display: none;
}

.forcehide {
    display: none !important;
}

.border-box {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/************* Image replacement *************/
.hide-text {
    font: 0/0 a !important;
    color: transparent !important;
    text-shadow: none !important;
    background-color: transparent !important;
    border: 0 !important;
    width: 0;
    height: 0;
    overflow: hidden;
}

/************* Table *************/
.table {

    width: 100%;
    *position: relative;
    margin: 0;
}

.table.table-fixed {
    table-layout: fixed;
}

.table-cell {
    display: table-cell;
    *float: left;
}

.table-cell-mid {
    display: table-cell;
    vertical-align: middle;
    *position: absolute;
    *top: 0;
    *bottom: 0;
    *left: 0;
    *right: 0;
    *margin: auto;
}

@media only screen and (max-width: 799px) {
    .table,
    .table-cell,
    .table-cell-mid {
        display: block;
    }
}

/************* Floats *************/
.fleft {
    float: left;
}

.fright {
    float: right;
}

.fclear,
.clear,
.clearfix {
    display: block;
    zoom: 1;
}

.fclear:after,
.clear:after,
.clearfix:after {
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    clear: both;
    visibility: hidden;
}

/************* Accessibility: Assistive Text *************/
/* for screen readers and text browsers */
.screen-reader-text {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

.screen-reader-text:active,
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    /* box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);*/
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/**
 * Base Typography and HTML
 * ========================================================
 */
body {
    position: relative;
}

body.home {
    background: #FFF !important;
}

/************* Default Typography *************/
body {
    text-align: left;
    font-size: 13px;
    line-height: 2em;
    font-family: Byekan, Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #232323;
    -webkit-font-smoothing: antialiased;
    /* for better webkit rendering */
    -webkit-text-size-adjust: 100%;
    /* size in percentage at which to display text in Safari on iPhone */
}

/************* Headings *************/
h1,
h2,
h3,
h4,
h5,
h6,
.title {
    line-height: 1.33333333em;
    font-weight: normal;
    color: #666666;
    font-family: msmfont;
    text-rendering: optimizelegibility;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

h1 {
    font-size: 19px;
}

h2 {
    font-size: 17px;
}

h3 {
    font-size: 17px;
}

h4 {
    font-size: 1.57142857em;
}

h5 {
    font-size: 1.42857143em;
}

h6 {
    font-size: 15px;
}

.title {
    font-size: 1.71428571em;
}

.titlefont {
    font-family: "Playball", Byekan, Helvetica, Arial, sans-serif;
    font-weight: normal;
}

/************* Basic HTML Tags *************/
p {
    font-size: 14px;
    line-height: 28px;
    margin: 5px 0;
}

hr {
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    margin: 1.71428571em 0 1.07142857em;
    height: 0;
}

em,
var {
    font-style: italic;
}

strong,
b {
    font-weight: bold;
}

big {
    font-size: 1.285714em;
    line-height: 1.333333em;
}

small,
cite,
.small {
    font-size: 0.857142em;
    line-height: 1.333333em;
}

cite {
    font-style: italic;
}

q {
    font-style: italic;
}

q:before {
    content: open-quote;
}

q::after {
    content: close-quote;
}

address {
    display: block;
    margin: 1.07142857em 0;
    font-style: normal;
    border: 1px dotted;
    padding: 1px 5px;
}

abbr[title],
acronym[title] {
    cursor: help;
    border-bottom: 1px dotted;
}

abbr.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

/************* Blockquote *************/
blockquote {
    border-left: 5px solid #dddddd;
    padding: 0 0 0 1em;
    margin: 1.07142857em 1.71428571em;
    margin-left: 5px;
    display: block;
    font-style: italic;
    text-transform: uppercase;
    color: #aaaaaa;
    font-size: 1.28571429em;
    clear: both;
}

/************* Links *************/
a {
    color: #f3595b;
    text-decoration: none;
    -webkit-transition: color 0.3s ease-in, background-color 0.3s linear, border-color 0.3s linear;
    -moz-transition: color 0.3s ease-in, background-color 0.3s linear, border-color 0.3s linear;
    -o-transition: color 0.3s ease-in, background-color 0.3s linear, border-color 0.3s linear;
    transition: color 0.3s ease-in, background-color 0.3s linear, border-color 0.3s linear;
}

/************* Invert Typo *************/

.enforce-typo {
    background: #ffffff;
    color: #666666;
}

.enforce-typo a,
.enforce-typo a:hover,
.enforce-typo h1,
.enforce-typo h2,
.enforce-typo h3,
.enforce-typo h4,
.enforce-typo h5,
.enforce-typo h6,
.enforce-typo .title {
    color: #666666;
}

.highlight-typo {
    background: #f6f3ed;
}

/************* Code, Pre, Keyboard, Teletype *************/
code,
pre,
kbd,
tt {
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}

pre {
    overflow-x: auto;
}

code,
kbd,
tt {
    padding: 2px 5px;
    margin: 0 5px;
    border: dashed 1px;
}

pre {
    display: block;
    padding: 5px 10px;
    margin: 1.07142857em 0;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap;
    color: #d14;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
}

pre.scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

/************* Lists *************/
ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none outside;
}

ul ol,
ul ul,
ol ol,
ol ul {
    margin-left: 10px;
}

li {
    margin: 0;
    padding: 0;
    /* margin-right: 10px;
 display: inline;*/
}

ul.unstyled,
ol.unstyled {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none outside !important;
}

#main ol {
    list-style: decimal outside;
}

#main ul.square {
    list-style: square outside;
}

#main ul.circle {
    list-style: circle outside;
}

#main ul ul,
#main ol ul {
    list-style-type: circle;
}

#main ul ul ul,
#main ul ol ul,
#main ol ul ul,
#main ol ol ul {
    list-style-type: square;
}

#main ul ol,
#main ol ol {
    list-style-type: lower-alpha;
}

#main ul ul ol,
#main ul ol ol,
#main ol ul ol,
#main ol ol ol {
    list-style-type: lower-roman;
}

#main ul ul,
#main ul ol,
#main ol ol,
#main ol ul {
    margin-top: 2px;
    margin-bottom: 2px;
    display: block;
}

/*#main li {
    margin-right: 0;
    display: list-item;
}*/

#wpadminbar li {
    display: list-item;
}

.borderlist > li:first-child {
    border-top: 1px solid;
}

.borderlist > li {
    border-bottom: 1px solid;
    padding: 0.15em 0;
    list-style-position: outside;
}

/************* Lists - Definitions *************/
dl {
    margin: 0.71428571em 0;
}

dt {
    font-weight: bold;
}

dd {
    margin-left: 0.71428571em;
}

.dl-horizontal {
    *zoom: 1;
}

.dl-horizontal:before,
.dl-horizontal:after {
    display: table;
    line-height: 0;
    content: "";
}

.dl-horizontal:after {
    clear: both;
}

.dl-horizontal dt {
    float: left;
    width: 12.3em;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dl-horizontal dd {
    margin-left: 13.8em;
}

/*** Responsive Definitions ***/
@media only screen and (max-width: 799px) {
    .dl-horizontal dt {
        float: none;
        width: auto;
        clear: none;
        text-align: left;
    }

    .dl-horizontal dd {
        margin-left: 0;
    }
}

/************* Tables *************/
table {
    width: 100%;
    padding: 0;
    margin: 1.07142857em 0;
    border-collapse: collapse;
    border-spacing: 0;
}

table caption {
    padding: 5px 0;
    width: auto;
    font-style: italic;
    text-align: right;
}

th {
    font-weight: bold;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 6px 6px 6px 12px;
}

th.nobg {
    background: none;
}

td {
    padding: 6px 6px 6px 12px;
}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
    background-color: #f6f3ed;
}

/************* Forms *************/
form {
    margin-bottom: 1.07142857em;
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 1.07142857em;
    border: 0;
    border-bottom: 1px solid #dddddd;
    background: #ffffff;
    color: #666666;
    font-weight: bold;
}

legend small {
    color: #666666;
}

label,
input,
select,
textarea {
    font-size: 1em;
    font-weight: normal;
    line-height: 1.4em;
}

label {
    display: inline-block;
}

.input-text,
textarea,
select,
input[type="text"],
input[type="input"],
input[type="password"],
input[type="email"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
    -webkit-appearance: none;
    border: 1px solid #dddddd;
    padding: 6px 8px;
    outline: none;
    color: #666666;
    margin: 0;
    max-width: 100%;
    display: inline-block;
    background: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

.input-text:focus,
textarea:focus,
input[type="text"]:focus,
input[type="input"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
    border: 1px solid #aaaaaa;
    color: #555555;
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
    width: auto;
}

input[type="checkbox"] {
    display: inline;
}

input[type="radio"],
input[type="checkbox"] {
    line-height: normal;
    cursor: pointer;
    margin: 4px 0 0;
    margin-top: 1px \9;
    *margin-top: 0;
}

textarea {
    height: auto;
    min-height: 60px;
}

select {
    width: 215px;
    /* background: #ffffff url('http://drabiliclinic.com/wp-content/themes/drabili/images/select.png') no-repeat center right;*/
}

select[multiple],
select[size] {
    height: auto;
}

/*** Special ***/
input:-moz-placeholder,
textarea:-moz-placeholder,
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #999999;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
    cursor: not-allowed;
    background-color: #eeeeee;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
    background-color: transparent;
}

/*** Buttons Default ***/
input[type="submit"] {
    outline: none;
}

input[type="submit"],
#submit,
.button {
    background: #00BCD5;
    color: #ffffff;
    display: inline-block;
    cursor: pointer;
    border: solid 1px;
    text-transform: uppercase;
    font-weight: normal;
    -webkit-transition: color 0.3s ease-in, background-color 0.3s linear, box-shadow linear 0.3s;
    -moz-transition: color 0.3s ease-in, background-color 0.3s linear, box-shadow linear 0.3s;
    -o-transition: color 0.3s ease-in, background-color 0.3s linear, box-shadow linear 0.3s;
    transition: color 0.3s ease-in, background-color 0.3s linear, box-shadow linear 0.3s;
}

input[type="submit"]:hover,
#submit:hover,
.button:hover {

    background: #e53743;
    color: #ffffff;
}

#submit a,
.button a {
    color: inherit;
}

/*** Buttons Override ***/
input[type="submit"],
#submit,
.button {
    /* font-weight: bold;
     border: none;*/
    -webkit-transition: color 0.2s ease-in, background-color 0.2s linear;
    -moz-transition: color 0.2s ease-in, background-color 0.2s linear;
    -o-transition: color 0.2s ease-in, background-color 0.2s linear;
    transition: color 0.2s ease-in, background-color 0.2s linear;

}

/*** Button Sizes ***/
input[type="submit"],
#submit,
.button,
input[type="submit"].button-medium,
#submit.button-medium,
.button-medium {
    padding: 10px 35px 11px;
    font-size: 1em;
    line-height: 1.4em;
    margin-top: 5px;
    margin-bottom: 5px;
    border: solid 1px rgba(0, 0, 0, 0.15);
}

input[type="submit"].button-small,
#submit.button-small,
.button-small {
    padding: 6px 25px 7px;
    font-size: 1em;
    line-height: 1.4em;
}

input[type="submit"].button-large,
#submit.button-large,
.button-large {
    padding: 13px 55px 14px;
    font-size: 1em;
    line-height: 1.4em;
}

/**
 * Images, WP Gallery and Objects
 * ========================================================
 */
/************* Objects *************/
iframe,
video,
object,
embed {
    max-width: 100%;
    margin: 1.07142857em 0;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

figure {
    margin: 1em;
}

/************* Images *************/
img,
a img {
    border: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    max-width: 100%;
    height: auto;
    image-rendering: optimizeQuality;
    vertical-align: top;
}

img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* to accomodate border and padding width, and maintain responsive */
}

.lt-ie8 img {
    width: 100%;
}

.lt-ie8 img {
    -ms-interpolation-mode: bicubic;
}

/************* Image Styles *************/
.img-round {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.img-circle {
    -webkit-border-radius: 1500px;
    -moz-border-radius: 1500px;
    border-radius: 1500px;
}

.img-polaroid {
    padding: 4px;
    border: 1px solid;
}

.img-frame {
    padding: 4px;
    border: 1px solid;
}

.img-noborder img,
img.img-noborder {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

/************* WordPress Image Captions *************/
.wp-caption {
    background: #f6f3ed;
}

.wp-caption-text {
    border: solid 1px #dddddd;
    color: #666666;
    margin: 0;
    padding: 5px;
    font-size: 0.857142em;
    line-height: 1.333333em;
    text-align: center;
}

/************* WordPress Image Alignment *************/
.aligncenter {
    clear: both;
    display: block;
    margin: 1.07142857em auto;
    text-align: center;
}

img.aligncenter {
    margin: 1.07142857em auto;
}

.alignleft {
    float: left;
    margin: 10px 1.71428571em 5px 0;
    display: block;
}

.alignright {
    float: right;
    margin: 10px 0 5px 1.71428571em;
    display: block;
}

.alignleft img,
.alignright img {
    display: block;
}

/************* Avatar *************/
.avatar {
    display: inline-block;
}

.avatar.pull-left {
    float: left;
    margin: 0 1em 5px 0;
}

.avatar.pull-right {
    float: right;
    margin: 0 0 5px 1em;
}

/**
 * Layout
 * ========================================================
 */
body {
    background: #ffffff;
}

#page-wrapper {
    text-align: right;
    width: 100%;
    display: block;
    margin: 0 auto;

}

/**
 * Header (Topbar, Header, Main Nav Menu)
 * ========================================================
 */
/************* Topbar *************/
#topbar {

    width: 100%;
}

/*
#topbar-left ul,
#topbar-left ol,
#topbar-left li {
    display: inline-block;
}
*/

#topbar .widget {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}

#topbar .widget-title {
    display: none;
    margin: 0;
    font-size: 14px;
    line-height: 2em;
}

#topbar-left {
    text-align: right;
    font-size: 0.928571em;

}

#topbar-left .widget_text {
    font-style: italic;
}

#topbar-right {
    text-align: left;
    line-height: 1.23809436em;
    overflow: hidden;
}

.massage {
    font-size: 14px;
    margin-top: 27px;
    font-family: Byekan;
    color: #000;
}

.contact-slider {
    font-size: 14px;
    margin-top: 18px;
    font-family: msmfont;
    color: #000;
}

.topbar-right-inner {
    margin-bottom: -1px;
}

.topbar-right-inner .social-icons-widget .social-icons-icon {
    color: #aaaaaa;
    line-height: inherit;
    height: auto;
    padding: 10px 0 10px 0;
    border-left: none;
}

.topbar-right-inner .social-icons-widget .social-icons-icon:first-child {
    border-left: solid 1px #dddddd;
}

.topbar-right-inner .searchbody {
    display: inline-block;
    vertical-align: middle;
    margin-right: -1px;
}

.topbar-right-inner .searchform {
    margin-bottom: 0;
    position: relative;
    display: inline-block;
}

.topbar-right-inner input {
    background: #ffffff;
    color: inherit;
    font-size: 0.928571em;
    line-height: 1.333333em;
    padding: 10px 7px 9px 2.5em;
    vertical-align: bottom;
}

.topbar-right-inner input:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.topbar-right-inner i.fa-search {
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    left: 13px;
}

/*** Responsive Topbar ***/
@media only screen and (max-width: 799px) {
    #topbar-left {
        text-align: center;
        width: auto;
    }

    #topbar-right {
        text-align: center;
        width: auto;
        padding: 0;
        margin: 0 -15px;
        border-top: solid 1px #dddddd;
    }

    .topbar-right-inner {
        margin-top: -1px;
    }
}

/************* Header Layout *************/
#header {
    background: #016064;
    border-left: medium none;
    border-right: medium none;
    /*padding: 0 0 11px;*/
    position: relative;
    width: 100%;
    z-index: 2;
    text-align: left;
}

#header:before {
    position: absolute;

    height: 100%;
    width: 60%;
    /*content: " ";*/
}

#branding {
    text-align: center;
    width: 30%;
    text-align: left;
}

/*** Responsive Header ***/
@media only screen and (max-width: 799px) {
    #header:before,
    #header .table,
    #branding,
    #header-aside {
        width: 100%;
    }

    #header:before {
        content: '';
        display: none;
    }

    #header .grid-span-12 {
        padding: 0;
    }
}

/*** Text Logo ***/
#site-title {
    margin: 0 auto;
    max-width: 170px;
    position: relative;
}

#site-title a {
    color: inherit;
}

#site-title a:hover {
    text-decoration: none;
}

.site-logo-with-icon #site-title {
    position: relative;
    padding-left: 54px;
}

.site-logo-with-icon #site-title > a {
    padding-left: 15px;
    display: block;
}

.site-logo-with-icon #site-title i {
    font-size: 0.888888em;
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    text-align: right;
}

.site-logo-with-image .site-logo-mixed-link {
    display: table;
    table-layout: fixed;
}

.site-logo-with-image .site-logo-mixed-image {
    display: table-cell;
    vertical-align: middle;
    padding-right: 15px;
}

.site-logo-with-image .site-logo-mixed-image img {
    vertical-align: baseline;
}

.site-logo-with-image .site-logo-mixed-text {
    display: table-cell;
    vertical-align: middle;
}

.site-title-line {
    display: block;
    line-height: 1em;
}

.site-title-body-font {
    font-family: Byekan, Helvetica, Arial, sans-serif;
}

#site-description {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: 1em;
    text-transform: uppercase;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

/*** Img Logo ***/
#site-logo-img img {
    max-height: 120px;
    position: relative;
    z-index: 10;
}

/*** Responsive Logo ***/
@media only screen and (max-width: 799px) {
    #site-logo {
        display: block;
        padding-right: 0;
    }

    #page-wrapper #site-title,
    #page-wrapper #site-description {
        text-align: center;
        padding-left: 0 !important;
    }

    .site-logo-with-icon #site-title > a {
        position: relative;
        left: 0.5em;
        display: inline-block;
        max-width: 75%;
    }

    .site-logo-with-icon #site-title i {
        left: -1em;
    }

    .site-logo-with-image .site-logo-mixed-link {
        display: block;
        text-align: center;
    }

    .site-logo-with-image .site-logo-mixed-image,
    .site-logo-with-image .site-logo-mixed-text {
        display: inline-block;
    }
}

/************* Header Aside - Main Nav Menu *************/
#header-aside {
    text-align: right;
}

#menu-primary-items {
    display: inline-block;
    text-align: right;
    /*font-size: 0.85714286em;*/
    text-transform: uppercase;
    /* font-weight: bold;*/
    font-weight: 800;
    vertical-align: middle;
}

#menu-primary-items ol,
#menu-primary-items ul {
    margin-left: 0;
}

#menu-primary-items li {
    margin-right: 0;
    display: inline-block;
}

#menu-primary-items li:hover {
    visibility: inherit;
    /* fixes IE7 'sticky bug' */
}

#menu-primary-items > li {
    margin: 0;

}

#menu-primary-items > li a {
    color: #fff;
}

#menu-primary-items > li > a {
    padding: 26px 10px;

}

#menu-primary-items > li ul a {
    font-weight: normal;
    color: #666666;
    text-transform: none;
    font-size: 13px;

}

/*** Superfish Menu ***/
.sf-menu a {
    display: block;
    position: relative;
}

.sf-menu li {
    position: relative;
}

.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
    display: block;
}

.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    right: 0;
    z-index: 99;
    min-width: 16em;
    background: #ffffff;
    border: solid 1px #dddddd;
}

.sf-menu ul ul {
    top: -1px;
    right: 100%;
}

.sub-menu li {
    width: 100%;
}

.sf-menu ul li {
    border-color: #dddddd;
    border-top: solid 1px rgba(80, 80, 80, 0.15);
}

.sf-menu ul li:first-child {
    border-top: none;
}

.sf-menu ul li:hover {
    background: #f6f3ed;
}

.sf-menu ul li a {
    padding: 10px 8px 10px 15px;
    line-height: 1.333333em;
}

/*** Superfish Menu Arrows ***/
#menu-primary .sf-menu.sf-arrows li a.sf-with-ul {
    padding-right: 17px;
}

@media only screen and (min-width: 800px) {
    #menu-primary-items {
        display: inline-block !important;
        /*Override any leftover inline style applied by responsive JS in smaller screens. Example: if a screen is resized when the menu is toggled off */
    }

    .comment-form-author, .comment-form-email, .comment-form-url {
        display: inline-block;
        margin: 0;
        width: 33%;
    }
}

/**
 * Main #Content
 * ========================================================
 */
#main.main {
    /*padding-bottom: 30px;*/
    overflow: hidden;
}

/************* Loop Meta *************/
#loop-meta {
    background: #f6f3ed;
    position: relative;
    border-bottom: 1px solid #ddd;

}

/*.loop-meta {
    float: none;
    text-align: center;
    background-size: contain;
    padding-top: 5px;
    padding-bottom: 5px;
}*/

.loop-title {
    /* background: #eee none repeat scroll 0 0;*/
    margin: 0 0 15px;
    padding: 11px 45px;
}

.loop-description p {
    margin: 0.71428571em 0;
}

.loop-description p:first-child {
    margin-top: 0.2em;
}

#content-wrap #loop-meta:before {
    position: absolute;
    /* background: #f6f3ed;*/
    height: 100%;
    width: 9999px;
    content: " ";
    right: 0;
}

#content-wrap .loop-meta {
    text-align: right;
    /* margin-bottom: 70px;*/
    padding-left: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}

#custom-content-title-area {
    text-align: center;
}

.pre-content-title-area ul.lSPager {
    display: none;
}

.content-title-area-grid {
    padding-top: 1.71428571em;
    padding-bottom: 1.71428571em;
}

/*** Responsive Loop Meta ***/
@media only screen and (max-width: 799px) {
    #content-wrap .loop-meta {
        padding-left: 15px;
    }

    #content-wrap #loop-meta:before {
        display: none;
    }
}

/************* Entry Meta Byline (Singular Post Page) *************/
.entry-byline {
    margin: 0.2em 0 0.71428571em;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.entry-byline-block {
    display: inline;
}

.entry-byline-block:after {
    content: "/";
    margin: 0 7px;
}

.entry-byline-block:last-child:after {
    display: none;
}

.entry-byline a {
    color: inherit;
}

.entry-byline a:hover {
    color: inherit;
    text-decoration: underline;
}

.entry-byline-label {
    margin-right: 3px;
}

.entry-footer .entry-byline {
    margin: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    padding: 7px 0;
    border-bottom: solid 1px #dddddd;
}

/************* <main> #content *************/
/*#content {
    float: none;
    margin: 0px auto 0 !important;
    min-width: 80%;
}*/

#content.no-sidebar {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

/************* Single Post (Single post on Archive page / Singular Post page) *************/
/** Caution: Modify this CSS block carefully as these divs display differently in above two templates. **/
/** Use specific classes instead: 'entry-content' classes for single post pages, and 'entry-grid' classes to style posts in archive lists **/
.entry-content-featured-img {
    border: 1px solid #ddd;
    display: block;
    margin: 0 auto 35px;
    padding: 2px;
}

/************* Single Post (Single Post Page) *************/

.entry-content.no-shadow {
    border: none;
}

.entry-the-content {
    margin-bottom: 1.71428571em;
    display: block;
    zoom: 1;
}

.entry-the-content p:first-child,
.entry-the-content h1:first-child,
.entry-the-content h2:first-child,
.entry-the-content h3:first-child,
.entry-the-content h4:first-child,
.entry-the-content h5:first-child,
.entry-the-content h6:first-child {
    margin-top: 0;
}

.entry-the-content:after {
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    clear: both;
    visibility: hidden;
}

.entry-the-content:after {
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    clear: both;
    visibility: hidden;
}

/************* Post Navigation *************/
.page-links {
    text-align: center;
    margin: 1.71428571em 0;
}

.page-links a,
.page-links .page-numbers {
    border: solid 1px;
    padding: 2px 5px;
    margin: 2px;
}

.loop-nav {
    padding: 1.71428571em 0;
    border-bottom: solid 1px #dddddd;
}

/************* Comments *************/
#comments-template {
    padding-top: 1.71428571em;
}

#comments-number {
    font-size: 14px;
    color: #aaaaaa;
    font-family: inherit;
    font-weight: bold;
    font-weight: 800;
    text-transform: uppercase;
}

#comments .comment-list,
#comments .comment-list ol.children {
    list-style-type: none;
    margin: 0;
}

.comment-list {
    padding-bottom: 0.71428571em;
}

/*** Single Comment ***/
.comment {
    position: relative;
    margin: 0;
}

.comment article {
    position: relative;
}

.comment p {
    margin: 0 0 0.3em;
}

.comment li.comment {
    border-right: 1px solid #dddddd;
    margin-right: 20px;
    padding-right: 40px;
}

.comment-avatar {
    position: absolute;
    width: 50px;
    top: 5px;
    left: 5px;
}

.comment-by-author {
    font-size: 0.857142em;
    line-height: 1.333333em;
    color: #aaaaaa;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 3px;
}

.comment-content-wrap {
    margin: 30px 0px 20px 70px;
}

.comment-meta-block,
.comment-edit-link {
    border-left: 1px solid #aaaaaa;
    color: #aaaaaa;
    display: inline-block;
    font-size: 0.857142em;
    line-height: 1.33333em;
    margin: 0 0 0 15px;
    padding: 0 0 0 15px;
    text-transform: uppercase;
}

.comment-meta-block:last-child {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
}

.comment-meta-block cite.comment-author {
    font-style: normal;
    font-size: 1em;
}

/*** Single Comment by post author ***/
.comment.bypostauthor > article {
    background: #f6f3ed;
}

.comment.bypostauthor > article .comment-meta-block,
.comment.bypostauthor > article .comment-edit-link {
    color: inherit;
}

.comment.bypostauthor > article .comment-avatar {
    top: 18px;
    left: 18px;
}

.comment.bypostauthor > article .comment-content-wrap {
    margin-left: 80px;
    padding: 13px 10px 13px 5px;
}

.comment.bypostauthor + #respond {
    background: #f6f3ed;
    padding: 20px 20px 1px;
}

.comment.bypostauthor + #respond #reply-title {
    margin-top: 0;
}

/*** Single Comment Ping ***/
.comment-ping {
    border: solid 1px #dddddd;
    padding: 5px 10px 5px 15px;
    margin: 30px 0px 20px;
}

.comment-ping cite {
    font-size: 1em;
}

/*** Response Form ***/
#reply-title {
    font-size: 14px;
    font-family: inherit;
    font-weight: bold;
    font-weight: 800;
    text-transform: uppercase;
}

#respond label {
    font-size: 14px;
    line-height: 1.333333em;
    font-weight: normal;
    padding: 8px 0;
    /*  width: 6%;*/
    vertical-align: top;
    display: block;
}

.comment-form textarea {
    width: 100%;
}

.comment-form input {
    width: 100%;
}

/*** Comments Responsive ***/
@media only screen and (max-width: 799px) {
    .comment article {
        margin: 10px 0;
    }

    .responsive_info a {
        display: block;
        font-size: 17px;
        margin: 8px 0 0;
    }

    .comment-avatar {
        position: relative;
        top: auto;
        left: auto;
    }

    .comment-content-wrap {
        margin: 10px 0 0 0;
    }

    .comment.bypostauthor > article .comment-content-wrap {
        margin: 10px 0 0 10px;
    }

    .comment li {
        padding-left: 15px;
        margin-left: 10px;
    }
}

/************* 404 Page Content *************/
.custom-404-content .entry-the-content {
    width: auto;
}

/************* Attachment Page Content *************/
.entry.attachment .entry-content {
    border-bottom: none;
}

.entry.attachment .entry-the-content {
    width: auto;
    text-align: center;
}

.entry.attachment .entry-the-content p:first-of-type {
    margin-top: 2em;
    font-weight: bold;
    font-weight: 800;
    text-transform: uppercase;
}

.entry-grid-featured-img {
    position: relative;
    z-index: 1;
}

/* Sticky */
.entry-sticky-tag {
    display: none;
    /*Hide it when not actually displayed as 'stuck' at top*/
}

.sticky .entry-sticky-tag {
    display: inline-block;
    padding: 5px 10px;
    margin-right: 10px;
    text-transform: uppercase;
    font-size: 0.857142em;
    line-height: 1.333333em;
    text-align: center;
}

.archive-big.sticky .entry-sticky-tag,
.archive-medium.sticky .entry-sticky-tag,
.archive-small.sticky .entry-sticky-tag {
    float: left;
    position: relative;
    z-index: 1;
}

/* Entry Grid */

.entry-grid-content {
    padding-left: 0;
    padding-right: 0;
}

.entry-grid-content .entry-title {
    margin-top: 0;
    margin-bottom: 12px;
}

.entry-grid-content .entry-title a {
    color: inherit;
}

/* List Entry Byline */
.entry-grid .entry-byline {
    display: inline;
}

.archive-big .entry-byline,
.archive-medium .entry-byline,
.archive-small .entry-byline {
    display: block;
    background: #f6f3ed;
    padding: 0 10px;
}

/*** Archive Big Post entry ***/
/*** Archive Medium and Small Post entry ***/
.archive-medium .entry-grid,
.archive-small .entry-grid {
    padding-bottom: 53.84615385px;
}

.archive-medium .entry-content-featured-img,
.archive-small .entry-content-featured-img {
    margin: 0 1.71428571em 10px 0;
}

.archive-medium .entry-title,
.archive-small .entry-title {
    margin-top: 0;
}

.archive-medium .entry-byline,
.archive-small .entry-byline {
    overflow: hidden;
}

.archive-mosaic .entry-grid {
    padding-bottom: 0;
    border: solid 1px #dddddd;
}

.archive-mosaic .entry-content-featured-img {
    margin: 0 auto;
}

.archive-mosaic .entry-grid-content {
    padding: 1.71428571em;
    padding-bottom: 0;
}

.archive-mosaic .entry-title {
    margin-top: 0;
    font-size: 1.28571429em;
}

.archive-mosaic .entry-summary {
    font-size: 0.9em;
}

.archive-mosaic .entry-summary p:first-child {
    margin-top: 0;
}

.archive-mosaic .mosaic-sub {
    background: #f6f3ed;
    border-top: solid 1px #dddddd;
    margin: 0 -1.71428571em;
    padding: 10px;
    line-height: 1.4em;
}

.archive-mosaic.sticky .entry-sticky-tag {
    margin-right: 5px;
    padding: 2px 5px;
}

/************* Read More *************/
.more-link {
    display: block;
    margin-top: 1.07142857em;
    text-transform: uppercase;
}

/************* Navigation *************/
.pagination.loop-pagination {
    margin: 1.07142857em 0;
}

.page-numbers {
    border: solid 1px;
    padding: 2px 5px;
    margin: 2px;
    float: right;
}

/*** Responsive HTML Slider ***/
@media only screen and (max-width: 799px) {
    .hootslider-html-slide .column-1-2.hootslider-html-slide-left {
        display: block;
        padding: 45px 40px 23px;
    }

    .hootslider-html-slide .column-1-2.hootslider-html-slide-right {
        display: block;
        padding: 23px 40px 45px;
    }

    .hootslider-html-slide .column-1-1.hootslider-html-slide-column {
        padding: 45px 40px;
    }
}

/**
 * Sidebars and Widgets
 * ========================================================
 */
/************* Sidebars *************/
/************* Primary Sidebar *************/
#sidebar-primary {
    margin-top: 70px;
    line-height: 2em;
}

#sidebar-primary .widget {
    margin: 0 0 50px;
}

#sidebar-primary .widget-title {
    color: #aaaaaa;
    font-size: 14px;
    font-family: inherit;
    font-weight: bold;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 1.07142857em;
}

#sidebar-primary .topborder-line,
#sidebar-primary .bottomborder-line,
#sidebar-primary .topborder-shadow,
#sidebar-primary .bottomborder-shadow {
    margin-top: 0;
    margin-bottom: 0;
}

/************* Widgets *************/
.widget {
    margin: 70px 0;
}

.widget-title {
    margin-top: 0;
}

/**
 * Footer
 * ========================================================
 */
/************* Sub Footer *************/
#sub-footer {
    background: #f6f3ed;
    border-top: solid 1px #dddddd;
    text-align: center;
}

/************* Footer *************/

#footer {
    box-sizing: border-box;
    background: #363839;
}

/************* Post Footer *************/

nav .menu li::before {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}

.header-content {
    position: relative;

}

#topbar-right h1 {
    color: #fff;
    font-size: 21px;
    margin: 0;
}

#topbar-right {
    color: #fff;
    font-size: 17px;
    margin: 0;
}

.icon-facebook {
    background: url("images/socials/facebook.png") no-repeat center;
}

.icon-gplus {
    background: url("images/socials/gplus.png") no-repeat center;
}

.icon-insta {
    background: url("images/socials/insta.png") no-repeat center;
}

.icon-telegram {
    background: url("images/socials/telegram.png") no-repeat center;
}

/*.icon-facebook:hover {
    background: url("http://drabiliclinic.com/wp-content/themes/drabili/images/socials/facebook-hover.png") no-repeat center;
}*/

/*.icon-gplus:hover {
    background: url("http://drabiliclinic.com/wp-content/themes/drabili/images/socials/gplus-hover.png") no-repeat center;
}

.icon-insta:hover {
    background: url("http://drabiliclinic.com/wp-content/themes/drabili/images/socials/insta-hover.png") no-repeat center;
}

.icon-telegram:hover {
    background: url("http://drabiliclinic.com/wp-content/themes/drabili/images/socials/telegram-hover.png") no-repeat center;
}*/

.topbar-socials i {
    display: block;
    height: 28px;
    position: relative;
    width: 28px;
}

.topbar-socials > a {
    display: inline-block;
    position: relative;
    width: 28px;
    vertical-align: middle;
}

#topbar-left > div {
    display: inline-block;
    text-align: right;
    float: right;
}

.topbar-tell, .topbar-email {
    color: #000;
    font-size: 17px;
    text-align: center;

    vertical-align: middle;
    margin: 4px;
}

.topbar-email {
    font-size: 15px;
}

.tell_icon {
    background: rgba(0, 0, 0, 0) url("images/tell-icon.png") no-repeat scroll center center;
    display: inline-block;
    height: 21px;
    position: relative;
    vertical-align: middle;
    width: 32px;
}

.email_icon {
    background: rgba(0, 0, 0, 0) url("images/email-icon.png") no-repeat scroll center center;
    display: inline-block;
    height: 21px;
    position: relative;
    vertical-align: middle;
    width: 32px;
}

.topbar-tell .tell {
    vertical-align: middle;
}

#home_slider {
    width: 100%;
    margin: 0 auto;
    direction: ltr;
    text-align: center;
}

#home_slider li {
    direction: rtl;
}

.hidden {
    display: none;
}

@media only screen and (min-width: 980px) and (max-width: 1100px) {

    #topbar-right h1 {
        font-size: 17px !important;
    }
}

@media only screen  and (max-width: 500px) {
    .radan-pic {
        display: none;
    }
}

@media only screen  and (max-width: 479px) {

    .responsive_info h2 {
        font-size: 14px;
    }

    .shelves_content {
        margin-top: -185px !important;

    }

}

@media only screen  and (max-width: 979px) {
    .responsive_info {
        display: block !important;
    }

    .main-menu {
        display: none;
    }

    #topbar-right {
        display: none;
    }
    #topbar-left {
        text-align: center !important;
        padding: 10px;
        width: 100%;
    }
    #topbar-left > div{
        float: none !important;
    }

    .area_d {
        background: #002551 !important;
    }

}

.lightSlider > li {
    position: relative;
}

.responsive_info {
    display: none;
    background: #002451;
    font-family: msmfont;
    text-align: center;
    padding: 15px 0;
}

.responsive_info h2 {
    margin: 0;
    color: #FFF;
}

.radan-pic {
    text-align: center;
}

.home_desc, .home_about, .procuct_area, .project_content {
    max-width: 980px;
    margin: 0 auto;
}

.area_c {
    background: #F2F2F2;
    margin: 50px 0 0;
    padding: 50px 0;
}

.item-pic img {
    border: 1px solid #fff;
    width: 100%;
    max-width: 320px;
    /*padding: 2px;*/
}

.radan-pic > li {
    display: inline-block;
    position: relative;
}

.radan-pic {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

span.text-content span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-family: msmfont;
    font-size: 24px;
}

.radan-pic li:hover span.text-content {
    opacity: 1;
}

span.text-content {
    background: rgba(255, 190, 16, 0.62);
    color: white;
    cursor: pointer;
    display: table;
    height: 240px;
    left: 0;
    position: absolute;
    top: 0;
    width: 320px;
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
}

.item-pic > a {
    height: 100%;
    position: relative;
    display: block;
}

.about_bg {
    display: block;
    margin: 0 auto;
}

.shelves_content {
    position: relative;
    margin-top: -235px;
}

.about_content {
    color: #232323;
    font-size: 15px;
    line-height: 30px;
    text-align: justify;
    text-shadow: 0 0 13px #9d9d9d;
    height: 375px;
}

.shelves_content > h2 {
    color: #232323;
    font-family: msmfont;
    font-size: 21px;
    line-height: 30px;

}

.shelves_content a {
    color: #000;
    text-decoration: underline;
}

.about_content h3 {
    color: #f7941d;
    font-family: msmfont;
    font-size: 18px;
}

.img_area {
    padding: 50px 0 0;
    text-align: center;
}

.section_title {
    color: #00BCD5;
    font-family: msmfont;
    font-size: 22px;
    text-align: center;
    position: relative;
    display: block;
}

.section_title::after {
    background: rgba(0, 0, 0, 0) url("images/title-bg.png") no-repeat scroll center center;
    content: "";
    height: 25px;
    position: absolute;
    right: 2px;
    top: 28px;
    width: 100%;
}

.more, .more-link {
    font-family: msmfont;
    color: #f7941d !important;
    text-align: left;
    font-size: 18px;
    position: relative;
    padding: 0 20px;
}

.more span::after {
    background: rgba(0, 0, 0, 0) url("http://drabiliclinic.com/wp-content/themes/drabili/images/flash.png") no-repeat scroll center center;
    content: "";
    height: 16px;
    position: absolute;
    left: -5px;
    top: 8px;
    width: 22px;
}

.area_d {
    background: url("http://drabiliclinic.com/wp-content/themes/drabili/images/product_bg.jpg") no-repeat center 10px;
    min-height: 545px;
}

.area_d .section_title::after {
    background: none !important;
}

.item_description {
    color: #fff;
    font-size: 15px;
    min-height: 250px;
    padding: 15px 0;
    text-align: justify;
}

.product_item {
    color: #fff;
    text-align: center;
}

.product_item > p {
    border: 1px solid;
    border-radius: 16px;
    font-family: msmfont;
    margin-top: 15px;
}

.product_item.active > p {
    border: 2px solid #f7941d;
    color: #f7941d;
}

.ltr-div {
    direction: ltr;
}

.radan-title {
    display: table;
    text-align: center;
    width: 100%;
}

.radan-title > h3 {
    color: #f7941d;
    font-size: 28px;
    padding: 15px 0;
    text-shadow: 0 0 13px #9d9d9d;
}

.projects_item {
    /*  border: 1px solid #fff;*/
    border-radius: 10px;
}

.projects_items {
    padding: 20px 0 !important;
}

.projects_item img {
    border-radius: 10px 10px 0 0;
    width: 100%;
}

.item_b {
    border-radius: 10px;
    border: 1px solid #FFF;
}

.project_item_content {
    background: #fa7732 none repeat scroll 0 0;
    border-radius: 0 0 10px 10px;
    text-align: center;
}

.project_item_content a {
    color: #FFF;
}

.project_item_content .more {
    font-size: 15px;
    border-top: 1px dashed #FFF;
    text-align: center;
}

.project_item_content p {
    margin: 0 4px;
}

#footer .info {
    color: #fff;

    font-size: 15px;
    line-height: 28px;
    padding: 5px 0;
}

.sub-footer {

    min-height: 129px;
    text-align: center;
}

.footer_logo {
    margin: 10px 0 0;
}

.home_menu {
    position: absolute !important;
    text-align: center;
    width: 100%;
    z-index: 1;
    background: none !important;
}

#menu-primary-items > li > a {
    font-weight: bold;
}

#menu-primary-items > li > a:hover {
    background: #00BCD5;
}

.single_post {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    margin: 0;
    padding: 10px;
}

.single_post_img {
    border: 1px solid #ddd;
    padding: 3px;
}

.single_post .meta.clearfix {
    border-bottom: 1px dashed #b8b8b8;
}

.entry-title {
    margin: 0;
}

p#breadcrumb {
    margin: 0 0 4px;
}

.entry-title {
    font-size: 19px;
    margin: 0;
}

.loop-title {
    color: #000;
    display: inline-block;
    margin: 0 0 3px;
    padding: 0;
}

#breadcrumbs {
    display: inline-block;
    float: right;
    margin: 3px;
}

aside .widget {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    margin: 0 0 15px;
}

aside h3 {
    background: #eee none repeat scroll 0 0;
    box-sizing: border-box;
    margin: 0 0 10px;
    padding: 12px 6px;
}

aside .widget li {
    border-bottom: 1px dashed #ddd;
    margin: 0 0 5px;
    padding: 0 5px 5px;
}

#main > .grid > .grid-row {
    margin: 10px auto;
    padding: 13px 0;
}

aside .widget a {
    color: #696969;
    font-size: 13px;
    text-align: justify;
}

#contact-form input[type="text"] {
    width: 100%;
}

#contact-form textarea {
    width: 100%;
}

.contact .contact-info-footer {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    font-size: 16px;
    line-height: 33px;
    padding: 20px 3px 20px 15px;

}

.contact-form {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    margin: 25px auto;
    padding: 10px;
    font-family: msmfont;
    font-size: 17px;
}

.email_address {
    font-family: arial !important;

}

.projects_img > li {
    border: 1px solid #DDD;
    box-sizing: border-box;
    display: inline-block;
    margin: 3px;
    padding: 2px;
    max-width: 100%;
    width: 330px;
}

.project-images {
    background: #fff none repeat scroll 0 0;
    margin: 5px 0;
    padding: 20px 8px;
    text-align: center;
    position: relative;
    display: block;
}

.portfolio_item {
    text-align: center;
}

.widget .portfolio_item img {
    padding: 3px;
    border: 1px solid #DDD;
}

.view {
    display: inline-block;
    font-family: msmfont;
    font-size: 18px;
    margin: 10px 0;
}

.copyright {
    background: #262626 none repeat scroll 0 0;
    border-top: 1px dashed #7b7b7b;
    color: #fff;
    font-size: 14px;
    padding: 10px 0 5px;
    text-align: center;
}

.copyright a {
    color: #fff;

}

#comments-template, .single_page {
    background: #f8f9f4 none repeat scroll 0 0;
    border: 1px solid #ddd;
    padding: 5px 10px;
}

.post_item {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    margin: 4px 0;
    padding: 15px 5px;
}

.entry-summary .more-link {
    border: 1px solid;
    float: left;
    padding: 0 18px;
}

.product_item > img {
    max-width: 150px;
}

.item_description .more-link {
    border: 1px solid;
    float: left;
    margin-top: 10px;
    max-width: 96px;
}

.item_description > h3 {
    color: #f7941d;
}

.entry-the-content ol {
    margin: 0 35px;
}

.single_post .entry-the-thumb {
    margin-bottom: 20px;
}

.page-content {
    background: #FFF;
    padding: 20px 10px;
}

.documents {
    direction: ltr;
}

.page-content.about_bage {
    margin: 20px 0;
}

.topbarslider {
    direction: ltr;
    width: 100%;
}

.topbar-lang > li {
    display: inline-block;
    max-width: 28px;
    padding-top: 2px;
}

.topbar-tell span {
    display: block;
    letter-spacing: 3px;
    direction: rtl;
}

.topbar-tell > div, .topbar-email > div {
    display: inline-block;
    vertical-align: middle;
}

.main-menu {
    position: relative;

}

.rightmenu {
    text-align: left;
}

.leftmenu {
    text-align: right;
}

.menu-image.menu-image-title-below, .menu-image-hover-wrapper {
    padding-bottom: 0 !important;
}

.menu-image-title {
    display: block;
    font-weight: bold;
    position: relative;
}

.unslider {
    background: rgba(0, 0, 0, 0) url("images/unslider.png") no-repeat scroll center center;
    height: 38px;
    margin-top: -38px;
    position: relative;
    width: 100%;
    z-index: 11;
}

#home_slider .lSPager.lSpg {
    margin-top: -32px !important;
    position: relative;
}

#home_slider .lSAction > a {
    background-image: url("images/aroowSlide.png");
    cursor: pointer;
    display: block;
    height: 92px;
    margin-top: -16px;
    opacity: 1;
    position: absolute;
    top: 50%;
    transition: opacity 0.35s linear 0s;
    width: 23px;
    z-index: 9999;
}

#home_slider .lSAction > .lSPrev {

    left: 0;
}

#home_slider .lSAction > .lSNext {
    background-position: -23px 0;
    right: 0;
}

#home_slider .lSAction > .lSPrev:hover {
    background-position: 0 -92px;
}

#home_slider .lSAction > .lSNext:hover {
    background-position: -23px -92px;
}

.simplebar-content {
    padding: 2px 25px;
}

.part_link > p {
    color: #232323;
    font-size: 13px;
    line-height: 25px;
    text-align: justify;
    text-shadow: 0 0 13px #9d9d9d;
}

.part_link h3 {
    margin: 8px 0 0;
}

.btn-green {
    background: #fff none repeat scroll 0 0;
    position: relative;
    visibility: hidden;
    opacity: 0;
    /*transition: visibility 0s, opacity 0.5s linear;*/
}

.btn-green .btn::before {
    background: rgba(0, 0, 0, 0) url("images/bgService.png") no-repeat scroll 0 0;
    content: "";
    height: 22px;
    right: 0;
    margin: auto;
    position: absolute;
    top: -28px;
    width: 121px;
}

.part_link:hover .part_title, .part_link:hover .part_img, .part_link:hover .link_icon {
    display: none;
}

.part_link:hover .btn-green {
    background: #00BCD5 none repeat scroll 0 0;
    bottom: 0;
    height: 38px;
    left: 0;
    margin: auto;
    padding: 6px 20px;
    position: absolute;
    right: 0;
    visibility: visible;
    opacity: 1;
}

.part_link .btn i::after {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 39px;
    left: 0;
    margin: -3px -2px;
    position: absolute;
    right: 0;
    top: 2px;
    transition: all 0.4s ease 0s;
    width: 39px;
    z-index: -1;
}

.part_link .btn {
    position: relative;
    float: right;
}

.part_link .btn i {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.4);
    color: #00BCD5;
    display: block;
    font-size: 19px;
    height: 36px;
    line-height: 2;
    margin: -10px 42px 0 0;
    position: relative;
    text-align: center;
    transition: all 0.4s ease 0s;
    width: 36px;
    z-index: 1;
}

.part_link {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    cursor: pointer;
    height: 187px;
    margin-bottom: 25px;
    overflow: hidden;
    padding: 10px;
    position: relative;
    text-align: center;
    transition: all 0.4s ease 0s;
    background: #FFF;
}

.btn-green > a {
    color: #fff;
    float: left;
    line-height: 30px;
}

.part_link:hover {
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.3);
}

.top_part > img {
    margin-top: -50px;
}

#footer .info > img {
    max-width: 32px;
}

#footer .info > img, #footer .info > div {
    display: inline;
}

.footer_img {
    text-align: right;
}

.loop-meta {
    line-height: 28px;
    padding: 5px 0;
}

#contact-form > div {
    margin: 5px 0;
}

#contact-form label {
    margin: 0 0 5px 0;
}

.product-item.part_link {
    display: inline-block;
    height: 270px;
    margin: 10px 5px;
    padding: 0;
    width: 32%;
}

.product-item .btn-green > a {
    font-size: 14px;
}

.products-archive {
    text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 980px) {
    .product-item.part_link {
        width: 44% !important;
    }
}

@media only screen and (min-width: 500px) and (max-width: 767px) {
    .product-item.part_link {
        height: 240px !important;
        width: 48% !important;
    }
}

@media only screen and (min-width: 400px) and (max-width: 499px) {
    .product-item.part_link {
        height: 305px !important;
        width: 87% !important;
    }
}

@media only screen and (max-width: 399px) {
    .product-item.part_link {
        height: 240px !important;
        width: 98% !important;
    }
}

@media only screen and (max-width: 480px) {
    .unslider {
        display: none;
    }

    .lSAction {
        display: none !important;
    }
}

@media only screen and (max-width: 980px) {
    .area_c .part_links > div {
        width: 100%;
    }

    .main-menu {
        display: none !important;
    }

    #footer {
        background: #333333 !important;
        text-align: center;
    }

    .footer_img {
        text-align: center !important;
    }
}

.royal {
    color: #f4c100 !important;
}

.header-content > div {
    display: inline-block;
    vertical-align: middle;
}

#topbar-right > div {
    display: inline-block;
}

.area_b .home_about_content {
    margin-top: 35px;
    background: url("images/about-bg-ltr.jpg") no-repeat center;
}

.area_d {
    background: url("images/d-bg.png") no-repeat center / cover;
    min-height: 450px;
    margin: 40px 0 20px;
    background-attachment: fixed;
    position: relative;
}

.surgery_icon {
    background: url("images/surgery-icon.png") no-repeat center;
    width: 70px;
    height: 70px;
    display: inline-block;
    vertical-align: middle;
}

.title_area > h3 {
    color: #fff;
    display: inline-block;
    font-size: 22px;
    vertical-align: middle;
}

.surgery_text > p {
    color: #fff;
    text-align: justify;
}

.layer {
    background-color: rgba(1, 96, 101, 0.74);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.surgery_content {
    padding: 100px 0 0;
    position: relative;
    z-index: 2;
}

.surgary_link {
    text-align: right;
}

.surgary_link > a {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    display: inline-block;
    max-width: 120px;
    padding: 9px 12px;
    text-align: center;
}

.link_icon {
    border: 1px solid #ddd;
    border-radius: 50%;
    color: #787676;
    font-size: 28px;
    height: 30px;
    padding: 6px;
    width: 30px;
}

#branding > img {
    height: 60px;
}

.dr-gallery > li {
    display: inline-block;
}

#breadcrumbs {
    font-size: 13px;
}

.dr-gallery > li {
    display: inline-block;
    max-width: 350px;
}

.dr-gallery {
    text-align: center;
}

.contact-info-footer {
    padding: 20px 10px;
}

.footer_content > div {
    padding: 0;
}

.archive-photo .photo {
    display: inline-block;
    max-width: 320px;
}

.photo > p {
    text-align: center;
}

.photo > p > a {
    color: #666;
}
.social_item {
    display: inline-block;
    margin: 20px 0 0;
    max-width: 49px;
}
.archive-big .entry-byline{
    display: none; !important;
}