/* CSS Document */
h3{ margin:0;}
a { text-decoration:none;}
/*.font2 { font-size:13px; color:#eee; margin-top:16px; margin-bottom:9px;}
.font3 { font-size:30px; color:#fff; font-weight:600;}*/

.font4 { font-size:19px; color:#333; font-weight:600;}
.font5 { font-size:14px; color:#777;}
.font5s{ color:#444; line-height:24px; margin-top:20px;}
.font6,.font6 a { color:#0095cd;}
.font7 { font-size:30px; text-align:center; margin:50px auto 30px auto; font-weight:500;}
.font7s{ font-size:30px; text-align:center; margin:20px auto;}
.font8 { font-size:18px; color:#222;}
.font9 { font-size:16px; color:#222;}
.font9 a{color:#222;}
.font9 a:hover{ text-decoration:underline;}
.font10{ font-size:20px; color:#333; text-align:center;}
.font11{ font-size:14px; color:#666; padding:0 25px;}
.font12{ font-size:18px; color:#fff; padding-right:80px;}

.bann  { padding-top:78px;}

/*resources.html*/
.productbor p{ color:#222; }
.productbor a{ color:#008dd2; }
.productbor a:hover{ text-decoration:underline;}
.totop { text-align:right; margin:0 0 2% 0; padding-right:2%;}
.res_lf{ float:left; width:18%;}
.res_ri{ float:left; width:82%;}

.banner-lfs .font2{ margin-bottom:0;}
.conta-lf{ float:left; width:44%; margin-top:30px;}
.conta-ri{ float:left; width:56%; margin-top:30px;}

.conta-three{ float:left; width:54%; color:#666;}
.conta-five { float:right;width:42%; color:#666;}
/*.conta-four {float:left; width:3%;}
.conta-left {float:left; width:42%; color:#666;}
.conta-five {float:left; width:42%; color:#666;}*/

.conta-ths { font-size:20px; color:#eee; line-height:40px; height:47px; background:url(../images_new/buttons/benifits.png);}
.conta-fis { font-size:20px; color:#eee; line-height:40px; height:47px; background:url(../images_new/buttons/testimonials.png);}
.conta-six { width:100%; height:50px; line-height:40px; background:url(../images_new/buttons/mas-faq.png);overflow:hidden;}
.conta-sixs{ width:100%; height:50px; line-height:40px; background:url(../images_new/buttons/tech-faq.png);overflow:hidden;}
.conta-ser { float:left; width:49%; margin-bottom:40px; font-size:15px;}
.conta-ser p{padding-left:32px; line-height:19px; background:url(../images/icon/icon02.png);background-repeat:no-repeat;}
.conta-ser a{color:#008dd2;}
.conta-ser a:hover{color:#026b9f; text-decoration:underline;}
.conta-ser font { font-size:24px; color:#008dd2; line-height:40px;}
.conta-ser span { font-size:16px; color:#444;}
.conta-ser b { font-size:22px; line-height:40px;}

.conta-eig { float:right;width:49%; margin-bottom:40px; font-size:15px;}
.conta-eig p{padding-left:32px; line-height:19px; background:url(../images/icon/icon02.png);background-repeat:no-repeat;}
.conta-eig a{color:#008dd2;}
.conta-eig a:hover{color:#026b9f; text-decoration:underline;}
.conta-eig font { font-size:24px; color:#008dd2; line-height:40px;}
.conta-eig span { font-size:16px; color:#444;}
.conta-eig b { font-size:20px; line-height:40px;}

.conta-btn {float:right; text-align:center;}
.conta-btn a:hover{text-decoration:underline;}
.btn-le{display:inline-block;width:160px;height:30px;line-height:30px;text-align:center;color:#0095cd;border-radius:5px;font-size:18px;border:1px solid #0095cd; margin-right:12px;}
.btn-ri{display:inline-block;padding:0 4px;height:30px;line-height:30px;text-align:center;color:#0095cd;border-radius:5px;font-size:18px;border:1px solid #0095cd; margin-top:5px;}
.btn-ri s{ font-size:14px;}

.prod {padding:20px 0; overflow:hidden; clear:both;}
.prod .prod_text{float:left; width:63%; font-size:14px; color:#777;}
.prod .prod_img {float:left; width:37%; text-align:center;}
.prod .prod_img img{width:96%; height:auto;margin-right: 4%}

.prod-a{ float:left; width:33%; height:auto;}
.prod-b{ float:left; width:33%; min-height:345px; border-left:1px solid #bbb; border-right:1px solid #bbb;}
.prod-c{ text-align:center; margin-bottom:60px;}
.prod-c a:hover{text-decoration:underline;}

.btns{display:inline-block;width:215px;height:45px;line-height:45px;text-align:center;color:#fff;border-radius:5px;font-size:20px; margin-right:12px; margin-top:6px;}
.prod-cola {background:#ec6d06;}
.prod-colb {background:#06abd9;}
.prod-colc {background:#8fc201; font-size:14px; line-height:50px;}

.contb { width:100%; height:auto; margin:0; background-color:#eee;}
.contb-cont{font-size:30px; text-align:center;}
.contb-min {width:82%; margin:auto;}
.contb-lf { float:left; width:27%; height:auto; margin:4% 3%; text-align:center;}

.contc { width:90%; margin:auto; /*border:1px solid #999;*/}
.contc-lf{ float:left; width:35%; padding:1%; font-size:17px; color:#333;}
.contc-ri{ float:left; width:95%; padding:1%; font-size:15px; color:#666;}

/*Start the Screens */
#screens-container {overflow:hidden; width:950px!important; margin:60px auto; clear:both;}
#screens-container .title {margin:0 0 20px 0; font-size:30px; font-weight: 200; text-align:center; }
#screens-container ul{ position:relative; text-align:center; list-style-type:none; padding:0;}
#screens-container li{ width:950px; float:left; position:relative;}
#screens-container li span{display:block;line-height:28px;width:100%; padding-bottom:13px;font-weight:400;}
#screens-container #gallery img{ max-width:100%;}
#screens-container .btn{width:100%;text-align:center;height:20px;}
#screens-container .btn span{display:inline-block;width:13px;height:13px;background:#111;overflow:hidden;font-size:0;margin-right:4px;border-radius:20px;}
#screens-container .btn span.on{background:#0CC;}


.table2 td:nth-child(2) ,.table2 td:last-child{text-align: center}
@media all and (max-width:768px){
.productwrapper p{ font-size:14px; }
#screens-container,#screens-container li{width:640px!important}
.navsp li {margin-left:13px; margin-right:13px;}
.contc { width:100%;}	
}
@media all and (max-width:640px){
#screens-container,#screens-container li{width:480px!important}	
}
@media all and (max-width:480px){
	#screens-container,#screens-container li{width:310px!important}
	.font3 { font-size:20px;}
	/*.banner-ris {display:none;}*/
	.contb-lf{float:none; width:220px; margin:4% auto;}
	.prod-a { float:none; width:100%; margin:auto; }
	.prod-b { float:none; width:100%; margin:auto; border-left:0; border-right:0;}
	.conta-ser { float:none; width:99%;}
	.conta-eig { float:none; width:99%;}
}
@media all and (max-width:360px) {
	.res_lf{ width:35%;}
	.res_ri{ width:96%;}
	
	.banner-ris {display:block;}
	.conta-lf {width:300px;}
	.conta-ri {width:300px;}
	.prod .prod_text{width:290px;}
	.prod .prod_img {width:300px;}
	.conta-three{width:300px;}
	.conta-five {width:300px;}
}