@font-face {
      font-family: 'IRANSans';
      src: url('../fonts/IRANSansWeb.ttf');
}
body{
	font-family: 'IRANSans';
}
a,
a:hover {
    transition: .3s all ease-in-out
}
.cssmenu,
.cssmenu ul,
.cssmenu ul li,
.cssmenu ul li a,
.cssmenu #menu-button {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.cssmenu:after,
.cssmenu > ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.cssmenu #menu-button {
    display: none
}

.cssmenu {
    z-index: 111;
    float: right;
    transition: .2s all ease;
}

.csssmenu:before {
    position: absolute;
    width: 100%;
    height: 35px;
    background: #243238;
    left: -1px;
    bottom: 0
}

.cssmenu > ul > li {
    float: right;
    padding-top: 0;
    color: #000
}

.cssmenu > ul > li > a:first-child {
    color: rgba(0, 0, 0, 0)
}

.cssmenu > ul > li > a:last-child {
    color: #182a63;
}

.cssmenu.align-center > ul {
    font-size: 0;
    text-align: center
}

.cssmenu.align-center > ul > li {
    display: inline-block;
    float: none
}

.cssmenu.align-center ul ul {
    text-align: left
}

.cssmenu.align-right > ul > li {
    float: right
}

.cssmenu > ul > li > a {
	padding: 30px 10px;
	font-size: 15px;
	text-decoration: none;
	font-weight: 500;
	color: #173e37;
	font-family: 'IRANSans';
	display: inline-block;
}
.cssmenu > ul > li:hover > a {
	background: #efefef !important;
}

.cssmenu > ul > li:hover {
    //background: #247d2e
}

.cssmenu > ul > li.has-sub > a {
    padding-left: 15px;
}

.row.cssmenu_row {
    background: #39b947;
}

.cssmenu > ul > li.has-sub > a:after {
    position: absolute;
	top: 24px;
    left: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #fff;
}

.cssmenu > ul > li.has-sub > a:before {
    position: absolute;
    top: 21px;
    left: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #fff;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}
.cssmenu > ul > li.has-sub:hover > a::after {
	background:#ddd;
}
.cssmenu > ul > li.has-sub:hover > a:before {
    top: 23px;
    height: 0
}

.cssmenu ul ul {
    position: absolute;
    left: 9999px;
    background: #f5f5f5;
	z-index:2;
}

.cssmenu.align-right ul ul {
    text-align: right
}

.cssmenu ul ul li {
    height: 0;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    position: relative
}

.cssmenu ul ul li a {
    transition: .3s all ease
}

.cssmenu ul ul li:hover a {
	background: #459989;
	color: #fff !important;
	transition: .3s all ease;
}

.cssmenu ul ul li a::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to right, rgba(245, 243, 243, 0), rgba(245, 243, 243, 1));
    transform: scaleX(0);
    transform-origin: 100% 50%;
    transition-property: transform;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

 ul.VMenu li:hover ul ul ul ul, ul.VMenu li.iehover ul ul ul ul {
    display: none;
}

 ul.VMenu ul ul ul li:hover ul, ul.VMenu ul ul ul li.iehover ul {
    display: block;
}

.cssmenu ul ul li:hover a::before {
    transform: scaleX(1)
}

.cssmenu li:hover > ul {
    left: auto
}

.cssmenu.align-right li:hover > ul {
    left: auto;
    right: 0
}

.cssmenu li:hover > ul > li {
    height: 35px;
    text-align: right
}

.cssmenu ul ul ul {
    margin-right: 100%;
    top: 0
}

.cssmenu.align-right ul ul ul {
    margin-left: 0;
    margin-right: 100%
}

.cssmenu ul ul li a {
    //border: 1px solid rgba(150, 150, 150, 0.15);
    padding: 11px 15px;
    width: 238px;
    font-size: 12px;
    text-decoration: none;
    color: #182a63;
    font-weight: 400;
    position: relative;
}

