/* 纸质卡片 */
div.polaroid {
  /* width: 250px; */
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.2), 0px 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: left;
  margin-left: 0.625rem;


  border: 3px solid #878700;
}
div.polaroid >img{
  margin-top: 1.3125rem;
}
div.feature-box >p{
	margin-top: -0.625rem;
	color: #47454f;
	text-shadow: 10px 10px 15px #55aaff, 10px 10px 25px #ffffff;
}
div.feature-box >h4{
	text-align:center;
	/* border: 1px solid #3c78b4; */
	/* background-color: #3c78b4; */
	margin-top: 0.88rem;
	box-shadow: 3px 3px grey;
	border-radius: 15px 90px 90px 15px;
}

div.container {
  padding:1px;
}

/* 文本效果 */

.text-sha {
    /* width: 300px;
    height:28px; */
    padding: 12px;
    background-color: yellow;
    box-shadow: 2px 2px grey;
	/* CSS3 圆角属性 */
	border-radius: 5px 5px 5px 5px;
	color: #ffffff;
	background: #2548a7;
	text-align: center;
	
}
.text-shay {
    width: 300px;
    height:28px;
    padding: 15px;
    background-color: yellow;
    box-shadow: 3px 3px grey;
	/* CSS3 圆角属性 */
	border-radius: 15px 90px 90px 15px;
	color: #ffffff;
	background: #aa3b20;
	text-align: center;
	
}

.div1 {
			font-size: 6vw;
		}
/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
.section {
  padding: 60px 0;
  overflow: hidden;
}

.section-bg {
  background-color: #55aaff;
}

.section-title {
  text-align: center;
  padding-bottom: 30px;
}

.section-title h2 {
  font-size: 32px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
  color: #37517e;
}

.section-title h2::before {
  content: '';
  position: absolute;
  display: block;
  width: 360px;
  height: 3px;
  background: #ff5500;
  bottom: 0px;
  left: calc(50% - 180px);
}

.section-title h2::after {
  content: '';
  position: absolute;
  display: block;
  width: 40px;
  height: 3px;
  background: #ffffff;
  bottom: 0;
  left: calc(50% - 20px);
}

.section-title p {
  margin-bottom: 0;
}
/* 伪元素划线 */
.or{
        width: 550px;
        text-align: center;
        position: relative;
    }
    .or:before,.or:after{
        content: '';
        position: absolute;
        width: 200px;
        height: 2px;
        background: #ff5500;
        top: 50%;
        transform: translateY(-50%);
    }
    .or:before{
        left: 0;
    }
    .or:after{
        right: 0;
    }
	/* 凹凸文字 */
	body{
	        /* background-color: #666; */
	    }
	.pat{
	        font-size:60px;
	        text-align: center;
	        font-weight: bold;
	        font-family: "Microsoft Yahei";
	        color:#666;
	    }
	    /* text-shadow :文字阴影
	        可以设置多个阴影
	       每个阴影之间使用逗号隔开
	        text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
	     */
	    .tu{
	        text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
	    }
	
	    .ao{
	        text-shadow: -1px -1px 1px #000, 1px 1px 1px #fff;
	    }
		
/* ===================================================================================================== */
/* 这是一款使用纯CSS3制作的平滑过渡的渐变背景颜色示例效果。背景渐变效果分别使用CSS3圆形渐变和线性渐变来完成。 */
/* 所有的背景渐变效果的通用CSS代码如下： */
.samples div {
 text-shadow: 0px 1px 0px rgb(204, 204, 204), 0px 2px 0px rgb(201, 201, 201), 0px 3px 0px rgb(187, 187, 187), 0px 4px 0px rgb(185, 185, 185), 0px 5px 0px rgb(170, 170, 170), 0px 6px 1px rgba(0, 0, 0, 0.1), 0px 0px 5px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 3px 5px rgba(0, 0, 0, 0.2), 0px 5px 10px rgba(0, 0, 0, 0.25), 0px 20px 20px rgba(0, 0, 0, 0.15);
 color: #FFFFFF;
 font-family: 'League Gothic',Impact,sans-serif;
 letter-spacing: 0.02em;
 text-transform: uppercase;
 text-align: center;
 font-size: 2em;
 width:33%;
 height:300px; 
 line-height:285px;
 float:left;
 margin:1px;
}  
  /* 第1种背景渐变效果的CSS代码如下： */
