html,body{
margin: 0;
padding: 0;
box-sizing: border-box;
}
body{
    -webkit-font-smoothing: antialiased;
    font-family: 'Montserrat', arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    color: #147398;
    background-color: #103558;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 100%;
}
*, *:before, *:after {
  box-sizing: inherit;
}
.clear{
	display: block;
	clear: both;
}
.hpArt2{
	display: block;
	clear: both;
}
.hpArt3{
	display: none;
	clear: both;
}
.hpSer2{
	display: block;
	clear: both;
}
.w5{
	width: 50%;
}
.w3{
	width: 33.333%;
}
.w2{
	width: 25%;
}


.topCookieBox{
	display: block;
	background: #103558;
}
.topCookieTable{
	display: table;
    width: 100%;
    table-layout: fixed;
    max-width: 1000px;
    margin: 0 auto;
    color: #dbeef5;
}
.topCookieText{
	display: table-cell;
	padding: 10px;
	width: auto;
	font-size: 13px;
	vertical-align: top;
}
.topCookieText a{
	text-decoration: none;
	color: inherit;
}
.topCookieText a:hover{
	text-decoration: underline;
}
.topCookieButBox{
	display: table-cell;
	width: 40px;
	padding: 10px;
	vertical-align: top;
}
.topCookieBut{
	display: block;
	cursor: pointer;
}
.topCookieBut > img{
	display: block;
	width: 100%;
	margin: 0 auto;
}

.padd{
	display: block;
	padding: 10px;
}
.padd2{
	display: block;
	padding: 20px;
}

#pageHead{
	display: block;
	background: #ffffff;
}
.pageHeadBox{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	min-height: 60px;
}
.pageHeadTable{
	display: table;
	width: 100%;
}


.headTitle{
	display: table-cell;
	width: auto;
	text-align: center;
	vertical-align: middle;
}
.headTitleLink{
	float: left;
	outline: none;
}
.top_logo{
	display: block;
	width: 100%;
	max-width: 150px;
}
.top_logo_sm{
	display: none;
	width: 100%;
	max-width: 60px;
}
.headTitleName{
	display: block;
	font-size: 22px;
}
.headTitletext{
	display: block;
	font-size: 13px;
}
.headSocial{
	display: table-cell;
	width: auto;
	vertical-align: middle;
	text-align: center;
}
.headSocialContainer{
	dislay: block;
	float: right;
}
.headSocialText{
	display: block;
	font-size: 13px;
	text-align: center;
}
.headSocialLinks{
	display: block;	
}
.headSocialIcon{
	display: inline-block;
	width: 34px;
	height: 34px;
	text-align: center;
	font-size: 14px;
	margin-right: 1px;
	margin-left: 1px;
	text-decoration: none;
	color: #333;
	background: #3caeda;
}
.headSocialIcon > img{
	display: block;
	width: 100%;
}
.headSocialIcon:hover{
	background: #1690bf;
}




#mainMenu{
	display: block;
	background: #3caeda;
}
.mainMenuBox{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	background: #3caeda;
	text-align: center;
}
.mainMenuContainer{
	display: inline-block;
}
.mainMenuBut{
	display: block;
	float: left;
	margin-left: 2px;
	margin-right: 2px;
	padding-left: 10px;
	padding-right: 10px;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	color: #fff;
	
}
.mainMenuText{
	display: block;
	font-size: 18px;
}
.mainMenuBut > img{
	display: block;
	width: 24px;
	margin-top: 3px;
}
.mainMenuBut:hover{
	background: #1690bf;
}
.mainMenuBut.active{
	background: #1690bf;
}

