/*
--------------------------------------------------
-------------------- File Upload ---------------------
--------------------------------------------------
*/

.spinner {
    position: absolute;
    display: none;
    top: 10px;
    left: 50px;
}

.drop-container {
    position: relative;
    display: flex;
    gap: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 200px;
    padding: 20px;
    border-radius: 5px;
    border: 1px dashed #555;
    color: #444;
    cursor: pointer;
    transition: background .2s ease-in-out, border .2s ease-in-out;
}

.drop-container:hover,
.drop-container.drag-active {
  background: #eee;
  border-color: #111;
}

.drop-container:hover .drop-title,
.drop-container.drag-active .drop-title {
  color: #222;
}

.drop-title {
  color: #444;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  transition: color .2s ease-in-out;
}

input[type=file] {
  width: 350px;
  max-width: 100%;
  color: #444;
  padding: 5px;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #555;
}

input[type=file]::file-selector-button {
  margin-right: 20px;
  border: none;
  background: #084cdf;
  padding: 10px 20px;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  transition: background .2s ease-in-out;
}

input[type=file]::file-selector-button:hover {
  background: #0d45a5;
}
    
--------------------------------------------------
-----------------File Upload Box ---------------------
--------------------------------------------------
*/


/*
--------------------------------------------------
-------------------- Red Box ---------------------
--------------------------------------------------
*/
        .input-Gray{
	        font-size: 14px;
	        padding: 7px;
	        width: 100%;
	        border: 0px;
	        line-height: 22px;
	        background-color: #EEE;
	        box-shadow: 0 0px 1px 1px rgba(0, 0, 0, 0.12) inset;
	        -moz-box-shadow: 0 0px 1px 1px rgba(0, 0, 0, 0.12) inset;
	        -webkit-box-shadow: 0 0px 1px 1px rgba(0, 0, 0, 0.12) inset;
	        -o-box-shadow: 0 0px 1px 1px rgba(0, 0, 0, 0.12) inset;
	        transition: all 0.2s linear;
	        -moz-transition: all 0.2s linear;
	        -webkit-transition: all 0.2s linear;
	        -o-transition: all 0.2s linear;
	        direction: rtl;
            -moz-border-radius:5px; /* Firefox */
            -webkit-border-radius: 5px; /* Safari, Chrome */
            -khtml-border-radius: 5px; /* KHTML */	
        }        



        .blue-bx {
            width: 100%;
            background-color: #22A2E7;
            border: 1px solid transparent;
            transition: all .2s ease-in-out;
            line-height: 1.08;
            padding: 20px;
            color:White;
            cursor:pointer;
            height:280px;
            margin-bottom:30px;
            text-align:center;
        }  

        .blue-bx:hover {
            background-color: white;
            border: 1px solid #22A2E7;
            color:#22A2E7;
        } 

        .blue-bx .Qubediv
        {
            position: relative;
            top:32%;
            font-weight: 400;
            font-size: 25px;
        }

        .blue-Header
        {
            position: relative;
            font-weight: 400;
            font-size: 25px;
            color:#22A2E7;
        }  

        .blue-Text
        {
            position: relative;
            font-weight: 400;
            font-size: 16px;
            color:#22A2E7;
        }   

        .blue-bx-light-top {
            width: 100%;
            background-color: white;
            border: 1px solid #22A2E7;
            transition: all .2s ease-in-out;
            line-height: 1.08;
            padding: 20px;
            color:#22A2E7;
            margin-bottom:30px;
            height:280px;
        }   

        .red-bx {
            width: 280px;
            background-color: #e50000;
            border: 1px solid transparent;
            transition: all .2s ease-in-out;
            line-height: 1.08;
            padding: 20px;
            color:White;
            cursor:pointer;
            height:280px;
            margin-bottom:30px;
            text-align:center;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%; /* future proofing */
            -khtml-border-radius: 50%; /* for old Konqueror browsers */        
        }    

        .red-bx-light-Cover {
            width: 100%;
            background-color: white;
            border: 1px solid #6D84B4;
            padding: 20px;
            /*color:#e50000;*/
            margin-bottom:20px;
            text-align:center !Important;
        }
    
        .red-bx-light {
            width: 100%;
            background-color: white;
            border: 1px solid #6D84B4;
            padding: 15px;
            color:#6D84B4;
            text-align:center !Important;
        }     
    
        .red-bx:hover {
            background-color: white;
            border: 1px solid #e50000;
            color:#e50000;
        } 

        .red-bx-light:hover {
            background-color: #6D84B4;
            border: 1px solid #6D84B4;
            color:white;
        }

        .DivBorderRound {
            background: #fff;
            border-radius: 10px;
            border: 1px solid #eee;
            margin-bottom: 20px;
        }

        .DivBorderRound span {
            color: #878C9F;
        }

