@charset "utf-8";
/* CSS Document */
:root{
	/*Colors*/
	--MainColorBG:#0F235D;
	--SecondColor:#2D5DC3;
	--ThirdColor:#478BBB;
    --FourthColor:#c7e2fe;
	--MainText:#0F235D;
	--SecondText:#0F235D;
	--HighLight:#00A9FF;
	--HighLight2:#BEE4FF;
}
::-moz-selection{
   	background:var(--HighLight);
   	color:var(--MainColorBG)
}
::selection{
  	background:var(--HighLight);
   	color:var(--MainColorBG)
}
/*Tweak for overlay menu: BG:z-index:0;header:z-index:2;main:z-index:1;relative all. Then nav ul absolute*/
body{
    line-height:1.7;
    color:var(--MainText);
	overflow-x:hidden 
}
header{
    
}
main{
   
}
#ContentHeader{
	background-color:var(--MainColorBG)
}
#TopBar{
    text-align:right;
    padding:5px
}
#HeaderNetworks{
    display:none
}
#LangSelect{
    display:inline-block;
    list-style:none
}
#LangSelect > li{
    display:inline-block;
    font-size:18px;
    margin:3px 2px;
    line-height:1.7;
}
#LangSelect > li > a{
    color:white;
    font-weight:bold
}
#LangSelect > li > a:hover{
    color:var(--HighLight)
}
#Hamburger{
    display:inline-block;
    font-size:25px;
    padding:3px 2px;
    color:white
}
#HeadLogo{
	text-align:center
}
#MainLogo{
    width:300px;
	margin:20px auto;
}
nav{
	margin-top:0;
}
nav ul{
	display:none;
	position:absolute;
	height:100vh;
	width:100%;
	top:0;
	left:0;
	list-style: none;
	z-index:100;
    background: rgb(45,93,195);
background: -moz-radial-gradient(circle, rgba(45,93,195,1) 0%, rgba(15,35,93,1) 68%);
background: -webkit-radial-gradient(circle, rgba(45,93,195,1) 0%, rgba(15,35,93,1) 68%);
background: radial-gradient(circle, rgba(45,93,195,1) 0%, rgba(15,35,93,1) 68%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2d5dc3",endColorstr="#0f235d",GradientType=1);
}
nav ul li:first-of-type{
	padding-top:60px
}
nav ul li{
	font-size:20px;
    margin-bottom:10px
}
nav ul li a{
	padding:15px 0;
	display:block;
	color:white;
}
.MenuLogo{
    display:block;
	width:270px;
	margin:35px auto 0 auto;
}
.active{
	font-weight:bolder;
	color:var(--HighLight)
}
/*ANIMATIONS*/
.FromRight[data-scroll]{
 	-webkit-transition: all ease 2s;
 	-o-transition: all ease 2s;
 	transition: all ease 2s
}
.FromRight[data-scroll="in"]{
 	opacity: 1;
	-webkit-transform:translateX(0px);
	    -ms-transform:translateX(0px);
	        transform:translateX(0px)
}
.FromRight[data-scroll="out"]{
 	opacity: 0;
	-webkit-transform:translateX(90px);
	    -ms-transform:translateX(90px);
	        transform:translateX(90px)
}
.FromLeft[data-scroll]{
 	-webkit-transition: all 2s;
 	-o-transition: all 2s;
 	transition: all 2s
}
.FromLeft[data-scroll="in"]{
 	opacity: 1;
	-webkit-transform:translateX(0px);
	    -ms-transform:translateX(0px);
	        transform:translateX(0px)
}
.FromLeft[data-scroll="out"]{
 	opacity: 0;
	-webkit-transform:translateX(-90px);
	    -ms-transform:translateX(-90px);
	        transform:translateX(-90px)
}
.FromDown[data-scroll]{
 	-webkit-transition: all 2s;
 	-o-transition: all 2s;
 	transition: all 2s
}
.FromDown[data-scroll="in"]{
 	opacity: 1;
	-webkit-transform:translateY(0px);
	    -ms-transform:translateY(0px);
	        transform:translateY(0px)
}
.FromDown[data-scroll="out"]{
 	opacity: 0;
	-webkit-transform:translateY(90px);
	    -ms-transform:translateY(90px);
	        transform:translateY(90px)
}
.Fade[data-scroll]{
 	-webkit-transition: all 2s;
 	-o-transition: all 2s;
 	transition: all 2s
}
.Fade[data-scroll="in"]{
 	opacity: 1;
}
.Fade[data-scroll="out"]{
 	opacity: 0;
}
/*BUTTONS*/
.Button1,.Button2,.Button3{
    height:45px;
    display:flex;
    justify-content:center;
    align-content:center;
}
.Button1 > a,.Button2 > a,.Button3 > a{
    display:block;
    padding-top:7px;
    width:100%;
    height:100%;
    margin:0 auto;
	border-radius:0;
	transition:ease all 0.3s;
    font-family:MainFontBold;
	font-size:20px;
	cursor:pointer;
    text-align:center;
}
.Button1 > a{
	border:1px solid var(--SecondColor);
    color:white;
}
.Button2 > a{
    border:1px solid var(--HighLight);
	background-color:none;
    color:var(--MainColorBG);
}
.Button3 > a{
    border:none;
	background-color:var(--SecondColor);
    color:white;
}
.Button1 > a:hover{
	background-color:rgba(45,93,195,0.37)
}
.Button2 > a:hover{
	border:1px solid var(--MainColorBG);
}
.Button3 > a:hover{
	background-color:var(--MainColorBG);
}

#HeaderBG{
    background-position:center bottom
}
#MainTitles{
    min-height:60vh;
	padding-top:40px
}
#MainMessage > p{
	color:white;
	text-align:left;
	font-size:17pt
}
#MainMessage > h1,#MainMessage > h2,#MainMessage > h3,#MainMessage > h4{
	color:white;
	text-align:left;
}
#ServicesBlocks .slick-dots li button:before{
    font-size:14px;
    color:var(--MainColorBG);
}
.Pilar{
    width:225px;
    height:467px !important;
    margin:10px 20px 30px;
    background-position:center center;
    background-repeat:no-repeat;
    box-shadow:11px 11px 10px 5px rgba(15,35,93,0.10)
}
.Pilar > a{
    position:relative;
    display:block;
     margin-top:-29px;
    width:225px;
    height:467px;
    transition:ease all 0.3s
}
.Pilar > a:hover{
    background-color:rgba(15,35,93,0.70)
}
.Pilar > a > h2{
    height:100%;
    text-align:left;
    padding-top:20px;
    margin-top:30px;
    letter-spacing:3px;
    font-size:28px;
    white-space:nowrap;
    color:white;
    writing-mode:tb-rl;
    transform:rotate(-180deg)
}
#ShowsAndEvents{
    color:white
}
#OurPartners{
    background-color:var(--FourthColor);
    color:var(--MainColorBG)
}
footer{
    overflow:hidden;
    background-color:var(--MainColorBG);
    color:white;
    padding:60px 0 20px;
    border-bottom:10px solid var(--HighLight)
}
footer a{
    color:white
}
footer a:hover{
    color:var(--HighLight)
}
#FooterLeft > p{
    text-align:center
}
#TermsAndConditions > a{
    display:block;
    margin:10px auto;
}
#FooterRight > h3{
    color:white;
    margin:10px auto;
    text-transform:uppercase
}
#FooterContact{
    margin-left:75px;
    list-style:none;
    list-style-position:inside;
    text-align:left
}
#FooterNetworks{
    list-style:none;
    margin:20px 0
}
#FooterNetworks li{
    display:inline-block;
    margin:2px 5px;
    font-size:35px
}
#Welcome > h1,#ShowsAndEvents > h1,#OurPartners > div > h1,#MeetTheForce > h1,#InAction > h1{
    margin:30px auto;
    letter-spacing:3px
}
.CLEvent{
    margin:20px 0
}
.CLEvent > h2 > a{
    color:white
}
.CLEvent > h2 > a:hover{
    color:var(--HighLight)
}
.CLDay{
    font-family:MainFontBold;
    font-size:140px
}
.CLMonth{
    font-size:40px
}
#EventSlider .slick-dots li button:before{
    font-size:18px;
    color:white;
}
#YouTubeVideo{
    width:290px;
    height:163;
    margin:10px auto
}
#PartnerSlider .slick-dots li button:before{
    font-size:14px;
    color:var(--MainColorBG);
}
#ProfileSlider .slick-dots li button:before{
    font-size:14px;
    color:var(--MainColorBG);
}
.Partner{
    display:inline-block;
    width:130px;
    margin:20px auto
}
.ProfBlock{
    position:relative;
    width:290px;
    height:500px;
    overflow:hidden;
    margin:10px auto;
}
.ProfImg{
    position:absolute;
    top:0;
    left:0;
    right:0;
    margin:0 auto;
    z-index:1
}
.ProfCoverGrad{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:2;
    background: -webkit-linear-gradient(bottom, rgba(15,35,93,1) 13%, rgba(45,93,195,0) 100%);
    background: -o-linear-gradient(bottom, rgba(15,35,93,1) 13%, rgba(45,93,195,0) 100%);
    background: linear-gradient(to top, rgba(15,35,93,1) 13%, rgba(45,93,195,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0f235d",endColorstr="#2d5dc3",GradientType=1); 
}
.ProfCover{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(15,35,93,0.91);
    z-index:3;
    opacity:0;
    transition:ease all 0.3s
}
.ProfCover:hover{
    opacity:1;
}
.ProfName{
    position:absolute;
    bottom:20px;
    left:0;
    right:0;
    margin:10px auto;
    z-index:4;
    color:white;
    font-size:35px
}
.ProfPassion{
    position:absolute;
    top:50px;
    left:0;
    right:0;
    margin:10px 35px;        
    z-index:5;
    color:white
}
#ProfilesList > h1{
    margin:30px auto 5px;
    letter-spacing:3px
}
#ProfilesList > h2{
     margin:30px auto;
    letter-spacing:3px
}
#ProfilesList > a:first-of-type{
    display:block;
    width:350px;
    margin:0 auto
}
.ProfileBlock{
    width:290px;
	min-height:290px;
	vertical-align:top;
	text-align:center;
	display:inline-block;
}
.ProfImgBack{
    width:290px;
    height:290px;
    padding:5px;
    border-radius:6px;
    overflow:hidden;
    background: -moz-linear-gradient(0deg, rgba(15,35,93,1) 0%, rgba(45,93,195,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(15,35,93,1) 0%, rgba(45,93,195,1) 100%);
background: linear-gradient(0deg, rgba(15,35,93,1) 0%, rgba(45,93,195,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0f235d",endColorstr="#2d5dc3",GradientType=1);
}
.ProfImgBack > img{
    width:280px;
    border-radius:6px;
    transition:ease all 0.3s
}
.ProfImgBack > img:hover{
    transform:scale(1.1)
}
.ProfileBlock > p{
    color:var(--SecondColor);
    margin-top:0px; 
     text-align:center
}
.BottomLine{
    width:80%;
    margin:0 auto;
    border-bottom:1px solid var(--HighLight)
}
#ProfileDetail{
    padding:60px 0
}
#ProfileDetail > a{
    display:block;
    text-align:left;
    margin-left:5px;
    color:var(--MainColorBG);
    transition:ease all 0.3s
}
#ProfileDetail > .BlockSingle > img{
     width:290px;
    border-radius:6px
}
#ProfileDetail > a:hover{
    color:var(--HighLight)
}
#PName{
    border-bottom:2px solid var(--HighLight)
}
#PTitle{
    text-align:center;
    margin-top:0
}
.CEvent{
    color:var(--MainColorBG);
    margin:20px auto;
    border-bottom:1px solid var(--MainColorBG)
}
.CDate{
    display:inline-block;
    height:275px;
    vertical-align:top;
    text-align:center
}
.CDay{
    font-family:MainFontBold;
    font-size:140px;
    height:190px;
    color:var(--HighLight)
}
.CMonth{
    font-size:40px;
    height:55px
}
.CYear{
	font-size:20px;
	height:29px;
	letter-spacing:3px
	}