#hpIntro{
	display: block;
	background: #ffffff;
	border-top: 1px solid #3caeda;
	padding-bottom: 10px;
}
.hpIntroBox{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.hpIntroTable{
	display: table;
	table-layout: fixed;
	width: 100%;
}
.hpIntroCell{
	display: table-cell;
	width: 25%;
	padding: 10px;
	vertical-align: middle;
}
.hpIntroBoxTextItem{
	display: block;
	/* border: 5px solid #c8e2ec; */
	padding: 10px;
}
.hpIntroBoxItem{
	display: block;
    max-width: 400px;
    margin: 0 auto;
    background: #fff;
    /* border: 5px solid #c8e2ec; */
    border-radius: 0 0 60px 0;
    overflow: hidden;
    /* padding: 10px; */
    -webkit-box-shadow: -2px 14px 11px -9px rgb(0 0 0 / 60%);
    -moz-box-shadow: -2px 14px 11px -9px rgba(0,0,0,0.6);
    box-shadow: -2px 14px 11px -9px rgb(0 0 0 / 60%);
}
.hpIntroBoxItem > img{
	display: block;
	width: 100%;
}
.hpIntroTitle{
	display: block;
	text-align: center;
	font-size: 34px;
	line-height: 34px;
	padding-top: 5px;
	padding-bottom: 10px;
	font-weight: 600;
	margin-top: 10px;
	margin-bottom: 20px;
}
.hpIntroText{
	display: block;
	text-align: left;
	fonr-size: 13px;
}





#hpService{
	display: block;
	background: #ffffff;
	padding-bottom: 10px;
}
.hpServiceBox{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.hpServiceItem{
	display: block;
	width: 50%;
	float: left;
}
.hpServiceImage{
	display: block;
	position: relative;
	width: 100%;
	max-width: 360px;
	min-height: 110px;
	margin: 0 auto;
	background: #fff;
	border-radius: 0 0 60px 0;
	overflow: hidden;
	/* border: 5px solid #a7cddc; */
	-webkit-box-shadow: -2px 14px 11px -9px rgba(0,0,0,0.6);
	-moz-box-shadow: -2px 14px 11px -9px rgba(0,0,0,0.6);
	box-shadow: -2px 14px 11px -9px rgba(0,0,0,0.6);
	margin-bottom: 20px;
	z-index: 2;
}
.hpServiceImage > img{
	display: block;
	width: 100%;
}








.promoContainer{
	display: block;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
.promoBox{
	display: block;
	position: relative;
	margin-top: -85px;
	margin-left: 0%;
	width: 100px;
	height: 100px;
	border-radius: 50px;
	background: #ffb837;
	z-index: 99;
	overflow: hidden;
}
.promoContent{
	display: block;
	text-align:center;
}
.promoText{
	display: block;
	margin-top: 10px;
	color: #fff;
	font-size: 13px;
}
.promoVarPrice{
	display: block;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 3px;
	padding-bottom: 10px;
	/* color: #fff; */
}
.promoMainPrice{
	display: block;
	font-size: 21px;
	font-weight: 600;
	color: #ff3b00;
	line-height: 90%;
}
.promoMainPrice > span{
	font-size: 13px;
}
.promoOldPrice{
	display: block;
	font-size: 13px;
	font-weight: 400;
	text-decoration: line-through;
	color: #000;
	line-height: 90%;
}
.promoOldPrice > span{
	font-size: 11px;
}














.hpServiceTextBox{
	display: block;
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 110px;
	padding-bottom: 10px;
	margin-top: -100px;
	background: #ffffff;
	border-radius: 0 0 60px 0;
	overflow: hidden;
	/* border: 5px solid #a7cddc; */
	-webkit-box-shadow: -2px 7px 11px -9px rgba(0,0,0,0.6);
	-moz-box-shadow: -2px 7px 11px -9px rgba(0,0,0,0.6);
	box-shadow: -2px 7px 11px -9px rgba(0,0,0,0.6);
}
.hpServiceTextBoxSimple{
	display: block;
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	padding-top: 20px;
	background: #ffffff;
	border-radius: 0 0 60px 0;
	overflow: hidden;
	/* border: 5px solid #a7cddc; */
	-webkit-box-shadow: -2px 7px 11px -9px rgba(0,0,0,0.6);
	-moz-box-shadow: -2px 7px 11px -9px rgba(0,0,0,0.6);
	box-shadow: -2px 7px 11px -9px rgba(0,0,0,0.6);
}
.hpServiceTitle{
	display: block;
	text-align: center;
	font-size: 28px;
	line-height: 110%;
}
.hpServiceStitle{
	display: block;
	text-align: center;
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: 600;
}
.hpServiceShortdesc{
	display: block;
	text-align: center;
	font-size: 16px;
	text-align: left;
}


.goToOffers{
	display: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	cursor: pointer;
	color: #fff;
	background: #ff6a00;
	font-size: 13px;
	    margin-top: 6px;
	    margin-bottom: 10px;
}
.goToOffers:hover{
    background: #c75300;
}





#pageBanner{
	display: block;
	background: #fff;
}
.pageBannerBox{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	background: #fff;
	text-align: center;
}
.pageBannerBox > img{
	display: block;
	width: 100%;
	max-width: 1200px;
}

#hpInfo{
	display: block;
	background: #ffffff;
	/*border-top: 1px solid #3caeda;*/
	padding-bottom: 10px;
}
.hpInfoBox{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
}
.hpInfoTable{
	display: table;
	table-layout: fixed;
	width: 100%;
}
.hpInfoCell{
	display: table-cell;
	width: 33.33%;
	padding: 10px;
	vertical-align: top;
}
.hpInfoBoxItem{
	display: block;
	background: #fff;
	border: 5px solid #c8e2ec;
	
	border-radius: 0 0 60px 0;
	overflow: hidden;
	
	padding: 10px;
	-webkit-box-shadow: -2px 14px 11px -9px rgba(0,0,0,0.6);
	-moz-box-shadow: -2px 14px 11px -9px rgba(0,0,0,0.6);
	box-shadow: -2px 14px 11px -9px rgba(0,0,0,0.6);
}
.hpInfoTitle{
	display: block;
	text-align: center;
	font-size: 18px;
	padding-top: 5px;
	padding-bottom: 10px;
	font-weight: 500;
	
	
	
}
.hpInfoText{
	display: block;
	text-align: left;
	font-size: 16px;
}







