html, body{ height: 100%; /*overflow-x: hidden;*/ }

body{
    font-family: Tahoma, sans-serif;
	max-width: 1920px;
	margin: 0 auto;
	position: relative;
}

.middle-p{ font-size: 16px; }
.middle-p hr{ margin-bottom: 0; width: 100%; }
.middle-p h2{ text-transform: uppercase; padding: 30px 0 20px; text-align: center; }

.modal-open .modal { z-index: 9999999; }
.modal-title {
    text-align: center;
    color: #065978;
    text-transform: uppercase;
}

.fluidField{
    width: 100%;
    height: 100%;
    background-color: #5f5f5f;
    overflow: hidden;
    position: relative; /* = !!! = */
}

.about-corona{
	background-color: #1f6571;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.colorMask{
    background-color: rgba(31, 101, 113, 0.8);
    position: absolute;
    top: 127px;
    left: 0;
    right: 0;
    bottom: 0;
}

header{
    position: absolute;
    top: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
}

    .mainInfo{
        display: table;
        margin: 0 auto;
        overflow: hidden;
        padding: 10px 0 15px;
    }
    .mainInfo h1{
        color: #034857;
        font-size: 35px;
        text-transform: uppercase;
        text-align: center;
        line-height: 36px;
        margin: 0;
    }

    .mainInfo h1 .orgForm{
        font-size: 15px;
        display: block;
    }

    .mainInfo address{
        float: left;
        margin: 0;
        padding-top: 10px;
    }

    .mainInfo .headDocLink{
        float: right;
        margin: 0;
        padding-top: 10px;
    }

    .visImp{
        position: absolute;
        right: 0;
        top: 0;
    }

    .chLang{
        position: absolute;
        right: 60px;
        top: 15px;
    }

@media only screen and (max-width : 992px) {
    .chLang {
        left: 5px;
        right: auto;
        top: 5px;
    }
}

@media only screen and (max-width : 792px) {

    .mainInfo h1 .orgForm { font-size: 12px; }
    .mainInfo h1 { font-size: 28px; }
    .mainInfo address {
        font-size: 12px;
        padding-top: 13px;
    }
    .mainInfo .headDocLink {
        font-size: 12px;
        padding-top: 13px;
    }

}

@media only screen and (max-width : 767px) {
    .visImp{
        right: 49px;
        position: fixed;
        z-index: 99;
    }
    .mainInfo h1 .orgForm { font-size: 16px; }
}

@media only screen and (max-width : 650px) {
    .mainInfo h1 { font-size: 20px; }
}

@media only screen and (max-width : 455px) {
    .mainInfo .headDocLink, .mainInfo address{
        float: none;
        padding: 0;
    }

    .mainInfo { padding: 10px 0 8px; }
    .mainInfo h1 {
        font-size: 15px;
        padding-bottom: 7px;
    }

    .mainInfo h1 .orgForm {
        font-size: 16px;
        padding: 14px 0 0 0;
        margin: 0;
        line-height: 15px;
    }
}

@media only screen and (max-width : 330px) {
.mainInfo h1 {
        font-size: 14px;}

}

/* ===========#### Main Menu ####============ */
.affix {
    position: fixed !important;
    top: 0 !important;
}
.navbar { margin-bottom: 0; }

.main-menu{ padding-left: 240px; }

.navbar-default {
    background-color: #065978;
    border-radius: 0;
    border-bottom: 1px solid #ffffff;
    border-left: none;
    border-right: none;
    border-top: none;
    z-index: 999; /*999999, 9999*/
    position: absolute;
    top: 127px;
}

.navbar-nav{
    float: none;
    text-align: justify;
    display: table-row;
}

.navbar-default .navbar-nav > li{
    width: auto;/*  чтобы поведение было аналогичным ячейки таблицы */
    position: relative;
    bottom: -1px;/*-2px;*/
    display: table-cell; /* эмуляция ячейки таблицы  */
    text-align: center; 
    float: none;
}

