/*
 ::Table Of Content

 1.) Header style rules

 -----------------------------------------------*/
/* ========>  1.) Header style rules <============ */

.container {
	max-width: 980px
}

.header {
	padding-top: 5px;
	background: #fff;
	border-bottom: 1px solid #003e7e;

}
.header .pull-right {
	width: 90%;
}
.header .social-media {
	float: left;
}
.social-media {
	list-style: none;
	padding: 0px;
}
.social-media a {
	background: url(../images/social-icons.png) left top no-repeat;
	width: 26px;
	height: 26px;
	display: block;
}
.social-media li {
	margin-right: 16px;
	float: left
}
.social-media .twitter {
	background-position: 0 0;
}
.social-media .linkdin {
	background-position: -35px 0;
}
.social-media .facebook {
	background-position: -70px 0;
}
.language-bar {
	float: left;
	
	padding: 5px;
}
.language-bar small,.flag small{vertical-align:middle;}
.language-bar select {
	border: none;
}
.social-media a:hover {
	opacity: 0.8
}
.social-nav, .menu {
	float: right
}
.navbar-brand {
	padding: 0px;
	margin-top:-4px;
}
.menu li a {
	color: #acacac;
	font-size: 1.6em;
	font-weight: 400;
	padding-right: 0px;
	position: relative
}
.menu li a:after {
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #003e7e;
	content: "";
	position: absolute;
	left: 50%;
	top: 84%;
	display: none
}
.menu li a:hover:after, .menu li a:active:after, .menu li a:focus:after, .menu li.active a:after {
	display: block;
}
.menu li a:hover, .menu li a:active, .menu li a:focus, .menu li.active a {
	color: #003e7e;
	background: none;
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	outline: none
}

.menusm li a {
	transform: scale(0.90);
	-webkit-transform: scale(0.90);
}

.menusm > li > a {
	margin-left: -3px; 
	margin-right: -3px;
}

.navbar-collapse {
	padding-right: 0px
}
.navbar-default {
	background: none
}
.navbar-toggle {
	float: left
}

/* ========>  2.) Banner style rules <============ */
.banner-bg {
	background: url(../images/slider/slider_1.jpg) center top no-repeat;
	z-index: 10;
}

.banner.banner-bg {
	padding-bottom: 50px;
	margin-bottom: 30px
}
.banner-list {
	margin-top: 66px;
	padding: 0px;
	position: relative;
	z-index: 9
}
.banner-list li {
	background-color: rgba(255,255,255,0.8);
	position: relative;
	list-style: none;
	padding: 5px 50px 0 66px;
	height: 77px;
	margin-bottom: 6px;
	display: inline-block;
	cursor: pointer;
}

.banner-list li:after {
	position: absolute;
	content: "";
	/*background: url(../images/list-arrow.png) -2px top no-repeat;*/
	border-top: 37px solid transparent;
	border-bottom: 37px solid transparent;
	border-left: 27px solid rgba(255,255,255,0.8);
	width: 27px;
	height: 77px;
	display: block;
	left: 100%;
	top: 0px;
	z-index: -1;
}
.banner-list li:hover:after {
	border-left-color: rgba(255,255,255,1)
}
.banner-list li:hover {
	background: rgba(255,255,255,1)
}
.banner-list li:before {
	position: absolute;
	content: "";
	background: url(../images/left-arrow.png) left top no-repeat;
	width: 40px;
	height: 35px;
	display: block;
	left: 13px;
	top: 22px
}
.banner-list strong {
	font-size: 3.1em;
	line-height: 1.2;
	font-weight: 600;
	display: block;
	color: #003f81;
}
.banner-list small {
	color: #0053a9;
	font-size: 2.1em;
	line-height: 1.2;
	font-weight: 400;
}

/* ========>  3.) Banner Form style rules <============ */
.translator-form {
	width: 100%;
	background: #fff;
	padding: 20px 22px;
	margin: 12px 0;
}
.translator-form legend strong {
	color: #ec008c;
	font-size: 26px;
	font-weight: 600;
	display: block;
}
.translator-form legend {
	font-size: 1.7em;
	font-weight: 600;
	color: #004486;
	line-height: 1.2;
	border: none;
	margin-bottom: 8px;
}
label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #5e5e5e;
	display: block;
}
.translator-form input[type="text"] {
	width: 100%;
	background: #eee;
	border: none;
	height: 34px;
	text-indent: 7px;
	font-size: 1.3em;
	margin-bottom: 6px;
	-webkit-appearance: none;
	border-radius: 0px
}
.translator-form select {
	width: 100%;
	padding: 5px 0 6px 6px;
	background: #eee;
	border: none;
	font-size: 1.3em;
	margin-bottom: 5px
}
.translator-form input[type="submit"] {
	width: 100%;
	margin-top: 13px;
	height: 38px;
	-webkit-appearance: none;
	border-radius: 0px
}

