/* ----------------- Declare Fonts ------------------ */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v10/uYKcPVoh6c5R0NpdEY5A-Q.woff) format('woff');
    font-size: 100%;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
    font-size: 100%;
}

@font-face {
    	font-family: "DroidKufi-Regular";
    	src: url("../fonts/DroidKufi-Regular.ttf?#iefix") format("embedded-opentype"),
    		 url("../fonts/DroidKufi-Regular.ttf") format("truetype");
    }

/* ----------------- General Rules ------------------ */

*{
  font-family: DroidKufi-Regular;
}


html {
    direction: ltr;
}

body {
    padding: 0;
    margin: 0;
    font-family: "Open Sans", Tahoma, Geneva, sans-serif;
    font-size: 16px;
    background-color: #05464C;
}

a{
  text-decoration: none !important;
}

a img {
    border: none;
}

/* ----------------- Navigation Rules ------------------ */

.navbar-brand {
    float: left;
    padding: 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px;
    padding-top: 10px;
    padding-right: 5px;
}

.menu-block-bg{
  background-color: #05464C;
}

.menu-block .navbar{

margin: 0px;
background-color: transparent;
border: none;
}

.navbar-nav > li {
    float: right;
}

.navbar-header {
    float: right;
}

.navbar-brand > img {
    display: block;
    position: relative;
    z-index: 4;
}

.navbar-default .navbar-nav > li > a {
    color: #02B5A5;
    font-size: 18px;
    line-height: 50px;
    padding-left: 20px;
    padding-right: 20px;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #02B5A5;
    background-color: transparent;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #FECC4E;
    background-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #02B5A5;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #FECC4E;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #fecc4e;
}

.navbar-default .navbar-toggle {
    border-color: #FECC4E;
    margin-top: 75px;
}

/* ----------------- Little Nice Yellow Arrow ------------------ */

.DownArrow {
    position: fixed;
    bottom: 25px;
    z-index: 10000;
    display: block;
    width: 85px;
    height: 35px;
    background-image: url('../images/downarrow.png');
    left: 632px;
}

/* ----------------- Social Bar Responsive Rules ------------------ */

.side-l .no-affix ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    margin: 0 auto;
}

.side-l .no-affix ul li {
    position: relative;
    float: right;
    padding-top: 10px;
}

.side-l .no-affix ul li a {
    display: block;
    width: 50px;
    height: 50px;
    background-image: url('../images/leftside_icons.png');
    z-index: 10000;
    position: relative;
}

.side-l .no-affix ul li a:hover {
    background-color: #fecc4e!important;
}

.side-l .no-affix ul li.BG1 a {
    background-color: #02b5a5;
}

.side-l .no-affix ul li.BG2 a {
    background-color: #01ac9d;
}

.side-l .no-affix ul li.Icon1 a {
    background-position: 0px 0px;
}

.side-l .no-affix ul li.Icon2 a {
    background-position: 0px -70px;
}

.side-l .no-affix ul li.Icon3 a {
    background-position: 0px -140px;
}

.side-l .no-affix ul li.Icon4 a {
    background-position: 0px -210px;
}

