/*
/*
----------------------------------------------------------------

Materiable basic styles

Theme Name: Materiable
Theme URI: http://www.demo.picalica.net/Materiable/
Author: Toriom
Author URI: https://www.picalica.com/u/Toriom/
Description: Meet your new materiable theme
Version: 1.0

NOTE: DO NOT EDIT THIS FILE!
THIS FILE IS REPLACED DURING AUTO-UPDATES
AND ANY CHANGES MADE HERE WILL BE OVERWRITTEN.

----------------------------------------------------------------
*/
/*
@font-face {
  font-family: 'NotoKufiArabic';
  src: url('../fonts/NotoKufiArabic/NotoKufiArabic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/NotoKufiArabic/NotoKufiArabic.woff') format('woff'),
       url('../fonts/NotoKufiArabic/NotoKufiArabic.ttf')  format('truetype'),
       url('../fonts/NotoKufiArabic/NotoKufiArabic.svg#NotoKufiArabic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NotoKufiArabic';
  src: url('../fonts/NotoKufiArabic/NotoKufiArabic-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/NotoKufiArabic/NotoKufiArabic-Bold.woff') format('woff'),
       url('../fonts/NotoKufiArabic/NotoKufiArabic-Bold.ttf')  format('truetype'),
       url('../fonts/NotoKufiArabic/NotoKufiArabic-Bold.svg#NotoKufiArabic-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
*/
/*
@font-face {
  font-family: 'NotoNaskhArabic-Regular';
  src: url('../fonts/NotoNaskhArabic/NotoNaskhArabic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/NotoNaskhArabic/NotoNaskhArabic.woff') format('woff'), 
       url('../fonts/NotoNaskhArabic/NotoNaskhArabic.ttf')  format('truetype'),
       url('../fonts/NotoNaskhArabic/NotoNaskhArabic.svg#NotoNaskhArabic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NotoNaskhArabic-Bold';
  src: url('../fonts/NotoNaskhArabic/NotoNaskhArabic-Bold.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/NotoNaskhArabic/NotoNaskhArabic-Bold.woff') format('woff'),
       url('../fonts/NotoNaskhArabic/NotoNaskhArabic-Bold.ttf')  format('truetype'),
       url('../fonts/NotoNaskhArabic/NotoNaskhArabic-Bold.svg#NotoNaskhArabic-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
*/
@font-face {
  font-family: 'DiodrumArabic-Regular';
  src: url('../fonts/DiodrumArabic/DiodrumArabic-Regular.eot');
  src: url('../fonts/DiodrumArabic/DiodrumArabic-Regular.woff2') format('woff2'),
       url('../fonts/DiodrumArabic/DiodrumArabic-Regular.woff') format('woff'),
       url('../fonts/DiodrumArabic/DiodrumArabic-Regular.ttf') format('truetype'),
       url('../fonts/DiodrumArabic/DiodrumArabic-Regular.svg#DiodrumArabic-Regular') format('svg'),
       url('../fonts/DiodrumArabic/DiodrumArabic-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DiodrumArabic-Bold';
  src: url('../fonts/DiodrumArabic/DiodrumArabic-Bold.eot');
  src: url('../fonts/DiodrumArabic/DiodrumArabic-Bold.woff2') format('woff2'),
       url('../fonts/DiodrumArabic/DiodrumArabic-Bold.woff') format('woff'),
       url('../fonts/DiodrumArabic/DiodrumArabic-Bold.ttf') format('truetype'),
       url('../fonts/DiodrumArabic/DiodrumArabic-Bold.svg#DiodrumArabic-Bold') format('svg'),
       url('../fonts/DiodrumArabic/DiodrumArabic-Bold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DroidNaskhArabic-Regular';
  src: url('../fonts/DroidNaskhArabic/DroidNaskh-Regular.eot');
  src: url('../fonts/DroidNaskhArabic/DroidNaskh-Regular.woff2') format('woff2'),
       url('../fonts/DroidNaskhArabic/DroidNaskh-Regular.woff') format('woff'),
       url('../fonts/DroidNaskhArabic/DroidNaskh-Regular.ttf') format('truetype'),
       url('../fonts/DroidNaskhArabic/DroidNaskh-Regular.svg#DroidNaskh-Regular') format('svg'),
       url('../fonts/DroidNaskhArabic/DroidNaskh-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DroidNaskhArabic-Bold';
  src: url('../fonts/DroidNaskhArabic/DroidNaskh-Bold.eot');
  src: url('../fonts/DroidNaskhArabic/DroidNaskh-Bold.woff2') format('woff2'),
       url('../fonts/DroidNaskhArabic/DroidNaskh-Bold.woff') format('woff'),
       url('../fonts/DroidNaskhArabic/DroidNaskh-Bold.ttf') format('truetype'),
       url('../fonts/DroidNaskhArabic/DroidNaskh-Bold.svg#DroidNaskh-Bold') format('svg'),
       url('../fonts/DroidNaskhArabic/DroidNaskh-Bold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
.font_title_bold{
	font-family: 'DiodrumArabic-Bold', 'DroidNaskhArabic-Bold', sans-serif;
}
.font_title_slim{
	font-family: 'DiodrumArabic-Regular', 'DroidNaskhArabic-Regular', sans-serif;
}
.font_text_bold{
	font-family: 'DroidNaskhArabic-Bold', 'DiodrumArabic-Bold', sans-serif;
}
.font_text_slim{
	font-family: 'DroidNaskhArabic-Regular', 'DiodrumArabic-Regular', sans-serif;
}
.font_size_12{
    font-size: 12px;
}
.font_size_14{
    font-size: 14px;
}
.font_size_16{
    font-size: 16px;
}
.font_size_18{
    font-size: 18px;
}
.font_size_20{
    font-size: 20px;
}

.ads_widget{
	min-width:300px;
	max-width:336px;
    min-height:250px;
    max-height:280px;
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 0;
	text-align: center;
	}
.ads_widget_tall{
	width:300px;
    min-height:600px;
    max-height:1050px;
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 0;
	text-align: center;
	}

/*	
fieldset {
	padding: 15px 10px 15px 10px;
	border:0px solid #f1f2f2;
	text-align: center;
	position: relative;
	overflow:hidden;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 25px;
	background-color: #f1f2f2;
	width:100%;
}

legend {
  padding: 0px 5px 0px 5px;
  border:1px solid #f1f2f2;
  background-color: #fff;
  color:#ccc;
  font-size:75%;
  text-align:right;
  }
*/
.adstitle {
  padding-bottom: 5px;
  margin-top: 5px;
  margin-bottom: 10px;
  color:#d1d1d1;
  font-size:75%;
  text-align:center;
  border-bottom:1px solid #d1d1d1;
  }
	
	
	
	
/*Default*/
body {
	background-color: #f1f2f2;
	font-family: 'DroidNaskhArabic-Regular', 'DiodrumArabic-Regular', 'DroidNaskhArabic-Bold', 'DiodrumArabic-Bold', sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'DiodrumArabic-Bold', 'DroidNaskhArabic-Bold', sans-serif;
  /*text-transform: uppercase;*/
  color: #2f343b;
  /*font-weight: normal;*/
  line-height: 1.5em
}
h1 {
  font-size: 36px;
  /*font-weight: normal;*/
}
h2 {
  font-size: 30px;
  /*font-weight: normal;*/
}
h3 {
  font-size: 26px;
  /*font-weight: normal;*/
}
h4 {
  font-size: 22px;
  /*font-weight: normal;*/
}
h5 {
  font-size: 18px;
  /*font-weight: normal;*/
}
h6 {
  font-size: 14px;
  /*font-weight: normal;*/
}
p {
  font-weight: normal;
  color: #8c8c8c;
  font-size: 16px;
}
a {
  text-decoration: none !important;
}
a.btn:hover, a.btn:focus {
  color: #fff;
}
.select-wrapper span.caret {
  right: inherit;
  left: 0;
  text-indent: -9999px !important;
}
.select-wrapper input.select-dropdown {
  font-size: 1.5rem;
}
.input-field .select-wrapper + label {
  font-size: 1.3rem;
  right: 1.4rem;
  top: -20px;
}
.input-field .prefix ~ label {
  margin-right: 3rem;
}
.collapsible-header {
  font-weight: Normal;
  font-family: 'DiodrumArabic-Bold', 'DroidNaskhArabic-Bold', sans-serif;
}
.tabs .tab a {
  color: #a0a0a0;
  font-family: 'DiodrumArabic-Bold', 'DroidNaskhArabic-Bold', sans-serif;
  outline: none;
}
.tabs li.tab a:hover, .tabs li.tab a.active {
  color: #424242;
}
.table table, th, td {
	border-collapse: collapse;
    border: 1px solid black;
	text-align: right;
	padding: 7px;
}
.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%;
}
.bg-video {
  width: 100%;
  height: 100%;
  max-height: 100%;
  display: block;
  position: fixed;
  z-index: 0;
  right: 0;
  top: 0;
  text-align: center;
}
.bg-tex {
  background-image: url("../img/tex-bg.png");
  background-color: rgba(0, 0, 0, 0);
  background-repeat: repeat;
  background-attachment: fixed;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.circle-img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-clip: padding-box;
}
.container .row {
  margin-left: -15px;
  margin-right: -15px;
}
.no-margin-top 		{margin-top 	: 0 !important}
.no-margin-bottom {margin-bottom: 0 !important}
.no-margin-right 	{margin-right : 0 !important}
.no-margin-left 	{margin-left 	: 0 !important}
.no-margin        {margin       : 0px;}
.no-padding       {padding      : 0px;}
.no-padding-right {padding-right: 0px;}
.section {
  position: relative;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.ads {
  position: relative;
  padding: 1rem;
  /*background-color: #fff;*/
}
.ads-alb {
  background-color: #fff;
}
.btn, .btn-flat{
  font-family: 'DroidNaskhArabic-Bold', 'DiodrumArabic-Bold', sans-serif;
  font-size: 14px;
  padding: 0 0.6rem;
  height: 29px;
  line-height: 29px;
  margin-bottom: 0 !important;
  font-weight: normal;
  text-align:center;
}
.btn-flat i {
	margin-right: 8px;
	line-height: inherit;
	vertical-align: middle;
}
.btn-flat-large {
  height: 45px !important;
  line-height: 43px !important;
}
.input-field .prefix.active {
	color: #ff4081;
}
.input-field input[type="text"]:focus + label, .input-field input[type="password"]:focus + label, .input-field input[type="email"]:focus + label, .input-field input[type="url"]:focus + label, .input-field input[type="date"]:focus + label, .input-field input[type="tel"]:focus + label, .input-field input[type="number"]:focus + label, .input-field textarea.materialize-textarea:focus + label {
	color: #ff4081;
}
input:not([type]):focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
/*input[type=search]:focus:not([readonly]),*/
textarea.materialize-textarea:focus:not([readonly]) {
	border-bottom: 1px solid #ff4081;
  box-shadow: 0 1px 0 0 #ff4081;
}
input:not([type]),
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search],
textarea.materialize-textarea {
  font-size: 1.8rem;
}
.input-field {
  margin-top: 0;
  margin-bottom: 30px;
}
.file-field .file-path-wrapper {
  padding-right: 10px;
}
.file-field .btn, .file-field .btn-large {
  float: left;
}
.input-field label {
  font-size: 14px;
  font-weight: normal;
  right: 15px;
}
.input-field label.active {
  font-size: 1rem;
}
.indigo.darken-2 {
	background-color: #31429d;
}
.indigo {
	background-color: #4054b2;
}
.dropdown-content li > a,.dropdown-content li > span {
	line-height: 0.8em;
	color: #2196f3;
	font-size: 14px;
	text-transform: uppercase;
}
.left-n {
  left: 0 !important;
}
.btn {
  height: auto;
  margin-bottom: 0px !important;
  /*padding: 2rem -5rem;*/
  padding: -2rem 2rem;
  font-size: 14px;
  font-weight: normal;
  text-align:center;
}
.btn-large i {
  font-size: 2.6rem;
}
.btn-floating i {
  font-size: 1rem;
  font-weight: normal;
  text-align:center;
}
.material-tooltip {
	font-size: 16px;
  line-height: 0.5em;
	min-height: 12px;
}
.page-container,
.inner-product-container {
	background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.12);
  margin-top: -88px;
	padding: 30px 30px 10px;
	min-height: 600px;
}
.inner-product-container {
  padding: 30px 15px 10px;
}
.shop-sidebar .widgets > .widget {
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  margin-bottom: 30px;
}

.waves-effect.waves-indigo .waves-ripple {
  background-color: rgba(63, 81, 181, 0.45); }
.waves-effect.waves-blue .waves-ripple {
  background-color: rgba(33, 150, 243, 0.45); }

blockquote:not(.ltr) {
  text-align: right;
  border-right: 2px #ff4081 solid;
  /*font-weight: 200;*/
  font-size: 18px;
  color: #737373;
  padding-left: 0;
  padding-right: 1.5rem;
}

blockquote.ltr {
  text-align: left;
  border-left: 2px #ff4081 solid;
  border-right: none;
  /*font-weight: 200;*/
  font-size: 26px;
  color: #737373;
}
.ltr {
  direction: ltr;
}
.hide {
	display: none;
}
.heading-bg {
  min-height: 260px;
  padding-top: 80px;
  padding-bottom: 78px;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 100%;
  text-align: center;
}
.sis {
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 5px;
  font-size: 22px;
  color: #c7ceed;
  width: 100%;
  text-align: center;
}



.tabs .tab {
  font-weight: normal;
  font-family: 'DiodrumArabic-Bold', 'DroidNaskhArabic-Bold', sans-serif;
}
#toast-container {
  left: 7%;
  right: inherit;
}
.toast {
  font-weight: normal;
  /*word-break: break-word;*/
  font-family: 'DiodrumArabic-Bold', 'DroidNaskhArabic-Bold', sans-serif;
}
.circle-loop a {
	display: inline-block;
}
.circle-loop p {
	font-size: 18px !important;
	margin: 25px 0 15px;
	/*font-weight: 500;*/
	color: #FF4081 !important;
}
.circle-loop i {
  margin: auto;
  display: inline-table;
  color: #2196F3 !important;

  -webkit-animation-name: spin;
  -webkit-animation-duration: 1000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spin;
  -moz-animation-duration: 1000ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spin;
  -ms-animation-duration: 1000ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  
  animation-name: spin;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@-ms-keyframes spin {
  from { -ms-transform: rotate(0deg); }
  to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
  from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform:rotate(0deg);
  }
  to {
    transform:rotate(360deg);
  }
}

/* OFFSCREEN NAVIGATION */
#sidr, .menu-icon {
  display: none;
}

.sidr {
  display: none;
  position: absolute;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999999;
  width: 320px;
  overflow-x: none;
  overflow-y: auto;
  font-size: 14px;
  background-color: #FFF;
  color: #444;
  font-family: 'DroidNaskhArabic-Bold', 'DiodrumArabic-Bold', sans-serif;
}

.sidrdl {
  font-size: 10px;
  color: #444;
  display: block;
  padding: 10px 5px 10px 5px;
  text-align: center;
}
.sidrds {
  font-size: 10px;
  color: #444;
  display: block;
  padding: 15px 5px 10px 5px;
  text-align: center;
  
}
.sidrdf {
  font-size: 10px;
  color: #444;
  display: block;
  padding: 5px 5px 5px 5px;
  text-align: center;
  /*position: fixed;*/
  bottom: 0;
}

body.sidr-open > header .brand-logo {
  width: 0;
  margin: 0;
}
body.sidr-open > header .search-icon {
  display: none;
}
body.sidr-open > header {
  left: 320px;
}

.sidr .sidr-inner {
  padding: 0 0 0px;
}

.sidr.right {
  left: auto;
  right: -320px;
}

.sidr.left {
  left: -320px;
  right: auto;
}
.paddinnng_right {
	margin: 5px 30px 5px 0px;
}
.sidr ul {
  display: block;
  margin: 5px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
}

.sidr ul li {
  display: block;
  padding: 0px 0px 0px 0px;
  margin: 0;
  line-height: 35px;
  border: none;
}

.sidr > ul > li:hover > a,
.sidr > ul > li.active > a {
  background: #ddd;
  padding-right: 15px;
  color: #333;
}

.sidr ul li.divider span {
  height: 2px;
  background-color: #fff;
  opacity: .1;
  margin: 0px 0px;
  line-height: 49px;
}

.sidr ul li a,
.sidr ul li span {
  padding: 0px 0px 0px 0px;
  display: block;
  text-decoration: none;
  /*color: #fff;*/
  border: none;
}

.sidr ul li a {
  text-transform: uppercase;
  font-weight: normal;
  color: #444;
}

.sidr > ul > li > a {
  /*font-family: 'DiodrumArabic-Bold', 'DroidNaskhArabic-Bold', sans-serif;*/
  font-size: 16px;
}

.sidr ul li ul {
  border-bottom: none;
  margin: 0;
}

.sidr ul li ul li {
  line-height: 35px;
  font-size: 14px;
}

.sidr ul li ul li:last-child {
  border-bottom: none;
}

.sidr ul li ul li:hover,
.sidr ul li ul li.active,
.sidr ul li ul li.sidr-class-active {
  border-top: none;
  line-height: 35px;
}

.sidr ul li ul li a,
.sidr ul li ul li span {
  color: #444;
  padding-left: 0px;
}
.sidr ul li ul li a:hover {
  color: #333;
}
/*Header*/
.small-header h2 {
  color: #fff;
  font-weight: normal;
  display: table;
  line-height: 2;
  margin: 0;
}
header {
    /*background: transparent; /* For browsers that do not support gradients */
    /*background: -webkit-linear-gradient(#3f51b5, transparent); /* For Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient(#3f51b5, transparent); /* For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(#3f51b5, transparent); /* For Firefox 3.6 to 15 */
    /*background: linear-gradient(#3f51b5, transparent); /* Standard syntax */
	height: auto;
	position: fixed;
	right: 0;
	left: 0;
	z-index: 999;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
}
header .sub-header {
	background: rgba(0,0,0,.1);
	position: fixed;
	right: 0;
	left: 0;
	top: 0px;
	z-index: 100;
	margin-bottom: 0px;
	padding: 10px 0 3px;
	font-weight: normal;
	font-size: 16px;
	color: #ccc;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

header .sub-header i {
  font-size: 18px;
  float: right;
  opacity: 0.5;
  line-height: 1;
}
header .sub-header i:hover { opacity: 1;}
header .sub-header .right i { 
	margin-left: 10px;
}
header .sub-header .right {
  margin-left: 30px;
}
header .sub-header .social a {
  display: inline-block;
  margin-left: 15px;
}
header .sub-header .social a:last-child {
  margin-left: 0;
}
header .sub-header a { color: #ccc;}
header .sub-header a:hover { text-decoration: none;}
.nav {
	display: flex;
	position: relative;
	-webkit-transition: all .10s ease;
  -moz-transition: all .10s ease;
  -ms-transition: all .10s ease;
  -o-transition: all .10s ease;
  transition: all .10s ease;
	min-height: 58px;
	line-height: 50px;
}
.header-page {
  position: static;
}
.header-page .nav {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 999;
}
.menu {
  display: inline-block;
  text-align:center;
  letter-spacing:normal;
  font-family: 'DroidNaskhArabic-Bold', 'DiodrumArabic-Bold', sans-serif;
}
.menu > ul { 
  margin: 0;
  margin-top: 10px;
}
.brand-logo {
  font-size: 1.6em;
  /*font-weight: 900;*/
  margin-left: 40px;
  margin-top: 7px;
  color: #fff;
  display: inline-block;
  max-width: 175px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.sticky .brand-logo {
  margin-left: 40px;
  margin-top: 7px;
  max-width: 125px;
}

.brand-logo img {
  width: 100%;
}
.menu >ul> li {
  font-size:16px;
  display:inline-block;
  zoom:1;
  position:relative;
  transition: all .25s ease-in;
  outline: none;
  border: none;
  line-height: 20px;
  padding: 15px;
  /*text-shadow: 2px 2px 4px #000000;*/
}

.menu > ul > li > a {
  font-weight: normal;
  white-space: nowrap;
  text-decoration: none;
  display: inline-block;
  outline: 0;
  cursor: pointer;
  /*color: #98a1ce;*/
  /*color: #C7CEED;*/
  color: #ffffff;
}
.menu .dropdown-menu {
  border-radius: 0;
  border: none;
  padding: 0;
}
.menu .dropdown-menu li {
  display: block;
  margin: 0;
  /*text-shadow: 0px 0px 0px #ffffff;*/
}
.menu .dropdown-menu li a {
  color: #2196f3;
  display: block;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.4em;
  margin: 0;
  padding: 1.1rem 1.5rem;
  text-transform: uppercase;
  /*text-shadow: 0px 0px 0px #ffffff;*/
}
.menu .dropdown-menu li a:hover {
  background-color: #F3F3F3;
}
.menu .dropdown:hover .dropdown-menu {
  display: block;
}
.menu i.caret {
  margin: 0;
  margin-top: 3px;
  line-height: 1;
  cursor: pointer;
  /*color: #98a1ce;*/
  /*color: #C7CEED;*/
  color: #ffffff;
  outline: none;
  border: none;
  width: inherit;
  height: inherit;
}
.menu li.active i.caret,
.menu li:hover i.caret {
  /*color: #fff;*/
  color: #C7CEED;
}

.menu div.menu-icon {
  display:none;
}
.menu > ul > li > a:after {
  border-bottom: 2px solid #ff4081;
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 0;
  right: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  opacity: 0;
}
.menu > ul > li > a:hover:after,
.menu > ul > li.active > a:after,
.menu > ul > li.dropdown.open > a:after,
.menu > ul > li:hover > a:after {
  opacity: 1;
  top: 100%;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
.menu > ul > li:hover > a, .menu > ul > li.active > a {
  /*color: #fff;*/
  color: #C7CEED;
}
/*.menu .dropdown a:after {
  border: none;
}*/
/*Nav Search*/

/* Overlay style */
.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9999999999;
	background: #4959b3;
}
/* search form style */
.overlay .search-form {
	text-align: center;
	position: relative;
	top: 70%;
	height: 60%;
	-webkit-transform: translateY(-70%);
	transform: translateY(-70%);
}
.overlay .search-form input {
  color: #4959b3;
  font-size: 18px;
  float: none !important;
  height: auto;
  border:0px;
  border-bottom:0px;
}
.overlay input {
  color: #eee;
  font-size: 20px;
  float: none !important;
  height: auto;
}
.overlay .search-form span {
	text-align: center;
	display: block;
    font-size: 22px;
	color: #222;
	border:0;
}








.search-icon {
  font-size: 26px;
  overflow: hidden;
  border: 0px;
  background: transparent;
  color: #fff;
  outline: none;
  text-align: center;
  cursor: pointer;
  float: left;
  position: relative;
  z-index: 999999999;
  line-height: 1;
  margin-top: 18px;
  /*padding: 10 px;*/
  /*text-shadow: 2px 2px 4px #000000;*/
}

.search-icon a {color: #fff;}
.search-icon a:hover {color: #c7ceed;}









/* Overlay closing cross */
.overlay .overlay-close {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 80%;
  top: 40px;
  overflow: hidden;
  border: none;
  background: transparent;
  color: #eee;
  outline: none;
  z-index: 100;
  font-size: 30px;
  text-align: center;
  line-height: 0;
}
/* Effects */
.overlay-genie {
	background: transparent;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.3s 0.2s, visibility 0s 0.6s;
	transition: opacity 0.3s 0.2s, visibility 0s 0.6s;
}
.overlay-genie.open {
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.overlay-genie svg {
	position: absolute;
	top: 0;
	left: 0;
}
.overlay-genie .overlay-path {
	fill: rgba(73, 89, 179, 0.95);
}
.overlay-genie .search-form {
	opacity: 0;
	-webkit-transform: scale(0.8) translateY(-48%);
	transform: scale(0.8) translateY(-48%);
	-webkit-transition: opacity 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
	transition: opacity 0.3s 0.3s, transform 0.3s 0.3s;
}
.overlay-genie .overlay-close {
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.overlay-genie.open .search-form,
.overlay-genie.open .overlay-close {
	opacity: 1;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.overlay-genie.open .search-form {
	-webkit-transform: scale(1) translateY(-50%);
	transform: scale(1) translateY(-50%);
}
.overlay-genie.close .search-form,
.overlay-genie.close .overlay-close {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

@media screen and (max-height: 30.5em) {
	.overlay .search-form {
		height: 70%;
	}
}


nav form {
	line-height: 46px;
}
nav .input-field {
	float: right;
	max-width: 210px;	
}
nav .input-field label {
	right: 0px;
	left: inherit;
	font-size: 25px;
}
nav .input-field label i {
	color: #fff;
}
nav .input-field input {
	padding-left: 0;
	padding-right: 2rem;
}
/*white navbar*/
nav.white {
	background: #fff;
}
nav.white ul li a{
	color: #a4a5a5;
}
nav.white ul li a:hover, nav.white ul li.active a{
	border-bottom : 2px #ff4081 solid;
	color: #424242;
}
nav.white .input-field label i {
	color: #fff;
}
nav.white .input-field input {
	color: #424242;
}
.dropdown-content.white li > a, nav.white .dropdown-content.white li > span {
	color: #424242 !important;
}
/* Colored Header */
header.colored {
	min-height: 250px;
}
header.colored nav {
	box-shadow: none;
}
header.colored .brand-logo.customize {
	font-size: 40px;
	font-weight: 900;
  padding-top: 65px;
  padding-left: 60px;
	color: #fff;
}
header.colored .brand-logo.customize .slogan {
	bottom: -22px;
  color: #5fb3f5;
  font-size: 20px;
  font-weight: 600;
  position: relative;
  right: 50px;
}
header.colored-s {
	min-height: 220px;
}
header.image-header {
	min-height: 330px;
}
/*!Header*/
/*Floating Btn*/
.fixed-action-btn {
	/*bottom: 20px; 
	right: inherit;
	left: 10px;*/
	
	bottom: 1em;
	right: 1.6em;
	float: right !important;
	text-align: center;
	
	
}
/*Slider*/
.slider-section {
  min-height: 450px;
  max-height: 550px;
}
.slider {
	z-index: 11;
	min-height: auto;
}
.slides {
	min-height: auto;
}
.slider ul.slides li .caption {
	height: 100%;
	top: 30%;
}
.slider-video .bg-video {
	position: absolute;
	background-size: cover;
}
.slider-video ul.slides li .caption {
	margin-top: 10%;
}
.slider-video .bg-video img {
	position: relative;
	z-index: 1;
}
.slider-video ul.slides li .caption h3, .slider-video ul.slides li .caption h5 {
	background-color: rgba(15, 15, 15, 0.51);
	padding: 1%;
}
.slider ul.slides li .caption h3 {
	font-weight: 100;
	font-size: 38px;
	color: #fff;
	font-family: 'DiodrumArabic-Bold', 'DroidNaskhArabic-Bold', sans-serif;
	/*text-shadow: 2px 2px 4px #000000;*/
}
.slider ul.slides li .caption h5 {
  font-weight: 100;
  font-size: 16px;
  margin-top: 35px;
  line-height: 2em;
  color: #eeeeee !important;
  font-family: 'DroidNaskhArabic-Bold', 'DiodrumArabic-Bold', sans-serif;
  /*text-shadow: 2px 2px 4px #000000;*/
}
.slider p.slider-btn {
	top: 200px;
  position: absolute;
  width: 100%;
}
.slider a.btn {
	font-family: 'DroidNaskhArabic-Bold', 'DiodrumArabic-Bold', sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	margin: 0 5px;
}
.slider ul.indicators {
	position: relative;
	top: -50px;
	z-index: 2;
}
.slider ul.indicators li.indicator-item {
	height: 6px;
	width: 6px;
	margin: 0 4px;
	background-color: #d7dadc;
	-webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.slider ul.indicators li.indicator-item.active {
	background-color: #2196f3;
	border-radius: 100px;
  width: 17px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.slider .layer {
    background-color: rgba(73, 89, 179, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*Blog With Slider*/
.indigo-slider {
	padding-top: 75px;	
}
.indigo-slider ul.slides li {
	background-color: #4054b2;
	text-align: center;
	padding-top: 70px;
}
.indigo-slider ul.slides li img{
	width: 120px;
	height: 120px;text-align: center;
}
.indigo-slider ul.slides li .caption {
	top: 50%;
}
.indigo-slider .slider, .slider ul.slides {
	height: 450px;
  background: transparent !important;
}
.indigo-slider ul.indicators {
	top: -55px;
}
.indigo-slider p.slider-btn{
	top: 15% !important;
}
/*Sections*/

.section h4 {
	text-transform: uppercase;
	color: #616161;
  font-size: 22px;
}
.heading-lg h4 {
  margin: 20px 0 10px !important;
}
.section.heading-page h4 {
  font-size: 24px;
  margin-bottom: 20px;
  line-height: 1.5em;
}
.contact h4 {
  font-weight: normal;
  font-size: 22px;
  margin-bottom: 30px;
  margin-top: 0;
}
.section p {
	color: #8c8c8c;
	font-size: 18px;
  font-weight: normal;
	margin-bottom: 10px;
}
.section h5 {
	color: #616161;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 18px;
	width: 100%;
	margin: 4px 0;
}
/*Service Section*/
#services {
	background-color: #f1f2f2;
	z-index: 10;
}
#services h2 i {
font-size: 188px;
}
#services h5 {
line-height: 1.6em;
margin-bottom: 20px;
}
#services .light-blue-text i {
	background-color: #fff;
	border-radius: 50%;
  width: 225px;
  height: 225px;
  line-height: 225px;
}
#services .icon-block div > a {
	font-family: 'DroidNaskhArabic-Bold', 'DiodrumArabic-Bold', sans-serif;
	font-size: 14px;
  font-weight: normal;
	text-align: center;
	text-transform: uppercase;
}
#services .m4{
	visibility: hidden;
}
#services p, #team p {
  font-family: 'DroidNaskhArabic-Bold', 'DiodrumArabic-Bold', sans-serif;
  font-size: 14px;
  margin-bottom: 20px;
}

#team p {
  margin-top: 5px;
}

/*Last Posts Section*/
#last_posts { 
	background-color: #e6e6e6;
}
#last_posts .post{
	/*visibility: hidden;*/
}
/*#last_posts .post-img img{
	border-radius: 0px;
	width: 100%;
	max-height: 350px;
}*/
#last_posts h4 {
	margin-top: 0px;
	margin-bottom: 30px;
}
#last_posts h6 {
	margin-top: 0px;
	margin-bottom: 0px;
}
#last_posts h6 a{
	font-size: 18px;
	color: #424242;
	line-height: 1.5em;
}
#last_posts h6 a:hover{ color: #2196f3; }
#last_posts p{
  font-family: 'DiodrumArabic-Regular', 'DroidNaskhArabic-Regular', sans-serif;
  font-size: 14px;
  font-weight: normal;
  margin-top: 10px;
}
#last_posts .post{ margin-top: 20px; }
#last_posts .btn{
  margin-top: 10px;
  margin-bottom: 10px !important;
}
#last_projects .btn,
#last_posts .btn,
#team .btn,
#team div.center a,
#contact .btn,
.contact .btn-flat,
#contact .btn-flat {
  font-weight: normal;
  font-size: 14px;
}
/*Last Projects section*/
#last_projects { 
	background-color: #323133;
	z-index: 9;
	padding: 35px 0;
}
#last_projects h4{ color: #f1f2f2;}
#last_projects p { 
	color: #7b7b7c;
	margin-bottom: 20px;
    font-size: 13px;
}
#last_projects .project{
	position: relative;
	width: 100%;
	max-height: 350px;
	overflow: hidden;
	margin-bottom: 30px;
	line-height: 0em
}
/*#last_projects .project h2{
font-size: 100%;
}*/
#last_projects .project:nth-child(4n){
	margin-right: 0px;
}
#last_projects .project:hover .caption {
  opacity: 1;
  top: 0px;
  -webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}