#pageContent{
	display: block;
	background: #ffffff;
	padding-bottom: 10px;
}
.pageContentBox{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.pageHeadMedia{
	display: block;
}
.pageHeadMedia > img{
	display: block;
	width: 100%;
}
.pageMainTitle{
	display: block;
    text-align: center;
    font-size: 28px;
	padding-top: 10px;
	padding-bottom: 4px;
}
.pageMainStitle{
	display: block;
    text-align: center;
    font-size: 18px;
	padding-top: 0px;
	padding-bottom: 4px;
}
.pageSdesc{
	display: block;
    text-align: center;
    font-size: 16px;
	padding-top: 20px;
	padding-bottom: 4px;
	text-align: left;
}
.pageLdesc{
	display: block;
    text-align: center;
    font-size: 16px;
	padding-top: 10px;
	padding-bottom: 4px;
	text-align: left;
}









#hpArticle{
	display: block;
	background: #dbeef5;
	/*border-top: 1px solid #3caeda;*/
	padding-bottom: 10px;
}
.hpArticleBox{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
}
.hpArticleItemBox{
	display: block;
	width: 50%;
	float: left;
}
.hpArticleItemBoxFull{
	display: block;
}
.hpArticleContainer{
	display: table;
	width: 100%;
	table-layout: fixed;
	background: #ffffff;
	border: 3px solid #aad5e6;
	border-radius: 0 0 30px 0;
	overflow: hidden;
	-webkit-box-shadow: -2px 14px 11px -9px rgba(0,0,0,0.6);
	-moz-box-shadow: -2px 14px 11px -9px rgba(0,0,0,0.6);
	box-shadow: -2px 14px 11px -9px rgba(0,0,0,0.6);
}
.hpArticleContainerSmall{
	display: table;
	width: 100%;
	table-layout: auto;
	background: #ffffff;
	border: 3px solid #aad5e6;
	border-radius: 0 0 30px 0;
	overflow: hidden;
	-webkit-box-shadow: -2px 14px 11px -9px rgba(0,0,0,0.6);
	-moz-box-shadow: -2px 14px 11px -9px rgba(0,0,0,0.6);
	box-shadow: -2px 14px 11px -9px rgba(0,0,0,0.6);
}
.hpArticleImage{
	display: table-cell;
	width: 40%;
	vertical-align: middle;
}
.hpArticleImage > img{
	display: block;
	width: 100%;
}
.hpArticleImageSmall{
	display: table-cell;
	width: 200px;
	vertical-align: top;
}
.hpArticleImageSmall > img{
	display: block;
	width: 100%;
	max-width: 200px;
}
.hpjobImageSmall{
	display: table-cell;
	width: 200px;
	vertical-align: top;
}
.hpjobImageSmall > img{
	display: block;
	width: 100%;
	max-width: 200px;
}
.hpArticleText{
	display: table-cell;
	width: auto;
	vertical-align: top;
	text-align: left;
	padding: 6px;
}
.hpArticleTextSmall{
	display: table-cell;
	width: auto;
	vertical-align: top;
	text-align: left;
	padding: 6px;
}
.hpArticleTitle{
	display: block;
	font-size: 22px;
}
.hpArticleStitle{
	display: block;
	font-size: 18px;
	margin-top: 18px;
	margin-bottom: 10px;
}
.hpArticleSortdesc{
	display: block;
	font-size: 14px;
}
.hpArticleLink{
	display: table;
	margin: 4px auto;
	background: #ff6a00;
	height: 30px;
	text-decoration: none;
	border-radius: 15px;
}
.hpArticleLinkText{
	display: table-cell;
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
	font-weight: 600;
	color: #ffffff;
	vertical-align: middle;
}
.hpArticleLinkIcon{
	display: table-cell;
	width: 30px;
	vertical-align: top;
}
.hpArticleLinkIconBox{
	display: block;
	background: #ff3b00;
	width: 30px;
	height: 30px;
	border-radius: 15px;
}

.hpArticleLink:hover  .hpArticleLinkIconBox{
	background: #ff0000;
}
.hpArticleLinkIconBox > img{
	display: block;
	width: 100%;
}


.hpServiceLink{
	display: table;
	margin: 14px auto;
	background: #ff6a00;
	height: 30px;
	text-decoration: none;
	border-radius: 15px;
}
.hpServiceLinkText{
	display: table-cell;
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
	font-weight: 600;
	color: #ffffff;
	vertical-align: middle;
}
.hpServiceLinkIcon{
	display: table-cell;
	width: 30px;
	vertical-align: top;
}
.hpServiceLinkIconBox{
	display: block;
	background: #ff3b00;
	width: 30px;
	height: 30px;
	border-radius: 15px;
}

.hpServiceLink:hover  .hpServiceLinkIconBox{
	background: #ff0000;
}
.hpServiceLinkIconBox > img{
	display: block;
	width: 100%;
}




.standardLink{
	display: table;
	margin: 14px auto;
	background: #bedfec;
	height: 30px;
	text-decoration: none;
	border-radius: 15px;
	/* color:  #fff; */
}
.standardLinkText{
	display: table-cell;
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
	font-weight: 600;
	color: #147398;
	vertical-align: middle;
}
.standardLinkIcon{
	display: table-cell;
	width: 30px;
	vertical-align: top;
}
.standardLinkIconBox{
	display: block;
	background: #3caeda;
	width: 30px;
	height: 30px;
	border-radius: 15px;
}

.standardLink:hover  .standardLinkIconBox{
	background: #238bb3;
}
.standardLinkIconBox > img{
	display: block;
	width: 100%;
}



#hpFooter{
	display: block;
	background: #103558;
	/*border-top: 1px solid #3caeda;*/
	padding-bottom: 60px;
	min-height: 100px;
}
.hpFooterBox{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
}

.callNow{
	position:fixed;
	width: 38px;
	height: 38px;
	bottom:5px;
	left:5px;
	z-index: 9999;
	background: #333;
	border-radius: 20px;
	overflow: hidden;
	
	-webkit-box-shadow: -2px 14px 11px -9px rgba(0,0,0,0.6);
	-moz-box-shadow: -2px 14px 11px -9px rgba(0,0,0,0.6);
	box-shadow: -2px 14px 11px -9px rgba(0,0,0,0.6);
}
.callNow.mob{
	background: #06d755;
}
.callNow.desc{
	background: #1690bf;
}