.side-l .no-affix ul li span {
    display: block;
    position: absolute;
    right: -130px;
    top: 15px;
    background-image: url('../images/leftarrow.png');
    background-repeat: no-repeat;
    height: 40px;
    line-height: 40px;
    color: #fff;
    width: 190px;
    padding-left: 10px;
    z-index: 9999;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.side-l .no-affix ul li.selected span {
    right: 70px;
}

.side-l .no-affix ul li.Icon2 a {
    background-position: -11px -79px;
}

.side-l .no-affix ul li.Icon1 a {
    background-position: -10px -7px;
}

.side-l .no-affix ul li.Icon3 a {
    background-position: -10px -147px;
}

.side-l .no-affix ul li.Icon4 a {
    background-position: -10px -219px;
}

/* ----------------- Navigation Sidebar Responsive Rules ------------------ */

.side-r{
  display: none;
}

.side-r .no-affix {
    position: fixed;
    left: -325px;
    top: 150px;
    width: 380px;
    background-image: url('../images/rightside_bg.png');
    z-index: 10000;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.side-r .no-affix:hover {
    left: 0px;
}

.side-r .no-affix .Handle {
    background-color: #052f32;
    background-image: url('../images/rightside_menu.png');
    background-repeat: no-repeat;
    background-position: 330px 10px;
    height: 50px;
}

.side-r .no-affix ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.side-r .no-affix ul li {
    padding-left: 25px;
    background-image: url('../images/rightside_arrow.png');
    background-position: left center;
    background-repeat: no-repeat;
    margin-left: 10px;
}

.side-r .no-affix ul li a {
    display: block;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 24px;
    margin-right: 20px;
}

.side-r .no-affix ul li a:hover,
.side-r .no-affix ul li.active a {
    background-image: url('../images/rightside_arrow.png');
    background-position: right center;
    background-repeat: no-repeat;
    color: #fecc4e;
}

/* ----------------- Social Sidebar Left Rules  ------------------ */

#sidebar-l .affix {
    position: fixed;
    top: 150px;
    left: 0px;
    z-index: 10000;
}

#sidebar-l .affix ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#sidebar-l .affix ul li {
    position: relative;
}

#sidebar-l .affix ul li a {
    display: block;
    width: 70px;
    height: 70px;
    background-image: url('../images/leftside_icons.png');
    z-index: 10000;
    position: relative;
}

#sidebar-l .affix ul li a:hover {
    background-color: #fecc4e!important;
}

#sidebar-l .affix ul li.BG1 a {
    background-color: #02b5a5;
}

#sidebar-l .affix ul li.BG2 a {
    background-color: #01ac9d;
}

#sidebar-l .affix ul li.Icon1 a {
    background-position: 0px 0px;
}

#sidebar-l .affix ul li.Icon2 a {
    background-position: 0px -70px;
}

#sidebar-l .affix ul li.Icon3 a {
    background-position: 0px -140px;
}

#sidebar-l .affix ul li.Icon4 a {
    background-position: 0px -210px;
}

#sidebar-l .affix ul li span {
    display: block;
    position: absolute;
    left: -130px;
    top: 15px;
    background-image: url("../images/leftarrow.png");
    background-repeat: no-repeat;
    height: 40px;
    line-height: 40px;
    color: #FFF;
    width: 190px;
    padding-right: 10px;
    z-index: 9999;
    transition: all 0.5s ease 0s;
    direction: rtl;
    text-align: right;
}

#sidebar-l .affix ul li.selected span {
    left: 70px;
}

/* ----------------- Navigation Sidebar Right Rules ------------------ */

#sidebar-r .affix {
    position: fixed;
    right: -325px;
    top: 150px;
    width: 380px;
    background-image: url("../images/rightside_bg.png");
    z-index: 10000;
    transition: all 0.5s ease 0s;
    direction: rtl;
}

#sidebar-r .affix:hover {
    right: 0px;
}

#sidebar-r .affix .Handle {
    background-color: #052F32;
    background-image: url("../images/rightside_menu.png");
    background-repeat: no-repeat;
    background-position: 10px 10px;
    height: 50px;
}

#sidebar-r .affix ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#sidebar-r .affix ul li {
    padding-right: 25px;
    background-image: url("../images/rightside_arrow.png");
    background-position: right center;
    background-repeat: no-repeat;
    margin-right: 10px;
}

#sidebar-r .affix ul li a {
    display: block;
    height: 60px;
    line-height: 60px;
    color: #FFF;
    font-size: 24px;
    margin-left: 20px;
}

#sidebar-r .affix ul li a:hover,
#sidebar-r .affix ul li.active a {
    background-image: url("../images/rightside_arrow.png");
    background-position: left center;
    background-repeat: no-repeat;
    color: #FECC4E;
}

/* ----------------- Slider Rules ------------------ */

.slider-block{
  padding: 0px;
}

.slider-block .row, .slider-block .row .col-md-12{
  margin: 0px;
  padding: 0px;
}

/* ----------------- Links Rules ------------------ */

a.GreenLink,
a.GreenLink:hover {
    color: #02b5a5;
    text-decoration: none;
}

