/*

	- - - - - Contents - - - - -

	01 - Basic Stylesheet
	02 - General Stylesheet
	03 - Layout Stylesheet

	- - - - - - - - - - - - - -

*/

/*  01 - Basic Stylesheet
-----------------------------------------------------------*/
@font-face {
  font-family				: 'Montserrat-Bold';
  src						: url('../fonts/Montserrat-Boldd41d.eot?#iefix') format('embedded-opentype'),  url('../fonts/Montserrat-Bold.woff') format('woff'), url('../fonts/Montserrat-Bold.ttf')  format('truetype'), url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
  font-weight				: normal;
  font-style				: normal;
}
@font-face {
  font-family				: 'Roboto-Light';
  src						: url('../fonts/Roboto-Lightd41d.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Light.woff') format('woff'), url('../fonts/Roboto-Light.ttf')  format('truetype'), url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg');
  font-weight				: normal;
  font-style				: normal;
}
@font-face {
  font-family				: 'Roboto-Regular';
  src						: url('../fonts/Roboto-Regulard41d.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf')  format('truetype'), url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
  font-weight				: normal;
  font-style				: normal;
}
@font-face {
  font-family				: 'RobotoCondensed-Regular';
  src						: url('../fonts/RobotoCondensed-Regulard41d.eot?#iefix') format('embedded-opentype'),  url('../fonts/RobotoCondensed-Regular.woff') format('woff'), url('../fonts/RobotoCondensed-Regular.ttf')  format('truetype'), url('../fonts/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg');
  font-weight				: normal;
  font-style				: normal;
}
*{
	-webkit-box-sizing		: border-box;
	   -moz-box-sizing		: border-box;
	        box-sizing		: border-box;
}
html{
	width					: 100%;
	height					: 100%;
}
body{
	width					: 100%;
	height					: 100%;
	margin					: 0;
	padding					: 0;
	font-size				: 14px;
	font-family				: 'Roboto-Light';
	color					: #fff;
	background-image		: url("../img/bg-1.jpg");
	background-size			: cover;
	background-color		: #000;
	background-position		: center center;
	background-repeat		: no-repeat;
	background-attachment	: fixed;
	transition				: background 0.5s linear;
}
a,
a:hover,
a:active,
a:focus{
	color					: #fff;
	outline					: 0;
	text-decoration			: none;
}
p{
	line-height				: 24px;
}
img{
	max-width				: 100%;
}
h1,h2,h3,h4,h5,h6{
	padding					: 0;
	margin					: 0;
	font-weight				: normal;
}
h1{
	font-size				: 36px;
	font-family				: 'Montserrat-Bold';
}
h2{
	font-size				: 24px;
	margin-bottom			: 20px;
	line-height				: 30px;
}
h3{
	font-size				: 18px;
	margin-bottom			: 20px;
}
h4{
	font-size				: 14px;
}
h5{
	font-size				: 12px;
}
h6, .h6{
	font-size				: 10px;
}
ul{
	list-style-type			: none;
	margin					: 0;
	padding					: 0;
}
button{
	padding					: 0;
	margin					: 0;
	border					: none;
	outline					: none;
	background				: none;
}
hr{
	margin					: 0;
	padding					: 0;
	border					: 0;
	border-bottom			: 1px solid #fff;
}
iframe{
	width					: 100%;
	border					: 0;
	overflow				: hidden;
}

