﻿.divMainContentBlock {
    clear:both;
}

.divMainContentBlock.divColumnStyle2, .divMainContentBlock.divColumnStyle3, .divMainContentBlock.divColumnStyle4,
.divSinglePageBlockCont.divColumnStyle2, .divSinglePageBlockCont.divColumnStyle3, .divSinglePageBlockCont.divColumnStyle4 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float:left;
    clear:none;
}

.divContactCont .divRefDoc {
    position:absolute;
    z-index:-100;
}

.divColumnStyle2 {
    width:50%;
}

.divColumnStyle3 {
    width:33%;
}

.divColumnStyle4 {
    width:25%;
}

.divMainContentBlock.divColumnStyle2.divColumnNumber1, .divMainContentBlock.divColumnStyle3.divColumnNumber1, .divMainContentBlock.divColumnStyle4.divColumnNumber1,
.divSinglePageBlockCont.divColumnStyle2.divColumnNumber1, .divSinglePageBlockCont.divColumnStyle3.divColumnNumber1, .divSinglePageBlockCont.divColumnStyle4.divColumnNumber1 {
    clear:both;
}

.divColumnNumber2, .divColumnNumber3, .divColumnNumber4 {
    padding-left:20px;
}

.mainContentImgDiv {
    padding:20px 0 20px 0;
    text-align:center;
}

.mainContentImgDiv img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width:100%;
}

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

@-webkit-keyframes slideInLeft { from { left:-20px; } to { left:0px; } }
@-moz-keyframes slideInLeft { from { left:-20px; } to { left:0px; } }
@keyframes slideInLeft { from { left:-20px; } to { left:0px; } }

@-webkit-keyframes slideInRight { from { left:20px; } to { left:0px; } }
@-moz-keyframes slideInRight { from { left:20px; } to { left:0px; } }
@keyframes slideInRight { from { left:20px; } to { left:0px; } }

@-webkit-keyframes slideInTop { from { top:-20px; } to { top:0px; } }
@-moz-keyframes slideInTop { from { top:-20px; } to { top:0px; } }
@keyframes slideInTop { from { top:-20px; } to { top:0px; } }

@-webkit-keyframes slideInBtm { from { top:20px; } to { top:0px; } }
@-moz-keyframes slideInBtm { from { top:20px; } to { top:0px; } }
@keyframes slideInBtm { from { top:20px; } to { top:0px; } }

@-webkit-keyframes fadeSlideInLeft { from { opacity:0; left:-20px; } to { opacity:1; left:0px; } }
@-moz-keyframes fadeSlideInLeft { from { opacity:0; left:-20px; } to { opacity:1; left:0px; } }
@keyframes fadeSlideInLeft { from { opacity:0; left:-20px; } to { opacity:1; left:0px; } }

@-webkit-keyframes fadeSlideInRight { from { opacity:0; left:20px; } to { opacity:1; left:0px; } }
@-moz-keyframes fadeSlideInRight { from { opacity:0; left:20px; } to { opacity:1; left:0px; } }
@keyframes fadeSlideInRight { from { opacity:0; left:20px; } to { opacity:1; left:0px; } }

@-webkit-keyframes fadeSlideInTop { from { opacity:0; top:-20px; } to { opacity:1; top:0px; } }
@-moz-keyframes fadeSlideInTop { from { opacity:0; top:-20px; } to { opacity:1; top:0px; } }
@keyframes fadeSlideInTop { from { opacity:0; top:-20px; } to { opacity:1; top:0px; } }

@-webkit-keyframes fadeSlideInBtm { from { opacity:0; top:20px; } to { opacity:1; top:0px; } }
@-moz-keyframes fadeSlideInBtm { from { opacity:0; top:20px; } to { opacity:1; top:0px; } }
@keyframes fadeSlideInBtm { from { opacity:0; top:20px; } to { opacity:1; top:0px; } }

.imgFadeEffect {
    opacity:0;
}

.imgSlideLeftEffect {
    opacity:0;
    position:relative;
    left:-20px;
}

.imgSlideRightEffect {
    position:relative;
    left:20px;
}

.imgSlideTopEffect {
    opacity:0;
    position:relative;
    top:-20px;
}

