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

    Theme Name:     EDUPortal
    Theme URI:      http://www.educationportal.com
    Author:         Spnoy Studio
    Author URI:     http://www.spnoy.com
    Version:        1.0.0
    License:        GNU General Public License
    License URI:

----------------------------------------------------------------------------------

/********************************************************************************/
/* #Document Body
/********************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
body {
	font-family: 'IRANSans', 'Yekan', Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	line-height: 24px;
	background-color: #f2f7fa;
	color: #333;
	direction: rtl;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
a {
	text-decoration: none;
	color: #333;
	transition: all 0.2s ease-in-out;
}
a:hover,
a:focus {
	color: #ffbc00;
	text-decoration: none;
	cursor: pointer;
}
p {
	line-height: 1.75rem;
	font-size: 0.875rem;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Yekan', 'IRANSans', Arial, sans-serif;
	font-weight: normal;
}
h1 {
	font-size: 2.50rem;
	line-height: 3.0rem;
}
h2 {
	font-size: 2.0rem;
	line-height: 2.5rem;
}
h3 {
	font-size: 1.75rem;
	line-height: 2.250rem;
}
h4 {
	font-size: 1.50rem;
	line-height: 2.0rem;
}
h5 {
	font-size: 1.250rem;
	line-height:1.75rem;

}
h6 {
	font-size: 1.125rem;
	line-height: 2.75rem;
}
.container {
	padding-right: 10px;
	padding-left: 10px;
}
@media (min-width: 1200px){
	.container {
		max-width: 1160px;
	}
}
.container-fluid {
	padding-right: 10px;
	padding-left: 10px;
}
.row {
	margin-right: -10px;
	margin-left: -10px;
}
[class^="col-"]{
	padding-right: 10px;
	padding-left: 10px;
}
.clearfix{
	clear: both;
}
.ss-yekan{
	font-family: 'Yekan', 'IRANSans', Arial, sans-serif;
}
.ss-iransans{
	font-family: 'IRANSans', 'Yekan', Arial, sans-serif;
}
.ss-arial{
	font-family: Arial, sans-serif;
}
.ss-hidden {
	display: none;
}
button{
	outline: 0 !important
}
/*---------------------------------------------------------------------------------*/
/*  #Button
/*---------------------------------------------------------------------------------*/
.ss-button {
	border: none;
	vertical-align: middle;
	position: relative;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	border-radius: 2px; 
	margin:0;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	transition: all 0.2s ease-in-out;
}
.ss-button:focus {
	outline: none;
	color: #fff;
}
.ss-button > i {
	vertical-align: middle;
	font-size: 1.25rem;
	margin:0 3px;
}
.ss-button > span {
	vertical-align: initial;
	font-size: 14px;
	display: inline-block;
	margin:0 3px;
}
.ss-button-blue{
	background-color: #00bcc3;
	color: #fff;
}
.ss-button-blue:hover{
	background-color: #ffbc00;
	color: #fff;
}
.ss-button-orange{
	background-color: #ffbc00;
	color: #fff;
}
.ss-button-orange:hover{
	background-color: #ffcb38;
	color: #fff;
}
.ss-google-button{
	padding: 0;
	outline: 0;
	border: 0;
	width: calc(50% - 4px);
	margin-top: 20px;
	height: 42px;
	background-color: transparent;
	float: left;
}
.ss-google-button .abcRioButton{
	width: 100% !important;
	height: 100% !important;
}
.ss-google-button .abcRioButtonContents{
	line-height: 42px !important;
	font-size: 1.0rem !important
}
.ss-google-button .abcRioButtonIcon{
	padding:12px !important;
}

.ss-button-large{
	padding: 6px 24px; 
	line-height: 1.875rem !important;
}
.ss-button-large > span{
	font-size: 16px;
}
.ss-button-small{
	padding: 2px 20px 5px;
	line-height: 1.75rem !important;
}
.ss-button-upload{
	border-radius: 2px 0  0 2px;
	font-size: 0.875rem;
	padding: 5px 20px 9px;
	line-height: 1.5rem !important;
}
/*---------------------------------------------------------------------------------*/
/*  #Bottstrap Tooltip
/*---------------------------------------------------------------------------------*/
.tooltip {
	font-family: 'Yekan';
	font-size: 0.75rem;
	line-height: 1.250rem;
}

/*---------------------------------------------------------------------------------*/
/*  #Bottstrap Form
/*---------------------------------------------------------------------------------*/

/* PlaceHolder
----------------------------------------------------------------------------------*/
.ss-input-placeholder::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-size: 0.875rem;
	font-family: 'Yekan';
	color: #aaa;
}
.ss-input-placeholder::-moz-placeholder { /* Firefox 19+ */
	font-size: 0.875rem;
	font-family: 'Yekan';
	color: #aaa;
}
.ss-input-placeholder:-ms-input-placeholder { /* IE 10+ */
	font-size: 0.875rem;
	font-family: 'Yekan';
	color: #aaa;
}
.ss-input-placeholder:-moz-placeholder { /* Firefox 18- */
	font-size: 0.875rem;
	font-family: 'Yekan';
	color: #aaa;
}

/* select2
----------------------------------------------------------------------------------*/
.select2.select2-container.select2-container--default{
	width: 100% !important;

}
.select2-container--default .select2-selection--multiple{
	color: #333;
	background-color: #f5f5f5;
	font-size: 0.875rem;
	line-height: 1.5rem;
	background-image: none;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.select2-container--default .select2-selection--single{
	color: #333;
	background-color: #f5f5f5;
	font-size: 0.875rem;
	line-height: 1.5rem;
	background-image: none;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	height: 36px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
	box-shadow:0 0 0 .2rem rgba(0,123,255,.25);
	border-color: #80bdff
}
.select2-container--default.select2-container--focus .select2-selection--single {
	box-shadow:0 0 0 .2rem rgba(0,123,255,.25);
	border-color: #80bdff
}
.select2-results__options{
	text-align: right;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{
	display: block;
	background-color: #f5f5f5;
	padding: .275rem .5rem;
	line-height: 1.5;
	color: #333;
	border: 1px solid #ced4da;
	border-radius: 2px;
	font-family: 'yekan'
}
/* Inputs
----------------------------------------------------------------------------------*/
.ss-input, .ss-input:focus{
	color: #333;
	background-color: #f5f5f5;
	font-size: 0.875rem;
	line-height: 1.5rem;
	padding: .375rem .5rem;
}
.ss-input-large, .ss-input-large:focus{
	padding: .425rem .5rem;
	line-height: 1.875rem;
}
.input-group .form-control{
	border-radius:  0  .25rem .25rem 0 !important;
	padding: .375rem .5rem;
	font-size: 0.875rem;
	font-size: 0.875rem;
	line-height: 1.5rem;
	background-color: #f5f5f5;
	border-left: 0;
}
.input-group-btn{
	margin-bottom: 0 !important;
}
.ss-select, .ss-select:focus{
	color: #333;
	background-color: #f5f5f5;
	font-size: 0.875rem;
	padding: .375rem .5rem;
}
.ss-textarea, .ss-textarea:focus{
	color: #333;
	background-color: #f5f5f5;
	font-size: 0.875rem;
	padding: .375rem .5rem;
	min-height: 80px;
}
.ss-select option{
	background-color: #f5f5f5;
}
.ss-input-date{
	color: #333;
	background-color: #f5f5f5;
	font-size: 0.875rem;
	display: block;
	width: 100%;
	padding: .375rem .5rem;
	font-size: 0.875;
	line-height: 1.5;
	color: #495057;
	background-color: #f5f5f5;
	line-height: 1.50rem;
	background-image: none;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.ss-input-half{
	width: 50%;
	float: right;
	display: inline-block;
}
/* Form Group
----------------------------------------------------------------------------------*/
.ss-form-group{
	position: relative;
	margin-bottom: 10px;
}
.ss-form-group label{
	color: #888;
	font-size: 0.75rem;
	display: block;
}
.form-group .ss-required{
	font-size: 0.875rem;
	color: #df0a38;
}
.form-group .ss-desc{
	font-size: 0.75rem;
	line-height: 1.25rem;
	color: #888;
	display: inline-block;
	float: right;
	width: 50%;
	text-align: right;
	padding-right: 10px;
	vertical-align: top;
}
.ss-form-group.ss-small{
	margin-bottom: 5px;
}
.ss-form-group-row{
	display: block;
	margin-left:-5px;
	margin-right: -5px;
}
.ss-form-group.ss-1col{
	display: inline-block;
	width: calc(100% - 7px);
	margin-right: 2px;
	margin-left: 2px;
}
.ss-form-group.ss-2col{
	display: inline-block;
	width: calc(50% - 7px);
	margin-right: 2px;
	margin-left: 2px;
}
.ss-form-group.ss-3col{
	display: inline-block;
	width: calc(33.333% - 7px);
	margin-right: 2px;
	margin-left: 2px;
}
.ss-form-group.ss-4col{
	display: inline-block;
	width: calc(25% - 7px);
	margin-right: 2px;
	margin-left: 2px;
}

/* Check Box and Radio Button
----------------------------------------------------------------------------------*/
input[type="checkbox"] {
	display:none;
}
input[type="checkbox"] + label {
	cursor: pointer;
	color: #888;
}
input[type="checkbox"] + label span {
	display:inline-block;
	width:19px;
	height:19px;
	margin:-2px 5px 0 0;
	vertical-align:middle;
	background:url(images/check_radio_sheet.png) left top no-repeat;
	cursor:pointer;
}
input[type="checkbox"]:checked + label span {
	background:url(images/check_radio_sheet.png) -19px top no-repeat;
}
input[type="radio"] {
	display:none;
}
input[type="radio"] + label {
}
input[type="radio"] + label span {
	display:inline-block;
	width:19px;
	height:19px;
	margin:-2px 5px 0 0;
	vertical-align:middle;
	background:url(images/check_radio_sheet.png) -38px top no-repeat;
	cursor:pointer;
}
input[type="radio"]:checked + label span {
	background:url(images/check_radio_sheet.png) -57px top no-repeat;
}

/*---------------------------------------------------------------------------------*/
/*  #Title
/*---------------------------------------------------------------------------------*/
.ss-title{
	display: block;
	width: 100%;
	padding-bottom: 20px;
	float: right;
}
.ss-title.ss-border{
	border-bottom: 1px solid #e5e5e5;
}
.ss-title.ss-margin{
	margin-bottom: 10px
}
.ss-title-icon{
	display: inline-block;
	color: #00bcc3;
	float: right;
	font-size: 1.0rem;
	margin: 8px 0 0 10px ;
}
.ss-title-text{
	display: inline-block;
	float: right;
}
.ss-title-text span{
	color: #00bcc3
}
.ss-title-more{
	display: inline-block;
	float: left;
	margin-top: 4px;
}
.ss-title-more-icon{
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	color: #aaa;
	font-size: 0.875rem;
}
.ss-title-more-text{
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	color: #aaa;
	font-size: 0.875rem;
}

/*---------------------------------------------------------------------------------*/
/*   #Pagination
/*---------------------------------------------------------------------------------*/
.ss-mc-pagination{
	padding: 20px 0;
	text-align: center;
	float: right;
	width: 100%;
}
.ss-mc-pagination-list{
	list-style: none;
}
.ss-mc-pagination-list li {
	display: inline-block;
	margin: 0;
}
.ss-mc-pagination-list li a {
	background-color: #fff;
	line-height: 40px;
	font-size: 0.875rem;
	width: 40px;
	text-align: center;
	display: block;
}
.ss-mc-pagination-list li.ss-active a {
	background-color: #00bcc3;
	color: #fff;
}
.ss-mc-pagination-list li.ss-page a {
	background-color: transparent;
	line-height: 1.0rem;
	width: auto;
	padding: 10px 0;
}
.ss-mc-pagination-list i {
	margin: 0 5px;
	vertical-align: middle;
}
.ss-mc-pagination-list li.ss-none {
	margin-top: 6px;
	min-width: 36px;
	min-height: 36px;
	text-align: center;
}
.ss-mc-pagination-list li.ss-next{
	float: left;
}
.ss-mc-pagination-list li.ss-prev{
	float: right;
}
/*---------------------------------------------------------------------------------*/
/*   #Preloader
/*---------------------------------------------------------------------------------*/
.ss-preloader{
	text-align: center;
	margin: 180px auto;
	width: calc(100% - 54px);
	position: absolute;
}
.ss-preloader.banner-preloader{
}
@-webkit-keyframes scale {
	0%  {-webkit-transform: scale(1); transform: scale(1); opacity: 1; }
	45% {-webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0.7;}
	80% {-webkit-transform: scale(1); transform: scale(1); opacity: 1; } 
}
@keyframes scale {
	0%  { -webkit-transform: scale(1); transform: scale(1); opacity: 1;}
	45% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0.7;}
	80% { -webkit-transform: scale(1); transform: scale(1); opacity: 1;}
}
.ball-pulse > div:nth-child(1) {
	-webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
	animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); 
}

.ball-pulse > div:nth-child(2) {
	-webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
	animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.ball-pulse > div:nth-child(3) {
	-webkit-animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
	animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); 
}

.ball-pulse > div {
	background-color: #00bcc3;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	margin: 2px;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	display: inline-block;
}

/*---------------------------------------------------------------------------------*/
/*  #Header
/*---------------------------------------------------------------------------------*/
.ss-header{
	background-color: #fff;
	height: 90px;
	border-bottom:1px solid #e5e5e5;
}
.ss-logo{
	float: right;
}
.ss-logo a{
	line-height: 90px;
}
.ss-logo img{
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
.ss-member{
	display: inline-block;
	padding-top:20px;
}
.ss-member-login-button{
	float: left;
	line-height: normal;
}
.ss-member-account{
	float: left;
	line-height: 2.75rem
}
.ss-member-account-link{
	padding:  0;
}
.ss-member-account-welcome{
	font-size: 0.875rem;
	color: #888;
	margin-left: 5px;
}
.ss-member-account-title{
	font-size: 1.0rem;
}
.ss-member-dropdownmenu{
	text-align: right;
	padding: 0 10px !important;
	-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.20);
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.20);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.20);
}
.ss-member-dropdownmenu-item{
	display: block;
	line-height: 1.5rem;
	padding:8px 0;
	border-bottom: 1px solid #e5e5e5;
	font-size: 0.875rem;
}
.ss-member-dropdownmenu-item:last-child{
	border-bottom: 0;
}
.ss-member-dropdownmenu-item.ss-sign-out{
	color: #df0a38
}
.ss-member-dropdownmenu-item i{
	margin-left: 6px;
	color: #aaa;
	vertical-align: middle;
}