.callNow > img{
	display: block;
	width: 26px;	
	margin: 6px auto;
}
.scrollTop{
	position:fixed;
	width: 38px;
	height: 38px;
	bottom:5px;
	right:5px;
	z-index: 9999;
	background: #1690bf;
	border-radius: 20px;
	overflow: hidden;
	cursor: pointer;
	
	-webkit-box-shadow: -2px 14px 11px -9px rgba(0,0,0,0.6);
	-moz-box-shadow: -2px 14px 11px -9px rgba(0,0,0,0.6);
	box-shadow: -2px 14px 11px -9px rgba(0,0,0,0.6);
}
.scrollTop > img{
	display: block;
	width: 20px;	
	margin: 8px auto;
}






.serServiceTopBox{
	display: table;
	width: 100%;
	table-leyout: fixed;
}
.serImageBox{
	display: table-cell;
	width: 50%;
	vertical-align: middle;
	padding: 10px;
}
.serImageBox > img{
	display: block;
	width: 80%;
	max-width: 380px;	
	margin: 0 auto;
}
.serTextTop{
	display: table-cell;
	width: 50%;
	vertical-align: middle;
	padding: 10px;
}
.serTextTopEmpty{
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	padding: 10px;
}
.serTextTopBox{
	display: block;
	padding: 20px;
	background: #ffffff;
	border: 3px solid #ffffff;
	border-radius: 0 0 30px 0;
	overflow: hidden;
	/* -webkit-box-shadow: -2px 14px 11px -9px rgba(0,0,0,0.6); */
	-moz-box-shadow: -2px 14px 11px -9px rgba(0,0,0,0.6);
	/* box-shadow: -2px 14px 11px -9px rgba(0,0,0,0.6); */
}
.videoTitleText{
	display: block;
    text-align: left;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 600;
}
.videoWrapper{
	position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.hpServiceLongdesc{
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 16px;
}
.serLongDesc{
	display: block;
	padding: 20px;
	font-size: 14px;
}

#pageVariants{
	display: block;
	background: #ffffff;
	/*border-top: 1px solid #3caeda;*/
	padding-bottom: 10px;
	padding-top: 10px;
}
.pageVariantsBox{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
}
.pageVariantHeadBox{
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	
}
.pageVariantHeadTitle{
	display: block;
	padding: 4px;
	font-size: 26px;
	line-height: 100%;
}
.pageVariantHeadStitle{
	display: block;
	padding: 4px;
	font-size: 16px;
}


.pageVariantsContainer{
	display: block;
}
.serVarItemBox{
	display: block;
	float: left;
}
.serVarItemBoxCenter{
	display: block;
	margin: 0 auto;
}
.serVarItemContent{
	display: block;
	padding: 10px;
	background: #ffffff;
	margin: 10px;
	border: 1px solid #147398;
}
.serVarTitle{
	display: block;
	font-size: 22px;
	padding-top: 5px;
	padding-bottom: 15px;
	font-weight: 500;
}
.serVarDetails{
	display: block;
	padding: 2px;
	/* background: #d8ebf3; */
}
.serVarPrice{
	display: block;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 10px;
	padding-bottom: 10px;
	/* color: #fff; */
}
.serVarPriceContent{
	display: inline-block;
	padding: 2px;
}
.serVarPriceDiscount{
	display: inline-block;
	width: 44px;
	height: 44px;
	text-align: center;
	font-size: 15px;
	color: #fff;
	font-weight: 700;
	background: #f00;
	line-height: 44px;
	border-radius: 22px;
	vertical-align: top;
	margin-right: 10px;
}
.varMainPrice{
	display: block;
	font-size: 32px;
	font-weight: 600;
	color: #ff3b00;
}
.varMainPrice > span{
	font-size: 16px;
}
.varOldPrice{
	display: block;
	font-size: 14px;
	font-weight: 400;
	text-decoration: line-through;
	color: #000;
}
.varOldPrice > span{
	font-size: 11px;
}
.serSpecContainer{
	display: block;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
}
.serSpecItem{
	display: block;
	padding: 4px;
	font-size: 14px;
	/* background: #d8ebf3; */
	margin-bottom: 1px;
	color: #103558;
	border-bottom: 1px solid #147398;
}






.applyServiceLink{
	display: table;
	margin: 14px auto;
	background: #ff6a00;
	height: 30px;
	text-decoration: none;
	border-radius: 15px;
	/* border: 2px solid #d8ebf3; */
	cursor: pointer;
	text-decoration:none;
}
.applyServiceLinkText{
	display: table-cell;
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
	font-weight: 600;
	color: #ffffff;
	vertical-align: middle;
	text-decoration:none;
}
.applyServiceLinkIcon{
	display: table-cell;
	width: 30px;
	vertical-align: top;
}
.applyServiceLinkIconBox{
	display: block;
	background: #ff3b00;
	width: 30px;
	height: 30px;
	border-radius: 15px;
}

.applyServiceLink:hover  .applyServiceLinkIconBox{
	background: #ff0000;
}
.applyServiceLinkIconBox > img{
	display: block;
	width: 100%;
}




