@import url('https://fonts.googleapis.com/css2?family=Work+Sans&display=swap');

@font-face {
    font-family: 'GE Dinar One';
    src: url('fonts/GEDinarOne-Light.eot');
    src: url('fonts/GEDinarOne-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/GEDinarOne-Light.woff2') format('woff2'),
        url('fonts/GEDinarOne-Light.woff') format('woff'),
        url('fonts/GEDinarOne-Light.ttf') format('truetype'),
        url('fonts/GEDinarOne-Light.svg#GEDinarOne-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GE Dinar One';
    src: url('fonts/GEDinarOne-LightItalic.eot');
    src: url('fonts/GEDinarOne-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/GEDinarOne-LightItalic.woff2') format('woff2'),
        url('fonts/GEDinarOne-LightItalic.woff') format('woff'),
        url('fonts/GEDinarOne-LightItalic.ttf') format('truetype'),
        url('fonts/GEDinarOne-LightItalic.svg#GEDinarOne-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'GE Dinar One';
    src: url('fonts/GEDinarOne-MediumItalic.eot');
    src: url('fonts/GEDinarOne-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/GEDinarOne-MediumItalic.woff2') format('woff2'),
        url('fonts/GEDinarOne-MediumItalic.woff') format('woff'),
        url('fonts/GEDinarOne-MediumItalic.ttf') format('truetype'),
        url('fonts/GEDinarOne-MediumItalic.svg#GEDinarOne-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'GE Dinar One';
    src: url('fonts/GEDinarOne-Medium.eot');
    src: url('fonts/GEDinarOne-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/GEDinarOne-Medium.woff2') format('woff2'),
        url('fonts/GEDinarOne-Medium.woff') format('woff'),
        url('fonts/GEDinarOne-Medium.ttf') format('truetype'),
        url('fonts/GEDinarOne-Medium.svg#GEDinarOne-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/************************************* Reset Styles ********************************/
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;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse; 
	border-spacing: 0;
}
td,div{
	vertical-align:top;
}
*{
	outline:none; box-sizing:border-box;
}
li,ol{
	list-style-type:none;
	list-style-image:none;
	list-style:none;
}
img{
	border:0px; max-width:100%;
}
textarea {
    resize: none;
}
input:focus,select:focus,textarea:focus,button:focus {
    outline: none;
}
a{
	text-decoration:none;
	}
input, textarea, select, body{
	font-size:14px;
	font-family: 'GE Dinar One'; font-weight:500;
	}
/*::-webkit-scrollbar {
    display: none;
}*/
body{overflow-x:hidden; position:relative;direction: rtl;text-align: right;}

/************************************* Reset End Styles ********************************/
.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .clearContainer:after {
	content: " ";
	display: table
}
.clearfix:after, .container:after, .container-fluid:after, .row:after, .clearContainer:after {clear: both;}
/**************************************Grid End Styles*****************************/
.clearBoth{
	clear:both;
}
.clearRight{
	clear:right;
	}
input, textarea, select, body, .smallTop a, .mainMenu a{
	color:#868686; box-sizing:border-box;
}
.safeArea, .sliderInner{max-width:1180px; margin:0 auto; position:relative; padding:0 20px;}
/************************************* Common End Styles ********************************/
html {scroll-behavior: smooth;}
.header{position:fixed;left:0;top:0;width:100%;z-index:9999;padding:10px 0;box-sizing:border-box;right:0; background-color:#fff;    box-shadow: 0 8px 6px -9px rgb(0 0 0 / 20%);}

.header .logoHolder{width:200px; float:right;}
.header .logoHolder a{display:block; width:200px; height:70px; background-image:url(../images/Logo.png); background-repeat:no-repeat; background-size:100% auto ;}

.mainMenu {width: inherit; text-align: right; display: block;}
.mainMenu ul li{display:inline-block; }
.mainMenu ul li a{display:block; color:#000000; font-size:26px;margin-left:60px; border-radius: 15px; position:relative;}
.mainMenu ul li a:before{position:absolute; content:''; height:5px; width:0; background-image:url(../images/Selected_Line.svg); bottom:-5px; right:0; background-repeat:no-repeat;}
.mainMenu ul li:last-child a{margin-left:0;}
.mainMenu ul li:last-child a:after{display:none;}

.mainMenu ul li a:hover:before, .mainMenu ul li.active a:before{width:92px;}
.mainMenu ul li a:hover, .mainMenu ul li.active a{color:#0c8542;}
.leftHeader {float: left; margin: 20px 0;}
.bodyHolder {margin-top: 125px;}
.mainBanner{margin-bottom:40px; display:block;}
.mainBanner .swiper-button-next, .mainBanner .swiper-button-prev { position: absolute; bottom: 6%; width: 40px; height: 40px;    margin-top: 0;z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; top: inherit;    background-repeat: no-repeat; background-size:100% 100%;}
.mainBanner .swiper-button-prev, .mainBanner .swiper-container-rtl .swiper-button-next{background-image:url(../images/prev-banner.svg); right: 9%; left:inherit;}
.mainBanner .swiper-button-next, .mainBanner .swiper-container-rtl .swiper-button-prev {background-image:url(../images/next-banner.svg); right: 4%; left:inherit;}


.bannerContent{position:absolute; bottom:6%; left:-2000px; right:inherit; z-index:9;}
.swiper-slide-active .bannerContent{left:0; right:0;}
.mainBanner img {width: inherit; height: 100%; object-fit:cover;}
.mainBanner .swiper-slide{overflow:hidden;}


.menuBtn{position:absolute; left:100px; top:13px; width:42px; height:42px; justify-content: center; align-items: center; display:none;}
#nav-icon3 {width: 20px;height: 15px;position: relative;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;
transition: .5s ease-in-out; cursor: pointer;}
#nav-icon3 span { display: block; position: absolute; height: 2px; width: 100%; background: #0c8542; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
#nav-icon3 span:nth-child(1) {top: 0px;}
#nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {top: 5px;}
#nav-icon3 span:nth-child(4) {top: 10px;}



a.menuBtn.open #nav-icon3 span:nth-child(1) {top: 18px;width: 0%;left: 50%;}
a.menuBtn.open #nav-icon3 span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
a.menuBtn.open #nav-icon3 span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg); transform: rotate(-45deg);}
a.menuBtn.open #nav-icon3 span:nth-child(4) {top: 18px;width: 0%;left: 50%;}
.btnHolder{display:block;}



.mainBanner, .mainBanner .swiper-slide{width:inherit;  position:relative; }
.mainBanner .swiper-container{overflow:hidden; position:relative;}
.mainBanner .swiper-slide:after{position:absolute; content:''; width:100%; height:100%; top:0; left:0; right:0; background-color:rgba(0,0,0,0.5); z-index:3;}

h2{font-size:77px; color:#000000; display:block; margin-bottom:40px; line-height:85px; text-align:right; position:relative;}



.videoHolder {display: flex;align-items: center;justify-content: center;background-repeat: no-repeat;background-size: cover;background-attachment: fixed; background-position:center top; position:relative;}
.videoHolder:after{position:absolute; display:none; content:''; width:100%; height:100%; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0.2); z-index:1;}
.videoHolder .safeArea{z-index:3;}
.videoInput {
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
}
a.playBtn {background-image: url(../images/Ico_Play.svg);width: 100px;height: 100px;display: block;margin: 0 auto 50px;}
.videoInput h3{color: #fff;text-align: center;display: block;margin-bottom: 0;font-size: 53px;line-height: 58px;}

.homePage .videoHolder {height: 600px;}
.homePage .videoInput{bottom:110px;}
.homePage .videoHolder:after{display:block;}

.leftBlock .startList .listTitle:before, .leftBlock .startList h4:before{background-image:url(../images/blackarrow.svg);}

.leftBlock {float: left; width: 40%;}
.rightBlock {float: left; width: 60%;}
.rightBlock .imgHolder {position: relative;display: block;margin: 0 auto;width: inherit;}
/*.rightBlock .imgHolder:before, .rightBlock .imgHolder:after{position:absolute; content:''; background-repeat:no-repeat; left:-90px; top:55px; background-image:url(../images/shapebehind.svg); width:400px; height:460px; z-index:1;}
.rightBlock .imgHolder:after{left:inherit; right:20px; top:-10px; background-image:url(../images/shapeinfront.png); width:140px; height:150px; z-index:3}*/
.rightBlock .imgHolder img{ width:100%; position:relative; z-index:2;}
.leftBlock ul.startList li {margin-bottom: 30px;}

.tabsLinks {margin-bottom: 30px;}
.tabsLinks a {display: inline-block;margin-left: 30px;color: #888ca1;font-size: 30px;position: relative;padding-right: 60px;}
.tabsLinks a:last-child{margin-left:0;}
.tabsLinks a.active{color:#0c8542;}
.tabsLinks a:hover{color:#0c8542;}
.tabsLinks a:after{position:absolute; content:''; height:5px; width:0; background-image:url(../images/Selected_Line.svg); bottom:-5px; right:0; background-repeat:no-repeat;}
.tabsLinks a.active:after{width:82px;}
a.youtube:before{position:absolute; content:''; right:0; top:0; background-repeat:no-repeat; background-image:url(../images/Youtube_Unselected.svg); width:49px; height:38px; background-size:100% 100%;}
a.youtube.active:before, a.youtube:hover:before{background-image:url(../images/Youtube_Selected.svg)}
a.twitter:before{position:absolute; content:''; right:0; top:0; background-repeat:no-repeat; background-image:url(../images/Twitter_Unselected.svg); width:49px; height:38px; background-size:100% 100%;}
a.twitter.active:before, a.twitter:hover:before{background-image:url(../images/Twitter_Selected.svg);}
a.instagram:before{position:absolute; content:''; right:0; top:0; background-repeat:no-repeat; background-image:url(../images/instagram_Unselected.png); width:38px; height:38px; background-size:auto 100%;}
a.instagram.active:before, a.instagram:hover:before{background-image:url(../images/instagram_Selected.png);}


.formBanner {position: absolute;right: 50px;bottom: -30px;background-size: 100% 100%;background-repeat: no-repeat;z-index: 99;width: 340px;text-align: right; background-image:url(../images/orange-bg.png);}
.paddedHolder{padding:30px;}
.formBanner h2 {color: #fff;font-size: 54px;display: block;margin-bottom: 20px;}
.formInput {display: block;width: 100%;margin-bottom: 10px; position:relative;}
input[type="text"], textarea{width:100%; border:0 none; border-bottom:1px solid rgba(255,255,255,0.7); color:#fff; font-size:16px;background-color: transparent;padding: 10px 0;}
input[type="text"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #fff;  opacity: 0.6 !important;}
textarea {height: 70px;}
.formActions {display: block;text-align: center;margin-top: 30px;}
.formActions a{display: inline-block;border: 1px solid #fff;padding: 10px 30px;border-radius: 7px;color: #fff;font-size: 24px; background-color:transparent;}
.formActions a:hover{background-color:#fff; color:#0c8542;}

.homeBlock{background-color:#fff; padding:70px 0 40px;}
.halfBlock {display: block;float: right;width: 48%;margin-left: 0;}
.halfBlock:first-child{margin-left: 4%;}
.halfBlock .itemImg{margin-left:15px; display:inline-block; vertical-align:middle; width:30%;}
.halfBlock .itemInfo {display: inline-block;width: 65%;vertical-align: middle;}
.highlightedListItem .itemImg {margin-bottom: 20px; margin-left:0; display:block; width:100%;}
.highlightedListItem .itemInfo{display:block; width:100%;}

.highlightedListItem{position:relative;}
.listItems li{display:block; width:100%; margin-bottom:20px;position:relative;}
.listItems li a, .highlightedListItem a{position:absolute; content:''; width:100%; height:100%; top:0; left:0; right:0; bottom:0; z-index:4;}
.mediaTitle{font-size:22px; color:#000000; display:block; margin-bottom:10px; padding-right:45px; position:relative;}
.mediaTitle:before{position:absolute; content:''; right:0; top:0;background-size: 100% 100%;background-repeat: no-repeat; width:33px; height:35px;}
.youtubeTab .mediaTitle:before{background-image:url(../images/Youtube_NavyBlue.svg);}
.twitterTab .mediaTitle:before{background-image:url(../images/Twitter_NavyBlue.svg);}
.mediaDate {display: block;margin-right: 45px;}
.listItems li:hover .mediaTitle, .highlightedListItem:hover .mediaTitle{color:#0c8542;}

.youtubeTab .listItems li:hover .mediaTitle:before, .youtubeTab .highlightedListItem:hover .mediaTitle:before{background-image:url(../images/Youtube_Selected.svg);}
.twitterTab .listItems li:hover .mediaTitle:before, .twitterTab .highlightedListItem:hover .mediaTitle:before{background-image:url(../images/Twitter_Selected.svg);}

.btnHolder{display:block; margin-top:60px; text-align:center;}
.btnHolder a{display:inline-block; padding:5px 25px; color:#fff; font-size:16px; background-image:url(../images/orange-bg.png); background-size:100% 100%; background-repeat:no-repeat; border-radius:10px; border:1px solid #fff;}
.btnHolder a:hover{background-color:transparent; color:#0c8542; background-image:none; border-color:#0c8542;}

.fullBackgroundBlock{background-repeat:no-repeat; background-size:cover; background-position:left bottom; position:relative; padding:90px 0 !important;}
.fullBackgroundBlock:after{position:absolute; content:''; background-color:rgba(0,0,0,0.4); width:100%; height:100%; top:0; left:0; right:0; bottom:0; z-index:1;}
.fullBackgroundBlock .safeArea{z-index:2;}
.whiteTitle{color:#fff; font-size:43px; display:block; line-height:48px; margin-top:30px;}
.fullBackgroundBlock .halfBlock img {max-width: 500px;}
.fullBackgroundBlock.aboutBackground:after {background-color: rgba(0,0,0,0.6) !important;}

.topFooter .halfBlock{width:38%;}
.topFooter .halfBlock:first-child{width:58%; padding:70px 0 0;}
.topFooter .formBanner {position: static;width: 100%;}
ul.footerList > li{display:block; }
ul.footerList > li:first-child{margin-bottom:40px;}
ul.footerList li label {display: block;color: #000000;font-size: 28px;margin-bottom: 10px;padding-right: 70px; position:relative;}
ul.footerList li label:before{position:absolute; content:''; right:0; top:-20px; width:57px; height:59px; background-repeat:no-repeat; background-size:100% 100%;}
ul.footerList li.mailLabel label:before{background-image:url(../images/mail.svg);}
ul.footerList li.followLabel label:before{background-image:url(../images/SocialMedia.svg);}
li.mailLabel a {color: #000000;font-size: 28px; font-family: 'Work Sans', sans-serif;}
li.mailLabel a:hover{color:#0c8542;}

.followLabel ul {display: block;}
.followLabel ul li {display: inline-block;margin-left: 10px;margin-bottom: 0;}
.followLabel ul li a {display: block;width: 33px;height: 35px;background-repeat: no-repeat;background-size: 100% 100%;}
.followLabel ul li.youtubeLink a {background-image: url(../images/Youtube_NavyBlue.svg);}
.followLabel ul li.twitterLink a {background-image: url(../images/Twitter_NavyBlue.svg);}
.followLabel ul li.youtubeLink:hover a {background-image: url(../images/Youtube_Selected.svg);}
.followLabel ul li.twitterLink:hover a {background-image: url(../images/Twitter_Selected.svg);}
.followLabel ul li.instagramLink a {background-image: url(../images/instagram.png); width: 23px;background-size: 100% auto;    background-position: left center;}
.followLabel ul li.instagramLink:hover a {background-image: url(../images/instagram_Selected.png);}
.followLabel ul li.facebookLink a {background-image: url(../images/facebook.png); width: 23px;background-size: 100% auto;    background-position: left center;}
.followLabel ul li.facebookLink:hover a {background-image: url(../images/facebook_Selected.png);}
.followLabel ul li.tiktokLink a {background-image: url(../images/tiktok.png); width: 23px;background-size: 100% auto;    background-position: left center;}
.followLabel ul li.tiktokLink:hover a {background-image: url(../images/tiktok_Selected.png);}

.cpHolder{display:block; padding:30px 0; font-family: 'Work Sans', sans-serif; direction:ltr;}
.cp{float:left; font-size:19px; color:rgba(0,0,0,0.3);}
.desDev{float:right; font-size:19px; color:rgba(0,0,0,0.3);}
.desDev a{color:rgba(0,0,0,0.3);}
.desDev a:hover{color:#0c8542;}

.halfBlock .formBanner h2 {margin-bottom: 60px;padding-right: 60px; position:relative;}

.halfBlock .formInput{margin-bottom:30px;}
.subPage .homeBlock.mediaBlock {background-color: #f0f0f0;}
.subPage .fullBackgroundBlock{color:#fff; font-size:20px; font-weight:bold;}
.subPage .fullBackgroundBlock h2{color:#fff;}




ul.halfList, .aboutInfo, ul.fullList{font-size:0; box-sizing:border-box;}
ul.fullList{margin-bottom:30px; margin-top:10px;}
ul.halfList li, ul.fullList li {display: inline-block;width: 48%;margin-left: 2%; color:#fff; position:relative; padding-right:20px; font-size:17px; margin-bottom:10px; font-weight:normal;}
ul.fullList li{display:block; width:100%; margin-left:0;}
ul.halfList li:before, ul.fullList li:before{position:absolute; contenT:''; right:0; top:12px; width:5px; height:5px; background-color:#fff; border-radius:50%;}
ul.halfList li:nth-child{margin-left:0;}
.blueHighlightedBlock {display:inline-block; vertical-align:top;width: 40%;background-color: #000000;padding: 35px;margin-right: 3%;margin-top: -160px;margin-left: 7%;}
.infoText{display:inline-block; width:50%; vertical-align:top;}


.nameTag {display: block;margin-bottom: 60px; position:relative; color:#fff;}
.nameTag:after{position: absolute;content: '';height: 5px;width: 120px;background-image: url(../images/Selected_Line.svg);bottom: -15px;    right: 0; background-repeat: no-repeat; background-size:100% 100%;}
.nameTag label{display:block; font-size:38px; margin-bottom:0;}
.nameTag span{display:block; font-size:52px;}

.whiteSmallText {color: #fff;font-size: 22px;}
.homeBlock.aboutFathi, .homeBlock.bodyInfo{padding:50px 0;}
.infoText ul li {display: block;margin-bottom: 10px;padding-right: 20px;position: relative; font-size:25px;}
.infoText ul li:before{position:absolute; contenT:''; right:0; top:12px; width:5px; height:5px; background-color:#0c8542; border-radius:50%;}
.infoText ul li label{display:inline-block; color:#0c8542; vertical-align:top;}
.infoText ul li span{display:inline-block; color:#000000;vertical-align:top; width:65%;}

.bodyText h1 {display: block;text-align: center;color: #0c8542;font-size: 90px;margin-bottom: 30px;}
.bodyText h3 {display: block;color: #000000;font-size: 50px;margin-bottom: 15px;}
.bodyText p {color: #000000;font-size: 22px;margin-bottom: 30px;}
.blueBlock {background-color: #000000;padding-bottom: 40px;margin-top: 250px;}
.blueBlock .imgHolder{top:-200px; position:relative; margin-bottom:-140px;}
ul.blockList li{display:block; margin-bottom:30px;}
ul.blockList h4 {font-size: 40px;color: #fff;display: block;margin-bottom: 5px;line-height: 45px;}
ul.blockList p{font-size:22px; color:#fff;}

.fullBackgroundBlock.aboutBackground {background-position: center center;padding: 50px 0 !important; position:relative;}
.subPageBanner {max-height: 500px; overflow:hidden;}
.subPageBanner img {width: 100%;}
.juicer-feed h1.referral, .juicer-feed .j-paginate{display:none !important;}
.field-validation-valid.error {color: red;position: absolute; right: 0;bottom: -23px;}

input[type=checkbox]:not(old), input[type=radio ]:not(old) {
	width : 2em;
	margin : 0;
	padding : 0;
	font-size : 1em;
	opacity : 0; display:none;
}
input[type=checkbox]:not(old) + label, input[type=radio ]:not(old) + label {
	display : inline-block;
	margin-left : 0;
	line-height: 26px;
    font-size: 20px;
    color: #000; cursor:pointer;/*margin-right: 25px;*/ background-color:#fff;
}



input[type=checkbox]:not(old) + label:before, input[type=radio ]:not(old) + label:before {
	display : inline-block;
	width : 12px;
	height : 12px;
	margin : 5px 5px 0 0;
	background : #fff;
	border : 1px solid rgba(0,0,0,0.5);
	vertical-align : bottom;
	float: right;
	content : ''; position:absolute; right:-25px;
}
input[type=radio ]:not(old) + label:before {
	border-radius : 50%;
	width : 12px;
	height : 12px;
	margin : 10px 0 0 10px;
	float: right;
	content : ''; display:none;}
	
	
	
input[type=radio ]:not(old):checked + label:before, input[type=checkbox ]:not(old):checked + label:before {background : #0c8542;}
.stackedInput{display:block;}
ul.stackedInput li {display: block; margin-left: 0; margin-bottom: 20px}

input[type=radio ]:not(old) + label{position:relative;}
label .answerInput {
    display: inline-block;
    width: 300px;
    padding: 5px 10px;
    border: 1px solid rgba(0,0,0,0.2); position:relative;
}
.percent{position:absolute; content:''; left:10px; top:12px; color:#000000; font-weight:bold; font-size:13px; line-height:13px;font-family: 'Work Sans', sans-serif; /*display:none;*/}
.userForm {position:relative;}
.userForm:before{position:absolute; content:''; width:100%; left:0; right:0; top:-40px; height:1px; display:none;}



a,.btnHolder a, .formAction a,.mediaTitle, .header, .paddedSection, .therapistImage, .hiddenHolder, .blogImg img, .mainMenu ul li a:before, .listImg img, .highlightedImg img, .newsImg img, .greenlinks a:before {
	transition: all linear 200ms;
	-moz-transition: all linear 200ms;
	-webkit-transition: all linear 200ms;
	-ms-transition: all linear 200ms;
}
.titlesList, .iconHolder, .teamLink a:after, .teamList ul li .teamImg a img, .tabsLinks a.listLink:before, ul.workingList li .imgHolder img, .tabsLinks a.mapLink:before, ul.workingList li .workInfoList, .otherNews .newsList ul li .newsImg img, .categoryImage img {
	transition: all ease-in 200ms;
	-moz-transition: all ease-in 200ms;
	-webkit-transition: all ease-in 200ms;
	-ms-transition: all ease-in 200ms;
}

.bannerContent, .whatweDoList ul li, .reportHolder, .newsHolder .highlightedNews, .newsHolder .newsList {
	transition: all linear 600ms;
    -moz-transition: all linear 600ms;
    -webkit-transition: all linear 600ms;
    -ms-transition: all linear 600ms;
}

ul.blockList ul li {
    position: relative;
    padding-right: 20px;
    margin-bottom: 10px;
    color: #ffffff;
    font-size: 22px;
    display: block;
}
    ul.blockList ul li:before {
        position: absolute;
        contenT: '';
        right: 0;
        top: 12px;
        width: 5px;
        height: 5px;
        background-color: #ffffff;
        border-radius: 50%;
    }
    ul.blockList ul li ul li:before {
        position: absolute;
        contenT: ''; 
        right: 0;
        top: 12px;
        width: 7px;
        height: 1px;
        background-color: #ffffff;
        border-radius: 0;
    }
	
	
.error {color: rgba(255,15,0,0.6);}
.videoHolder.userVideoHolder {background-attachment: inherit;overflow:hidden;}
.videoBanner .videoHolder.userVideoHolder{max-width: 340px; height:600px;}
.inputParent {float: right;width: 30%;margin-left: 5%;}
.inputParent:nth-child(3n){margin-left:0;}
.inputParent input[type="text"]{border-color:#000; color:#000;}
.inputParent label{color:#000; font-size:17px;}
.paddedSectionHolder{padding:50px 0;}

.bodyHolderContainer{padding-top:30px;}

.progress {height: 100%;position: absolute;top: 0px;right: 0px;z-index: 0; background-color:#e17e73; width:0; transition: all linear 200ms;-moz-transition: all linear 200ms;-webkit-transition: all linear 200ms;-ms-transition: all linear 200ms; }
.highestNumb .progress{background-color:#87e29c;}

.answersHolder.answered label .percent{display:block;}
.swiper.mySwiper{overflow:hidden;}
.itemImage img {display: block;width: 100%;}
.questionItem {position: relative;}
.questionInfo {padding:20px; box-sizing:border-box;position: absolute;content: '';bottom: 0;right: 0;left: 0; z-index:4;}
.questionTitle {display: block;text-align: center;background-color: rgba(0,0,0,0.7);padding: 8px;font-size: 18px;color: #fff;   margin-bottom: 20px;}
.answerItem {position: relative; margin-bottom:15px;background-color: #fff;}
.answerItem .percent {display: block;}
.answerInputHolder {padding: 10px;color: #000;font-size: 16px;position: relative;}
.answerItem .progress{z-index:0;}
.questionInfo a.playBtn {
    width: 70px;
    height: 70px;
}
.playBtn.hide{display:none;}


.swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/next.png);
    right: 20px;
    left: auto;
}
 .swiper-container-rtl .swiper-button-next {
    background-image: url(../images/next.png); transform:rotate(180deg);
    left: 20px;
    right: auto;
}
.fullVideo {
	width: 100%;
	display: block;
	max-width: 100%;
	position: relative;
	z-index: 4;
}

.questionItem .videoHolder.userVideoHolder {
    height: 502px;
}
.answersHolder {
    display: block;
    position: relative;
}
.questionItem.videoHolder.userVideoHolder {
    margin-bottom: 15px;
}
.waddahLogo {
    display: block;
    width: 130px;
    margin: 0 auto 10px;
}
.waddahLogo img{max-width:100%;}
.previousQuestionsList {font-size:0;}
.previousQuestionsList .questionItem{display:inline-block; width:31%; margin-left:3.5%; margin-bottom:30px;max-height: 485px;overflow: hidden;}
.previousQuestionsList .questionItem:nth-child(3n){margin-left:0;}
.previousQuestionsList .questionItem.hideBtn a.playBtn, .videoInput.hideBtn a.playBtn{opacity:0;}
.previousQuestionsList .questionItem.hideBtn a.playBtn:hover{opacity:1;}