@CHARSET "UTF-8";
html,body{width:100%; margin:0; padding:0; font-size:10px;}

#top_wrapper{font-family:'Arial'; direction: rtl; width: 100%; overflow: hidden;}
#top_wrapper .top-part-bg{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,ffffff+30,cccdcc+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 1%, #ffffff 30%, #cccdcc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(30%,#ffffff), color-stop(100%,#cccdcc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 1%,#ffffff 30%,#cccdcc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 1%,#ffffff 30%,#cccdcc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 1%,#ffffff 30%,#cccdcc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 1%,#ffffff 30%,#cccdcc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccdcc',GradientType=0 ); /* IE6-9 */
}

#top_wrapper .content{max-width: 978px; width: 100%; margin: 0 auto; position: relative;}

/*** BEZEQ MENU **/
header#header{height:45px; width:100%; background:#2b358f; line-height:45px; direction:rtl; font-family: 'Arial';}
header#header .header-content{max-width: 978px; width: 100%; margin:0 auto; height: 45px; line-height: 45px;}
header#header .right-header{float:right; width:50%; height: 45px; line-height: 45px;}
header#header .left-header{float:left; width:50%; text-align:left; height: 45px; line-height: 45px;}
header#header .clear-height{clear:both;}
header#header .icon-wrapper{width: 33px; height: 45px; display: inline-block; text-align: center; cursor: pointer;}
header#header .icon{background-image:url('../images/header-sprite.png'); background-repeat: no-repeat; display:inline-block;}
header#header .icon.facebook{height: 22px; width: 9px; vertical-align: middle; background-position: 0 -3px;}
header#header .icon-wrapper:hover .icon.facebook{background-position: 0 -24px;}
header#header .icon.youtube{height: 21px; width: 19px; vertical-align: middle; background-position: 0 -88px; position: relative; top: -1px;}
header#header .icon-wrapper:hover .icon.youtube{background-position: 0 -110px;}
header#header .icon.google-plus{height: 22px; width: 22px; vertical-align: middle; background-position: 0 -45px;}
header#header .icon.area{height: 22px; width: 22px; vertical-align: middle; background-position: 0 -131px;}
header#header .icon-wrapper:hover .icon.google-plus{background-position: 0 -66px;}
header#header .helper-list{display:inline-block; margin:0; padding:0; list-style: none;}
header#header .helper-list .helper-list-item:after{content: '|'; margin-right: 3px;}
header#header .helper-list .helper-list-item{display: inline-block; list-style:none; color: white; font-size: 1.4rem; margin: 0 2px; padding:0;}
header#header .helper-list .helper-list-item a{text-decoration: none; color:white;}
header#header .helper-list .helper-list-item a:hover{color: #6793ea;}
header#header .header-nav{margin:0; padding:0; display:inline-block; list-style: none;}
header#header .header-nav .header-nav-item{margin:0; padding:0; display:inline-block; list-style: none;}
header#header .header-nav .header-nav-item.selected a{background-color:#395FAB;}
header#header .header-nav .header-nav-item.selected a:hover{color: #c9d1e4;}
header#header .header-nav .header-nav-item a{padding: 3px 10px; font-size: 1.6rem; color:white; text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
header#header .header-nav .header-nav-item a:hover{background-color:#395FAB;}
header#header .logo{height: 70px; line-height: 70px; display:none;}
header#header .logo img{vertical-align: middle;}
header#header .hamburger{height: 70px; line-height: 70px; display:none;}
header#header .hamburger img{vertical-align: middle;}

#mobile_menu{background-color: #F8F8F8;}
#mobile_menu ul li a{font-size: 2.6rem; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; line-height: 4.8rem; direction: rtl; text-align: right; border-bottom: 1px solid #DFDFDF; color: #333; position: relative;}
#mobile_menu ul li a:after{content:' '; width: 21px; height:21px; background:url('../images/main-side-arrow.png') no-repeat; background-position: -21px 0; position: absolute; left: 2rem; top: 2rem; display: block;}

/********************* HEADER ********************/
#page_header{color: #fff; padding: 90px 0; background-image: url('../images/desktop_header.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat;width: 100%;position: relative; margin-top: -1px;}
#page_header .top-title{font-size: 5.5rem; margin:0px; font-weight: bold;line-height: 1.1;}
#page_header .sub-title{font-size: 3rem; font-weight: bold; margin-top: 10px;margin-bottom: 35px;}
#page_header .service-description{font-size: 2.2rem; font-weight: bold;line-height: 1.5;margin-right: 2px;}
#page_header .white-btn{background: #fff; font-size: 3rem; font-weight: bold; padding: 0.9% 0% 1.4%;line-height: 1;margin-top: 35px; cursor: pointer; color: #274198; border: 5px solid #274198; width: 32.2%; display: block; margin-right: -0.1%;
	-webkit-transition:background 0.3s;
	-moz-transition:background 0.3s;
	-ms-transition:background 0.3s;
	-o-transition:background 0.3s;
	transition:background 0.3s;

	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

