@import "section-styles/top-menu.css";
@import "section-styles/hero-header.css";
@import "section-styles/slider-info-section.css";
@import "section-styles/new-random-topic.css";
@import "section-styles/main-content.css";
@import "section-styles/course-sidebar.css";
@import "section-styles/newsletter.css";
@import "section-styles/footer.css";
@import "section-styles/side-nav.css";
@import "section-styles/single-page.css";
@import "section-styles/all-post.css";
@import "section-styles/course.css";
@import "section-styles/login-registration.css";
@import "section-styles/profile.css";

@font-face {
    font-family: 'isans' ;
    src: url('../fonts/isans.woff') format('woff');
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/maticons.woff) format('woff');

}

@font-face {
    font-family: 'glyphicons' ;
    src: url('../fonts/glyphicons-halflings-regular.woff') format('woff');

}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 18px; /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: rtl;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}

*, body {
    font-family:isans;
}

body {
    /*background: #efefef;*/
    background: url("../img/bg-pattern.gif") repeat;
}

a {
    text-decoration: none !important;
}

.wrapper-margin-top {
    margin-top: 1px;

}
.wrapper-margin-topv {
    margin-top: 70px;

}

.main-wrapper {
    background: #fff;
}

.wrapper-free-styles {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 1px 1px 1px 1px #efefef;
    border: 1px solid #efefef;
    background: #fff;
}

ul, li {
    list-style: none;
}

.padding-reset {
    padding: 0 100px;


}

.user-avatar {
    padding: 5px;
    border: 1px solid #d4d4d4;
}

.margin-center {
    margin: 0 auto;
}

.box-shadow {
    box-shadow: 0 0 3px 2px #efefef;
    border-radius: 3px;
}

/*.container{
    max-width: 1200px;
}*/
.swal-text{
    text-align: right!important;
}

/*آپلود عکس    ....................*/

.bgColor {
width: 440px;
height:100px;
background-color: #c8f5ff;
color: #000;
padding: 2px;
}
.bgColor label{
font-weight: bold;
color: #A0A0A0;
}
#targetLayer{
float:left;
width:100px;
height:100px;
text-align:center;
font-weight: bold;
color: #C0C0C0;
background-color: #F0E8E0;
position:relative;
}
#uploadFormLayer{
float:right;
padding: 5px;
}
.btnSubmit {
background-color: #3FA849;
padding:4px;
border: #3FA849 1px solid;
color: #FFFFFF;
}
.inputFile {
padding: 3px;
background-color: #FFFFFF;
}

.image-container {
	display:inline-block;
	position:relative;
}
.image-delete {
	position: absolute;
    right: 30px;
    top: 30px;
    border: #FFF 4px solid;
    border-radius: 50%;
    padding: 7px 10px;
    display: none;
    cursor: pointer;
    opacity: 0.6;
    color: #FFF
}
.no-image {
	display: inline-block;
    position: absolute;
    right: 18px;
    top: 40px;
}
/*پایان آپلود عکس    ....................*/


/*slider view house*/
* {
  box-sizing: border-box;
}