.cssmenu ul ul li:last-child > a,
.cssmenu ul ul li.last-item > a {
    border-bottom: 0
}

.cssmenu ul ul li:hover > a,
.cssmenu ul ul li a:hover {
    color: #000;
}

.cssmenu ul ul li.has-sub > a:after {
    position: absolute;
    top: 16px;
    left: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #ddd;
    content: ''
}

.cssmenu.align-right ul ul li.has-sub > a:after {
    right: auto;
    left: 11px
}

.cssmenu ul ul li.has-sub > a:before {
    position: absolute;
    top: 13px;
    left: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #ddd;
    content: '';
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.cssmenu.align-right ul ul li.has-sub > a:before {
    right: auto;
    left: 14px
}

.cssmenu ul ul > li.has-sub:hover > a:before {
    top: 17px;
    height: 0
}

@media all and (max-width: 768px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 768px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 768px),
only screen and (-o-min-device-pixel-ratio: 21) and (max-width: 768px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 768px),
only screen and (min-resolution: 192dpi) and (max-width: 768px),
only screen and (min-resolution: 2dppx) and (max-width: 768px) {
    .menuimage {
        display: none
    }
    .cssmenu {
        width: 100%
    }
    .cssmenu ul {
        width: 100%;
        text-align: right;
        display: none
    }
    .cssmenu.align-center > ul {
        text-align: right
    }
    .cssmenu ul li {
        width: 100%;
        text-align: right;
        border-top: 1px solid rgba(120, 120, 120, 0.2)
    }
    .cssmenu ul ul li,
    .cssmenu li:hover > ul > li {
        height: auto;
        padding-right: 20px
    }
    .cssmenu ul li a,
    .cssmenu ul ul li a {
        width: 100%;
        border-bottom: 0;
		padding: 15px;
    }
    .cssmenu > ul > li {
        float: none
    }
    .cssmenu ul ul li a {
        padding-left: 25px
    }
    .cssmenu ul ul ul li a {
        padding-left: 35px
    }
    .cssmenu ul ul li a {
        color: #000;
        background: none;
		padding: 15px
    }
    .cssmenu ul ul li:hover > a,
    .cssmenu ul ul li.active > a {
        color: #fff
    }
    .cssmenu ul ul,
    .cssmenu ul ul ul,
    .cssmenu.align-right ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left;
		background: #fff;
    }
    .cssmenu > ul > li.has-sub > a:after,
    .cssmenu > ul > li.has-sub > a:before,
    .cssmenu ul ul > li.has-sub > a:after,
    .cssmenu ul ul > li.has-sub > a:before {
        display: none
    }
    .cssmenu #menu-button {
        text-align: center;
        display: block;
        padding: 17px;
        color: #000;
        cursor: pointer;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 700
    }
    .cssmenu #menu-button:after {
        position: absolute;
        top: 22px;
        left: 17px;
        display: block;
        height: 4px;
        width: 20px;
        border-top: 2px solid #000;
        border-bottom: 2px solid #000;
        content: '';
		padding-top:4px
    }
    .cssmenu #menu-button:before {
        position: absolute;
        top: 16px;
        left: 17px;
        display: block;
        height: 2px;
        width: 20px;
        background: #000;
        content: ''
    }
    .cssmenu #menu-button.menu-opened:after {
        top: 23px;
        border: 0;
        height: 2px;
        width: 15px;
        background:#000;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
		padding-top: 0;
    }
    .cssmenu #menu-button.menu-opened:before {
        top: 23px;
        background: #000;
        width: 15px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    .cssmenu .submenu-button {
        position: absolute;
        z-index: 99;
        left: 0;
        top: 0;
        display: block;
        border: 1px solid #ddd;
        height: 46px;
        width: 46px;
        cursor: pointer
    }
    .cssmenu .submenu-button.submenu-opened {
        background:transparent
    }
    .cssmenu ul ul .submenu-button {
        height: 34px;
        width: 34px
    }
    .cssmenu .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #173e37;
        content: ''
    }
    .cssmenu ul ul .submenu-button:after {
        top: 15px;
        right: 13px
    }
    .cssmenu .submenu-button.submenu-opened:after {
        background:#173e37;
    }
	.cssmenu .submenu-button.submenu-opened::after:hover {
    background: #fff;
}
    .cssmenu .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #173e37;
        content: ''
    }
    .cssmenu ul ul .submenu-button:before {
        top: 12px;
        right: 16px
    }
    .cssmenu .submenu-button.submenu-opened:before {
        display: none
    }
}
.current{
	//color: #000 !important;
}


