@charset "utf-8";
/* CSS Document */
@font-face {
	font-family:'ProximaNova';
	font-stretch:condensed;
	src:url(../fonts/ProximaNova-Light.otf);
}
body{ padding:0;}
h2,h3,h4,p{font-family:"ProximaNova", sans-serif;}
h2{ padding:110px 0 60px 0; font-size:35px; font-weight:normal}  
i{ color:#7f4365;}
i,em{ font-style:normal;} 
dl,dt,dd{ list-style:none; }

.f_l{float:left;} .f_r{ float:right;}


/*navbar*/
.navbar .shadow{ position:absolute; top:0; left:0; width:100%; height:40px; background:#fff; opacity:0.57;filter:alpha(opacity=57); box-shadow: 2px 3px 10px #ccc;}
.navbar .logo{position:absolute; width:110px; height:120px; border-radius:5px; margin:0 0 0 1%; background:url(../img/logo.gif) no-repeat center #fff;}
.navbar .tel{ margin:0 10px 0 0; color:#777; line-height:40px; text-indent:20px; border-left:1px #ddd solid;}

/*hero-unit*/
.hero-unit{ padding: 0; height:520px;background:url(../img/top.jpg) no-repeat top;}
.hero-unit h1{ width:70%; margin:0 auto; padding:185px 0 0 0;line-height:70px; color:#fff; letter-spacing:-1px; /*text-shadow:1px 1px 2px #666;*/}

/*intro*/
.intro p{width:65%;line-height:25px; font-size:17px;}
.intro_logo{ float:right;margin-right:6px; width:170px; height:170px; background:#1c1b20;} 
.intro_logo em{ display:block; margin:30px 0 0 35px; width:100px; height:100px; background:url(../img/icon.png) no-repeat 0 -247px;}

/*offer*/
.offer{ margin:0 0 110px 0; text-align:center;}
.offer hr{width:25px; height:1px; border:0px; border-bottom:2px #d2d1d2 solid;}
.offer p{padding:10px 5px; font-size:15px; color:#939394; line-height:20px; letter-spacing:0.5px;}
.offer .integrated,.offer .convenient,.offer .discount,
.offer .savetime{ width:85px; height:85px; margin:0 auto; border:2px #7f4365 solid;}
.integrated em,.convenient em,.discount em,.savetime em{ display:block; width:50px; height:50px; margin:18px 0 0 19px;background:url(../img/icon.png) no-repeat}
.integrated em{background-position:-10px 3px}
.convenient em{background-position:-10px -47px}
.discount em{background-position:-10px -97px}
.savetime em{background-position:-15px -165px;}
                         
.btn_contact{ margin:110px 0 0 0; padding:20px 0;background:#ebeaed; text-transform:uppercase; } 
.btn_contact a{ padding:7px 25px;}

.work{padding:0 0 120px 0; background:#ebeaed; text-align:center;}

/*footer*/
.footer{background:#1c1b20; padding:50px 0;}
.footer dl{width:94%; height:auto; margin:0 auto; font-family:"ProximaNova", sans-serif; color:#777; line-height:20px;}
.footer dt{font-size:26px; font-weight:bold;letter-spacing:-0.2px;}
.footer dd{font-size:16px; line-height:24px;letter-spacing:0.5px;}
.footer i{ padding:0 5px; color:#bbb; font-size:16px;}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a {
  background-image:none;
  filter: none;
  background-repeat:none;
}


/*=======================================================
  Styles for features pages
=======================================================*/

/*box*/
#features_wrap{}
#features_wrap .box{padding:30px 0; margin:0 auto;}
#features_wrap .box h1{margin:100px 0 15px 0; font-size: 40px; color:#ffb819; font-weight:normal;}
#features_wrap .box h2{margin:0;font-size:35px;color:#24c1a8;}
#features_wrap .box h3{color:#24c1a8; font-weight: 500; font-size: 24px;text-transform:none;}
#features_wrap .box h4{margin:30px 0 10px 0; font-weight:normal;}
#features_wrap .box h5{margin:40px 0 0 0;color:#24c1a8; font-weight:500; font-size: 21px;}
#features_wrap .box p{line-height:22px; letter-spacing:0; font-size:15px;}
#features_wrap .box a{color:#24c1a8; text-decoration:underline} #features_wrap .box a:hover{ color:#24c1a8; text-decoration:none}

.list_two, .list_three{ width:90%; margin:0 auto;}
.list_two li, .list_three li{ float:left; width:33%; padding:40px 50px 0 50px; box-sizing:border-box; font-size:14px;}
.list_two li{width:50%; padding:40px 50px 0 50px; text-align:left;}

.column_one{ width:75%; margin:10px auto; margin-bottom:60px} 
.column_two{ width:50%; padding:0 40px; overflow:hidden; box-sizing:border-box; text-align:left; /*font-size:14px;*/}
.column_three{ width:33%; padding:30px 20px 0 20px; box-sizing:border-box; text-align:left; font-size:14px;}
.column_four{ width:25%;}

/*Amazon*/
#features_wrap .amazon{ width:60%; margin:0 auto; margin-bottom:120px;}
#features_wrap .amazon h1{margin:110px 0 15px 0; font-size: 40px; color:#ffb819; font-weight:normal;}
#features_wrap .amazon h2{margin:0;font-size:35px;color:#24c1a8;}
#features_wrap .amazon h3{margin:40px 0 10px 0;color:#24c1a8; font-weight: 500; font-size: 24px; line-height:28px;text-transform:none;}
#features_wrap .amazon h4{margin:30px 0 10px 0; font-weight:normal;}
#features_wrap .amazon h5{margin:40px 0 0 0;color:#24c1a8; font-weight:500; font-size: 21px;}
#features_wrap .amazon p{ margin:0 0 15px 0;line-height:23px; letter-spacing:0; font-size:16px; color:#666;text-align:justify}
#features_wrap .amazon a{color:#24c1a8; text-decoration:underline} #features_wrap .box a:hover{ color:#24c1a8; text-decoration:none}
#features_wrap .amazon ul{ padding:5px 0 5px 15px; line-height:24px; font-size:16px; color:#666;}
#features_wrap .amazon ul li{ margin:0 0 10px 0;}
#features_wrap .amazon dd, #features_wrap .amazon dt{ color:#666; font-size:16px;line-height:28px;}
#features_wrap .amazon .column_two{ width:45%; box-sizing:border-box; padding:0}

.p_one{ width:82%;font-size:15px;}
.txt_l{ text-align:left;} .txt_m{ text-align:center;}.img_one{ margin:20px 0 70px 0;} .img_two{ height:420px;}
.cl_blue {color: #24c1a8; font-weight: 600; font-size: 15px;}

.bg_white{ background:#fff;} .bg_gray{ background:#f5f5f5;border:1px solid #d3d3d3; border-left:none; border-right:none;}

.contact{ margin-top:150px;margin-bottom:100px; }
.contact dl{font-size:17px; color:#666;}
.contact dt{ margin:25px 0 5px 0 }
.contact dd{ line-height:23px;}
.contact h2{ margin:0; padding:0}


@media (min-width: 768px) {
.hero-unit h1{padding:180px 0 0 0; font-size:42px; line-height:60px; font-weight:bold}
/*.intro_logo{ float:none; padding:7px 0 0 0; margin:0 auto; margin-bottom:30px;}
.intro p{ width:100%;}*/
.offer p{ font-size:17px;}

}

@media (max-width: 480px) {
h2{ padding:50px 0 30px 0; font-size:28px;}	
.navbar .shadow{ padding:20px;}
.navbar .logo{width:130px; height:40px; border-radius:0; background:url(../img/logo_min.gif) no-repeat center #fff; background-size:90%;}
.navbar .tel{ color:#777; line-height:40px; text-indent:20px; border-left:none;}
.hero-unit{ background:url(../img/top_min.jpg) no-repeat top; height:550px }
.hero-unit h1{padding:100px 0 0 0; font-size:42px; line-height:60px; font-weight:bold}

/*intro*/
.intro_logo{ float:none; padding:7px 0 0 0; margin:0 auto; margin-bottom:30px;}
.intro p{ width:100%;}

/*offer*/
.offer{ margin:0 0 60px 0;}
.offer p{ font-size:16px;}
.offer .col-lg-3{ margin-top:30px;}

/*work with*/
.work{padding:0 0 50px 0;} .work img{ width:80%;}

#features_wrap .amazon{ width:80%; margin:0 auto; margin-bottom:120px;}
#features_wrap .amazon h1{margin:90px 0 20px 0; font-size: 30px; color:#ffb819; font-weight:normal;}
#features_wrap .amazon h3{font-size: 21px;}
#features_wrap .amazon p{ text-align:left}

#features_wrap .amazon .column_two{ width:100%; }

/*footer*/
.footer dt{display:none;}
.footer dd{ margin:0 0 10px 0;font-size:14px;line-height:20px;letter-spacing:0;text-align:center;}	
}