a.YellowLink,
a.YellowLink:hover {
    color: #fecc4e;
    text-decoration: none;
}

a {
    text-decoration: none;
}

/* ----------------- Main Sections Color-Padding Rules ------------------ */

#section-1 {
    background-color: #00626c;
    padding-top: 50px;
    padding-bottom: 50px;
}

#section-2 {
    background-color: #2f3149;
    padding-top: 50px;
    padding-bottom: 50px;
}

#section-3 {
    background-color: #262626;
    padding-top: 50px;
    padding-bottom: 50px;
}

#section-4 {
    background-color: #f26148;
    padding-top: 50px;
    padding-bottom: 50px;
}

#section-5 {
    background-color: #09384b;
    background-image: url('../images/section5.jpg');
    padding-top: 50px;
    padding-bottom: 50px;
    min-height: 500px;

}

#section-6{
	background-color:#a23945;
}

#section-7 {
    background-color: #262626;
    padding-top: 50px;
    padding-bottom: 50px;
}

.Footer{
    padding-top: 50px;
    padding-bottom: 50px;
}

/* ----------------- Color-Font Rules ------------------ */

.YellowColor {
    color: #fecc4e;
}

.WhiteColor {
    color: #ffffff;
}

.GreenColor {
    color: #02b5a5;
}

.TextCenter {
    text-align: center;
}

.Dotted {
    background-image: url('../images/section2_dots.png');
    background-repeat: repeat-x;
    height: 7px;
}

.Font72 {
    font-size: 72px;
}

.Font48 {
    font-size: 48px;
}

.Font40 {
    font-size: 40px;
}

.Font36 {
    font-size: 36px;
    font-weight: normal;
}

.Font24 {
    font-size: 24px;
}

.Font14 {
    font-size: 14px;
}

.Font18 {
    font-size: 18px;
    font-weight: normal;
}

/* ----------------- Section 1 Icons Rules ------------------ */

.Section1Icon {
    float: right;
    display: block;
    margin-right: 50px;
    width: 130px;
    text-align: center;
    padding-top: 110px;
    background-position: center top;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 24px;
    margin-bottom: 10px;
}

.Section1Icon:link,
.Section1Icon:visited,
.Section1Icon:hover,
.Section1Icon:active,
.Section1Icon:focus{
    color: #fff !important;
    text-decoration: none;
}

#section1icon1 {
    background-image: url('../images/section1_01.png');
}

#section1icon2 {
    background-image: url('../images/section1_02.png');
}

#section1icon3 {
    background-image: url('../images/section1_03.png');
}

#section1icon4 {
    background-image: url('../images/section1_04.png');
}

.yellow-border{
   border-right: 2px solid #FF0;
}

.shift-right{
  margin-right: 60px;
}

/* ----------------- Section 2 Rules ------------------ */

.Section2Plus {
    background-image: url('../images/section2_plus.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 80px;
    height: 150px;
    float: right;
}

.Section2Info {
    float: right;
    width: 246px;
    position: relative;
    height: 250px;
}

.Section2Info:hover .Section2Icon {
    opacity: 0;
}

.Section2Info:hover .Section2Text {
    opacity: 1;
}

#section2icon1 {
    background-image: url("../images/section2_01.png");
}

#section2icon2 {
    background-image: url("../images/section2_02.png");
}

#section2icon3 {
    background-image: url("../images/section2_03.png");
}