#pageSerStep{
	display: block;
	background: #eaf2f5;
	/*border-top: 1px solid #3caeda;*/
}
.pageSerStepBox{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
}
.pageSerStepContainer{
	display: table;
	table-layout: fixed;
	width: 100%;
}
.stepItemBox{
	display: table-cell;
	width: auto;
	padding: 10px;
}
.stepItemMainTitle{
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	font-size: 26px;
}
.stepItemImage{
	display: block;
	width: 100%;
	
}
.stepItemImage > img{
	display: block;
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}
.stepItemImage > div{
	display: block;
	width: 40px;
	height: 40px;
	text-align: center;
	background: #aaa;
	color: #fff;
	font-size: 28px;	
}
.stepItemTitle{
	display: block;
	padding: 10px;
	font-size: 22px;
}
.stepItemDesc{
	display: block;
	padding: 10px;
	font-size: 16px;
}
.stepItemDesc a{
	text-decoration: none;
	color: inherit;
}
.stepItemDesc a:hover{
	text-decoration: underline;
}


#pageCart{
	display: block;
	background: #e7f4f9;
}
.pageCartBox{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.pageCartBox{
	display: block;
	padding: 10px;
}
.serCartbox{
	display: table;
	table-layout: fixed;
	width: 100%;
}
.serCartLeft{
	display: table-cell;
	vertical-align: top;
	width: 50%;
}
.serCartRigh{
	display: table-cell;
	vertical-align: top;
	width: 50%;
}
.serCartItemTitle{
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 24px;
	text-align: center;
	font-weight: 400;
}
.serCartItemDesc{
	display: block;
	font-size: 16px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 16px;
}
.serCartItemLdesc{
	display: block;
	font-size: 16px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 16px;
}
.serVarCartItemTitle{
	display: block;
	text-align: center;
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: 400;
	
}
.cartSpecItemsBox{
	display: block;
	padding-left: 10px;
	padding-right: 10px;
}
.cartSpecItem{
	display: block;
	padding: 6px;	
	margin-bottom: 1px;
	background: #bedfec;
}
.varSpec{
	display: block;
	font-size: 14px;
}

.cartRightHead{
	display: block;
	padding: 10px;
	background: #bedfec;
}
.cartHead{
	display: block;
	padding: 10px;
	background: #bedfec;
	margin-bottom: 1px;
}
.cartHeadTitle{
	display: block;
	font-size: 16px;
	padding: 6px;
	/* border-bottom: 1px solid #9bcee2; */
	/* padding-top: 2px; */
	padding-bottom: 10px;
	background: #fff;
}
.smText{
	font-size: 14px;
}
.cartItemLink{
	text-decoration: none;
	color: inherit;
	font-weight: 600;
}
.cartPricesBox{
	display: table;
	table-layout: fixed;
	width: 100%;
}
.cartPrice{
	display: table-cell;
	width: 33.33%;
	vertical-align: middle;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
}
.cartPriceVal{
	display: inline;
}
.cartQty{
	display: table-cell;
	width: 33.33%;
	vertical-align: middle;
	font-size: 18px;
	text-align: center;
}
.cartTotal{
	display: table-cell;
	width: 33.33%;
	vertical-align: middle;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
}
.cartTotalVal{
	display: inline;
}

.cartQtyTable{
	display: table;
	table-layout: fixed;
	width: auto;
	margin: 0 auto;
}
.cartQtyDown{
	display: table-cell;
	width: 40px;
	height: 40px;
	background: #a2d0e2;
	text-align: center;
	cursor: pointer;
	line-height: 40px;
}
.cartQtyVal{
	display: table-cell;
	width: 40px;
	height: 40px;
	background: #e7f4f9;
	font-weight: 500;
	text-align: center;
	line-height: 40px;
}
.cartQtyUp{
	display: table-cell;
	width: 40px;
	height: 40px;
	background: #a2d0e2;
	text-align: center;
	cursor: pointer;
	line-height: 40px;
}
.serCartTitles{
	font-size: 12px;
	font-weight: normal;
}

.priceLei{
	display: block;
	font-size: 16px;
	color: #ff6a00;
}

.cartVaucherBox{
	display: table;
	table-layout: fixed;
	width: 100%;
	background: #bedfec;
	margin-bottom: 0px;
}
.cartVaucherBoxLeft{
	display: table-cell;
	width: 60%;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 13px;
	text-align: left;
	font-weight: 400;
	padding-bottom: 6px;
}
.cartVaucherBoxRight{
	display: table-cell;
	width: 40%;
	padding-left: 10px;
	padding-right: 20px;
	font-size: 13px;
	text-align: right;
	font-weight: 400;
	padding-bottom: 6px;
}
.cartVaucherTitle{
	font-weight: 600;
}
#discountPriceValue{
	display: block;
	text-align: right;
	font-weight: 600;
    font-size: 18px;
    color: #f00;
	margin-top: 6px;
}
.vaucherInputBox{
	display: table;
	table-layout: fixed;
	width: 100%;
}
.vaucherInputBoxCellLeft{
	display: table-cell;
	width: 80%;
}
.vaucherInputBoxCellRight{
	display: table-cell;
	width: 20%;
}
.voucherCodeInput{
	display: block;
	width: 100%;
	font-size: 14px;
	color: #000;
	float: left;
	height: 30px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: #e7f4f9;
	border: 0px solid #eee;
	outline: none;
}
.applyVoucher{
	display: block;
	width: 100%;
	min-width: 45px;
	height: 30px;
	background: #a2d0e2;
	color: #147398;
	float: left;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
}
.applyVoucher:hover{
	background: #8bbed2;
}
#valucherErrorMess{
	display: block;
	background: #bedfec;
	font-size: 12px;
	color: red;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 1px;
}
.errorMessBlue{
	color: #103558;
}
.errorMessRed{
	color: #f00;
}











