html{background:#484d55 url(bg5b.png) repeat-y;}
.brand{background-color:none;}
.portal .uplevodoc{left:0;position:static;min-width:320px;margin-right:0;}
.contentwrap{position:static;}
.portal {min-width:100% !important;width:100%;min-height:auto;}
.portal .portaldoadd{width:100%;}
.portal .portaldoadd img{margin-right:12px;}
.portal .portal1 li{transition:all .3s;}
.portal .portal1 li img,.portal .portal1 li a{width:169px;height:135px;}
.portal .portal1 li{width:169px;height:135px;margin-left:32px;}
.portal .portal1{padding-left:0;position:relative;height:169px;}
.portal .portal1 ul{position:absolute;top:50%;left:0;width:100%;margin-top:-85px;}

.yourdesign .yd1{height:30px;background:#fff;color:#666;font-size:13px;padding-left:8px;line-height:30px;}
.yourdesign  .portal1 li .yd1{border-top:1px solid #ddd;}
.yourdesign  .portal1 li .yd1 a{width:16px;height:16px;display:inline-block;float:right;margin:8px 8px 0 0;line-height:0;}
.yourdesign  .portal1 li .yd1 img{width:auto;height:auto;}
.yourdesign .portal1 li{background:#fff;border:1px solid #ddd;border-radius:4px;overflow:hidden;height:auto;padding:0;}
.yourdesign .portal1 li a.yda{display:block;padding:8px;height:auto;width:auto;}
.yourdesign .portal1 li a.yda img{width:100%;height:auto;}
.yourdesign  .uplevodoc{margin-right:0;}
.yourdesign .footerp, .getstart .footerp{background:none;}
.getstart #portal1 ul li span{display:block;color:#ddd;text-align:center;margin-top:10px;font-size:15px;transition:all .3s;}
.getstart #portal1 ul li a:hover span{color:#fff;font-weight:700;}

.getstart{background-repeat:no-repeat;background-color:rgba(0,0,0,0);}
.getstart .getst1{clear:both;margin:19px auto 0;width:1082px;}
.getstart .getst1at{width:160px;height:52px;line-height:52px;text-align:center;color:#fff;font-size:30px;background:#ef4c23;font-family:Roboto Thin;}
.getstart  {font-family:Roboto;}
.getstart .getst1a{width:326px;float:left;display:inline;margin-left:52px;}
.getstart .getst1a:first-child{margin-left:0;}
.getstart  .getslist1img, .getstart  .getslist1img a{width:160px;height:100px;display:block;}
.getstart  .getslist1img img{width:160px;height:100px;}
.getstart  .getslist1a{font-size:14px;height:45px;background:#748a96;padding:0 19px;}
.getstart  .getslist1a a{color:#fff;display:block;}
.getstart  .getslist1{}
.getstart  .getslist1 li{float:left;width:160px;height:145px;margin-left:6px;display:inline;margin-bottom:6px;position:relative;overflow:hidden;transition:all .3s;}
.getstart  .getslist1 li:nth-child(2n+1){margin-left:0;}
.getstart  .getslist1a a span:first-child{display:block;padding-top:2px;}
.getstart  .getslist1bg{position:absolute;top:145px;left:0;width:160px;height:145px;background:#586267;transition:all .3s;opacity:0;}
.getstart  .getslist1st1{transition:all .3s ease-in-out .2s;position:absolute;top:37px;left:39px;display:block;font-size:12px;text-align:center;line-height:24px;height:24px;width:81px;border-radius:12px;background:#77a641;color:#fff;font-family:Roboto Bold;}
.getstart  .getslist1st2{transition:all .3s ease-in-out .2s;position:absolute;top:102px;left:0;font-size:14px;font-family:Roboto;color:#fff;text-align:center;clear:both;display:block;width:160px;}
.getstart  .getslist1st{position:absolute;top:0;left:0;width:160px;height:145px;opacity:0;transition:all .3s ease-in-out .2s;}
.getstart  .getslist1st .getslist1st1:hover{background:#ef4c23;}
.getstart  .getcolor2{background:#2fa6bc;}
.getstart  .getcolor3{background:#c0782b;}
.getstart  .footerp{margin-top:116px;}



.footer{clear:both;margin-top:25px;height:176px;padding:0 40px;}
.footer-right{float:right;width:492px;margin-top:25px;}
.social{width:120px;float:right;padding-top:3px;}
.social a{width:10px;height:10px;display:inline-block;float:left;margin-left:17px;background:url(ver2.1/social.png) no-repeat;transition:background .3s;-webkit-transition:background .3s;}
.social a.linkedin{margin-left:0;}
.social a.twitter{background-position:-28px 0px;}
.social a.pinterest{background-position:-55px 0px;}
.social a.facebook{background-position:-85px 0px;}
.social a.googleplus{background-position:-111px 0px;}
.footer-menu{width:330px;float:right;margin-right:2px;display:inline;font-size:14px;color:#fff;}
.footer-menu a{color:#fff;font-family:ROBOTOCONDENSED-BOLD;text-transform:uppercase;}
.footer-menu span{font-family:ROBOTOCONDENSED;text-transform:uppercase;margin:0 18px 0 20px;}
.footer-left{float:left;width:369px;margin-top:23px;}
.changelang{float:left;width:88px;color:#64757d;font-size:11px;font-family:ROBOTOCONDENSED;background:url(ver2.1/lang-arrow.png) no-repeat right center;height:17px;margin-right:10px;border:none !important;display:block;}
.changelang1{cursor:default;}
.changelang1 img {margin-right:4px;vertical-align: middle;}
.changelang2{background:#fff;top:28px;display:none;height:68px;left:0;position:absolute;width:140px;}
.changelangbox{position:relative;}
.changelang2 a{height:34px;line-height:34px;color:#666;padding:0 8px;display:block;}
.changelang2 a img{vertical-align:middle;margin-right:20px;}
.changelang2 a:hover{background:#77a641;color:#fff;}
.copyright{font-size:12px;color:#64757d;font-family:ROBOTOCONDENSED;line-height:16px;}

.changelang1:hover{color:#fff;}
.footer-menu a:hover ,.listact-edit:hover{color:#77a641;}

.social a.linkedin:hover{background-position:0 -14px;}
.social a.twitter:hover{background-position:-28px -14px;}
.social a.pinterest:hover{background-position:-55px -14px;}
.social a.facebook:hover{background-position:-85px -14px;}
.social a.googleplus:hover{background-position:-111px -14px;}

@font-face{font-family:ROBOTOCONDENSED-BOLD;src:url(../font1/ROBOTOCONDENSED-BOLD.TTF);}
@font-face{font-family:ROBOTOCONDENSED-LIGHT;src:url(../font1/ROBOTOCONDENSED-LIGHT.TTF);}
@font-face{font-family:ROBOTOCONDENSED;src:url(../font1/ROBOTOCONDENSED-REGULAR.TTF);}



.footer-menu a:last-child{position:relative;}
.footer-menu a:last-child::before{background:#ef4c23;width:8px;height:8px;border-radius:6px;content:" ";position:absolute;top:-4px;left:-12px;}



body{background:url("bg5.jpg") no-repeat scroll 0 0 !important;}
html{height:auto;}
.head,.footer{background:none;}
.footer{border-top:2px solid #ef4c23;margin-top:46px;}
.site-title{font-size:30px;color:#fff;text-transform:uppercase;text-align:center;font-family:ROBOTOCONDENSED-LIGHT;margin-top:12px;}
.site-description{font-size:14px;color:#9dacb2;text-align:center;font-family:ROBOTOCONDENSED-LIGHT;margin-top:7px;}
.listportal{clear:both;padding-top:1px;font-family:ROBOTOCONDENSED-LIGHT;font-size:18px;text-align:center;}
.listportal li{margin-top:59px;width:259px;height:362px;display:inline-block;border-radius:6px;margin-left:25px;vertical-align: top;transition:transform .3s;-webkit-transition:transform .3s;}
.listportal li a{display:block;color:#fff;text-align:center;width:100%;height:100%;}
.listportal li .portal-title::before{opacity:.2;background:#748a96;border-radius:6px 6px 0 0;content:" ";z-index:150;position:absolute;top:0;left:0;width:100%;height:100%;}
.listportal li .portal-title{line-height:42px;height:42px;display:block;position:relative;}
.listportal li .portal-title span{height:42px;display:block;position:absolute;top:0;left:0;width:100%;z-index:260;}
.listportal li .portal-image{display:block;background:#fff;height:320px;border-radius:0 0 6px 6px;}
.listportal li .portal-image img{margin:5px 5px 0;width:249px;height:302px;}
.listportal li:first-child{margin-left:0;}
.listportal li.listmore{width:124px;}
.listportal li.listmore .portal-title span{background:url(get-started/getstarted-i1.png) no-repeat center center;height:42px;display:block;}
.listportal li.listmore .portal-image{width:100%;position:relative;background:none;}
.listportal li.listmore .portal-image:before{opacity:.15;background:#fff;width:100%;height:100%;position:absolute;top:0;left:0;z-index:280;content:" ";border-radius:0 0 6px 6px;transition:opacity .2s;-webkit-transition:opacity .2s;}
.listportal li.listmore .portal-image span{background:url(get-started/getstarted-i2.png) no-repeat center center;width:100%;height:100%;position:absolute;top:0;left:0;z-index:290;}
.listportal li:hover{transform:translate(0,-3px);}
.listportal li:hover .portal-title::before{opacity:.8;}
.listportal li.listportalmore{display:none;}
.listportal li.listportalmore.visible{display:inline-block;}
.listportal li:nth-child(3n+1){clear:both;}



@media screen and (min-width: 320px) and (max-width:480px){
	.getstart .getst1{width:100%;}
	.getstart .getst1a{width:160px;}
	.getstart .getslist1 li{margin-left:0;}
	.getstart .getst1a{margin-left:40px;margin:0 auto;float:none;display:block;}
	.getstart .getst1a:first-child{margin:0 auto;}
	.portal .copyr2{float:none;width:100%;margin-left:0;text-align:center;display:block;}
	.portal .menuft2{float:none;width:100%;margin-left:0;text-align:center;display:block;padding-bottom:20px;}
}

@media screen and (min-width: 481px) and (max-width:720px){
	.getstart .getst1{width:100%;}
	.getstart .getst1a{width:160px;}
	.getstart .getslist1 li{margin-left:0;}
	.getstart .getst1a{margin-left:40px;}
	.getstart .getst1a:first-child{margin-left:12px;}
	.portal .copyr2{float:none;width:100%;margin-left:0;text-align:center;display:block;}
	.portal .menuft2{float:none;width:100%;margin-left:0;text-align:center;display:block;padding-bottom:20px;}
}

@media screen and (min-width: 721px) and (max-width:1082px){
	.getstart .getst1{width:584px;}
	.getstart .getst1a{width:160px;}
	.getstart .getslist1 li{margin-left:0;}
	.getstart .getst1a{margin-left:40px;}
	.getstart .getst1a:first-child{margin-left:12px;}
	.portal .copyr2{float:none;width:100%;margin-left:0;text-align:center;display:block;}
	.portal .menuft2{float:none;width:100%;margin-left:0;text-align:center;display:block;padding-bottom:20px;}
}





@media screen and (max-width: 940px){
	.wrap1{width:auto;}
	
	
	.footer{padding:0 8px;height:auto;padding-bottom:25px;}
	.footer-right{float:none;margin-top:0;padding-top:25px;width:100%;}
	.social{float:none;margin:0 auto;}
	.footer-menu{float:none;margin:20px 0 0 0;width:100%;text-align:center;display:block;}
	.footer-left{float:none;width:100%;}
	.changelang{float:none;margin:0 auto;}
	.copyright{margin-top:20px;text-align:center;}
	.changelang2{left:95px;top:0;}
	
	
	
}

@media screen and (max-width: 560px){
	
	.listportal{max-width:300px;margin:0 auto;}
	.listportal li{margin-left:0;}
	.site-title{font-size:18px;}
	
}

@media screen and (min-width: 1130px){
	
	.listportal{max-width:1130px;margin:0 auto;}
	.listportal li:nth-child(4n+1){margin-left:0;}
	
	
}

@media screen and (min-width: 840px) and (max-width: 1130px){

	.listportal li:nth-child(3n+1){margin-left:0;}
	.site-title{font-size:25px;}
}

@media screen and (min-width: 560px) and (max-width: 840px){
	
	.listportal li:nth-child(2n+1){margin-left:0;}
	.site-title{font-size:20px;}
}



.listportal li{
	width: 219px;
	margin-left: 20px;
}
.listportal li .portal-image{
	height: 270px;
}

.listportal li .portal-image img{
	width: 209px;
	height: 253px
}
.listportal li:nth-child(4n+1){
	margin-left: 20px;
}
.notification-free{
	position: absolute;
	top: -20px;
	left: -20px;
	height: 43px;
	line-height: 43px;
	width: 43px;
	border-radius: 43px;
	background: #77a641;
	text-align: center;
	color: #fff;
	font-family: ROBOTOCONDENSED;
	font-size: 14px;
	z-index: 10000;
}