/*---------------------------------------------------------------------------------*/
/*  #Bootstrap Alert
/*---------------------------------------------------------------------------------*/
.ss-alert{
	padding:20px 0 0 0;
}
.ss-alert .alert{
	text-align: right	
}
.ss-alert .alert strong{
	font-size: 1.0rem;
	font-family: yekan
}
/*---------------------------------------------------------------------------------*/
/*  #Bootstrap Nav
/*---------------------------------------------------------------------------------*/
.navbar{
	background-color: #fff;
	padding: 0 10px;
	position: relative;
}
.ss-nav-container{
	position: relative;
}
.navbar-toggler{
	cursor: pointer;
	border:0;
	padding: 0;
}
.navbar-expand-lg .navbar-nav .nav-link{
	padding-right: 14px;
	padding-left: 14px;
	padding-top: 13px;
	padding-bottom: 13px;
	text-align: right;
}
.navbar-light .navbar-nav .nav-link {
	color: #333;
}
.navbar-light .navbar-nav .nav-link:hover {
	color: #ffbc00;
}
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link{
	background-color: #ffbc00;
	color: #fff;
}
.ss-navbar-icon{
	color: #888;
	font-size: 1.750rem;
}
.dropdown-toggle::after{
	top: 4px;
	position: relative;
}

/*---------------------------------------------------------------------------------*/
/*  #Bootstrap DropDown
/*---------------------------------------------------------------------------------*/
.dropdown-menu{
	width: 220px;
	-webkit-border-radius: 0; 
	-moz-border-radius: 0; 
	border-radius: 0; 
	padding: 0;
	top: calc(100% - 2px);
	border: 1px solid #e5e5e5;
}
.dropdown-item {
	padding: 8px 10px;
	font-weight: normal;
	color: #888;
	text-align: right;
	white-space: nowrap;
	font-size: 0.75rem;
}
.dropdown-item:focus,
.dropdown-item:active {
	background-color: #ffbc00;
	color: #fff;
}
.collapse.show .dropdown-menu{
	width: 100%;
	border:0;
}
.collapse.show .dropdown-item{
	border-bottom: 1px solid #e5e5e5;
}
.dropdown:hover .dropdown-menu {
	display: block;
}

