/* social btns css */
.partner {
	display: block;
	position: fixed;
	z-index: 2000;
}
.partner.-horizontal{
	bottom: 0;
	left: 50%;
	-ms-transform: translateX(-50%); /* IE 9 */
	-webkit-transform: translateX(-50%); /* Safari */
	transform: translateX(-50%); /* Standard syntax */
	margin: auto;
}
.partner.-horizontal > div{
	white-space: nowrap;
	//left: -80%;
    	--widthD: calc((100%) / 10 );
  	right : calc(var(--widthD) * -1 )%;
	top: -850%;

}
.partner.-vertical{
	right: 0;
	top: 22%;
	-ms-transform: translateY(-22%); /* IE 9 */
	-webkit-transform: translateY(-22%); /* Safari */
	transform: translateY(-22%); /* Standard syntax */
}

.btn_round { 
    background: #3398cc;
    line-height: 20px;
    padding: 10px 20px;
    text-align: center;
	display: block;
	-webkit-transition: all 0.5s;
  -moz-transition: all 0.5s ;
  -o-transition: all 0.5s ;
  transition: all 0.5s ;
   
   color: #fff;
    font-size: 12px;
	position: relative;
}
.partner.-horizontal .btn_round{
	display: inline-block;
    vertical-align: middle;
	height: 60px;
	line-height: 40px;
	margin-left: -30px; 
	padding-left: 40px;
	border-radius: 2px 20px;
    -ms-transform: skewX(15deg);/* IE 9 */
    -webkit-transform: skewX(15deg);/* Chrome, Safari, Opera */
    transform: skewX(15deg);
}
.partner.-vertical .btn_round{
	display: block;
	/* width: 50px; */
	margin-top: -30px; 
	padding-top: 40px;
	border-radius: 2px 20px;
    -ms-transform: rotate(360deg) skewY(15deg);/* IE 9 */
    -webkit-transform: rotate(360deg) skewY(15deg);/* Chrome, Safari, Opera */
    transform: rotate(360deg) skewY(15deg);
}
.btn_round .active{  -ms-transform: rotate(360deg) skewY(0deg);/* IE 9 */
    -webkit-transform: rotate(360deg) skewY(0deg);/* Chrome, Safari, Opera */
    transform: rotate(360deg) skewY(0deg);
	 border-radius:0 0;
	width:140px;
	text-align:right;padding-top: 15px;padding-bottom: 15px;
	}	
.btn_round img{
	display:inline-block;
	vertical-align: middle;
}	
.partner.-horizontal .btn_round img{   
	-ms-transform: skewX(-15deg);/* IE 9 */
    -webkit-transform: skewX(-15deg);/* Chrome, Safari, Opera */
    transform:  skewX(-15deg);
}
.partner.-vertical .btn_round img{   
	-ms-transform: skewY(-15deg);/* IE 9 */
    -webkit-transform: skewY(-15deg);/* Chrome, Safari, Opera */
    transform:  skewY(-15deg);
}
.partner.-vertical .btn_round:first-child{ padding-top:15px;}
.partner.-horizontal .btn_round:first-child{ padding-left:15px;}
.btn_round.red_btn { background: #ec4447;   color: #fff; position:relative;}
.btn_round.red_btn.active{  -ms-transform: rotate(360deg) skewY(0deg);/* IE 9 */
    -webkit-transform: rotate(360deg) skewY(0deg);/* Chrome, Safari, Opera */
    transform: rotate(360deg) skewY(0deg);
	 border-radius:0 0;
	width:140px;
	text-align:right;padding-top: 15px;padding-bottom: 15px;
	}
	
.btn_round span {
    float: left;
    padding: 5px;
	display:none;
}
.btn_round.active span{ display:inline-block; left: 0;
    position: absolute;
	}
	
.btn_round.active img{  -ms-transform: skewY(0deg);/* IE 9 */
    -webkit-transform: skewY(0deg);/* Chrome, Safari, Opera */
    transform:  skewY(0deg);}	
	
.btn_round.purple_btn { background: #66669a; }   
.btn_round.green_btn1 { background: #308e44;} 
.btn_round.elevate_red { background: #912B2A;}
 .btn_round.blue_btn1 { background: #3398cc;}    
.btn_round.yellow_btn { background: #f0c419; }
.btn_round.green_btn { background: #5fc652;}		 	 
.btn_round.google_btn { background: #df5231;}		 	 
.btn_round.blue_btn { background: #3763a2;}
.btn_round.twitter_btn { background: #3398cc;} 
.btn_round.orange_btn { background: #FE9B00;}
.btn_round.turquoise_btn { background: #189BA3;}
.btn_round.gray_btn { background: #255271;}
.btn_round.skyblue_btn { background: #0072BB;}	 
.btn_round.redlight_btn { background:#DB3B3B;}	 
.btn_round.bluelight_btn { background:#0C689A;}	 

.iframe-content { position: fixed;right: 71px;top: 15px;	bottom:5px;	display:none; z-index: 100;}
.iframe-inner {background: none repeat scroll 0 0 #fff;border: 3px solid #ddd;width:100%;padding:5px;position: relative;  right: 0;top:15%;width: 100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.iframe-box {width:100%;	max-height:760px;overflow:auto;overflow-x:hidden;}
.iframe-box iframe{margin-bottom:0;}
.iframe-content .close-icon{position:absolute;left:-10px;top:-12px;}
.btn_round:nth-child(1){z-index:20;} 
.btn_round:nth-child(2){z-index:19;} 
.btn_round:nth-child(3){z-index:18;} 
.btn_round:nth-child(4){z-index:17;} 
.btn_round:nth-child(5){z-index:16;} 
.btn_round:nth-child(6){z-index:15;} 
.btn_round:nth-child(7){z-index:14;} 
.btn_round:nth-child(8){z-index:13;} 
.btn_round:nth-child(9){z-index:12;} 
.btn_round:nth-child(10){z-index:11;} 
.btn_round:nth-child(11){z-index:10;} 
.btn_round:nth-child(12){z-index:9;} 
.btn_round:nth-child(13){z-index:8;} 
.btn_round:nth-child(14){z-index:7;} 
.btn_round:nth-child(15){z-index:6;} 
.btn_round:nth-child(16){z-index:5;} 
.btn_round:nth-child(17){z-index:4;} 
.btn_round:nth-child(18){z-index:3;} 
.btn_round:nth-child(19){z-index:2;} 
.btn_round:nth-child(20){z-index:1;}