.slides-container{
    width: 100%;
    position: relative;
    text-align: left;
   /* float: left;*/
	overflow: hidden;
	/*padding-bottom: 500px;*/
   /* background-color: whitesmoke;*/
}

.slide-row{
    width: 100%;
    clear: both;
    float: left;
    position: relative;
    padding: 30px 0;
}

.slide-left, .slide-right{
    float: left;
    width: 48%;
    position: relative;
}
.slide-right{
    padding-left: 2%;
}
.slide-left{
    text-align: right;
    float: left;
    padding-right: 2%;
}

.slides-container h2{
    font-size: 40px;
    text-transform: uppercase;
    color: rgba(78,84,123,0.8);
	text-shadow: 0px 1px 1px #fff;
	padding: 20px 0px;
}
.slides-container h3{
    margin-top: 34px;
	padding: 10px 15px;
	background: rgba(26, 27, 33, 0.6);
	text-shadow: 1px 1px 1px rgba(26, 27, 33, 0.8)
}

.ss-circle{
    border-radius: 50%;
    overflow: hidden;
    display: block;
    text-indent: -9000px;
    text-align: left;
    box-shadow: 
		0px 2px 5px rgba(0,0,0,0.7) inset, 
		0px 0px 0px 12px rgba(61,64,85,0.3);
	background-size: cover;
	background-color: #f0f0f0;
	background-repeat: no-repeat;
	background-position: center center;
}
/*
.ss-small .ss-circle{
	width: 100px;
	height: 100px;
}
.ss-medium .ss-circle{
	width: 200px;
	height: 200px;
}
.ss-large .ss-circle{
	width: 300px;
	height: 300px;
}
.slide-left .ss-circle{
    float: right;
    margin-right: 30%;
}
.ss-right .ss-circle{
    float: left;
    margin-left: 30%;
}

.ss-circle-deco:before{
	width: 29%;
	height: 0px;
	border-bottom: 5px dotted #ddd;
	border-bottom: 5px dotted rgba(17, 17, 22, 0.3);
	box-shadow: 0px 1px 1px #fff;
	position: absolute;
	top: 50%;
	content: '';
	margin-top: -3px;
}
.slide-left .ss-circle-deco:before{
    right: 2%;   
}
.ss-right .ss-circle-deco:before{
    left: 2%;   
}

.ss-circle-deco:after{
	width: 0px;
	height: 0px;
	border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -10px;
}
.slide-left .ss-circle-deco:after{
	right: 0;
	border-right: 10px solid rgba(17,17,22,0.8);
}
.ss-right .ss-circle-deco:after{
	left: 0;
	border-left: 10px solid rgba(17,17,22,0.8);
}
/*
.ss-container .ss-medium h3{
	margin-top: 82px;
}
.ss-container .ss-large h3{
	margin-top: 133px;
}
.ss-container .ss-left h3{
	border-right: 5px solid rgba(164,166,181,0.8);
}
.ss-container .ss-right h3{
	border-left: 5px solid rgba(164,166,181,0.8);
}

.ss-container h3 span{
    color: rgba(255,255,255,0.8);
    font-size: 13px;
    display: block;
    padding-bottom: 5px;
}
.ss-container h3 a{
    font-size: 28px;
    color: rgba(255,255,255,0.9);
    display: block;
}
.ss-container h3 a:hover{
	color: rgba(255,255,255,1);
}
/*
.ss-circle-1{
    background-image:url(../images/1.jpg);
}
.ss-circle-2{
    background-image: url(../images/2.jpg);
}
.ss-circle-3{
    background-image: url(../images/3.jpg);
}*/



/*

<div id="slides-container" class="slides-container">
                    <div class="slide-row">
                        <div class="slide-left w3-container">
                        

                    **content slides from left


                        </div>
                        <div class="ss-right">


                    **content slides from right
                           
                        </div>
                    </div>
                    

                </div> 



















<div class="rtl row">
                    <div class="col-sm w3-mobile w3-container">       
                        <div class="w3-card-4 w3-margin service-card w3-cell">
                            <div class="">
                                <header class="w3-container card-head">
                                    <h3>
                                        שירותי ניטור, מניעה והדברה
                                    </h3>
                                </header>
                                <div class="w3-container w3-mobile whitesmoke">
                                    <p>
                                        אספקת פתרון יעיל בהתאם לבעיה
                                    </p>
                                    <hr>
                                    <img src="images/men.png" alt="prevention" class="w3-left w3-circle w3-margin-right" style="width:60px">
                                    <p>
                                        מדביר מקצועי, אמין, בעל המלצות
                                        וניסיון רב בתחום
                                        ובמחירים הוגנים!
                                    </p><br>
                                </div>
                                <button class="w3-button w3-block w3-dark-grey">
                                    לפרטים נוספים
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm w3-mobile w3-container"> 
                        <div class="w3-card-4 w3-margin  service-card w3-cell">
                            <header class="w3-container card-head">
                                <h3>
                                    הרחקת מזיקים ומכרסמים
                                </h3>
                            </header>
                            <div class="w3-container w3-mobile whitesmoke">
                                <p>
                                    יעילות מוכחת!
                                </p>
                                <hr>
                                <img src="images/bug.png" alt="Avatar" class="w3-left w3-circle w3-margin-right" style="width:60px">
                                <p>
                                    שימוש בחומרי הדברה עם רעילות נמוכה, על-פי הנחיות משרד הבריאות והמשרד להגנת הסביבה.
                                </p><br>
                            </div>
                            <button class="w3-button w3-block w3-dark-grey">
                                לפרטים נוספים
                            </button>
                        </div>
                    </div>
                    <div class="col-sm w3-mobile w3-container"> 
                        <div class="w3-card-4 w3-margin  service-card w3-cell">
                            <header class="w3-container card-head">
                                <h3>
                                    הרחקת יונים 
                                </h3>
                            </header>
                            <div class="w3-container whitesmoke w3-mobile">
                                <p>
                                    מגוון פתרונות מותאמים עבורך
                                </p>
                                <hr>    
                                <img src="images/bird.png" alt="Avatar" class="w3-left w3-circle w3-margin-right" style="width:60px">
                                <p>
                                    שירות יעיל, מהיר ובטוח.
                                    תוצאות מיידיות!
                                </p><br>
                            </div>
                            <button class="w3-button w3-block w3-dark-grey">
                                לפרטים נוספים
                            </button>
                        </div>
                    </div>
                </div>
                
            </div>



*/