.navbar-default .navbar-nav > li > a{
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    width: 1000px; /* вот это заставляет наши псевдоячейки растянуться должным образом */
    display: table-cell; /* без этого тоже никак */
    vertical-align: middle; /* вертикальное выравнивание текста */ 
    padding-top: 15px;  
    white-space: nowrap;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover{
    background: transparent;
    color: #a1cdfa; /*#fff;*/
    text-decoration: none;
}

.navbar-default .navbar-nav > .active:hover > a{ border-bottom-color: #1f6571; }

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover{
    color: #fff;
    text-decoration: underline;
    background: transparent;
}

.navbar-default .navbar-nav > li:hover > a{ border-bottom-color: #1f6571; }

/* ============ dropdown menu ============ */
.dropdown-menu li, .navbar-nav .open .dropdown-menu > li{ position: relative; }
.dropdown-menu > li > a, .navbar-nav .open .dropdown-menu > li > a { padding: 1px 18px; }
.has-sub > ul{ display: none; }

.navbar-nav>li>.dropdown-menu{ margin-top: -1px; }

.dropdown-menu{
    padding: 5px 0;
    position: absolute;
    background-color: #065978;
    font-size: 14px;

    display: none;
    float: left;
    
    left: 0;
    list-style: outside none none;
    
    
    text-align: left;
    text-transform: uppercase;
    top: 100%;
    z-index: 10;

    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    border-top: none;
    border-radius: 0;
    box-shadow: none;
}

/* --- Переносим крайний правый пункт в границы экрана --- */
.dropdown-pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropdown-menu > li > a,
.navbar-default .navbar-nav .open .dropdown-menu>li>a{
    color: #fff;
    background-color: transparent;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{
    background-color: transparent;
    color: #fff;
    text-decoration: underline;
}

/* ------------ 2-nd and 3-rd level -----------------*/
.dropdown-menu > li > ul > li{                    /*, .dropdown-menu > li > ul > li > ul > li*/
    list-style-type: none;
    line-height: 13px; /*old: 11px;*/
    padding: 4px 0;
}

.dropdown-menu > li > ul > li > a:hover{
	text-decoration: none;
	color: #a1cdfa;
}

.dropdown-menu > li > ul > li > a{ color: #fff; font-size: 13px; }
.dropdown-menu > li > ul > li > a > .holder{ left: -10px; top: 8px; }
.dropdown-menu > li > ul{
    margin-bottom: 3px;
    padding-left: 7px;
    margin-left: 23px;
    border-left: 1px solid #4f8299;
}

.open > .dropdown-menu {display: block;}

navbar-nav > li.open > .dropdown-menu{
    display: block;
    padding-left: 15px;
    font-size: 12px;
}

/* ------------ Arrow down in punkt, which contain sub punkts ------------ */
.holder,  .navbar-nav .open .dropdown-menu > li > a > .holder {
    width: 4px;
    height: 6px;
    position: absolute;
    top: 8px;
    left: 9px;
    margin-top: 0;
    background: url(../img/HasSub.png) center center no-repeat;
    transition: all 0.2s linear 0s;
}

.open > a > .holder{
    transform: rotate(90deg);
    transition: all .2s linear;
}

/* ------------ With sub punkts ------------ */
.has-sub{
    cursor: pointer;
    margin-bottom: 3px;
}


/* ------------ Contacts Plane ------------ */
.road-map{
    background: url(../img/on-the-map.png) center left no-repeat;
    font-size: 13px;
    padding: 5px 0px 3px 22px !important;
    float: right;
    margin: 5px 0px 5px 0;
/*    text-transform: capitalize;*/
    color: #ffffff !important;
}

li.contactsPlane{
    /*font-family: "RobotoCondensed", Tahoma, Verdana, sans-serifl;*/
    overflow: hidden;
    background-color: #008e7a; /*#143c2f*/
    border-top: 1px solid white;
    padding: 15px 8px 5px;
    margin-bottom: -5px;
    color: white;
    text-transform: none;
    font-size: 12px;
}

li.contactsPlane p{ margin: 0 0 2px 0; }


/* ------------ Float punkt (medical tourism)  ------------ */
.medicalTourism{
	position: absolute;
	right: 0;
	padding: 5px 15px;
	background-color: #065978;
	border-bottom-left-radius: 3px;
	border-top: 1px solid white;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	height: 32px;
	bottom: -32px;
	color: white;
}

.medicalTourism a{
	color: white;
}

.medicalTourism a:hover{
	color: #ffc902;
    text-decoration: none;
}

/* ===========#### Main Menu Responebility ####============ */

@media only screen and (max-width : 1320px) {
    .main-menu { padding-left: 151px; }
}

@media only screen and (max-width : 1200px) {

    .navbar-default .navbar-nav > li > a{ font-size: 14px; }   
    .dropdown-menu { font-size: 13px; }
    .dropdown-menu > li > ul > li > a { font-size: 12px; }
    .main-menu{ padding-left: 145px; }
    .navbar-nav > li > .dropdown-menu { margin-top: 5px; }
    .nav > li > a { padding: 10px 0px; }

}

@media only screen and (max-width : 1024px) {

    .navbar-default .navbar-nav > li > a{ font-size: 13px; }   
    .dropdown-menu { font-size: 12px; }
    .dropdown-menu > li > ul > li > a { font-size: 11px; }
    .holder, .navbar-nav .open .dropdown-menu > li > a > .holder{ top: 7px; }
    .main-menu { padding-left: 0; }

}

@media only screen and (max-width : 992px) {}

@media only screen and (max-width : 885px) {

    .navbar-default .navbar-nav > li > a{ font-size: 12px; }
    .dropdown-menu { font-size: 11px; }
    .dropdown-menu > li > ul > li > a { font-size: 10px; }
    .dropdown-menu > li > ul > li { padding: 3px 0 0; }
    .holder, .navbar-nav .open .dropdown-menu > li > a > .holder{ top: 8px; }

}

@media only screen and (max-width : 767px) {

    .navbar { top: 0; }
    .navbar-default .navbar-toggle .icon-bar { background-color: #fff; }

    .navbar-default {
        background-color: transparent;
        border-color: transparent;
    }

    .navbar-default .navbar-toggle {
        /*background: #1f6571;
        border-color: #1f6571;
        margin: 11px 10px 0 0; 
        z-index: 5;
        position: fixed;
        top: 0;
        right: 0;*/
        background: #1f6571;
        border-color: #1f6571;
        margin: 0;
        z-index: 5;
        position: fixed;
        top: 0;
        right: 0;
        border-radius: 0;
        padding: 11px 12px;
    }

    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover { background-color: #4e94a0; }

    .navbar-nav{
        display: block;
        background: #1f6571;
        margin: 0;
        padding: 5px 0;
    }

    .navbar-default .navbar-nav > li {
        padding: 0;
        float: left;
        text-align: left;
    }

    .navbar-nav > li:hover > .dropdown-menu { display: none; } 

    .navbar-nav > li.open > .dropdown-menu,
    .navbar-nav > li.open:hover > .dropdown-menu { display: block; }   

    .navbar-default .navbar-nav > li > a{
        font-size: 12px;
        line-height: 15px;
        padding: 3px 10px;
        color: #fff;
        margin: 5px 0;
    }

    .navbar-default .navbar-nav > .active:hover > a {
        border-bottom-color: #a1cdfa;
        color:  #a1cdfa;
    }

    .main-menu { padding-left: 0; }

    /* Dropdown menu block */
    .container-fluid > .navbar-collapse,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container > .navbar-header { margin: 0; }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        /*border: none;
        overflow: hidden;
        position: absolute;
        top: 0;
        margin: 10px 10px 0 30%;
        border-radius: 4px;
        position: fixed;*/
        border: none;
        overflow: hidden;
        position: absolute;
        top: 0;
        right: 0;
        margin: 0 0 0 35%;
        border-radius: 0;
        position: fixed;
        padding-right: 0;
    }

    .navbar-collapse { box-shadow: none; }

    .dropdown-menu {
        float: none;
        position: static;
        font-size: 11px;
    }

    .navbar-nav .open .dropdown-menu > li > a{ line-height: 15px; }

    .dropdown-menu > li > ul > li > a { font-size: 10px; }

    .holder{ top: 6px; }
	
	/* ------------ Float punkt (medical tourism)  ------------ */
	.medicalTourism{
		position: static;
		border-bottom-left-radius: 0;
		border-top: none;
		border-left: none;
		border-bottom: none;
		height: auto;
		right: auto;
		padding: 0px 10px 2px;
		color: #065978;
		background-color: transparent;
		font-weight: bold;
		left: 45px;
		bottom: 0;
		width: auto;
		display: inline-block;
		margin-left: 40px;
		font-size: 12px;
		text-transform: lowercase;
	}
}

@media only screen and (max-width : 480px) {
    /*.navbar-default .navbar-toggle{ margin: 3px 3px 0 0; }*/

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        margin: 0;
        padding: 0;
    }
	
	.dropdown-menu>li>a {
		white-space: normal;
	}
}


/* ===========#### Logo of Clinic ####============ */
.navbar-brand{
    position: relative;
    top: -87px;
    margin: 0 !important;
    padding: 0;
    z-index: 300;
     transition: all .1s linear .1s; 
}

.mini-brand{top: 0; display: none;}
.show-brand{display: block; top: 0 !important;}
.show-brand > img{
    height: auto !important;
    margin-left: -15px;
    margin-right: 15px;
}
.hide-brand{display: none;}


/* ===========#### Logo of Clinic Responebility ####============ */
@media only screen and (max-width : 1320px) {

    .navbar-brand {
        top: -55px;
        left: 0px;
    }

    .navbar-brand > img {
        height: 160px;
        max-width: 100%;
    }

}

@media only screen and (max-width : 1200px) {

    .navbar-brand{
        left: 0;
        top: -52px;
    }

    .navbar-brand > img { height: 154px; }
}

@media only screen and (max-width : 1024px) {

    .navbar-brand { top: 99px; }
    .mini-brand{ display: none; } 
    .big-brand{ display: none; }

}

@media only screen and (max-width : 992px) {

}

@media only screen and (max-width : 885px) {

}

@media only screen and (max-width : 767px) {
    .mini-brand{
        display: none;
        left: 10px;
        top: 0;
    }

    .mini-brand img{ height: auto; }

}


@media only screen and (max-width : 480px) {

}

/*======= #### Организации для пациента (Полезные ссылки) #### =======*/
.orgCell{
    display: table;
    outline: 1px solid #8499a0;
    min-height: 156px;
}

.orgCell .orgMid{
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px; 
}

.orgCell img{margin: 2px auto;}

/*----- Заголовки и абзацы -----*/
.orgCell h2, .orgCell .orgMid h2{
    margin: 10px 0;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

.orgCell p, .orgCell .orgMid p{
    text-align: center;
    font-size: 12px;
    margin: 0 0 5px;
}

/*----- Ссылки внутри блоков -----*/
.btnMiniRed, .btnMiniRe:active,
.btnMiniRe:hover, .btnMiniRe:focus,
.btnMiniRe:visited{
    margin: 0 5px;
    padding: 0px 10px;
    border: 1px solid red;
    border-radius: 0;
    color: red !important;
    outline: none;
}

.btnLink:hover{
    text-decoration: underline;
    color: #2d71af;
}
.btnLink:active{
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btnLink:visited{color: #2d71af;}

.ministryOfHealthCare, .ministryOfHealthCare:visited{
    text-transform: uppercase;
    color: #333;
}

/*----- Размеры текстов и цвет -----*/
.txtMicro{ font-size: 10px !important; }
.txtMini{  font-size: 12px !important; }
.txtMidi{  font-size: 14px !important; }
.txtLarge{ font-size: 22px !important; }
.clrRedOrange{ color: #ed1c24; }
.clrRedWhite{  color: #ff3728; }
.clrSemiBlue{  color: #0057ab; }
.clrGrayBlue{  color: #03618b; }

/*======= #### Useful links Responsiveness #### =======*/

@media only screen and (max-width : 767px) {
    .orgCell {
        width: 100%;
        outline: none;
        border-top: 1px solid #cacaca;
        min-height: auto;
    }
}

/* =======##### FOOTER #####======= */
footer{ background-color: #1f6571; }
footer a{ color: #00daff; }
footer a:hover{
    color: #00daff;
    text-decoration: underline;
}
footer a:visited{ color: #00daff; }

.orgName{
    font-size: 20px;
    text-align: center;
    color: white;
    border-bottom: 1px solid white;
}

.orgName p{
    padding: 0;
    margin: 10px auto 7px;
    line-height: 25px;
}

ul.addInfo{
    margin: 25px 0;
    padding: 0;
}

ul.addInfo li{
    list-style-type: none;
    color: white;
    font-size: 13px;
    line-height: 16px;
}

.leftOrTopPart{ background: url(../img/border-line.png) center right no-repeat; }
.rightOrBottomPart{ background: url(../img/border-line.png) center left no-repeat; }

/* -- centralPart -- */
    .phoneBig, .tableSkin{ display: table; }
    .tableSkin { height: 100%; }

    .phoneMid, .cellSkin{
        display: table-cell;
        vertical-align: middle;
    }
    .phoneCode{
        font-size: 30px;
        text-align: center;
        padding: 0 10px 0 10px;
        color: white;
    }

@media only screen and (max-width : 1290px) {

    .phoneCode {
        font-size: 20px;
        padding-bottom: 2px;
    }

    .phoneMid img{ max-width: 24px; }

}


@media only screen and (max-width : 1160px) {

    .phoneCode { display: none; }
    .phoneMid img{ margin-right: 10px; }

}

@media only screen and (max-width : 992px) {

    .phoneBig, .tableSkin { width: 100%; }
    .phoneMid img{ display: none; }
    .footerInfo [class*="col-"] {
        text-align: center;
    }

    ul.addInfo {
    margin: 10px 0;}

}

/* ===== ##### Main Slider ##### =====*/
    #slideshow {
        position: relative;
        width: 100%;
        height: 100%;
    }

    #slideshow div img {
        position: absolute;
        left: 0;
        top: 0;
    }

/*@media all and (orientation:portrait) {

    .landscape-orient{display: none;}
    .portrait-orient{display: block;}

}

@media all and (orientation:landscape) {

    .landscape-orient{display: block;}
    .portrait-orient{display: none;}

}*/

/* ********* ##### E.T.C. ##### ********* */
/* =====##### Tables #####===== */
.table {
    background: #fff;
    border: 1px solid #ddd;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    border: 1px solid #ddd;
    vertical-align: middle;
}

/* =====##### Fast scrool on top #####===== */
.go-to-top{
    border-radius: 50%;
    padding: 9px 12px;
    position: fixed;
    bottom: 10px;
	left: 15px;
    /*right: 15px;*/
    background-color: #203133;
    display: none;
}

.go-to-top:hover{
    background-color: #203c40;
    /*border: 1px solid white;*/
    padding: 10px 13px;
}

/* =====##### Breadcrumbs #####===== */
.B_crumbBox, .breadcrumb {
    font-size: 12px;
    left: 240px;
    list-style: none;
    margin-bottom: 0;
    position: absolute;
    text-transform: lowercase;
    bottom: -70px;
    color: #505050;
    overflow: hidden;
}

.B_crumbBox, .breadcrumb, .breadcrumb>li+li:before {
    padding: 0;
}

@media only screen and (max-width : 1320px) {
    .B_crumbBox, .breadcrumb {
        left: 180px;
    }
}

@media only screen and (max-width : 1200px) {
    .B_crumbBox, .breadcrumb {
        left: 170px;
    }
}

@media only screen and (max-width : 1024px) {
    .B_crumbBox, .breadcrumb {
        left: 10px;
    }
}

@media only screen and (max-width : 767px) {
    .B_crumbBox, .breadcrumb {
        left: 0;
        bottom: -20px;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.45);
        padding: 2px 0 2px 10px;
        font-size: 11px;
    }
}

/* =====##### Footer to bottom #####===== */
.wrapper {
    display: table;
    width: 100%;
    height: 100%;
    padding-top: 177px;
    background-image: url(../bg/sl-3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    /*background-size: contain;*/
}
.content {
  display: table-row;
  height: 100%;
  padding: 0 25px;
}

.content p {
    margin: 10px 0 10px 0;
    font-size: 16px;
    line-height: 28px;
    color: #333333;
}

.content ul {
    font-size: 15px;
    list-style-position: inside;
    margin: 10px 0;
}

/* =====##### List With Link #####===== */
.content ul li a{
    padding-left: 15px;
    background: url(../img/linkInList12.png) center left no-repeat;
}

/* =====##### Link List #####===== */
.linkList{
    list-style-type: none
}

.linkList li{
    text-transform: uppercase;
    background: url(../img/liinkList.png) center left no-repeat;
    padding: 5px 0 5px 23px;
    margin: 0;
}

.linkList li a{
    text-decoration: none;
    /*background: none !important;*/
}

.content h2{
    margin: 0;
    padding: 50px 0 30px;
    text-align: center;

    color: #1f6571;
    text-transform: uppercase;

    font-size: 30px;
    line-height: 30px;
}

.content .spacer{
    padding: 0 30px 20px 30px;
}

@media only screen and (max-width : 767px) {
    .wrapper { padding-top: 127px; }
}

@media only screen and (max-width : 650px) {
    .wrapper {
        padding-top: 127px;
    }

    .content h2 {
        padding: 40px 0 20px;
        font-size: 24px;
        line-height: 30px;
    }

    .content p {
        font-size: 15px;
        line-height: 25px;
    }
}

@media only screen and (max-width : 400px) {
    .wrapper { background-position: 0px 127px; }
}

@media only screen and (max-width : 320px) {
    .content p { text-align: center; }
}

/* =====##### News #####===== */
.allNews{
    background: #fff;
    border: 1px solid #0088a5;
    margin-bottom: 40px;
    max-width: 85%;
    min-height: 500px;
}

.firstItem{
    text-align: justify;
    border-bottom: 1px dotted #b1b1b1;
    margin-bottom: 40px;
    margin-top: 40px;
    padding: 0px 25px 40px;
}

    .firstItem .newsHeading{
        color: #2c7c13;
        font-size: 17px;
        font-weight: 400;
        margin: 0 0 2px 0;
        text-transform: uppercase;
    }

    .firstItem p{
        margin: 10px 0 10px 0;
        font-size: 16px;
        line-height: 28px;
        color: #333333;
    }

    .firstItem .rmore{
        display: block;
        font-size: 14px;
        margin-top: 25px;
        text-align: right;
        text-transform: uppercase;
    }

.eachItem{
    margin: 10px 0 50px;
    padding: 0 50px; /*35px*/
    text-align: justify;
}

    .eachItem  .newsHeading{
        color: #13647c;
        font-size: 15px;
        margin: 0 0 2px 0;
        text-transform: uppercase;
    }

    .eachItem   p{
        margin: 10px 0 10px 0;
        font-size: 14px;
        line-height: 20px;
        color: #333333;
    }

    .eachItem  .rmore{
        display: block;
        font-size: 12px;
        margin-top: 22px;
        text-align: right;
        text-transform: uppercase;
    }


.firstItem .newsThumb,
.eachItem .newsThumb{
    display: block;
    margin: 0 auto;
}

.firstItem .newsDate,
.eachItem  .newsDate{
    color: #a7a7a7;
    font-size: 10px;
    margin: 0;
}

@media only screen and (max-width : 991px) {
    .firstItem .newsHeading{
        text-align: center;
        font-size: 16px;
        margin: 15px 0 0;
    }

    .eachItem  .newsHeading{
        text-align: center;
        font-size: 14px;
        margin: 15px 0 0;
    }

    .firstItem .newsDate,
    .eachItem  .newsDate{
        text-align: center;
    }

    .firstItem  .rmore{
        text-align: center;
        border: 1px solid #337ab7;
        padding: 10px 0px;
        border-radius: 5px;
    }

    .eachItem  .rmore{
        text-align: center;
        border: 1px solid #b7cada;
        padding: 8px 0px;
        border-radius: 5px;
    }


}

@media only screen and (max-width : 550px) {
    .firstItem .newsHeading{
        font-size: 14px;
    }

    .eachItem  .newsHeading{
        font-size: 12px;
    }

    .firstItem p{
        font-size: 14px;
        line-height: 22px;
    }

    .eachItem  p{
        font-size: 12px;
        line-height: 20px;
    }


    .eachItem .newsThumb{
        max-width: 60%;
    }
}

@media only screen and (max-width : 500px) {
    .firstItem p,
    .eachItem p{
        text-align: center;
    }
}

/* =====##### Gallery Page #####===== */
.galleryList{
    margin-top: 25px;
}

.backMid,
.backBehind{
    width: 304px;
    height: 204px;
    background-color: #fff;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.42);
    -moz-box-shadow:    0px 1px 5px 0px rgba(0, 0, 0, 0.42);
    box-shadow:         0px 1px 5px 0px rgba(0, 0, 0, 0.42);
    position: absolute;
    left: 50%;
    margin-left: -152px;
}

.backBehind{
    -moz-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
}

.backMid{
    -moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.photoSet img{
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.42);
    -moz-box-shadow:    0px 1px 5px 0px rgba(0, 0, 0, 0.42);
    box-shadow:         0px 1px 5px 0px rgba(0, 0, 0, 0.42);
    border: 2px solid #ffffff;
    display: block;
    margin: 0 auto;
    position: relative;

    max-width: 100%;
    height: auto;
 }

 .photoSet{
    min-height: 250px
 }

 .goToGallery{
    color: #128cb9;
    text-transform: uppercase;
    font-size: 12px;
 }

 .goToGallery .ribbon{
    display: block;
    width: 304px;
    position: relative;
    bottom: 40px;
    margin: 0 auto;
    padding: 5px 0;
    background-color: #ffffff;
    text-align: center;
    
 }

@media only screen and (max-width : 1300px) and (min-width : 1200px) {
    .backMid,
    .backBehind{
        width: 270px;
        height: 181px;
        margin-left: -135px;
    }

    .goToGallery .ribbon{
        max-width: 100%;
        height: auto;
    }

}

/* =====##### Headship #####===== */
.headshipCard{
    display: table;
    vertical-align: middle;
    border: 1px solid #005ea0;
    border-radius: 5px;
    padding: 10px;
    background-color: white;
    margin: 30px auto;
    width: 94%;
    min-height: 180px;
}

.photo, .infos{
    display: table-cell;
}

.photo{
    vertical-align: middle;
}
.photo img{
    border: 2px solid #929292;
    border-radius: 5px;
	max-width: 100px;
}

.infos{
    position: relative;
    width: 80%;
    vertical-align: middle;
}

.infos h2{
    font-size: 14px;
    color: #006dbd;
    text-align: center;
    padding: 0;
    line-height: 16px;
    margin: 6px 0 6px 0;
    position: absolute;
    top: 0;
    width: 100%;
    text-transform: none;
}

.infos p{
    font-size: 13px;
    padding: 0px 10px;
    line-height: 15px;
    text-align: center;
    margin: 0;
}

.infos a.goToCard{
    text-align: right;
    display: block;
    position: absolute;
    right: 15px;
    border-top: 1px dotted #adadad;
    left: 15px;
    padding-top: 2px;
    bottom: -5px;
}

@media only screen and (max-width : 1440px) and (min-width : 1200px) {
    .photo img{
        border: 2px solid #929292;
        max-width: 80px;
    }

    .infos h2{
        font-size: 13px;
        padding: 0px 0 0 0;
    }
}

@media only screen and (max-width : 1200px) {
    .headshipCard {
        width: 100%;
    }
}

@media only screen and (max-width : 767px) {
    .infos p{
        font-size: 13px;
    }
}

/* =====##### Headship page #####===== */
.profileField{
    background-color: #ffffff;
    border-radius: 4px;
    border: 1px solid #bbb;
    margin: 20px auto 50px;
    padding: 0;
}

    .profileField .nav-pills > li > a{
        border-radius: 0;
        padding: 20px 0;
        background-color: #f9f9f9;
		background-image: none;
    }

    .profileField  .nav-pills>li.active>a,
    .profileField  .nav-pills>li.active>a:focus,
    .profileField  .nav-pills>li.active>a:hover {
        color: #fff;
        background-color: #065978;
    }

    .profileField table{ margin: 30px; width: auto;;

    }


    .profileField form{ padding: 30px;;

    }

        .profileField .form-horizontal .form-group {
            margin-right: 15px;
            margin-left: 15px;
        }

        .profileField .verImg{ margin: 0 auto; display: block;;;

        }

        .profileField .form-horizontal .checkbox { text-align: center; margin: 0 0 10px;;;;
            
        }

        .profileField .btn{
            display: block;
            margin: 0 auto;
        }

/* =====##### Phone Book #####===== */
.phoneBook{
    padding: 20px 0 50px;
}

.phoneBook .panel-title > a {
    display: block;
    padding: 10px 0;
    text-align: center;
    width: 100%;
	text-transform: none;
	font-size: 16px;
}

.phoneBook .panel-group .panel {
    margin-bottom: 0;
    border-radius: 0;
    margin: -1px 0;
    box-shadow: none;;
}

.phoneBook .panel-body {
    padding: 25px 50px;
}

.phoneBook .panel-body .table {
    margin: 0;
}

.phoneBook .firstPanel{
    border-radius: 0;
}

.phoneBook .panel > .panel-heading {
    /* background-color: #f9f9f9;
    border-color: #ddd;
    color: #065978; */
	background-color: #3082a0;
    border-color: #ddd;
    color: #ffffff;
	padding: 10px 0;
}

.phoneBook .firstPanel  > .panel-heading {
    background-color: #065978;
    color: #ffffff;
    border-radius: 0;
}

/* =====##### ####===== */
.newsGallery{
    margin: 10px 0 50px;
}
.newsGallery .row{}
.newsGallery .eachPhoto{margin: 15px 0;}
.newsGallery .eachPhoto img{
    border: 10px solid #ffffff;
    -moz-box-shadow: 1px 0px 10px 1px rgba(0,0,0,0.35);
    box-shadow: 1px 0px 10px 1px rgba(0,0,0,0.35);
    -webkit-box-shadow: 1px 0px 10px 1px rgba(0,0,0,0.35);
}

@media only screen and (max-width : 767px) {
	.newsGallery .eachPhoto img{
		margin: 0 auto;
	}
}
/* =====##### Panels #####===== */
.panel-default>.panel-heading {
    color: #fff;
    background-color: #346284;
    border-color: #346284;
    padding: 0;
}

.panel-title { font-size: 15px; }

.panel-title>.small,
.panel-title>.small>a,
.panel-title>a,
.panel-title>small,
.panel-title>small>a {
    color: inherit;
    text-align: center;
    /* width: 100%; */
    display: block;
    text-transform: uppercase;
    padding: 10px 0;
    font-size: 15px;
}

/* =====##### Reviews #####===== */
/* list of reviews */
.reviewsList{
    background: #fff;
    border: 1px solid #0088a5;
    margin-bottom: 40px;
    max-width: 85%;
    min-height: 500px;
}

.reviewsList 
.btn-makeReview{
    border-radius: 0;
    padding: 15px 25px;
    background-color: #0088a5;
    border-color: #0088a5;
    outline: none;
    width: 100%;
    margin-bottom: 30px;
}

.reviewsList 
.well {
    min-height: 20px;
    padding: 25px;
    margin-bottom: 20px;
    background-color: #fcfcfc;
    border: 1px solid #f0f0f0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.reviewsList 
.reviewFormContainer{}

/* pagination */
.reviewsList 
.reviewsPageNavigation{
	padding: 0 15px 15px;
}

.reviewsList 
.reviewsPageNavigation ul li a{
	background: none;
}

.reviewsList 
.reviewsPageNavigation
a.firstPage{
	margin-right: 10px;
}

.reviewsList 
.reviewsPageNavigation
a.lastPage{
	margin-left: 10px;
}

.reviewsList 
.pageCount{
	margin: 0 auto;
    max-width: 180px;
    text-align: center;
    padding: 5px;
    color: #065978;
}

/* review container */
.revComment{}
.revComment .revContent{
	display: table;
}
.revComment .revContent .revCell{
	display: table-cell;
	vertical-align: middle;
}
.revComment .revContent .revCell img{
	margin-right: 25px;
}
.revComment .revContent .revCell .revTitle{
	text-align: center;
    display: block;
    text-transform: uppercase;
    color: #065978;
    font-size: 18px;
}
.revComment .revContent .revCell p{
	line-height: 23px;
    font-size: 15px;
	text-align: justify;
}
.revComment .revContent .revCell .revUser{
	text-align: right;
    font-size: 15px;
    color: #065978;
}
.revComment .revContent .revCell time{
    text-align: right;
    font-size: 10px;
    display: block;
    color: #ff7300;
}

.allReviews{
	margin: 0 0;
}

.allReviews .revTag{
	text-align: right;
    padding: 15px 0;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
}

/* other rev pagination */
.otherRevPageNav {
	text-align: center;
    padding: 15px 0;
}

.otherRevPageNav ul li a{
	background: none;
}

/* moderation panels */
.revModerate{
	text-align: right;
    padding: 15px 0 0;
}

.bottomFixedPanel {
    position: fixed;
    bottom: 25px;
    left: 10px;
    z-index: 1060;
    padding: 1px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; 
    font-style: normal; 
    font-weight: 400; 
    line-height: 1.42857143; 
    line-break: auto;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    font-size: 13px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.bottomFixedPanel>.arrow,
.bottomFixedPanel>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.bottomFixedPanel>.arrow:after {
    content: "";
    border-width: 10px;
}

.bottomFixedPanel.top>.arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0;
}

.bottomFixedPanel.right>.arrow:after {
    bottom: -10px;
    left: 1px;
    content: " ";
    border-right-color: #fff;
    border-left-width: 0;
}


.bottomFixedPanel>.arrow,
.bottomFixedPanel>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.bottomFixedPanel>.arrow {
    border-width: 11px;
}

.bottomFixedPanel.top>.arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,.25);
    border-bottom-width: 0;
}

.bottomFixedPanel.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,.25);
    border-left-width: 0;
}

.pageForms{ padding: 20px 15px; }
.pageForms form{ text-align: center; }

/* Togglable tabs */
ul.ribbon-tabs{
	width: 100%; 
	position: relative;
	display: table;
	margin: 0;
	padding: 0;
}
ul.ribbon-tabs li{
	display: table-cell;
	position: relative;
	float: none;
}
ul.ribbon-tabs li a{
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    background-image: none;
    border-radius: 0 !important;
    background-color: #ffffff !important;
    color: #065978 !important;
}

ul.ribbon-tabs li.active a{
	background-color: #065978 !important;
    color: #ffffff !important;
	border: 1px solid #065978;
}

ul.ribbon-tabs li a:hover,
ul.ribbon-tabs li.active a:hover{
    border-color: transparent;
    border: 1px solid #065978;
}

ul.ribbon-tabs li a:focus,
ul.ribbon-tabs li.active a:focus{
	outline: none !important;
    outline-offset: 0 !important;
	border: 1px solid #065978 !important;
}

.tab-content{
	padding: 15px;
    background-color: #fff;
    text-align: justify;
}

p.personalDataConsent{
    font-size: 14px;
    font-weight: bold;
    color: #ff7c7c;
}

.table-text-center>tbody>tr>td,
.table-text-center>tbody>tr>th,
.table-text-center>tfoot>tr>td,
.table-text-center>tfoot>tr>th,
.table-text-center>thead>tr>td,
.table-text-center>thead>tr>th {
    border: 1px solid #ddd;
    vertical-align: middle;
    text-align: center;
}

/*Great Victory Day banner*/
.great-victory-info{
	text-align: center;
    font-size: 20px;
    background: linear-gradient(to right, #fe530d, #ee1926);
    color: white;
    padding: 10px 0;
}