#page_header .white-btn:hover{background:#E0E0E0;}
#page_header .arrow-down{position: absolute; width: 100%; text-align: center;bottom: -25px;right: -7px;}
#page_header .arrow-down .arrow-down-img{width: 46px; display: inline-block; cursor: pointer;
	-webkit-transition:-webkit-transform 0.3s;
	-moz-transition:-moz-transform 0.3s;
	-ms-transition:-ms-transform 0.3s;
	-o-transition:-o-transform 0.3s;
	transition:transform 0.3s;
}

#page_header .arrow-btn{border: 0; background: transparent;}
#page_header .arrow-down .arrow-btn:hover .arrow-down-img, #page_header .arrow-down .arrow-btn:focus .arrow-down-img{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
}

/**************** GENERAL SECTION ****************/
#top_wrapper .section-title{font-size: 4rem; font-weight: bold; color: #2b358f; margin: 0; text-align: center;}
#top_wrapper .section-smaller-title{font-size: 3rem;font-weight: bold; color: #2b358f; margin: 0; text-align: center;}
#top_wrapper .section-smaller-title .mob-only{display: none;}
#top_wrapper .section-description{font-size: 2.5rem; color: #2b358f; line-height: 1; text-align: center;line-height: 1.2;}
#top_wrapper .blue-btn{background:#2b358f; color: #fff; cursor: pointer; font-size: 2rem; font-weight: bold; border: 0px;padding: 4.5% 0 3.5%;width: 83%;display: inline-block; text-decoration: none;
	-webkit-transition:background 0.3s;
	-moz-transition:background 0.3s;
	-ms-transition:background 0.3s;
	-o-transition:background 0.3s;
	transition:background 0.3s;
}
#top_wrapper .blue-btn a{color: #fff; text-decoration: none; display: block; height: 100%; width: 100%;}

#top_wrapper .blue-btn:hover,#top_wrapper .blue-btn:focus{background: #333fa7;}
#packages_section .package-wrapper .blue-btn{color: #fff;}

/*************** PACKAGE SECTION *****************/

#packages_section{padding-top: 5.6%;}
#packages_section .packages-container{font-size: 0px; width: 100%;padding-top: 3.7%;}
#packages_section .package-wrapper{border:1px solid #cacaca; color: #59666f; display: inline-block; width: 22.5%; text-align: center; margin-left: 3%; position: relative;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfbfb+0,e0e0e0+100 */
	background: #fbfbfb; /* Old browsers */
	background: -moz-linear-gradient(top, #fbfbfb 0%, #e0e0e0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fbfbfb 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fbfbfb 0%,#e0e0e0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fbfbfb 0%,#e0e0e0 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fbfbfb 0%,#e0e0e0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
}
#packages_section .package-wrapper a{color: #59666f;}
#packages_section .package-wrapper:last-child{margin-left: 0%;}
#packages_section .package-section{border-bottom: 1px solid #d3d3d3;margin: 0 5px;}
#packages_section .package-title{font-weight: bold; color: #2b358f; font-size: 2.5rem;margin-top: 17px;margin-bottom: 23px;}
#packages_section .package-price{text-align: center;margin-bottom: 20px;}
#packages_section .package-price .big-price{font-size: 3.5rem; font-weight: bold;line-height: 1;}
#packages_section .package-price .small-price{font-size: 2rem;}
#packages_section .package-price .tax{font-size: 1.3rem; position: absolute; width: 100%; text-align: center;}
#packages_section .package-desc{font-size: 1.6rem; font-weight: normal; line-height: 1.1;padding-top: 15px;padding-bottom: 15px;}
#packages_section .package-propery{font-size: 2rem;padding-top: 15px;padding-bottom: 15px;line-height: 1;}
#packages_section .more-details{border-bottom: 0px;padding-top: 28px;}
#packages_section .more-details button{text-decoration: none; padding:0; margin:0; border:0px; border-bottom: 1px solid #59666f;padding-bottom: 1px; background: none; font-size: 1.7rem; color: #59666F; cursor: pointer;}
#packages_section .package-order{font-size: 2rem;margin-bottom: 23px;margin-top: 27px; border-bottom: 0px;}
#packages_section .more-details-section{font-size: 1.5rem; position: absolute; display: none; line-height: 1.2;}
#packages_section .package-wrapper.open .more-details-section{display: block;top: 5rem;width: 94%;right: 3%;text-align: right;color: #59666f;}
#packages_section .package-wrapper.open .package-price{visibility: hidden;}
#packages_section .package-wrapper.open .package-desc{visibility: hidden;}
#packages_section .package-wrapper.open .package-desc{visibility: hidden;}
#packages_section .package-wrapper.open .package-propery{visibility: hidden;}
#packages_section .package-wrapper.open .more-details{visibility: hidden;}
#packages_section .package-wrapper.open .package-section.package-header{border-color: transparent;}
#packages_section .details-wrapper{border-bottom: 1px solid #D3D3D3; display: table; height: 6rem; width: 100%;}
#packages_section .details-wrapper:last-child{border-bottom: 0px;}
#packages_section .details-vertical-align{display: table-cell; vertical-align: middle; height: 100%; width: 100%;}
#packages_section .close-details-btn{position: absolute; border:0; background:none; left: 10px; top: 10px; width: 12px; cursor: pointer; padding: 0; margin: 0; display: none;}
#packages_section .close-details-btn img{width: 100%;}
#packages_section .package-wrapper.open .close-details-btn{display: inline-block;}