.DivBorderRoundBlue {
    background: #fff;
    border-radius: 10px;
    border: 1px solid #C4C4C4;
    margin-bottom: 20px;
}

    /*
--------------------------------------------------
-----------------End Red Box ---------------------
--------------------------------------------------
*/

.user-profile-avatar
{
    max-width:100%;
}

.homepage_Video_Text_Div {
    position: absolute; /*z-index:999*/
    ;
    top: 25%;
    text-align: center;
    width: 100%;
    height: 630px;
}

   .media
    {
        /*box-shadow:0px 0px 4px -2px #000;*/
        margin: 10px 0;
        padding:10px;
    }
    .dp
    {
        border:5px solid #eee;
        transition: all 0.2s ease-in-out;
    }
    .dp:hover
    {
        border:2px solid #eee;
        transform:rotate(360deg);
        -ms-transform:rotate(360deg);  
        -webkit-transform:rotate(360deg);  
        /*-webkit-font-smoothing:antialiased;*/
    }
    .dp1
    {
        border:0px solid silver;
        transition: all 0.2s ease-in-out;
    }

.inputHome {
	background-color: #EEE;
	border: 1px solid #D2D2D2;
	color: #747474;
	font-size: 14px;
	padding: 8px 15px;
	line-height: 22px;											  
	width: 100%;
	-webkit-border-radius: 5px;
}

.largButoonBlue
{
    width:100%;
    padding:10px;
    border:1px solid #22A2E7;
    background-color:#22A2E7;
    color:white;
    font-weight:bold;
}

.UpdatePannelMainMenu
{
    position:absolute;
    color:#22A2E7;
    cursor:pointer;
}

.UpdatePannelMainMenu_Delete
{
    display:none;
    padding:3px;
    border:0px solid #22A2E7;
}

.UpdatePannelCommentMenu
{
    background-color:white;
    width:7px;
}

.UpdatePannelCommentMenu_Delete
{
    color:#22A2E7;
    display:none;
    position:absolute;
    cursor:pointer;
    padding:3px;
    border:0px solid #22A2E7;
}

.LoadMoreText
{
    font-size:22px;
    color:#22A2E7;
}

.basic-Cube-Title
{
    background-color:#1997D2;
    padding:10px;
    color:White;
}

.basic-Cube-Title2
{
    font-size:18px;
    color:#6EBFF3;
}

.basic-Cube-Title-Blue
{
    background-color:#1997D2;
    padding:10px;
    color:White;
}

.basic-box-white2 {
    text-align: center;
    padding: 10px;
    background-color: white;
    color: #22A2E7;
    width: 15px;
    cursor: pointer;
    text-align: center;
    /*float:left;*/
}

.basic-box-white2:hover
{
    text-align:center;
    padding:10px;
	/*background-color: #22A2E7;*/ 
	color:red;
    /*-webkit-border-radius: 3px;
    -moz-border-radius: 3px;	
	box-shadow: 0px 1px 1px rgba(0,0,0,0.15), -1px 0px 0px rgba(0,0,0,0.03), 1px 0px 0px rgba(0,0,0,0.03), 0px 1px 0px rgba(0,0,0,0.12); 
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); 
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);*/
}

.basic-Cube-Title-White
{
    color:#22A2E7;
    padding:3px;
    font-size:17px;
    border-bottom:0px dotted #22A2E7; /* #24282B */
    background-color:white;
    padding-left:5px;
    padding-right:0;
    font-family:Alef Hebrew;
}