.cartPriceInfoText{
	display: table;
	table-layout: fixed;
	width: 100%;
	background: #fff;
}
.cartPriceInfoTextLeft{
	display: table-cell;
	width: 50%;
	padding-left: 20px;
	padding-right: 10px;
	font-size: 13px;
	text-align: left;
	font-weight: 400;
}
.cartPriceInfoTextRight{
	display: table-cell;
	width: 50%;
	padding-left: 10px;
	padding-right: 20px;
	font-size: 13px;
	text-align: right;
	font-weight: 400;
}
.cartPriceInfoTotal{
	display: table;
	table-layout: fixed;
	width: 100%;
	/* background: #aad5e6; */
}
.cartPriceInfoTotalLeft{
	display: table-cell;
	width: 50%;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 18px;
	text-align: left;
	font-weight: 400;
	vertical-align: middle;
}
.cartPriceInfoTotalRight{
	display: table-cell;
	width: 50%;
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 16px;
	text-align: right;
	font-weight: 400;
	vertical-align: middle;
}
.priceEurVal{
	display: block;
	font-weight: 500;
}
.priceRonVal{
	display: block;
	font-weight: 500;
}
.priceLeiVal{
	display: block;
	font-weight: 600;
	font-size: 22px;
	color: #ff6a00;
	margin-top: 10px;
}

.cartOrderForm{
	display: block;
	padding: 10px;
}
.contactForm{
	display: block;
	padding: 10px;
	max-width: 650px;
	margin: 0 auto;
}
.formItemTable{
	display: table;
	table-layout: fixed;
	width: 100%;
}
.formItemLeft{
	display: table-cell;
	width: 50%;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 2px;
	padding-right: 2px;
}
.formItemLeft70{
	display: table-cell;
	width: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 2px;
	padding-right: 2px;
}
.formItemRight{
	display: table-cell;
	width: 50%;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 2px;
	padding-right: 2px;
}
.formItemRight30{
	display: table-cell;
	width: 80px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 2px;
	padding-right: 2px;
}
.formItemCenter{
	display: block;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 2px;
	padding-right: 2px;
}
.tcenter{
	text-align: center;
	vertical-align: middle;
}
.checkBoxPers{
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	background: transparent;
	cursor: pointer;
	border-radius: 15px;
	border: 4px solid #6bc7ea;
}
.checkBoxPers.active{
	background: #1690bf;
}
.checkBoxAcceptance{
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	background: transparent;
	cursor: pointer;
	border-radius: 15px;
	border: 4px solid #6bc7ea;
}
.checkBoxAcceptance.active{
	background: #1690bf;
}
.companyForm{
	display: none;
}

.formTitle{
	display: block;
	padding-top: 3px;
	padding-bottom: 0px;
	font-size: 14px;
}
.formTitleCheckbox{
	display: inline;
	padding-top: 3px;
	padding-bottom: 0px;
	font-size: 14px;
}
.formTitleCheckbox > a{
	text-decoration: none;
	color: #000;	
}
.formTitleCheckbox > a:hover{
	text-decoration: underline;
}
.formInputText{
	display: block;
	width: 100%;
	height: 32px;
	background: #fff;
	border: 1px solid #b0d6e4;
	outline: none;
	font-size: 14px;
}
.formInputText.comments{
	min-height: 60px;
}
.formInputText.mailMesaj{
	min-height: 90px;
}
.formInputText.noneditable{
	background: #dbe9ef;
	padding-top: 4px;
	min-height: 32px;
	height: auto;
}
#paymentError{
	display: block;
	padding: 6px;
	text-align: center;
	color: #ff0000;
}
#contactError{
	display: block;
	padding: 6px;
	text-align: center;
	color: #ff0000;
}

.payServiceLink{
	display: table;
	margin: 14px auto;
	background: #ff6a00;
	height: 36px;
	text-decoration: none;
	border-radius: 18px;
	border: 0px solid #d8ebf3;
	cursor: pointer;
}
.payServiceLinkText{
	display: table-cell;
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
	color: #ffffff;
	vertical-align: middle;
}
.payServiceLinkIcon{
	display: table-cell;
	width: 36px;
	vertical-align: top;
}
.payServiceLinkIconBox{
	display: block;
	background: #ff3b00;
	width: 36px;
	height: 36px;
	border-radius: 18px;
}

.payServiceLink:hover  .payServiceLinkIconBox{
	background: #ff0000;
}
.payServiceLinkIconBox > img{
	display: block;
	width: 100%;
}


.payServiceLinkNew{
	display: table;
	margin: 14px auto;
	background: #ff6a00;
	height: 36px;
	text-decoration: none;
	border-radius: 18px;
	border: 0px solid #d8ebf3;
	cursor: pointer;
}
.payServiceLinkTextNew{
	display: table-cell;
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
	color: #ffffff;
	vertical-align: middle;
}
.payServiceLinkIconNew{
	display: table-cell;
	width: 36px;
	vertical-align: top;
}
.payServiceLinkIconBoxNew{
	display: block;
	background: #ff3b00;
	width: 36px;
	height: 36px;
	border-radius: 18px;
}

.payServiceLinkNew:hover  .payServiceLinkIconBoxNew{
	background: #ff0000;
}
.payServiceLinkIconBoxNew > img{
	display: block;
	width: 100%;
}





