 

#main-container-mod {
width:100%;
float:left;
text-align:center !important!;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; 
position:relative;
}

.full-homepage  {
cursor:pointer;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; 

}

.full-homepage .bx-wrapper {
position:relative;
height:100%;
 -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; 
}

.full-homepage .bx-wrapper .bx-viewport {
border: none;
left:0; 
box-shadow: none;
background:transparent !important;
width:100%;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; 
}

.full-homepage .left-section {
position: absolute;
top: 0px;
left: 0;
width: 70%;
background: #000000;
}

.full-homepage .right-section {
position: absolute;
top: 0px;
right: 0;
width: 30%;
}

.full-homepage .right-section .slider-controls {
 position: absolute !important;
bottom: 0px !important;
background: #000 !important;
width: 50% !important;
left: 25% !important;
text-align: center !important;
height:65px; 
}

.full-homepage .right-section .slider-controls button {
position:relative;
*display: inline-block !important;
vertical-align: middle !important;
background: transparent !important;
border: none !important;
color: #fff !important;
padding: 0 !important;
width: 50px !important;
height: 20px !important;
font-size: 30px !important;
line-height: 30px !important;
font-size: 30px !important;
}

section.full-homepage > section.right-section > section.slider-controls > button.prev {
}

.full-homepage .right-section .slider-controls button:hover {
color: #999 !important;
}

