@charset "utf-8";
/* CSS Document */
*{padding:0%;margin:0%;	}
@font-face {font-family:OpenSansSemibold;src:url('../fonts/OpenSans-Semibold.ttf');}	
@font-face {font-family:ProximaNovaSemibold;src:url('../fonts/ProximaNova-Semibold.otf');}
@font-face {font-family:OpenSansRegular;src:url('../fonts/OpenSans-Regular.ttf');}
@font-face {font-family:ProximaNovaRegular;src:url('../fonts/ProximaNova-Regular.otf');}
@font-face {font-family:ProximaNovaBold;src:url('../fonts/ProximaNova-Bold.otf');}
body{padding:0%; margin:0%; font-size:14px; font-family:OpenSansRegular; background:#fff;}
a{text-decoration:none !important;}
p{padding:0%;margin:0%;}
strong{font-weight: bold;}
.clear{ clear:both;}
.totalheader{border-top:6px solid #000000; background:#FFFFFF;}
.phonepartbg {float:left;width: 27px;}
.phonepart {padding:4px 0px 4px 40px;margin: 0px 0px 0px 27px;background: #101010;}
.phonepart ul{color: #fff; margin:0px; padding:0px;}
.phonepart ul li{ list-style-type:none; display:inline;}
.phonepart ul li a{font-family:OpenSansSemibold; font-size:15px; color:#fff; text-decoration:none; padding: 0 14px;}
.phonepart ul li a img{ margin-right:5px;}
.phonepart ul li a:hover{}
.nocursor{cursor:none;}
.logo {padding: 0px;margin: 0px;margin-top: -30px;}
.totalbanner {background: url(../images/banner.jpg) no-repeat;background-size: 100% 100%;padding: 186px 0px;}
.viewtotal{}
.viewtext{ font-family:ProximaNovaSemibold; color:#171717; font-size:40px; text-align:center;}
/*.viewlink {text-align: center;margin-top: 20px;}*/
.viewlink {text-align: center;margin-top:34px;}
.viewlink a{background:url(../images/button.png) no-repeat; padding:24px 126px; background-size:99% 96%;}
.viewlink a:hover{background:url(../images/button_hover.png) no-repeat; padding:24px 126px; background-size:99% 96%;}
.totaldirect {padding: 46px 0px;margin: 0px;}
.directext{ font-family:ProximaNovaSemibold; font-size:25px; color:#191919; line-height:22px; margin-bottom:10px;}
.directpara{ font-family:OpenSansRegular; font-size:14px; color:#232323; line-height:22px; margin-top:15px;}
.totalmount{background:url(../images/mount.jpg) no-repeat;background-size: 100% 100%;}
.magazines img{ float:right; padding:18px 0px;}
.artworktotal{ padding:20px; border:2px solid #141414;}
.looborder{ border:1px dashed #141414; margin-bottom: 12px;}
.arttext{ font-family:ProximaNovaRegular; font-size:16px; color:#141414;margin-bottom: 12px;overflow: hidden;}
.arttext img {margin-right:10px;width:13px;float:left;margin-top:3px;}
.artpara{float: left;width: 92%;}
.blackline{ text-align:center;}
.artboldup{ font-family:ProximaNovaBold; font-size:24px; color:#141414; text-align:center;}
.artbold{ font-family:ProximaNovaBold; font-size:20px; color:#141414; font-style:italic;margin-bottom: 12px;}
.moreknow {text-align: center;padding: 0px;margin-top: 22px;}
.moreknow a {background: url(../images/button2.png) no-repeat;padding: 12px 100px;background-size: 100% 98%;}
.moreknow a:hover {background: url(../images/button2_hover.png) no-repeat;padding: 12px 100px;background-size: 100% 98%;}
.bluebg{background: rgba(60, 199, 221, 0.37);padding: 30px;}
.totalcoustomerbg{background:url(../images/testimonial-bg.jpg) no-repeat;background-size: 100% 100%;padding: 25px 0px;}
.customertext{ font-family:ProximaNovaSemibold; color:#191919; font-size:32px; text-align:center;}
.inderline{ text-align:center;margin-bottom: 10px;}
.textiimg {float: left;margin-right:13px;}
.textired{ font-family:ProximaNovaBold; font-size:15px; color:#ce0617;}
.textired2{ font-family:ProximaNovaBold; font-size:15px; color:#191919;}
.carousel-control.left {background:none;}
.carousel-control.right {background:none;}
.totalfooter{ background:#191919;padding:10px 0px;}
.footertext{ font-family:OpenSansRegular; font-size:15px; color:#fff;margin-top: 8px;}
.footersocial{ padding:0px; margin:0px; float:right;}
.footersocial ul{ padding:0px; margin:0px;}
.footersocial ul li{list-style-type:none; display:inline;}
.footersocial ul li a{padding:0 1px;}
.footersocial ul li a:hover{padding:0 1px;}
.desktopcustest{ display:block;}
.mobilecustest{ display:none;}

@media only screen  and  (max-width:800px){
	.logo {margin-top: 0px;text-align: center;}
	.phonepart {padding: 4px 0px 4px 0px;text-align: center; margin:0px;}
	.totalbanner {padding:94px 0px;}
	.viewtext {font-size: 22px;}
	.viewlink img {width: 44%;}
	.magazines {text-align: center;}
	.magazines img {float: none;text-align: center; width:70%;}
	.footertext {margin-bottom: 10px;text-align: center;}
	.footersocial {float: none;text-align: center;margin-bottom: 6px;}
	.desktopcustest{ display:none;}
	.mobilecustest{ display:block;}
	img.phonepartbg {display: none;}
}
@media only screen  and  (max-width:667px){
	.viewlink a {padding: 15px 100px;}
	.viewlink a:hover{padding: 15px 100px;}
}
@media only screen  and  (max-width:500px){
	.logo img {width: 100%;}
	.totalbanner {padding: 44px 0px;}
	.totaldirect {padding: 4px 0px; margin-bottom: 20px;}
	.directext {font-size: 20px;}
	.artboldup {font-size: 16px;}	
	.artbold {font-size: 16px;}
	.viewlink img {width: 64%;}
	.moreknow img {width: 64%;}
	.footertext {font-size:8px;}
	.customertext {font-size: 20px;}
	.phonepart ul li a {font-size: 12px;}
	.bluebg {padding: 5px;}
	.viewtext {font-size: 16px;}
	.viewlink {margin-top: 16px;}
	.viewlink a {padding: 6px 62px;}
	.viewlink a:hover{padding: 6px 62px;}
	.arttext {font-size: 14px;}
	.moreknow a {padding: 7px 75px;}
	.moreknow a:hover{padding: 7px 75px;}
	.textired {font-size: 13px;}
	.textired2 {font-size: 11px;}
}
@media only screen  and  (max-width:320px){
	.totalbanner {padding: 40px 0px;}
	.phonepart ul li a img {width:7%;}
	.viewtext {font-size: 12px;}
	.directext {font-size: 16px;margin-bottom: 0px;}
	.directpara { margin-top: 4px;font-size: 13px;line-height: 20px;}
	.phonepart ul li a {font-size: 10px;}
	.phonepart {padding: 6px 0px 6px 0px;}
	.artboldup {font-size: 14px;}
	.artpara {width: 90%;}
}