.background-1 {
 height: 350px;
 /* background: #282537; */
 background-image: -webkit-radial-gradient(top, circle cover, #3c3b52 0%, #252233 80%);
 background-image: -moz-radial-gradient(top, circle cover, #3c3b52 0%, #252233 80%);
 background-image: -o-radial-gradient(top, circle cover, #3c3b52 0%, #252233 80%);
 background-image: radial-gradient(top, circle cover, #3c3b52 0%, #252233 80%);
}   
 /* 第2种背景渐变效果的CSS代码如下： */
 .background-2 {
  height: 150px;
  background: #282537;
  background-image: -webkit-radial-gradient(top, circle cover, #0b5b99 0%, #00699e 80%);
  background-image: -moz-radial-gradient(top, circle cover, #0b5b99 0%, #5555ff 80%);
 background-image: -o-radial-gradient(top, circle cover, #0b5b99 0%, #5555ff 80%);
  background-image: radial-gradient(top, circle cover, #0b5b99 0%, #5555ff 80%);
 }    
 /* 第3种背景渐变效果的CSS代码如下： */
 .background-3 {
  height: 150px;
  background: #282537;
  background-image: -webkit-radial-gradient(top, circle cover, #ff5500 0%,#0b5b99 0% 80%);
   background-image: -moz-radial-gradient(top, circle cover, #0b5b99 0%, #ffffff 80%);
  background-image: -o-radial-gradient(top, circle cover, #0b5b99 0%, #5555ff 80%);
   background-image: radial-gradient(top, circle cover, #0b5b99 0%, #5555ff 80%);
  
 }    
 /* 第4种背景渐变效果的CSS代码如下： */
 .background-4 {
  height: 150px;
  background: #282537;
  background-image: -webkit-radial-gradient(top, circle cover, #4f4f4f 0%,#7c7d79 0% 80%);
  background-image: -moz-radial-gradient(top, circle cover, #0b5b99 0%, #5555ff 80%);
 background-image: -o-radial-gradient(top, circle cover, #0b5b99 0%, #5555ff 80%);
  background-image: radial-gradient(top, circle cover, #0b5b99 0%, #5555ff 80%);
 }    



.background-1:hover
{
	background-image: -webkit-radial-gradient(top, circle cover, #252233 0%, #3c3b52 80%);
	background-image: -moz-radial-gradient(top, circle cover, #484763 0%, #4b4568 80%);
	background-image: -o-radial-gradient(top, circle cover, #484763 0%, #4b4568 80%);
	background-image: radial-gradient(top, circle cover, #484763 0%, #4b4568 80%);
}
.background-2:hover
{
  background-image: -webkit-radial-gradient(top, circle cover, #00699e 0%, #1087e2 80%);
  background-image: -moz-radial-gradient(top, circle cover, #00699e 0%, #0b5b99 80%);
  background-image: -o-radial-gradient(top, circle cover, #00699e 0%, #0b5b99 80%);
  background-image: radial-gradient(top, circle cover, #00699e 0%, #0b5b99 80%);
}
.background-3:hover
{
	background-image: -webkit-radial-gradient(top, circle cover, #823c2a 0%,#5f9453 0% 80%);
	 background-image: -moz-radial-gradient(top, circle cover, #0b5b99 0%, #5555ff 80%);
	background-image: -o-radial-gradient(top, circle cover, #0b5b99 0%, #5555ff 80%);
	 background-image: radial-gradient(top, circle cover, #0b5b99 0%, #5555ff 80%);
}

 /* =================================================================================== */ 
 
.call-action {
    transform: translateY(100px);
}

.call-action-inner {
    background: #ca9c6a;
    padding: 70px 100px;
}

.call-action-inner .section-title h6 {
    font-weight: 400;
    margin-bottom: 0;
}

.call-action-inner .section-title h2 {
    text-transform: capitalize;
    letter-spacing: 5px;
    line-height: 50px;
}
 .section-title h2 {
     font-size: 38px;
 }
 .section-title.text-white *,
 .section-title.text-white h6 {
     color: white;
 }
 .subscribe {
     display: flex;
     border: 1px solid #e9ba87;
 }
 
 
 .subscribe {
     display: flex;
     border: 1px solid #e9ba87;
 }
 
 .subscribe input {
     width: 100%;
     background: #c19666;
     padding: 15px 40px;
 }
 
 .subscribe input::placeholder {
     color: #fee8d0;
     font-size: 12px;
     letter-spacing: 2px;
     text-transform: uppercase;
 }