@charset "utf-8";
/* CSS Document */



/*==================================================
* font OpenSansHebrew
* ===============================================*/
@import url(https://fonts.googleapis.com/earlyaccess/opensanshebrew.css);
@import url(https://fonts.googleapis.com/earlyaccess/opensanshebrewcondensed.css); 
* {font-size: 16px;}


/*==================================================
* General decleration
* ===============================================*/
a {color: #413a47; color: #000;}
.txt-shad {text-shadow: 2px 2px 3px rgba(0,0,0,0.2);}
.m-0 {margin: 0;}
.p-0 {padding: 0;}
.mrg-r-10 {margin-right: 10px;}
.mrg-l-10 {margin-left: 10px;}
.mrg-b-5 {margin-bottom: 5px}
.mrg-b-10 {margin-bottom: 10px}
.mrg-b-20 {margin-bottom: 20px;}
.mrg-b-30 {
	margin-bottom: 30px;
}
.mrg-b-50 {
	margin-bottom: 50px;
}
.mrg-t-5 {margin-top: 5px;}
.mrg-t-30 {margin-top:30px;}
.mrg-t-60 {margin-top:60px;}
.mrg-t-80 {margin-top:80px;}
.pad-r-30 {padding-right: 30px;}
.pad-t-30 {padding-top: 30px;}
.max-w-600 {
    max-width: 600px;
}
.max-w-400 {max-width: 400px;}
.max-w-130 {max-width: 130px;}
.max-w-120 {max-width: 120px;}

.z-100 {z-index: 100;}

.fnt-u {text-decoration:underline;}
.fnt-b {font-weight: bold;}
.fnt-xb {font-weight: bolder;}
.clr-b {clear: both;}
.no-wrp {white-space: nowrap;}
.font-sm {font-size: 12px;}
.fnt-18 {font-size:18px;}
.fnt-14 {font-size:14px;}
.fnt-12 {font-size:12px;}
ul.xx {list-style: none; margin:0 ;padding: 0;}
ul.xx li {margin:0 ;padding: 0; margin-bottom: 10px; padding-right: 20px;}
ul.xx li:before {    
    font-family: 'Font Awesome 5 Pro';
	font-weight: regular;
    content: "\f00c";
    margin:0 -20px 0 5px;
}

.flip-h {
	
	-moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}

input:focus {
    outline:none;
}
textarea:focus {
    outline:none;
}

.duble-border {
  border: 5px solid #fff; 
  outline: 5px solid #504956;
	border-radius: 10px
}

 a.btn2 {
	display: inline-block;
	color: #666;
	background-color: #eee;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 14px;
	padding: 10px 30px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid rgba(0,0,0,0.3);
	border-bottom-width: 3px;
}

	a.btn2:hover {
		background-color: #e3e3e3;
		border-color: rgba(0,0,0,0.5);
		text-decoration: none;
	}
	
	a.btn2:active {
		background-color: #CCC;
		border-color: rgba(0,0,0,0.9);
	}

			  	a.btn2.btn-blue {
	background-color: #31908b;
	border-color: rgba(0,0,0,0.3);
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	color: #FFF;
}

	a.btn2.btn-blue:hover {
		background-color: #309c96;
		border-color: rgba(0,0,0,0.2);
	}
	
	a.btn2.btn-blue:active {
		background-color: #24aca5;
		border-color: rgba(0,0,0,0.9);
	}



/*==================================================
* FLEX
* ===============================================*/

.flx-on {
	display: flex;
}

.flx-clmn {
	flex-direction: column;
}

.flx-row {
	flex-direction: row;
}

.flx-aut {
	flex: auto;
}

.flx-non {
	flex: none;
}

.flx-h-cntr {
	justify-content: center;
}

.flx-v-cntr {
	align-items: center;
}










/*==================================================
* body decleration
* ===============================================*/
body { font-family: 'Open Sans Hebrew', serif; color: #413a47; color: #000; }
body { background: #fefef4;}
body { padding-top: 190px; }
		  
 

/*==================================================
* shadow effects
* ===============================================*/

/* effect 6 */
.effect6
{
	position:relative;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.0), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	   -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.0), 0 0 40px rgba(0, 0, 0, 0.1) inset;
			box-shadow:0 1px 4px rgba(0, 0, 0, 0.0), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before, .effect6:after
{
	content:"";
	position:absolute;
	z-index:-1;
	-webkit-box-shadow:0 0 30px rgba(0,0,0,0.4);
	-moz-box-shadow:0 0 30px rgba(0,0,0,0.4);
	box-shadow:0 0 30px rgba(0,0,0,0.4);
	top:50%;
	bottom:0;
	left:30px;
	right:30px;
	-moz-border-radius:200px / 10px;
	border-radius:200px / 10px;
}
.effect6:after
{
	right:10px;
	left:auto;
	-webkit-transform:skew(8deg) rotate(3deg);
	   -moz-transform:skew(8deg) rotate(3deg);
		-ms-transform:skew(8deg) rotate(3deg);
		 -o-transform:skew(8deg) rotate(3deg);
			transform:skew(8deg) rotate(3deg);
}

/* Effect 7  */
.effect7
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.0), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.0), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.0), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect7:before, .effect7:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.4);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.4);
    box-shadow:0 0 20px rgba(0,0,0,0.4);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect7:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}