.imgSlideBtmEffect {
    position:relative;
    top:20px;
}

.imgFadeSlideLeftEffect {
    opacity:0;
    position:relative;
    left:-20px;
}

.imgFadeSlideRightEffect {
    opacity:0;
    position:relative;
    left:20px;
}

.imgFadeSlideTopEffect {
    opacity:0;
    position:relative;
    top:-20px;
}

.imgFadeSlideBtmEffect {
    opacity:0;
    position:relative;
    top:20px;
}

.imgFadeEffect.imgFadeEffectIn {
    -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
 
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:0.5s;
	-moz-animation-duration:0.5s;
	animation-duration:0.5s;
}

.imgSlideLeftEffect.imgSlideEffectIn {
    opacity:1;
    -webkit-animation:slideInLeft ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:slideInLeft ease-in 1;
	animation:slideInLeft ease-in 1;
 
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:0.5s;
	-moz-animation-duration:0.5s;
	animation-duration:0.5s;
}

.imgSlideRightEffect.imgSlideEffectIn {
    -webkit-animation:slideInRight ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:slideInRight ease-in 1;
	animation:slideInRight ease-in 1;
 
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:0.5s;
	-moz-animation-duration:0.5s;
	animation-duration:0.5s;
}

.imgSlideTopEffect.imgSlideEffectIn {
    opacity:1;
    -webkit-animation:slideInTop ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:slideInTop ease-in 1;
	animation:slideInTop ease-in 1;
 
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:0.5s;
	-moz-animation-duration:0.5s;
	animation-duration:0.5s;
}

.imgSlideBtmEffect.imgSlideEffectIn {
    -webkit-animation:slideInBtm ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:slideInBtm ease-in 1;
	animation:slideInBtm ease-in 1;
 
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:0.5s;
	-moz-animation-duration:0.5s;
	animation-duration:0.5s;
}

.imgFadeSlideLeftEffect.imgFadeSlideEffectIn {
    -webkit-animation:fadeSlideInLeft ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeSlideInLeft ease-in 1;
	animation:fadeSlideInLeft ease-in 1;
 
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:0.5s;
	-moz-animation-duration:0.5s;
	animation-duration:0.5s;
}

.imgFadeSlideRightEffect.imgFadeSlideEffectIn {
    -webkit-animation:fadeSlideInRight ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeSlideInRight ease-in 1;
	animation:fadeSlideInRight ease-in 1;
 
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:0.5s;
	-moz-animation-duration:0.5s;
	animation-duration:0.5s;
}

.imgFadeSlideTopEffect.imgFadeSlideEffectIn {
    -webkit-animation:fadeSlideInTop ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeSlideInTop ease-in 1;
	animation:fadeSlideInTop ease-in 1;
 
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:0.5s;
	-moz-animation-duration:0.5s;
	animation-duration:0.5s;
}

.imgFadeSlideBtmEffect.imgFadeSlideEffectIn {
    -webkit-animation:fadeSlideInBtm ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeSlideInBtm ease-in 1;
	animation:fadeSlideInBtm ease-in 1;
 
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:0.5s;
	-moz-animation-duration:0.5s;
	animation-duration:0.5s;
}

.imgBoxShadowDark {
    -webkit-box-shadow: 0px 0px 35px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 35px 1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 35px 1px rgba(0,0,0,0.75);
}

.imgBoxShadowWhite {
    -webkit-box-shadow: 0px 0px 35px 1px rgba(255,255,255,0.75);
    -moz-box-shadow: 0px 0px 35px 1px rgba(255,255,255,0.75);
    box-shadow: 0px 0px 35px 1px rgba(255,255,255,0.75);
}


@media all and (max-width:768px) {
    .divMainContentBlock {
        clear:both;
    }
    
    .divColumnStyle2, .divColumnStyle3, .divColumnStyle4 {
        width:100%;
    }

    .divMainContentBlock.divColumnStyle2, .divMainContentBlock.divColumnStyle3, .divMainContentBlock.divColumnStyle4 {
        float:none;
    }
    
    .divColumnNumber2, .divColumnNumber3, .divColumnNumber4 {
        padding:0;
    }
}