.Section2Icon {
    background-position: top center;
    background-repeat: no-repeat;
    padding-top: 160px;
    color: #fff;
    font-size: 24px;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.Section2Text {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    color: #d3d3d3;
    text-align: center;
    font-size: 24px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.Dotted {
    background-image: url('../images/section2_dots.png');
    background-repeat: repeat-x;
    height: 7px;
    clear: both;
    margin-bottom: 25px;
}

/* ----------------- Section 3 Rules ------------------ */

.SlideElement {
    overflow: hidden;
    margin-right: -450px!important;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}

.ActiveSection .SlideElement {
    margin-right: 0px!important;
}

.Delay05sec {
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.Delay1sec {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -ms-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}

.overflow-hidden{
  overflow: hidden;
}

.success{
  border-radius:10px;
  background:#000;
  background:rgba(0,0,0,0.5);
  position:fixed;
  z-index:50;
  top:50%;
  width:320px;
  height:140px;
  left:50%;
  margin:-100px 0 0 -160px;
  display:none;
  box-shadow:0 0 5px #333;
}

.success h3{
  font-size:40px;
  margin-top:20px;
  text-align:center;
  color:#ff4530;
  margin-bottom:10px;
}

a.close {
  width: 10px;
  height: 10px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 50;
  background-image: url(../images/close.png);
  text-indent: -999px;
  overflow: hidden;
}

.body-holder{
  padding-right:140px;
}

.CharRow {
  clear: both;
}

.CharRow:after {
    content: "";
    clear: both;
    display: block;
}

#section-3 .RightArrow {
    float: right;
    display: block;
    width: 15px;
    background-image: url('../images/characterarrow.png');
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.5;
}

#section-3 .LeftArrow {
    float: right;
    display: block;
    width: 15px;
    background-image: url('../images/characterarrowinv.png');
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.5;
}

#section-3 .RightArrow:hover,
#section-3 .LeftArrow:hover {
    opacity: 1;
}

.CharBody {
    float: right;
    width: 240px;
    background-image: url('../images/chars.png');
}

.CharSplit {
    height: 2px;
    background-image: url('../images/charactersplit.png');
    background-position: center;
    background-repeat: no-repeat;
}

.Bodyheight1 {
    height: 91px;
}

.Bodyheight2 {
    height: 125px;
}

.Bodyheight3 {
    height: 211px;
}

#bodytop {
    background-position: 0px 0px;
}

#bodymiddle {
    background-position: 0px -93px;
}

#bodybottom {
    background-position: 0px -220px;
}

/* ----------------- Section 4 Rules ------------------ */

#section4icon1 {
    background-image: url('../images/videoicon1.png');
}

#section4icon2 {
    background-image: url('../images/videoicon2.png');
}

#section4icon3 {
    background-image: url('../images/videoicon3.png');
}

.Section4Info {
    float: right;
    width: 300px;
    position: relative;
    height: 250px;
}

.Section4Icon {
    background-position: top center;
    background-repeat: no-repeat;
    padding-top: 100px;
    color: #fff;
    font-size: 20px;
    position: relative;
    text-align: center;
}

.Section4Video{
	background-position:top center;
	background-repeat:no-repeat;
	color:#fff;
	font-size:20px;
	position:relative;
	text-align:center;
	margin:0px auto;
	width:0px;
	margin-top:82px;
	-webkit-transition: all 1.5s;
	-moz-transition: all 1.5s;
	transition: all 1.5s;
	transition-timing-function: ease-in-out;
	opacity:0;
}
.ActiveSection .Section4Video{
	width:290px;
	margin-top:0px;
	opacity:1;
}
.Section4Video img{
	width:100%;
}
.VideoPlay{
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-30px;
	margin-left:-30px;
	display:block;
	width:61px;
	height:61px;
	background-image:url('../images/videoplay.png');
	opacity:0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;
    -ms-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s;
}
.ActiveSection .VideoPlay{
	opacity:1;
}
.VideoLightbox{
	position:fixed;
	left:50%;
	top:50%;
	margin-top:-200px;
	margin-left:-450px;
	height:440px;
	width:900px;
	background-color:#05464c;
	z-index:10003;
	padding:20px;
	padding-right:5px;
	display:none;
    direction: rtl;
}
.VideoClose{
	position:absolute;
	top:5px;
	right:5px;
	display:block;
	width:20px;
	height:20px;
	background-image:url('../images/videoclose.png');
	background-repeat:no-repeat;
}
.Mask{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#000;
	opacity:0.4;
	z-index:10002;
	display:none;
}

/* ----------------- Section 5 Rules ------------------ */