#last_projects .project .caption {
	background-color: rgba(63,81,181,0.8);
	position: absolute;
	height: 100%;
	width: 100%;
	top: -20%;
	padding: 20px;
	opacity: 0;
	-webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  line-height: 1.4em;
}
#last_projects .project .caption p{	
	bottom: 0px;
  color: #fff;
  float: left;
  font-family: 'DiodrumArabic-Bold', 'DroidNaskhArabic-Bold', sans-serif;
  line-height: 1.6em;
  font-size: 18px;
  margin: 0;
  position: relative;
}
#last_projects .btn {
	margin: 10px 10px;
}

/*Our Team Section*/
#team { background-color: #fff;z-index: 8;}
#team .m4 { visibility: hidden;}
#team h5{ margin-bottom: 0px;}
#team h5 a{ 
	color: #616161;
	-webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#team h5 a:hover{ 
	color: #039be5;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#team .light-blue-text img {
  background-color: #d8dbdc;
  border-radius: 50%;
  color: #edefef;
  border: 2px solid #d8dbdc;
  width: 95px;
  height: 95px;
}
#team div.center a{
	font-size: 13px;
	padding: 0 10px;
	line-height: 2em;
	height: 28px;
}
#team .btn-social a{
	font-size: 18px;
	color: #8c8c8c;
	margin: 0 5px;
}
#team .btn-social a:hover{
	color: #6c6c6c;
}
/*Facts Section*/
#facts { background-color: #4959b3;z-index: 7;}
#facts h2 {
	margin-bottom: 10px;
}
#facts h2 i{
	color: #fff;
	font-size: 40px;
	}
