/*#################### snow ####################*/
.snow-flake,
.snow-large,
.snow-medium {
  	z-index: 1;
    position : absolute;
    top: 0; right: 0; bottom: 0; left: 0;
}
.snow-flake {
    background: url("http://www.santhiya.com/wp-content/uploads/2016/12/snowflake1.png") repeat 0px 0px;
    -webkit-animation: dropFlowParticles 7s linear infinite;
         -o-animation: dropFlowParticles 7s linear infinite;
            animation: dropFlowParticles 7s linear infinite;
}
.snow-large {
    background: url("http://www.santhiya.com/wp-content/uploads/2016/12/particules_large1.png") repeat 0px 0px;
    -webkit-animation: dropFlowParticles 5s linear infinite;
         -o-animation: dropFlowParticles 5s linear infinite;
            animation: dropFlowParticles 5s linear infinite;
}
.snow-medium {
    background: url("http://www.santhiya.com/wp-content/uploads/2016/12/particules_medium2.png") repeat 0px 0px;
    -webkit-animation: dropFlowParticles 12s linear infinite;
         -o-animation: dropFlowParticles 12s linear infinite;
            animation: dropFlowParticles 12s linear infinite;
}

 
@-webkit-keyframes dropFlowParticles {
    from { background-position: 0 0; }
    to { background-position: 0 413px; }
}
@keyframes dropFlowParticles {
    from { background-position: 0 0; }
    to { background-position: 0 413px; }
}
/*#################### snow ####################*/
/* .container-ig{
      z-index: 2;
} */

.cm-pop{
  	display: none;
}
.backpopup {
    
    position: fixed;
    max-height: 550px;
    height: 100%;
    max-width: 612px;
    width: 100%;
    margin: 2em auto;
    left: 50%;
    z-index: 2;
  	top: 5em;
    transform: translateX(-50%);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}
/* img.wp-smiley, img.emoji {
  filter: brightness(0) invert(1);
} */


/* Add Animation */

@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}

.img1 {
	text-align: right;
	top: -19em;
}

.img2 {
	text-align: center;
	top: -18.8em;
}

.img3 {
	text-align: left;
	top: -18.9em;
}

.closepop {
    position: absolute;
    float: right;
    font-size: 50px;
    line-height: 1;
    color: #653916;
    filter: alpha(opacity=20);
    bottom: 0;
    right: 10px;
}

img.popup {
    position: relative;
    max-height: 689px;
    height: auto;
    max-width: 768px;
    width: 100%;
    margin: 0;
}

img.popgoto1 {
    max-width: 100%;
    height: 150px;
}

img.popgoto2 {
    max-width: 100%;
    height: 150px;
}

img.popgoto3 {
    margin-left: -5px;
    max-width: 100%;
    height: 152px;
}

.col-md-4 {
    padding: 0 !important;
    margin: 0;
    display: inline-block;
}

.footer img.snowleft{
	  bottom: 0;
    left: 0;
    position: fixed;
    width: auto;
    height: 45%;
    z-index: 3;
}
.footer img.snowright{
	  bottom: 0;
    right: 0;
    position: fixed;
    width: auto;
    height: 45%;
    z-index: 3;
}
    