/*==================================================
* CONTENT
* ===============================================*/
.times-box {border-right: solid 5px #a4c953; padding-right: 15px; margin-bottom: 30px;}

.slider-holder {border-top:solid 1px #aaa;  margin-top: 100px; /*height: 300px;*/ margin-bottom: -100px;}
.slide-box {height: 330px; padding: 30px 15% 0px 15%;}
.slide-patt-1 {background: url(../images/pattern_01.png);}
.slide-patt-2 {background: url(../images/pattern_02.png);}
.slide-patt-3 {background: url(../images/pattern_03.png);}
.slide-patt-4 {background: url(../images/pattern_04.png);}


.slide-max {max-width: 1100px; margin: auto;}
.slide-box .more {margin-top: 30px; display: inline-block; font-weight: bold;}

.carousel-inner .item a {color:inherit;}
.carousel-inner .item a:hover {text-decoration: none;}

.carousel-indicators li {    border: 1px solid #000;}
.carousel-indicators .active {background-color:#000; }

.w-fix-1 {width: 300px; max-width: 45%;}
.w-fix-2 {width: 200px; max-width: 45%;}
.w-fix-3 {width: 300px; max-width: 45%;}
.w-fix-4 {width: 240px; max-width: 45%;}

.address-right-p {padding-right:30px;}


.circ-btn { color: #fff; border-radius: 50%; width:50px; height: 50px; float:right; margin-left:20px; text-align: center; line-height: 50px; font-size: 30px; -webkit-box-shadow: 0px 0px 0px 0 rgba(0,0,0,0.3);box-shadow: 0px 0px 0px 0 rgba(0,0,0,0.3);}
.circ-btn:hover {color: #fff; -webkit-box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.3);box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.3); transition: box-shadow 0.2s ease-in-out;}
.circ-btn.lightblue {background: #79d1e9; margin-left:10px; padding: 5px;}
.circ-btn.blue 		{background: #6081c4;}
.circ-btn.red 		{background: #f15a4b;}
.circ-btn.orange 	{background: #ef8050;}
.circ-btn.green 	{background: #00E676;}
.circ-btn.green 	{background: #0DC143;}
.circ-btn:visited {color:#fff !important;}



/*==================================================
* FORM 1
* ===============================================*/
.cform01 * { }
.cform01 {}
.cform01 .fix {clear: both;}
.cform01 .brad5, .cform01 input, .cform01 textarea {-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin-bottom: 10px;}
.cform01 .inner {}
.cform01 h3 {margin: 0 0 10px;}
 
.cform01 input, .cform01 textarea {width: 100%; padding: 8px 10px; border: 1px solid #413a47;}
.cform01 .link1 {float: left; background: #738645; padding: 5px 30px; color: #fff; font-weight: bold; text-decoration: none;}

.secretclass {display:none;}


/*==================================================
* DESKTOP
* ===============================================*/

.topper {max-width: 1150px; margin: auto; clear: both;}
.topper .x-main-nav {padding: 0 15px;}

/* x-main-nav */
.x-main-nav {clear: both; background: rgba(255,255,255,0.7); margin-bottom: 20px; font-size: 16px; line-height: 40px; -webkit-border-radius: 7px; border-radius: 7px; padding: 0 15px; }
.x-main-nav span {display: inline-block; padding: 0 5px;}
.x-main-nav a {display: inline-block;}
.x-main-nav a.active {}

.phone-box {	
	background: rgba(255,255,255,0.7);
	padding: 5px 20px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	vertical-align: middle;
	font-size: 18px;
	margin-bottom: 10px; 
	width: auto; 
	float: right;
}
.phone-box span {
	font-weight: 800;
	font-size: 30px;
}
.phone-box a {color:inherit; text-decoration: none;}
.logo-box {
	max-width: 110px;
	margin-top: 15px;
}
.lang-box {
	clear: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

.index-header {background: url(../images/main_bg3.jpg) center bottom no-repeat; background-size: cover; height:650px; padding-top:280px; padding-top:70px;}
.index-header .white-box {width:90%; max-width:800px; margin:auto; background:rgba(255,255,255,0.75); border-radius:15px; padding:30px; font-size:18px;}
.index-header .white-box .logo {max-width:130px;}
.index-header .white-box .lang {font-size: 16px; margin-bottom: 5px;}
.index-header .white-box .text {line-height:20px; margin-bottom: 5px; max-width: 550px;}
.index-header .white-box .phone span {font-size:32px; font-weight: 800;}
	  	  
.index-header .head-menu {width:90%; text-align: center; max-width:800px; line-height: 45px; margin:auto; background:rgba(255,255,255,0.7); border-radius:15px; font-size: 14px; font-weight: 600; margin-top: 10px;}
.index-header .head-menu a:hover {color: inherit;}

.side-border {border-right: solid 1px #413a47; padding-right: 20px;}

.lh-50 {line-height: 50px;}
.lh-18 {line-height: 18px;}


.xdxd {
    transition: none !important;
    
}


.xdxd.collapsed:before
{
    	
	
	font-family: 'Font Awesome 5 Pro';
	font-weight: bold;
    content: "\f055";	
    display:block;
    width:15px;
}
.xdxd:before
{
    font-family: 'Font Awesome 5 Pro';
	font-weight: bold;
    content: "\f056";	
	
    display:block;
    width:15px;
}


.spacer-01 {width: 200px; height: 100px; }
/*.deco-01 {max-width:300px; min-width: 150px; width: 50% !importent;}*/


.paper {
	border-right: none;
	border-left: 0;
	/*margin-right: 30px;*/
	margin-bottom: 30px;
	/*font-style: italic;*/
	background: #fff;
	border: solid 1px #ccc;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.2);
	box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.1);
	padding:20px 30px;
}

ol li {margin-bottom:1em;}


blockquote {
    border-right: none;
    border-left: 0;
	margin-right: 30px;
	margin-bottom: 30px;	
	font-style: italic;
	background: #fff;
	border:solid 1px #ccc; 
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.2);
box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.1);
}

blockquote footer {
   
	font-style: normal;
}



.quote-expend .viewMore[aria-expanded="false"]:before{
  	content:"קרא עוד...";
	display: inline-block;
	font-size: 14px;
	margin: 5px 0 10px 0;
}

.quote-expend .viewMore[aria-expanded="true"]:before{
	content:"[סגור]";
	display: inline-block;
	font-size: 14px;
	margin: 5px 0 10px 0;
}


/*==================================================
* head BACKGROUND
* ===============================================*/
#index .x-head  {}
#dogs .x-head  {background: url(../images/pattern_01.png);}
#cats .x-head  {background: url(../images/pattern_02.png);}
#drive .x-head  {background: url(../images/pattern_03.png)}
#fly .x-head  {background: url(../images/pattern_04.png);}
#about .x-head  {background: url(../images/pattern_05.png);}
#contact .x-head  {background: url(../images/pattern_06.png);}
#tips .x-head  {background: url(../images/pattern_07.png);}

/*==================================================
* main-nav-ACTIVE-color
* ===============================================*/
#index .x-main-nav a.active   {}
#dogs .x-main-nav a.active    {color: #41832c;}
#cats .x-main-nav a.active    {color: #9D2194;}
#drive .x-main-nav a.active   {color: #9e6e30;}
#fly .x-main-nav a.active     {color: #4287a3;}
#about .x-main-nav a.active   {color: #6955a6;}
#contact .x-main-nav a.active {color: #738645;}
#tips .x-main-nav a.active    {color: #31908b;}

#dogs .mobile-menu .menu-inner .item a.active    {color: #41832c;}
#cats .mobile-menu .menu-inner .item a.active    {color: #9D2194;}
#drive .mobile-menu .menu-inner .item a.active   {color: #9e6e30;}
#fly .mobile-menu .menu-inner .item a.active     {color: #4287a3;}
#about .mobile-menu .menu-inner .item a.active   {color: #6955a6;}
#contact .mobile-menu .menu-inner .item a.active {color: #738645;}
#tips .mobile-menu .menu-inner .item a.active    {color: #31908b;}


/*==================================================
* H titles color
* ===============================================*/
#index h1  {}

#dogs h1, #dogs h3 {color:#41832c;}
#cats h1, #cats h3 {color:#9D2194;}
#drive h1, #drive h3 {color:#e48305;}
#fly h1, #fly h3 {color:#038eca;}
#about h1, #about h3, #about h4 {color:#6955a6;}
#contact h1, #contact h2, #contact h3 {color:#738645;}
#tips h1, #tips h3 {color:#31908b;}



/*==================================================
* Bottom Gallery
* ===============================================*/
.gal-itme {float: right; text-align: center; line-height: 16px; margin-left: 10px;}
.gal-itme .item-border {border:solid 2px #000; padding: 2px; overflow: hidden; border-radius: 10px; margin-bottom: 5px;}
.gal-itme img {border-radius: 8px;}
.more-items {float: right; text-align: center; margin-left: 10px; line-height: 90px; cursor: pointer;}



/*==================================================
* MOBILE
* ===============================================*/
.mobile-head .fixed-head {height: 40px; line-height: 40px; background: rgba(0,0,0,0.2);}

.mobile-menu {background: #fff; position: absolute; left:0; right:0; top:40px; z-index: 10;}
.mobile-menu .inner {background: #fff;}
.mobile-menu .lang {height: 30px; margin: 20px 20px 0 0;}
#index .mobile-menu { top:35px;}

.mobile-menu .logo {background: #fff;}
.mobile-menu .logo .logo-holder {max-width: 80px; margin: 20px; margin-bottom: 0; }

.mobile-menu .menu-inner {padding: 20px 10px; padding-top: 0px; background: #fff; border-bottom: solid 1px #ccc;}
.mobile-menu .menu-inner .item {padding: 10px; border-bottom: solid 1px #ccc;}
.mobile-page-title {line-height: 100px; font-size: 35px; text-align: center; border-bottom:solid 1px #fff; }

#index .index-mobile-header {background: url(../images/main_bg3.jpg) center bottom; background-size: cover; height:300px;}
#index .index-mobile-header .fixed {height:40px; background:rgba(255,255,255,0.9); width:100%; position:fixed; line-height: 40px; z-index: 1000;}


#index .mobile-menu {position:fixed;}

#index .circ-logo {width:200px; margin:auto; height:200px; background:#fefef4; border-radius:50%; margin-top:-60px; text-align:left; padding:20px 30px 0px 50px;}
		  

/*==================================================
* FOOTER
* ===============================================*/
.footer {clear: both; margin-top: 100px;}
.footer .footer-inner {background: #fff; min-height: 100px; padding: 30px 0 30px 0;}
.footer .footer-logo {max-width: 60px;}
			




/*==================================================
* INDEX - home page
* ===============================================*/
body#index { padding-top: 0px; }



    /*==========  Non-Mobile First Method  ==========*/

@media only screen and (max-width : 1420px) {
		
		
		
		.index-header { padding-top:140px;}

    }


    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
		
		.topper {max-width: 980px; margin: auto; clear: both; padding: 0 10px;}
		.topper .x-main-nav {padding: 0 15px;}
		.x-main-nav {font-size: 14px; line-height: 40px;  }
		.x-main-nav span {display: inline-block; padding: 0 3px;}
		
		.index-header { padding-top:140px;}

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
		body { padding-top: 190px; }
		body#index { padding-top: 0px; }		
		
		.logo-box-holder {width: 7%;}
		
		.topper {max-width: 980px; margin: auto; clear: both; padding: 0 10px;}
		.topper .x-main-nav {padding: 0 5px;}
		.x-main-nav {font-size: 12px; line-height: 40px;  }
		.x-main-nav a {font-size: 14px;  }
		.x-main-nav span {display: inline-block; padding: 0 0px;}
		
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
		body { padding-top: 160px; }
		body#index { padding-top: 0px; }
		.side-border {border-right: none; padding-right: 0px;}		
		.address-right-p {padding-right:0px;}
		.slide-box {height: 420px;}
		
		blockquote {	margin-right: 0px;}

		.block-01 {
			display: flex !important;
		}

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
		
		.carousel-inner h1 {font-size:26px;}
		.mobile-align-1 {width:100%; text-align: center;}
		.mobile-align-2 {width:100%; text-align: center;}

		.block-01 {
			display: block !important;
		}

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {

		.block-01 {display:block !important;		}

    }