/*NEW HOME PAGE STYLE START*/
.ytp-right-controls {display: none;}
.inner-page-wrap{margin-bottom: 0px; box-shadow: 0 0 0;}
#main-container{font-family: "Oswald",sans-serif;}
/*.moshtariha{background-image: url(https://cohenbrown.com/wp-content/uploads/2016/02/CBMG-Clients-1.png);*/
.moshtariha{background-image: url(https://cohenbrown.com/wp-content/uploads/2016/04/Clients-sections-current.jpg);
background-repeat: no-repeat; background-position: center center; background-size: initial; margin-top: 0px; border: 0px; box-shadow: 0 0 0; margin-bottom: 0px; font-family: "Oswald",sans-serif; padding-top:150px; padding-bottom:150px;}
.moshtariha:after{border:0px;}

.tavan{ background-image: url(https://cohenbrown.com/wp-content/uploads/2016/02/Performance-Resources-braker.jpg); background-repeat: no-repeat; background-position: center center; background-size: initial; margin-top: 0px; border: 0px; box-shadow: 0 0 0; margin-bottom: 0px;}
.faseleh{margin-top:0px; margin-bottom:0px;}
.sayeh{box-shadow:0 0 0;}
.paszamineh1{background-image: url(https://cohenbrown.com/wp-content/uploads/2016/02/Content-Bg1.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center;}
.sefid{margin-top: -1px; border: 0px; margin-bottom: 50px; padding-top: 10px; padding-bottom: 10px;}
.sefid:after{border:0px;}
.alt-bg.alt-seven {background-color: rgba(0, 0, 0, 0.4);}
.diff-padding{padding-top: 10px; padding-bottom: 10px; background-color: rgba(3,169,244,0.5)}

/*NEW*/
.matn{font-family: "Oswald",sans-serif; text-align: center; color: #ffffff; margin-bottom: 50px; font-size: 3em; padding-top:50px;letter-spacing: .5px;}
.vasat{background: rgba(12, 76, 136, 0.35);padding: 0px 22px;display: inline-block; min-height: 416px;}
.vasat:hover {background: rgba(0, 0, 0, 0.47);transition: all .3s cubic-bezier(0.55, 0.09, 0.68, 0.53); -moz-transition: all .3s cubic-bezier(0.55, 0.09, 0.68, 0.53); -webkit-transition: all .3s cubic-bezier(0.55, 0.09, 0.68, 0.53); -o-transition: all .3s cubic-bezier(0.55, 0.09, 0.68, 0.53);}.vasat hr{width:60%;}
.program-poster{width: 100%; height: auto; margin:0px;}
.icon-abi{position: absolute; right: 20px; bottom: -25px;background: rgba(255, 152, 0, 0.93); padding: 14px 17px; border-radius: 25px;}
.icon-abi:hover{box-shadow: 0px 3px 9px;}
.icon-abi i {color:#ffffff;}
.program-abrv{font-size:18px;color: #FFFFFF;margin-top: 21px; margin-bottom: -10px;}
.program-title{font-family: "Oswald",sans-serif; font-size: 26px; color: #FFFFFF;text-align: center;    line-height: normal;}
.program-description{font-family: "Roboto Condensed",sans-serif; font-size: 17px; color: #FFFFFF;line-height: 25px; margin-bottom: 30px; padding: 8px 26px 26px 26px;}

   
.prg-desc-aval{margin-bottom: 110px;}
.program-aval{margin-top:25px;}
.dokmeh{background: rgba(0, 0, 0, 0.30);height: 75px;}
.dokmeh a{display: block;height: 100%;}
.dokmeh-text{ font-size: 25px; color:#F5A623; text-align:left;float: left; margin-left: 47px;margin-top: 25px;}

.dokmeh-sign{font-size: 25px; color:#F5A623; text-align:right;float: right;margin-right: 51px;margin-top: 23px;}
.dokmeh:hover{background: rgba(0, 0, 0, 0.56); transition: all .3s cubic-bezier(0.55, 0.09, 0.68, 0.53);  -moz-transition: all .3s cubic-bezier(0.55, 0.09, 0.68, 0.53); -webkit-transition: all .3s cubic-bezier(0.55, 0.09, 0.68, 0.53); -o-transition: all .3s cubic-bezier(0.55, 0.09, 0.68, 0.53); cursor: pointer;}
.icon-aks{display: block; position: relative;}
.logo-holder{float: left; margin-right: 22px;}
.mid-text-sign{color: #ffffff;font-size: 35px; display: inline-block; margin-top: 63px;}
.mid-txt-button{text-align: right; margin-top: 52px; float: right;}
.comp-list-title{font-size: 40px; color: #323232; text-align: center; line-height: 66px; margin-bottom: 40px; margin-top: 60px; padding-top: 10px; font-family: "Oswald",sans-serif;}
.perf-box-top{background-color: rgba(0, 0, 0, 0.5);padding-top: 20px; padding-bottom:20px; color: #ffffff; text-align: center; padding: 40px; min-height: 419px}/*custom height*/
.perf-box-top p {min-height: 180px;}
/*custom background box start*/
figure.effect-sarah:hover p img{opacity: 1; margin: 0 auto; width:130px;}
/*---------------*/
/***** Sarah *****/
/*---------------*/
figure.effect-sarah:hover h2 {
    background: rgba(12, 76, 136, 0);
}
.bord{margin: 20px; height: 40px;}



grid {position: relative; margin: 0 auto; padding: 1em 0 4em; max-width: 1000px; list-style: none; text-align: center;}
/*.grid figure { position: relative;float: left;overflow: hidden;margin: 10px 1%;min-width: 320px;max-width: 480px;max-height: 360px;width: 48%;background: #3085a3;text-align: center;cursor: pointer;}*/
.grid figure {position: relative; float: left; overflow: hidden; margin: 10px 1%; min-width: 352px; background: #000000; text-align: center; cursor: pointer;height:370px;}
.grid figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 7;}
.grid figure figcaption {padding: 2em; color: #fff; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.grid figure figcaption::before,
.grid figure figcaption::after {pointer-events: none;}
.grid figure figcaption,
.grid figure figcaption > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0;opacity: 0;}
.grid figure h2 {word-spacing: -0.15em;font-weight: 300;}
.grid figure h2 span {font-weight: 800;}
.grid figure h2,
.grid figure p {margin: 0;}
.grid figure p {letter-spacing: 1px; font-size: 75%;line-height: 25px;}
figure.effect-sarah {background: #000000;}
figure.effect-sarah img {max-width: none; width: -webkit-calc(100% + 20px); width: calc(100% + 20px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden;}
figure.effect-sarah:hover img {opacity: 0.2; -webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
figure.effect-sarah figcaption {text-align: left;}
figure.effect-sarah h2 {font-family: "Oswald",sans-serif; position: relative; overflow: hidden; padding-bottom: 10px; color:#ffffff; font-size:35px; background: #0c4c88;padding: 15px;}
figure.effect-sarah h2::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #fff; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0);}
figure.effect-sarah:hover h2::after {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
figure.effect-sarah p {padding: 1em 0;opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(100%,0,0);transform: translate3d(100%,0,0);}
figure.effect-sarah:hover p {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

/*---------------*/
/***** Sarah *****/
/*---------------*/

/*custom background box END*/
.perf-box-top button{padding: 10px 1px; border-radius: 8px; background-color: rgba(240, 248, 255, 0); border: 1px solid #f1f1f1; font-size: 18px;}
.perf-box-top button a{color:#ffffff;    padding: 10px 30px;}
.perf-box-top button a:hover{color:rgba(245,166,35,0.85);}
.perf-box-top button:hover {border-color: rgba(245,166,35,0.85); transition: all .4s cubic-bezier(0.55, 0.09, 0.68, 0.53); -moz-transition: all .4s cubic-bezier(0.55, 0.09, 0.68, 0.53); -webkit-transition: all .4s cubic-bezier(0.55, 0.09, 0.68, 0.53); -o-transition: all .4s cubic-bezier(0.55, 0.09, 0.68, 0.53);}
.perf-box-top p{font-size: 20px; line-height: 30px;}
.perf-box-top h3 {color: #ffffff; font-family: "Oswald",sans-serif; font-size: 27px;}
.perf-box-top hr {width:40%;}
.paszamineh2{padding-right: 0px; padding-left: 0px;}

/*side-bar-test*/
.empty-top { margin-bottom: 31px; padding: 26px 10px; max-height: 170px; margin-top: 30px; }.empty-top img { height: 118px; display: block; margin: 0 auto; }
/*side-bar-test over*/


/*Performance Resources Start*/
/*.box_main_PerRes{background-color: rgba(32,32,32,0.50);min-height: 430px;max-height: 451px;color: #ffffff;font-family: inherit;}
.box_main_PerRes{background-color: rgba(12, 76, 136, 0.35);min-height: 430px;max-height: 451px;color: #ffffff;font-family: inherit;}
.box_main_PerRes:hover{background: rgba(0, 0, 0, 0.47);
    transition: all .3s cubic-bezier(0.55, 0.09, 0.68, 0.53);
    -moz-transition: all .3s cubic-bezier(0.55, 0.09, 0.68, 0.53);
    -webkit-transition: all .3s cubic-bezier(0.55, 0.09, 0.68, 0.53);
    -o-transition: all .3s cubic-bezier(0.55, 0.09, 0.68, 0.53);}
.top-poster{opacity: 0.8;}
.target-sign{background-color: #FFC107;width: 36px;height: 36px;border-radius: 25px;padding: 3px 5px;position: absolute;right: 36px;top: 77px;}
.target-sign i{color: rgba(0,0,0,0.30); font-size: 30px;}
.inside-border{border: 1px solid rgba(255,255,255,0.20);width: 335px;height: 321px;position: absolute;border-top: 0px;right: 27px;top: 96px;}
.text-info-part{width: 334px;margin: 0 auto;max-height: 175px;min-height: 174px;padding: 0px 34px;margin-top: 33px;}
.text-info-part h1{color: #ffffff;font-family: inherit;text-align: center;text-transform: uppercase;margin-bottom: 17px;margin-top: 40px;}
.text-info-part p{text-align: center;}
.PerRes_button span{color: #ffffff;}
a.sf-button.PerRes_button.standard.sf-icon-reveal{display: block;width: 160px;margin: 0 auto;background: rgba(240, 248, 255, 0);border: 1px solid #ffffff;}
a.sf-button.sf-icon-reveal i{color: #ffffff;background: #0c4c88;}*/
/*Performance Resources Over*/




/*Mobile Style*/
@media only screen and (max-width: 767px){#page-wrap {padding: 0 0px;}
.matn{font-size: 29px; line-height: 50px; margin: 20px; padding-top: 22px;}
.program-abrv{font-size:18px;color: #FFFFFF;margin-top: 21px;}
.program-title{font-size: 30px;}
.logo-holder{float: none;text-align: center;margin-top: -25px;}
.mid-text-sign{display:block;text-align: center; font-size: 34px; line-height: 47px; margin-top: 6px;}
.mid-txt-button{float: none;  text-align: center; margin-bottom: -10px;}
.moshtariha{margin-top: -30px; padding: 50px 0px;}
.comp-list-title{margin-top:10px; font-size:40px;}
.sefid{margin-top: -31px;}
.diff-padding{margin-top: 0px;}
.khali{ display:none;}
}
/*NEW HOME PAGE STYLE OVER*/