#facts h4{
	color: #ffffff;
	font-size: 24px;
	}
#facts h5{
	color: #fff;
	font-size: 48px;
	font-family: 'DiodrumArabic-Regular', 'DroidNaskhArabic-Regular', sans-serif;
	font-weight: 100;
}
#facts p { 
color: #c4c4c4;
font-family: 'DroidNaskhArabic-Bold', 'DiodrumArabic-Bold', sans-serif;
padding-top: 20px;

}
#facts .fact-list p{
  color: #c4c4c4;
  font-family: 'DroidNaskhArabic-Bold', 'DiodrumArabic-Bold', sans-serif;
  margin-top: 0;
  font-size: 14px;
}
#facts .fact-list h4{
  font-size: 24px;
  line-height: 2em;
  margin: 0;
}
/* clients */
#clients .row {
  margin-bottom: 0;
}
/*From Twitter Section*/
#tweet, #clients {background-color: #2196f3;z-index: 6;}
#tweet h4, #clients h4 { color: #fff;}
#tweet p, #clients p {
  font-size: 15px;
  color: #fff;
}
#tweet .tweet{
	display: none;
	margin-top: 40px;
}
#tweet .tweet .tweet-content {
	background-color: #fff;
	color: #616161;
	padding: 20px;
	font-size: 13px;
}
#tweet .tweet .tweet-date {
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.8em;
	margin-top: 5px;
	margin-bottom: 20px;
}
#tweet .tweet .tweet-date i {
	float: right;
	margin-left: 5px;
}
#tweet .fa-twitter{
	bottom: 20px;
  color: #6ab9f7;
  font-size: 45px;
  left: 49%;
  position: absolute;
}
/*Contact Form Section*/
#contact { 
	background: #6a7fdb;
	padding-top: 50px; 
	padding-bottom: 0px;
	z-index: 5;
	color: #616161;
}
#contact .contact-block{
	background: #fff;
	border-radius: 2px 2px 0 0 ;
	padding: 35px 50px 20px;
}
#contact h5{
	color: #616161;
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 20px;
}
#contact .container .row {margin-bottom: 0px;}
#contact .send-message .input-field i.prefix{
	font-size: 22px;
	width: 2rem;
	text-align: right;
  line-height: 1.9em;
}
#contact .btn-flat {
	font-size: 13px;
	padding: 0 10px;
	margin-left: 10px;
	line-height: 2.2em; 
	height: inherit;
}
#contact .btn-flat i {
	font-size: 15px;
	margin-left: 8px;
}
.follow-btn i{
	background: none repeat scroll 0 0 #c4c4c4;
  border-radius: 50%;
  color: #fff;
  font-size: 16px;
  height: 45px;
  margin-right: 1px;
  padding-top: 15px;
  text-align: center;
  width: 45px;
}
.follow-btn a {
  display: inline-block;
  margin-left: 10px;
}
.follow-btn a:last-child {
  margin-left: 0;
}
.follow-btn a:last-child i {
	margin-right: 0px;
}
.social-color i {
	background-color: #f5f5f5;
}
.social-color i:hover {
	color: #fff;
}
.social-color .facebook {
	color: #3b5998;
}
.social-color .twitter {
	color: #00acee;
}
.social-color .linkedin {
	color: #0073b2;
}
.social-color .dribbble {
	color: #ea4c89;
}
.social-color .behance {
	color: #1769ff;
}
.social-color .instagram {
	color: #a17357;
}
.social-color .instagram:hover, .social-bg .instagram:hover {
	background: #a17357 !important;	
}
.social-color .google-plus {
	color: #c63b1e;
}
.social-color .youtube {
	color: #cd332d;
}
.social-color .flickr {
	color: #ff0084;
}
.social-color .flickr:hover {
	background: #ff0084;
}
.social-color .vimeo {
	color: #20b9eb;
}
.social-color .vimeo:hover {
	background: #20b9eb;
}
.social-color .pinterest {
	color: #cb2027;
}
.social-color .pinterest:hover {
	background: #cb2027;
}
.social-color .tumblr {
	color: #2c4762;
}
.social-color .tumblr:hover {
	background: #2c4762;
}
.social-color .vk {
	color: #4e7299;
}
.social-color .vk:hover {
	background: #4e7299;
}
.social-color .soundcloud {
	color: #ff5600;
}
.social-color .soundcloud:hover {
	background: #ff5600;
}
.social-color .xing {
	color: #026466;
}
.social-color .xing:hover {
	background: #026466;
}
.social-color .rss {
	color: #ff9702;
}