#join_advantages_section{padding-top: 7.5%; text-align: center;}
#join_advantages_section .advantages-container{font-size: 0px;margin-top: 3.5%;padding-bottom: 11.5%;}
#join_advantages_section .advantages-wrapper{border: 1px solid #959595; display: inline-block; position: relative; text-align: center;width: 27.6%;margin-left: 2%;}
#join_advantages_section .advantages-wrapper:last-child{margin-left: 0%;}
#join_advantages_section .advantages-btn{background: rgba(255,255,255,0.5); border: 0; width: 100%; padding: 0; margin: 0; cursor: pointer; padding-top: 3.5%; display: block;
	-webkit-transition:background 0.3s;
	-moz-transition:background 0.3s;
	-ms-transition:background 0.3s;
	-o-transition:background 0.3s;
	transition:background 0.3s;
}
#join_advantages_section .advantage-img{margin-bottom: 7.5%;}
#join_advantages_section .advantage-img img{}
#join_advantages_section .advantage-text{font-size: 2.3rem; color: #2b358f;padding-bottom: 14.5%;}
#join_advantages_section .advantage-hover{position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: rgba(43,53,143,0.95); color: #fff; display: none;
	-webkit-transition:opacity 0.3s;
	-moz-transition:opacity 0.3s;
	-ms-transition:opacity 0.3s;
	-o-transition:opacity 0.3s;
	transition:opacity 0.3s;
}
#join_advantages_section .advantages-btn:hover, #join_advantages_section .advantages-btn:focus{background: rgba(255, 255, 255, 1)}
#join_advantages_section .advantages-wrapper.open .advantage-hover{display: block;}
#join_advantages_section .advantages-wrapper.open .advantages-btn{z-index: 0;}
#join_advantages_section .text-wrapper{padding: 7% 8%; font-size: 2rem; color: #fff; text-align: right;}
#join_advantages_section .close-btn{position: absolute; display: inline-block; bottom: 5%; left: 5%;border: 0;background: none;padding: 0;margin: 0; cursor: pointer;}


#operating_system_section{width: 100%; background: #2b358f;padding: 4.5% 0 5%;}
#operating_system_section .title{font-weight: bold; color: #fff; font-size: 3.5rem; margin: 0; text-align: center;}
#operating_system_section .operating-container{font-size: 0px; text-align: center;margin-top: 8%;overflow: hidden;width: 80%;margin-left: auto;margin-right: auto;}
#operating_system_section .operating-container .mob-only{display: none;}
#operating_system_section .operating-wrapper{display: inline-block; text-align: center;width: 33.3%;vertical-align: middle;}
#operating_system_section .ubunto-wrapper img{margin-left: 12%;}
#operating_system_section .microsoft-wrapper img{margin-left: 12%; margin-top: 1%;}