/*  02 - General Stylesheet
-----------------------------------------------------------*/
a{
	-webkit-transition		: all 0.2s ease-in-out;
	-moz-transition			: all 0.2s ease-in-out;
	-ms-transition			: all 0.2s ease-in-out;
	-o-transition			: all 0.2s ease-in-out;
	transition				: all 0.2s ease-in-out;
}
.bg-1{
	background-image		: url("../img/bg-1.jpg");
}
.bg-2{
	background-image		: url("../img/bg-2.jpg");
}
.bg-3{
	background-image		: url("../img/bg-3.jpg");
}
.bg-4{
	background-image		: url("../img/bg-4.jpg");
}
.bg-5{
	background-image		: url("../img/bg-5.jpg");
}
.clear{
	clear					: both;
	margin					: 0;
	padding					: 0;
}
.clearfix:before,
.clearfix:after {
    content					: "";
    display					: table;
}
.clearfix:after {
    clear					: both;
}
.img-full{
	width					: 100%;
}
.inline{
	display					: inline-block;
}
.block{
	display					: block;
}
.space{
	padding-top				: 20px;
	padding-bottom			: 20px;
}
.space-10{
	padding-top				: 10px;
	padding-bottom			: 10px;
}
.btn{
	display					: inline-block;
	margin					: 0;
	padding					: 0 20px;
	height					: 44px;
	line-height				: 44px;
	border					: none;
	outline					: none;
	font-size				: 12px;
	font-family				: 'Montserrat-Bold';
	-webkit-border-radius	: 0;
	   -moz-border-radius	: 0;
	        border-radius	: 0;
}
.btn.more{
	position				: relative;
	padding-right			: 40px;
}
.btn.more:before{
	content					: "\f178";
	position				: absolute;
	top						: 50%;
	right					: 15px;
	margin-top				: -6px;
	font					: normal normal normal 14px/1 FontAwesome;
	font-size				: inherit;
	text-rendering			: auto;
	-webkit-font-smoothing	: antialiased;
	-moz-osx-font-smoothing	: grayscale;
	transform				: translate(0, 0);
}
.btn.blue{
	color					: #fff;
	background-color		: #294686;
}
.btn.blue:hover,
.btn.blue:active,
.btn.blue:focus{
	background-color		: #345399;
}
.align-left{
	text-align				: left;
}
.align-center{
	text-align				: center;
}
.align-right{
	text-align				: right;
}
.align-justify{
	text-align				: justify;
}
.page-title{
	position				: relative;
	margin-bottom			: 30px;
}
/*.page-title:before{
	content					: '';
	width					: 40px;
	height					: 3px;
	background-color		: #ffcc00;
	position				: absolute;
	bottom					: -10px;
	left					: 0;
}*/
.content-wrap .cw-full .cwl-image img,
.content-wrap .cw-left .cwl-image img{
	display					: block;
}
.content-wrap .cw-full .cwl-content,
.content-wrap .cw-left .cwl-content{
	padding					: 30px;
	background-color		: rgba(53,57,66,0.95);
}
.content-wrap .cw-full .cwl-content .cwlc-inner,
.content-wrap .cw-left .cwl-content .cwlc-inner{
	text-align				: justify;
	min-height				: 260px;
}
.content-wrap .cw-full .cwl-content .cwlc-inner p:first-child,
.content-wrap .cw-left .cwl-content .cwlc-inner p:first-child{
	margin-top				: 0;
}
.content-wrap .cw-full .cwl-content .cwlc-inner p:last-child,
.content-wrap .cw-left .cwl-content .cwlc-inner p:last-child{
	margin-bottom			: 0;
}
.content-wrap .cw-right{
	padding					: 20px 0;
	background-color		: #294686;
}
.content-wrap .cw-right ul li a{
	display					: block;
	text-overflow			: ellipsis;
	overflow				: hidden;
	height					: 40px;
	line-height				: 40px;
	padding					: 0 20px;
	font-family				: 'RobotoCondensed-Regular';
}
.content-wrap .cw-right ul li:hover a,
.content-wrap .cw-right ul li.active a{
	background-color		: #223e7c;
}