.social-bg .facebook {
	background: #3b5998;
}
.social-bg .twitter {
	background-color: #00acee;
}
.social-bg .linkedin {
	background-color: #0073b2;
}
.social-bg .dribbble {
	background-color: #ea4c89;
}
.social-bg .behance {
	background-color: #1769ff;
}
.social-bg .instagram {
	background-color: #a17357;
}
.social-bg .google-plus {
	background-color: #c63b1e;
}
.social-bg .youtube {
	background-color: #cd332d;
}
.social-bg .flickr {
	background-color: #ff0084;
}
.social-bg .vimeo {
	background-color: #20b9eb;
}
.social-bg .pinterest {
	background-color: #cb2027;
}
.social-bg .tumblr {
	background-color: #2c4762;
}
.social-bg .vk {
	background-color: #4e7299;
}
.social-bg .soundcloud {
	background-color: #ff5600;
}
.social-bg .xing {
	background-color: #026466;
}
.social-bg .rss {
	background-color: #ff9702;
}
.social-bg i {
	color: #fff;
}
.social-bg .flickr:hover, .social-bg .vimeo:hover, .social-bg .pinterest:hover, .social-bg .tumblr:hover,
.social-bg .vk:hover, .social-bg .soundcloud:hover, .social-bg .xing:hover, .social-bg .instagram:hover,
.social-bg .twitter:hover {
	opacity: .8 !important;
}
.follow-btn-dark i {
	background: #c4c4c4;
	color: #fff !important;
}
.follow-btn-medium i {
  height: 60px;
  width: 60px;
  line-height: 60px;
  padding-top: 0;
  font-size: 20px;
}
.follow-btn-large i {
	font-size: 24px;
	line-height: 70px;
	height: 70px;
	width: 70px;
	padding-top: 0;
}

#contact .contact-info {
	margin-top: 90px;
}
.contact-info p {
	margin-bottom: 0px;
  font-size: 14px;
  font-weight: bold !important;
}

/*Blog Pages*/
.blog-with-slider {
	position: relative;
	z-index: 100;
}
.blog .blog-list, .blog .single{
	background-color: #fff;
	border-radius: 2px;
	margin-top: -88px;
	box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.12);
	padding: 30px 30px 10px;
}
.blog-with-slider .blog-list {
	margin-top: -88px;
}
.blog .post {
	border-top: 1px #d6d6d6 solid;
	padding-top: 40px;
	margin-bottom: 20px;
}
.blog .post:first-child {
	margin-top: 0px;
	border: none;
	padding-top: 0px;
}
.blog .post.post-type-image .post-img,
.blog .post.post-type-image img,
.fotorama__img{
	border-radius: 2px !important;
	text-align: center;
}

.blog .post h1{
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 1.5em
}
.blog .post h1 a{
	color: #424242;
}
.blog .post h1 a:hover{
	color: #2196f3;
}
/*
.blog .post h2{
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 1.9em
}
.blog .post h2 a{
	color: #424242;
}
.blog .post h2 a:hover{
	color: #2196f3;
}
*/
.blog .post .post-meta{
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 15px;
}
.blog .post .post-meta span.author{
	margin-left: 15px;
	float: right;
}
.blog .post .post-meta i {
	font-size: 14px;
	float: right;
	margin-top: -3px;
  margin-left: 7px;
}
.blog .post .post-meta a:hover{
	text-decoration: underline;
}
.blog .post .post-short, .blog .single-post .single-content p{
	font-size: 18px;
	font-weight: normal;
	/*text-align: justify;*/
	margin-bottom: 20px;
	line-height: 1.7em;
}
.blog .post .post-btn .btn {
	margin-left: 5px;
	margin-bottom: 0px;
	padding: 0 20px;
}
.blog .post .post-btn .btn-flat{
	font-size: 11px;
  font-weight: normal;
	line-height: 29px;
	height: 29px;
	padding: 0 15px;
}
.blog .post .post-btn .btn-flat:hover {
	background-color: transparent;
}
.blog .post .post-btn .btn-flat i{
	line-height: 25px;
	margin-left: 5px;
}
.share-dropdown {
  opacity: 1;
  border-radius: 0;
  border: none;
  padding: 0;
  margin: 0;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.share-dropdown li {
  min-height: auto;
}
.share-dropdown li > a{
	color: #999;
	font-size: 12px;
  display: block;
  line-height: 1;
  padding: 10px;
}
.share-dropdown li:hover a {
  background-color: transparent;
	color: #fff;
}
.share-dropdown li:hover {
	background-color: #2196f3;
	color: #fff;
}
.blog .post .post-btn .favorite{
	font-size: 12px;
	margin-top: 8px;
	color: #9e9fa0;
	cursor: pointer;
}
.blog .post .post-btn .favorite#active{
	color: #f56060;
}
.blog .post.post-type-quote .post-quote{
	background-color: #d8dbdc;
	border-radius: 2px;
	text-align: right;
	font-family: 'DroidNaskhArabic-Bold', 'DiodrumArabic-Bold', sans-serif;
	padding: 10px 20px;
}
.blog .post.post-type-quote .post-quote blockquote{
	font-size: 18px;
	line-height: 1.8em;
	color: #737373;
}
.blog .post.post-type-quote .post-video {
	background-color: #b9cbdc;
}
.load-more a{
	color: #eaeaea;
	font-size: 35px;
}
.load-more a:hover{
	color: #2196f3;
}
.blog-full-width .blog-list {
  margin-top: -100px;
}
/*fotorama slider*/
.fotorama__arr {
  width: auto;
  height: auto;
  line-height: 1;
}
.fotorama__arr.fotorama__arr--next {
	right: 30px;
}
.fotorama__arr.fotorama__arr--prev {
  left: 30px;
}
.fotorama__arr.fotorama__arr--next, .fotorama__arr.fotorama__arr--prev {
	background: transparent;
	text-decoration: center;
	color: #fff;
	text-shadow : 1px 0 4px #aaa;
	font-size: 40px;
	top: 40%;
	margin-top: 0px;
}
.fotorama__arr.fotorama__arr--next:after {
  font-family: FontAwesome;
  content: "\f105";
}
.fotorama__arr.fotorama__arr--prev:after {
	font-family: FontAwesome;
  content: "\f104"; 
}