@media (min-width: 768px) and (max-width: 992px) {
    .backpopup {
        max-height: 449px;
    		max-width: 500px;
    }
    .footer img.popgoto1 {
    height: 120px;
    }
    .footer img.popgoto2 {
        height: 110px;
    }
    .footer img.popgoto3 {
        height: 107px;
    }
    .img1 {
        top: -15.8em;
    }
    .img2 {
        top: -15.5em;
    }
    .img3 {
        top: -15.5em;
    }
    .closepop {
        bottom: -5px;
        right: 7px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .backpopup {
        max-height: 404px;
        max-width: 450px;
    }
    .footer img.popgoto1 {
        height: 100px;
    }
    .footer img.popgoto2 {
        height: 100px;
    }
    .footer img.popgoto3 {
        height: 100px;
    }
    .img1 {
        top: -13.8em;
    }
    .img2 {
        top: -13.7em;
    }
    .img3 {
        top: -13.8em;
    }
    .closepop {
        bottom: -5px;
        right: 5px;
    }
  	.footer img.snowleft{
	  bottom: 0;
    left: 0;
    position: fixed;
    width: auto;
    height: 30%;
    z-index: 3;
		}
  
		.footer img.snowright{
	  bottom: 0;
    right: 0;
    position: fixed;
    width: auto;
    height: 30%;
    z-index: 3;
		}
}

@media (min-width: 320px)and (max-width: 479px) {
    .backpopup {
        max-height: 269px;
        max-width: 300px;
    }
    .footer img.popgoto1 {
        height: 67px;
    }
    .footer img.popgoto2 {
        height: 67px;
    }
    .footer img.popgoto3 {
        height: 67px;
    }
    .img1 {
        top: -8.8em;
    }
    .img2 {
        top: -8.8em;
    }
    .img3 {
         top: -8.8em;
    }
    .closepop {
        font-size: 30px;
        bottom: -4px;
        right: 4px;
    }
  .footer img.snowleft{
    height: 20%;
    z-index: 3;
		}
  
		.footer img.snowright{

    height: 20%;
    z-index: 3;
		}
}
/*################ slidefacebook ##################*/
.p-title-socail>a{
  display: inline-block;
  line-height: 0;
  text-decoration: none;
}
.p-title-socail>a>img{
  height: 70px;
  width: auto;
}
.p-slide-ig,.p-slide-fb{
  float: left;
  list-style: none;
  position: relative;
  width: 172px;
  height: auto;
  margin: 10px;
  display: none;
}

.h-slide-fb{
   padding: 0;
   margin: 0;
   list-style-type: none;"
}
@media(min-width: 320px) and (max-width: 350px){
    .p-slide-ig, .p-slide-fb {
        width: 135px;
    }
    .p-title-socail>a>img{
      height: auto;
      max-width: 100%;
    }

    .h-slide-fb{
       /*padding: 0;*/
       padding-left: 0px;
       margin: 0;
       list-style-type: none;"
    }
    li,ul,div{
      border: 0;
      vertical-align: baseline;
      margin: 0;
      /*padding: 0;*/
    }
}
@media(min-width: 351px) and (max-width: 382px){
    .p-slide-ig, .p-slide-fb {
        width: 157px;
    }
    .p-title-socail>a>img{
      height: auto;
      max-width: 100%;
    }

    .h-slide-fb{
       /*padding: 0;*/
       padding-left: 0px;
       margin: 0;
       list-style-type: none;"
    }
    li,ul,div{
      border: 0;
      vertical-align: baseline;
      margin: 0;
      /*padding: 0;*/
    }
}
@media(min-width: 381px) and (max-width: 405px){
    .p-slide-ig, .p-slide-fb {
        width: 180px;
    }
    .p-title-socail>a>img{
      height: auto;
      max-width: 100%;
    }

    .h-slide-fb{
       /*padding: 0;*/
       padding-left: 0px;
       margin: 0;
       list-style-type: none;"
    }
    li,ul,div{
      border: 0;
      vertical-align: baseline;
      margin: 0;
      /*padding: 0;*/
    }
}
@media(min-width: 383px) and (max-width: 440px){
    .p-slide-ig, .p-slide-fb {
        width: 170px;
    }
    .p-title-socail>a>img{
      height: auto;
      max-width: 100%;
    }

    .h-slide-fb{
       /*padding: 0;*/
       padding-left: 0px;
       margin: 0;
       list-style-type: none;"
    }
    li,ul,div{
      border: 0;
      vertical-align: baseline;
      margin: 0;
      /*padding: 0;*/
    }
}
@media(min-width: 383px) and (max-width: 440px){
    .p-slide-ig, .p-slide-fb {
        width: 173px;
    }
    .p-title-socail>a>img{
      height: auto;
      max-width: 100%;
    }

    .h-slide-fb{
       /*padding: 0;*/
       padding-left: 0px;
       margin: 0;
       list-style-type: none;"
    }
    li,ul,div{
      border: 0;
      vertical-align: baseline;
      margin: 0;
      /*padding: 0;*/
    }
}
@media(min-width: 440px) and (max-width: 563px){
    .p-slide-ig, .p-slide-fb {
        width: 160px;
    }
    .p-title-socail>a>img{
      height: auto;
      max-width: 100%;
    }

    .h-slide-fb{
       /*padding: 0;*/
       padding-left: 0px;
       margin: 0;
       list-style-type: none;"
    }
    li,ul,div{
      border: 0;
      vertical-align: baseline;
      /*margin: 0;*/
      /*padding: 0;*/
    }

}

@media(min-width: 564px) and (max-width: 570px){
    .p-slide-ig, .p-slide-fb {
        width: 160px;
    }
    .p-title-socail>a>img{
      height: auto;
      max-width: 100%;
    }

    .h-slide-fb{
       /*padding: 0;*/
       padding-left: 95px;
       margin: 0;
       list-style-type: none;"
    }
    li,ul,div{
      border: 0;
      vertical-align: baseline;
      margin: 0;
      /*padding: 0;*/
    }
}

.p-fb-img-slide{
  background-position: 50% 50%;
  background-size: 150%;
  background-repeat: no-repeat;
  padding-bottom: 80%;
}
.p-box-fb{
  background-color: transparent;
  border: 0px solid #fff;
  box-shadow: none;
  display: inline-block;
  margin: 3em 0;
}
.sc-ig-img-slide{
  background-position: 50% 50%;
  background-size: 100%;
  background-repeat: no-repeat;
  padding-bottom: 80%;
}
.adif a:hover, .adif a:focus {
    color: #23527c;
    text-decoration: underline;
    opacity: 0.5;
    background-color: antiquewhite;
}