.html, body {
  overflow-x: hidden;
}
.body {
  position: relative
}

/*
Typography
=========================== */
body {
	font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
}

#top {
	background-color: #202C45;
	padding:7px;
	border-top:#F2184F solid 5px;	
}

.top {
	font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    line-height:28px;
    color: #fff;
	margin-top:10px;
}

.p {
	font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height:28px;
    color: #666;
	margin-top:10px;
}

.p-admis {
	font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #666;
	margin-top:5px;
}

.h2 {
	font-family: 'Montserrat', sans-serif;   
    line-height:30px;	
    color: #212121;	
}

.h3 {
	font-family: 'Montserrat', sans-serif;   
    line-height:30px;
	padding:5px 0px 5px 0px;
    color: #212121;
	font-weight:bold;	
}
.h4 {
	font-family: 'Montserrat', sans-serif;   
    line-height:30px;
    color: #212121;
	font-weight:700;	
}

.h5 {
	font-family: 'Montserrat', sans-serif;   
    line-height:30px;
    color: #212121;
	font-weight:700;
	padding:5px;	
}

.readmore {
	font-family: 'Montserrat', sans-serif;   
    line-height:30px;
	font-size:12px;
}

/***** SUBTITLE *****/
#sub {
	background-image:url(../images/sub-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	padding:20px;
	
}

/***** CONTETN *****/
#content {
	background-image:url(../images/bg-page.png);
	background-repeat:repeat;		
}

/***** HYPERLINK *****/

A.bgdark {color:#F2184F;}
A.bgdark :link {text-decoration: none; color:#F2184F;}
A.bgdark :visited {text-decoration: none; color:#F2184F;}
A.bgdark :hover {text-decoration: none; color:#1C1E2A; font-weight:bold;}
A.bgdark :active {text-decoration: none; color:#F2184F;}


A.bglight {color:#C8C8C8;}
A.bglight:link  {text-decoration: none; color:#C8C8C8;}
A.bglight:visited {text-decoration: none; color:#C8C8C8;}
A.bglight:hover {text-decoration: none; color:#C8C8C8;}
A.bglight:active {text-decoration: none; color:#C8C8C8;}



/*** BUTTON ***/

.btn-danger {
    color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-size:12PX;
    background-color: #FF0000;
    border-color: #FF0000;
}

.btn-danger:hover {
    color: #000;
    background-color: #FFB400;
    border-color: #FFB400;
}



/*** COURSES ***/

#course {
	background-color: #F7F7F7;
	padding:0px;
	margin:0px 20px 0px 20px;
	
}

/*****IMAGE ZOOM****/
.mg-image img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -o-transition: all 1s ease; /* IE 9 */
    -ms-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
        max-width: 100%;
}
.mg-image:hover img {
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}
/* just apply some height and width to the wrapper.*/
.mg-image {
  width:100%;
  height:auto;
  overflow: hidden;
}
	
/**** HR ****/

.hr {height:2px; border:none; color:#000; background-color:#F2184F; width:9%; align:left;  margin-left:0; }

	
	
/*** FOOTER ***/

#footer {
	background-color:#20232E;
	padding:15px;
}

.footer {
	font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    line-height:28px;
    color: #D1D1D1;	
}	

/*** copyright ***/

#copyright {
	background-color:#111218;
	padding:15px;
	padding-top:15px;
	border-bottom:#F2184F solid 5px;
}

/*****  GRID CUTTAR *****/

.row.no-gutter {
  margin-left: -10;
  margin-right: -10;
}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 2px;
  padding-left: 2px;
}

* {
    margin: 0;
    padding: 0;
}
.full-width {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}



/***** SOCIAL *****/
@import "../../netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css";

.social {
    margin: 0;
    padding: 0;
}

.social ul {
    margin: -15;
    padding: 0px;
}

.social ul li {	
    margin-top:0px;
	margin-left:0px;
    list-style: none outside none;
    display: inline-block;
}

.social i {
    width: 36px;
    height: 36px;
    color: #F2184F;
    background-color: ;
    font-size: 19px;
    text-align:center;
    padding-top: 12px;
    border-radius: 50%;
    -moz-border-radius: 20%;
    -webkit-border-radius: 20%;
    -o-border-radius: 50%;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}

.social i:hover {
    color: #FFF;
    text-decoration: none;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}

.social .fa-facebook:hover {
    background: #4060A5;
}

.social .fa-twitter:hover {
    background: #00ABE3;
}

.social .fa-google-plus:hover {
    background: #e64522;
}

.social .fa-linkedin:hover {
    background: #0094BC;
}
.social .fa-stack-overflow:hover {
    background: #FEA501;
}

.social .fa-skype:hover {
    background: #00C6FF;
}

.social .fa-youtube:hover {
    background: #FF1F25;
}