/*single*/
.single.full-width {
	margin-top: -60px;
}
.blog .single-post .single-content p{
 	margin-bottom: 20px;
 	color: #616161;
 	line-height: 1.7em;
 	font-size: 18px;
 }
 
 
 
 
 
.blog .single-post .single-content img {
  width: auto ;
  max-width: 100% ;
  height: auto ;
}
 
 
 
 
 
 
/*
.blog .single-post .single-content h4 {
	color: #444444;
	font-size: 18px;
	font-weight: normal;	
}*/
.blog .single-post .single-content ul, .blog .single-post .single-content ol{
	padding-left: 15px;
	margin-right: 30px;
	font-size: 18px;
	line-height: 1.6em;
}
.blog .single-post .single-content li{
	color: #616161 !important;
}
.blog .single-post .single-content ul li{
	list-style: disc;
}
.blog .single-post .single-content .sharer ul li{
	list-style: none;
}
.single .post-auth {
  margin-top: 30px;
}
.single .post-auth p{
	margin-top: 0px;
  font-size: 18px;
}
.single .post-auth a:hover{
	text-decoration: underline;
}
.single .tag-cloud {
	margin-top: 30px;
}

/*Comments*/
.single-comments{
	background-color: #fff;
	box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.12);
	margin-top: 20px;
	padding: 20px 30px 10px;
}
.single-comments h3{
	color: #444444;
	font-size: 18px;
	font-weight: 500;	
	margin-top: 10px;
	margin-bottom: 30px;
	line-height: 1em;
}
.single-comments .comment-time-line .v-line{
	border-right: 1.5px solid #e7e7e7;
	position: absolute;
	z-index: 0;
	margin-top: 20px;
}
.single-comments .comment {
	margin-bottom: 10px;
}
.single-comments .comment .dot{
  border-radius: 60%;
  float: right;
  height: 12px;
  width: 12px;
  margin-left: 25px;
  margin-top: 9px;
  margin-right: -6px;
  z-index: 10;
  position: relative;
  cursor: pointer;
}
/*sub comment*/
.single-comments .comment .comment .dot {
	margin-left: 50px;
}
.single-comments .comment img{
	max-height: 30px;
	margin-left: 20px;
}
.single-comments .comment .comment-auth{
	margin-top: 3px;
	margin-bottom: 8px;
  font-weight: normal;
  font-family: 'DroidNaskhArabic-Bold', 'DiodrumArabic-Bold', sans-serif;
}
.single-comments .comment .comment-auth:hover {
	text-decoration: underline;
}
.single-comments .comment .comment-txt {
	background-color: #f5f5f5;
	padding: 10px 20px 10px 5px;
	margin-top: 10px;
	margin-right: 40px;
	border-radius: 2px;
	float: right;
  margin-left: 15px;
  margin-bottom: 10px;
}
/*sub comment*/
.single-comments .comment .comment .comment-txt {
	margin-right: 65px;
}
.single-comments .comment .comment-txt p {
	float: right;
	width: 80%;
	font-size: 14px;
  line-height: 1.6;
	font-weight: 400;
	margin: 0px;
	color: #8c8c8c;
}
.single-comments .comment span.comment-btn{
	width: 3%;
	float: left;
}
.single-comments .comment span.comment-btn a i{
	background-color: transparent;
	color: #c9caca !important;
	font-size: 14px;
}
/*Sidebar*/
.sidebar {
	margin-top: -88px;
}
.sidebar .panel {
	background-color: #fff;
	box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.12);
	min-height: 20px;
	padding: 20px;
	position: relative;
	border-radius: 2px;
	margin-bottom: 25px;
}
.sidebar .panel  h3 {
	margin: 10px 0px 30px;
	font-size: 23px;
  font-weight: 400;
  line-height: 1em;
  color: #575757;
}
.sidebar .panel p {
	color: #8c8c8c;
	font-size: 13px;
  line-height: 1.5;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 5px;
}
/*Tabs*/
.sidebar ul.tabs {
  background: transparent;
}
.sidebar ul.tabs:not(.on-shadow) {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15), 0 2px 10px 0 rgba(0, 0, 0, 0);
}
.sidebar .tabs li.tab {
	background: transparent;
}
.sidebar .tabs li.tab a {
	color: #98a1ce;
	font-weight: normal;
	font-size: 13px;
}
.sidebar .tabs li.tab a:hover, .sidebar .tabs li.tab a.active {
	color: #fff;
}
.sidebar .tabs .indicator {
	background-color :#ff4081;
}
.sidebar .panel.author-panel .auth-img img{
	max-height: 120px;
}
.sidebar .panel.author-panel .social-btn .fa{
	color: #fff;
	padding: 15px;
	border-radius: 50%;
	position: absolute;
	top: 90px;
}
.sidebar .panel.author-panel .social-btn .fa-facebook{
	background-color: #5e6dbd;
	padding: 15px 18px;
	left: 30px;
}
.sidebar .panel.author-panel .social-btn .fa-twitter{
	background-color: #2196f3;
	right: 30px;
}
.sidebar .panel.author-panel .auth-cont h4  {
	margin: 0;
  line-height: 1;
}
.sidebar .panel.author-panel .auth-cont h4 a{
	font-size: 20px;
	font-weight: normal;
	color: #616161;
}
.sidebar .panel.author-panel .auth-cont h4 a:hover {
	color: #2196f3;
}
.sidebar .panel.author-panel p.location {
	font-size: 13px;
}
.sidebar .panel.author-panel .auth-cont .btn-flat{
	font-size: 12px;
  font-weight: normal;
}
/*Latest comments*/
.sidebar .panel.last-comment .comment {
	color: #bdbdbd;
	border-bottom: 1px #f5f5f5 solid;
	padding-bottom: 15px;
	margin-bottom: 25px;
  font-size: 16px;
}
.sidebar .panel.last-comment .comment:last-child {
	border: none;
	margin-bottom: 0px;
}
.sidebar .panel.last-comment .comment a {
	color: #616161;
}
.sidebar .panel.last-comment .comment a:hover{
	text-decoration: underline;
}
.sidebar .panel.last-comment .comment a.auth{
	color: #2196f3;
}
.sidebar .panel.last-comment p.comment-text {
	background-color: #f5f5f5;
	border-radius: 2px;
	padding: 10px 10px;
	margin-top: 5px;
  font-weight: normal;
  font-size: 14px;
	color: #A2A2A2;
}
.sidebar .panel.last-comment .comment span.date {
	font-family: 'DiodrumArabic-Regular', 'DroidNaskhArabic-Regular', sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #9e9fa0;
}
/*Post tabs*/
.panel.post-tabs {
	padding: 0px;
	font-family: 'DiodrumArabic-Regular', 'DroidNaskhArabic-Regular', sans-serif;
}
.sidebar .post-tabs .tabs li.tab a:hover, .sidebar .post-tabs .tabs li.tab a.active {
	color: #424242;
	font-size: 14px;
}
.sidebar .post-tabs .tabs li.tab a {
	color: #a0a0a0;
	font-weight: normal;
  font-family: 'DiodrumArabic-Bold', 'DroidNaskhArabic-Bold', sans-serif;
	font-size: 14px;
  letter-spacing: 0;
}
.sidebar .post-tabs .tab-content {
	padding: 15px;
}
.sidebar .popular-posts .col-md-8 {
  padding-right: 15px;
}
.sidebar .post-tabs .tab-content .post-list,
.sidebar .popular-posts .post-list{
	border-bottom: 1px #f5f5f5 solid;
	float: right;
	padding-bottom: 15px;
	margin-bottom: 15px;
    width: 100%;
}
.sidebar .popular-posts .post-list .row,
.sidebar .post-tabs .tab-content .post-list .row {
  margin-bottom: 0;
}
.sidebar .post-tabs .tab-content .post-list:last-child,.sidebar .popular-posts .post-list:last-child{
	border: none;
	padding: 0px;
	margin-bottom: 0px;
}
.sidebar .post-tabs .tab-content h4,.sidebar .popular-posts h4{
	line-height: 0em;
	margin: 0px px 0px;
}
.sidebar .post-tabs .tab-content h4 a,.sidebar .popular-posts h4 a{
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5em;
	color: #737373;
}
.sidebar .post-tabs .tab-content h4 a:hover,.sidebar .popular-posts h4 a:hover{
	color: #2196f3;
}
.sidebar .post-tabs .tab-content .m4{
	padding: 0px;
}
.sidebar .post-tabs .tab-content img, .sidebar .popular-posts img{border-radius: 2px;}
.sidebar .post-tabs .tab-content img:hover, .sidebar .popular-posts img:hover{
	opacity: 0.9;
}
/*Categories*/
.sidebar .panel .categories {
	margin: 0;
}
.sidebar .panel .categories li {
	line-height: 2.2em;
}
.sidebar .panel .categories li a{
	color: #b1b1b1;
	font-family: 'DroidNaskhArabic-Bold', 'DiodrumArabic-Bold', sans-serif;
	font-weight: normal;
}
.sidebar .panel .categories li.active a, .sidebar .panel .categories li a:hover{
	color: #424242;
}
.sidebar .panel .categories li.active a i, .sidebar .panel .categories li a:hover i{
	color: #ff4081;
}
.sidebar .panel .categories li a i {
	margin-left: 10px;
	font-size: 18px;
	float: right;
}
/*Tags Panel*/
.tag-cloud {
	margin-bottom: 0px;
}
.tag-cloud .badge{
  background-color: #e9ebec !important;
  float: right;
  display: inline-block;
  color: #737373;
  border-radius: 20px;
  padding: 4px 16px 4px;
  font-weight: normal;
  font-size: 12px;
  margin-left: 8px;
  margin-bottom: 8px;
  position: relative;
  right: inherit;
  left: inherit;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}
.tag-cloud a:hover .badge {
	background-color: #ff4081 !important;
	color: #fff;
}
/*Send Message*/
.submit-message .input-field i.prefix{
	font-size: 22px;
	line-height: 1.9em;
	width: 2rem;
	text-align: right;
	color: #737373;
}
.submit-message .input-field i.prefix.active{
	color: #ff4081;
}
.submit-message .btn-flat {
	font-size: 13px;
	padding: 0 10px;
	margin-left: 10px;
	line-height: 2.2em; 
	height: inherit;
}
.submit-message .btn-flat i {
	font-size: 15px;
	margin-left: 8px;
}