.contactLink{
	display: table;
	margin: 14px auto;
	background: #ff6a00;
	height: 36px;
	text-decoration: none;
	border-radius: 18px;
	border: 0px solid #d8ebf3;
	cursor: pointer;
}
.contactLinkText{
	display: table-cell;
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
	font-weight: 600;
	color: #ffffff;
	vertical-align: middle;
}
.contactLinkIcon{
	display: table-cell;
	width: 36px;
	vertical-align: top;
}
.contactLinkIconBox{
	display: block;
	background: #ff3b00;
	width: 36px;
	height: 36px;
	border-radius: 18px;
}
.contactLink:hover  .contactLinkIconBox{
	background: #ff0000;
}
.contactLinkIconBox > img{
	display: block;
	width: 100%;
}

.offerLink{
	display: table;
	margin: 14px auto;
	background: #ff6a00;
	height: 36px;
	text-decoration: none;
	border-radius: 18px;
	border: 0px solid #d8ebf3;
	cursor: pointer;
}
.offerLinkText{
	display: table-cell;
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
	color: #ffffff;
	vertical-align: middle;
}
.offerLinkIcon{
	display: table-cell;
	width: 36px;
	vertical-align: top;
}
.offerLinkIconBox{
	display: block;
	background: #ff3b00;
	width: 36px;
	height: 36px;
	border-radius: 18px;
}
.offerLink:hover  .offerLinkIconBox{
	background: #ff0000;
}
.offerLinkIconBox > img{
	display: block;
	width: 100%;
}





.footerTable{
	dislay: table;
	table-layout: fixed;
	width: 100%;
}
.footerLeft{
	display: table-cell;
	width: 50%;
	vertical-align: top;
	padding: 10px;
	text-align: left;
}
.footerRight{
	display: table-cell;
	width: 50%;
	vertical-align: top;
	padding: 10px;
	text-align: left;
}

.footerLink{
	display: block;
	padding-bottom: 5px;
	color: #a7cddc;
	text-decoration: none;
	font-size: 13px;
}
.footerLink:hover{
	text-decoration: underline;
}
.footerText{
	display: block;
	font-size: 13px;
	color: #a7cddc;
}



.pageArticleTop{
	display: block;
}
.pegeArticleTopLeft{
	display: block;
	float: left;
	width: 50%;
	padding: 10px;
	vertical-align: middle;
}
.pegeArticleTopRight{
	display: block;
	float: right;
	width: 50%;
	padding: 10px;
	vertical-align: top;
}
.mediaContent{
	display: block;
}
.mediaArticleImage{
	display: block;
	max-width: 500px;
	margin: 0 auto;
	border-radius: 0 0 25% 0;
	overflow: hidden;
	/* border: 5px solid #a7cddc; */
	/*
	-webkit-box-shadow: -2px 14px 11px -9px rgba(0,0,0,0.6);
	-moz-box-shadow: -2px 14px 11px -9px rgba(0,0,0,0.6);
	box-shadow: -2px 14px 11px -9px rgba(0,0,0,0.6);
	*/
}
.mediaArticleImage > img{
	display: block;
	width: 100%;
	
}

.pageArticleTopTitle {
    display: block;
    text-align: center;
    font-size: 28px;
	line-height: 28px;
    padding-top: 10px;
    padding-bottom: 4px;
}
.pageArticleTopStitle {
    display: block;
    text-align: center;
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 4px;
	font-weight: 500;
}
.pageArticleDate{
	display: block;
	font-size: 13px;
	font-weight: 500;
}
.pageArticleTopSdesc {
    display: block;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 4px;
    text-align: left;
	
}
.pageArticleLdesc {
    display: block;
	padding-left: 10px;
	padding-right: 10px;
    font-size: 16px;
    padding-top: 20px;
    padding-bottom: 4px;
    text-align: left;
}
.pageArticleLinks {
    display: block;
	padding-left: 10px;
	padding-right: 10px;
    font-size: 16px;
    padding-top: 20px;
    padding-bottom: 4px;
    text-align: left;
}

.articleLinkItem{
	display: inline-block;
	margin-right: 1px;
	margin-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	background: #bedfec;
	text-decoration: none;
	font-size: 14px;
	color: #147398;
}
.articleLinkItem:hover{
	background: #afd5e4;
}
.topSocial{
	display: block;
	padding: 10px;
	text-align: right;
}
div.jssocials-share{
	display: inline-block;
		
	outline: none;
	
	margin-left: 1px;
	margin-right: 1px;
}
div.jssocials-share > a{
	display: block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 18px;
	text-decoration: none;
	background: #1690bf;
	color: #e6eff3;
}
div.jssocials-share > a:hover{
	background: #077fad;
}