/* Position the image container (needed to position the left and right arrows) */
.container {
  position: relative;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {

  cursor: pointer;
  position: absolute;
  top: 55%;
  width: auto;
  padding: 16px;
 margin-top: -70px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 15px;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(255, 255, 255, 0.9);
}
.prev{

}

/* Container for image text */
.caption-container {
  text-align: center;
  background-color: #ffffff;
  padding: 2px 16px;
  color: white;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.column {
  float: left;
  width: 14%;
  border-right: 3px solid #ffffff;
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

.P-height{
  max-height: 40px;min-height: 40px;
}
/*end slider view house*/

/*uploader image tag */
.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.btn-file{overflow:hidden;position:relative;vertical-align:middle;}.btn-file>input{position:absolute;top:0;right:0;margin:0;opacity:0;filter:alpha(opacity=0);transform:translate(-300px, 0) scale(4);font-size:23px;direction:ltr;cursor:pointer;}
.fileupload{margin-bottom:9px;}.fileupload .uneditable-input{display:inline-block;margin-bottom:0px;vertical-align:middle;cursor:text;}
.fileupload .thumbnail{overflow:hidden;display:inline-block;margin-bottom:5px;vertical-align:middle;text-align:center;}.fileupload .thumbnail>img{display:inline-block;vertical-align:middle;max-height:100%;}
.fileupload .btn{vertical-align:middle;}
.fileupload-exists .fileupload-new,.fileupload-new .fileupload-exists{display:none;}
.fileupload-inline .fileupload-controls{display:inline;}
.fileupload-new .input-append .btn-file{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
.thumbnail-borderless .thumbnail{border:none;padding:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.fileupload-new.thumbnail-borderless .thumbnail{border:1px solid #ddd;}
.control-group.warning .fileupload .uneditable-input{color:#a47e3c;border-color:#a47e3c;}
.control-group.warning .fileupload .fileupload-preview{color:#a47e3c;}
.control-group.warning .fileupload .thumbnail{border-color:#a47e3c;}
.control-group.error .fileupload .uneditable-input{color:#b94a48;border-color:#b94a48;}
.control-group.error .fileupload .fileupload-preview{color:#b94a48;}
.control-group.error .fileupload .thumbnail{border-color:#b94a48;}
.control-group.success .fileupload .uneditable-input{color:#468847;border-color:#468847;}
.control-group.success .fileupload .fileupload-preview{color:#468847;}
.control-group.success .fileupload .thumbnail{border-color:#468847;}
/*End   uploader image tag */


.animDetail {
border-radius:3px;
  width: 80px;
  height: 30px;
  /*background-color: #ffffff;*/ /*#5bc0de*/
  position: relative;
  -webkit-animation-name: example1; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
  -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */

}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example1 {
  0%   {color:#5cb85c;}
  25%  {color: #ffffff;}

}

/* Standard syntax */
@keyframes example1 {
  0%   {color:#5cb85c;}
  25%  {color: #ffffff;}

}
.footerStyle{
  border-top: #3db5ac 5px solid;
  background-color: #ffffff;
  margin-top: 20px;
}

.scrollToTop{
    border-radius: 10px;
    padding:10px;
    text-align:center;
    background: #18395A;
    font-weight: bold;
    color: #f5fef8;
    text-decoration: none;
    position:sticky;
    bottom:10px;
    right:20px;
    display:none;
  font-size: 30px;
   /* background: url('../img/arrow_up.png') no-repeat 0 20px;*/
}
.scrollToTop:hover{
    text-decoration:none;
}


.animOffer{

 color: #5cb85c/*#5bc0de*/;
  position: relative;
  -webkit-animation-name: example2; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
  -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */

}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example2 {
  0%   {color:#5cb85c;}
  25%  {color: #ffffff;}

}

/* Standard syntax */
@keyframes example2 {
  0%   {color:#5cb85c;}
  25%  {color: #ffffff;}

}


.animnav{

 color: #2d586b;
  position: relative;
  -webkit-animation-name: example3; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
  -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */

}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example3 {
  0%   {color:#2d586b; }
  25%  {color: #ffffff ;}

}

/* Standard syntax */
@keyframes example3 {
  0%   {color:#2d586b;}
  25%  {color: #ffffff;}

}


.animREG{

 color: #18395A/*#5bc0de*/;
  position: relative;
  -webkit-animation-name: exampleR; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
  -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */

}
.animIconMenu{

 color: #FAA0A0;
  position: relative;
  -webkit-animation-name: exampleR; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
  -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */

}
.animIconP{

 color: #6e1517;
  position: relative;
  -webkit-animation-name: exampleR; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
  -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */

}
.animREGC{

 color: #18395A/*#5bc0de*/;
  position: relative;
  -webkit-animation-name: exampleR; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
  -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */

}
.animIconMenuC{

 color: #FAA0A0;
  position: relative;
  -webkit-animation-name: exampleR; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
  -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */

}
.animFDEBF{

 color: #18395A/*#5bc0de*/;
  position: relative;
  -webkit-animation-name: exampleR; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
  -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */

}
.animOP{

 color: #fbff00/*#5bc0de*/;
  position: relative;
  -webkit-animation-name: exampleR; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
  -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */

}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes exampleR {
  0%   {color:#a3a8ec;}
  25%  {color: #ffffff;}

}

/* Standard syntax */
@keyframes exampleR {
  0%   {color:#a3a8ec;}
  25%  {color: #ffffff;}

}


@media screen and (min-width: 600px)  {
  .sliderImage{
    min-height:480px !important;
    max-height:480px !important;
    max-width: 1200px !important;
    min-width: 1200px !important;
  }
 }
@media screen and (max-width: 600px)  {
  .sliderImage{
    min-height:230px !important;
    max-height:230px !important;
  }
 }

.loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('loading.gif') 50% 50% no-repeat rgb(249, 249, 249);
}

.preloader{
    display:none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('preloader.gif') 50% 50% no-repeat rgba(143, 139, 133, 60%);
}
.gallery{
    /*margin: 10px 50px;*/
    text-align:center;
    }

.gallery img{
    width:130px;
    padding:5px;
    filter:grayscale(100%);
    transition:1s;
}

.gallery img:hover{
    filter:grayscale(0);
    transform:scale(1.1);
}

.btn-circle.btn-xs {
    width: 0px;
    height: 6px;
    padding: 0 2px;
}