/*Portfolio Page*/
.portfolio .page-container {
	padding: 0px;
}
.portfolio .page-container .tabs li.tab a{
	color: #a0a0a0;
	font-size: 14px;
  font-weight: normal;
  font-family: 'DiodrumArabic-Bold', 'DroidNaskhArabic-Bold', sans-serif;
  letter-spacing: 0;
}
.portfolio .page-container .indicator {
	background-color :#ff4081;
	color: #ff4081;
}
.portfolio .page-container .tabs li.tab a:hover,
.portfolio .page-container .tabs li.tab a.active {
	color: #424242;
}
.portfolio .portfolio-container {
	padding: 20px 30px 10px;
}
.portfolio .portfolio-container {
	position: relative;
}
.portfolio .gallery-masonry .item{
	width: 32.5%;
	margin-bottom: 5px;
}
.portfolio .gallery-masonry .item.w {
	width: 66.5%;
}
.portfolio .gallery-list .col {
	padding: 5px;

}
.portfolio .gallery-list .m8 {
	width: 66.5%;
}
.portfolio .gallery-list .m6 {
	width: 49.9%;
}
.portfolio .gallery-list .m4 {
	width: 33.3%;
}
.portfolio .gallery-list .m3 {
	width: 25%;
}
.portfolio .gallery-list .item {
	line-height: 0;
	position: relative;
	overflow: hidden;
	float: left;
	height: 235px;
	width:  100%;
}
.portfolio .gallery-list.four-col .item { height: 235px;}
.portfolio .gallery-list .col.h .item{
	height: 610px;
}
.portfolio .item:hover .caption {
  opacity: 1;
  top: 0px;
  -webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}
.portfolio .item .caption {
	background-color: rgba(63,81,181,0.8);
	position: absolute;
	height: 100%;
	width: 100%;
	top: -20%;
	padding: 20px;
	opacity: 0;
	-webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  line-height: 1.4em;
}
.portfolio .item .caption p{	
	bottom: 0px;
  color: #fff;
  float: right;
  font-size: 14px;
  margin: 0;
  position: relative;
  text-transform: uppercase;
}
/*!Portfolio Page*/
/*About Page*/
/*.about .page-container{
	margin-top: -100px;
}*/
.about h4{
	margin-top: 0px;
	margin-bottom: 20px;
  font-weight: normal;
  font-size: 24px;
}
.about p{
	color: #8c8c8c;
	line-height: 1.8em;
	font-weight: 400;
	margin-top: 10px;
	
}
.about .job-title {
  font-size: 17px;
  padding: 0px;
  font-weight: normal;
}
.about .our-vision{
	margin-bottom: 60px;
	float: right;
  width: 100%;
}
.about .our-vision p {
  display: block;
  margin: auto;
  max-width: 800px;
  font-size: 17px;
}
.about #team{
	margin-bottom: 60px;
	visibility: visible !important;
}
.about #team img{
	max-height: 100px;
}
.about #team h2{
	margin-bottom: 15px;
}
.about #tweet{
	background: transparent;
}
.about .tweet-content{ 
	background-color: #f1f2f2 !important;
	margin-right: 60px !important;
}
/*Contact page*/
#map-canvas {
  height: 350px;
 	width: 100%;
  margin: 0px;
  padding: 0px
}
.contact .send-message i 
{
	color: #8c8c8c;
	font-size: 21px;
	margin-top: 5px;
}
.contact .send-message .btn-flat i {
	margin-top: 0px;
	font-size: 14px;
}
.contact .follow-btn {
	margin-top: 30px;
}
.contact .btn-flat, #contact .btn-flat{
	padding: 0 1rem;
}
.contact .contact-info {
	margin-top: 80px;
}

/*404 page & Coming soon page & Login page*/
.page-404, .page-soon, .page-login {
	min-height: 400px;
	background: #4054b2;
	padding: 100px 50px 20px;
}
.page-login-bg {
	background: url(../img/bg-img.jpg) fixed center;
	background-size: cover;
}
.page-login-vid {
	background: transparent;
}
.page-soon {
	padding: 130px 50px 20px;
}
.page-404 h1, .page-soon h1{
  color: #f1f2f2;
  font-size: 200px;
  font-weight: 200;
  margin-bottom: 50px;
  margin-top: 70px;
  line-height: 1;
}
.page-404 h2, .page-soon h2{
	color: #f1f2f2;
	font-size: 40px;
	font-weight: 100;
}
.page-404 p, .page-soon p{
	color: #8192e2;
	font-size: 15px;
	font-weight: 100;
	margin-bottom: 50px;
}
.page-soon p {
  margin-bottom: 0;
}
.page-soon .subscribe-form {
  margin-top: 100px;
}
.page-soon .subscribe-form input{
	border-color: #fff;
	color: #fff;
  margin-bottom: 0;
}
.page-soon .subscribe-form input:focus {
	border-color: #ec4b82;
}
.page-soon .subscribe-form label{
	color: #fff;
  top: 0;
}
.page-soon .subscribe-form .btn {
	height: 30px;
	margin-top: 4px;
}

.form-login {
	background-color: #fff;
	padding: 10% 6%;
	box-shadow: 0 1px 1px rgba(0,0,0,0.05), 0 2px 5px rgba(0,0,0,0.15);
	margin: 15% 0;
	margin-bottom: 20%;

  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.page-login-bg .form-login, .page-login-vid .form-login {
	opacity: .85;
}
.page-login-bg .form-login:hover, .page-login-vid .form-login:hover {
	opacity: 1;
}
.form-login form {
	display: inline-block;
}
.form-login input {
	display: inline-block;
}
.form-login .input-field {
	margin-bottom: 20px !important;
}
.form-login .input-field i {
	color: #C0C0C0;
}
.form-login .btn {
	margin-left: 15px;
}
.form-login .checkbox {
	vertical-align: bottom;
}
.form-login .checkbox:before {
  border-right-color: #444 !important;
  border-bottom-color: #444 !important;
}
/* Countdown */
.count-down {
	margin-bottom: 50px;
}
#clock, #clock p{
	color: #fff;
	font-size:72px;
	font-weight: 200;
	margin-right: 25px;
	margin-left: 25px;
	word-spacing: 20px;
	position: relative;
  font-family: Roboto;
}
#clock p {
  display: inline-block;
  text-align: center;
  position: relative;
}
#clock span{
  color: #8192e2;
  font-size:20px;
  font-weight: 200;
  text-align: center;
  text-transform: uppercase;
  display: block;
  position: absolute;
  right: 50%;
  /*left: 0;*/
  /*vertical-align: bottom;*/
  /*position: relative;
  right: -62px;
  top: 10px;*/
  font-family: NotoNaskhArabic, tahoma;
}

