@charset "utf-8";

/* CSS Document */

@import "font-awesome.css";

@import "font-awesome.min.css";

@import url('https://fonts.googleapis.com/css?family=Barlow:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

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;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section, main

{

	display: block;

}

ol, ul

{

	list-style: none;

}

blockquote, q

{

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after

{

	content: '';

	content: none;

}

table

{

	border-collapse: collapse;

	border-spacing: 0;

}

*, *::after, *::before

{

	box-sizing: border-box;

}

::selection

{

	background:#076bdd; color:#fff; 

}

::-moz-selection

{

	background:#076bdd; color:#fff;

}

.scrollup

{

	position: fixed;

    z-index: 9999;

    bottom: 15px;

    float: right;

    right: 15px;

    width: 30px;

    height: 30px;

    text-align: center;

    display: none;

    color: #fff;

    -webkit-transition: 0.6s;

    -moz-transition: 0.6s;

    -o-transition: 0.6s;

    transition: 0.6s;

    background: url(../images/top.png) center center no-repeat;

}

.scrollup:hover

{

	

}

#loader

{

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background-color: #fefefe;

	z-index: 999999999;

	height: 100%;

}

#status

{

	width: 200px;

	height: 200px;

	position: absolute;

	left: 50%;

	top: 50%;

 	background-image: url(../images/loadin.svg);

	background-repeat: no-repeat;

	background-position: center;

	margin: -100px 0 0 -100px;

}

.preloader

{

	background:#fff url(../images/loaders/1.svg) center center no-repeat;

}

body

{

	width:auto;

	margin:0;

	border:0;

	font-family: 'Barlow', sans-serif;

}

img

{

	max-width:100%;

	vertical-align: middle;

	border: 0;

}

.clearfix:after

{

	display:block;

	visibility:hidden;

	overflow:hidden;

	clear:both !important;

	content:".";

	line-height:0;

	height:0;

}

.clearfix

{

	display:inline-block;

}

html[xmlns] .clearfix

{

	display:block;

}

*html .clearfix

{

	height:1%;

}

.clear

{

	clear:both !important;

}

.left

{

	float:left;

}

.right

{

	float:right;

}

p

{

	color: #484848;

    line-height: 26px;

    font-size: 17px;

    font-weight: 400;

    margin: 15px 0;

}

p strong

{

	color:#d60023;

    font-weight: 600;

}

p span

{

	color:#0072bc;

}

a, span, strong, nav

{

    -webkit-transition: 0.6s;

    -moz-transition: 0.6s;

    -o-transition: 0.6s;

    transition: 0.6s;

} 

a

{

	color:#ff3000;

	text-decoration:none;

    -webkit-transition: 0.6s;

    -moz-transition: 0.6s;

    -o-transition: 0.6s;

    transition: 0.6s;

}

a:hover

{

	color:#000; 

}

table

{ 

	color: #000;

    line-height: 24px;

    font-size: 16px;

}

table strong

{ 

	color:#cd002f;

	font-weight:600;

}

tr

{

	border:solid 1px #F2F2F2;

}

td

{

	padding:8px 15px;

	border:solid 1px #F2F2F2;

}

td.h3

{ 

	color:#fff;

	font-weight:600;

	background:#cd002f;

	margin:0;

	text-transform:uppercase;

	font-size:18px;

	padding:12px 15px;

}

ul.list

{

	padding:0;

	margin:0;

	list-style:none;

}

ul.list li

{

    margin-bottom: 8px;

    position: relative;

    padding-left: 16px;

	font-size: 17px;

	color: #484848;

}

ul.list li:before

{

	content: " ";

    position: absolute;

    top: 10px;

    left: 0;

    width: 4px;

    height: 4px;

    background: #d60022;

}

h1, h2, h3

{ 

	color:#2a2f27;

	margin:15px 0;

	font-weight:400;

}

.wrapper

{

	

}

.header

{

	position:relative;

}

.section

{

	position:relative;

}

.footer

{

	background:#0f1115;

	position:relative;

}

.header-top

{

	border-top:solid 3px #d60023; 

    padding: 0 100px;

}

.header-buttons

{

	

}

.header-buttons a

{

	font-weight: 600;

    text-transform: uppercase;

    font-size: 14px;

    display: block;

    position: relative;

    padding: 12px 30px;

    float: left;

}

.header-buttons a:first-of-type

{

	color: #121d86;

}

.header-buttons a:nth-of-type(2)

{

	background: #202020;

    color: #fff;

}

.header-buttons a:before

{

	font-family: "Flaticon";

    font-weight: 400;

    margin-right: 3px;

}

.header-buttons a:first-of-type:before

{

	content: "\f102";

}

.header-buttons a:nth-of-type(2):before

{

	content: "\f101";

}

.header-buttons a:hover

{

	opacity:0.8;

}

.header-nav

{

	background: #d60022;

    padding: 0 60px;

    position: relative;

}

.header-nav:before

{

	content: " ";

    position: absolute;

    top: 0;

    bottom: 0;

    left: -38px;

    width: 60px;

    height: 100%;

    background: #fff;

    -ms-transform: skewX(45deg);

    -webkit-transform: skewX(45deg);

    transform: skewX(45deg);

}

.header-nav:after

{

	content: " ";

    position: absolute;

    top: 0;

    bottom: 0;

    right: -38px;

    width: 60px;

    height: 100%;

    background: #fff;

    -ms-transform: skewX(-45deg);

    -webkit-transform: skewX(-45deg);

    transform: skewX(-45deg);

}

.header-nav a

{

	color: #fff;

    font-weight: 600;

    text-transform: uppercase;

    font-size: 14px;

    display: inline-block;

    position: relative;

    margin: 12px;

}

.header-nav a:first-of-type:before

{

	display:none;

}

.header-nav a:before

{

	content: " ";

    position: absolute;

    top: 0;

    left: -14px;

    width: 1px;

    height: 100%;

    background: #fff;

}

.header-nav a:hover

{

	opacity:0.8;

}

.isStuck

{

    z-index: 9999;

}

.isStuck .header-inner

{

	border-top: none;

	border-bottom: solid 1px #f1eeee;

	background:#fff;

}

.isStuck .header-inner h1

{

	margin:10px 0;

}

.isStuck .header-inner h1 img

{

	width:220px;

}

.isStuck .nav

{

	padding: 13px 0px;

}

.header-inner

{

	border-top: solid 1px #f1eeee;

    padding: 0 100px;

	position:relative;

}

.header-inner h1

{

	

}

.display

{

	display:none;

}

.nav

{

	padding: 27px 0px;

}

.nav ul

{

    padding: 0;

    margin: 0;

    list-style: none;

}

.nav ul li

{

    list-style: none;

    position: relative;

    display: inline-block;

}

.nav ul li a

{

	color: #35353b;

    font-size: 14px;

    font-weight: 600;

    display: block;

    -webkit-transition: 0.6s;

    -moz-transition: 0.6s;

    -o-transition: 0.6s;

    transition: 0.6s;

    text-transform: uppercase;

    padding: 10px 25px;

    position: relative;

}

.nav ul li:hover > a, .nav ul li.active > a 

{

    color: #fff;

	background:#d60023;

}

.banner

{

	position:relative;

}

.section-home

{

	padding: 50px 100px 100px 100px;

    overflow: hidden;

}

.section-home:before

{

	content: " ";

    position: absolute;

    top: -50px;

    left: 100px;

    right: 0;

    height: 50px;

    background: #fff;

}

.section-home h2

{

	margin-top: 0;

    color: #121d86;

    text-transform: uppercase;

    font-size: 22px;

    font-weight: 800;

}

.section-home figcaption

{

	width:45%;

}

.section-home figcaption a

{

	display: inline-block;

    background: #d60023;

    color: #fff;

    text-transform: uppercase;

    font-weight: 500;

    font-size: 14px;

    padding: 12px 32px;

    margin-top: 15px;

}

.section-home figcaption a:hover

{

    background: #000;

}

.section-home figure

{

	width: 30%;

    padding: 0 50px;

}

.section-home aside

{

	width:25%;

	position: relative;

}

.section-home aside p

{

	position: relative;

    border-bottom: solid 1px #f2edee;

    padding: 0 0 15px 50px;

}

.section-home aside p:after

{

	content: " ";

    position: absolute;

    left: 0;

    bottom: 1px;

    width: 100%;

    height: 1px;

    background: #f2edee;

}

.section-home aside p span

{

	position: absolute;

    background: #d60023;

    left: 0;

    top: 6px;

    color: #fff;

    width: 30px;

    height: 30px;

    text-align: center;

    padding: 2px 0;

}

.section-tabs

{

	position: relative;

    background: #d60023;

    padding: 80px;

}

.section-tabs:before

{

	content: " ";

    position: absolute;

    top: 0;

    right: 0;

    width: 100px;

    height: 50px;

    background: #fff;

}

.section-tabs ul

{

	padding: 0;

    margin: 0;

    list-style: none;

	display: flex;

}

.section-tabs ul li

{

	float: left;

    list-style: none;

    width: 33.333333%;

    border: solid 20px #d60023;

    text-align: center;

    background: #fff;

}

.section-tabs ul li figcaption

{

	padding: 40px;

    position: relative;

}

.section-tabs ul li figcaption:before

{

	content: " ";

    position: absolute;

    top: -22px;

    left: 0;

    right: 0;

    width: 100%;

    height: 45px;

    background: #fff;

    -ms-transform: skewY(6deg);

    -webkit-transform: skewY(6deg);

    transform: skewY(6deg);

}

.section-tabs ul li img

{

	

}

.section-tabs ul li h3

{

	margin-top: 0;

    font-weight: 600;

    font-size: 20px;

    text-transform: uppercase;

}

.section-tabs ul li p

{

	

}

.section-tabs ul li a 

{

	color: #d60023;

    font-size: 14px;

    font-weight: 500;

    text-transform: uppercase;

    display: inline-block;

    position: relative;

    padding-left: 14px;

}

.section-tabs ul li a:before

{

	content: " ";

    top: 0;

    left: 0;

    margin: auto;

    border: solid transparent;

    height: 99%;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-left-color: #121d86;

    border-width: 8px;

}

.section-tabs ul li a:hover

{

	color: #121d86;

}

.section-tabs ul li a:hover:before

{

    border-left-color: #d60023;

}

.career-home

{

	position: relative;

    padding: 100px;

}

.career-home:before

{

	content: " ";

    position: absolute;

    top: 0;

    left: 0;

    width: 100px;

    height: 50px;

    background: #d60023;

}

.career-home figcaption

{

	width:30%;

}

.career-home figure

{

	width:50%;

}

.career-home h2

{

	margin-top: 0;

    color: #121d86;

    text-transform: uppercase;

    font-size: 22px;

    font-weight: 800;

}

.career-home a

{

	display: inline-block;

    background: #d60023;

    color: #fff;

    text-transform: uppercase;

    font-weight: 500;

    font-size: 14px;

    padding: 12px 32px;

    margin-top: 15px;

}

.career-home a:hover

{

    background: #000;

}

.payonline

{

	background: url(../images/pay-online.jpg) center center no-repeat;

    background-size: cover;

    margin: 0 100px;

    position: relative;

    padding: 100px;

}

.payonline figcaption

{

	width: 40%;

}

.payonline figcaption h2

{

	margin-top: 0;

    color: #fff;

    text-transform: uppercase;

    font-size: 22px;

    font-weight: 800;

}

.payonline figcaption h3

{

	color: #fff;

    font-size: 20px;

    font-weight: 500;

    position: relative;

    display: inline-block;

    margin: 5px 0 0 0;

    padding-top: 15px;

}

.payonline figcaption h3:before

{

	content: " ";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    background: #fff;

    width: 100%;

    height: 5px;

}

.payonline figcaption p

{

	margin-bottom: 0;

    color: #fff;

}

.payonline a

{

	display: block;

    background: #fff;

    position: relative;

    font-weight: 600;

    border-radius: 2px;

    width: 20%;

    text-align: center;

    padding: 85px 20px 40px 20px;

    font-size: 20px;

}

.payonline a:before

{

	content: "\f102";

    font-family: "Flaticon";

    font-weight: 400;

    position: absolute;

    top: 50px;

    left: 0;

    right: 0;

    font-size: 28px;

}

.payonline a:hover

{

	opacity:0.8;

}

.gallery-home

{

	position: relative;

	padding-bottom:80px;

}

.gallery-home:after

{

	content: " ";

    position: absolute;

    top: -100px;

    left: 0;

    right: 0;

    width: 100%;

    height: 100px;

    background: #d60023;

    z-index: -8;

}

.gallery-home h2

{

	margin: 0;

    text-align: center;

    background: #d60023;

    color: #fff;

    text-transform: uppercase;

    font-size: 22px;

    font-weight: 800;

    padding: 100px 0;

}

.gallery-home ul

{

	padding: 0 80px 80px 80px;

    margin: 0;

    list-style: none;

    position: relative;

}

.gallery-home ul:after

{

	content: " ";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 60px;

    background: #d60023;

    z-index: -8;

}

.gallery-home ul li

{

	width: 25%;

    float: left;

	list-style:none;

}

.gallery-home ul li a

{

	margin: 0 20px;

    display: block;

    position: relative;

}

.gallery-home ul li a img

{

	

}

.gallery-home ul li a figcaption

{

	padding: 20px 0;

    position: relative;

}

.gallery-home ul li a figcaption h4

{

	color: #121d86;

    font-weight: 500;

    font-size: 18px;

    margin: 0;

    position: relative;

    padding: 4px 0;

    -webkit-transition: 0.6s;

    -moz-transition: 0.6s;

    -o-transition: 0.6s;

    transition: 0.6s;

}

.gallery-home ul li a:hover figcaption h4

{

    padding: 4px 25px;

}

.gallery-home ul li a figcaption h4:before

{

	content: "\f100";

    font-family: "Flaticon";

    position: absolute;

    top: 0;

    right: 0;

    font-size: 26px;

    -webkit-transition: 0.6s;

    -moz-transition: 0.6s;

    -o-transition: 0.6s;

    transition: 0.6s;

}

.gallery-home ul li a:hover figcaption h4:before

{

    right: 25px;

}

.gallery-home ul li a figcaption:after

{

	content: " ";

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 3px;

    background: #eeeeee;

	z-index:-8;

    -webkit-transition: 0.6s;

    -moz-transition: 0.6s;

    -o-transition: 0.6s;

    transition: 0.6s;

}

.gallery-home ul li a:hover figcaption:after

{

    height:70px;

}

.get

{

    background: url(../images/get.jpg) center center no-repeat fixed;

	background-size:cover;

    padding:120px 0 120px 0;

    text-align: center;

    position: relative;

}

.get h3

{

    color: #fff;

    font-weight: 400;

    font-size: 20px;

}

.get h2

{

    margin: 20px 0;

    font-size: 2.8vw;

    font-weight: 800;

    color: #fff;

}

.get p

{

    text-align: center;

    color: #fef7e8;

    font-size: 20px;

    margin: 0;

    font-style: italic;

	padding:0 10%;

}

.get img

{

	width:75px;

	margin-bottom:15px;

}

.get a

{

    text-transform: uppercase;

    font-size: 14px;

    display: inline-block;

    padding: 10px 26px;

    margin:30px 2px 15px 2px;

}

.get a:first-of-type

{

    background: #d60023;

	border:solid 2px #d60023;

    color: #fff;

}

.get a:nth-of-type(2)

{

	border:solid 2px #fff;

    color: #fff;

}

.get a:hover:first-of-type, .get a:hover:nth-of-type(2)

{

    opacity:0.6;

}

.footer_marg

{

	padding:100px;

}

.foot

{

	

}

.foot p

{

    font-size: 14px;

    color: #c8c6c2;

    margin: 0;

}

.foot h3

{

    color: #fff;

    display: inline-block;

    text-transform: uppercase;

    font-size: 14px;

    margin: 0 0 15px 0;

    font-weight: 800;

    letter-spacing: 2px;

    position: relative;

}

.foot h4

{

	color: #feb100;

    font-size: 18px;

    margin: 0 0 15px 0;

    font-weight: 700;

    position: relative;

    line-height: 13px;

	padding-left:48px;

	padding-top:8px;

}

.foot h4 small

{

	color: #c8c6c2;

    font-weight: 400;

    font-size: 12px;

}

.foot h4:before

{

    font-family: "Flaticon";

    font-weight: 400;

    position: absolute;

	top:0;

	left:0;

    background: #feb100;

    color: #fff;

    font-size: 15px;

    width: 40px;

    height: 40px;

    text-align: center;

    padding: 12px 0;

	border-radius:50%;

}

.foot h4:first-of-type:before

{

	content: "\f107";

}

.foot h4:nth-of-type(2):before

{

	content: "\f100";

}

.foot h4:nth-of-type(3):before

{

	content: "\f10d";

}

.foot a

{

    color: #f16e6e;

}

.foot a:hover

{

	color:#fff;

}

.foot span

{

    color: #dc0000;

}

.foot_list

{

    margin-right:100px;

}

.foot_list:nth-of-type(3)

{

    margin-right:0;

}

.foot_list ul

{

	padding:0;

	margin:0;

	list-style:none;

	display:inline;

}

.foot_list ul li

{

	

}

.foot_list ul li a

{

    color: #c8c6c2;

    font-size: 14px;

    display: inline-block;

    position: relative;

	margin-bottom:3px;

}

.foot_list ul li a:after

{

    content:" ";

	position:absolute;

	width:100%;

	height:2px;

	background:#c8c6c2;

	left:0;

	right:0;

    bottom: -1px;

	opacity:0;

}

.foot_list ul li a:hover:after

{

	opacity:1;

}

.foot_list ul li a:hover

{

	

}

.social-icon-footer

{

	

}

.social-icon-footer h3

{

	margin-top:20px;

}

.social-icon-footer a

{

	display: block;

    float: left;

    margin-right: 2px;

}

.social-icon-footer a img

{

	width: 30px;

    -webkit-transition: 0.6s;

    -moz-transition: 0.6s;

    -o-transition: 0.6s;

    transition: 0.6s;

}

.social-icon-footer a:hover img

{

	opacity:0.6;

}

.footermap

{

	width:20%;

}

.copyright

{

	

}

.footer-bottom

{

	padding:30px 100px;

	background:#fff;

}

.footer-bottom-inner

{

	

}

.footer-bottom-inner p

{

    color: #000;

    font-size: 14px;

    margin: 0;

}

.footer-bottom-inner p span

{

  margin-left:8%;

}

.footer-bottom-inner a

{

	color: #000;

    font-size: 14px;

	display:inline-block;

    position: relative;

}  

.footer-bottom-inner a:hover

{

	color: #000;

	text-decoration:underline;

}

.banner-heading

{

	position: relative;

    background: url(../images/banner.jpg) center center no-repeat;

    background-size: cover;

    padding: 70px 100px 120px 100px;

}

.banner-heading h2

{

	color: #fff;

    margin: 0;

    font-weight: 800;

    text-transform: uppercase;

    font-size: 46px;

    display: inline-block;

    position: relative;

}

.banner-heading h2:after

{

	content: " ";

    position: absolute;

    bottom: -70px;

    left: 0;

    right: 0;

    width: 100%;

    height: 8px;

    background: #fff;

}

.section-content

{

	padding: 30px 100px 80px 100px;

    overflow: hidden;

}

.section-content h2, .services h2

{

	color: #261483;

    font-size: 26px;

    font-weight: 500;

	text-transform:uppercase;

}

.section-content:before, .services:before, .gallery:before

{

    content: " ";

    position: absolute;

    top: -50px;

    left: 100px;

    right: 0;

    height: 50px;

    background: #fff;

}

.content

{

	width:60%;

}

.image

{

	width:35%;

}

.image img

{

	margin-top:15px;

}

.section-achievement

{

	background: #f7f0f2;

    display: flex;

    margin-top: 75px;

    margin-bottom: 100px;

}

.section-achievement h2

{

	color: #fff;

    font-size: 26px;

    font-weight: 500;

	text-transform:uppercase;

	position: relative;

    z-index: 9;

}

.section-achievement aside

{

	width: 50%;

    padding: 100px;

}

.section-achievement aside img

{

	padding: 0px 15%;

}

.section-achievement-text

{

	background:#261483;

	position: relative;

}

.section-achievement-text:before

{

	content: " ";

    background: #261483;

    position: absolute;

    top: -10.1%;

    bottom: 0;

    left: -84px;

    overflow: visible;

    width: 200px;

    height: 110%;

    z-index: 8;

    -webkit-transform: skewY(-2deg);

    -moz-transform: skewY(-2deg);

    -ms-transform: skewY(-2deg);

    -o-transform: skewY(-2deg);

    transform: skewX(-16deg);

}

.section-achievement-text:after

{

	content: " ";

    background: #261483;

    position: absolute;

    top: -62px;

    right: 0;

    overflow: visible;

    width: 95%;

    height: 65px;

    z-index: 8;

}

.section-achievement-text ul

{

	position: relative;

    z-index: 9;

    padding: 0;

    margin: 0;

    list-style: none;

}

.section-achievement-text ul li

{

	color: #fff;

    margin-bottom: 8px;

    position: relative;

    padding-left: 16px;

	font-size: 17px;

}

.section-achievement-text ul li:before

{

	content: " ";

    position: absolute;

    top: 10px;

    left: 0;

    width: 4px;

    height: 4px;

    background: #fff;

}

.courses

{

	display:flex;

	margin-top:60px;

}

.courses-inner

{

	width: 50%;

    padding: 50px;

    background: #fff;

    box-shadow: 0px 0px 36px #efe6e8;

}

.services

{

	

}

.group-of-services

{

	

}

.services h2

{

	padding: 80px 100px;

	margin:0;

}

.services h2 small

{

	color: #d60023;

    font-size: 20px;

    font-weight: 500;

    text-transform: uppercase;

}

.group-of-services ul

{

	padding: 0;

    margin: 0;

    list-style: none;

    display: flex;

}

.group-of-services ul li

{

	list-style: none;

    float: left;

    width: 25%;

    text-align: center;

    padding: 35px 50px;

}

.group-of-services ul li:first-of-type, .group-of-services ul li:nth-of-type(3)

{

	background: #d60022;

}

.group-of-services ul li:nth-of-type(2), .group-of-services ul li:nth-of-type(4)

{

	background: #261483;

}

.group-of-services ul li h3

{

	color: #fff;

    font-weight: 600;

}

.group-of-services ul li i

{

	font-size: 22px;

}

.group-of-services ul li p

{

	color: #fff;

	line-height: 18px;

}

.training-and-projects

{

	

}

.training-and-projects article

{

	margin-bottom:100px;

	overflow:hidden;

}

.training-and-projects h4

{

	color: #000;

    font-size: 18px;

    font-weight: 800;

    text-transform: uppercase;

}

.training-and-projects figure

{

	width:50%

}

.training-and-projects figcaption

{

	width: 50%;

    position: relative;

    background: #fff;

    padding:0 50px 50px 50px;

}

.training-and-projects figcaption:before

{

	content: " ";

    position: absolute;

    top: 0;

    bottom: 0;

    width: 100px;

    height: 100%;

    background: #fff;

    left: -100px;

	right:auto;

}

.training-and-projects figcaption:after

{

	content: " ";

    position: absolute;

    top: 0;

    bottom: 0;

    width: 100px;

    height: 100%;

    background: #fff;

    right: -100px;

	left:auto;

}

.for-college

{

	background:#faf5f6;

	padding:85px 100px;

}

.for-college h2

{

	margin:0;

	padding:0;

}

.career

{

	

}

.career a

{

	display: block;

    width: 48%;

    text-align: center;

    background: #d60022;

    font-size: 22px;

    color: #fff;

    font-weight: 600;

    padding: 60px 30px;

	margin-top:30px;

	margin-bottom:15px;

}

.career a i

{

	font-size: 42px;

    display: inline-block;

    width: 120px;

    height: 120px;

    background: #fff;

    color: #000;

    border-radius: 50%;

    padding: 38px 0;

}

.career a:hover

{

	background:#121d86;

}

.career a:hover i

{

    color: #d60022;

}

.placements

{

	

}

.placements img

{

	width: 25%;

    float: left;

    border: solid 1px #e8eef7;

    padding: 5px;

}

.gallery

{

    position:relative;

}

.gallery-link

{

    padding: 50px 20px;

    border-bottom: solid 2px #f2e6ed;

	text-align:center;

}

.gallery-link a

{

    display: inline-block;

    color: #000;

    font-size: 15px;

    padding: 10px 20px;

	margin:0 10px;

	border-radius:2px;

	position:relative;

}

.gallery-link a:first-of-type:before

{

    display:none;

}

.gallery-link a:before

{

    content: "\f105";

    color: #000;

    font-family: 'FontAwesome';

    font-size: 18px;

    position: absolute;

    left: -15px;

    top: 10px;

}

.gallery-link a:hover, .gallery-link a.active

{

    background: #d4001e;

    color: #fff;

}

.wrap

{

	margin:  auto;

	width: 50%;

}

.set,

.panel

{

	margin: 0 0 0;

}

.tabs .panel

{

	padding:0;

	border-top:solid 2px #e4e8ea;

}

.panel

{

	background:#fff; padding:0 0 0 0;

} 

.tabs-menu

{

	padding: 0 100px; margin:0; text-align:center;

}

.tabs-menu h2

{

	margin:0;

}

.tabs-menu li

{

    display: inline-block;

    zoom: 1;

    margin: 40px 10px 50px 10px;

    border-radius: 2px;

    padding: 12px 22px;

    font-size: 16px;

    text-transform: uppercase;

    cursor: pointer;

    position: relative;

    font-weight: 500;

}

.tabs-menu .active-tab

{

	background-color: #d60022;

	color:#fff;

}

.tabs-menu li:first-of-type:before

{

    display:none;

}

.tabs-menu li:before

{

    content: "\f105";

    color: #000;

    font-family: 'FontAwesome';

    font-size: 18px;

    position: absolute;

    left: -12px;

    top: 10px;

}

.photo-gallery

{

	padding:90px 90px 90px 90px;

}

.photo-gallery h2

{

	font-size:20px;

}

.photo-gallery ul

{

    padding: 0;

    margin: 0;

    list-style: none;

}

.photo-gallery ul li

{

	float:left;

    list-style: none;

    width: 25%;

	border:solid 10px #fff;

}

.photo-gallery ul li a

{

    display: block;

	position:relative;

	overflow:hidden;

}

.photo-gallery ul li a img

{

    width: 100%;

    -webkit-transition: 0.6s;

    -moz-transition: 0.6s;

    -o-transition: 0.6s;

    transition: 0.6s;

	height:200px;

}

.photo-gallery ul li a:hover img

{

	-webkit-transform:scale(1.3);

	-ms-transform:scale(1.3);

	transform:scale(1.3);

}

.photo-gallery ul li a span

{

	position:absolute;

	display:block;

	width:100%;

	height:0;

    background: rgba(0, 0, 0, 0.6);

	top:100%;

	-webkit-tranistion:0.6s;

	-moz-transition:0.6s;

	-o-transition:0.6s;

	transition:0.6s;

    z-index: 999;

}

.photo-gallery ul li a span:after

{

    content: "\f00e";

    color: #fff;

    font-family: 'FontAwesome';

    font-size: 26px;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    width: 25px;

    height: 27px;

    margin: auto;

    -webkit-transition: 0.3s;

    -moz-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

	opacity:0;

}

.photo-gallery ul li a span:hover:after

{

	opacity:1;

}

.photo-gallery ul li a:hover span

{

	width:100%;

	height:100%;

	top:0; 

}

.pay-online

{

	

}

.pay-online h2

{

	margin-top:0;

}

.pay-online aside

{

	width:40%;

}

.pay-online fieldset

{

	width:50%;

}

.pay-logos

{

	text-align: center;

}

.pay-logos img

{

	height: 66px;

}

.pay-logos img:hover 

{

	-webkit-filter: grayscale(100%);

    filter: grayscale(100%);

}

.contact

{

	position: relative;

	padding:20px 0;

}

.contact-top

{

    text-align: center;

}

.contact-top h2

{

	color: #d60022;

    font-weight: 400;

    font-size: 46px;

	line-height: 22px;

    margin-bottom: 50px;

}

.contact-top h2 small

{

	color: #261483;

    font-size: 18px;

}

.contact-top aside

{

    width: 47%;

    box-shadow: 0px 0px 12px #c6d0d6;

    background: #fff;

    padding: 30px;

}

.contact-top h3, .contact-bottom h3

{

    color: #261483;

    font-size: 26px;

    font-weight: 300;

    text-transform: uppercase;

}

.contact-top p

{

	

}

.contact-top i

{

	color:#d60022;

    font-size: 24px;

}

.contact-bottom

{

	margin-top:50px;

}

.contact-bottom aside

{

	width:47%;

}

.contact-bottom fieldset

{

	width:47%;

}

.pay-online fieldset label

{

	color: #6d6f73;

	text-transform:uppercase;

	font-family: 'Barlow', sans-serif;

	font-weight:600;

	font-size:16px;

	margin-bottom:5px;

	display:block;

}

.contact-bottom fieldset input::-webkit-input-placeholder,

.contact-bottom fieldset textarea::-webkit-input-placeholder,

.pay-online fieldset input::-webkit-input-placeholder,

.pay-online fieldset textarea::-webkit-input-placeholder

{

	color: #6d6f73;

	text-transform:uppercase;

	font-family: 'Barlow', sans-serif;

	font-weight:600;

	font-size:16px;

}

.contact-bottom fieldset input::-moz-placeholder,

.contact-bottom fieldset textarea::-moz-placeholder

.pay-online fieldset input::-moz-placeholder,

.pay-online fieldset textarea::-moz-placeholder

{

	color: #6d6f73;

	text-transform:uppercase;

	font-family: 'Barlow', sans-serif;

	font-weight:600;

	font-size:16px;

}

.contact-bottom fieldset input:-ms-input-placeholder,

.contact-bottom fieldset textarea:-ms-input-placeholder

.pay-online fieldset input:-ms-input-placeholder,

.pay-online fieldset textarea:-ms-input-placeholder

{

	color: #6d6f73;

	text-transform:uppercase;

	font-family: 'Barlow', sans-serif;

	font-weight:600;

	font-size:16px;

}

.contact-bottom fieldset input:-moz-placeholder,

.contact-bottom fieldset textarea:-moz-placeholder

.pay-online fieldset input:-moz-placeholder,

.pay-online fieldset textarea:-moz-placeholder

{

	color: #6d6f73;

	text-transform:uppercase;

	font-family: 'Barlow', sans-serif;

	font-weight:600;

	font-size:16px;

}

.contact-bottom fieldset input[type=text], .contact-bottom fieldset input[type=email], .contact-bottom fieldset input[type=number],

.pay-online fieldset input[type=text], .pay-online fieldset input[type=email], .pay-online fieldset input[type=number]

{

    padding: 22px 26px;

    box-sizing: border-box;

    width: 100%;

    border: navajowhite;

    background: #f2f2f2;

    outline: 0;

    position: relative;

    margin-bottom: 12px;

	color: #6d6f73;

	font-family: 'Barlow', sans-serif;

}

.select

{

    

	position: relative;

	display: inline-block;

	width: 100%;

}

.select select

{

    padding: 22px 26px;

    box-sizing: border-box;

    width: 100%;

    border: navajowhite;

    background: #f2f2f2;

    outline: 0;

	color: #6d6f73;

	font-family: 'Barlow', sans-serif;

	font-weight:600;

	font-size:16px;

	cursor:pointer;

	-webkit-appearance: none;

	-moz-appearance: none;

    margin-bottom: 12px;

}

.select select::-ms-expand

{

	display: none;

}

select select:hover,

.select select:focus

{

	

}

.select:after

{

	content: "\f107";

    font-family: 'FontAwesome';

    position: absolute;

    top: 16px;

    right: 26px;

    color: #6d6f73;

    pointer-events: none;

    font-weight: normal;

    font-size: 30px;

}

.checkbox-custom

{

    margin-bottom: 12px;

}

.checkbox

{

	background: #f2f2f2;

    width: 33.333333%;

    float: left;

    border: solid 1px #fff;

    padding: 12px;

    cursor: pointer;

}

.contact-bottom fieldset textarea,

.pay-online fieldset textarea

{

    padding: 22px 26px;

    box-sizing: border-box;

    width: 100%;

    border: navajowhite;

    background: #f2f2f2;

    outline: 0;

    position: relative;

    margin-bottom: 8px;

	color: #6d6f73;

	font-family: 'Barlow', sans-serif;

}

.contact-button

{

	background: #d60022;

    border: none;

    padding: 18px 30px;

    outline: 0;

    color: #fff;

    text-transform: uppercase;

    font-weight: 600;

    cursor: pointer;

    font-size: 16px;

    width: 100%;

    margin-top: 16px;

}

.pay-button

{

	background: #d60022;

    border: none;

    padding: 18px 60px;

    outline: 0;

    color: #fff;

    text-transform: uppercase;

    font-weight: 600;

    cursor: pointer;

    font-size: 16px;

    margin-top: 16px;

    margin-bottom: 15px;

    margin-right: 10px;

}

.bank

{

    border: solid 1px #e8eef7;

	margin:0 100px 100px 100px;

}

.bank img

{

    width: 25%;

    float: left;

    border: solid 1px #e8eef7;

    padding: 5px;

}

.sitemap

{

	

}

.sitemap a

{

	color: #35353b;

    font-size: 14px;

    font-weight: 600;

    display: block;

    -webkit-transition: 0.6s;

    -moz-transition: 0.6s;

    -o-transition: 0.6s;

    transition: 0.6s;

    text-transform: uppercase;

    padding: 10px 0;

    position: relative;

}

.sitemap a:after

{

	content: " ";

    background: url(../images/arrow.svg) no-repeat;

    background-size: contain;

    width: 28px;

    height: 28px;

    color: black;

    position: absolute;

    margin-top: -6px;

    margin-left:-6px;

	opacity:0;

    -webkit-transition: 0.6s;

    -moz-transition: 0.6s;

    -o-transition: 0.6s;

    transition: 0.6s;

}

.sitemap a:hover:after

{

	opacity:1;

    margin-left:8px;

}

.sitemap a:hover

{

	color: #d60022;

}



.whatsapp
{
    position: fixed;
    bottom: 25px;
    right: 25px;
    z-index: 999999;
}
.whatsapp img
{
    width: 60px;
}
.whatsapp:hover img
{
	
	opacity:0.8;
}
#my-welcome-message
{ 
    display: none;
    z-index: 999999999;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
	background:rgb(228 122 140 / 50%);
}
#my-welcome-message > div
{ 
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
#my-welcome-message-img
{
    border-radius: 5px;
    box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 50px auto;
}

#my-welcome-message-img img
{
    max-width: 100%;
    max-height: 100%;
	border-radius:10px;
}
    #my-welcome-message h3 { font-size: 18px; padding-top:20px; margin: 0; } .pop { text-align: center; background:#000; padding: 10px 1px; border: none; cursor: pointer; color: #fff; text-decoration: none; position: absolute; vertical-align: middle; margin: 4px 139px 0px 139px; } .pop a { text-decoration: none; padding: 0; font-size: 15px; color: #fff; padding: 15px; } .pop:hover { background:#efc24c; }
#fvpp-close
{
    position: absolute;
    top: -40px;
    padding: 6px 8px;
    color: #fff;
    border-radius: 50%;
    right: 20px;
    cursor: pointer;
    font-size: 30px;
    font-weight: 100;
} 
#fvpp-dialog h3 { font-size: 12px; margin: 0; } #fvpp-dialog p { margin: 0; }