.full-homepage .right-section .slider-controls .counter {
margin: 0 10px !important;
display: inline-block !important;
vertical-align: middle !important;
font-size: 14px !important;
font-weight: 400 !important;
font-style: italic !important;
}
.full-homepage .main-slider {
width: 100% !important;
float: left !important;
-webkit-perspective: 800px;
-moz-perspective: 800px;
perspective: 800px;
position: relative;
overflow: hidden;
}
.main-slider-mod {
display:none;
}
.full-homepage .main-slider article {
width: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
text-align: center;
padding: 10px 30px;
overflow: hidden;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
position: absolute;
top: 100%;
left: 0px;
height: 100%;
z-index: 2;
}
.full-homepage .main-slider article.visible {
top: 0;
}
.full-homepage .main-slider article.bigIndex {
z-index: 3;
}
.full-homepage .main-slider article.firstAnim {
-webkit-transform: scale(0.8, 0.8) translate(0px, 400px);
-moz-transform: scale(0.8, 0.8) translate(0px, 400px);
-o-transform: scale(0.8, 0.8) translate(0px, 400px);
-ms-transform: scale(0.8, 0.8) translate(0px, 400px);
transform: scale(0.8, 0.8) translate(0px, 400px);
-webkit-transform-origin: center bottom;
-moz-transform-origin: center bottom;
-o-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
.full-homepage .main-slider article.secondAnim {
-webkit-transform: scale(0.8, 0.8) translate(0px, 400px);
-moz-transform: scale(0.8, 0.8) translate(0px, 400px);
-o-transform: scale(0.8, 0.8) translate(0px, 400px);
-ms-transform: scale(0.8, 0.8) translate(0px, 400px);
transform: scale(0.8, 0.8) translate(0px, 400px);
-webkit-transform-origin: center bottom;
-moz-transform-origin: center bottom;
-o-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
} 
.full-homepage .main-slider article .separator {
width: 100px;
display: inline-block;
margin: 20px 0;
} 
.full-homepage .main-slider article h2 {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
margin: 0;
font-size: 36px;
font-weight: 400;
text-transform: uppercase;
}
.full-homepage .main-slider article h2  {
text-decoration: none;
}
.full-homepage .main-slider article p {
width: 50%;
font-size: 14px;
font-weight: 400;
margin: 0 auto;
}
.full-homepage .main-slider article .hidden-top  {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
top: -200px;
position: relative;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
} 
.full-homepage .main-slider article .hidden-bottom {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
bottom: -200px;
position: relative;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
} 
.full-homepage .main-slider article .date {
font-size: 14px;
font-weight: 400;
}
.full-homepage .main-slider article .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.main-slider-mod {
text-indent:-5000px;
}
.full-homepage .main-slider article .inner {
display: table;
width: 100%;
height: 100%;
position: relative;
z-index: 2;
}
.full-homepage .main-slider article .inner-overlay {
display: table-cell;
width: 100%;
vertical-align: middle;
text-align: center;
}
.full-homepage .main-slider article .icons {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
overflow: hidden;
}
.full-homepage .main-slider article .icons span {
font-size: 12px;
font-weight: 400;
}

.full-homepage .sidebar-slider {
width: 100%;
float: left;
}

.full-homepage .sidebar-slider article {
height: 200px;
width: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
text-align: center;
padding: 10px 30px;
overflow: hidden;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .2s ease-in-out;
background-color: black;
border: solid 0px transparent;
}

.full-homepage .sidebar-slider article:active .hidden-top,
.full-homepage .sidebar-slider article:active .hidden-bottom {
top: 0;
-webkit-opacity: 1;
-moz-opacity: 1;
 opacity: 1;
} 

.full-homepage .sidebar-slider article .hidden-bottom {
bottom: 0px;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}

.full-homepage .sidebar-slider article:hover {
border: solid 10px black; 
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; 
}

.full-homepage .sidebar-slider article{
margin:0;
padding:0;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; 
}

.full-homepage .sidebar-slider article:hover .hidden-top {
top: 0;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}

.full-homepage .sidebar-slider article:hover .hidden-bottom{
bottom: 0;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}

.full-homepage .sidebar-slider article:hover .icons {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
height: 0px;
}

.full-homepage .sidebar-slider article:hover .overlay {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}

.full-homepage .sidebar-slider article .separator {
width: 50px;
display: inline-block;
margin: 10px  0;
}

.full-homepage .sidebar-slider article h2 {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
margin: -3px 0 0;
font-size: 24px;
font-weight: 400;
text-transform: uppercase;
line-height: 30px;
}

.full-homepage .sidebar-slider article .hidden-top {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
top: -200px;
position: relative;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

.full-homepage .sidebar-slider article .hidden-bottom {
position:relative;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
bottom: -200px;
position: relative;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

.full-homepage .sidebar-slider article .date {
font-size: 14px;
font-weight: 400;
}

.full-homepage .sidebar-slider article .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
-webkit-opacity: 0.25;
-moz-opacity: 0.25;
opacity: 0.25;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
 z-index: 1;
}

.full-homepage .sidebar-slider article .inner {
display: table;
width: 100%;
height: 100%;
position: relative;
z-index: 2;
}

.full-homepage .sidebar-slider article .inner-overlay {
display: table-cell;
width: 100%;
vertical-align: middle;
text-align: center;
}

.full-homepage .sidebar-slider article .inner h2 {
}

article.slide div.inner div.inner-overlay div.hidden-bottom p.description{
font-style: normal !important;
font-weight:100;
margin-top:0px;
padding-top:-15px;
}

@media screen and (min-width: 1200px) and (max-width: 1500px) {
.full-homepage .right-section .slider-controls {
width: 80%;
left:10%;
}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
.full-homepage .right-section .slider-controls {
width: 70%;
left: 15%;
}

.full-homepage .right-section .slider-controls button {
display: inline-block;
vertical-align: middle;
background: transparent;
border: none;
color: #fff;
padding: 0;
width: 50px;
height: 20px;
font-size: 25px;
line-height: 30px;
}

.full-homepage .main-slider article h2 {
font-size: 30px;
}

.full-homepage .sidebar-slider article h2 {
font-size: 14px;
line-height: 19px;
}

.full-homepage .sidebar-slider article .date-image {
font-size: 10px !important;
font-weight: 400;
}

 article.slide div.inner div.inner-overlay div.hidden-bottom p.description{
 font-size: 10px !important;
}
}
@media screen and (min-width: 801px) and (max-width: 991px) {
.full-homepage .right-section .slider-controls {
width: 70%;
left: 15%;
}
}

@media screen and (min-width: 0px) and (max-width: 800px) {
.full-homepage .left-section {
width: 100%;
}

.full-homepage .right-section {
width: 100%;
top: 100%;
height: 0px !important;
}

.full-homepage .right-section .bx-wrapper {
height: 0px !important;
overflow: hidden;
} 

.full-homepage .main-slider article h2 {
font-size: 25px;
padding:0 25px;
}

.full-homepage .sidebar-slider article h2 {
font-size: 13px;
line-height: 20px;

}

}


@media screen and (min-width: 0px) and (max-width: 500px) {

.full-homepage .main-slider article h2 {
font-size: 20px;
padding:0 25px;
}

.full-homepage .sidebar-slider article h2 {
font-size: 13px;
line-height: 20px;

}



}