/* accordion */
.accordion-color p {
	font-size: 14px;
}
.accordion-color ul {
	border: none;
}
.accordion-border ul {
	border: none;
	border-top: 0px solid #ddd;
}
.accordion-border .active .collapsible-body {
	border-bottom: none;
}
.accordion-color .active {
	border: none;
}
.accordion-color .collapsible-header {
	border: none;
	display: block;
	padding: 10px 10px 10px 10px;
}
.accordion-color .collapsible-body {
	border: none;
}
/* action-box */
.action-box {
	padding: 25px;
	margin-bottom: 25px;
}
.action-box h3 {
  margin-bottom: 25px;
  font-size: 25px;
}
.action-box .btn {
  font-weight: normal;
}
.action-box:last-child {
	margin-bottom: 0;
}
.action-box p {
	font-family: 'DroidNaskhArabic-Bold', 'DiodrumArabic-Bold', sans-serif;
	font-size: 16px;
}
/* message-box */
.message-box {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 3px;
  font-size: 15px;
}
.message-box p {
  line-height: 24px;
  margin: 0;
  font-size: 15px;
}
.message-box strong {
  font-weight: normal;
}
.message-box i {
	vertical-align: middle;
	font-size: 26px;
	text-align: center;
	display: inline-block;
	margin-left: 10px;
}
.message-box .alert-icon {
	display: table-cell;
	text-align: center;
}
.message-box .alert-body {
  display: table-cell;
}
.message-box-shadow {
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

/* Shop */
.products {
	position: relative;
	margin: 0;

}
.product {
	margin-bottom: 25px;
	text-align: center;
	position: relative;
	border-radius: 2px;
}
.product .inner-product {
  box-shadow: 0 1px 3px rgba(50, 50, 50,0.12), 0 1px 2px rgba(50, 50, 50,0.24);
  transition: all 0.2s ease-in-out;
  background: #EDEDED;
  border-radius: 2px;
  position: relative;
  overflow: hidden;
  min-height: 320px;
}
.product .inner-product:hover {
  box-shadow: 0 10px 20px rgba(50, 50, 50,0.19), 0 6px 6px rgba(50, 50, 50,0.23);
}
.product h3 {
	font-size: 18px;
	color: #676767;
	font-weight: normal;
	line-height: 1.5em;
	margin: 20px 0 0;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.product h3:hover {
	color: #2196f3;
}
.product img {
	border-radius: 2px 2px 0 0;
}
.price {
	font-weight: 500;
	font-size: 16px;
	display: inline-block;
	margin: 10px 0;
	color: #ccc;
}
.price span {
	color: #6a7fdb;
}
.price del span, .product .price del {
	color: #ccc;
}
.price del {
	margin-right: 5px;
}
.product-overlay {
	border-radius: 2px;
	background-color: #f9f9f9;
	height: 100%;
	min-height: 100%;
	position: absolute;
	top: 75%;
	-webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 100%;
}
.inner-product:hover .product-overlay {
	top: 0;
}
.inner-product:hover .product-overlay h3 {
	margin: 30px 0 0;
}
.product-overlay p {
	color: #505050;
	font-size: 14px;
	margin-bottom: 20px;
	margin-top: 0;
  padding: 0 15px;
}
.product .product-info {
	text-transform: uppercase;
	text-align: center;
	padding: 0 15px;
}
.product .product-info li {
	display: inline-block;
	font-size: 13px;
	color: #535353;
}
.product-size, .product-color {
	display: inline-block;
	margin-bottom: 5px;
}
.product .product-size li:after {
	content: ', ';
	margin-right: 5px;
}
.product .product-size li:last-child:after {
	content: '';
}
.product strong {
	font-size: 16px;
	color: #444;
	margin-right: 5px;
}
.product .product-color li {
	width: 10px;
	height: 10px;
	background-color: #6a458b;
	border-radius: 100%;
	margin-right: 4px;
}
.product .product-btn {
	bottom: 10%;
	left: 0;
	position: absolute;
	right: 0;
}
.product .product-btn a {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	margin-left: 10px;
	padding: 0 0.8rem;
}
.product .product-btn a:last-child {
	margin-left: 0;
}
.pagination-product {
	text-align: center;
	margin-top: 0;
}
.pagination-product li {
	display: inline-block;
	border-radius: 2px;
}
.pagination-product li a {
	padding: 3px 10px;
	font-size: 18px;
	vertical-align: middle;
	color: #444;
	display: inline-block;
}
.pagination-product li.active a {
	color: #fff;
}
.pagination-product li.disabled a {
	cursor: default;
	color: #ccc;
}
.pagination-product li i {
	vertical-align: middle;
}
/* End Shop */

/* Shop Widgets */
.widget {
	margin-bottom: 40px;
}
.widget .widget-title {
	margin: 0px 0px 30px;
	font-size: 23px;
	font-weight: 400;
	line-height: 1em;
	color: #575757;
}
.widget.price-slider input {
	border-bottom: none;
	box-shadow: none;
	cursor: default;
	margin-bottom: 5px;
}
.widget.featured-item li {
	margin-bottom: 15px;
}
.featured-item .item-img {
	width: 20%;
	display: inline-block;
	float: right;
	margin-left: 15px;
	-webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.featured-item .item-img:hover {
	opacity: .8;
}
.widget.featured-item img {
	border-radius: 50%;
}
.widget.featured-item h5 {
	display: inline-block;
	float: right;
  width: auto;
  margin: 0;
  font-size: 14px;
}
.widget.featured-item a:hover h5 {
	color: #7986cb;
}
.widget.featured-item .price {
	display: inline-block;
	width: 70%;
  font-size: 13px;
}
.widget.cats .widget-title {
  margin-bottom: 15px;
}
.widget.cats ul {
  margin: 0;
}
.widget.cats a {
	color: #A2A2A2;
  font-weight: normal;
}
.widget.cats a:hover {
	color: #6a7fdb;
}
.widget.cats li {
	line-height: 2.2em;
}
.widget.cats .children {
	margin-right: 10%;
}
/* single Shop */
.title-item {
	color: #676767;
	font-size: 23px;
	font-weight: normal;
	line-height: 1.5em;
	margin: 0;
	text-transform: uppercase;
}
#product-img {
  margin-top: 15px;
}
.product-img .owl-item:first-child {
  max-height: 61px;
}
.product-desc p, .item-desc {
  font-size: 14px;
  line-height: 1.6em;
  color: #808080;
  margin-top: 5px;
  font-weight: normal;
}
.product-desc .quantity {
  margin-right: 20px;
  width: 15%;
  float: left;
  margin-bottom: 0;
  margin-top: 10px;
}
.product-desc .btn {
	height: auto;
	padding: .5rem 1.5rem;
	margin-top: 5px;
}
.item-desc, .item-reviews {
	padding: 25px 15px !important;
}
.item-reviews li {
	list-style: none;
	display: block;
	margin-bottom: 15px;
}
.item-reviews .item-img {
	width: 10%;
	float: right;
	margin-left: 20px;
}
.item-reviews .item-img img {
	border-radius: 50%;
}
.item-reviews p {
	margin-top: 5px;
	font-size: 14px;
}
.star-review {
	display: table;
  margin: 12px 0 8px;
}
.star-rating {
	float: right;
  font-size: 15px;
  line-height: 14px;
  height: 14px;
  width: 74px;
  overflow: hidden;
  position: relative;
}
.star-rating:before {
	content: "\f005\f005\f005\f005\f005";
	float: right;
  position: absolute;
  top: 0;
  right: 0;
  color: #e5e5e5;
}
.star-rating span {
	float: right;
	position: absolute;
	top: 0;
	right: 0;
	height: 16px;
	overflow: hidden;	
}
.star-rating span:before {
	content: "\f005\f005\f005\f005\f005";
	color: #ffb03a;
	float: right;
}
.review-text {
	margin-right: 70px;
}
.review-text h5 {
  font-size: 16px;
}
.related {
	margin-top: 30px;
}
.related .title-item {
	margin-bottom: 15px;
}
.product-tabs {
	margin-top: 20px;
	display: block;
}
.owl-buttons {
	position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  pointer-events: none;
	opacity: 0;
	-webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.owl-prev, .owl-next {
	font-size: 34px;
  text-align: center;
  text-shadow: 0 1px 3px rgba(0,0,0,0.3);
  color: #4054b2;
  pointer-events: auto;
	position: absolute;
  top: 50%;
  margin-top: -30px;
}
.owl-prev:hover, .owl-next:hover {
	opacity: .8;
}
.owl-prev {
	left: 0;
}
.owl-next {
	right: 0;
}
.owl-carousel:hover .owl-buttons {
	opacity: 1;
}
/*home-tabs*/
.home-tabs>div {
	float: none;
}
.home-tabs>div .row {
	margin-bottom: 0;
}
.home-tabs .tabs {
  overflow: hidden;
}
.home-tabs .tabs li.tab a {
	font-family: 'DiodrumArabic-Bold', 'DroidNaskhArabic-Bold', sans-serif;
	font-size: 16px;
	letter-spacing:0px;
	color: #ccc;
}
.home-tabs .tabs li.tab a:hover {
	color: #bbb;
}
.home-tabs .tabs li.tab a.active {
	color: #333;
}
.home-tabs .tabs .indicator {
  background-color: #333;
}
.home-tabs .section {
  background-color: #f1f2f2 !important;
  padding: 50px 0;
}
.home-tabs .section h4 {
  color: #616161 !important;
}
.app-feature {
	background-color: #fff;
}
.app-feature h2 {
  /*font-size: 2.5rem;*/
  line-height: 3.6rem;
  margin-bottom: 3rem;
}
.app-feature p {
	font-family: 'DroidNaskhArabic-Bold', 'DiodrumArabic-Bold', sans-serif;
  font-size: 14px;
  text-align: justify;
  line-height: 1.625em;
}
.app-img {
	position: relative;
}
.app-img img:nth-of-type(2) {
	position: absolute;
	top: 0;
	left: 0;
}
.app-btn {
	margin-top: 30px;
	margin-bottom: 5px;
}
.app-btn .btn {
  height: 35px;
  line-height: 37px;
  margin-right: 7px;
}
.clients-logo .owl-prev, .clients-logo .owl-next {
	color: #fff;
}
.clients-logo .owl-item {
	border: none;
	text-align: center;
}
/*Footer*/
footer p {
  font-size: 15px;
}
footer.page-footer .action-box {
  padding-top: 0;
}
footer.page-footer {
	margin-top: 0px;
}
footer.page-footer > .container {
	padding-top: 10px;
}
footer h3{
	font-size: 40px;
	font-weight: 100;
	color: #fff;
	text-transform: capitalize;
}

footer.page-footer .footer-copyright {
	height: auto;
	padding-top: 6px;
	padding-bottom: 6px;
	font-weight: 500 !important;
	font-size: 11px;
	line-height: 16px;
	color: #9e9e9e;
}
.footer-copyright a {
	font-weight: 500 !important;
	font-size: 11px;
	color: #fff;
}
.footer-copyright a:hover{
	color: #e91e63;
}
.footer-widget {
	color: rgba(255, 255, 255, 0.8);
}
.footer-widget a {
	color: #ccc;
}
.footer-widget a:hover {
	color: #e91e63;
}
.footer-widget .widget-title {
	font-size: 22px;
	color: #eee;
  font-weight: normal;
  margin-bottom: 20px;
}
.widget-info {
	color: #9e9e9e;
}
.widget-info li {
	font-size: 14px;
	margin-bottom: 10px;
	color: #9e9e9e;
}
.widget-info li i {
	margin-left: 10px;
}
.widget-tweets {
	font-size: 14px;
	color: #9e9e9e;
}
.widget-tweets li {
	margin-bottom: 20px;
}
.widget-tweets li:last-child {
	margin-bottom: 0;
}
.widget-tweets i {
	font-size: 18px;
}
.widget-tweets span {
  display: table;
  width: 93%;
  float: left;
}
.widget-tweets span a {
  display: inline-block;
}
.widget-tweets time {
  display: block;
}
.widget-tweets a.tweet-time {
  display: table;
}
.widget-links li {
	margin-bottom: 8px;
}
.widget-links .widget-title {
  margin-top: 30px;
}
/*transition*/
a, a:hover , .tags-panel a .badge.new, .tags-panel a:hover .badge.new{
	-webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

/* Loading Screen */
.screen-overlay {
  position: fixed;
  overflow: hidden;
  right: 0;
  top: 0;
  background-color: #212121;
  min-height: 100%;
  min-width: 100%;
  width: auto;
  height: auto;
  z-index: 9999999999;
  text-align: center;
  color: #fff;
}
.screen-overlay svg {
  position: fixed;
  top: 45%;
  stroke:rgba(255, 255, 255, .95);
}
.spinner {
  -webkit-animation: rotation 1.4s linear infinite;
  animation: rotation 1.4s linear infinite;
}

@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}

@keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}

.circle-looping {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-animation: turn 1.4s ease-in-out infinite;
  animation: turn 1.4s ease-in-out infinite;
}

@-webkit-keyframes turn {
  0% {
    stroke-dashoffset: 187;
  }

  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg);
  }
}

@keyframes turn {
  0% {
    stroke-dashoffset: 187;
  }

  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg);
  }
}




@media (min-width: 100px) and (max-width: 992px) {
/*body {
margin-bottom: 105px !important;
}*/
.addthis {
/*display: none;*/
}
.lb{
margin-bottom: 120px !important;
}
.sidr ul {
margin-bottom: 12px !important;
}
/*
.fixed-action-btn {
bottom: 105px;
left: 10px;
}
*/
/*
footer.page-footer
.footer-copyright {
	height: auto;
	line-height: 16px;
}
*/
}






/*Media Classes*/
@media (min-width: 320px) and (max-width: 992px) {
	.nav-wrapper {
		margin-top: 17px !important;
	}
	nav .brand-logo {
		margin-top: 5px !important;
		margin-right: 20px;
		left: 20%;
	}
	nav form {
    display: none;
	}
	.blog .blog-list, .single-with-sidebar {
		margin-top: 0px !important;
	}
	.portfolio .gallery-list .m8 {
		width:  50% !important;
	}
	.portfolio .gallery-list .m6 {
		width: 50% !important;
	}
	.portfolio .gallery-list .m4 {
		width: 50% !important;
	}
	.portfolio .gallery-list .m3 {
		width: 50% !important;
	}
	.portfolio .gallery-list .item {
		height: 213px;
	}
	.portfolio .gallery-list.four-col .item {
    height: 135px;
	}
	.portfolio .gallery-list.four-col .item {
    height: 135px;
	}
	.portfolio .gallery-list .item {
    height: 193px;
	}
	.tabs li.tab a{
		font-size: 14px !important;
	}
}