.SearchInput {
    display: block;
    border: medium none;
    background-color: #519FA6;
    padding: 7px;
    color: #1B565C;
    font-size: 28px;
    width: 630px;
    font-family: "Droid Arabic Kufi",Tahoma,Geneva,sans-serif;
    margin-left: 10px;
    float: right;
    transition: all 0.3s ease 0s;
    direction: rtl
}

.SearchBtn {
    display: block;
    height: 70px;
    line-height: 70px;
    font-size: 28px;
    text-align: center;
    background-color: #FECC4E;
    width: 220px;
    float: right;
    color: #1B565C;
    transition: all 0.3s ease 0s;
}

.SearchTitle{
  margin-top: 133px;
}

/* ----------------- Section 6 Rules ------------------ */

#section-6 .ContactText{
	height:44px;
	margin-bottom:10px;
	margin-left:5px;
	padding:5px 10px;
	background-color:#882d37;
	border:1px solid #b3404d;
	color:#fff;
	font-family: "Droid Arabic Kufi", Tahoma, Geneva, sans-serif;
	font-size:20px;
    width: 96%;
}
.Req{
	line-height:45px;
}
#section-6 .Submit{
	display:block;
	height:45px;
	width:87px;
	line-height:45px;
	background-color:#fea14e;
	color:#c1515e;
	border:none;
	font-family: "Droid Arabic Kufi", Tahoma, Geneva, sans-serif;
	font-size:20px;
	float:right;
	cursor:pointer;
	cursor:pointer;
}
#section-6 .MarginEffect{
	margin-top:50px;
}
.ActiveSection .MarginEffect{
	margin-top:0px !important;
}
#section-6 .ContactText::-webkit-input-placeholder{
	color:#c1515e;
}
#section-6 .ContactText:-moz-placeholder{
	color:#c1515e;
}
#section-6 .ContactText::-moz-placeholder {
	color:#c1515e;
}
#section-6 .ContactText:-ms-input-placeholder {
	color:#c1515e;
}
#section-6 .ContactText:focus{
	outline:none;
}
#section-6 .ContactText:focus::-webkit-input-placeholder{
	color:#fff;
}
#section-6 .ContactText:focus:-moz-placeholder{
	color:#fff;
}
#section-6 .ContactText:focus::-moz-placeholder {
	color:#fff;
}
#section-6 .ContactText:focus:-ms-input-placeholder {
	color:#fff;
}

#section-6 .MarginEffect
{
	margin-top:50px
}
.ActiveSection .MarginEffect
{
	margin-top:0px!important
}

.FadeEffect
{
	opacity:0
}
.ActiveSection .FadeEffect
{
	opacity:1
}

.Transition05sec
{
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	transition:all 0.5s
}
.Transition1sec
{
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	transition:all 1s
}


/* ----------------- Section 7 Rules ------------------ */

#section-7 .SponserTitle {
    float: right;
    width: 150px;
    color: #FFF;
    font-size: 20px;
}

.sp150{
  line-height: 150px;
}

.sp90{
  line-height: 90px;
}

.padd-bot-30{
 padding-bottom: 30px;
}

.ImagePlaceHolder1 {
    color: #c1515e;
    float: right;
    text-align: center;
    margin-right: 80px;
    font-size: 20px;
    padding-right: 25px;
    position: relative;
    -webkit-transition: all 1.2s ease-in-out;
    -moz-transition: all 1.2s ease-in-out;
    transition: all 1.2s ease-in-out;
}

.ActiveSection .ImagePlaceHolder1 {
    margin-right: 0px !important;
}

.sponser-row{
  clear: both;
  padding-top: 25px;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}

.img-holder-1{
  padding-right: 0px;
}

/* ----------------- Footer Rules ------------------ */

.Footer {
    color: #ededed;
    background-color: #323232;
}

.Footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.Footer ul li a {
    color: #ededed;
}

.Footer ul li a:hover {
    text-decoration: underline;
}

.Footer p {
    color: #ededed;
}

.Footer .FooterSocial {
    width: 40px;
    height: 35px;
    display: inline-block;
    background-position: top right;
}

.Footer .FooterSocial:hover {
    background-position: bottom right;
}

.Footer .GPlus {
    background-image: url('../images/footergoogle.png');
}

