/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

@font-face {
    font-family: 'WYekan';
    src: url('fonts/yekan-webfont.eot');
    src: url('fonts/yekan-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/yekan-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Shabnam';
    src: url('fonts/Shabnam.eot');
    src: url('fonts/Shabnam.eot?#iefix') format('embedded-opentype'),
         url('fonts/Shabnam.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'IRANSansWeb';
    src: url('fonts/IRANSansWeb.eot');
    src: url('fonts/IRANSansWeb.eot?#iefix') format('embedded-opentype'),
         url('fonts/IRANSansWeb.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'irannastaliq';
    src: url('fonts/irannastaliq.eot');
    src: url('fonts/irannastaliq.eot?#iefix') format('embedded-opentype'),
         url('fonts/irannastaliq.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/fontawesome-webfont.eot") format("embedded-opentype"),
	url("fonts/fontawesome-webfont.woff") format("woff"), 
	url("fonts/fontawesome-webfont.ttf") format("truetype"), 
	url("fonts/fontawesome-webfont.svg") format("svg");
}




/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font-family: 'Shabnam';
	color:#444;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */

/* header */
.header {

}
/* logo */
.logo {

}
.logo-img {

}
/* nav */
.nav {

}
/* sidebar */
.sidebar {

}
/* footer */
.footer {

}

.shomare{text-align: center;font-weight: 900;padding-top: 13px;border-bottom: 1px solid;font-size: 16px;color:#286c9f;display:none;}


.post > h1, .pagee > h1, .groupp > h1{margin-top: 40px !important;margin-bottom: 40px !important;}
.post > h1 a, .pagee > h1 , .groupp > h1{text-shadow: 2px 2px 8px #0e598f !important;color: #0e598f !important;}

.f-nav{position:fixed;width:100%;top:0px;margin-top:0px !important;background: rgba(10,73,126) !important;z-index: 999999;}

.home .head1{position:absolute;z-index:99;width:100%;}
.header{position:relative;}

.mainmenu{padding: 0; /*margin-bottom: 12px;*/}
.mainmenu ul{padding:0; text-align: right; margin: 0;}
.mainmenu li a{
  padding:17px 17px 17px 17px;
  font-size: 15px;
  position: relative;
  display: inline-block;
  outline: none;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 0 0 #4089c7; 
}
.mainmenu li{display:inline-block; border-left:2px solid #192432;position:relative;}
.mainmenu li:hover{background-color:rgba(6,52,90,.7);}
.mainmenu #menu-item-41 a{font-size: 0; position: relative; top: 3px; padding-right: 13px;}
.mainmenu #menu-item-41 a:before{content: "\f015" !important; font-family: "FontAwesome"; font-size: 20px;}
/*.main-menu li.menu-item.current-menu-item a{ color:#968981;}*/
.mainmenu ul ul{position:absolute; width:250px; padding:10px 0; display:none; z-index:100;top:55px;}
.mainmenu li:hover> ul{
  display:block;
  float:left;
  width:280px;
  margin-right: 0px;
  background: #484a49;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  margin-top: 0px;padding:0px;
}
.mainmenu li li{width:100%; float:left; list-style-type:none; margin-right: 0; margin-left: 0; border-bottom: 1px solid #ccc; padding-left: 5px; padding-right: 5px;background-color:rgba(10,73,126,.4);}
.mainmenu li li a{ text-align: right; font-size: 13px; text-decoration: none; width: 96%; color: white; padding: 8px 10px;}
.mainmenu li li:hover{background: rgba(6,52,90,.7);}
.mainmenu ul ul ul{margin: -50px 225px 0 190px !important;}

.mainmenu{/*background-image: url(../../../wp-content/uploads/header.png);    background-size: cover;
    background-position: center;margin-top: 16px;*/clear: both;background: rgba(10,73,126);margin-top: 14px;}
.home .mainmenu{/*background-image: url(../../../wp-content/uploads/header.png);    background-size: cover;
    background-position: center;margin-top: 16px;*/clear: both;background: rgba(10,73,126,.4);margin-top: 14px;}

#menu-item-76{float:left;background-color:#FF5722;}
#menu-item-76 a{border-left: 2px solid transparent;}

.logoo img{margin-top: 0px;position: absolute;}

.up1 .widget_text{display: inline-block;float: left;font-size:13px;color:black;text-shadow: 1px 1px 10px #d6a89a;}
.home .up1 .widget_text{display: inline-block;float: left;font-size:13px;color:white;text-shadow: 1px 1px 10px black;}
.up1 #text-3{padding-right:20px;border-right: 1px solid lightgrey;}
.up1 #text-2:before{    content: "\f095";
    font-family: "FontAwesome";
    font-size: 25px;color: #FF5722;margin-left: 15px;float:right;width: 45px;
    height: 45px;
    border: 2px solid white;
    border-radius: 50%;
    text-align: center;padding-top:3px;    text-shadow: 1px 1px 10px transparent;}
.up1 #text-2 .textwidget, .up1 #text-3 .textwidget{float:left;}
.up1 #text-2 p{font-size: 15px;line-height: 2;}
.up1 #text-3:before{    content: "\f017";
    font-family: "FontAwesome";
    font-size: 25px;color: #FF5722;margin-left: 15px;float:right;width: 45px;
    height: 45px;
    border: 2px solid white;
    border-radius: 50%;
    text-align: center;padding-top:3px;    text-shadow: 1px 1px 10px transparent;}
.up1 #text-2{padding-left:20px;}
.up1 {margin-top:27px;}
.up1 .rangnum{color: #FF5722;font-weight:900;font-size:17px;text-shadow: 1px 1px 3px black;}

.content1 .widget_text{padding-left: 25px;padding-right: 25px;text-align: center;}
.content1 .textwidget {color:#4e4e4e;}
.content1{margin-top:60px;margin-bottom:30px;}
.content1 .part3 .test:before, .content1 .part2 .test:before, .content1 .part1 .test:before, .content1 .part4 .test:before{width: 65px;
    height: 100px;
    top: -2px;
    right: 0px;
    content: "";
    position: absolute;
    border-top: 2px solid #286c9f;
    border-bottom: 2px solid #286c9f;
    transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
    -o-transform: rotate(120deg);border-radius:50px;}
.content1 .part3 .test:after, .content1 .part2 .test:after, .content1 .part1 .test:after, .content1 .part4 .test:after{    width: 65px;
    height: 100px;
    top: -2px;
    right: 0px;
    content: "";
    position: absolute;
    border-top: 2px solid #286c9f;
    border-bottom: 2px solid #286c9f;
    transform: rotate(-120deg);
    -ms-transform: rotate(-120deg);
    -moz-transform: rotate(-120deg);
    -webkit-transform: rotate(-120deg);
    -o-transform: rotate(-120deg);border-radius:50px;}
.content1 .part3 .tt:before{content: "\f14b";  font-family: "FontAwesome";display:block;font-size:35px;color:#286c9f;}
.content1 .part2 .tt:before{content: "\f14b";  font-family: "FontAwesome";display:block;font-size:35px;color:#286c9f;}
.content1 .part1 .tt:before{content: "\f14b";  font-family: "FontAwesome";display:block;font-size:35px;color:#286c9f;}
.content1 .part4 .tt:before{content: "\f14b";  font-family: "FontAwesome";display:block;font-size:35px;color:#286c9f;}

.content1 .part3 .test, .content1 .part2 .test, .content1 .part1 .test,  .content1 .part4 .test{display: inline-block;
    width: 65px;
    height: 100px;
    line-height: 96px;
    border-top: 2px solid #286c9f;
    border-bottom: 2px solid #286c9f;
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);border-radius:50px;}


#text-8:hover div.tt:before{-webkit-transform: rotate(360deg);
    -webkit-transition-duration: 3s;
    -webkit-transition-delay: now;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;}
#text-7:hover div.tt:before{-webkit-transform: rotate(360deg);
    -webkit-transition-duration: 3s;
    -webkit-transition-delay: now;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;}
#text-6:hover div.tt:before{-webkit-transform: rotate(360deg);
    -webkit-transition-duration: 3s;
    -webkit-transition-delay: now;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;}
#text-5:hover div.tt:before{-webkit-transform: rotate(360deg);
    -webkit-transition-duration: 3s;
    -webkit-transition-delay: now;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;}

.content1 .part1 h3, .content1 .part2 h3, .content1 .part3 h3, .content1 .part4 h3{color: #286c9f !important;font-weight:900 !important;font-size:15px;}
.content1 .part1 p, .content1 .part2 p, .content1 .part3 p, .content1 .part4 p{color: grey;
    font-size: 13px;}
/*.part1 .widget_text, .part2 .widget_text, .part3 .widget_text, .part4 .widget_text{border: 1px solid #286c9f;
    padding: 13px;}*/
.ax .widget_media_image img{text-align: center;
    display: block;
    margin: 0 auto;}



.logoha h3{text-align: center;font-weight: 900;color: #1e5279;}
.logoha p{text-align: center;color: grey;}
.logoha{background-color: #efeeee;padding-top: 30px;padding-bottom: 15px;}
.wpls-logo-showcase-slider-wrp.wpls-logo-clearfix{margin-top:40px;}

.content2{ background-color: #1e5279;padding-bottom: 40px;
    padding-top: 20px;}
.formm {border: 1px solid #1e5279;}
.formm p {display: block;margin: 0 auto;display: block;text-align:center;color:white;line-height:2;margin-top:20px;margin-bottom:20px;}
.formm label {color: white;width: 100%;margin-top: 5px; margin-bottom: 5px;}
.formm span input, .wpcf7 select, .wpcf7-textarea { width: 100%;}
.wpcf7 input, .wpcf7 option, .wpcf7 select {color: black;height: 35px;border-radius: 10px;border: 0px;}
.wpcf7-textarea{ height: 90px;border-radius: 10px;border: 0px;}
.wpcf7-submit{background-color: #40be11;color: white !important;font-weight: 900;font-size: 16px;width:100%;margin-top:10px;}
.formm h3{font-size: 16px;color: white;font-weight: 900;text-align: center;}
.yy{float:right !important;}
.wpcf7-form-control-wrap.mathcaptcha-542{color: white;}
.wpcf7-form-control.wpcf7-mathcaptcha{width: 140px;margin-top: 10px;color: black;}
.wpcf7-form-control.wpcf7-submit{width: 170px;float: left;}
.wpcf7-response-output{color:wheat !important;}
.formm .wpcf7-form-control.wpcf7-captchar{width:100px;}
.formm .hghg{float:right;}
.formm .hghg p, .formm .hhh p{text-align:right; }


.soal .ea-card {border: 2px solid #283083 !important;}
#sp-ea-44.sp-easy-accordion .sp-ea-single .ea-header a .ea-expand-icon.fa{color:#283083 !important;}
.ea-header a{color:#283083 !important;font-size:14px !important;}
.ea-body p{text-align: justify;}

.soal #text-12 h3{text-align: center;
    font-weight: 900;
    color: #1e5279;}
.soal #text-12 p{text-align:center;}
.soal #text-12{margin-bottom:45px;}
.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header a{padding:5px !important;}

.ax2{margin-top:20px;}

.content3{margin-top:25px;}

.maghalat{margin-top:25px;padding-bottom:25px;background-color:#efeeee;}
.maghalat ul{padding:0px;margin:0px;}
.maghalat li{width:30%;margin:1.6%;float:right;border-bottom: 0px;margin-bottom:30px;}
.maghalat .post-title.cat-post-title{font-size:16px;display:block;color:#286c9f;font-weight:900;margin-bottom:10px;}
.maghalat li p{text-align:justify;line-height: 1.6;}
.maghalat li .cat-post-excerpt-more{display: block;
    font-weight: 900;color:#286c9f;margin-top:10px;}
.maghalat h3, .dakhelimaghalat h3{text-align: center;font-weight: 900;color: #1e5279;}
.maghalat .cat-post-thumbnail img{float:none;margin:0px;margin-bottom:10px;}

.cat-post-excerpt-more:after{content: "\f100"; font-family: "FontAwesome";font-size: 27px;color: #FF5722;margin-right: 5px;vertical-align: middle;transition-duration: .2s;}
.cat-post-excerpt-more:hover:after{margin-right: 10px;transition-duration: .2s;}
.cat-post-excerpt-more:hover{text-decoration: none;width:max-content;}

.foot{background-color:#174466;color:white;padding-top:20px;padding-bottom:20px;}

.foot2 h3{font-size:16px;}
.foot2 #text-14 h3:before{content: "\f041"; font-family: "FontAwesome";font-size: 27px;color: #FF5722;margin-left: 15px;}
.foot2 #text-15 h3:before{content: "\f095"; font-family: "FontAwesome";font-size: 27px;color: #FF5722;margin-left: 15px;}
.foot2 #text-16 h3:before{content: "\f017"; font-family: "FontAwesome";font-size: 27px;color: #FF5722;margin-left: 15px;}

.foot1 .widget_media_image img{display: block;margin: 0 auto; margin-top: 50px;}
.foot1{line-height:2;text-align:justify;}
.foot1 h3{margin-top:25px;}
.foot1 .widget_nav_menu li a {font-size: .1px;color: transparent;}
.foot1 .widget_nav_menu li {list-style-type: none;display: inline-block;width: 40px;text-align: center;margin: 0 auto;}
.foot1 #menu-social{margin: 0 auto;text-align: center;}

.foot1 #menu-item-60 a:before {content: "\f232";font-family: "FontAwesome";font-size: 27px;color: #FF5722;}
.foot1 #menu-item-59 a:before {content: "\f16d";font-family: "FontAwesome";font-size: 27px;color: #FF5722;}
.foot1 #menu-item-61 a:before {content: "\f2c6";font-family: "FontAwesome";font-size: 27px;color: #FF5722;}
.foot1 #menu-item-61 a:hover:before, .foot1 #menu-item-59 a:hover:before,  .foot1 #menu-item-60 a:hover:before {color:white;}

.footnote{background-color:#11334d;color:white;padding-top: 20px;padding-bottom: 5px;text-align:center;}

.dakheli section{margin-top:margin-top:100px;}


.bgh1{    background: url(https://pieacoac.ir/wp-content/uploads/bgh1.jpg);background-attachment: fixed;background-position: center top 5;width: 100%;background-size: cover;margin-top:-18px;}

.bgh1 h1{text-align:center;color:white;clear:both;padding-top: 115px;
    padding-bottom: 115px;}


.dakheli1-1 .widget_media_image img{text-align: center;margin: 0 auto;display: block;}
.dakheli1-2 h3:before{display: block; width: 66px; height: 2px; content: ''; margin-bottom: 42px;margin-left: auto;background-color: #FF5722;margin-bottom: 40px;}


.dakheli1-2 p{text-align: justify;line-height: 2.3;}

.dakheli2{background-color: #174466;}
.dakheli2 .widget_media_image{width: 50%;
    float: right;}
.dakheli2 .widget_media_image img{display: block;
    margin: 0 auto;}
.dakheli2 .widget_text{  width: 50%;float: left;padding-top: 30px;}
.dakheli2 .widget_text h3{color: white;font-weight: 900;font-size: 28px;text-align: center;line-height:1.5;}
.dakheli2 .textwidget{text-align:center;color:white;}
.dakheli2 .textwidget a{width: 165px;padding: 15px;text-align: center;background-color: white;border: 3px solid #FF5722;border-radius: 10px;color: #FF5722;margin-top: 43px;display: block; margin: 0 auto;margin-top: 30px;transition-duration: .2s;}
.dakheli2 .textwidget a:hover{background-color: #FF5722;color:white;text-decoration:none;transition-duration: .2s;}

.dakhelimaghalat{padding-bottom:45px;}
.dakhelimaghalat ul{padding:0px;}
.dakhelimaghalat *{ transition: all 700ms ease;}
.dakhelimaghalat li{width:30%; margin:1.5%;float:right;border-bottom: none;}
/*.greennn{position: relative;
    overflow: hidden;
    width: 100%;
    z-index: 1;}
.greennn:after{content: '';
    position: absolute;
    left: 0px;
    top: -100%;
    width: 100%;
    height: 100%;
    display: block;
    background: #00bff3;
    opacity: 0.50;
    z-index: 0;
    transition: all 700ms ease;}
.greennn img{position: relative;
    display: block;
    width: 100%;
    transform-style: preserve-3d;
    height: auto;}

 .tesst{position: absolute;
    right: -100px;
    top: 100%;
    width: 250%;
    height: 150%;
    z-index: 1;
    background: #fcfcfc;
    transform: rotate(-13deg);
    -webkit-transform: rotate(-13deg);
    -moz-transform: rotate(-13deg);
    -ms-transform: rotate(-13deg);
    -o-transform: rotate(-13deg);}
.blueee{position: relative;
    top: 0px;
    margin: -44px 30px 0px;
    z-index: 2;}
.blueee:before{position: absolute;
    right: 0px;
    top: -36px;
    background: #ffffff;
    content: "";
    height: 96%;
    width: 100%;
    border: 1px solid #f1f1f1;
    z-index: 0;
    transform: skewY(-13deg);
    transition: all 700ms ease;}
.reddd{position: relative;
    background: #ffffff;
    border: 1px solid #f1f1f1;
    border-top: none;
    padding: 20px 30px 30px;
    z-index: 5;}
.cat-post-item:hover .tesst{transform: rotate(0deg);}
.cat-post-item:hover .blueee{top: 46px;}
.cat-post-item:hover .reddd,.cat-post-item:hover .blueee:before{border-color: #00bff3;}*/

.dakhelimaghalat .image-joomir{ position: relative;overflow: hidden;width: 100%; z-index: 1;}

.dakhelimaghalat .image-joomir img{position: relative;display: block; width: 100%;transform-style: preserve-3d; height: auto;}
.dakhelimaghalat .image-joomir .tesst{position: absolute;right: -100px;top: 100%; width: 250%;height: 150%; z-index: 1; background: #fcfcfc;transform: rotate(-13deg);-webkit-transform: rotate(-13deg);-moz-transform: rotate(-13deg);-ms-transform: rotate(-13deg);-o-transform: rotate(-13deg);}
.dakhelimaghalat .image-joomir:after{content: '';position: absolute;left: 0px;top: -100%;width: 100%;height: 100%;display: block;background: #1e5279;opacity: 0.50; z-index: 0;transition: all 700ms ease;}

.dakhelimaghalat .joomir-desc{ position: relative;top: 0px;margin: -44px 30px 0px;z-index: 2;}
.dakhelimaghalat .joomir-desc:before{ position: absolute;right: 0px;top: -36px;background: #ffffff;content: "";height: 96%;width: 100%; border: 1px solid #f1f1f1;z-index: 0;transform: skewY(-13deg);transition: all 700ms ease;}
.dakhelimaghalat .joomir-desc .inner-box{position: relative;background: #ffffff;border: 1px solid #f1f1f1;border-top: none;padding: 20px 30px 30px;z-index: 5;}
.dakhelimaghalat .joomir-cat:hover .tesst{transform: rotate(0deg);}

.dakhelimaghalat .joomir-cat:hover .image-joomir:after {top: 0%;}
.dakhelimaghalat .joomir-cat:hover .joomir-desc {top: 46px;}
.dakhelimaghalat .joomir-cat:hover .inner-box, .dakhelimaghalat  .joomir-cat:hover .joomir-desc:before{border-color: #1e5279;}
.dakhelimaghalat .post-title.cat-post-title {display: block;color: #286c9f; margin-bottom: 10px;}
.dakhelimaghalat  li .cat-post-excerpt-more {display: block;font-weight: 900;color: #286c9f;margin-top: 10px;}

.maghalat *{ transition: all 700ms ease;}
.maghalat .image-joomir{ position: relative;overflow: hidden;width: 100%; z-index: 1;}

.maghalat .image-joomir img{position: relative;display: block; width: 100%;transform-style: preserve-3d; height: 250px;
    object-fit: cover;}
.maghalat .image-joomir .tesst{position: absolute;right: -100px;top: 100%; width: 250%;height: 150%; z-index: 1; background: #efeeee;transform: rotate(-13deg);-webkit-transform: rotate(-13deg);-moz-transform: rotate(-13deg);-ms-transform: rotate(-13deg);-o-transform: rotate(-13deg);}
.maghalat .image-joomir:after{content: '';position: absolute;left: 0px;top: -100%;width: 100%;height: 100%;display: block;background: #1e5279;opacity: 0.50; z-index: 0;transition: all 700ms ease;}

.maghalat .joomir-desc{ position: relative;top: 0px;margin: -44px 30px 0px;z-index: 2;}
.maghalat .joomir-desc:before{ position: absolute;right: 0px;top: -36px;background: #ffffff;content: "";height: 96%;width: 100%; border: 1px solid #f1f1f1;z-index: 0;transform: skewY(-13deg);transition: all 700ms ease;}
.maghalat .joomir-desc .inner-box{position: relative;background: #ffffff;border: 1px solid #f1f1f1;border-top: none;padding: 20px 30px 30px;z-index: 5;}
.maghalat .joomir-cat:hover .tesst{transform: rotate(0deg);}

.maghalat .joomir-cat:hover .image-joomir:after {top: 0%;}
.maghalat .joomir-cat:hover .joomir-desc {top: 46px;}
.maghalat .joomir-cat:hover .inner-box, .maghalat  .joomir-cat:hover .joomir-desc:before{border-color: #1e5279;}
.maghalat .inner-box .post-title.cat-post-title, .dakhelimaghalat .inner-box .post-title.cat-post-title{border-right: 5px solid #FF5722;padding-left: unset;padding-right: 5px;font-size: 15px;font-weight: 800;text-transform: uppercase;line-height: 30px; margin-bottom: 15px;position: relative;text-align: right;height:60px;}


.post .attachment-post-thumbnail.size-post-thumbnail.wp-post-image{display: block; margin: 0 auto;width: 400px;margin-top: 15px;}
.post{line-height:2;}


.flip-card {background-color: transparent;height: 200px;border: 1px solid #f1f1f1;perspective: 1000px; margin-bottom:20px;}

/* This container is needed to position the front and back side */
.flip-card-inner { position: relative;width: 100%;height: 100%;text-align: center;transition: transform 0.8s;transform-style: preserve-3d;}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {transform: rotateY(180deg);}

/* Position the front and back side */
.flip-card-front, .flip-card-back {position: absolute;width: 100%;height: 100%;backface-visibility: hidden;}

/* Style the front side (fallback if image is missing) */
.flip-card-front {  background-color: #bbbbbb4d;color: black;border-radius:50%;}
.flip-card-front img{    padding-top: 65px;
    height: 125px;}
/* Style the back side */
.flip-card-back {background-color:#1e5279 ;color:white ;transform: rotateY(180deg);}

.alignnone{margin:0px !important;}

.formtamas{background: #1e5279; clear: both;float: right;width: 100%;margin-top:20px;padding:20px;margin-bottom:20px;}
.formtamas .formm-1{float:right;}
.formtamas .formm-2 .wpcf7-textarea{height: 191px !important;}
.formtamas label, .wpcf7-form-control-wrap.mathcaptcha-482, .formm-1 input{color:white; width:100%;}
.khali{clear:both;}
.formm-3{float:right;}
.formm-4{float:left;}

iframe{width:100%;margin-top:20px;}


.groupp .image-joomir{ position: relative;overflow: hidden;width: 100%; z-index: 1;}

.groupp .image-joomir img{position: relative;display: block; width: 100%;transform-style: preserve-3d; height: auto;}
.groupp .image-joomir .tesst{position: absolute;right: -100px;top: 100%; width: 250%;height: 150%; z-index: 1; background: #fcfcfc;transform: rotate(-13deg);-webkit-transform: rotate(-13deg);-moz-transform: rotate(-13deg);-ms-transform: rotate(-13deg);-o-transform: rotate(-13deg);}
.groupp .image-joomir:after{content: '';position: absolute;left: 0px;top: -100%;width: 100%;height: 100%;display: block;background: #1e5279;opacity: 0.50; z-index: 0;transition: all 700ms ease;}

.groupp .joomir-desc{ position: relative;top: 0px;margin: -44px 30px 0px;z-index: 2;}
.groupp .joomir-desc:before{ position: absolute;right: 0px;top: -36px;background: #ffffff;content: "";height: 96%;width: 100%; border: 1px solid #f1f1f1;z-index: 0;transform: skewY(-13deg);transition: all 700ms ease;}
.groupp .joomir-desc .inner-box{position: relative;background: #ffffff;border: 1px solid #f1f1f1;border-top: none;padding: 20px 30px 5px;z-index: 5;}
.groupp .joomir-cat:hover .tesst{transform: rotate(0deg);}
.groupp .joomir-cat:hover .image-joomir:after {top: 0%;}
.groupp .joomir-cat:hover .joomir-desc {top: 46px;}
.groupp .joomir-cat:hover .inner-box, .dakhelimaghalat  .joomir-cat:hover .joomir-desc:before{border-color: #1e5279;}
.groupp .post-title.cat-post-title {display: block;color: #286c9f; margin-bottom: 10px;}
.groupp .view-article {display: block;font-weight: 900;color: #286c9f;margin-top: 10px;}
.groupp .view-article:hover {text-decoration: none;width: max-content;}
.groupp .view-article:hover:after {margin-right: 10px;transition-duration: .2s;}
.groupp .view-article:after {content: "\f100";font-family: "FontAwesome";font-size: 27px;color: #FF5722; margin-right: 5px; vertical-align: middle;transition-duration: .2s;}
.groupp {padding-bottom:45px;}
.groupp ul{padding:0px;}
.groupp *{ transition: all 700ms ease;}
.groupp .post{width:30%; margin:1.5%;float:right;border-bottom: none; margin-bottom: 45px;}
.groupp h2{border-right: 5px solid #FF5722;padding-left: unset; padding-right: 5px; font-size: 15px;font-weight: 800; text-transform: uppercase; line-height: 30px;margin-bottom: 15px;position: relative;text-align: right;height:60px;}
.groupp h2 a{color: #286c9f !important;}
.groupp h2 a:hover{text-decoration:none;}







#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow{left: 0;
    height: 39px;
    line-height: 39px;
    width: 573px !important;
    color: #ffffff;
    border-left: 1px solid #212121;
    background-color: transparent !important;
    padding-right: 132px;
    padding-left: 15px !important;}
#responsive-menu-container li.responsive-menu-item a .responsive-menu-subarrow{position: absolute;
    top: 0;
    bottom: 0;
    text-align: left !important;
    overflow: hidden;}

#responsive-menu-item-71 a:before{content: "\f015";font-family: "FontAwesome";font-size: 27px;color: white;margin-left:10px;}
#responsive-menu-item-70 a:before{content: "\f0c0";font-family: "FontAwesome";font-size: 24px;color: white;margin-left:10px;}
#responsive-menu-item-122 a:before{content: "\f095";font-family: "FontAwesome";font-size: 27px;color: white;margin-left:10px;}
#responsive-menu-item-74 a:before{content: "\f0c5";font-family: "FontAwesome";font-size: 27px;color: white;margin-left:10px;}
#responsive-menu-item-75 a:before{content: "\f0ad";font-family: "FontAwesome";font-size: 27px;color: white;margin-left:10px;}
#responsive-menu-item-75 .responsive-menu-submenu-depth-1> li a:before{content: "\f0ad";font-family: "FontAwesome";font-size: 20px;color: white;margin-left:17px;}
#responsive-menu-item-76 a:before{content: "\f135";font-family: "FontAwesome";font-size: 27px;color: white;margin-left:10px;}


.pagination{display: block;clear: both;text-align:center;}
.pagination .page-numbers{padding: 5px;border: 1px solid lightgrey;}
.pagination .page-numbers.current{background-color:lightgrey;}


.cat-post-excerpt-more{display:none;}


.cat-post-excerpt-more, .view-article{display:none !important;}

.post-8 {text-align:justify;line-height:2.2;}


#metaslider_13{margin-bottom: 0px !important;}
.flex-control-nav.flex-control-paging{display: none !important;}



#wpcf7-f160-p159-o1 input, #wpcf7-f160-p159-o1 textarea{border:1px solid;}

.pagee{line-height:2;}

.logoha .slick-track{height:110px !important;}
.logoha .wp-post-image{height:110px;}
/*------------------------------------*\
    PAGES
\*------------------------------------*/



/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

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

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

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

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

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

}
@media only screen and (max-width:992px) {
.ax, .neveshte{width:100%;}
.content1 .part1 p, .content1 .part2 p, .content1 .part3 p, .content1 .part4 p{font-size: 15px;}
.groupp .post{width: 46%;}
}
@media only screen and (max-width:768px) {
.logoo{width: 100%;text-align: right;}
.up1, .mainmenu{display:none;}
.soal, .ax2{width:100%;}
.ax2 img{display: block;margin: 0 auto;}
.maghalat li{width: 46%;}
.dakhelimaghalat li{width: 46%;}
.dakheli2 .widget_media_image, .dakheli2 .widget_text{width:100%;}
.dakheli2 .widget_text h3{font-size: 21px;}
section{margin-top: 60px;}
.yy{text-align:center;}
.wpcf7-form-control.wpcf7-submit{float:none;}
.logoo img{margin-top: 8px;width:130px;}
.shomare{display:block;}
.logoo img{position:inherit;}
.logoo{text-align: center;}
}
@media only screen and (max-width:480px) {
.logoo img{width: 180px;}
.maghalat li, .dakhelimaghalat li{width: 97%;}
.groupp .post{width:97%;}
}
@media only screen and (max-width:320px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}