.pageFeedback{
	display: block;
	padding: 10px;
	text-align: center;
}
.feedbackTitle{
	display: block;
	font-size: 24px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.feedbackStitle{
	display: block;
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.feedbackText{
	display: block;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
}



.galleryContainer{
	display: block;
	padding: 4px;
}
.galleryItem{
	display: block;
	float: left;
	width: 50%;
	padding: 10px;
}
.galleryVideoWrapper{
	position: relative;
	padding-top: 4px;
    padding-bottom: 56.25%;
	padding-left: 4px;
	padding-right: 4px;
	height: 0;
}
.galleryVideoWrapper > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.galleryVideoWrapper > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.galleryVideoTitle{
	display: block;
    text-align: left;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 600;
}
.galleryVideoClear{
	display: block;
	clear: both;
}




.applyCalendarLink{
	display: table;
	margin: 14px auto;
	background: #ff6a00;
	height: 30px;
	text-decoration: none;
	border-radius: 15px;
	/* border: 2px solid #d8ebf3; */
	cursor: pointer;
	text-decoration:none;
}

.calendarIcon{
	display: inline-block;
	height: 20px;
	vertical-align: text-bottom;
}


.netopia{
	display: block;
	width: 100%;
	max-width: 140px;
	margin: 5% auto;
}
.netopiafooter{
	display: block;
	width: 100%;
	max-width: 120px;
	margin: 3% auto;
}



@media only screen and (max-width : 850px){
	
	.goToOffers{
		display: inline-block;
	}
	
	
	.hpArticleItemBox{
		width: auto;
	}
	
	.serServiceTopBox {
		dislay: block;
	}
	.serImageBox{
		display: block;
		width: auto;
	}
	.serTextTop {
		display: block;
		width: auto;
	}
	
}
@media only screen and (max-width : 800px){
	.stepItemBox{
		padding: 2px;
	}
	.stepItemTitle{
		font-size: 18px;
	}
	.stepItemDesc{
		padding: 4px;
		font-size: 16px;
	}
	
	.serCartbox{
		display: block;
	}
	.serCartLeft{
		display: block;
		width: auto;
	}
	.serCartRigh{
		display: block;
		width: auto;
	}
	
	
}


@media only screen and (max-width : 750px){
	.hpIntroTable {
		display: block;
		width: auto;
	}
	.hpIntroCell {
		display: block;
		width: auto;
		padding: 0;
	}
	.hpIntroTitle{
		font-size: 24px;
		padding-top: 3px;
		padding-bottom: 3px;
		font-weight: 600;
		margin-top: 3px;
		margin-bottom: 10px;
	}
	.hpInfoText {
		display: block;
		text-align: left;
		font-size: 16px;
	}
	.hpIntroCell:nth-child(2) {
	  display: none;
	}
	
	.hpServiceTitle{
		font-size: 22px;
	}
	.hpServiceStitle {
		font-size: 16px;
	}
	.hpServiceShortdesc {
		display: block;
		font-size: 16px;
	}
	
	
	
	
	.stepItemImage{
		max-width: 300px;
		margin: 0 auto;
	}
	
	.pageSerStepContainer{
		display: block;
		
	}
	.stepItemBox{
		display: block;
	}
	
}
@media only screen and (max-width : 650px){
	.serVarItemBox{
		display: block!important;
		float: none;
		margin: 0 auto;
	}
	
	.w5{
		width: auto;
	}
	.w3{
		width: auto;
	}
	.w2{
		width: auto;
	}
	.pegeArticleTopLeft{
		clear: both;
		float: none;
		width: auto;
	}
	.pegeArticleTopRight{
		clear: both;
		float: none;
		width: auto;
	}
	.mediaArticleImage{
		max-width: 300px;
		margin: 0 auto;
	}
	
	.hpArticleImageSmall{
		display: table-cell;
		width: 150px;
		vertical-align: top;
	}
	
	
}


@media only screen and (max-width : 550px){
	.top_logo{
		display: none;
	}
	.top_logo_sm{
		display: block;
	}
	.headSocialIcon {
		display: inline-block;
		width: 28px;
		height: 28px;
		text-align: center;
		font-size: 16px;
		margin-right: 1px;
		margin-left: 1px;
		text-decoration: none;
		color: #333;
		background: #3caeda;
	}
	
	.mainMenuBut {
		display: block;
		float: left;
		margin-left: 1px;
		margin-right: 1px;
		padding-left: 8px;
		padding-right: 8px;
		height: 25px;
		line-height: 25px;
		text-decoration: none;
		color: #fff;
	}
	.mainMenuText {
		display: block;
		font-size: 16px;
	}
	.mainMenuBut > img {
		display: block;
		width: 20px;
		margin-top: 2px;
		margin: 2px auto;
	}
	
	
}

@media only screen and (max-width : 550px){
	.hpServiceItem{
		width: auto;
	}
	.hpjobImageSmall{
		display: none;
	}
}

@media only screen and (max-width : 500px){
	.mainMenuBut {
		display: block;
		float: left;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
		height: 25px;
		width: 50%;
		text-decoration: none;
		color: #fff;
		text-align: center;
	}
	.mainMenuText {
		display: block;
		font-size: 16px;
	}
}

@media only screen and (max-width : 450px){
	
	.padd{
		padding: 4px;
	}
	
	.hpArticleContainer {
		display: block;
	
	}
	.hpArticleImage {
		display: block;
		width: auto;
	}
	.hpArticleImage > img{
		max-width: 300px;
		margin: 4px auto;
	}
	.hpArticleText {
		display: block;
		width: auto;
	}
	
	.hpArticleTitle{
		display: block;
		font-size: 22px;
		line-height: 23px;
	}
	.hpArticleStitle{
		display: block;
		font-size: 20px;
		line-height: 21px;
		margin-top: 16px;
		margin-bottom: 10px;
	}
	.hpArticleSortdesc{
		display: block;
		font-size: 16px;
	}
	
	
	.serImageBox {
		padding: 2px;
	}
	.serTextTop{
		padding: 4px;
	}
	.serTextTopBox{
		padding: 0;
	}
	.hpServiceShortdesc{
		font-size: 16px;
	}
	.hpServiceLongdesc{
		font-size: 16px;
	}
	
	.footerTable{
		display: block;
	}
	.footerLeft{
		display: block;
		width: auto;
	}
	.footerRight{
		display: block;
		width: auto;
		border-top: 1px dotted #024b67;
	}
	
	.hpArticleImageSmall{
		display: table-cell;
		width: 120px;
		vertical-align: top;
	}
	
}