/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;background-image:url('https://admin.fitsoft.com/PluginFrames/Wordpress/images/hoverpop/bg_body.png');border-radius: 10px 10px 10px 10px;}
#cboxContent{background:#fff; overflow:visible; padding: 2px;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url('https://admin.fitsoft.com/PluginFrames/Wordpress/images/hoverpop/loading_background.png') no-repeat center center;}
#cboxLoadingGraphic{background:url('https://admin.fitsoft.com/PluginFrames/Wordpress/images/hoverpop/loading.gif') no-repeat center center;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
	top: 0;
	border: 0;
	padding: 0;
	margin: 0;
	position: absolute;
	bottom: -29px;
	text-indent: -9999px;
	z-index: 999999;
	float: right;
	display:none;
}
#cboxClose{
	right: -7;
	background-image: url('https://admin.fitsoft.com/PluginFrames/Wordpress/images/hoverpop/btn_close.png');
	background-color: rgba(0,0,0,0);
	height: 35px;
	width: 40px;
	
	overflow: hidden !important;
    margin: 0!important;
    margin-top: -2px!important;
	display:none;
}
/*#cboxClose:hover{background-position:-100px 0px;}*/

.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}



/*
    Custom fsfframebox Style over colorbox:
*/
.fgsmm-iframe-wrapper .fsfframebox, .fgsmm-iframe-wrapper .fsfframeOverlay, .fgsmm-iframe-wrapper .fsfframeWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
.fgsmm-iframe-wrapper .fsfframeWrapper {max-width:none;}
.fgsmm-iframe-wrapper .fsfframeOverlay{position:fixed; width:100%; height:100%;}
.fgsmm-iframe-wrapper .fsfframeMiddleLeft, .fsfframeBottomLeft{clear:left;}
.fgsmm-iframe-wrapper .fsfframeContent{position:relative;}
.fgsmm-iframe-wrapper .fsfframeLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
.fgsmm-iframe-wrapper .fsfframeTitle{margin:0;}
.fgsmm-iframe-wrapper .fsfframeLoadingOverlay, .fgsmm-iframe-wrapper .fsfframeLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
.fgsmm-iframe-wrapper .fsfframePrevious, .fgsmm-iframe-wrapper .fsfframeNext, .fgsmm-iframe-wrapper .fsfframeClose, .fgsmm-iframe-wrapper .fsfframeSlideshow, .fgsmm-iframe-wrapper .fsfframeExpandBtn{cursor:pointer;}
.fgsmm-iframe-wrapper .fsfframePhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.fgsmm-iframe-wrapper .fsfframeIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
.fgsmm-iframe-wrapper .fsfframebox, .fgsmm-iframe-wrapper .fsfframeContent, .fgsmm-iframe-wrapper .fsfframeLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of fsfframebox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
.fgsmm-iframe-wrapper .fsfframeOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
.fgsmm-iframe-wrapper .fsfframebox{outline:0;background-image:url('https://admin.fitsoft.com/PluginFrames/Wordpress/images/hoverpop/bg_body.png');border-radius: 10px 10px 10px 10px;}
.fgsmm-iframe-wrapper .fsfframeContent{background:#fff; overflow:visible; padding: 2px;}
.fgsmm-iframe-wrapper .fsfframeIframe{background:#fff;}
.fgsmm-iframe-wrapper .fsfframeError{padding:50px; border:1px solid .ccc;}
.fgsmm-iframe-wrapper .fsfframeLoadedContent{margin-bottom:5px;}
.fgsmm-iframe-wrapper .fsfframeLoadingOverlay{background:url('https://admin.fitsoft.com/PluginFrames/Wordpress/images/hoverpop/loading_background.png') no-repeat center center;}
.fgsmm-iframe-wrapper .fsfframeLoadingGraphic{background:url('https://admin.fitsoft.com/PluginFrames/Wordpress/images/hoverpop/loading.gif') no-repeat center center;}
.fgsmm-iframe-wrapper .fsfframeTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
.fgsmm-iframe-wrapper .fsfframeCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
.fgsmm-iframe-wrapper .fsfframePrevious:active, .fgsmm-iframe-wrapper .fsfframeNext:active, .fgsmm-iframe-wrapper .fsfframeSlideshow:active, .fgsmm-iframe-wrapper .fsfframeClose:active, .fgsmm-iframe-wrapper .fsfframeExpandBtn:active {outline:0;}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
.fgsmm-iframe-wrapper .fsfframePrevious, .fgsmm-iframe-wrapper .fsfframeNext, .fgsmm-iframe-wrapper .fsfframeSlideshow, .fgsmm-iframe-wrapper .fsfframeClose, .fgsmm-iframe-wrapper .fsfframeExpandBtn {
	top: 0;
	border: 0;
	padding: 0;
	margin: 0;
	position: absolute;
	bottom: -29px;
	text-indent: -9999px;
	z-index: 999999;
	float: right;
	display:none;
}
.fgsmm-iframe-wrapper .fsfframeClose{
	right: -7;
	background-image: url('https://admin.fitsoft.com/PluginFrames/Wordpress/images/hoverpop/btn_close.png');
	background-color: rgba(0,0,0,0);
	height: 35px;
	width: 40px;
	
	overflow: hidden !important;
    margin: 0!important;
    margin-top: -2px!important;
	display:none;
}
.fgsmm-iframe-wrapper .fsfframeExpandBtn
{
	right: -7;
	background-image: url('https://admin.fitsoft.com/PluginFrames/Wordpress/images/hoverpop/expandbtn.png');
	background-color: rgba(0,0,0,0);
	height: 20px;
	width: 20px;
	
	overflow: hidden !important;
    margin: 0!important;
    margin-top: 7px!important;
	margin-left: 3px!important;
	display:none;
	background-size: 20px 20px !important;
	z-index: 10000;
}
/*#fsfframeClose:hover{background-position:-100px 0px;}*/

.fgsmm-iframe-wrapper .fsfframeSlideshow_on .fsfframeSlideshow{background-position:-125px 0px; right:27px;}
.fgsmm-iframe-wrapper .fsfframeSlideshow_on .fsfframeSlideshow:hover{background-position:-150px 0px;}
.fgsmm-iframe-wrapper .fsfframeSlideshow_off .fsfframeSlideshow{background-position:-150px -25px; right:27px;}
.fgsmm-iframe-wrapper .fsfframeSlideshow_off .fsfframeSlideshow:hover{background-position:-125px 0px;}

/****************************hoverbox styling**********************/
	
    .fitsoft92ie-wrapper {
		width:323px;
		height:250px;
/* 		background: transparent url('https://admin.fitsoft.com/PluginFrames/Wordpress/images/hoverpop/join-button-flat3.png') no-repeat center top;
 */		position:fixed;
		bottom:-200px;
		right: 0px;
		z-index:99999999998;
		transition:all ease .6s;
		-moz-transition:all ease .6s;
		-webkit-transition:all ease .6s;
		-o-transition:all ease .6s;
		display: none;

	}
	
	.fitsoft92ie-wrapper > a, .fitsoft92ie-wrapper > a img { outline: none; border : 0; }
	
	.fitsoft92ie-wrapper > div 
	{
		box-sizing:content-box;
		-webkit-box-sizing:content-box;
	}
	.fitsoft92ie-wrapper:hover {bottom:-70px;}
	
    .fitsoft92ie {
		height:250px;
		/* background:-moz-linear-gradient(top, #2b2a2b 5%, #0a0a0a 100%);
		background:-webkit-linear-gradient(top, #2b2a2b 5%, #0a0a0a 100%);
		background:-o-linear-gradient(top, #2b2a2b 5%, #0a0a0a 100%);   
		background:-ms-linear-gradient(top, #2b2a2b 5%, #0a0a0a 100%);    
		background:linear-gradient(to bottom, #2b2a2b 5%, #0a0a0a 100%);
		color:#fafafa; */
		padding:10px;    
		width:290px;
		border:2px solid #000;    
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		margin-top:50px;
	}
	.fitsoft92ie ul{ bottom: 90px; position:absolute; padding:0; margin:0; display: flex; flex-flow: row nowrap; justify-content: flex-start;}
	.fitsoft92ie ul > li{float: left;list-style:none; text-align: center; font-size: 12pt; color:#fff; padding: 7px; font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;}
	.fitsoft92ie ul > li img{width:50px; height:50px;}
	.fitsoft92ie a {text-decoration: none;}
	.fitsoft92ie a:link, .fitsoft92ie a:visited {color: #fff;}
	
	.fitsoft92ie-left25 { left: 25%; }
	.fitsoft92ie-left20 { left: 20%; }
	.fitsoft92ie-left8 { left: 8%; }
	.fitsoft92ie-left10 { left: 10%; }
	.fitsoft92ie-left15 { left: 15%; }
	
	.fitsoft92ie-width150 { width:150px; }
	.fitsoft92ie-width120 { width:120px; }
	
	.fitsoft92ie-top
	{
		position: absolute;
		border-top-right-radius: 11px;
		border-top-left-radius: 11px;
		/* left: 25%; */
		
		/* width: 150px; */
		height: 50px;
		/* background: #45484d;
		background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
		background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%);
		background: linear-gradient(to bottom, #45484d 0%,#000000 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); */
		
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		direction: ltr;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: flex-start;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		
		padding: 0 1rem;
		overflow: hidden;
	}
	
	.fitsoft92ie-top > div 
	{
		box-sizing: border-box;
	}
	
	
	.fitsoft92ie-top-icon
	{
		width:37px;
	/*
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
	*/
	}
	

	
	.fitsoft92ie-top-icon > img
	{
		height: 30px;
		width: 30px;
	}
	
	.fitsoft92ie-top-titlewrapper{
		width: 100%;
		padding-left: 7px;
	} 
	
	.fitsoft92ie-top-titlewrapper, .fgsmm-icontext
	{
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	
	.fgsmm-icontext {
		font-weight: 900;
		font-family: sans-serif;
		margin-top: auto;
/*  		width:50px;
 */ 	
	} 
	
	
	
	.fitsoft92ie-top-title
	{
		width:100%;
		line-height: 3.8em;
		
		font-family: sans-serif;
		overflow: hidden;
		white-space: nowrap;
 		text-overflow: ellipsis;
 		text-transform:uppercase;
		font-weight:900;
		
/* 		color: #fff;
 */	
	}
	
	.fgsmm-icon
	{
/* 		margin-bottom: 5px;
 */	
	}
	
	/*.fgsmm-icontext { width: 45px;}*/
	
	.fgsmm-fschatwrapper
	{
		position: fixed;
		right: -353px;
		width: 350px;
		transition: 1s;
		z-index: 1000000;
		bottom: 60px;
		background-color: white;
		border: 0;
		border: 1px solid black;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		
		transition:all ease .6s;
		-moz-transition:all ease .6s;
		-webkit-transition:all ease .6s;
		-o-transition:all ease .6s;
	}
	
	.fgsmm-slideIn
	{
		transition: all ease 2s;
		right: 0;
	}
	
	.fgsmm-outchaticon-wrapper
	{
		position: fixed;
		bottom: 60px;
		right: 50px;
		z-index: 9999999;
		
		transition:all ease .6s;
		-moz-transition:all ease .6s;
		-webkit-transition:all ease .6s;
		-o-transition:all ease .6s;
		display: none;
	}
	
	.fgsmm-outchaticon
	{
		
		width: 70px;
		text-align: center;
/* 		background-color: black;
 */		padding: 11px;
		height: 70px;
		border-radius: 50%;
		box-shadow: -2px 2px 4px 2px grey;
		z-index: 1000000;
		
		transition:all ease .6s;
		-moz-transition:all ease .6s;
		-webkit-transition:all ease .6s;
		-o-transition:all ease .6s;
	}
	.fgsmm-outchaticon:not(.no-hover):hover 
	{
		box-shadow: -2px 2px 8px 5px grey;
		-webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
	}
	
	.fgsmm-custombox, .fgsmm-customsmbox, .fgsmm-outchaticon
	{
		cursor: pointer;
	
	}
	
	.fgsmm-outchaticon-wrapper *, .fgsmm-outchaticon-wrapper *:before, .fgsmm-outchaticon-wrapper *:after
	{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	
	.fitsoft92ie ul > li 
	{
		display: flex;
		flex-flow: column nowrap;
		text-align: center;
	}
	
	.fitsoft92ie ul > li, .fgsmm-fsfframeboxsm
	{
		transition:all ease .6s;
		-moz-transition:all ease .6s;
		-webkit-transition:all ease .6s;
		-o-transition:all ease .6s;
	}
	
	 .fitsoft92ie ul > li:hover
	 {
		-webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
	 }
	 
	 .fgsmm-shrink, .fgsmm-fsfframeboxsm
	 {
		-webkit-transform: scale(0.05);
        -ms-transform: scale(0.05);
        transform: scale(0.05);
	 }
	 
	 .fgsmm-grow
	 {
		-webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
	 }
	
	.fitsoft92ie-wrapper:hover  ~ .fgsmm-outchaticon-wrapper { bottom: 190px;}
	.fitsoft92ie-wrapper:hover  + .fgsmm-fschatwrapper { bottom: 190px;}
	
	#fgsmm-iframe-wrapper, .fgsmm-iframe-wrapper {position: fixed; right: -100%;}
	
	 /****loader before loading the editor****/
    #facebookG{
        width:150px;
    }

    #fsLoaderArea
    {
        left: 42%;
        top: 10%;
        position: absolute;
        text-align: center;
    }

    #fsLoaderArea  > .loaderText 
    {
        line-height: 1.5em;
        font-size: 24px;
        color: #00C8C8;
        display: block;
    }

    .facebook_blockG{
        background-color:#B5B5B5;
        border:3px solid #00C8C8;
        float:left;
        height:91px;
        margin-left:19px;
        width:24px;
        opacity:0.1;
        -moz-animation-name:bounceG;
        -moz-animation-duration:1.3s;
        -moz-animation-iteration-count:infinite;
        -moz-animation-direction:linear;
        -moz-transform:scale(0.7);
        -webkit-animation-name:bounceG;
        -webkit-animation-duration:1.3s;
        -webkit-animation-iteration-count:infinite;
        -webkit-animation-direction:linear;
        -webkit-transform:scale(0.7);
        -ms-animation-name:bounceG;
        -ms-animation-duration:1.3s;
        -ms-animation-iteration-count:infinite;
        -ms-animation-direction:linear;
        -ms-transform:scale(0.7);
        -o-animation-name:bounceG;
        -o-animation-duration:1.3s;
        -o-animation-iteration-count:infinite;
        -o-animation-direction:linear;
        -o-transform:scale(0.7);
        animation-name:bounceG;
        animation-duration:1.3s;
        animation-iteration-count:infinite;
        animation-direction:linear;
        transform:scale(0.7);
    }

    #blockG_1{
        -moz-animation-delay:0.39s;
        -webkit-animation-delay:0.39s;
        -ms-animation-delay:0.39s;
        -o-animation-delay:0.39s;
        animation-delay:0.39s;
    }

    #blockG_2{
        -moz-animation-delay:0.52s;
        -webkit-animation-delay:0.52s;
        -ms-animation-delay:0.52s;
        -o-animation-delay:0.52s;
        animation-delay:0.52s;
    }

    #blockG_3{
        -moz-animation-delay:0.65s;
        -webkit-animation-delay:0.65s;
        -ms-animation-delay:0.65s;
        -o-animation-delay:0.65s;
        animation-delay:0.65s;
    }

    @-moz-keyframes bounceG{
        0%{
        -moz-transform:scale(1.2);
        opacity:1

        }

        100%{
        -moz-transform:scale(0.7);
        opacity:0.1

        }

    }

    @-webkit-keyframes bounceG{
        0%{
            -webkit-transform:scale(1.2);
            opacity:1

        }

        100%{
            -webkit-transform:scale(0.7);
            opacity:0.1

        }

    }

    @-ms-keyframes bounceG{
        0%{
            -ms-transform:scale(1.2);
            opacity:1

        }

        100%{
            -ms-transform:scale(0.7);
            opacity:0.1

        }

    }

    @-o-keyframes bounceG{
        0%{
            -o-transform:scale(1.2);
            opacity:1

        }

        100%{
            -o-transform:scale(0.7);
            opacity:0.1

        }

    }

    @keyframes bounceG{
        0%{
            transform:scale(1.2);
            opacity:1
        }

        100%{
            transform:scale(0.7);
            opacity:0.1
        }
    }
	
	
	.spinner {
	  margin: 100px auto;
	  width: 150px;
	  height: 150px;
	  position: relative;
	  text-align: center;
	  
	  -webkit-animation: sk-rotate 2.0s infinite linear;
	  animation: sk-rotate 2.0s infinite linear;
	}

	.dot1, .dot2 {
	  width: 60%;
	  height: 60%;
	  display: inline-block;
	  position: absolute;
	  top: 0;
	  background-color: #D0D0D0;
	  border-radius: 100%;
	  box-shadow: -2px 1px 3px 2px #E0E0E0;
	  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
	  animation: sk-bounce 2.0s infinite ease-in-out;
	}

	.dot2 {
	  top: auto;
	  bottom: 0;
	  -webkit-animation-delay: -1.0s;
	  animation-delay: -1.0s;
	}

	@-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }}
	@keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

	@-webkit-keyframes sk-bounce {
	  0%, 100% { -webkit-transform: scale(0.0); opacity: 0.1; }
	  50% { -webkit-transform: scale(1.0); opacity: 0.7; }
	}

	@keyframes sk-bounce {
	  0%, 100% { 
		transform: scale(0.0);
		opacity: 0.1;
		-webkit-transform: scale(0.0);
	  } 50% { 
		transform: scale(1.0);
		opacity: 0.7;
		-webkit-transform: scale(1.0);
	  }
	}
    /****end of the loader of the editor****/