.Box {
 color: #777;
 padding: 5px 20px 5px 20px;
 text-align: center;
 text-shadow: 1px 1px 0px #fff;
 border: 1px solid #cdcdcd;
 text-decoration: none;
 font-weight: bold;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px; 
}    

.Box:hover {
 color: #fff;
 text-shadow: 1px 1px 0px #000;
 background: gray;
 border: 1px solid #555555;
 text-decoration: none;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px; 
}

.RowBox {
 color: #777;
 padding: 5px 5px 5px 5px;
 text-align: center;
 border: 1px solid #cdcdcd;
 text-decoration: none;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px; 
}    

.RowBox:hover {
 background: #EEEEEE;
 border: 1px solid #555555;
 text-decoration: none;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px; 
}

.RowBoxSelected 
{
 color: white;
 padding: 5px 5px 5px 5px;
 text-align: center;
 background: #46629C;
 border: 1px solid #555555;
 text-decoration: none;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px; 
}

.RowBoxNavy {
 color: #777;
 padding: 5px 5px 5px 5px;
 text-align: center;
 border: 1px solid navy;
 text-decoration: none;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px; 
}    

.RowBoxNavy:hover {
 background: #EEEEEE;
 border: 1px solid navy;
 text-decoration: none;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px; 
}


.RowBoxNoBorder {
 color: #777;
 padding: 5px 5px 5px 5px;
 text-align: center;
 text-decoration: none;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px; 
}    

.RowBoxNoBorder:hover {
 background: #EEEEEE;
 text-decoration: none;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px; 
}

.RowBoxNoBorderClear {
 color: #777;
 padding: 5px 5px 5px 5px;
 text-align: center;
 text-decoration: none;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px; 
}    

.RowBoxNoBorderClear:hover {
 text-decoration: none;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px; 
}

.BoxbuttonlightMobile
{
 color:white;
 margin-top:3px;
 height: 15px;
 line-height: 15px;
 font-size: 13px;
 border: 1px solid #39B3F5;
 background:url('../img/BTN_BG_Big.png');
 -webkit-border-radius: 0px;
 -moz-border-radius: 0px;
 border-radius: 0px;
}

.BoxbuttonlightMobile:hover {
 color: #fff;
 background: #39B3F5;
 text-decoration: none;
}

.Mandatory
{
    color:Red;
    vertical-align:middle;
    font-family:@Arial Unicode MS;
}

.Boxbuttonlight 
{
 color:White;
 margin-top:3px;
 height: 25px;
 line-height: 25px;
 font-size: 12px;
 -webkit-border-radius: 0px;
 -moz-border-radius: 0px;
 border-radius: 0px;
 border: 0px solid #034af3;
 background:url('../../img/BTN_BG.png');
 background:url('../img/BTN_BG.png');
}

.Boxbuttonlight:link {

 color: #034af3;
 padding: 5px 20px 5px 20px;
 text-align: center;
 border: 0px solid #034af3;
 text-decoration: none;
}

.Boxbuttonlight:hover {
 color: #fff;
 background: #39B3F5;
 border: 0px solid #555555;
 text-decoration: none;
 border: 0px solid #034af3;
}

.LikesDiv
{
    display:none;
    position:absolute;
    z-index:900000;
    padding:0px;
    background-color:white;
    text-align:right;  
}