.Footer .Facebook {
    background-image: url('../images/footerfacebook.png');
}

.Footer .Twitter {
    background-image: url('../images/footertwitter.png');
}

.Footer .Instgram {
    background-image: url('../images/footerinstgram.png');
}

.text-center-xs{
  padding-right: 150px;
}

#slide-block1, #slide-block2, #slide-block3{
  display: none;
}

/* ----------- Subpage ------------ */

#subpage{
  background-color: #EDEDED;
  padding-top: 70px;
}

#subpage *{
    direction: rtl;
}

.SubPage p{
  direction: rtl;
  margin: 15px 0px 15px 0px;
}

.glue{
  padding: 25px;
}

#subpage{
  padding-bottom: 50px;
}


#subpage h1 {
    font-weight: normal;
    color: #02B5A5;
    font-size: 36px;
    margin: 0px;
}

#subpage h2 {
    color: #F6AF34;
    font-weight: normal;
    font-size: 24px;
    margin-bottom: 20px;
}

.content-holder{
  padding: 0px 20px 0px 20px;
  color: #929292;
}

#diagram{
  text-align:center;
  margin-top:100px !important;
}

#diagram img{
  margin: 0 auto;
}

ol{
  list-style: none;
  padding-right: 0px;
}

 ol li {
    padding-right: 26px;
    background-image: url("../images/listicon.png");
    background-repeat: no-repeat;
    background-position: right top;
    margin-right: 5px;
    color: #929292;
    margin-bottom: 5px;
    font-size: 15px;
}

 .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td {
    text-align: right;
}

 .table thead:first-child tr:first-child, .table thead:first-child tr:first-child {
    background-color: #02B5A5;
    color: #FFF;
 }

.table-striped tbody > tr:nth-child(2n+1), .table-striped tbody > tr:nth-child(2n+1) {
    background-color: #DADADA;
}

.table > tbody > tr{
  background-color: #E3E3E3;
}

.table th, .table td {
    padding: 5px 10px;
    font-size: 18px;
}

.table > tbody > tr > td{
  border-top: 2px solid #eee;
}

.table > tbody > tr > td:nth-child(2), .table > tbody > tr > th:nth-child(2),
.table > thead > tr > td:nth-child(2), .table > thead > tr > th:nth-child(2){
  border-right: 2px solid #eee;
}

.table > tbody > tr > td a{
  color: #929292 !important;
}





#subpage a, #subpage a:hover {
    color: #02B5A5;
    text-decoration: none;
}

.t-title{
  padding-right: 10px;
}

.block-diagram{
  background-color: #EBEBEB;
border: 8px solid #E3E3E3;
width: 98%;
margin-right: -14px;
padding-top: 10px;
}

.block-right{
  width: 98%;
margin-right: 20px;
}

.block-diagram .carousel-inner > .item {
    width: 80%;
margin: 0px 10%;
}

.block-diagram .carousel-control{
  width: 8%;
}

.block-diagram .carousel-img{
  position: relative;
width: 25%;
display: inline-block;
float: right;
}

#myCarousel, #myCarousel2, #myCarousel3{
  padding-top: 15px;
}

.block-diagram .carousel-inner > .item img{
  float: right;
display: inline;
position: relative;
width: 86%;
border-radius: 50%;
border: 4px solid #666666;
}

.block-diagram .carousel-caption{
float: right;
width: 75%;
position: relative;
margin-right: -75px;
text-shadow: none;
}

.skills .block-diagram .carousel-caption{

margin-right: -60px;
}

.block-diagram .carousel-caption h4,
.block-diagram .carousel-caption h3,
.block-diagram .carousel-caption p{
  margin:0px;
  padding: 0px;
  text-align: right;
}

.block-diagram .carousel-caption h3{
  font-size: 18px;
  color: #828282;
}

.block-diagram .carousel-caption h4{
  font-size: 16px;
  color: #02B5A5;
  padding-bottom: 3px;
  padding-top: 3px;
}

.block-diagram .carousel-caption p{
  font-size: 10px;
  color: #828282;
}

.block-diagram .carousel-control.right,
.block-diagram .carousel-control.left {
    background: none;
}