/* ========>  4.) Features style rules <============ */
.features-text {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	padding: 72px 30px 0;
}
.features-text .col-xs-4 {
	position: relative;
}
.featurs .col-sm-4, .row.box .col-sm-3 {
	/*padding: 0 10px*/
}
.row.featurs {
	margin-bottom:60px
}
.row.box {
	margin-bottom:35px
}
.featurs p {
	color: #fff;
	text-align: justify
}
.featurs h3 {
	color: #fff;
	position: relative
}
.featurs h3:after {
	position: absolute;
	left: 0px;
	bottom: -7px;
	height: 1px;
	background: #fff;
	width: 41px;
	content: ""
}
.featurs h3 span {
	font-weight: 400;
	display: block;
}
.more {
	background: url(../images/sprite.png) 0 0 no-repeat;
	width: 59px;
	height: 49px;
	display: inline-block;
	position: absolute;
	bottom: -9px;
	left: 0px;
	right: 0px;
	margin: 0 auto;
}
.box {
	text-align: center;
}
.sponsers {
	margin: 0 0 47px -20px
}
.sponsers img {
	margin-left: 20px
}

/* ========>  5.) News section style rules <============ */
.news, .contact-block {
	margin: 0 -10px
}
.news {
	margin-bottom: 25px
}
.news .col-sm-6, .contact-block .col-sm-3 {
	padding: 0 5px
}
.news .newsbox {
	border-top: 4px solid #e8e8e8;
	background: -moz-linear-gradient(top, rgba(237,237,237,0.81) 0%, rgba(237,237,237,1) 1%, rgba(233,233,233,1) 99%, rgba(255,255,255,0.03) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,0.81)), color-stop(1%,rgba(237,237,237,1)), color-stop(99%,rgba(233,233,233,1)), color-stop(100%,rgba(255,255,255,0.03))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(237,237,237,0.81) 0%,rgba(237,237,237,1) 1%,rgba(233,233,233,1) 99%,rgba(255,255,255,0.03) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(237,237,237,0.81) 0%,rgba(237,237,237,1) 1%,rgba(233,233,233,1) 99%,rgba(255,255,255,0.03) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(237,237,237,0.81) 0%,rgba(237,237,237,1) 1%,rgba(233,233,233,1) 99%,rgba(255,255,255,0.03) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(237,237,237,0.81) 0%,rgba(237,237,237,1) 1%,rgba(233,233,233,1) 99%,rgba(255,255,255,0.03) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfededed', endColorstr='#08ffffff',GradientType=0 ); /* IE6-9 */
	padding: 20px 25px 15px 30px;
}
.newsbox .list-group-item {
	padding: 7px 0;
	background: none;
	border: none
}
.newsbox p {
	font-size: 1.3em;
	margin-bottom: 0px
}
.newsbox a {
	color: #ec018c;
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
}
.newsbox .badge {
	font-size: 1.4em;
	line-height: 1.2;
	font-weight: 600;
	padding: 3px 5px;
	border-radius: 50%;
	margin-top: -4px;
	background-color: #ec018c;
}
.newsbox .badge1 {
	background-color: #6c6c6c;
}
.newsbox .list-group {
	margin: 0px
}

/* ========>  6.) Social contact style rules <============ */
.blue-box {
	background: #004899 url(../images/glow-pic.png) center top no-repeat;
	padding: 20px 25px 20px;
	min-height: 262px;
	position: relative;
}
.blue-box:after {
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -4px;
	border-top: 7px solid #fff;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	content: "";
}
.blue-box h4 {
	color: #68b5ff;
	font-size: 1.9em;
	margin-bottom: 13px
}
.blue-box address {
	font-size: 1.5em;
	color: #fff;
	margin-bottom: 30px
}
.blue-box address strong, .blue-box address span {
	display: block;
}
.blue-box address a, .shortcut li a, .language a {
	color: #fff;
}
.blue-box address span {
	margin-top: 12px
}
.blue-box ul {
	padding: 0px;
}
.shortcut li {
	list-style: square inside;
	color: #fff;
	font-size: 1.5em;
	font-weight: 400;
}
.shortcut li a:hover, .tweet-post a:hover {
	color: #000;
	text-decoration: none
}
.blue-box .social-media {
	margin-bottom: 0px
}
.language a {
	font-size: 1.2em;
	font-weight: 400;
	line-height: 1.2
}
.tweet-post span, .tweet-post p {
	color: #fff;
	font-size: 1.4em;
	font-weight: 400;
	font-family: 'Titillium Web', sans-serif;
}
.tweet-post span {
	font-size: 1.5em
}
.tweet-post a {
	color: #33ccff
}
.tweet-post {
	padding: 20px 15px 15px 10px
}
.contact-block {
	margin-bottom:60px
}

