.triangle {
  
}
.about-content h4 {
    border-bottom: 1px solid#fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    margin: 20px 0px 15px;
    padding-bottom: 15px;
    line-height: 38px;
}
.white-color{color:#fff;}
.about-inner {
    margin-bottom: 50px;
    padding: 0px 20px;
}
.triangleone {
    border-left: 585px outset transparent;
    border-right: 585px outset transparent;
    border-top: 30px solid #27a7de;
    height: 0;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 0;
}
.heading-inner {
    /* width: 60%; */
    margin: 0 auto;
    margin-top: 20px;
    position: relative;
}
.sec-title {
    padding: 8px 0px 10px 0px;
    
    font-weight: 700;
    font-size: 30px;
    line-height:35px;
    font-family: 'Open Sans', sans-serif;
    color: #444;
}
.sec-title span {
    color: #00AEFF;
}
.blueone{background: #1A75BC;}
.boxblue {
      
    color: #fff;
   
    width: 100%;
}

.box-white{ background:#f;}
.w100{width:100%;}
.box-line>p{ color:#fff;}
.one-top{ margin-top:-45px; margin-bottom:15px;}
.box-line > .col-md-9 > p{ color:#fff;}
.box-lineone{
     padding:24px 60px 15px;
}
.box-lineone> .col-md-9 > p{ color:#000;}


#benefit {
    position: relative;
    background-image: url("img/features-bg.jpg");
    background-attachment: fixed !important;
    background-size: cover;
    background-repeat: repeat;
    color: #FFF;
   
}

.bg-overlay.pattern {
    background: url("img/pattern.png") repeat scroll 0% 0% transparent;
}
.bg-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.6);
}
.item-list-left li .item-content h3 {
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    padding-bottom: 20px;
    border-bottom: 1px solid#ddd;
}
#benefit .sec-title {
     color: #fff; 
}
.item-list-left li{list-style-type:none}




.social-expand-control li{
float:right; background:#fff; list-style:none; 
}
.iconone{ background:#f6f6f6!important; width:100%;height:45px; border:solid 1px #f2f2f2}
.icontwo{ background:#f6f6f6!important; width:100%;height:45px;border:solid 1px #f2f2f2}
.iconthree{ background:#f6f6f6!important; width:100%;height:45px;border:solid 1px #f2f2f2}
.iconfour{background:#f6f6f6!important; width:100%;height:45px;border:solid 1px #f2f2f2}
.share-text{ background:#fff;width:100%; padding:5px;  border: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2; text-align:center;
 
}
.white{ color:#fff; font-size: 22px;
    font-weight: bold;}
.black{
    color: #3e77bc;
    font-size: 22px;
    font-weight: bold;
}
.click{ position:fixed;right:0px;width:150px; height:45px; z-index:100; padding:5px; padding-right:0px;top:36%} 
.boxclick{background:#fff; border:solid 1px #c2c2c2;}
.boxclickone{ width:200px; padding:10px; background:#f2f2f2;}
.boxclickone >span{ float:right;}
.boxclickone>img{float:left;}
.boxclickthree{}
.boxclickfour{}
.click>.boxclick > h4 {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}
.icon.icon-chevron-right {
    float: right;
    font-size: 15px;
    font-weight: bold;
}
.iconone img {
    padding-left: 2px;
    padding-top: 6px;
}
.icontwo img {
    padding-left: 2px;
    padding-top: 6px;
}
.iconthree img {
    padding-left: 2px;
    padding-top: 6px;
}
.iconfour img {
    padding-left: 2px;
    padding-top: 6px;
}

.iconone > span {
    font-size: 12px;
}
.icontwo > span {
    font-size: 12px;
}
.iconthree > span {
    font-size: 12px;
}
.iconfour > span {
    font-size: 12px;
}
.mtop{ float:right; margin-top:10px;}
.mtop>button.btn.btn-primary {
    float: right;
}
.m-left{
	margin:0px; padding:0px;
}
/* Portrait */
@media only screen and (max-width: 768px) {
	.one-top{
 display:none;
}
	.box-line {
    padding: 108px 60px 15px 24px;
}

}
@media only screen and (max-width: 340px) {.box-line {
    padding: 108px 5px 15px 0px;
} h4.white {
    margin-bottom: 0px;
}}
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	  .one-top{
 display:none;
}
  .box-line {
    padding: 108px 60px 15px 24px;
}
p {
    
    line-height: 18px;
    
}
.box-lineone {
    padding: 24px 60px 15px 26px;
}
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	  .one-top{
 display:none;
}
  
.box-line {
    padding: 108px 60px 15px 24px;
}
.box-lineone {
    padding: 24px 60px 15px 26px;
}
}
@media screen 
  and (min-device-width:375px) 
  and (device-height:667px) 
   and (orientation: portrait) {
.one-top{
 display:none;
}
  
}
@media screen 
  and (device-width:375px) 
  and (device-height:627px) 
   and (orientation: landscape) {
.one-top{
 display:none;
}
  
}