.CDescrip{
    vertical-align:top;
    padding-top:20px;
    color:var(--MainColorBG)
}
.CDescrip > h2 > a{
    color:var(--SecondColor)
}
.CDescrip > h2 > a:hover{
    color:var(--HighLight)
}
#ContactMap{
   margin: 0 auto;
	padding:10px 0; 
}
#ContactMap iframe{
	width:100%;
	height: 270px;
	border-radius:6px;
}
#ContactData{
    text-align:left;
    list-style-image:none;
    margin:30px 40px 30px;
    width:90%
}
#ContactData li a{
    color:var(--SecondColor)
}
#ContactData li a:hover{
    color:var(--HighLight)
}
.FormField{
    -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 95%;
	height: 40px;
	padding:5px;
	margin:4px;
    border:none;
    border-radius:0;
	border-bottom:1px solid var(--MainColorBG);
	color:var(--SecondColor)
}
.FormField::placeholder{
    font-family:MainFont;
    font-size:16px;
    opacity:0.9
}
.FormTextArea{
    width:95%;
	height:110px;
	padding:5px;
	margin:4px;
    border-radius:0;
	border: 1px solid var(--MainColorBG);
    color:var(--SecondColor);
    font-family:MainFont;
}
.FormTextArea::placeholder{
    font-family:MainFont;
    font-size:16px;
    opacity:0.9
}
.SendButton{
    -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
    display:block;
    padding:10px 20px;
    margin:0 auto;
    border:none;
	border-radius:12px;
	transition:ease all 0.3s;
    font-family:MainFontBold;
    background-color:var(--MainColorBG);
    color:white;
	font-size:20px;
	cursor:pointer;
    text-align:center;
    letter-spacing:2px
}
.SendButton:hover{
    background-color:var(--HighLight);
    letter-spacing:3px
}
#ServicesList > h1{
    margin:30px auto 5px;
    letter-spacing:3px
}
#ServicesList > h2{
     margin:30px auto;
    letter-spacing:3px
}
.ServiceBlock{
    display:inline-block;
    width:290px;
    min-height:190px;
    background-color:white;
    border-radius:6px;
    border:1px solid #EFEFEF;
    padding-bottom:10px;
    margin:10px 3px;
    vertical-align:top;
    -webkit-box-shadow: 10px 10px 37px -19px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 37px -19px rgba(0,0,0,0.75);
box-shadow: 10px 10px 37px -19px rgba(0,0,0,0.75);
}
.ServiceBlock > p{
    margin:12px
}
.ServiceImg{
    padding:20px 10px
}
.ServiceImg > img{
    width:180px;
    transition:ease all 0.3s
}
.ServiceImg > img:hover{
    filter:brightness(1.1);
    animation-name:tada;
    animation-duration:1s;
    animation-iteration-count:1
}
.ServDetail{
	margin:20px auto;
}
.ServDetail > ul{
    display:table;
	margin:20px 0 20px 5%
}
.ServDetail > ul li{
    display:table-row;
    line-height:1.7;
    margin-bottom:15px;;
    text-align:left
}
.ServDetail > ul li::before{
    display:table-cell;
    content:"\2022";
    color:var(--HighLight2);
    font-weight: bold;
    width: 1em;
    text-align:left
}
.ServDetail > ol{
    display:table;
    counter-reset:item
}
.ServDetail > ol li{
    display:table-row;
    line-height:1.7;
    margin-bottom:15px;;
    text-align:left
}
.ServDetail > ol li::before{
    display:table-cell;
    content:counter(item) ". ";
    counter-increment: item;
    color:var(--HighLight2);
    font-weight: bold;
    width: 1em;
    text-align:left
}
div[id*='Course_']{
	position:relative;
	margin:20px auto;
	overflow:hidden
}
.c_price{
	background-color:#2F9810;
  overflow: hidden;
  white-space: nowrap;
  /* top left corner */
  position: absolute;
  left: -50px;
  top: 14px;
  transition:ease all 0.3s;
  /* for 45 deg rotation */
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
  /* for creating shadow */
  -webkit-box-shadow: 0 0 10px #888;
     -moz-box-shadow: 0 0 10px #888;
          box-shadow: 0 0 10px #888;
}
.c_price:hover{
	background-color:#3ABC13;
}
.c_price span{
  color: #fff;
  display: block;
  font: bold 100% 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 1px 0;
  padding: 10px 50px;
  text-align: center;
  text-decoration: none;
  /* for creating shadow */
  text-shadow: 0 0 5px #444;
}
.c_descrip > ul{
    display:table;
	margin:20px 0 20px 5%
}
.c_descrip > ul li{
    display:table-row;
    line-height:1.7;
    margin-bottom:15px;;
    text-align:left
}
.c_descrip > ul li::before{
    display:table-cell;
    content:"\2022";
    color:var(--HighLight2);
    font-weight: bold;
    width: 1em;
    text-align:left
}
.c_descrip > ol{
    display:table;
    counter-reset:item
}
.c_descrip > ol li{
    display:table-row;
    line-height:1.7;
    margin-bottom:15px;;
    text-align:left
}
.ServDetail > ol li::before{
    display:table-cell;
    content:counter(item) ". ";
    counter-increment: item;
    color:var(--HighLight2);
    font-weight: bold;
    width: 1em;
    text-align:left
}
#MarketingSection ul{
    display:table;
	margin:20px 0 20px 5%
}
#MarketingSection ul li{
    display:table-row;
    line-height:1.7;
    margin:10px 0 15px 0;
    text-align:left;
}
#MarketingSection ul li::before{
    display:table-cell;
    content:"\2022";
    color:var(--HighLight2);
    font-weight: bold;
    width: 1em;
    text-align:left
}
#MarketingSection ol{
    display:table;
    counter-reset:item;
}
#MarketingSection ol li{
    display:table-row;
    line-height:1.7;
    margin:10px 0 15px 0;
    text-align:left
}
#MarketingSection ol li::before{
    display:table-cell;
    content:counter(item) ". ";
    counter-increment: item;
    color:var(--HighLight2);
    font-weight: bold;
    width: 1em;
    text-align:left
}