/*  03 - Layout Stylesheet
-----------------------------------------------------------*/
.site-loader{
	position				: fixed;
	width					: 100%;
	height					: 100%;
	z-index					: 9999;
	background-color		: #fff;
}
.site-loader img{
	width					: 16px;
	position				: absolute;
	left					: 50%;
	top						: 50%;
	margin-left				: -8px;
	margin-top				: -8px;
}
.site-backgrounds,
.site-backgrounds img{
	display					: none;
}
.site-fullscreen{
	height					: 100%;
	overflow				: hidden;
}
.site-fullscreen .site-footer{
	width					: 100%;
	position				: fixed;
	left					: 0;
	bottom					: 0;
}
.site-fullscreen .content-wrap .cw-left .cwl-content .cwlc-inner{
	height					: 260px;
}
.site-header{
	position				: relative;
	z-index					: 999;
}
.site-header .header-top{
	background-color		: #fff;
}
.site-header .header-top .ht-logo{
	float					: left;
    padding                 : 13px 0;
}
.site-header .header-top .ht-logo img{
	width					: 70%;
}
.site-header .header-top .ht-right{
	float					: right;
	text-align				: right;
}
.site-header .header-top .ht-right .htr-lang{
    display                 : none;
}
.site-header .header-top .ht-right .htr-lang ul li{
	float					: left;
}
.site-header .header-top .ht-right .htr-lang ul li a{
	display					: block;
	width					: 25px;
	height					: 50px;
	line-height				: 70px;
	text-align				: center;
	font-size				: 10px;
	font-family				: 'Montserrat-Bold';
	color					: #000;
}
.site-header .header-top .ht-right .htr-lang ul li.active a{
	color					: #fff;
	background-color		: #294686;
}
.site-header .header-top .ht-right .htr-contact{
	font-size				: 11px;
	color					: #000000;
	font-family				: 'Montserrat-Bold';
    height                  : 69px;
    line-height             : 69px;
}
.site-header .header-top .ht-right .htr-contact b{
	font-weight				: normal;
	color					: #b9b9b9;
}
.site-header .header-bottom{
	position				: relative;
	height					: 50px;
	background				: #123370;
	background				: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEyMzM3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxOTIzNTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background				: -moz-linear-gradient(top,  #123370 0%, #192357 100%);
	background				: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#123370), color-stop(100%,#192357));
	background				: -webkit-linear-gradient(top,  #123370 0%,#192357 100%);
	background				: -o-linear-gradient(top,  #123370 0%,#192357 100%);
	background				: -ms-linear-gradient(top,  #123370 0%,#192357 100%);
	background				: linear-gradient(to bottom,  #123370 0%,#192357 100%);
	filter					: progid:DXImageTransform.Microsoft.gradient( startColorstr='#123370', endColorstr='#192357',GradientType=0 );
}
.site-header .header-bottom:before{
	content					: "";
	width					: 100%;
	height					: 10px;
	position				: absolute;
	bottom					: -10px;
	left					: 0;
	background				: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background				: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
	background				: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0)));
	background				: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	background				: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	background				: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	background				: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	filter					: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
}
.site-header .header-bottom .hb-toggle{
	display					: none;
	width					: 50px;
	height					: 50px;
	line-height				: 50px;
	text-align				: center;
	font-size				: 2em;
	cursor					: pointer;
	position				: absolute;
	left					: 50%;
	top						: 0;
	transform				: translate(-50%, 0);
    -webkit-transform		: translate(-50%, 0);
    -moz-transform			: translate(-50%, 0);
    -ms-transform			: translate(-50%, 0);
}
.site-header .header-bottom .hb-menu ul li a{
	display					: block;
	font-size				: 13px;
	font-family				: 'RobotoCondensed-Regular';
	color					: #fff;
	-webkit-transition		: none;
	-moz-transition			: none;
	-ms-transition			: none;
	-o-transition			: none;
	transition				: none;
}
.site-header .header-bottom .hb-search{
	position				: relative;
}
.site-header .header-bottom .hb-search input[type="text"]{
	width					: 100%;
	height					: 30px;
	line-height				: 30px;
	padding					: 0 30px 0 15px;
	display					: block;
	margin					: 0;
	border					: 0;
	outline					: none;
	font-size				: 11px;
	font-family				: 'RobotoCondensed-Regular';
	color					: #fff;
	background-color		: #1f3b79;
	-webkit-border-radius	: 15px;
	   -moz-border-radius	: 15px;
	        border-radius	: 15px;
}
.site-header .header-bottom .hb-search input[type="text"]::-webkit-input-placeholder{
    color					: #fff;
}
.site-header .header-bottom .hb-search input[type="text"]:-moz-placeholder{
    color					: #fff;
}
.site-header .header-bottom .hb-search input[type="text"]::-moz-placeholder{
    color					: #fff;
}
.site-header .header-bottom .hb-search input[type="text"]:-ms-input-placeholder{
    color					: #fff;
}
.site-header .header-bottom .hb-search .fa{
	position				: absolute;
	top						: 10px;
	right					: 15px;
	font-size				: 10px;
}
.site-main{
	padding-top				: 40px;
	padding-bottom			: 40px;
}
.site-footer{
	padding					: 10px 0;
	background-color		: rgba(0,0,0,0.5);
	font-family				: 'RobotoCondensed-Regular';
}
.site-footer .footer-copyright{
	font-size				: 11px;
	font-family				: 'RobotoCondensed-Regular';
}
.site-footer .footer-right .footer-menu ul li{
	float					: left;
	margin-right			: 10px;
}
.site-footer .footer-right .footer-menu ul li a{
	display					: block;
	line-height				: 30px;
	font-size				: 12px;
	font-family				: 'RobotoCondensed-Regular';
}
.site-footer .footer-right .footer-social ul li{
	float					: left;
	margin					: 0 5px;
	font-size				: 12px;
}
.site-footer .footer-right .footer-social ul li a{
	display					: inline-block;
	width					: 30px;
	height					: 30px;
	line-height				: 30px;
	text-align				: center;
	border					: 1px solid #ddd;
	color					: #ddd;
}
.site-footer .footer-right .footer-social ul li .facebook:hover{
	color					: #fff;
	border-color			: #39579b;
	background-color		: #39579b;
}
.site-footer .footer-right .footer-social ul li .youtube:hover{
	color					: #fff;
	border-color			: #fd0003;
	background-color		: #fd0003;
}
.site-footer .footer-right .footer-social ul li .twitter:hover{
	color					: #fff;
	border-color			: #00b8f9;
	background-color		: #00b8f9;
}
.site-footer .footer-right .footer-social ul li .linkedin:hover{
	color					: #fff;
	border-color			: #0083cb;
	background-color		: #0083cb;
}
.page-home .ph-content h1,
.page-home .ph-content p{
	text-shadow				: 0 0 5px #000000;
}
.page-home .ph-content h1{
	font-size				: 46px;
	margin-bottom			: 20px;
}
.page-home .ph-content p{
	font-size				: 16px;
	line-height				: 26px;
	margin-bottom			: 20px;
}