@media (max-width:780px){
.socialfoot , .mapmain{width:100%!important;float:right;margin:10px;padding:10px;}
.boxslider .buton1 {    background-color: #2fa8df;    border-radius: 6px;    font-size: 18px;    margin-bottom: 37px;    padding: 9px 14px!important;}
.boxslider {    font-size: 16px!important;right:30px!important;top: 50%!important;}
.boxslider .buton1:hover {    padding: 11px 16px;}
}




.boxslider .buton2 {
background: #0000;padding: 20px;text-align: center;margin-right: -20px;border: none;border-radius: 3px;
}
.boxslider .buton1 {
    background-color: #2fa8df;
    padding: 30px 60px;
    border-radius: 10px;
    font-size: 18px;
    margin-bottom: 40px;
    display: block;
    border: 1px dotted #317199e6;

}



.boxslider {

    top: 35%;
    position: absolute;
    width: 100%;
    right: 200px;
    color: white;
    font-size: 24px;

}
.imageslider img{
    width: 100%;
    position: relative;
}


.boxslider .buton1:hover {
    padding: 31px 61px;
    box-shadow: 2px 2px 5px;
    background-color: #17b2e6;
}

/*laptop*/

.panel-heading:hover {
    cursor:pointer;
}
.panel-heading {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;    
}

.side-tab:hover {
        cursor: pointer;
    }
    .panel.panel-default {
        border: none;
        box-shadow: none !important;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        
    }
    .panel-heading {
        border: none;
        background-color: #eee;
    
    }
    .panel-body {
        background-color: #f5f5f5;
    }
    .panel-title {
        font-weight: 400;
        color: $white;
    }

/*----------------------------------
    Macbook pro mockup from:
    http://jaredhardy.com/minimal-devices/
    
----------------------------------*/

.md-macbook-pro {
  display: block;
  width: 100%;
  font-size: 13px;
  margin: 0 auto;

  @media (max-width:1199px){
    font-size: 11px;
  }
  @media (max-width:1024px){
    font-size: 10px;
  }

  @media (max-width:767px){
    font-size: 7px;
  }

  @media (max-width:320px){
    font-size: 5px;
  }

}
.md-macbook-pro .md-lid {
  width: 83%;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  border-radius: 1.875em;
  border: solid 0.1875em #cdced1;
  background: #131313;
}
.md-macbook-pro .md-camera {
  margin: 0 auto;
  position: relative;
  top: 1.0625em;
  background: #000;
  border-radius: 100%;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.25);
}
.md-macbook-pro .md-camera:after {
  content: "";
  display: block;
  width: 0.125em;
  height: 0.125em;
  position: absolute;
  left: 0.125em;
  top: 0.0625em;
  background: #353542;
  border-radius: 100%;
}
.md-macbook-pro .md-screen {
  width: 93%;
  margin: 0 auto;
  position: relative;
  top: 2.0625em;
  // background: #1d1d1d;
  background: #fff;
  overflow: hidden;
}
.md-macbook-pro .md-screen img {
  width: 100%;
}
.md-macbook-pro .md-base {
  width: 100%;
  height: 0.9375em;
  position: relative;
  top: -0.75em;
  background: #c6c7ca;
}
.md-macbook-pro .md-base:after {
  content: "";
  display: block;
  width: 100%;
  height: 0.5em;
  margin: 0 auto;
  position: relative;
  bottom: -0.1875em;
  background: #b9babe;
  border-radius: 0 0 1.25em 1.25em;
}
.md-macbook-pro .md-base:before {
  content: "";
  display: block;
  width: 7.6875em;
  height: 0.625em;
  margin: 0 auto;
  position: relative;
  background: #a6a8ad;
  border-radius: 0 0 0.625em 0.625em;
}
.md-macbook-pro.md-glare .md-lid:after {
  content: "";
  display: block;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 1.25em 0 0;
  background: -webkit-linear-gradient(37deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
  background: -moz-linear-gradient(37deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
  background: -o-linear-gradient(37deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
  background: linear-gradient(53deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
}
.laptopp{background-color: #ebebeb;
margin: 20px 0 0;
padding: 60px 10px;}
/*end laptop*/

.addcoursetobasket {
    background-color: #2fa8df!important;
    border: 1px solid blue!important;
}
.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus{
background-color:blue
}
.socialfoot , .mapmain{width:100%;float:right;padding:10px;}
.crbox:hover{box-shadow: 0 0 12px #000;}


/**/
.bx3 { position: relative;}
.revRate {width: 100px;    height: 16px;    display: block; }
.revStarsBG {background: transparent url(https://s.7learn.com/themes/slt/assets/img/5stars-silver.png) no-repeat 0 0;position: absolute;display: block;text-align: left;width: 100px;height: 16px;left: 8px;top: 15px;}
.revStarsRate {    background: transparent url(https://s.7learn.com/themes/slt/assets/img/5stars-gold.png) no-repeat 0 0;    position: absolute;    display: block;    text-align: left;    width: 55px;    height: 16px;    left: 8px;    top: 15px;}
.crbox{background-color: #dedede;padding: 20px 7px;color: #000!important;max-height:350px;margin:8px;overflow:hidden;}
.ctrrow{background-color: #e9e9e9;padding: 20px 7px;color: #000!important;}
.crbox .center {text-align:center;margin-top:-20px}
.crbox .bx1 img{border-radius:50%;width:50%; }
.crbox .bx1{text-align:center;}
.crbox .bx2{padding:10px;}
.social-fix ul {margin-left: -243px;} 
.social-fix{
    position: fixed;
    top: 230px;
    left: 0;
    z-index: 1500;
    direction: ltr;
    width: 172px;
}
.social-fix ul li {
	padding: 6px;
    display: block;
    margin: 5px;
    background: #f6882f;
    width: 285px;
    text-align: right;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
	border-radius: 10px;
}
.social-fix ul li:hover {
    -webkit-transform: translate(110px, 0);
    -moz-transform: translate(110px, 0);
    -ms-transform: translate(110px, 0);
    -o-transform: translate(110px, 0);
    transform: translate(110px, 0);
    background: rgba(255, 255, 255, 1);
}
.social-fix ul li a{
font-size:18px;
margin-right:5px;
}
.social-fix ul li a i{
padding-left: 30px;
}
.social-fix ul li:hover a{
color: #2fa8df

}
.social-fix ul li a{
color:white;
padding:10px;
}
.mapmain img{
margin: 50px 153px 50px 20px;
width:70%;
}
.socialfoot{padding: 50px 10px;
font-size: 16px;}



.timg {
    position: relative;
    text-align: center;
    color: white;
}
.textimg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.wrap-100{
background: #00a5ff; 
}
.main-content {
    width: 38%;
    position: absolute;
    left: 8%;
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%); 
    transform: translateY(-50%);
}
.fixsocial{position: fixed;bottom: 15%;left: 0;z-index: 200;}
.fixsocial ul{list-style: none;}
.fixsocial ul li{margin: 8px 12px;padding: 1px;}
.fixsocial ul li a{color:#fff!important;}
.fixsocial ul li a:hover{color:#e7e7e7 !important;}
.fixsocial ul li a img{height: 40px;width: 40px;}
.articlelist  .event{width: 23%;float: right;margin:5px!important;height:230px;overflow:hidden;}
.articlelist  .event h3 a{font-size:14px!important;}
.background-fixed{background-size:cover;position:relative;padding:45px 20px 0;background-repeat:no-repeat;background-position:center center;}
.background-fixed h3{font-size:45px;margin-bottom:16px;font-weight:300;text-shadow:1px 0 1px #ccc, 0 1px 1px #eee, 2px 1px 1px #ccc, 1px 2px 1px #eee, 3px 2px 1px #ccc, 2px 3px 1px #eee, 4px 3px 1px #ccc, 3px 4px 1px #eee, 5px 4px 1px #ccc, 4px 5px 1px #eee, 6px 5px 1px #ccc, 5px 6px 1px #eee, 7px 6px 1px #ccc;width:100%;padding:10px 15px;text-align:center;}
.background-fixed p{color:#000;font-size:18px;}


@media only screen and (min-width:1300px){
.articlelist .event{height:310px!important;}
.container {
    width: 1270px!important;
}}
@media only screen and (min-width:1048px){

.background-fixed{background-attachment:fixed;height:100%;padding:0;position:relative;}
.background-fixed.img-1{background-image: url(/Sites/Files/3/slider-1.jpg);    height: 500px;    background-size: 100%;    border-bottom: 1px solid #ddd;    width: 100%;    height: 50%;    -webkit-background-size: cover;    background-size: cover;    background-attachment: fixed;}
.background-fixed.img-1 p{padding: 100px;color: white;font-size: 30px;line-height: 40px!important;}
.background-fixed.img-2{
	background-image:url(/Sites/Files/2/slider-2.jpg);
	height:500px;background-size:100%;}
.background-fixed.img-3{
	background-image:url(/Sites/Files/3/slider-1.jpg);
	height:500px;background-size:100%;}
.background-fixed.img-4{
	background-image:url(/Sites/Files/2/slider-2.jpg);
	height:500px;background-size:100%;border-top: 1px solid #ddd;}
.background-fixed.img-5{
	background-image:url(/Sites/Files/3/slider-1.jpg);
	height:500px;background-size:100%;}

.background-fixedimg{height:500px;background-size:100%;padding:50px 5px;}
.main-content{width:38%;position:absolute;left:8%;bottom:auto;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.main-content h3{font-size:35px;font-weight:300;}
.main-content{width:30%!important;left:8%}
.main-content p{font-weight:400;font-size:15px;line-height:30px;color:#000;}}
@media only screen and (min-width:800px){
.boxdchild {    width: 250px;    background: #ececec;    padding: 7px 25px;	float:right;    margin: 20px 10px 60px;    border-radius: 20px;}}
@media only screen and (min-width:800px){
.boxdchild {    width: 250px;    background: #ececec;    padding: 7px 25px;    margin: 20px 10px 60px;    border-radius: 20px;}}
@media only screen and (max-width:1047px){
.main-content{width:80%;left:8%}
.background-fixed{background-attachment:fixed;height:100%;padding:0;position:relative;width:100%;height:680px}}
@media only screen and (max-width:767px){
.panel.panel-horizontal > .panel-heading,.panel.panel-horizontal > .panel-footer{width:100%;border:0;vertical-align:middle}

.fctd {    width: 98%!important;}
.articlelist .event{width:48%;}
.main-content{left:auto;margin:0 auto;padding:20px;text-align:center;width:90%;}
.background-fixed h3{font-size:28px;width:initial;}
.main-content.dark > p{color:#000;}
.background-fixed p{line-height:1.6;color:#000;font-size:16px;}
img.hide{display:block;margin:0 auto 20px;max-width:100%}
.main-content{
	width: 100%;
	left: auto;
	float: right;
}
.background-fixed{background-attachment:fixed;height:100%;padding:0;position:relative;width:100%;height:auto;}}
@media only screen and (max-width:400px){
.fctd {    width: 98%!important;}
.articlelist .event{width:98%;}
.background-fixed{height:980px}}
.boxdchild {    width: 250px;    background: #ececec;    padding: 7px 25px;   margin: 14px; border-radius:20px}
.boxd{width: 600px;margin: 40px auto;}
.info {display:none}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {    float: right!important;}
.radio-inline, .checkbox-inline{padding:0 20px!important;}
.radio-inline input {    margin-right: -19px!important;    margin-top: 3px!important;}
.imgarticle{text-align:center!important}
.ccenter{    padding-right: 15px;    padding-left: 15px;    margin: 50px auto;   text-align: center;}
.ccenter button{padding:10px 15px;margin:10px;background-color:#f3f3f3;border:2px solid #000;}
.ccenter button:hover{background-color:#bfebff}
a:hover, a:focus {color: #009688!important;}
.gsc-search-button-v2,  .gsc-search-button-v2:focus {border-color: #459989 !important;
background-color: #459989 !important;padding: 15px 18px !important;}
.gsc-search-button-v2:hover {  background-color:#459989!important;}
#gsc-i-id1 {    padding: 5px !important;background: #0000!important;}
.gsc-search-box-tools .gsc-search-box .gsc-input {    padding-right: 1px!important;}
.clear{clear:both;}
.h_iframe-aparat_embed_frame{position:relative;} .h_iframe-aparat_embed_frame .ratio {display:block;width:100%;height:auto;} .h_iframe-aparat_embed_frame iframe {position:absolute;top:0;left:0;width:100%; height:100%;}


.panel-heading , .panel-footer{width:25%;}
.panel-body {width:50%;}
.detail-fct, .pic-fct, .user-fct {    min-height: 200px;    height: 330px;    background: #f0f0f0;    overflow: hidden;}
.box-main-course {    background: #f3f3f3;}
.panel.panel-default.panel-horizontal {    box-shadow: 0 0 25px #e6e6e6 ;    border: 1px solid #e3e3e3;}
.panel.panel-horizontal{display:table;width:100%}
.panel.panel-horizontal > .panel-heading,.panel.panel-horizontal > .panel-body,.panel.panel-horizontal > .panel-footer{display:table-cell}
.panel.panel-horizontal > .panel-heading,.panel.panel-horizontal > .panel-footer{border:0;vertical-align:middle}
.panel.panel-horizontal > .panel-heading{border-right:1px solid #ddd;border-top-right-radius:0;border-bottom-left-radius:4px}
.panel.panel-horizontal > .panel-footer{border-left:1px solid #ddd;border-top-left-radius:0;border-bottom-right-radius:4px}
.content-fct{box-shadow: 0 0 25px #e6e6e6 ;border: 1px solid #e3e3e3;padding:10px;margin:30px 10px;}
.fctd {    width: 33%;    float: right;    background: whitesmoke;    padding: 10px;    margin: 2px;    border: 1px solid #ccc;}
.coursed h2{    font-size: 20px ;    padding: 0px;    line-height: 30px; margin:3px; color:#04940f}
.panel-body img{max-height: 350px;}
.panel-heading p , .panel-footer p{font-size:15px;}
.panel-footer .btn {font-size:18px;}
.panel-footer div{margin-top:35px;}
@media only screen and (max-width:768px){.bannerimage img{width: 35%;}.panel-heading , .panel-body , .panel-footer{width:100%!important;}.panel.panel-horizontal > .panel-heading,.panel.panel-horizontal > .panel-body,.panel.panel-horizontal > .panel-footer{display:block!important;}}
.top-head{
    margin-top: 15px;
}
input[type="text"], input[type="password"], input[type="audio"] {
    height: 35px!important;
    border-radius: 0px!important;
    padding: 5px;
} 
.top-head a:hover {
    color: #fff!important;
}
.grey{
	color:#000!important;
}