div[id*='MarketingSection']{
	color:white
}
div[id*='MarketingSection'] h1,div[id*='MarketingSection'] .BlockDef > p{
	color:white
}
.Hit{
	position:relative;
	height:290px;
	width:290px;
	margin:10px 2px;
	overflow:hidden;
	border:5px solid var(--MainColorBG)
}
.HLink{
	position:absolute;
	top:170px;
	left:10px;
	z-index:5;
	color:white;
	font-weight:bold;
	pointer-events:none;
	text-align:left;
	background:rgba(15,35,93,0.88);
	padding:10px 15px;
	opacity:1;
}
.HLink i{
	color:white;
}
.Button2btn{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height:45px;
    display:flex;
    justify-content:center;
    align-content:center;
    padding:7px 20px;
    margin:0 auto;
	border-radius:0;
	transition:ease all 0.3s;
    font-family:MainFontBold;
	font-size:20px;
	cursor:pointer;
    text-align:center;
	border:1px solid var(--HighLight);
	background-color:none;
    color:var(--MainColorBG);
}
.Button2tbn:hover{
		border:1px solid var(--MainColorBG);
}
.GalleryVideo{
	position:relative
}
.GalleryVideo img{
	width:100%
}
.VideoDescrip{
	position:absolute;
	max-height:83px;
	background-color:rgba(0,0,0,0.6);
	padding:10px 2px;
	color:white;
	font-size:16px;
	width:100%;
	top:137px;
}
/*Tablet*/
@media (min-width: 600px){
   #HeaderNetworks{
        display:inline-block;
        list-style:none
    }
    #HeaderNetworks > li{
        display:inline-block;
        font-size:25px;
        margin:3px 2px
    }
    #HeaderNetworks > li > a{
        color:white;
        font-weight:bold
    }
    #HeaderNetworks > li > a:hover{
        color:var(--HighLight)
    }
    nav ul li{
        display:inline-block;
        margin:10px 20px
    }
    .MenuLogo{
        width:210px;
        margin:10px auto 0 auto;
    }
    /*BUTTONS*/
    .Button1,.Button2{
        width:250px;
        margin:0 auto;
    }
    #MainTitles{
		min-height:70vh;
		padding-top:10px
	}
	#MainMessage{
		
	}
    #YouTubeVideo{
        width:560px;
        height:315px;
        margin:20px auto
    }
    #FooterLeft > p{
        text-align:left
    }
    #TermsAndConditions{
        display:inline-block;
        width:50%;
        text-align:left;
        vertical-align:top
    }
    #TermsAndConditions > a{
        display:block;
        margin:10px auto;
    }
    #DevBy{
        display:inline-block;
        width:50%;
        text-align:right;
        vertical-align:top
    }
    #FooterRight > h3{
        text-align:left;
        padding-left:75px;
    }
    .CLDate{
        display:inline-block;
        width:50%;
        vertical-align:top;
        text-align:center
    }
    .CLDescrip{
        display:inline-block;
        width:50%;
        vertical-align:top;
        padding-top:20px
    }
    .CLDay{
        font-family:MainFontBold;
        font-size:140px;
        height:200px
    }
    .CLMonth{
        font-size:40px
    }
    .Partner{
        width:120px;
    }
    .ProfBlock{
        width:290px;
        height:360px;
    }
    #PName{
        text-align:left
    }
    #PTitle{
        text-align:left;
    }
    #ProfileDetail > .BlockDouble > h2{
        text-align:left
    }
    .CDate{
        height:250px;
        width:192px;
        vertical-align:top;
        text-align:center
    }
    .CDay{
        font-family:MainFontBold;
        font-size:129px;
        height:165px;
        color:var(--HighLight)
    }
    .CMonth{
        font-size:40px;
        height:55px
    }
	.CYear{
	
	}
    .CDescrip{
        display:inline-block;
        width:400px;
        vertical-align:top;
        padding-top:20px;
        color:var(--MainColorBG)
    }
    .CDescrip > h2{
        text-align:left
    }
    #ContactMap{
        padding:20px 0; 
    }
    #ContactMap iframe{
		width:100%;
		height: 350px;
	}
	div[id*='Course_']{
		margin:20px 4px
	}
}
/*PC*/
@media (min-width: 900px){
body{
	overflow:visible
}
    #HeaderNetworks > li{
        font-size:18px;
    }
    #LangSelect{
        font-size:17px
    }
   #Hamburger{
        display:none
    }
	#HeadLogo{
		display:inline-block;
		margin:0;
	}
	#MainLogo{
		width:300px
	}
    nav{
		width:685px;
		height:90px;
        display:inline-block;
        margin:0;
        text-align:right;
		vertical-align: top;
    }
    nav ul{
        display:inline-block;
        position:static;
        height:60px;
        width:100%;
		margin-top:100px;
        list-style: none;
        background:none;
        z-index:100;
    }
    nav ul li:first-of-type{
        padding-top:0
    }
	nav ul li:nth-last-child(2){
        margin-right:0
    }
	
    nav ul li{
        font-size:16px;
    }
    nav ul li a{
        padding:15px 0;
        display:block;
        color:white;
        font-weight:bold
    }
    .MenuLogo{
        display:none
    }
    #MainTitles{
		height:60vh;
		display:flex;
		align-items:center;
		justify-content:flex-start
	}
	#MainMessage{
		
	}
	#ProfileSlider .slick-prev{
		left:0px;
		z-index:5;
	}
	#ProfileSlider .slick-next{
		right:18px;
		z-index:5;
	}
	
	#ProfileSlider .slick-prev:before,#ProfileSlider .slick-next:before{
		font-size:40px;
		color:var(--SecondColor)
	}
	
    .Pilar{
        width:219px;
        height:467px;
        margin:10px 15px 30px;
    }
    .Pilar > a{
        width:219px;
        height:467px;
        padding-top:auto
    }
    #YouTubeVideo{
        width:450px;
        height:253px;
        margin:5% auto
    }
    footer{
        padding-bottom:30px;
    }
    #FooterLogo{
        width:290px
    }
    #FooterLeft > p{
        text-align:left
    }
    #TermsAndConditions{
        display:inline-block;
        width:50%;
        text-align:left;
        vertical-align:top
    }
    #TermsAndConditions > a{
        display:inline-block;
        margin:0;
    }
    #TermsAndConditions > a:last-child::before{
        content:" | ";
        margin-left:3px
    }
    #DevBy{
        display:inline-block;
        width:50%;
        text-align:right;
        vertical-align:top
    }
    #FooterRight > h3{
        text-align:left;
        padding-left:228px;
    }
    #FooterContact{
        padding-left:150px
    }
    #FooterNetworks li{
        font-size:20px
    }
    .Partner{
        margin:20px 10px;
    }
    .ProfBlock{
        position:relative;
        width:185px;
        height:500px;
        overflow:hidden;
        margin:10px auto;
    }
    .ProfImg > img{
        margin-left:-30%
    }
    .ProfReadMore{
        display:block;
        text-align:center;
        font-weight:bold;
        color:var(--SecondColor);
        transition:ease all 0.3s
    }
    .ProfReadMore:hover{
        color:var(--HighLight)
    }
    .ProfileBlock{
        margin:20px 15px
    }
    #ProfileDetail > .BlockDouble{
        padding-left:10px
    }
    #ProfileDetail > h2{
        text-align:left
    }
    .CEvent{
        width:800px;
        margin:20px auto
    }
    .CDate{
        height:270px;
        width:192px;
        vertical-align:top;
        text-align:center
    }
    .CDay{
        font-family:MainFontBold;
        font-size:140px;
        height:190px;
        color:var(--HighLight)
    }
    .CMonth{
        font-size:40px;
    }
    .CDescrip{
        display:inline-block;
        width:600px;
        vertical-align:top;
        padding-top:20px;
        color:var(--MainColorBG)
    }
    .CDescrip > h2{
        text-align:left
    }
    #ContactMap{
        padding:20px 0; 
    }
    #ContactMap iframe{
		width:100%;
		height: 400px;
	}
	#ContactData{
		margin:15px 70px 30px;
	}
    .ServiceBlock{
        margin:10px 15px;
    }
	#ServicesList > h1{
		text-align:left;
		padding-left:30px
	}
	.BottomLine{
		margin:0;
		width:90%
	}
	.ServDetail > ul{
		display:table;
		margin:20px 0 20px 20%
	}
	div[id*='Course_']{
		margin:10px 15px
	}
	.Hit{
		margin:10px;
	}
	.HLink{
		opacity:0;
		transition:ease all 0.3s;
	}
	.HLink i{
		color:white;
	}
	.Hit a img{
		width:290px;
		transition:ease all 0.8s
	}
	.Hit a img:hover{
		transform: scale(1.1) rotate(0.01deg);
		-webkit-filter: grayscale(0.9);
		-moz-filter:grayscale(0.9);
		filter: grayscale(0.9);
	}
	.Hit:hover .HLink{
		opacity:1
	}
	.GalleryVideo{
		width:210px;
		margin:5px
	}
	.GalleryVideo:hover .VideoDescrip{
		opacity:1
	}
	.VideoDescrip{
		top:70px;
		opacity:0;
		transition:ease all .3s
	}
}