@charset "utf-8";


/*START ALL Home Page gp1*/

#footer02{color:#8492a6;background-color:#263345}
#footer02 a{color:#8492a6;text-decoration:none;font-size:15px;font-weight:600}
#footer02 a:hover{color:white}
#footer02 a{font-weight:500}

#footer01 .lists > div{padding-top:110px;padding-bottom:10px}
#footer01{color:#8492a6;background-color:#263345}
#footer01 .lists>div{padding-top:10px;padding-bottom:10px}
#footer01 .ln_softoutlook{border-left:1px solid #323f4f}
/*#footer01 .support{border-right:1px solid #323f4f}*/
#footer01 .legal{padding-left:30px;padding-right:0}
#footer01 .logo{width:105px;height:50px;margin:50px 0 0 0;display:inline-block;background-image: url(../images_h/Icon_S_SoftOutlook_01.png?t=1);background-repeat:no-repeat;background-size:105px 50px}
#footer01 h4{text-align:left;color:white;text-transform:uppercase;font-size:16px;margin:0 0 20px 0}
#footer01 a{color:#8492a6;text-decoration:none;font-size:15px;font-weight:600}
#footer01 a:hover{color:white}
#footer01 ul{list-style-type:none;padding:0;margin:0}
#footer01 ul>li{padding:0;margin:0 0 8px 0}
#footer01 .copyright{font-size:12px}
#footer01 .twitter{width:24px;height:20px;margin:0 0 0 15px;display:inline-block;background-image:url(../images_h/icon-twitter.png?t=1);background-repeat:no-repeat;background-size:24px 20px}
#footer01 .facebook{width:13px;height:24px;display:inline-block;background-image:url(../images_h/icon-facebook.png?t=1);background-repeat:no-repeat;background-size:13px 24px}
#footer01 .twitter,#footer01 .facebook{opacity:.4}
#footer01 .twitter:hover,#footer01 .facebook:hover{opacity:1}
@media(max-width:767px){#footer01 .logo{margin:0 0 20px 0}#footer01 .lists,#footer01 h4{text-align:center}
#footer01 a{font-weight:500}
#footer01 .support{border:0}
#footer01 .legal{padding-left:15px;padding-right:15px}
#footer01 .copyright{text-align:center;margin:20px 0}}
@media(min-width:768px) and (max-width:991px){#footer01 a{font-size:12px;font-weight:500}}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5){#footer01 .logo{background-image:url(../images_h/Icon_L_SoftOutlook_01.png?t=1)}
#footer01 .twitter{background-image:background-image:url(../images_h/icon-twitter2x.png?t=1)}
#footer01 .facebook{background-image:url(../images_h/icon-facebook2x.png?t=1)}}


.mysection{padding:40px 15px;width:100%}
.mycentre{text-align:center}
.margbtm{margin-bottom:10px !important}

.mypfrm{margin-top:30px !important}.mrn{margin-right:0 !important}


h1.mycentre,h2.mycentre,h3.mycentre,h4.mycentre{color:black;margin:0;padding:0;line-height:normal;text-align:center}
h1.mycentre,h2.mycentre,h3.mycentre,h4.mycentre{text-align:center;margin:0 auto;max-width:840px}
h1.mycentre{font-size:28px;font-weight:500;color:#333b40}
h2.mycentre{font-size:18px;font-weight:normal;color:#5c666d;line-height:1.5;}
h3.mycentre{font-size:18px;font-weight:600;line-height:1.5;}
h4.mycentre{text-align:left;font-size:16px;font-weight:600;margin:0 0 6px 0;color:#323b40}


#section-platforms .container .myrow_01>div{display:inline-block;margin:20px 15px;background-repeat:no-repeat;background-position:top left;vertical-align:middle}
#section-platforms .container .myrow_01.first-row>div{margin:20px 30px}
#section-platforms .container .myrow_01{max-width:800px;margin:0 auto}
#section-platforms div.wordpress{background-image:url(../images_h/wordpress.png?t=1);width:208px;height:48px;background-size:208px 48px}
#section-platforms div.gtm{background-image:url(../images_h/gtm.png?t=1);width:135px;height:71px;background-size:135px 71px}
#section-platforms div.magento{background-image:url(../images_h/magento.png?t=1);width:195px;height:60px;background-size:195px 60px}
#section-platforms div.hubspot{background-image:url(../images_h/hubspot.png?t=1);width:104px;height:30px;background-size:104px 30px}
#section-platforms div.unbounce{background-image:url(../images_h/unbounce.png?t=1);width:129px;height:30px;background-size:129px 30px}
#section-platforms div.instapage{background-image:url(../images_h/instapage.png?t=1);width:112px;height:23px;background-size:112px 23px}
#section-platforms div.squarespace{background-image:url(../images_h/squarespace.png?t=1);width:140px;height:20px;background-size:140px 20px}
#section-platforms div.weebly{background-image:url(../images_h/weebly.png?t=1);width:87px;height:30px;background-size:87px 30px}
#section-platforms div.drupal{background-image:url(../images_h/drupal.png?t=1);width:121px;height:30px;background-size:121px 30px}
#section-platforms div.lightcms{background-image:url(../images_h/lightcms.png?t=1);width:93px;height:24px;background-size:93px 24px}
#section-platforms div.joomla{background-image:url(../images_h/joomla.png?t=1);width:148px;height:30px;background-size:148px 30px}
#section-platforms div.shopify{background-image:url(../images_h/shopify.png?t=1);width:110px;height:30px;background-size:110px 30px}
#section-platforms div.prestashop{background-image:url(../images_h/prestashop.png?t=1);width:120px;height:20px;background-size:120px 20px}

.cl_logo01{
	font-size:30px; font:BPreplay;
	text-align: center;vertical-align: middle;line-height:10px;
	float:left;width:auto; height:auto; color:#67C7D2;font-size:30pt;line-height:14pt;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0pt;
	
}

/*END ALL Home Page gp1*/

/*START ALL Home Page gp2*/
.mycol-md-4{
width:33.33333333%; 
height:auto;
float: left;
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
box-sizing: border-box;
}
.mypanel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05);

}
.mypanel-default{border-color:#ddd}
.mypanel-heading{ 
/*height:400px;*/
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
border-bottom: 1px solid transparent;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
box-sizing: border-box;
color: #333;
background-color: #f5f5f5;
border-color: #ddd;
}
.mypanel-body{
border-bottom:1px solid #ddd;
/*height:400px;*/
padding: 15px;
box-sizing: border-box;
}

.mypanel-style01{
background-color: rgb(103, 199, 210);
}

.mypanel-style02{
/*background-color:#374960;*/
background-color:#263345;

}

.mypanel-style02try{
background-color:#374960;
padding:30px;
margin:0;
padding:0;
background: no-repeat scroll 0 0 transparent;border:0px none #FFF;
    outline: 0 none;
    outline-style: none;
    list-style: none outside;
    text-decoration: none;
    font-size: 13px;
    color: #41505e;
    font-family: Arial, Helvetica, sans-serif;
}


.HP_Link1 {
/*
	border: none;
	/*color:#333;
	font-weight:bold; */
	/*color:#F00;*/

/*	background: #374960;*/
/*
border-bottom-left-radius: 6px;
color: #FFF;
height: 44px;
font-size: 15px;
line-height: 44px;
min-width: 188px;
padding-left: 10px;
padding-right: 10px;
text-decoration: none;
text-align: center;
text-indent: 0;
text-transform: uppercase;
display: inline-block;
font-family: 'Open Sans', sans-serif;

*/
}
/*.HP_Link1:link {
	color: #F00;
	text-decoration:none; 
}*/
/*.HP_Link1:visited {
	color:#F00;
    text-decoration:none;
}*/
.HP_Link1:hover {
/*
	color: #FFF;
	text-decoration:underline;
*/	
	background: -moz-linear-gradient( center top, #ff9900 5%, #fc8b00 100% );
}
/*.HP_Link1:active{
	color:#F00;
	text-decoration:underline;
}*/
.home_banner_01 {
	
}
.home_banner_01 h1 {
    color: #fff;
    font-size: 46px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    line-height: 50px;
    padding-top: 30px;
}
.home_banner_01 h1 span {
    color: #67c7d2;
    display: block;
}

.home_banner_01 p {
    color: #9ba4af;
    font-size: 22px;
    margin-top: 20px;
    padding-bottom: 30px;
    font-family: 'Open Sans', sans-serif;
}


/*END ALL Home Page gp2*/




/*START ALL Tooltip osm works needed*/
  /*START my use bootstrap Tooltip */
 /* osm works. enable if want to use tooltip  .tt_gp_use + .tooltip > .tooltip-inner {
      background-color: #73AD21; 
      color: #FFFFFF; 
      border: 1px solid green; 
      padding: 15px;
      font-size: 20px;
  }*/
  /* Tooltip on top */
 /* osm works. enable if want to use tooltip  .tt_gp_use + .tooltip.top > .tooltip-arrow {
      border-left: 5px solid red;
  }*/
  /*END my use bootstrap Tooltip */
/*END ALL Tooltip*/