#myCarousel3 .carousel-caption{
  padding-top: 50px;
}

div.carousel-block::before {
  background-image: url("../images/triangle.png");
  background-repeat: no-repeat;
  background-position: center top;
  content: "";
  position: absolute;
  top: -12%;
  left: 50%;
  margin-left: -55px;
  width: 0px;
  height: 0px;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 33px;
  margin-top: 13px;
}

.block-diagram{
  margin-top: 13px;
}

.skills  .block-diagram{
  margin-top: 19px;
}

.programs .block-diagram{
  margin-top: 12px;
}

.pdf-inner{
  padding: 0px;
}

.pdf-inner{
  font-size: 12px;
}

.pdf{
  padding-top: 3px;
position: relative;
display: inline-block;
background-color: #E3E3E3;
margin-bottom: -7px;
width: 100%;
}

.principles li{
  padding-bottom: 15px;
}

.trainer-heading{
  background-color: #00444B;
color: #FECC4E;
padding: 20px;
font-size: 24px;
margin-bottom: 35px;
}

.trainer-img img{
    border-radius: 50%;
border: 4px solid #666666;
}

.trainer-info .name,
.trainer-info .pos,
.trainer-info .country,
.trainer-img{
    text-align: center;
    font-size: 12px;
}

.trainer-info .pos{
    color: #02B5A5;
}

.trainer-holder{
  padding: 0px;
  background-color: #E3E3E3;
  padding-bottom: 40px;
}

.trainer-holder .col-md-12{
  padding: 0px;
}

.no-padding{
  padding-top: 0px !important;
}

.skills-heading{
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 15px;
  margin-bottom: 20px;
  font-size: 30px;
  color: #FECD4D;
  background-color: #00444B;
}

.h2-green{
  margin-top: 5px !important;
  margin-bottom: 5px !important;
  color: #00B6A6 !important;
  font-size: 20px !important;
}

.whom-for-text{
  padding-top: 20px;
  padding-bottom: 20px;
}

.gh-tooltip {
    position: relative;
}

.gh-tooltip .gh-tooltiptext {
    visibility: hidden;
    width: 340px;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    font-size: 13px;
    left: 10px;
    top: 30px;
    background-color: rgba(0, 182, 166, 0.5);
    position: absolute;
    z-index: 1;
}

.gh-tooltip:hover .gh-tooltiptext {
    visibility: visible;
}

.testmonials  .carousel-img {
    position: relative;
    width: 50%;
    display: inline-block;
    float: right;
}

.testmonials .carousel-caption {
    float: right;
    width: 50%;
    position: relative;
    margin-right: -50px;
    text-shadow: none;
}

.testmonials .carousel-caption h3 {
    font-size: 14px;
}

.testmonials .carousel-inner > .item img {
    float: right;
    display: inline;
    position: relative;
    width: 86%;
    border-radius: 0px;
    border: none;
    margin-right: 50px;
    padding-bottom: 35px;
}

.no-padding-contact{
  padding: 0px;
}

.no-padding-contact .ContactText{
  width: 92% !important;
}

.textarea{
  height: 156px !important;
}

.contact-form{
  padding-bottom: 40px;
  padding-top: 60px;
}

.contact-form .Font24{
  padding-bottom: 20px;
}