/*---------------------------------------------------------------------------------*/
/*  #Search
/*---------------------------------------------------------------------------------*/
.ss-search{
	position: absolute;
	left: 10px;
	top: 0;
	width: 220px;
}
.ss-search-input{
	width: 140px;
	height: 50px;
	border-width: 0;
	font-size: 0.875rem;
	border-bottom:2px solid #fff;
	padding: 0;
	float: right;
	color: #333;
	position: absolute;
	left: 0;
	top: 0;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.ss-search-icon{
	position: absolute;
	font-size: 1.5rem;
	color: #00bcc3;
	left: 0;
	top: 12px;
}
.ss-search-submit{
	position: absolute;
	left: 0;
	top: 0;
	width: 46px;
	height: 46px;
	background-color: transparent;
	cursor: pointer;
	outline: 0;
	border: none;
	text-indent: -1000px;
	float: right;
}
.ss-search-submit:hover .ss-search-icon{
	color: #00bcc3
}
.ss-search-input:focus{ 
	width: 100%;
	outline: 0;
	border-bottom: 2px solid #00bcc3;
}

/*---------------------------------------------------------------------------------*/
/*  #Banner
/*---------------------------------------------------------------------------------*/
.ss-banner{
	background-color: #2d6f93;
	position: relative;
}
.ss-banner-slider{
	display: block;
	direction: ltr !important;
	list-style: none
}
.ss-banner-slider-item{
	display: none;
}
.ss-banner-slider img{
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
.ss-banner-slider.slick-dotted.slick-slider{
	margin-bottom: 0;
}

/* Slider Theme
----------------------------------------------------------------------------------*/
.ss-banner-slider .slick-dots{
	width: 100%;
	position: absolute;
	bottom: 20px;
	margin: 0 auto;
	display: block;
	opacity: 1;
	-webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out, border 0.2s ease-out, opacity 0.2s ease-out;
	transition: background-color 0.2s ease-out, color 0.2s ease-out, border 0.2s ease-out, opacity 0.2s ease-out;
}
.ss-banner-slider .slick-dots li{
	width: 16px;
	height: 16px;
	margin: 0 5px;
}
.ss-banner-slider .slick-dots li button{
	width: 16px;
	height: 16px;
	padding: 0;
}
.ss-banner-slider .slick-dots li button:hover:before,
.ss-banner-slider .slick-dots li button:focus:before
{
	opacity: 1;
	background-color: #ffb400;
}
.ss-banner-slider .slick-dots li button:before{
	background-color: #00bcc3;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	font-size: 0;
	line-height: 0;
	width: 16px;
	height: 16px;
	content: '';
	opacity:1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.ss-banner-slider .slick-dots li.slick-active button:before
{
	opacity: 1.0;
	background-color: #fff;
	color: transparent;
}
.ss-banner-slider .slick-prev,
.ss-banner-slider .slick-next {
	opacity: 0;
	-webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out, border 0.2s ease-out, opacity 0.2s ease-out;
	transition: background-color 0.2s ease-out, color 0.2s ease-out, border 0.2s ease-out, opacity 0.2s ease-out;
}
.ss-banner-slider:hover .slick-prev,
.ss-banner-slider:hover .slick-next {
	opacity: 1;
	-webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out, border 0.2s ease-out, opacity 0.2s ease-out;
	transition: background-color 0.2s ease-out, color 0.2s ease-out, border 0.2s ease-out, opacity 0.2s ease-out;
}
.ss-banner-slider .slick-prev:before,
.ss-banner-slider .slick-next:before {
	font-family: 'FontAwesome';
	font-size: 24px;
	line-height: 1;
	opacity: .75;
	color: white;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.ss-banner-slider .slick-prev:hover:before,
.ss-banner-slider .slick-prev:focus:before,
.ss-banner-slider .slick-next:hover:before,
.ss-banner-slider .slick-next:focus:before
{
	opacity: 1;
	color: #ffbc00
}
.ss-banner-slider .slick-next{
	right: 10px;
	z-index: 1;
}
.ss-banner-slider .slick-prev {
	left: 10px;
	z-index: 1;
}

.ss-banner-slider .slick-next:before {
	content: "\f054";
}
.ss-banner-slider .slick-prev:before {
	content: "\f053";
}

/*---------------------------------------------------------------------------------*/
/*   Add Section
/*---------------------------------------------------------------------------------*/
.ss-adsection{
	background-color: #fff;
	padding: 40px 0;
}
.ss-adsection.ss-page2{
	padding: 20px 0;
}
.ss-addsection-ads{
	width: 300px;
	display: inline-block;
}
.ss-aa-block{
	margin-bottom: 20px;
}
.ss-aa-block:last-child{}
.ss-aa-block img{
	display: block;
	width: 100%;
	height: auto;
}
.ss-addsection-carousel{
	width: calc(100% - 320px);
	height: auto;
	display: inline-block;
	margin-right: 20px;
	float: left;
}
.ss-ac-slider{
	direction: ltr !important
}
.ss-ac-slider-item{
	display: none;
}
.ss-ac-slider-item img{
	max-width: 100%;
	height: auto;
}
.ss-ac-navslider{
	direction: ltr !important;
	position: relative;
	right: 0;
	height: 60px;
	background-color: rgba(255,255,255,1);
	border:1px solid #e5e5e5;
	border-top:0;
	width: 100%;
	padding: 0;
}
.ss-ac-navslider-item{
	display: inline-block;
	cursor: pointer;
	width: 100%;
	float: right;
	border-left: 1px solid #e5e5e5;
	text-align: center;
	line-height: 60px;
	outline: 0 !important;
	font-family: 'Yekan';
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	direction: rtl;
	padding:0 10px;
	width: 20% !important;
	cursor: pointer;
}
.ss-ac-navslider-item:nth-child(5n){
	border-left: 0;
}
.ss-ac-navslider-item.is-active{
	background-color: #ffbc00;
	color: #fff;
	border-left: 1px solid #ffbc00;
	position: relative;
}

/*---------------------------------------------------------------------------------*/
/*  #Iconbox
/*---------------------------------------------------------------------------------*/
.ss-iconbox{
	padding: 40px 0;
}
.ss-iconbox-list{
	list-style: none;
}
.ss-iconbox-list-item{
	display: inline-block;
	float: right;
	margin-left: 1px;
	width: calc(100% / 7 - 2px );
	height: 162px;
	margin-bottom: 1px;
}
.ss-ili-link{
	display: block;
	width: 100%;
	height: 100%;
	background-color: #fff;
	text-align: center;
	padding: 40px 10px 10px;
}
.ss-ili-link:hover{
	background-color: #ffbc00;
}
.ss-ili-icon{
	width: 42px;
	height: 42px;
	background-repeat: no-repeat;
	display: block;
	margin: 0 auto 14px;
}
.ss-ili-link:hover .ss-ili-icon{
	background-position: -42px 0;
}
.ss-ili-title{
	color: #333;
}
.ss-ili-link:hover .ss-ili-title{
	color: #fff;
}

/*---------------------------------------------------------------------------------*/
/*  #Latest Section
/*---------------------------------------------------------------------------------*/
.ss-latestsection{
	padding: 0 0 40px 0;
}
.ss-latestsection-box{
	display: inline-block;
	width: calc(100% - 320px);
	height: auto;
	margin-left: 20px;
	float: right;
	background-color: #fff;
	padding: 20px;
}
.ss-latestsection-list{
	list-style: none;
	padding: 10px 0 0 0;
	float: right;
	width: 100%;
}
.ss-latestsection-list-item{
	display: block;
	width: 100%;
	float: right;
}
.ss-latestsection-list-item:last-child{
	margin-bottom:0;
}
.ss-lli-icon{
	display: inline-block;
	color: #00bcc3;
	width: 3%;
	float: right;
	text-align: right;
	vertical-align: middle;
	margin-top: 14px;
}
.ss-lli-title{
	display: inline-block;
	font-family: 'IRANSans', 'Yekan', Arial, sans-serif;
	font-size: 0.875rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 47%;
	text-align: right;
	float: right;
	padding-left: 5px;
}
.ss-lli-meta{
	display: inline-block;
	width: 26%;
	text-align: right;
	float: right;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 0.875rem;
	margin-top: 3px;
	color: #00bcc3;
	padding-left: 5px;

}
.ss-lli-date{
	display: inline-block;
	width: 24%;
	text-align: left;
	float: right;
	color: #888;
	font-size: 0.75rem;
	margin-top:6px
}
.ss-lli-date span{
	font-family: 'IRANSans', 'Yekan', Arial, sans-serif;
	font-size: 0.875rem;
}

/*---------------------------------------------------------------------------------*/
/*  #Clients 
/*---------------------------------------------------------------------------------*/
.ss-clients{
	background-color: #fff;
	padding: 10px 0;
}
.ss-clients-slider{
	float: right;
	width: 100%;
	direction: ltr;
}
.ss-clients-slider-item{
	text-align: center;
	transition: all 0.2s ease-in-out;
}
.ss-clients-slider-item img{
	display: block;
	width: 180px;
	height: auto;
	margin: 0 auto;
	outline: 0 !important
}

/* Slider Theme
----------------------------------------------------------------------------------*/
.ss-clients-slider .slick-prev:before,
.ss-clients-slider .slick-next:before {
	font-family: 'FontAwesome';
	font-size: 18px;
	line-height: 1;
	opacity: 0.75;
	color: white;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #aaa;
}
.ss-clients-slider .slick-prev:hover:before,
.ss-clients-slider .slick-prev:focus:before,
.ss-clients-slider .slick-next:hover:before,
.ss-clients-slider .slick-next:focus:before
{
	opacity: 1;
	color: #ffbc00
}
.ss-clients-slider .slick-next{
	right: 0px;
	top:71px;
	z-index: 1;
}
.ss-clients-slider .slick-prev {
	top:71px;
	left: 0px;
	z-index: 1;
}
.ss-clients-slider .slick-next:before {
	content: "\f054";
}
.ss-clients-slider .slick-prev:before {
	content: "\f053";
}


/*---------------------------------------------------------------------------------*/
/*   #Footer
/*---------------------------------------------------------------------------------*/
.ss-footer{
	padding: 40px 0;
	background-color: #333333
}
.ss-footer-about{

}
.ss-footer-about-logo{
	display: block;
	margin-bottom: 10px;
}
.ss-footer-about-logo img{
	display: block;
}
.ss-footer-about-text p{
	color: #888;
	text-align: justify;
	font-size: 0.75rem;
}
.ss-footer-links{
	float: right;
	width: calc(50% - 20px );
	margin-left: 20px;
}
.ss-footer-heading{
	color: #fff;
	font-size: 1.0rem;
	display: block;
	text-align: right;
	margin-bottom: 10px;
}
.ss-footer-links-list{
	list-style: none;
	width: 50%;
	display: inline-block;
	float: right;
}
.ss-footer-links-list.ss-full{
	width: 100%;
	display: block;
}
.ss-footer-links-list li{
	text-align: right;
}
.ss-footer-links-list li a {
	padding: 8px 0;
	color: #888;
	font-size: 0.75rem;
	text-align: right;
}
.ss-footer-links-list li a:hover {
	color: #ffbc00;
}

/*---------------------------------------------------------------------------------*/
/*   #Copyright
/*---------------------------------------------------------------------------------*/
.ss-copyright{
	background-color: #333;
	padding: 30px 0;
	border-top: 1px solid #515151;
}
.ss-copyright-text{
	color: #888;
	font-size: 0.75rem;
	text-align: right;
}
.ss-copyright-socialicons{
	list-style: none;
}
.ss-copyright-socialicons li{
	display: inline-block;
	margin-right:10px;
}
.ss-copyright-socialicons li a {
	color: #aaa;
	font-size: 1.0rem;
}
.ss-copyright-socialicons li a:hover {
	color: #ffbc00;
}

/*---------------------------------------------------------------------------------*/
/*   #Badges
/*---------------------------------------------------------------------------------*/
.ss-badge{
	background-color: #fff;
}
.ss-badges-list{
	float: left;
	list-style: none;
}
.ss-badges-list li{
	float: left;
	display: inline-block;
	margin-right: 10px;

}
.ss-badges-list li img{
	display: block;
}
@media screen and (max-width: 480px){
.ss-badges-list li {
    float: left;
    display: block;
    margin-right: 0;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
}

/*---------------------------------------------------------------------------------*/
/*   #Main Inner
/*---------------------------------------------------------------------------------*/
.ss-maininner{
	padding: 20px 0;
}
.ss-maininner-side{
	width: 300px;
	display: inline-block;
}
.ss-maininner-content{
	width: calc(100% - 320px);
	height: auto;
	display: inline-block;
	margin-right: 20px;
	float: left;
}
.ss-maininner-content.ss-full{
	width: 100%;
	display: block;
	margin-right: 0;
	float: none;
}

/*---------------------------------------------------------------------------------*/
/*   #Page 3
/*---------------------------------------------------------------------------------*/

/* Page 3 - Filter - Search
----------------------------------------------------------------------------------*/
.ss-filter-date-col{
	width: calc(50% - 27px) !important;
}
.ss-filter-date-button{
	width: 36px;
	height: 36px;
	border-radius: 2px;
	background-color: #00bcc3;
	display: inline-block;
	float: left;
	vertical-align: middle;
	text-align: center;
	padding: 7px 0;
	margin:25px 0;
	cursor: pointer;
}
.ss-filter-date-button i{
	color: #fff;
	margin-left: 5px;
}
.ss-ms-filter{
	background-color: #fff;
	margin-bottom: 20px;
}
.ss-msf-search{
	margin-bottom: 20px;
	border-bottom: 1px solid #e5e5e5;
	float: right;
	width: 100%;
	position: relative;
}
.ss-msf-search-input{
	border:0;
	line-height: 50px;
	outline: 0;
	width: calc(100% - 50px);
	float: right;
	padding: 0 20px 0 10px; 
}
.ss-msf-search-submit{
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 50px;
	background-color: transparent;
	cursor: pointer;
	border: none;
	text-indent: -1000px;
	float: left;
	border:0;
	outline: 0;
}
.ss-msf-search-icon{
	position: absolute;
	font-size: 1.5rem;
	color: #aaa;
	left: 0;
	top: 0;
	width: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #fff;
}

/* Page 3 - Filter - Collapse
----------------------------------------------------------------------------------*/
.ss-msf-nav{
}
.ss-msf-nav-heading {
	padding: 0;
	border:0;
	text-align: right;
}
.panel-title >a{
	display:block;
	color:#333;
	padding: 14px 20px;
	font-size: 1.1250rem;
}
.ss-msf-nav-heading.active .panel-title >a{
	color: #00bcc3;
}
.ss-msf-nav-heading a:before {
	font-family: 'FontAwesome';
	content: "\f104";
	float: left;
	transition: all 0.2s;
	font-size: 1.250rem;
}
.ss-msf-nav-heading.active a:before {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	transform: rotate(-90deg);
} 
.ss-msf-nav-collapse{
	border-bottom:1px solid #e5e5e5;
	text-align: right;
}
.ss-msf-nav-content{
	padding: 10px 20px 20px;
}
.ss-msf-formcontrol-dropdown{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 10px;
	top: calc(100% - 2px);
	border: 1px solid #e5e5e5;
	text-align: right;
	font-size: 0.875rem;
	text-align: right;
	-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.20);
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.20);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.20);
}
.ss-msf-formcontrol-dropdown.ss-filter-search{
	width: calc(100% - 72px) !important;
}
.ss-msf-fd-list{
	display: block;
}
.ss-msf-fd-list li{
	display: block ;
	list-style: none;
	margin-bottom: 5px;
}
.ss-msf-fd-list li a{
	display: block;
	font-size: 0.75rem;
}
.ss-msf-formcontrol-dropdown.ss-main-search{
	top: 48px;
	width: 100%;
}
/* Page 3 - Compare
----------------------------------------------------------------------------------*/
.ss-maininner-comapre{
	padding: 30px 0;
	background-color: #fff;
	border-top: 1px solid #e5e5e5;
}
.ss-maininner-comaprelist-list{
	display: inline-block;
	width: calc(100% - 180px);
	float: right;
}
.ss-m-comaprelist-item{
	display: inline-block;
	margin-left: 0;
	margin-right: 0;
	width: 25%;
	float: right;
	text-align: center;
	position: relative;
	border-left: 1px solid #e5e5e5;
	padding: 0 20px;
}
.ss-m-comaprelist-button{
	float: left;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	width: 180px;
}
.ss-mcb-button{
	margin: 56px auto 0;
}
.ss-m-comaprelist-item-figure{
	width: 90px;
	height: 90px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	background-image: url(images/dummy/default-logo-1.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
.ss-m-comaprelist-item-figure img{
	width: 100%;
	height: auto;
	display: block;
}
.ss-m-comaprelist-item-title {
	font-size: 0.875rem;
	font-family: 'IRANSans';
	line-height: 1.25rem;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ss-m-comaprelist-item-name{
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #888;
}
.ss-m-comaprelist-item-name a {
	font-size: 0.75rem;
	font-family: 'yekan';
	line-height: 1.0rem;
	color: #888;
}
.ss-m-comaprelist-item-delet {
	position: absolute;
	left: 10px;
	top: 0;
	width: 24px;
	height: 24px;
	background-color: #e5e5e5;
	color: #aaa;
	border-radius: 2px;
	text-align: center;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
}
.ss-m-comaprelist-item-delet i {
	font-size: 1.0rem;
	font-weight: normal;
	margin-top: 4px;
}
.ss-m-comaprelist-item-delet:hover {
	background-color: #ffbc00;
	color: #fff;
}

/* Page 3 - Compare modal
----------------------------------------------------------------------------------*/
.ss-sigin-modal-compare-dialog{
	max-width: 540px !important;
}
.ss-modal-compare{
	border: 1px solid #e5e5e5;
}
.ss-modal-body-compare{
	background-color: transparent;
	border-radius: 4px;
}
.ss-modal-compare-content{
	height: auto;
	padding: 0 20px 10px;
	text-align: center;
	border-radius: 4px;
	background-color: #fff;
}
.ss-compare-close{
	float: right;
	padding: 5px 10px 0 0 !important;
	text-align: right;
	cursor: pointer;
	width: 30px;
	float: right;
}

/* Page 3 - Sarch Result 
----------------------------------------------------------------------------------*/
.ss-mc-searchresult{
	background-color: #fff;
	padding: 10px 20px 15px;
	text-align: right;
}
.ss-mc-sort{
	margin-bottom: 10px;
}
.ss-mc-sort .ss-form-group label{
	text-align: right;
}
.ss-mcs-title{
	font-size: 1.1250rem;
	color: #00bcc3;
	display: block;
	margin-bottom: 10px;
}
.ss-mcs-title span{
	color: #333;
}
.ss-mcs-resultlist-item{
	display: inline-block;
	margin-bottom: 4px;
}
.ss-mcs-resultlist-item a{
	display: block;
	background-color: #f5f5f5;
	padding: .275rem .5rem;
	line-height: 1.5;
	color: #333;
	border: 1px solid #ced4da;
	border-radius: 2px;
}
.ss-mcs-resultlist-item a:hover{
	background-color: #ffbc00;
	border: 1px solid #ffbc00;
	color: #fff;
}
.ss-mcs-resultlist-item a:hover i{
	color: #fff;
	transition: all 0.2s ease-in-out;
}
.ss-mcs-resultlist-item span{
	font-size: 0.75rem;
}
.ss-mcs-resultlist-item i{
	font-size: 1.0rem;
	display: inline-block;
	position: relative;
	top: 2px;
	margin-right: 5px;
	transition: all 0.2s ease-in-out;
	color: #888;
}

/* Page 3 - List - item 
----------------------------------------------------------------------------------*/
.ss-mc-list{
	display: block;
	margin-top: 20px;
}
.ss-mc-list.courses-place{
	text-align: right;
}
.ss-mcl-item{
	padding: 20px 20px;
	background-color: #fff;
	height: 195px;
	margin-bottom: 20px;
	overflow: hidden;
}
.ss-mcli-content{
	width: 60%;
	display: inline-block;
	padding-left: 20px;
	vertical-align: top;
}
.ss-mcli-detail{
	width: 39%;
	display: inline-block;
	padding-right: 20px;
	vertical-align: top;
	text-align: right;
	position: relative;
	height: 100%;
	border-right: 1px solid #e5e5e5;
}
.ss-mclic-figure{
	width: 90px;
	height: 90px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	background-image: url(images/dummy/default-logo-1.png);
	background-position: center;
	background-repeat: no-repeat;
}
.ss-mclic-figure img{
	width: 100%;
	height: auto;
	display: block;
}
.ss-mclic-text{
	width: calc(100% - 95px);
	padding-right: 10px;
	display: inline-block;
	text-align: right;
}
.ss-mclict-title{
	font-size: 1.0rem;
	font-family: 'IRANSans';
	line-height:1.5rem;
	display: block;
	margin-bottom: 4px;
	font-weight: 500;
}
.ss-mclict-name{
	margin-bottom: 15px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #888;
}
.ss-mclict-name a{
	font-size: 0.875rem;
	font-family: 'yekan';
	line-height: 1.25rem;
	color: #888;
}
.ss-mclict-name a:hover{
	color: #ffbc00;
}
.ss-mclict-desc{
	color: #888;
	font-size: 0.75rem;
	line-height: 1.25rem;
	text-align: justify;
	display: block;
	max-height: 84px;
	overflow-y: hidden;
}
.ss-mclid-metalist {
	width: calc(100% - 24px);
	display: inline-block;
	margin-bottom: 30px;
}
.ss-mclid-button{
	float: left;
}
.ss-mclid-metaicons {
	width: 24px;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 0;
	text-align: center;
	float: left;
}
.ss-mclidm-item{
	display: block;
	line-height: 30px;
}
.ss-mclidm-ite-icon{
	color: #aaa;
	margin-left:4px;
}
.ss-mclidm-ite-title{
	font-size: 0.875rem;
}
.ss-mclidm-ite-title.ss-price{
	color: #00bcc3;
	font-weight: 500;
	font-size: 1.0rem;
}
.ss-mclidm-ite-title.ss-oldprice{
	color: #888;
	font-weight: normal;
	text-decoration: line-through;
	font-size: 0.875rem;
}
.ss-price-off{
	color: #df0a38;
	font-weight: bold;
	font-size: 1.0rem;
	display: block;
	line-height: 0.5rem;
	padding-right: 20px;
	position: absolute;
}
.ss-mclid-like{
	display: block;
	margin-bottom: 5px;
}
.ss-mclid-like i{
	font-size: 1.325rem;
	color: #df0a38;
	margin-right: 4px;
	margin-top: 2px;
	cursor: pointer;
}
.ss-mclid-like-color i:before{
	content: "\f004";
}
.ss-mclid-compare-checkbox{
}
.ss-mclid-compare-checkbox span {
	margin: -2px 4px 0 !important;
}
.ss-mclid-changebutton{
	width: 115px;
	padding: 2px 5px 5px;;

}
/*---------------------------------------------------------------------------------*/
/*   #Page 4
/*---------------------------------------------------------------------------------*/
.ss-maininner-content-single{
	background-color: #fff;
}
.ss-mcl-item.ss-single{
	padding: 40px 20px 20px;
	height: auto;
}
.ss-mcli-content.ss-single{
}
.ss-mcli-detail.ss-single{
}
.ss-mclic-figure.ss-single {
	width: 132px;
	height: 132px;
	background-image: url(images/dummy/default-logo-2.png);
}
.ss-mclic-text.ss-single {
	width: calc(100% - 138px);
}
.ss-mclict-title.ss-single {
	font-size: 1.250rem;
	line-height: 1.875rem;
	white-space: inherit;
	overflow: inherit;
	text-overflow: inherit;
	margin-bottom: 5px;
	font-weight: normal;
}
.ss-mclict-name.ss-single {
	margin-bottom: 20px;
	display: block;
	white-space: inherit;
	overflow: inherit;
	text-overflow: inherit;
}
.ss-mclict-name.ss-single a {
	font-size: 1.0rem;
	line-height: 1.5rem;
}
.ss-mclict-location{
}
.ss-mclictm-icon{
	display: inline-block;
	margin-left: 5px;
	color: #aaa;
	font-size: 1.0rem;
}
.ss-mclictm-title{
	display: inline-block;
	font-size: 1.0rem;
}
.ss-mclict-address{
	margin-bottom: 20px;
}
.ss-mclicta-icon{
	display: inline-block;
	margin-left: 5px;
	color: #aaa;
	font-size: 0.875rem;
}
.ss-mclicta-title{
	display: inline-block;
	font-size: 0.875rem;
	color: #888;
}
.ss-mclidm-ite-title.ss-single{
	font-size: 0.875rem;
	color: #888;
	min-width: 120px;
	display: inline-block;
}
.ss-mclidm-ite-val{
	font-size: 0.875rem;
}
.ss-mclid-metalist.ss-single {
	margin-bottom: 0;
}
.ss-mclict-price{
	margin-bottom: 30px;
}
.ss-mclidm-ite-price{
	color: #00bcc3;
	font-weight: 500;
	font-size: 1.250rem;
}
.ss-mclidm-ite-oldprice{
	color: #888;
	font-weight: normal;
	display: block;
	font-size: 1.0rem;
	line-height: 1.0rem;
	position: relative;
	text-decoration: line-through;
}

.ss-mclidm-ite-price-off {
	color: #df0a38;
	font-weight: bold;
	font-size: 1.0rem;
	display: block;
	line-height: 0.5rem;
	padding-right: 10px;
	display: inline-block;
}
.ss-mclictr-button{
	float: left;
}

/* Page 4 - Single - Tab 
----------------------------------------------------------------------------------*/
.ss-mcl-item-tab{
	margin-bottom: 40px;
}
.ss-mcli-tabs{
	list-style: none;
	border-bottom: 1px solid #e5e5e5;
}
.ss-mcli-tabs li{
	min-width: 160px;
	display: inline-block;
	text-align: center;
	border:1px solid #e5e5e5;
	border-right: 0;
	border-bottom: 0;
}
.ss-mcli-tabs li a{
	line-height: 50px;
	font-family: 'Yekan';
	font-size: 1.0rem;
	display: block;
	border-bottom: 2px solid #fff;

}
.ss-mcli-tabs li a.active{
	border-bottom: 2px solid #00bcc3;
	color: #00bcc3;
}
.ss-mcli-tabcontent{
	float: right;
	text-align: right;
	background: #fff;
	width: 100%;
	margin-bottom: 40px;
	padding:20px;
}
.ss-typography p{
	font-size: 0.875rem;
	line-height: 1.75rem;
	text-align: justify;
	margin-bottom: 20px;
}
.ss-typography h3{
	font-size:1.125rem;
	line-height: 1.75rem;
	margin-bottom: 10px;
	font-weight: bold;
}
.ss-typography ul{
	list-style: none;
	margin-bottom: 20px;
}
.ss-typography ul li{
	display: block;
	margin-bottom: 5px;
}
.ss-mcli-tabpane-info{
	display: block;
	width: 60%;
	display: inline-block;
	vertical-align: top;	
}
.ss-mcli-tabpane-map{
	width: 39%;
	display: inline-block;
	vertical-align: top;
}
.ss-mcli-tabpane-infolist {
	list-style: none;
	margin-bottom: 20px;
}
.ss-mcli-tabpane-infolist > li {
	display: block;
	margin-bottom: 20px;
}
.ss-mcli-tabpane-infolist.ss-facility > li{
	display: inline-block;
	width: 49%;
}
.ss-mclitii-name {
	display: inline-block;
	color: #888;
	min-width: 100px;
	vertical-align: top
}
.ss-mclitii-val {
	display: inline-block;
	font-size: 0.875rem;
}
.ss-mclitii-icon{
	font-size: 1.0rem;
	margin-right: 4px;
}
.ss-mclitii-icon.ss-check{
	color: #21af2b
}
.ss-mclitii-icon.ss-error{
	color: #e00e3d
}

/* Page 4 - Single - Related 
----------------------------------------------------------------------------------*/
.ss-mcl-related{
	text-align: right;
	margin:0 -18px 40px;
}
.ss-mcl-related-item{
	display: inline-block;
	margin-left: 8px;
	margin-right: 8px;
	width: calc(25% - 20px);
	text-align: center;
	position: relative;
	padding: 30px 20px;
	background-color: #fff;
	float: right;
	margin-bottom: 20px;
	height: 270px;
}
.ss-mclri-button{
	margin-top: 30px;
}

/*---------------------------------------------------------------------------------*/
/*   #Page Special
/*---------------------------------------------------------------------------------*/
.ss-mcl-special{
	text-align: right;
	margin:20px -18px 40px;
}
.ss-mcl-special-item{
	display: inline-block;
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 20px;
	width: calc(25% - 20px);
	text-align: center;
	position: relative;
	padding: 0;
	background-color: #fff;
	position: relative;
}
.ss-mcl-special-item-figure{
	width: 100%;
	display: block;
}
.ss-mcl-special-item-figure img{
	width: 100%;
	display: block;
	height: auto;
}
.ss-mcl-special-item-content{
	text-align: right;
position: absolute;
    bottom: 0;
    right: 0;
    background-color: rgba(255,255,255,0.85);
    padding: 10px;
    height: auto;
    width: 100%;
}
.ss-mcl-special-item-content-title{
	font-size: 0.875rem;
	font-family: 'IRANSans';
	line-height: 1.75rem;
	display: block;
	   width: 100%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
/*---------------------------------------------------------------------------------*/
/*   #Page Sample
/*---------------------------------------------------------------------------------*/
.ss-maininner-content-sample{
	float: right;
	background-color: #fff;
	width: 100%;
	padding: 20px;
	text-align: right;
	margin-bottom: 40px;
}
/*---------------------------------------------------------------------------------*/
/*  #Compare Page
/*---------------------------------------------------------------------------------*/
.ss-compare-scroll{
	overflow-x: auto;
	width: 100%;
	float: right;
	margin-bottom: 40px;
}
.ss-compare{
	display: block;
	float: right;
}
.ss-compare-header{
	text-align: right;
	display: block;
	width: 100%;
	float: right;
}
.ss-compare-body{
	text-align: right;
	display: block;
	width: 100%;
	float: right;
}
.ww-compare-body-row{
	display: block;
	width: 100%;
	float: right;
}
.ss-compre-header-empty{
	width: 120px;
	display: inline-block;
	float: right;
	text-indent: -10000px;
	overflow:hidden;
}
.ss-compare-col{
	width: calc(25% - 30px);
	background-color: #fff;
	border:1px solid #e5e5e5;
	border-bottom: 0;
	display: inline-block;
	float: right;
}
.ss-compre-header-col{
	padding: 20px 10px;
	min-height: 234px;
	text-align: center;
	position: relative;
}
.ss-compre-select-col{
	border:0;
	margin:0 10px 0 0;
	width: calc(25% - 40px);
	float: right;
	background-color: #fff;
	padding: 10px 10px;
	min-height: 200px;
}
.ss-csc-title{
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 10px;
	color:#888;
	display: block;
	padding-bottom: 10px;
}

.ss-compre-body-title-col{
	width: 120px;
	height: 60px;
	display: inline-block;
	float: right;
	background-color: #00bcc3;
	border-bottom: 1px solid rgba(255,255,255,0.25);
	font-size: 0.875rem;
	padding: 10px;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ss-compre-body-val-col{
	display: inline-block;
	height: 60px;
	float: right;
	padding: 5px 10px 10px 10px;
	overflow: hidden;
	text-overflow: ellipsis;	
	font-size: 0.85rem;
	border-left: 0;
}
.ss-compre-body-val-col:last-child{
	border-left: 1px solid #e5e5e5;
}
.ss-m-comaprelist-item-name.ss-compre a {
	font-size: 0.875rem;
	line-height: 1.250rem;
}
.ss-m-comaprelist-item-title.ss-compre{
	line-height: 1.5rem;
	white-space:normal;
	min-height: 65px;
}
.ss-m-comaprelist-item-delet.ss-compare-col-delet{
	top: 10px;
}

/*---------------------------------------------------------------------------------*/
/*  #Contact Page
/*---------------------------------------------------------------------------------*/
.ss-contact{
	background-color: #fff;
	padding: 20px;
	margin-bottom: 20px;
	float: right;
}
.ss-contact-form{
	width: 65%;
	display: inline-block;
	padding-left: 10px;
	float: right;
	vertical-align: top;
}
.ss-contact-box {
	width: 34%;
	display: inline-block;
	padding-right: 10px;
	vertical-align: top;
}
.ss-contact-text{
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
	float: right;
	text-align: justify;
	line-height: 1.75rem;

}
.ss-contact-form-form{
	display: block;
	margin-top: 20px;
	float: right;
}
.ss-input-contact{
	width: 50%;
}
.ss-cbc-box {
	float: right;
	width: 100%;
	background-color: #f5f5f5;
	padding: 20px 15px 20px;
}
.ss-cbcb-contact {
	display: block;
	list-style: none;
	text-align: right;
}
.ss-cbcb-contact > li {
	display: block;
	margin-bottom: 10px;
}
.ss-cbcbci-name {
	vertical-align: top;
	display: block;
	font-size: 1.0rem;
	color: #888;
}
.ss-cbcbci-val {
	vertical-align: middle;
	display: block;
	font-size: 0.875rem;
	line-height: 1.75rem;
}
.ss-cbcbc-social {
	display: block;
	text-align: right;
	list-style: none;
	margin-top: 20px;
}
.ss-cbcbc-social > li {
	display: inline-block;
	margin-left: 10px;
}
.ss-cbcbc-social > li > a > i {
	vertical-align: middle;
	font-size: 1.0rem;
}

/*---------------------------------------------------------------------------------*/
/*  #Banner Inner
/*---------------------------------------------------------------------------------*/
.ss-banner-inner{
	background-image: url(images/banner-inner-bg.png);
	background-repeat: repeat-x;
	text-align: right;
	background-position: bottom;
}
.ss-banner-inner-container{
	display: block;
	min-height: 180px;
	position: relative;
	float: right;
	width: 100%;
}
.ss-banner-inner-title{
	font-size: 2.750rem;
	color: #fff;
	text-align: right;
	display: inline-block;
	margin-top: 64px;
}
.ss-banner-inner-img{
	display: inline-block;
	position: absolute;
	bottom: 0;
	margin-right: 120px;
}
.ss-banner-inner-img img{
	display: block;
	max-width: 100%;
	height: auto;
}

/*---------------------------------------------------------------------------------*/
/*  #Panel
/*---------------------------------------------------------------------------------*/

/* Panel - Avatar
----------------------------------------------------------------------------------*/
.ss-panel-avatar {
	width: 100px;
	height: 100px;
	background-color: #fff;
	background-image: url(images/user-avatar.png);
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
	float: right;
	text-align: center;
}
.ss-panel-avatar img{
	display: block;
	width: 90px;
	height: 90px;
	margin: 5px auto;
}
.ss-panel-avatar-title {
	width: calc(100% - 100px);
	display: inline-block;
	padding: 0 10px;
	background-color: #00bcc3;
	text-align: right;
	float: right;
	color: #fff;
	height: 100px;
}
.ss-panel-avatar-title span{
	font-size: 1.0rem;
	color: #fff;
	display: block;
	margin-top: 36px;
}
.ss-panel-avatar-title-confirm {
	font-size: 0.75rem;
}
.ss-panel-avatar-title-confirm i{
	margin-left:4px;
	font-size: 0.75rem;
}
/* Panel - Nav
----------------------------------------------------------------------------------*/
.ss-panel-nav{
	list-style: none;
	text-align: right;
}
.ss-panel-nav li{
	display: block;
	border-bottom: 1px solid #e5e5e5;
	background-color: #fff;
	padding: 0 20px;
}
.ss-panel-nav li:last-child{
	border-bottom: 0;
}
.ss-panel-nav li a{
	display: block;
	line-height: 56px;
}
.ss-panel-nav li a i{
	margin-left: 5px;
}
.ss-panel-nav li a span{
	margin-left: 5px;
	font-size: 1.0rem;
}
.ss-panel-nav li.ss-active a {
	color: #00bcc3
}
.ss-panel-nav li.ss-sign-out a {
	color: #df0a38
}

/* Panel - Main
----------------------------------------------------------------------------------*/
.ss-panel-main{
	padding: 20px;
	margin-bottom: 20px;
	background-color: #fff;
	float: right;
	width: 100%
}
.ss-title.ss-pnanel-main{
	margin-bottom: 20px;
}
.ss-panel-main .ss-title-more-text{
	color: #df0a38;
}
.ss-panel-main .ss-title-more-icon{
	color: #df0a38;	
}
/* Panel - Main - Search
----------------------------------------------------------------------------------*/
.ss-panel-search{
	display: block;
	margin-bottom: 20px;
}
.ss-panel-search-button{
	display: inline-block;
	width: auto;
	width: 170px;
	padding: 8px 0;
	float: left;
	border-radius:.25rem 0 0   .25rem;
}
.ss-input-search{
	display: inline-block;
	width: calc(100% - 170px);
	float: right;
	border-radius:0 .25rem  .25rem 0 ;
	border-left: 0;
}

/* Panel - Main - User Info
----------------------------------------------------------------------------------*/
.ss-panel-main-userinfo{
	text-align: right;
}
.ss-pmu-block{
	display: inline-block;
	margin-bottom: 20px;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 10px;
	width: calc(50% - 20px);
	float: right;
}
.ss-pmu-block.ss-full{
	display: inline-block;
	margin-bottom: 20px;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 10px;
	width:100%;
	float: right;
}
.ss-pmu-block:nth-of-type(odd) {
	margin-left: 20px;
}
.ss-pmu-block:nth-of-type(even) {
	margin-right: 20px;
}
.ss-pmub-title{
	display: block;
	color: #888;
	margin-bottom: 5px;
}
.ss-pmub-val{
	display: block;
	width: 100%;
	font-size: 0.875rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 24px;
}

/* Panel - Main - User Info - Edit
----------------------------------------------------------------------------------*/
.ss-panel-edit-button{
	margin-top: 20px;
}
.ss-panel-info-edit-select{
	width: auto;
	display: inline-block;
}

/* Panel - Main - Invoice
----------------------------------------------------------------------------------*/
.ss-panel-main-invoice-header{
	display: block;
	margin-bottom: 20px;
	float: right;
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 20px;
}
.ss-pmih-print{
	display: inline-block;
	float: left;
}
.ss-pmih-logo a{
	line-height: normal !important
}
.ss-print-button{

}
.ss-pmih-date{
	font-size: 0.875rem;
	line-height: 1.65rem;
	float: left;
	display: inline-block;
}
.ss-pmih-date span{
	display: block;
	text-align: left;
}
.ss-pmih-date span.ss-bold{
	font-weight: bold;
	font-size: 1.0rem;
}
.ss-pay-button{
	float: left;
}
.ss-invoice-price {
	display: inline-block;
	margin-bottom:10px;
	vertical-align: top;
}
.ss-invoice-price span {
	font-size: 0.75rem;
	display: block;
	line-height: 1.75rem;
}
.ss-invoice-price span strong {
	font-size: 1.250rem;
	font-weight: bold;
	color: #00bcc3;
}
.ss-invoice-bnak{
	float: right;
	display: inline-block;
	padding:0 20px;
}
.ss-invoice-bnak img{
	display: inline-block;
	margin-left: 10px;
	vertical-align: inherit;
}
.ss-invocie-printpage-title{
	float: right
	width:100%;
	text-align: center;
	font-size: 2.0rem;
	display: none;
	margin-bottom: 20px;
}

/* Panel - Main - Invoice - new
----------------------------------------------------------------------------------*/
.ss-invoice-new{
	float: right;
	width: 100%;
}
.ss-invoice-new.ss-terms{
	background-color: #f1f1f1;
	padding: 20px;
}
.ss-in-main-right{
	float: right;
	width: 40%;
	background-color: #f1f1f1;
	padding: 20px;
}
.ss-in-main-left{
	float: left;
	width: 60%;
	padding: 0 20px ;
}
.ss-inmr-row{
	float: right;
	width: 100%;
}
.ss-mclic-figure.ss-invoice{
	display: inline-block;
	margin-bottom: 20px;
}
.ss-inb-content{
	display: inline-block;
	padding-right: 10px;
}
.ss-invoice-new-terms-list{
	float: right;
	width: 100%;
	list-style: none;
}
.ss-invoice-new-terms-list li{
	float: right;
	width: 100%;
	margin-bottom: 10px;
}
.ss-invoice-new-terms-list li p{
	display: block;
	font-size: 0.75rem;
}
.ss-invoice-new-footer{
	float: right;
	width: 100%;
	margin-top: 40px;
}
.ss-pmu-block.ss-no-border{
	border:0;
}
.ss-in-footer-right{
	float: right;
	width: 50%;
	border-left: 1px solid #e5e5e5;
	padding: 0 0 0 20px;
}
.ss-in-footer-left{
	float: left;
	width: 50%;
	padding: 0 20px 0 0;
}
.ss-pmub-val.ss-price{
	font-size: 1.25rem;
	font-weight: bold;
	height: auto;
	text-overflow:initial;
	overflow: initial;
}
.ss-in-footer-left-img{
	float: left;
	display: block;
}
.ss-in-footer-left-img img{
	display: block;
}
.ss-invoice-new-table{
	width: 100%;
	float: right;
}
.ss-invoice-new-table th{
	border-bottom: 1px solid #e5e5e5;
	padding: 10px 0;
}
.ss-invoice-new-table td{
	padding: 10px 0;
}
.ss-in-footer-left-info{
	display: inline-block;
}
.ss-pmub-title.invocie-new-footer{
	display: inline-block;
	vertical-align: middle;
	width: auto;
}
.ss-pmub-val.invocie-new-footer{
	display: inline-block;
	vertical-align: middle;
	width: auto;
}
.ss-invoice-title-new{
	vertical-align: middle;
	padding: 0 10px 0 0 ;
}
.ss-invoice-title-new span{
	font-weight: bold;
}
/* Panel - Main - Messages
----------------------------------------------------------------------------------*/
.ss-panel-main-messages{
	display: block;
	margin-bottom: 20px;
	float: right;
	width: 100%;
}
.ss-pmm-item{
	background-color: #fff;
	float: right;
	width: 100%;
	margin-bottom: 10px;
}
.ss-pmm-item a{
	padding: 15px 20px;
	border: 1px solid #fff;
	display: block;
	width: 100%;
	float: right;
}
.ss-pmm-item a:hover{
	border: 1px solid #e5e5e5;
}
.ss-pmm-item.ss-read a{
	color: #aaa;
	border: 1px solid #fff;
}
.ss-pmm-item.ss-read .ss-pmmi-date{
	color: #aaa;
}
.ss-pmmi-date{
	color: #888;
	margin-bottom: 5px;
	width: 160px;
	float: right;
	display: inline-block;
}
.ss-pmmi-title{
	width: calc(100% - 160px);
	float: right;
	display: inline-block;
	line-height: 1.75rem;
	font-weight: 500;
}

/* Panel - Main - Messages - Single
----------------------------------------------------------------------------------*/
.ss-pmm-single{
	background-color: #fff;
	float: right;
	width: 100%;
	margin-bottom: 20px;
	padding: 20px;
}
.ss-pmmi-date.ss-single{
	display: block;
	width: 100%;
}
.ss-pmmi-title.ss-single{
	display: block;
	width: 100%;
	font-size: 1.0rem;
	margin-bottom: 20px;
	line-height: 1.75rem;
	font-weight: 500;
}
.ss-pmmi-text{
	display: block;
	color: #888;
	line-height: 1.75rem;
}


/* Panel - Main - Fav
----------------------------------------------------------------------------------*/
.ss-mc-list.ss-fav{
	float: right;
	width: 100%;
}

/* Panel - Main - Paid
----------------------------------------------------------------------------------*/
.ss-panel-main-paid{
	text-align: right;
	float: right;
	width: 100%;
	overflow: auto;
}
.ss-pmp-table{
	min-width: 100%;
	margin-bottom: 20px;
}
.ss-pmp-table thead th{
	padding: 15px 10px;
	font-size: 1.0rem;
	font-family: 'Yekan';
	border-bottom: 1px solid #e5e5e5;
	background-color: #f5f5f5;
}
.ss-pmp-table tbody tr.ss-deactive{
	background-color: #f5f5f5;
	color:#aaa;
}
.ss-pmp-table tbody td{
	padding: 15px 10px;
	border-bottom: 1px solid #e5e5e5;
}
.ss-m-comaprelist-item-title.ss-paid{
	font-size: 0.875rem;
	white-space: normal;
	line-height: 1.5rem;
}
.ss-m-comaprelist-item-name.ss-paid{
	font-size: 0.75rem
}
.ss-mclidm-ite-title.ss-paid{
	font-size: 0.875rem

}
.ss-mclidm-ite-title.ss-price.ss-paid{
	font-size: 0.875rem;
	color: #00bcc3
}

/* Panel - Main - Add
----------------------------------------------------------------------------------*/
.ss-panel-main-userinfo label{
	font-size: 0.875rem;
	margin-bottom: 4px;
}
.ss-panel-tabs{
	float: right;
	width: 100%;
}
.ss-panel-tabs li {
	min-width: auto;
}
.ss-panel-tabs li:first-child {
	border-right: 1px solid #e5e5e5;
}
.ss-panel-tabs li a {
	padding: 0 20px;
}
.ss-panel-tabcontent{
	float: right;
	padding: 0 !important;
	width: 100%;
}
.ss-panel-tabpane{
	float: right;
	padding: 20px 0;
	width: 100%;
}
.ss-pmu-title{
	margin-top:40px
}


/*---------------------------------------------------------------------------------*/
/*  #Signin
/*---------------------------------------------------------------------------------*/
.ss-singin-modal-container{
	padding-right: 0;
	padding-left: 0;
}
.ss-modal-body-signin{
	padding: 0;
	background-color: #00bcc3;
}
.ss-signin-left{
	float: left;
	width: 400px;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	background-color: #00bcc3;
	height: 460px;
	background-image: url(images/signin-bg.png);
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
}
.ss-signin-right{
	float: right;
	width: calc(100% - 400px);
	background-color: #fff;
	padding: 40px;
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
	position: relative;
	min-height: 460px;
}
.ss-signin-left-text{
	display: block;
	margin: 40px auto 0;
}
.ss-signin-left-title{
	line-height: 3.250rem;
	display: block;
	font-size: 2.0rem;
	color: #fff;
}
.ss-signin-left-meta{
	font-size: 0.75rem;
	line-height: 1.75rem;
	display: block;
	color: rgba(255,255,255,0.6);
	letter-spacing: 3px;
}
.ss-sigin-modal-dialog {
	width: auto;
	max-width: 800px;
}
.ss-signin-form{
	margin-top: 20px;
	display: block;
	float: right;
	width: 100%;
}
.ss-signin-forgot{
	display: block;
	text-align: right;
	margin-top: 10px;
}
.ss-signin-forgot a{
	display: block;
}
.ss-signin-button{
	display: inline-block;
	width: calc(50% - 4px);
	float: right;
	padding: 6px 12px;
	margin-left: 2px;
	margin-right: 2px;
	margin-top:20px
}
.ss-sigin-bottom{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	line-height: 80px;
	background-color: #f5f5f5;
	cursor: pointer;
	text-align: right;
	padding:0 40px;
}
.ss-sigin-bottom-icon{
	margin-left: 5px;
	font-size: 1.1250rem;
	vertical-align: middle;
	color: #00bcc3
}
.ss-sigin-bottom-text{
	font-size: 1.1250rem;
}
.ss-fade-out{
	display: none;
}
.ss-fade-in{
	display: block;
}
.ss-sigin-reg-inistitue-link{
	float: left;
	color: #fff;
	margin-top:0;
	cursor: pointer;
	font-size: 1.0rem;
	background-color: #00bcc3;
	padding: 6px 10px;
	border-radius: 2px;
}

/*---------------------------------------------------------------------------------*/
/*  #Sign in Page
/*---------------------------------------------------------------------------------*/
.ss-singin-page{
	display: block;
	float: right;
	width: 100%;
	margin: 40px auto;
}
.ss-siginin-page-box{
	max-width:800px;
	margin: 0 auto;
}

/*---------------------------------------------------------------------------------*/
/*  #Inistitue Single
/*---------------------------------------------------------------------------------*/
.ss-inistitue-single-desc{
	text-align: justify;
	display: block;
	margin-top: 40px;
}
.ss-mcli-content.ss-inistitue{
	width: 50%;
}
.ss-mcli-detail.ss-inistitue{
	width: 49%;
	border-right: 0;
}


/* #Posts - post Singe Post - slider */
.ss-mcli-single-figure{
	display: block;
	margin-bottom: 10px;
}
.ss-mclisf-slider{
	display: block;
	direction: ltr;
}
.ss-mclisf-slider-item{
	display: block;
	display: none;
}
.ss-mclisf-slider-item img{
	display: block;
	max-width: 100%;
	height: auto;
}
.ss-mclisf-navslider{
	list-style: none;
	display: block;
	margin-bottom: 20px;
	direction: ltr;
}
.ss-mclisf-navslider-item{
	display: inline-block;
	cursor: pointer;
	margin:0 5px;
	outline: 0 !important;
	transition: all 0.2s ease-in-out;
	display: none;
}
.ss-mclisf-navslider-item img{
	display: block;
	max-width: 100%;
	height: auto;
}
.ss-panel-main-paid.ss-inistitue{
	float: none;
}

/* Slick Theme */
.ss-mclisf-navslider-item.slick-current{
	opacity: 0.6;
	transition: all 0.2s ease-in-out;
}
.ss-mclisf-navslider-item:hover{
	opacity: 0.6;
	transition: all 0.2s ease-in-out;
}
.ss-mclisf-slider .slick-next{
	right: 20px;
	z-index: 1;
	width:30px;
	height: 30px;
	background-color: #333;
	border-radius: 50%;
	text-align: center;
	opacity: .8;
}
.ss-mclisf-slider .slick-prev{
	left: 20px;
	z-index: 1;
	width:30px;
	height: 30px;
	background-color: #333;
	border-radius: 50%;
	text-align: center;
	opacity: .8;
}
.ss-mclisf-slider .slick-prev:before {
	color: #fff;
	font-family: FontAwesome;
	content: "\f053";
	font-size:16px;
	background-color: transparent;
	margin-right:2px;
}
.ss-mclisf-slider .slick-next:before {
	color: #fff;
	font-family: FontAwesome;
	content: "\f054 ";
	font-size:16px;
	background-color: transparent;
	margin-left:2px;
}
.ss-mclisf-slider .slick-prev.slick-disabled:before, .ss-mclisf-slider .slick-next.slick-disabled:before {
	opacity: 0;
}
.ss-mclisf-slider .slick-prev.slick-disabled, .ss-mclisf-slider .slick-next.slick-disabled {
	opacity: 0;
}

/*---------------------------------------------------------------------------------*/
/*  #404
/*---------------------------------------------------------------------------------*/
.ss-404 {
	float: right;
	width: 100%;
	padding: 160px 0;
	text-align: center;
}
.ss-404 span {
	font-size: 10rem;
	line-height: 8rem;
	font-weight: 500;
	color: #00bcc3;
	letter-spacing: -8px
}
.ss-404 p {
	font-size: 1.250rem;
	color: #888;
}
.ss-404-cunst {
	float: right;
	width: 100%;
	padding: 160px 0;
	text-align: center;
}
.ss-404-cunst span {
	font-size: 2.5rem;
	line-height: 3.5rem;
	font-weight: 500;
	color: #00bcc3;
}
/*---------------------------------------------------------------------------------*/
/*  ## Media Queries
/*---------------------------------------------------------------------------------*/
@media print {
	.ss-pmub-val{
		font-size: 14px  !important;
		height: auto !important;
	}
	.ss-in-main-right,
	.ss-invoice-new.ss-terms {
		padding: 0;
	}
	.ss-in-footer-right {
		width: 100%;
		border-left: 0;
		border-bottom: 1px solid #e5e5e5;
		padding:0;
		margin-bottom: 20px;
	}
	.ss-in-footer-left{
		width: 100%;
		padding:0;
		float: right;
	}
	.ss-in-footer-left-img{
		width: 50% !important;
		float: left !important;
	}
	.ss-in-footer-left-img img{
		float: left;
	}
	.ss-in-footer-left-info{
		float: right !important;
		width: 50% !important;
	}
	.ss-pmih-print,
	.ss-header,
	.navbar,
	.ss-footer,
	.ss-invoice-price,
	.ss-invoice-bnak,
	.ss-invoice-paycol,
	.ss-copyright{
		display: none !important;
	}
	body{
		background-color: #fff;
	}
	.ss-maininner-content-sample{
		padding: 0;
	}
	.ss-pmu-block {
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
	.ss-pmub-title {
		font-size: 0.875rem;
		color: rgba(0,0,0,0.5);
	}
	.ss-pmub-val {
		font-size:1.0rem;
	}
	.ss-invocie-printpage-title{
		display: block;
	}

}
@media screen and (max-width: 1600px) {}

@media screen and (max-width: 1200px) {
	.ss-iconbox-list-item{
		height: 133px;
	}
	.ss-ili-link {
		padding: 30px 10px 10px;
	}
	.ss-panel-tabs li a {
		font-size: 0.875rem;
		padding: 0 10px;
		line-height: 46px;

	}

}

@media screen and (max-width: 1024px) {
	.banner-preloader{
		margin: 120px auto;
	}
}

@media screen and (max-width: 992px) {
	.ss-in-main-right {
		width: 100%;
		margin-bottom: 20px;
	}
	.ss-in-main-left {
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
	}
	.ss-in-footer-right {
		width: 100%;
		border-left: 0;
		border-bottom: 1px solid #e5e5e5;
		margin-bottom: 20px;
		padding: 0;
	}
	.ss-in-footer-left {
		float: right;
		width: 100%;
		padding: 0;
	}
	.ss-in-footer-left-info {
		display: inline-block;
		margin: 0 0 0 10px;

	}
	.ss-mcl-special-item{
		width: calc(50% - 20px);

	}
	.ss-mcli-content.ss-inistitue {
		width:100%;
		padding-left: 0;
		display: block;
		margin-bottom: 20px;
	}
	.ss-mcli-detail.ss-inistitue {
		width: 100%;
		display:block;
		padding-top: 0;
		border-right: 0
	}
	.ss-signin-right {
		width:  calc(100% - 350px);
		padding:40px 20px;
	}
	.ss-signin-left {
		width: 350px;
	}
	.ss-panel-tabs li {
		min-width: auto !important;
	}
	.ss-compare{
		width: 1140px;
	}
	.ss-mcl-related{
		text-align: right;
		margin:0 -8px 20px;
	}
	.ss-mcl-related-item{
		margin-left: 4px;
		margin-right: 4px;
		margin-bottom: 10px;
		width: calc(50% - 12px);
		padding: 20px 10px 10px;
		height: 230px;
	}
	.ss-mclri-button{
		margin-top: 30px;
	}
	.ss-mcli-tabs{
		border-bottom: 0;
	}
	.ss-mcli-tabs li {
		min-width: 25%;
		border: 1px solid #e5e5e5;
		border-left: 0;
	}
	.ss-mcli-tabs li:last-child {
		border-left: 1px solid #e5e5e5;;
	}
	.ss-mclic-figure.ss-single {
		width: 114px;
		height: 114px;
	}
	.ss-mclic-text.ss-single {
		width: calc(100% - 120px);
	}
	.ss-mcl-item.ss-single {
		padding: 20px 10px 10px;
	}
	.ss-mcli-content {
		padding-left: 10px;
	}
	.ss-mclict-title.ss-single {
		font-size: 1.1250rem;
		line-height: 1.75rem;
	}
	.ss-mclict-name.ss-single {
		margin-bottom: 15px;
	}
	.ss-mclict-name.ss-single a {
		font-size: 0.875rem;
		line-height: 1.25rem;
	}
	.ss-mclictm-title {
		font-size: 0.875rem;
	}
	.ss-mclictm-icon {
		margin-left: 3px;
		font-size: 0.8750rem;
	}
	.ss-mclict-address {
		margin-bottom: 10px;
	}
	.ss-mclict-price {
		margin-bottom: 20px;
	}
	.ss-mclidm-ite-price {
		font-size: 1.1250rem;
	}
	.ss-mclidm-ite-price-off {
		font-size: 0.875rem;
		padding-right: 5px;
	}
	.ss-mcli-detail.ss-single {
		padding-right: 10px;
	}
	.ss-mclidm-ite-title.ss-single {
		font-size: 0.75rem;
		min-width: 75px;
	}
	.ss-search-input {
		height: 49px;
	}
	.ss-m-comaprelist-item{
		padding: 0 10px;
	}
	.ss-mcb-button {
		margin: 45px auto 0;
	}
	.ss-m-comaprelist-item-figure{
		width: 64px;
		height: 64px;
	}
	.ss-m-comaprelist-item-title {
		font-size: 0.75rem;
		line-height: 1.0rem;
	}
	.ss-m-comaprelist-item-name a {
		font-size: 0.675rem;
		line-height: 0.875rem;
	}
	.ss-mclid-like{
		float: left;
		display: block;
		margin-bottom: 5px;
	}
	.ss-mclid-compare{
		display: block;
	}
	.navbar {
		padding: 10px 10px;
	}
	.navbar-collapse{
		margin-top: 11px;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.ss-search {
		top: -10px;
		left: 0;
		width: 100%;
	}
	.ss-addsection-carousel{
		width: 100%;
		display: block;
		margin-right: 0;
		float: right;
	}
	.ss-addsection-ads {
		width: 100%;
		display: block;
	}
	.ss-aa-block {
		width: calc(50% - 10px);
		margin-left: 5px;
		margin-right: 5px;
		display: inline-block;
		float: right;
		margin-bottom: 10px;
	}

	.ss-iconbox-list-item{
		height: 133px;
	}
	.ss-ili-link {
		padding: 20px 5px 5px;
	}
	.ss-latestsection-box {
		display: block;
		width: 100%;
		margin-left: 0;
		margin-bottom: 20px;
	}
	.ss-aa-block img {
		margin: 0 auto;
	}
	.ss-maininner-side {
		width: 100%;
		margin-bottom: 20px;
		display: block;
	}
	.ss-maininner-content {
		width: 100%;
		display: block;
		margin-right: 0;
		float: right;
	}
}


@media screen and (max-width: 768px) {
	.ss-in-footer-left-info {
		display: block;
		margin: 0;
		float: right;
		width: 100%;
	}
	.ss-in-footer-left-img {
		width: 100%;
	}
	.ss-404 {
		padding: 80px 0;
	}
	.ss-404 span {
		font-size: 6.5rem;
		line-height: 4rem;
		letter-spacing: -6px
	}
	.ss-404 p {
		font-size: 0.875rem;
	}
	.ss-pmih-logo{
		width: auto !important;
		display: inline-block !important;
	}
	.ss-invoice-price {
		padding: 0;
		margin-bottom: 10px;
		margin-top: 0;
	}
	.ss-invoice-bnak {
		padding: 0;
	}
	.ss-pmp-table{
		min-width: 768px;
	}
	.ss-panel-search{
		margin-bottom: 10px;
	}
	.ss-singin-page{
		margin: 20px auto;
	}
	.ss-signin-right {
		float: right;
		width: 100%;
		background-color: #fff;
		-webkit-border-radius: 0 0 4px 4px;
		-moz-border-radius: 0 0 4px 4px;
		border-radius: 0 0 4px 4px;
		padding:20px;
		min-height: auto
	}
	.ss-signin-left {
		float: right;
		width: 100%;
		-webkit-border-radius: 4px 4px 0 0;
		-moz-border-radius: 4px 4px 0 0;
		border-radius: 4px 4px 0 0;
		height: 160px;
		background-image: none;

	}
	.ss-sigin-bottom {
		position: static;
		float: right;
		width: calc(100% + 40px);
		line-height: 60px;
		padding: 0 20px;
		margin: 0 -20px -20px;
	}
	.ss-banner-inner-img {
		margin-right: 60px;
	}
	.ss-maininner-content-sample{
		margin-bottom: 20px;
	}
	.ss-member-account{
		background-color: #fff;
		width: calc(100% + 20px);
		text-align: right;
		padding:0 10px;
		margin:0 -10px;
	}
	.ss-member-account-title {
		font-size: 0.875rem;
	}
	.ss-member-dropdownmenu{
		width: 100%;
	}
	.ss-panel-tabs li {
		min-width: 100% !important;
	}
	.ss-input-half {
		width: 100%;
		display: block;
		margin-bottom: 4px;
	}
	.form-group .ss-desc {
		display: block;
		width: 100%;
		padding-right:0;
	}
	.ss-pmmi-date{
		margin-bottom: 5px;
		width: 100%;
		display: block;
	}
	.ss-pmmi-title{
		width: 100%;
		display: block;
	}
	.ss-form-group.ss-2col {
		display: block;
		width: 100%;
		margin-right:0;
		margin-left: 0;
	}
	.ss-panel-nav li a {
		line-height: 44px;
	}
	.ss-panel-nav li {
		padding: 0 10px;
	}
	.ss-panel-main {
		padding: 10px;
	}
	.ss-title.ss-pnanel-main {
		margin-bottom: 10px;
	}
	.ss-pmu-block:nth-of-type(odd) {
		margin-left: 0;
	}
	.ss-pmu-block:nth-of-type(even) {
		margin-right: 0;
	}
	.ss-pmu-block {
		display: block;
		margin-bottom: 10px;
		padding-bottom: 10px;
		width: 100%;
	}
	.ss-banner-inner-container{
		min-height: 160px;
	}
	.ss-banner-inner-title{
		font-size: 2.0rem;
		margin-top: 44px;
	}
	.ss-contact-form {
		width: 100%;
		display: block;
		padding-left: 0;
		margin-bottom: 20px;
		border-bottom: 1px solid #e5e5e5;
		padding-bottom: 20px;
	}
	.ss-contact-box {
		width: 100%;
		display: block;
		padding-right: 0;
	}
	.ss-mcl-related{
		text-align: right;
		margin:0 0 10px;
	}
	.ss-mcl-related-item{
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		height: auto;
		padding:20px 10px 10px;
		margin-bottom: 10px;
	}
	.ss-mclri-button{
		margin-top: 20px;
	}
	.ss-mclitii-name {
		min-width: auto;
		font-size: 0.75rem;
	}
	.ss-mcli-tabpane-info {
		display: block;
		width: 100%;
	}
	.ss-mcli-tabpane-map {
		width: 100%;
		display: block;
	}
	.ss-mcli-tabs li a {
		line-height: 40px;
		font-size: 0.875rem;
	}
	.ss-mcli-detail.ss-single {
		padding-right: 0;
	}
	.ss-mcli-content.ss-single{
		margin-bottom: 20px;
	}
	.ss-maininner-comapre {
		padding: 20px 0;
	}
	.ss-maininner-comaprelist-list {
		display: block;
		width: 100%
	}
	.ss-m-comaprelist-item {
		width: 50%;
		margin-bottom: 20px;
	}
	.ss-m-comaprelist-button {
		text-align: center;
		width: 100%;
	}
	.ss-mcb-button {
		margin: 10px auto 0;
	}
	.ss-price-off {
		font-size: 0.875rem;
	}
	.panel-title >a {
		padding: 14px 20px;
		font-size: 1.0rem;
	}
	.ss-mclict-title {;
		white-space: inherit;
		overflow: inherit;
		text-overflow: inherit;
	}
	.ss-mclict-name {
		font-size:0.875rem;
		line-height: 1.25rem;
		margin-bottom: 10px;
		display: block;
		white-space: inherit;
		overflow: inherit;
		text-overflow: inherit;
	}
	.ss-mcl-item {
		height: auto;
		margin-bottom: 10px;
	}
	.ss-mcli-content {
		width: 100%;
		display: block;
		padding-left: 0;
		margin-bottom: 10px;
	}
	.ss-mcli-detail {
		width: 100%;
		display: block;
		padding-right: 0;
		border-right: 0;
		border-top: 1px solid #e5e5e5;
		padding-top: 10px;
	}
	.ss-form-group.ss-4col{
		width: 100%;
	}
	.ss-ili-link{
		line-height: 0.875rem;
		font-size: 0.75rem;
	}
	.ss-footer-about-text{
		margin-bottom: 20px;
	}
	.ss-copyright-text{
		text-align: center;
		margin-bottom: 20px;
	}
	.ss-copyright-socialicons{
		text-align: center;
	}
	.ss-latestsection-list-item{
		margin-bottom: 20px;
	}
	.ss-lli-icon {
		margin-top: 4px;
	}
	.ss-lli-title {
		display: inline-block;
		width: 97%;
		padding-left: 0;
		line-height: 1.250rem;
	}
	.ss-lli-meta {
		width: 100%;
		margin-top: 0;
		padding-left:0;
		line-height: 1.50rem
	}
	.ss-lli-date {
		width: 100%;
		margin-top: 0;
		line-height: 1.250rem;
		float: right;
		text-align: right;
	}
	.ss-latestsection-box {
		margin-bottom: 10px;
	}
	.ss-header {
		height: auto;
	}
	.ss-logo{
		width: 100%;
		display: block;
		text-align: center;
	}
	.ss-member{
		width: 100%;
		display: block;
		padding-top: 0;
		line-height: normal;
	}
	.ss-member-login-button{
		width: calc(100% + 20px);
		display: block;
		margin-top: 0;
		margin-left: -10px;
		-webkit-border-radius: 0; 
		-moz-border-radius: 0; 
		border-radius: 0; 
	}
	.ss-button-large > span {
		font-size: 14px;
	}
	.banner-preloader{
		display: none;
	}
	.ss-banner-slider .slick-dots{
		bottom: 10px;
	}
	.ss-logo a {
		line-height: 80px;
	}
	.ss-adsection {
		padding: 10px 0;
	}
	.ss-iconbox {
		padding: 20px 0;
	}
	.ss-latestsection{
		padding: 0 0 10px 0;
	}
	.ss-clients {
		padding: 10px 0;
	}
	.ss-footer {
		padding: 20px 0;
	}
	.ss-copyright {
		padding: 15px 0;
	}
	.ss-adsection.ss-page2 {
		padding: 10px 0;
	}
	.ss-maininner {
		padding: 10px 0;
	}
	.ss-ms-filter {
		margin-bottom: 10px;
	}
	.ss-msf-nav-content {
		padding: 10px;
	}
	.ss-mc-sort {
		padding: 10px ;
	}
	.ss-mc-searchresult {
		padding: 10px;
	}
	.ss-mc-pagination{
		padding: 10px 0;
	}
	.ss-mclid-button{
		width: 100%;
		float: none;
	}
	.ss-mclictr-button{
		width: 100%;
		margin:10px 0;
		float: none;
	}
}

@media screen and (max-width: 468px) {
	.ss-mcl-special-item{
		width: 100%;
		margin-left: 0;
		margin-right:0;
	}
	.ss-mcl-special {
		margin: 20px 0 40px;
	}
	.ss-mclid-changebutton{
		padding: 2px 5px 5px;;
	}
	.ss-pmp-table thead th {
		padding: 10px 10px;
		font-size: 0.875rem;
	}
	.ss-panel-search-button{
		width: 100px;
		line-height: 1.225rem !important
	}
	.ss-input-search {
		width: calc(100% - 100px);
	}
	.ss-panel-search-button i {
		display: none;

	}
	.ss-singin-page{
		margin: 10px auto;
	}
	.ss-signin-left {
		height: 80px;
	}
	.ss-signin-left-text {
		display: block;
		margin: 10px auto 0;
	}
	.ss-signin-left-title {
		line-height: 2.0rem;
		font-size: 1.250rem;
		letter-spacing: 1px;

	}
	.ss-signin-left-meta {
		font-size: 0.75rem;
		line-height: 1.75rem;
		letter-spacing: 0;
	}
	.ss-signin-right {
		padding:10px;
	}
	.ss-sigin-bottom {
		width: calc(100% + 20px);
		padding: 0 10px;
		margin: 0 -10px -10px;
	}
	.ss-maininner-content-sample{
		padding: 10px;
	}
	.ss-form-group-text{
		font-size: 0.75rem;
		line-height: 1.25rem;	
	}
	.ss-alert-text p {
		font-size: 0.75rem;
		line-height: 1.25rem;
	}
	.ss-pmm-single{
		padding: 10px;
	}
	.ss-pmmi-title.ss-single{
		font-size:0.875rem;
		margin-bottom: 10px;
		line-height: 1.5rem;
	}
	.ss-pmmi-text{
		display: block;
		font-size: 0.75rem;
		line-height: 1.5rem;
	}
	.ss-pmmi-title{
		font-size: 0.75rem;
		line-height: 1.25rem;
	}
	.ss-panel-edit-button{
		width: 100%
	}
	.ss-pmub-val {
		font-size: 0.875rem;
		height: 24px;
	}
	.ss-banner-inner-container{
		min-height: 130px;
	}
	.ss-banner-inner-title{
		font-size: 1.875rem;
		margin-top: 44px;
	}
	.ss-banner-inner-img{
		display: none;
	}
	.ss-contact {
		padding: 10px;
		margin-bottom: 10px;
	}
	.ss-contact-text {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.ss-contact-text p {
		font-size: 0.75rem;
		line-height: 1.25rem;
	}
	.ss-contact-form-form {
		margin-top: 10px;
	}
	.ss-input-contact {
		width: 100%;
	}
	.ss-contact-button{
		width: 100%;
	}
	.ss-contact-form {
		width: 100%;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
	.ss-cbc-box {
		padding: 10px;
	}
	.ss-cbcbci-name {
		font-size: 0.875rem;
	}
	.ss-cbcbci-val {
		font-size: 0.75rem;
		line-height: 1.5rem;
	}
	.ss-cbcb-contact > li {
		margin-bottom: 5px;
	}
	.ss-mclri-button{
		width: 100%;
	}
	.ss-mcli-tabcontent {
		padding: 10px;
	}
	.ss-input-date {
		font-size: 0.75rem;
		line-height: 1.25rem;
		padding: .25rem .5rem;
	}
	.ss-mcl-item {
		padding: 20px 10px 10px;
	}
	.ss-mcb-button {
		width: 100%;
	}
	.ss-mclid-button{
		width: 100%;
	}
	.ss-mcs-title {
		font-size: 1.0rem;
		margin-bottom: 10px;
	}
	.panel-title >a {
		padding: 5px 20px;
	}
	.ss-mcs-resultlist-item a {
		padding: .20rem .5rem;
		line-height: 1.25;
	}
	.ss-select, .ss-select:focus {
		font-size: 0.75rem;
		line-height: 1.25rem;
		padding: .25rem .5rem;
	}
	.ss-input, .ss-input:focus {
		font-size: 0.75rem;
		line-height: 1.5rem;
		padding: .325rem .5rem;
	}
	select.form-control:not([size]):not([multiple]) {
		height: auto;
	}
	.ss-mclidm-ite-price {
		font-size: 1.0rem;
	}
	.ss-typography ul{
		font-size: 0.75rem;
		line-height: 1.25rem;
	}
	.ss-mclicta-title{
		font-size: 0.75rem;
	}
	.ss-typography p{
		font-size: 0.75rem;
		line-height: 1.250rem;
	}
	.ss-mcli-tabs li {
		min-width: 100%;
		display: block;
		border-bottom: 0;
	}
	.ss-mcli-tabs li:last-child {
		border-bottom: 1px solid #e5e5e5;
	}
	.ss-typography p {
		margin-bottom: 10px;
	}
	.ss-mclic-figure.ss-single {
		width: 90px;
		height: 90px;
		background-image: url(images/dummy/default-logo-1.png);
	}
	.ss-mclict-price {
		margin-bottom: 10px;
	}
	.ss-mclict-address {
		margin-bottom: 5px;
	}
	.ss-mclict-name.ss-single a {
		font-size: 0.75rem;
		line-height: 1.0rem;
	}
	.ss-mclicta-icon{
		display: none;
	}
	.ss-mclictm-icon{
		display: none;
	}
	.ss-mclict-title.ss-single {
		font-size: 1.0rem;
		line-height: 1.5rem;
		margin-bottom: 0;
	}
	.ss-mclictr-button{
		width: 100%;
	}
	.ss-mcli-content.ss-single {
		margin-bottom: 10px;
	}
	.ss-mcl-item.ss-single {
		padding: 20px 10px 10px;
	}
	.ss-mclic-text.ss-single {
		width: 100%;
	}
	.ss-mcli-content {
		text-align: center;
	}
	.ss-mclic-figure {
		width: 90px;
		height: 90px;
		display: block;
		margin: 0 auto;
		margin-bottom: 10px;
	}
	.ss-mclic-text {
		width: 100%;
		padding-right:0;
		display: block;
		text-align: center;
	}
	.ss-m-comaprelist-item {
		width: 100%;
		border-left: 0;
		border-bottom: 1px solid #e5e5e5;
		padding-bottom: 10px;
	}
	.ss-mc-pagination-list li.ss-prev {
		width: 45%;
		margin-bottom: 5px;
	}
	.ss-mc-pagination-list li.ss-prev a{
		text-align: right;
	}
	.ss-mc-pagination-list li.ss-next {
		width: 45%;
		margin-bottom: 5px;
	}
	.ss-mc-pagination-list li.ss-next a {
		text-align: left;
	}
	.ss-mclict-title {
		font-size: 0.875rem;
		line-height: 1.25rem;
		margin-bottom: 2px;
	}
	.ss-footer-links {
		width: 100%;
		margin-left: 0;
		margin-bottom: 20px;
	}
	.ss-footer-links:last-child {
		margin-bottom: 0;
	}
	.ss-footer-heading{
		margin-bottom: 0;
	}
	.ss-latestsection-box{
		padding:10px;
	}
	.ss-title {
		padding-bottom:10px;
	}
	.ss-title-text {
		font-size: 1.0rem;
		line-height: 1.5rem;
	}
	.ss-title-more{
		float: right;
		display: block;
		width: 100%;
		text-align: right;
	}
	.ss-ac-navslider{
		height: auto;
	}
	.ss-ac-navslider-item{
		width: 100% !important;
		line-height: 40px;
	}
	.ss-iconbox-list-item {
		margin-left: 1px;
		width: calc(100% / 2 - 1px );
		height: 150px;
	}
	.ss-ili-link{
		line-height: 1.0rem;
		font-size: 0.875rem;
	}
	.ss-ili-link {
		padding: 40px 10px 10px;
	}
}