body{ padding:0; margin:0; color:#515151; font-size:15px; font-family:'ProximaNovaRegular';}
h1,h2,h3,h4,h5,h6,p{ padding:0; margin:0;} 
li,ol,ul{ padding:0; margin:0; list-style:none;}
.float_left{ float:left;}
.float_right{ float:right;}
.clear{ clear:both;}

img { border:none;}
h1{ font-family: 'ProximaNovaSemibold'; font-size:20px; color:#63ab43; font-weight:normal;}
h2{ font-family: 'ProximaNovaSemibold'; font-size:20px; color:#b7b7b8;}
h3 { font-size:13px; color:#a6a6a7; text-transform:uppercase; padding:0 0 10px 0; margin:0; font-weight:normal;}
h4 { font-size:17px; color:#a6a6a7; text-transform:uppercase; padding:0 0 10px 0; margin:0; font-weight:normal;}
.start_design { font-size:25px; color:#FFF;  padding:17px 600px 10px 0; margin:0; font-weight:normal;}
p{ font-family: 'ProximaNovaLight'; font-size:19px; color:#515151; padding: 13px 0 0 0;}
span{ font-size:110px; color:#dcdcdc; font-family:'ProximaNovaBold'; float:right; padding:0; margin: -11px 0 0 0;}
a{ font-size:13px; color:#a6a6a7; text-decoration:none;}
a:hover{ color:#FFFFFF;}

/*---main page start here---*/
.page_contaniar{ width:100%; height:auto; margin:0 auto;}
.header{ width:100%; height:104px; margin:0 auto; background:url(../images/header-bg.png) repeat-x center top;}
.header-inner{ width:950px; height:auto; margin:0 auto;}
#logo{ float:left; width:251px; margin: 15px 0 0 0;}
.header-right{ width:600px; height:auto; float:right; margin: 10px 0 0 0; }
.search_block{ width:249px; height:auto; float:right; position:relative; margin: 0 14px 0 0;}
.input_bg{  width:165px; height:31px; border-radius:5px; background:url(../images/input-bg.png) repeat-x left top; font-size:12px; color:#aeb0b5; padding-left:7px; border:none; text-transform:uppercase;font-family:'ProximaNovaRegular';}
.search-icon{ position:absolute; right:84px; top:6px; float:left;}
.icons{ float:right; width:67px; margin: 0 0px 0 0;}
.icons img{ -moz-transition: all 0.25s ease-out 0s; -webkit-transition: all 0.25s ease-out 0s;}
.icons img:hover{opacity:.6;}

.nav{ width:600px; height:auto; float:right; margin: 32px 0 0 0;}
.nav ul{ padding:0; margin:0;}
.nav ul li{ padding:0 0 0 31px; margin:0; list-style:none; float:left;}
.nav ul li a{ font-size:16px; color:#4c4d4f; text-decoration:none; padding-bottom:10px;}
.nav ul li a:hover,
.nav ul li a.active{ background:url(../images/nav-active.png) no-repeat center bottom; color:#7dc042;}
/*---header end here----*/

/*--banner start here--*/
.bannner{ width:100%; height:auto; margin:0 auto;}
.banner-pic{ width:100%; height:394px; background:url(../images/banner1.png) no-repeat top center;}
.slider_block{ width:950px; height:112px;  margin:0 auto;}
.slide_content{ width:357px; height:112px; float:left; margin: -48px 0 0 0;}

/*---banner end here----*/


/*---mider start here--*/
.mider{ width:100%; height: auto; margin:0 auto; background:url(../images/mid-bg.png) repeat center top; padding:  0 0 53px 0;}
.four-boxes{ width:950px; height:500px; margin:0px auto; position:relative;}
.four-boxes h2{ font-family: 'ProximaNovaSemibold'; font-size:20px; color:#b7b7b8; font-weight:normal;}
.first-box{ width:220px; height:auto; float:left; margin: 95px 25px 0 0; text-align:center;}
.first-box img{-moz-transition: all 0.25s ease-out 0s; -webkit-transition: all 0.25s ease-out 0s;}
.shadow{ float:left; margin: 0px 0 10px 0; background:url(../images/shadow.png) no-repeat center bottom; width:197px; height:250px; padding-bottom:21px; }

a.firstboximg
{
background:url(../images/money.png) no-repeat; width:186px;
height:252px; float:left;-moz-transition: all 0.25s ease-out 0s; -webkit-transition: all 0.25s ease-out 0s;
}

.first-box:hover a.firstboximg 
{
background:url(../images/money-active.png) no-repeat !important; float:left; display:block; margin: -20px 0 0px 0; 
}


.first-box:hover h2{ color:#57a444;}




.second-box{ width:220px; height:auto; float:left; margin: 96px 20px 0 0; text-align:center;}
.second-box img{-moz-transition: all 0.25s ease-out 0s; -webkit-transition: all 0.25s ease-out 0s;}
a.secondboximg
{background: url(../images/store.png) no-repeat; width:186px;height:265px; margin: -13px 0 0 0; float:left;-moz-transition: all 0.25s ease-out 0s; -webkit-transition: all 0.25s ease-out 0s;}

.second-box:hover a.secondboximg 
{background: url(../images/store-active.png) no-repeat !important; float:left; display:block; margin: -35px 0 0px 0; }
.second-box:hover h2{ color:#57a444;}


.third-box{ width:220px; height:auto; float:left; margin: 96px 20px 0 0; text-align:center;}
.third-box img{-moz-transition: all 0.25s ease-out 0s; -webkit-transition: all 0.25s ease-out 0s;}
a.thirdboximg
{background: url(../images/purchage.png) no-repeat; width:186px;height:252px; float:left;-moz-transition: all 0.25s ease-out 0s; -webkit-transition: all 0.25s ease-out 0s;}

.third-box:hover a.thirdboximg 
{background: url(../images/purchage-active.png) no-repeat !important; float:left; display:block; margin: -20px 0 0px 0; }
.third-box:hover h2{ color:#57a444;}


.four-box{ width:220px; height:auto; float:left; margin: 96px 0 0 0; text-align:center;}
.four-box img{-moz-transition: all 0.25s ease-out 0s; -webkit-transition: all 0.25s ease-out 0s;}
a.fourboximg
{background: url(../images/record_keep.png) no-repeat; width:186px;height:252px; float:left;-moz-transition: all 0.25s ease-out 0s; -webkit-transition: all 0.25s ease-out 0s;}

.four-box:hover a.fourboximg 
{background: url(../images/record-keep-hover.png) no-repeat !important; float:left; display:block; margin: -20px 0 0px 0; }
.four-box:hover h2{ color:#57a444;}

.online-store{ width:950px; height:116px; margin:0 auto; background: url(../images/bottom-bg.png) no-repeat center top; position:absolute; top:-30px }
.get_started_button{ position:absolute; right:11px; top:9px;}
.get_started_button img{-moz-transition: all 0.25s ease-out 0s; -webkit-transition: all 0.25s ease-out 0s;}
.get_started_button img:hover{ opacity:.7;}
.content{ width:950px; height:auto; margin:79px 0 49px 0; float:left;}
.footer{ width:100%; height: auto; float:left; background:url(../images/footer-bg.png) repeat-x left top #4c4d4f;}
.footer p{ font-size:13px; color:#a6a6a7;  padding:0 0 8px 0; margin:0;}
.footer_inner{ width:950px; height:auto; position:relative; margin:0 auto; }
.footer-nav{ width:130px; height:auto; float:left; margin: 0px 55px 0 0;}
.footer-nav ul{ padding:0; margin:0;}
.footer-nav ul li{ padding:0px 0 9px 0;  list-style:none; margin:0;}
.footer-nav ul li a{ font-size:13px; color:#a6a6a7; text-decoration:none; -moz-transition: all 0.25s ease-out 0s; -webkit-transition: all 0.25s ease-out 0s;}
.footer-nav ul li a:hover{  color:#FFFFFF}

.footer-nav_left{ width:73px; height:auto; float:left;}
.footer-nav_right{ float:left;}

.legal_link{ width:117px; height:auto; float:left; margin: 0px 0px 0 0;}
.legal_link ul{ padding:0; margin:0;}
.legal_link ul li{ padding:0px 0 9px 0;  list-style:none; margin:0;}
.legal_link ul li a{ font-size:13px; color:#a6a6a7; text-decoration:none; -moz-transition: all 0.25s ease-out 0s; -webkit-transition: all 0.25s ease-out 0s;}
.legal_link ul li a:hover{  color:#FFFFFF}

.quick-contact{ width:170px; height:auto; float:left; margin-right:38px;}
.social-link{ width:90px; height:auto; float:left; margin-right:48px;}
.social-link img{ float:left; -moz-transition: all 0.25s ease-out 0s; -webkit-transition: all 0.25s ease-out 0s; padding-right:5px}
.social-link img:hover{ opacity:.7;}

.newsletter{ width:251px; height:auto; float:right; border-left:1px solid #5e5f61; padding-left:40px; padding-bottom:21px;}
.email{ background:url(../images/email-bg.png) no-repeat left top; width:195px; height:40px; line-height:40px; padding: 0 0 0 14px; float:left; color:#a6a6a7; border:none;}
.arrow{ width:42px;  float:left;}
.arrow img{-moz-transition: all 0.25s ease-out 0s; -webkit-transition: all 0.25s ease-out 0s;}
.arrow img:hover{ opacity:.8;}

.about-banner{ width:100%; height:116px; background:url(../images/about-banner.jpg) no-repeat top center;}
.banner_inner{ width:950px; height:auto; margin:0 auto;}
.about-banner h1{ font-size:40px; font-family:'ProximaNovaBold'; color:#FFFFFF; padding: 26px 0 0 0;text-shadow: 0px 1px 1px rgba(150, 150, 150, 1);
}
.content-block{ width:950px; height:auto; margin:40px auto 0 auto; padding: 0 0 60px 0;}
.content-block p{font-family: 'ProximaNovaLight'; font-size:15px; color:#515151; padding: 13px 0 0 0; line-height:20px; }
.footer_v{ width:100%; height:39px; background:url(../images/footer_v1.png) repeat-x left top; float:left;}
.copy_right{ width:950px; height:auto; margin:0 auto; }
.footer_v p{ font-size:13px; color:#a6a6a7;  padding:14px 0 8px 0; margin:0;}