@media (min-width: 485px) and (max-width: 767px) {
	.btn-floating {
		right: 5px !important;
	}
	.slider ul.slides li .caption h3 {
		font-size: 36px;
	}
	.slider ul.slides li .caption h5 {
		font-size: 20px;
	}
	.btn-floating {
    right: -10px !important;
    bottom: -10px;
	}
	.container {
		padding: 0 0.5rem
	}
	.tweet-content {
		margin-bottom: 20px;
	}
	nav .brand-logo {
		margin-right:60px;
		left: 15%;
	}
}
@media (min-width: 768px) and (max-width: 1200px) {
	.btn-floating {
		right: 0px !important;
		bottom: -10px;
	}
	.button-collapse {
		display: none;
	}
	nav ul li a {
		margin-right: 28px;
	}
}
@media (min-width: 768px) and (max-width: 990px) {
	nav .brand-logo {
		margin-right: 150px;
		left: 15%;
	}	
}
@media (min-width: 991px) and (max-width: 1200px) {
	nav ul li a {
    margin-right: 8px;
	}
}
@media(max-width:768px) {
	.row .col.m3, .row .col.m4 {
		width: 100%;
	}
	.follow-btn a {
		display: inline-block;
		margin-bottom: 10px;
	}
}

/*menu*/
@media only screen and (max-width: 768px) {
	header .sub-header {
		display: none;
	}
	.nav-sticky {
		margin-top: 0 !important;
	}

  .menu {
    display: none;
  }
  .menu-icon {
    font-size: 30px;
    display: inline-block;
    float: left;
    text-align: center;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    outline: none;
    color: #eee;
    cursor: pointer;
    line-height: 1em;
    margin-top: 15px;
    margin-left: 15px;
	/*text-shadow: 2px 2px 4px #000000;*/
  }
	.product-overlay {
		top: 81%;
	}
}

@media only screen and (max-width: 768px) {
  .slider p.slider-btn {
    display: none;
  }

  #last_posts h6 {
    padding: 15px;
    padding-bottom: 0;
  }

  #last_posts p {
    padding: 0 15px;
  }

  .slider ul.slides li .caption h3 {
    line-height: 1.5em;
    font-size: 26px;
  }

  .blog .post.post-type-quote .post-quote {
    padding: 20px 25px;
  }
  
}

@media only screen and (max-width: 992px) {
  .btn, .btn-floating {
    margin-bottom: 15px !important;
  }
}
@media only screen and (max-width: 600px) { 
	.product-overlay {
		top: 76.5%;
	}
}
/*!Media Classes*/
#breadcrumb-row {
	font-family: 'DiodrumArabic-Regular', sans-serif;
	font-size: 14px;
    padding: 2px;
    margin: 2px auto;
    margin-bottom: 15px;
	color: #757575;
}
#breadcrumb-row ol {
    padding: 0px;
    margin: 0px auto;
    color: #757575;
}
#breadcrumb-row ol li {
    padding: 0px;
    margin: 0px auto;
    display: inline;
    color: #757575;
}
#breadcrumb-row ol li+li:before {
    content: "» ";
	color: #757575;
}

.myImgDiv {
    margin-top: -30px;
    margin-right: -30px;
    margin-left: -30px;
    margin-bottom: 10px;
    clear:both;
}
.myImg {
    border-radius: 0px 0px 0px 0px;
    object-fit: cover;
    width: 100%;
    height: auto;
    max-height: 420px;

}

.hondiv {
    /*position: absolute;
    display: block;*/
    display: table;
    width: 100%;
    margin-top: -10px;
    margin-right: -30px;
    margin-left: -30px;
    margin-bottom: 10px;
    padding: 10px;
    height: auto;
    min-height: 65px;
    background-image: url('../img/hon-buns.png'), linear-gradient(to bottom, #88da7c, #88da7c);
    background-repeat: no-repeat;
    clear:both;
    
    
}

.hondiv .icon {
    color: #ffffff;
	font-size: 32px;
	display: table-cell;
	padding-left: 10px;
	vertical-align: middle;
}

.hondiv .text {
    color: #ffffff;
	font-family: 'DiodrumArabic-Regular', sans-serif;
	font-size: 14px;
	font-weight: 400;
	display: table-cell;
	vertical-align: middle;
	line-height: 1.625em;
}

.hondiv .image {
    display: table-cell;
    padding-right: 10px;
    vertical-align: middle;
}









/* list of bottom */

.st-actionContainer {
	z-index: 9999;
	position: fixed;
	display: inline-block;
	min-width: 320px;
}

.right-bottom {
	bottom: 2em;
	right: 1em;
	float: right !important;
}

@media only screen and (max-width: 768px) {
  .right-bottom {
    bottom: 8.5em;
    /*bottom: 2em;*/
  }
}

.left-bottom {
	bottom: 3.5em;
	left: 2em;
	float: left !important;
}

div.st-actionContainer li{
	list-style: none;
}

.st-panel{
	width: auto;
	margin-bottom: 5%;
	background-color: #757575;
	color: white;
	border: 2px solid #eee;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	border-radius: 5px;
	display: none;
}

div.st-panel{
	font-family: 'DiodrumArabic-Regular', 'DroidNaskhArabic-Regular', sans-serif;
	font-size: 15px;

}

.st-panel-header{
	background-color: white;
	color: black;
	padding: 8px;
	font-size: 13px;
	text-align:left;
	cursor:pointer;
}

.st-panel-contents{
	padding: 25px;
}

.st-button-main{
	color:#ffffff;
	font-size:20px;
	text-align:center;
	line-height:40px;
	cursor:pointer;
	height: 100%;
	width: 100%;
	display: inline-table;
}

.st-button-main > i{
	display: table-cell;
	vertical-align: middle;
	width: 28%;
	text-align:center;
}

.st-button-main > p{
	display: table-cell;
	vertical-align: middle;
	font-size:14px;
	width: 72%;
	color:#ffffff;
	text-align:right;
}

.st-btn-container{
	background:#F15F5B;
	width:140px;
	height:40px;
	opacity: 0.8;
	border-radius:10px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.rotateForward{
    animation-name:             rotateF;
    animation-duration:         0.65s;
    animation-iteration-count:  1;

}

@keyframes rotateF {
  from {
            transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
  }
  to {
            transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
  }
}

.rotateBackward{
    animation-name:             rotateB;
    animation-duration:         0.65s;
    animation-iteration-count:  1;

}

@keyframes rotateB {
  from {
            transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
  }
  to {
            transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
  }
}

/*option grid in panel*/

.grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.gridChild {
	flex: 0 0 33.33%;
	height: 50px;
	background-color: #999;
	text-align:center;
	text-decoration: none;
	color: white;
	line-height:50px;
}

.gridChild:hover {
	background-color: #eee;
	color: black;
}

.gridChildFull {
	flex: 0 0 100%;
	height: 50px;
	background-color: #4CAF50;
	text-align:center;
	text-decoration: none;
	color: white;
	line-height:50px;
}

.gridChildFull:hover {
	background-color: #61c664;
	color: white;
	font-weight: bold;
}
















/*
@media only screen and (max-width: 768px) {
body {
margin-bottom: 105px !important;
}
}
*/

/*
.add-cons{
	margin-bottom: 150px;
}
*/
.btn-full{
	font-family: 'DiodrumArabic-Bold', 'DroidNaskhArabic-Bold', sans-serif;
	font-size: 2.2rem;
	font-weight: normal;
	line-height: 40px;
	display: block;
	width: 100%;
	color: #ffffff;
	position: fixed;
	bottom:100px;
	z-index:1500000;
	border-top: 1px solid #cccccc;
}
.add-to-con-div a {
	color: #ffffff;
}
.add-to-con-div a:hover{
	color: #cacaca;
}



.ads-div-parent {
    display: block;
    width: 100%;
    padding: 0px;
    border: 1px solid #e2e6fc;
    border-radius: 10px;
    background-color: #e2e6fc;
    margin-top: 20px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 20px;
    text-align: center;
}

.ads-div-title {
	font-size: 0.9rem;
	font-weight: normal;
    color: #adb8f6;
    text-align: center;
    padding: 2px;
}
.ads-div-content {
    display: block;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 3px;
    padding-right: 3px;
    border: 0px solid #fff;
    border-radius: 10px;
    background-color: #fff;
    text-align: center;
    vertical-align:middle;
    overflow:hidden;
    
}
.ads-div-clearfix:after {
    content: "";
    display: table;
    overflow:hidden;
    clear: both;
}



/*Youtube Channel Block*/

:root {
    --ytgallery-primary: #4050B5;
    --ytgallery-secondary: #303F9F;
    --ytgallery-background: #F24D7C;
    --ytgallery-hover: #212121;
    --ytgallery-contrast: #fff;
}

#gallery-showcase {
    width:100%;
    padding-bottom: 90px;
    background-image: url("https://childclinic.net/media/upload/yt-bg-d6eb9.jpg"); /* The image used */
    background-color: #C3FFF7;
    background-position: bottom; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: contain; /* Resize the background image to cover the entire container */
}

#gallery-showcase-title {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}

.g-ytsubscribe{}



.ytgallery-buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    user-select: none;
    color: var(--ytgallery-contrast);
    margin-top: 20px;
    margin-bottom: 20px;
}

.ytgallery-btn {
    background-color: var(--ytgallery-primary);
    padding: 15px;
    cursor: pointer;
    margin: 5px;
    transition: .2s;
    user-select: none;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.ytgallery-info {
    padding-left: 30px;
    padding-right: 30px;
    color: var(--ytgallery-background)
}

.ytgallery-btn:hover {
    filter: brightness(0.9);
}

.ytgallery-btn.disabled {
    filter: brightness(0.5);
    cursor: default;
}

.ytgallery-gallery {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    min-height: 100px;
}

.ytgallery-video-container {
    margin-top: 10px;
    width: 31%;
    margin-right: 1%;
    margin-left: 1%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-bottom: 10px;
    transition: .2s;
    text-decoration: none;
    background-color: var(--ytgallery-primary);
    color: var(--ytgallery-contrast);
}

.ytgallery-video-container:focus {
    outline: none !important;
}

.ytgallery-video-container:hover {
    transform: scale(1.05);
    background-color: var(--ytgallery-secondary);
}

.ytgallery-thumbnail-container {
    display: block;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative;
}

.ytgallery-video-thumbnail {
    object-fit: cover;
    width: 100%;
}

.ytgallery-video-title {
    padding-left: 10px;
    padding-right: 10px;
    height: 55px;
    line-height: 1.5em;
    margin-bottom: 0px;
    color: var(--ytgallery-contrast);
}

.ytgallery-meta-info {
    padding-right: 5px;
    color: var(--ytgallery-contrast);
}

.ytgallery-video-duration {
    position: absolute;
    margin: 0;
    top: 5px;
    left: 5px;
    color: #fff;
    z-index: 99;
    text-shadow: 0 0 2px #000;
    background: rgba(0, 0, 0, .6);
    padding: 0 3px;
    font-size: 12px !important;
}

.ytgallery-meta {
    display: flex;
    justify-content: space-between;
}

.ytgallery-meta div {
    display: flex;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
}

.ytgallery-meta-icon {
    height: 16px;
    width: 16px;
    fill: var(--ytgallery-contrast);
}

.ytgallery-error {
    text-align: center;
    color: var(--ytgallery-contrast);
    width: 100%;
}

.ytgallery-loader {
    border: 16px solid var(--ytgallery-background);
    border-top: 16px solid var(--ytgallery-secondary);
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: ytgallery-spin 2s linear infinite;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

@keyframes ytgallery-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}