@media only screen and (max-width: 420px){
  .ImagePlaceHolder1 {
    clear: both;
  }

  .CharBody {
    width: 175px;
    margin-right: 24px;
  }

  #bodytop{
    margin-top: 15px !important;
  }

  .Section4Info {
    width: 260px;
  }

  .ActiveSection .Section4Video {
    width: 250px;
  }

  .video-divider{
    margin-top: 40px !important;
  }

  #section-3 .LeftArrow {
    margin-right: -33px;
  }

  #section-3 .RightArrow {
    margin-right: 31px;
  }

  #section-6 .ContactText {
    width: 92%;
  }

  #section-6 textarea.ContactText {
    width: 97%;
  }

  .programs div.carousel-block::before {
    top: -2%;
    margin-top: 10px;
  }

  .programs .carousel-block {
    padding-top: 21px;
  }

  .programs .carousel-caption {
    width: 100%;
    margin-right: -30px;
  }

  .programs .carousel-img {
    width: 100%;
  }

  .skills div.carousel-block::before {
    top: -1%;
    margin-top: 10px;
  }

  .skills .carousel-caption {
    width: 100%;
    margin-right: -20px;
  }

  .skills .carousel-img {
    width: 100%;
  }

  .skills .testmonials .carousel-inner > .item img {
    width: 100%;
    margin-right: 0px;
  }

  .skills #myCarousel3 .carousel-caption {
    margin-right: -27px;
    padding-top: 50px;
  }

  .skills .block-diagram .carousel-caption {
    width: 100%;
    margin-right: -20px;
  }

  .side-l .no-affix ul {
    margin-right: 43px;
  }
}


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

  .Section2Info {
    float: none;
    width: 246px;
    position: relative;
    height: 250px;
    margin: 0 auto;
  }

  .Section2Plus {
    background-image: url("../images/section2_plus.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 80px;
    height: 150px;
    display: block;
    margin: 0px auto;
    float: none;
  }

  .Section1Icon {
    float: none;
    display: block;
    margin-right: 25px;
    width: 130px;
    text-align: center;
    padding-top: 110px;
    background-position: center top;
    background-repeat: no-repeat;
    color: #FFF;
    font-size: 24px;
    margin: 0 auto;
  }

  .body-holder{
    padding-right:0px;
  }

  #bodytop{
    margin-top: 50px;
  }

  .Section4Info {
    float: none;
    margin: 0 auto;
  }

  .shift-right{
  margin-right: 0px;
  }

  .yellow-border{
    border: none;
  }

  #section-5{
    min-height: none;
  }

  #sidebar-l{
    display: none;
  }

  #sidebar-r{
    display: none;
  }

  .SearchInput {
    width: 100%;
  }

  .result-text{
    font-size: 27px;
  }

  .SearchTitle{
    margin-top: 75px;
  }

  .ImagePlaceHolder{
    margin: 0 auto;
    text-align: center;
  }

  .ImagePlaceHolder1 {
    float: none;
    padding-right: 0px;
    margin-right: 150px;
    text-align: center;
    padding-top: 25px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
  }

  .ActiveSection .ImagePlaceHolder1 {
    margin-right: 0px;
  }

  #section-6 .SponserTitle {
    float: none;
    width: 150px;
    color: #FFF;
    font-size: 20px;
    margin: 0px auto;
    text-align: center;
  }

  .text-center-xs{
    text-align: center;
    padding-top: 25px;
    padding-right: 0px;
  }

  .DownArrow{
     left: 45%;
   }

   .block-right {
    width: 100%;
    margin-right: 0px;
   }

   .block-diagram .carousel-caption {
    float: right;
    width: 100%;
    position: relative;
    margin-right: -30px;
    text-shadow: none;
   }

   .testmonials .carousel-caption {
    float: right;
    width: 50%;
    position: relative;
    margin-right: -50px;
    text-shadow: none;
   }

   .block-diagram {
    background-color: #EBEBEB;
    border: 8px solid #E3E3E3;
    width: 100%;
    margin-right: 0px;
    padding-top: 10px;
   }

   .carousel-block{
     padding-top: 20px;
   }




}

@media (min-width: 768px) and (max-width: 992px) {
   .Section2Info{
     width: 175px;
   }

   .Section4Info{
     width: 230px;
   }

   .Section2Plus{
     height: 90px;
   }

   .Section2Info{
     height: 200px;
   }

   .Section1Icon {
      margin-right: 30px;
   }

   .text-center-xs {
    padding-right: 30px;
   }

   .DownArrow{
     left: 425px;
   }

   .body-holder{
    padding-right:30px;
   }

   div.carousel-block::before {
    top: -11%;
   }

   .programs .carousel-caption {
    margin-right: -50px;
   }

   .block-right {
    width: 100%;
    margin-right: 0px;
   }

   .block-diagram .carousel-caption {
    margin-right: -50px;
   }


}



/* --------------------------------------- */