#perfect_services_section{padding-top: 4%; padding-bottom: 5.4%;}
#perfect_services_section .section-smaller-title{}
#perfect_services_section .services-container{text-align: center; width: 100%;font-size: 0;padding-top: 5%;overflow: hidden;}
#perfect_services_section .service-wrapper{text-align: right; width: 25%; position: relative;float: right;}
#perfect_services_section .inner-service-wrapper{padding: 0 7%;text-align: right;}
#perfect_services_section .inner-service-wrapper:after{content: ' ';width: 1px; height: 215px; position: absolute; background: #cccccc; top: 5%; left: 0;}
#perfect_services_section .service-wrapper:last-child .inner-service-wrapper:after{content:none;}
#perfect_services_section .service-wrapper:last-child .inner-service-wrapper{padding-left: 0px;}
#perfect_services_section .service-wrapper:first-child .inner-service-wrapper{padding-right:0;}
#perfect_services_section .service-header{ color: #2b358f;height: 7rem;}
#perfect_services_section .icon-wrapper{float: right; line-height: 1;}
#perfect_services_section .text-header-wrapper{line-height: 1;  display: inline-block;font-size: 3.3rem;margin: 0;position: relative;top: 3rem;font-weight: normal;right: 5%;}
#perfect_services_section .service-sub-title{font-weight: bold; font-size: 2.1rem; color: #59666f;line-height: 1;height: 6rem;display: table;}
#perfect_services_section .service-desc{font-size: 1.7rem; color: #59666f;min-height: 11rem; text-align: justify;}
#perfect_services_section .service-wrapper:last-child .service-desc{padding-left: 7%;}
#perfect_services_section .vertical-align{display: table-cell; vertical-align: middle; height: 100%; width: 100%; line-height: 1.1;}

#services_links{overflow: hidden;padding-bottom: 2.3%; border-bottom: 1px solid #2b358f;}
#services_links .service-link{font-weight: bold; color: #2b358f; font-size: 2rem; text-decoration: none; border-bottom: 2px solid #2b358f; padding-bottom: 1px; line-height: 1;}
#services_links .left-link{float: left;}
#services_links .right-link{float: right;}
#services_links .mob-only{display: none;}

#services_footer{overflow: hidden;padding-top: 2.2%;padding-bottom: 4.5%;}
#services_footer .footer-section{margin: 0px 4%;float: right;}
#services_footer .footer-section-title{font-weight: normal; font-size: 2rem; color: #0e243e; margin: 0;line-height: 2.2;}
#services_footer .section-list{list-style: none; margin: 0; padding: 0;}
#services_footer .section-list li{color: #0e243e; font-size: 1.5rem;line-height: 1.5;}
#services_footer .section-list li a{color: #0e243e; text-decoration: none;}

/***** BEZEQ FOOTER ****/
footer#footer{height:40px; line-height: 40px; background:#2b358f; font-size:1.4rem; font-family: 'Arial'; text-align:center; direction: rtl;}
footer#footer .footer-link-list{margin:0; padding:0; list-style: none; }
footer#footer .footer-link-item{list-style: none; display: inline-block; margin: 0 2px; }
footer#footer .footer-link-item:last-child:after{content:''; display:none;}
footer#footer .footer-link-item:after{content: '|'; color:white; margin-right: 4px;}
footer#footer .footer-link-item a{text-decoration: none; color:white;}
footer#footer .footer-link-item a:hover{color: #6793ea;}
footer#footer .links-wrapper{max-width: 978px; width: 100%; margin:0 auto;}


@media(max-width: 1050px) {
	#perfect_services_section .text-header-wrapper{font-size: 3rem;}
	#services_links .right-link{margin-right: 1%;}
	#services_links .left-link{margin-left: 1%;}
	#services_footer .footer-section{margin: 0 3% 0 0; width: 17%;}
	#page_header{width: 98%; padding-right: 2%;}
	#operating_system_section .operating-container{width: 90%;}
}

@media(max-width: 978px) {
	header#header{padding:0 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}
}

@media(max-width: 940px) {
	html,body{font-size:8px;}
	#top_wrapper .content{width: 98%; margin: 0 auto;}
	#services_links .right-link{margin-right: 0%;}
	#services_links .left-link{margin-left: 0%;}
	#perfect_services_section .service-wrapper.anti-virus-wrapper .icon-wrapper img{width: 39px;}
	#perfect_services_section .service-wrapper.firewall-wrapper .icon-wrapper img{width: 47px;}
	#perfect_services_section .service-wrapper.ips-wrapper .icon-wrapper img{width: 51px;}
	#perfect_services_section .service-wrapper.backup-wrapper .icon-wrapper img{width: 51px;}
	#packages_section .packages-container{text-align: center;}
	#packages_section .package-wrapper{width: 22%;}
	#operating_system_section .microsoft-wrapper img{margin-left: 9%;}
	#page_header .arrow-down{bottom: -24px;}
}

@media(max-width: 900px) {
	#operating_system_section .microsoft-wrapper img{width: 150px;}
	#operating_system_section .ubunto-wrapper img{width: 198px;}
	#operating_system_section .centos-wrapper img{width: 196px;}
	#join_advantages_section .advantage-text{font-size: 2.2rem;}
}