.PopUpWindow{display:none;background-color:#FFF;border: 2px solid #c2e1f5;-webkit-box-shadow: 0px 0px 35px 5px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 35px 5px rgba(0,0,0,0.75);box-shadow: 0px 0px 35px 5px rgba(0,0,0,0.75);  -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.PopUpWindow .ClosePop{position:absolute;top:-15px;right:-15px;}
.PopUpWindow .Div_Cover{padding:10px;padding-top:10px;font-size:14px;text-align:right;font-family:Arial}
.PopUpWindow .Div_Title{font-size:40px;padding:15px;border-top:1px solid #336799;border-bottom:1px solid #336799;width:100%;color:white;background-color:#22A2E7}
.PopUpWindow .Div_Text{font-size:20px;padding:15px;width:100%;color:#22A2E7}

.SiteTitle {
    font-size: 18px;
    color:#22A2E7;
    margin-bottom:5px;
}

::selection {color:#FFF;background:#f8c2c5;}
::-moz-selection {color:#FFF;background:#f8c2c5;}


.Provider-Cube {
    padding: 5px;
    margin-top: 0px;
    margin-bottom: 15px;
    background: rgb(255, 255, 255);
    border: 1px solid silver;
}

.Provider-Cube1 {
    border: 1px solid silver;
}

.Provider1 {
    border-top: 2px solid #485DDF;
}

.Provider2 {
    border-top: 2px solid #48A9DF;
}

.Provider3 {
    border-top: 2px solid #E34747;
}

.Provider4 {
    border-top: 2px solid #8FE75E;
}

.Provider5 {
    border-top: 2px solid #E2A337;
}

.Provider6 {
    border-top: 2px solid #924197;
}

.Provider7 {
    border-top: 2px solid #EF0BFD;
}

.Provider8 {
    border-top: 2px solid #B3C516;
}

.Provider9 {
    border-top: 2px solid #6565BA;
}

.Provider10 {
    border-top: 2px solid #BC31C5;
}

.Provider11 {
    border-top: 2px solid #58A68D;
}

.Provider12 {
    border-top: 2px solid #505755;
}

.Provider13 {
    border-top: 2px solid #CCCA47;
}

.Provider14 {
    border-top: 2px solid #58A68D;
}

.Provider15 {
    border-top: 2px solid #58A68D;
}

.ProviderLeft1 {
    border-left: 1px solid #485DDF;
}

.ProviderLeft2 {
    border-left: 1px solid #48A9DF;
}

.ProviderLeft3 {
    border-left: 1px solid #E34747;
}

.ProviderLeft4 {
    border-left: 1px solid #8FE75E;
}

.ProviderLeft5 {
    border-left: 1px solid #E2A337;
}

.ProviderLeft6 {
    border-left: 1px solid #924197;
}

.ProviderLeft7 {
    border-left: 1px solid #EF0BFD;
}

.ProviderLeft8 {
    border-left: 1px solid #B3C516;
}

.ProviderLeft9 {
    border-left: 1px solid #6565BA;
}

.ProviderLeft10 {
    border-left: 1px solid #BC31C5;
}

.ProviderLeft11 {
    border-left: 1px solid #58A68D;
}

.ProviderLeft12 {
    border-left: 1px solid #505755;
}

.ProviderLeft13 {
    border-left: 1px solid #CCCA47;
}

.ProviderLeft14 {
    border-left: 1px solid #58A68D;
}

.ProviderLeft15 {
    border-left: 1px solid #58A68D;
}


.parallax-section, .sw-btn, .color-bg {
    background: #4DB7FE;
}

section.parallax-section {
    padding: 50px 0;
    margin-bottom: 50px;
}

    section.parallax-section.small-par {
        padding: 50px 0;
    }

.parallax-section .section-title h1 {
    font-size: 40px;
    text-shadow: 1px 1px #336799;
    font-family: Alef Hebrew;
}

.parallax-section .section-title h1, .parallax-section .section-title p {
    color: #fff;
}

.parallax-section .section-title.left-align, .parallax-section .section-title.left-align h1 {
    text-align: left;
}

.parallax-section .section-subtitle {
    color: #fff;
    opacity: 0.2;
}

    .parallax-section .section-subtitle:before {
        display: none;
    }


.bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
    background-repeat: repeat;
    background-origin: content-box;
}

.shapes-bg-small:before, .shapes-bg-big:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: repeat;
    opacity: 0.2;
}

.shapes-bg-small:before {
    background-attachment: scroll;
    background-size: cover;
    background-image: url(../img/shapes-small.png);
}

.shapes-bg-big:before {
    background-image: url(../img/shapes-big.png);
}

.user-profile-avatar {
    width: 170px;
    height: 170px;
    overflow: hidden;
    display: inline-block;
    margin: 0 0 15px;
    border-radius: 100%;
    box-shadow: 0px 0px 0px 7px rgba(255,255,255,0.4);
    background-color: white;
}

    .user-profile-avatar img {
        width: 170px;
        height: 170px;
        background-color: white;
    }

.user-profile-rating i {
    margin: 0 4px;
}

.user-profile-rating .card-popup-rainingvis span {
    color: #fff;
    font-weight: 500;
}