/* ========>  7.) Footer style rules <============ */
.footer .row {
	margin: 0 -5px
}
.copy, .designer {
	color: #979797;
	font-size: 1.3em
}
.copy a {
	color: #ec018c;
}
.designer a {
	color: #0054a2
}
.footer .lisence {
	margin-bottom: 13px
}
.footer-main {
	background: #efefef;
	border-top: 1px solid #e1e1e1;
	

	
}
.footer{position: fixed; width: 100%; bottom: 0px; background: #fff; padding:0px; margin:0px;}
.footer-main ul {
	padding: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom:0px;
	border-bottom: 0px solid #c5c5c5;
	text-align: justify;

}
.footer-main li {
	list-style: none;
	float: left;
	margin-left: 18px
}
.footer-main li:first-child {
	margin-left: 0px
}
.footer-nav {
	/*padding-bottom: 5px*/
}
.footer-nav a {
	font-size: 1.1em;
	line-height: 1.0;
	color: #444444;
	font-weight: 400;
	padding: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top:0px;
	margin-bottom:0px;
}
.footer-nav a.active, .footer-nav a:hover {
	color: #003e7e;
	text-decoration: none
}
/*.footer-nav a:before {
	content: "/";
	padding: 0 5px
}
.footer-nav a:first-child:before {
	content: "";
	padding: 0px
}*/

.footer-nav a + a:before 
{
    content: " / ";
    padding: 0 10px;
}

.footer-nav a:hover,.footer-nav a:active
{
    /*content: " / ";*/
    /*padding: 0 10px;*/
    color: #003e7e;
}


/* ========>  8.) Inner page style rules <============ */
.list {
	list-style: none;
	padding: 0px
}
.list li {
	padding: 9px 0 8px;
	border-top: 1px solid #d3d3d3;
	position: relative
}
.list li:first-child {
	border: none
}
.list li a {
	font-size: 1.6em;
	color: #0054ab;
	text-transform: uppercase;
	padding-right: 20px;
	line-height: 1;
}
.list li:hover a, .list li.active a {
	font-weight: 600;
	text-decoration: none;
	color: #ec018c
}
.list li:after {
	content: "";
	position: absolute;
	right: 7px;
	top: 50%;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	display: block;
	background: url(../images/list-icon.png) left top no-repeat;
}
.list li:hover:after {
	background-position: 0 -62px
}
.page-title {
	color: #f81ea0;
	border-bottom: 1px solid #d3d3d3;
	text-transform: uppercase;
	margin-bottom: 20px
}
.page-title h2 {
	margin-bottom: 0px;
	line-height: 1.2;
	float: left;
	border-bottom: 6px solid #ed028d;
	margin-bottom: -7px;
	color: #f81ea0
}
.page-title i {
	background: url(../images/list-icon.png) 0 -104px no-repeat;
	float: right;
	width: 20px;
	height: 20px;
	margin-top: 5px
}
.sidebar .col-md-9 {
	padding-left: 5%
}
p strong {
	color: #0054ab;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-size: 17px
}
.main-content {
	margin-bottom: 20px
}
#content {
	padding-top: 91px;
	padding-bottom: 115px
}
#wrapper {
	min-height: 100%;
	margin-bottom: -128px
}
.flag {
	display: block
}
.flag img {
	margin-right: 4px;
}
.lan-switcher {
	position: relative;
	float: right;
	transform: scale(0.85);
		-webkit-transform: scale(0.85);
		margin-top: 0px;
		border: 1px solid #ededed;
		margin-top:-6px;
	z-index: 999!important;
}
.language-bar {
	width: 74px;
	background: url(../images/down-arrow.png) 95% center no-repeat;
	cursor: pointer;
	
}
.language-bar ul {
	display: none;
	background: #fff;
	left: 0px;
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 1000;
	padding: 0 0 0 5px;
	border: 1px solid #e1e1e1;
	margin: 0px
}
.flag, .language-bar li a {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	color: #5e5e5e;
	line-height: 18px
	
}
.flag small {
	font-size: 100%;
	color: #5e5e5e;
}
.language-bar li {
	list-style: none;
	padding: 3px 0
	z-index: 1001;
}
.language-bar li img {
	margin-right: 5px
}
.language-bar li a:hover {
	text-decoration: none;
}
.translator-form input.customfile-filename {
	width: 70%;
	float: right;
	text-indent: 0px
}
.translator-form input.customfile-upload {
	width: 30%;
	float: left;
	text-align: center
}

.translator-form .customfile-wrap {
	display: none;
}
.translator-form .customfile-wrap:first-child {
	display: block;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #fff
}

.navbar-default .navbar-toggle {
	width: auto;
	font-size: 1.6em;
	color: #003e7e;
	border: none;
	background: url(../images/down-arrow.png) right center no-repeat;
	padding-right: 20px;
	float: none;
	position: absolute;
	top: -3px;
	left:92px;
	text-align: left;
	padding-left: 10px
}
.footer-main ul li:last-child{float: right}
.row.lisence{margin:0 -5px;}


  img.flagimg {
        float: left;
    }

    p.flagdesc {
	padding-left:10px;
	font-weight: normal;
	font-size: 11px;
	color: #444444;
        overflow: hidden;
    }