*{margin:0;padding:0;}
html,header,footer,article,nav,section {display:block;}
html {background:url(../images/main_bg.jpg) repeat;}
body {background:url(../images/banner_bg.jpg) repeat-x top;font-family:"Century Gothic",'Carrois Gothic', sans-serif;}
.inner_bg {background:url(../images/inner_bg.jpg) repeat-x top;}
header {width:100%;background:url(../images/main_header.jpg) repeat-x top;}
header div {width:1000px;margin:0 auto;overflow:hidden;}
header div .logo {position:relative;z-index:3;display:inline-block;height:70px;width:310px;text-align:center;float:left;margin:0;}
header div .logo:before {position:absolute;content:"";height:150px;width:300px;background:url(../images/header_bg.png) repeat-x top #875fd2;left:0px;z-index:-1;border-radius:0 0 200px 200px;border-bottom:solid 5px #b494f2;}
header div .logo a {background:url(../images/header_bg.png) repeat-x top #875fd2;width:310px;height:70px;display:inline-block;}
header div .logo img {border:none;}
.nav_bar {display:none;}
nav {width:680px;float:right;display:block;}
nav ul {display:block;text-align:right;overflow:hidden;}
nav ul li {display:inline-block;margin:18px 20px;}
nav ul li a {background:#a883ed;display:block;text-align:center;color:#FFF;text-decoration:none;font-weight:bold;font-size:1em;padding:0 20px;line-height:34px;border-radius:3px;text-shadow:rgba(0,0,0,.5) 1px 1px 1px;transition:all ease .5s;}
nav ul li a:hover,nav ul li a.active {color:#a883ed;background:#FFF;text-shadow:none;box-shadow:rgba(0,0,0,.3) 0px 3px 3px;}
header div .slogen {display:block;width:100%;float:right;text-align:right;font-size:25px;padding:30px 0;}
header div .slogen b {font-size:30px;color:#b7033e;font-style:italic;}

h1 {font-size:23px;color:#494949;text-transform:uppercase;font-weight:normal;line-height:50px;margin-bottom:10px;margin-top:25px;}
h1 b {color:#7042e6;font-weight:bold;}
.fl_r {float:right;}
.fl_l {float:left;}

section {width:1000px;margin:0 auto;}
.strength {display:block;overflow:hidden;}
.strength li {display:inline-block;float:left;width:140px;margin:0 40px;position:relative;background:#7981e3;padding:31px 15px;text-align:center;color:#FFF;font-size:22px;line-height:30px;}
.strength li:after {position:absolute;content:"";width: 0; height: 0; border-top: 61px solid transparent;border-bottom: 61px solid transparent;border-left: 61px solid #7981e3;top:0;right:-60px;}
.strength li:before {position:absolute;content:"";width: 0; height: 0; border-top: 61px solid #7981e3;border-bottom: 61px solid #7981e3;border-left: 61px solid transparent;top:0;left:-60px;}
.strength li:first-child {margin-left:0;border-radius:5px 2px 2px 5px;padding:31px 0px 31px 30px;width:160px;}
.strength li:first-child:before {position:absolute;content:"";width: 0; height: 0; border-top: none;border-bottom:none;border-left:none;top:0;left:0px;}
.strength li:after {position:absolute;content:"";width: 0; height: 0; border-top: 61px solid transparent;border-bottom: 61px solid transparent;border-left: 61px solid #7981e3;top:0;right:-60px;}
.strength li + li {background:#e32f80;border-radius:0px 2px 2px 0px;}
.strength li + li:before {border-top: 61px solid #e32f80;border-bottom: 61px solid #e32f80;border-left: 61px solid transparent;}
.strength li + li:after {border-top: 61px solid transparent;border-bottom: 61px solid transparent;border-left: 61px solid #e32f80;}
.strength li + li + li {background:#dbbc0f;border-radius:0px 2px 2px 0px;}
.strength li + li + li:before {border-top: 61px solid #dbbc0f;border-bottom: 61px solid #dbbc0f;border-left: 61px solid transparent;}
.strength li + li + li:after {border-top: 61px solid transparent;border-bottom: 61px solid transparent;border-left: 61px solid #dbbc0f;}
.strength li + li + li + li {background:#08aab8;border-radius:0px 2px 2px 0px;}
.strength li + li + li + li:before {border-top: 61px solid #08aab8;border-bottom: 61px solid #08aab8;border-left: 61px solid transparent;}
.strength li + li + li + li:after {border-top: 61px solid transparent;border-bottom: 61px solid transparent;border-left: 61px solid #08aab8;}

.row_fluid {width:100%;overflow:hidden;}
.span_8 {display:inline-block;float:left;width:65%;margin-right:2%;}
.span_4 {display:inline-block;float:left;width:30%;margin-left:3%;}
article {display:block;background:#FFF;box-shadow:rgba(0,0,0,.5) 0px 0px 5px;border-radius:5px;font-size:15px;color:#494949;overflow:hidden;margin:5px;}
article p {padding:15px;line-height:22px;}
article .link {color:#b6013c;font-size:18px;font-weight:bold;text-decoration:none;display:inline-block;float:right;margin:10px 15px 10px 15px;text-transform:uppercase;}
.mgn_l_0 {padding-left:0;padding-bottom:0;padding-top:0;}

.span_4 .contact_span {display:inline-block;width:50px;font-weight:bold;}
.font_b {font-size:22px;margin-bottom:10px;display:block;}
.contact_lines {line-height:24px;}

footer {margin-top:25px;width:100%;background:#474747;}
.footer_light {background:#515050;text-align:center;}
.footer_light li {display:inline;}
.footer_light li a {color:#d5d5d5;text-decoration:none;font-size:12px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;padding:0 15px;line-height:50px;}
.footer_dark {display:block;width:1000px;overflow:hidden;margin:0 auto;}
.footer_dark ul {display:block;overflow:hidden;margin:15px 0;}
.footer_dark ul li {float:left;display:inline-block;width:320px;background:#e0e0e0;overflow:hidden;height:150px;margin:15px 6px;}
.footer_dark ul li .img {display:inline-block;vertical-align:middle;width:50%;text-align:center;}
.footer_dark ul li .txt {display:inline-block;vertical-align:middle;width:45%;height:100px;margin:25px 0;}
.footer_dark ul li .txt h2 {text-transform:uppercase;font-size:20px;color:#494949;}
.footer_dark ul li .txt h2 b {color:#7042e6;}
.footer_dark ul li .txt label {color:#b6013c;font-size:14px;}
.footer_dark ul li:first-child .img{width:35%;}
.footer_dark ul li:first-child .txt{width:60%;}
.footer_dark ul li:last-child .txt {text-align:center;}

footer .row_fluid {width:1000px;margin:0 auto;color:#d5d5d5;font-size:12px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;padding-bottom:15px;}
footer .row_fluid a {color:#d5d5d5;text-decoration:none;}

.products {margin:15px;overflow:hidden;}
.products li {display:inline-block;float:left;width:210px;margin:15px;}
.products li img {width:100%;box-shadow:rgba(0,0,0,.3) 0px 0px 5px;padding:5px;}

.contact {margin:15px;overflow:hidden;}
.contact input[type=text],
.contact input[type=email],
.contact input[type=number],
.contact textarea {border:solid 1px #d3d3d3;font-family:"Century Gothic",'Carrois Gothic', sans-serif;width:80%;padding:8px 5px;margin:10px 0;resize:none;border-radius:5px;}
.contact input[type=submit]{display:inline-block;background:#7042E6;font-weight:normal;font-family:"Century Gothic",'Carrois Gothic', sans-serif;text-align:center;color:#FFF;border:none;padding:8px 20px;font-size:1em;text-transform:uppercase;cursor:pointer;}

.ValidationErrors {}
.ErrorField {border:solid 1px #fd6969 !important;color:#F00 !important;box-shadow:rgba(255,171,171,1) 0px 0px 5px;-webkit-box-shadow:rgba(255,171,171,1) 0px 0px 5px;}	

.pop_up_box {display:block;position:fixed;width:100%;height:100%;z-index:20;top:0px;left:0px;text-align:center;z-index:9999999999;}
.pop_up {display:inline-block;width:500px;vertical-align:middle;overflow: auto;max-height:90%; background:#f7f7f7;box-shadow:rgba(0,0,0,.5) 0px 0px 5px;/*border-radius:10px*/}
.pop_up .box {}
.pop_up .box h1 {background:#845ccf;height:40px;/* border-radius:5px 5px 0px 0px;*/ color:#fff; font-weight:normal; font-size:20px;margin-top:0px;text-transform:capitalize;}
.pop_up .box h1 span{display:inline-block;/* text-shadow:1px 1px 10px #FFF*/}
.pop_up .box h1 img {width:25px;height:25px;float:right; margin:8px;}
.pop_up .box p {margin:40px auto 55px auto ; width:367px;overflow:hidden}
.pop_up .box p label {color:#2f2f2f;font-size:14px; float:left;width:287px;margin-left:20px}
.pop_up .box p label span{font-size:17px; display:block;line-height:30px; font-weight:bold}
.pop_up .box p .img {width:50px;margin-bottom:5px;display:inline-block;vertical-align:middle;float:left}
.pop_up .box p .img img {width:50px}
.middle {display:inline-block;height:100%;vertical-align:middle}

.mail {color:#7042E6;text-decoration:none;}
.mail:hover {text-decoration:underline;}
@media screen and (min-width:581px) and (max-width:960px){
	header div {width:100%;}
	header div .logo:before {left:50%;margin-left:-150px;}
	header div .logo {display:block;height:75px;width:100%;text-align:center;}
	header div .logo img {border:none;}
	
	.nav_bar {display:block;text-align:right;}
	.nav_bar a {background:#a883ed;padding:10px 15px 5px 15px;border-radius:3px;margin:20px;display:inline-block;}
	nav {width:100%;display:none;background:url(../images/header_bg.png) repeat;}
	nav ul li{display:block;margin:0px;margin:15px;}	
	section {width:98%;margin:0 auto;}
	header div .slogen {width:100%;text-align:center;position:relative;padding:15px 0;}
	
	.strength li {width:16%;margin:0 3.5%;padding:14px 1%;font-size:1.2em;line-height:24px;}
	.strength li:after {border-top: 2em solid transparent;border-bottom: 2em solid transparent;border-left: 2em solid #7981e3;right:-27%;}
	.strength li:before {border-top: 2em solid #7981e3;border-bottom: 2em solid #7981e3;border-left: 2em solid transparent;left:-27%;}
	.strength li:first-child {margin-left:1%;padding:14px 0 14px 3%;width:15%;}
	.strength li:first-child:before {}
	.strength li:after {border-top: 2em solid transparent;border-bottom: 2em solid transparent;border-left: 2em solid #7981e3;right:-27%;}
	.strength li + li {}
	.strength li + li:before {border-top: 2em solid #e32f80;border-bottom: 2em solid #e32f80;border-left: 2em solid transparent;}
	.strength li + li:after {border-top: 2em solid transparent;border-bottom: 2em solid transparent;border-left: 2em solid #e32f80;}
	.strength li + li + li {}
	.strength li + li + li:before {border-top: 2em solid #dbbc0f;border-bottom: 2em solid #dbbc0f;border-left: 2em solid transparent;}
	.strength li + li + li:after {border-top: 2em solid transparent;border-bottom: 2em solid transparent;border-left: 2em solid #dbbc0f;}
	.strength li + li + li + li {}
	.strength li + li + li + li:before {border-top: 2em solid #08aab8;border-bottom: 2em solid #08aab8;border-left: 2em solid transparent;}
	.strength li + li + li + li:after {border-top: 2em solid transparent;border-bottom: 2em solid transparent;border-left: 2em solid #08aab8;}
	
	.row_fluid {width:100%;overflow:hidden;}
	.span_8 {display:block;float:left;width:100%;margin-right:0;}
	.span_4 {display:block;float:left;width:100%;margin-left:0;}
	
	.footer_dark {width:98%;margin:0 auto;}
	.footer_dark ul li {width:30%;margin:1.5%;height:auto;}
	.footer_dark ul li .img,.footer_dark ul li:first-child .img {display:block;width:100%;margin:10px auto 0px auto;}
	.footer_dark ul li .txt,.footer_dark ul li:first-child .txt {display:block;width:100%;text-align:center;margin:5px auto;}
	footer .row_fluid {width:96%;margin:0 auto;}
	
	.nav_bar_bg {background:url(../images/header_bg.png) repeat;}
	
	.inner_bg h1 {margin-top:10px;line-height:30px;text-align:center;}
	.products li {display:inline-block;float:left;width:46%;margin:2%;}
	.products li img {width:90%;box-shadow:rgba(0,0,0,.3) 0px 0px 5px;padding:5%;}
}
@media screen and (max-width:580px){
	header div {width:100%;}
	header div .logo:before {left:50%;margin-left:-125px;height:120px;width:250px;}
	header div .logo {display:block;height:75px;width:100%;text-align:center;}
	header div .logo img {border:none;width:70%;}
	
	.nav_bar {display:block;text-align:right;}
	.nav_bar a {background:#a883ed;padding:10px 15px 5px 15px;border-radius:3px;margin:5px;display:inline-block;}
	nav {width:100%;display:none;background:url(../images/header_bg.png) repeat;}
	nav ul li{display:block;margin:0px;margin:15px;}	
	section {width:98%;margin:0 auto;}
	header div .slogen {width:100%;text-align:center;position:relative;padding:5px 0;font-size:1em;}
	header div .slogen b {display:block;}
	
	h1 {text-align:center;line-height:30px;margin-bottom:10px;margin-top:25px;}
	
	.row_fluid {width:100%;overflow:hidden;}
	.span_8 {display:block;float:left;width:100%;margin-right:0;}
	.span_4 {display:block;float:left;width:100%;margin-left:0;}
	
	footer {margin-top:25px;width:100%;background:#474747;}
	.footer_dark {display:block;width:100%;overflow:hidden;margin:0 auto;}
	.footer_dark ul {display:block;overflow:hidden;margin:15px 0;}
	.footer_dark ul li {float:left;display:inline-block;width:95%;background:#e0e0e0;height:auto;margin:15px 2.5%;}
	.footer_dark ul li .img {display:inline-block;vertical-align:middle;width:50%;text-align:center;}
	.footer_dark ul li .txt {display:inline-block;vertical-align:middle;width:45%;height:100px;margin:25px 0;}
	.footer_dark ul li .txt h2 {text-transform:uppercase;font-size:1.1em;color:#494949;}
	.footer_dark ul li .txt h2 b {color:#7042e6;}
	.footer_dark ul li .txt label {color:#b6013c;font-size:12px;}
	.footer_dark ul li:first-child .img{width:40%;}
	.footer_dark ul li:first-child .txt{width:55%;}
	.footer_dark ul li:last-child .txt {text-align:center;}
	
	footer .row_fluid {width:100%;}
	footer .row_fluid span {display:block;text-align:center;float:inherit;}
	
	.nav_bar_bg {background:url(../images/header_bg.png) repeat;}
	.products li {display:inline-block;float:left;width:90%;margin:5%;}
	.products li img {width:90%;box-shadow:rgba(0,0,0,.3) 0px 0px 5px;padding:5%;}
	.contact input[type=text],
	.contact input[type=email],
	.contact input[type=number],
	.contact textarea {width:90%;}
}
@media screen and (max-width:767px){
	.strength li {width:90%;margin:10px 5%;padding:14px 0;font-size:1.2em;line-height:24px;text-align:center;border-radius:5px;}
	.strength li:after {border-top: 2em solid transparent;border-bottom: 2em solid transparent;border-left: 2em solid #7981e3;right:-27%;}
	.strength li:before {border-top: 2em solid #7981e3;border-bottom: 2em solid #7981e3;border-left: 2em solid transparent;left:-27%;}
	.strength li:first-child {width:90%;margin:10px 5%;padding:14px 0;font-size:1.2em;line-height:24px;text-align:center;border-radius:5px;}
	.strength li:first-child:before {}
	.strength li:after {border-top: 2em solid transparent;border-bottom: 2em solid transparent;border-left: 2em solid #7981e3;right:-27%;}
	.strength li + li {border-radius:5px;}
	.strength li + li:before {border-top: 2em solid #e32f80;border-bottom: 2em solid #e32f80;border-left: 2em solid transparent;}
	.strength li + li:after {border-top: 2em solid transparent;border-bottom: 2em solid transparent;border-left: 2em solid #e32f80;}
	.strength li + li + li {border-radius:5px;}
	.strength li + li + li:before {border-top: 2em solid #dbbc0f;border-bottom: 2em solid #dbbc0f;border-left: 2em solid transparent;}
	.strength li + li + li:after {border-top: 2em solid transparent;border-bottom: 2em solid transparent;border-left: 2em solid #dbbc0f;}
	.strength li + li + li + li {border-radius:5px;}
	.strength li + li + li + li:before {border-top: 2em solid #08aab8;border-bottom: 2em solid #08aab8;border-left: 2em solid transparent;}
	.strength li + li + li + li:after {border-top: 2em solid transparent;border-bottom: 2em solid transparent;border-left: 2em solid #08aab8;}
}