/*===================================================================================================================================*/
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------- LandingPage ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/*===================================================================================================================================*/

/* --------------------- COMMON --------------------- */

div#responsive_landingpage{
    top: -10px;
    position: relative;
    margin-bottom: -10px;
    float: left;
}
div#responsive_landingpage .height-30 {
    height: 30px !important;
    margin-top: -8px !important;
}

div#responsive_landingpage .block-left {
  
    width: 500px;
    float: left;
    padding-left: 50px;
    padding-top: 20px;
}

div#responsive_landingpage .block-right {
  
    width: 400px;
    float: right;
	margin:10px -40px 0px 10px;
}


/* --------------------- BLOCK 1 --------------------- */

div#responsive_landingpage .html5-bg {
    background-image: url(/images/front-page-2016/the-future-is-here.jpg);
    background-repeat: no-repeat;
    background-position: center center; 
}

div#responsive_landingpage #block-l-1 {
    height: 295px;    
    float: left; 
}

div#responsive_landingpage #block-l-1 h1.h1-title {
    top: 20px;

    color: white;
    text-align: left;
    font-weight: 600;
    font-size: 37px;
    text-shadow:-1px -1px 0 rgba(28,54,100,100), 1px 1px 0 rgb(28, 54, 100);
}

div#responsive_landingpage #block-l-1 h2.h2-subtitle {
    padding: 15px 5px;

    color: white;
    font-size: 19px;
	line-height:24px;
    font-weight:600 !important;
    text-shadow:1px 1px 0 rgba(28, 54, 100, 0.2), 1px 1px 0 rgba(28, 54, 100, 0.2), 1px 1px 0 rgba(28,54,100,0.2), 1px 1px 0 rgba(28,54,100,0.2);
}

div#responsive_landingpage #block-l-1 .block-left p{
    max-width: 500px;
	line-height:19px;
	color:white;
    padding: 0 5px 0;
    font-size: 14px;
    margin-top: 5px;
	font-weight:600px;
	letter-spacing:1px;
	text-shadow:-1px -1px 0 rgba(28, 54, 100, 0.2), -1px 1px 0 rgba(28, 54, 100, 0.2), 1px -1px 0 rgba(28,54,100,0.2), -1px 1px 0 rgba(28,54,100,0.2);
}

div#responsive_landingpage #block-l-1 .bx-point-container {

    margin-left: 210px;
}

div#responsive_landingpage #block-l-1 div.img_box  {
    width: 85px;
    height: 74px;
    display: inline-block;
    float: left;
	margin:5px 0px 0px 200px;
}

#landing7-google{
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

div#responsive_landingpage #block-l-1 div.img_box.img-3 {
    background-image: url(/images/front-page-2016/no-flash.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 63px;
    margin: 0px 0px 0px 10px;
    height: 74px;
	position:absolute;
}

div#responsive_landingpage #block-l-1 div.ETR-html5{
    left: 0;
    float: left;
    height: 74px;
    width: 140px;
}

div#responsive_landingpage #block-l-1 div.ETR-html5 p{
    padding: 0px 0px 0 54px !important;
    font-size: 11px !important;
    line-height: 14px;
}

div#responsive_landingpage #block-l-1 div.ETR-html5 p b{
    font-size: 14px;
}

div#responsive_landingpage #block-l-1 div.ETR-html5 img{
    top: 16px;
}

#landing7-screenshot{
    transform: translateX(70px);
}

#over-landing7-screenshot{
    position: relative;
    top: 60px;
    transform: translateX(-80px);
    width: 125px;
    margin: 20px 0 0 20px;
}

/* --------------------- BLOCK 2 --------------------- */

div#responsive_landingpage #block-l-2 {
    height: initial;
    background-color: white;
    float: left;
	margin:0px 0px 20px 0px;

}


div#responsive_landingpage #block-l-2 h2.h2-subtitle {
    text-align: left;
    margin:10px 0px 0px 50px;
    font-weight: 600;
    font-size: 25px;

    color: #1c3664;

    background: -webkit-linear-gradient(#ccc, #1c3664);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing:1px;
    text-transform:uppercase;
	

}

div#responsive_landingpage #block-l-2 h3.h3-subtitle {
    text-align: left;
    margin-left: 120px;
    letter-spacing:1px;
    font-weight: 600;
    font-size: 36px;
    margin-top: 10px;
    margin-bottom: 20px;

    color: #FF9212;

    background: -webkit-linear-gradient(#FDB048, #FF9212);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


ul.landing7-list{
    float: left;
    margin: 0px 0px 0px 10px;
    list-style: none;
    width: 475px;
	text-align:left;
}

ul.landing7-list li{

    color: #1c3664;
    font-size: 14px;
     padding: 5px 0px 0px 25px;
    text-align: left;
	line-height:17px;
	display:block;
}

ul.landing7-list li.glyphicons i{
    padding: 0 0px 0 0;
}


ul.landing7-list li.glyphicons i:before{
    color: #1c3664;
    font-size: 13px;
    padding-top: 7px;
}

#landing7-list-image{
    width: 250px;
    height: 250px;
    position: relative;
    top: -30px;
    float: right;
    margin-right: 75px;
}

#landing7-video{
    margin: 0px -10px;
    top: 10px;
    position: relative;
}

#landing7-video iframe{
    width: 390px;
    height: 270px;
    border: none;
}

#landing7-video span{
    font-size: 13px;
    position: relative;
    top: 7px;
	float:left;
	padding-left:75px;
}


#link-apple div{
	font-size:13px;
	text-decoration:none;
}



/* --------------------- BLOCK 3 --------------------- */

div#responsive_landingpage div#block-l-3{
    float: left;
}

div#responsive_landingpage div#block-l-3.block-3-bg{
    background-image: url(../../../images/landingpage_responsive/reimagine-your-background.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    height: initial;
    padding: 0;
}

div#responsive_landingpage #block-l-3 h2.h2-subtitle {
    font-size: 26px;
    color: #1c3664;
    font-weight: lighter;
    max-width: 300px;
    text-align: left;
    position: relative;
    top: 30px;
    left: 50px;
	text-shadow:1px 0 #1c3664, 0 -2px white, 2px 0 white, 0 -2px white;
}

div#responsive_landingpage #block-l-3 .cta-white-fade {
    width: 990px;
    height: 160px;
    margin-bottom: 40px;
    background-color: rgba(255, 255, 255, 0.5);;
}

div#responsive_landingpage #block-l-3 .trial3{
    max-width: 260px;
	margin:-5px 0px 0px 0px;

}

div#responsive_landingpage #block-l-3 .block-right {
    position: relative;
    top: -30px;
	margin-bottom:35px;
}    

div#responsive_landingpage #block-l-3 .block-right h3{
    font-weight: normal;
    font-size: 14px;
    color: #1c3664;
    max-width: 300px;
    margin:0px 0px 20px -10px;
	text-align:center;
}    

div#responsive_landingpage #block-l-3 .mini-block-group{
    clear: right;
 margin:0px 0px 0px 0px;
}    

div#responsive_landingpage #block-l-3 .landing7-mini-block{
    float: left;
    width: 170px;
    padding: 10px;
    color: #1c3664;
}   

div#responsive_landingpage #block-l-3 .landing7-mini-block h4,
div#responsive_landingpage #block-l-3 .landing7-mini-block p{
    color: #1c3664;
}

div#responsive_landingpage #block-l-3 .landing7-mini-block h4{
        margin: 0;
    font-size: 13px;
}

div#responsive_landingpage #block-l-3 .landing7-mini-block p{
    font-size: 12px;
    margin: 5px 0;
	line-height:15px;
}

/* --------------------- BLOCK 7 --------------------- */

div#responsive_landingpage #block-7 {
    height: 27px;
    float: left;
}
/*===================================================================================================================================*/
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------ SALE LandingPage --------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/*===================================================================================================================================*/
div#responsive_landingpage .sale-bg {
    background-image: url(/images/landingpage_responsive/get-started-uniflip.jpg);
    background-repeat: no-repeat;
    background-position: center center; 
}
div#responsive_landingpage div#block-l-3.block-3-bg-2{
    background-image: url(../../../images/landingpage_responsive/how-to-get-started-landingpage.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    height: initial;
    padding: 0;
}
div#responsive_landingpage .block-left-wBG {
    width: 650px;
    height: 100%;
    float: left;
    margin: -15px 0 0;
    padding: 30px;
    background-color: rgba(30, 34, 52, 0.35);
}

div#responsive_landingpage #block-l-1 h1.h1-title-2 {
    top: 60px;
    position: relative;
    color: white;
    text-align: left;
    font-weight: 600;
    font-size: 42px;
    text-shadow:-1px -1px 0 rgba(28,54,100,100), 1px 1px 0 rgb(28, 54, 100);
}
div#responsive_landingpage #block-l-1 h2.h2-subtitle-2 {
    padding: 15px 5px;
    top: 90px;
    position: relative;
    color: white;
    font-size: 19px;
    line-height:24px;
    font-weight:600 !important;
    text-shadow:1px 1px 0 rgba(28, 54, 100, 0.2), 1px 1px 0 rgba(28, 54, 100, 0.2), 1px 1px 0 rgba(28,54,100,0.2), 1px 1px 0 rgba(28,54,100,0.2);
}

div#responsive_landingpage #block-l-2 h2.h2-subtitle-2 {
    text-align: left;
    margin:10px 0px 30px 30px;
    font-weight: 600;
    font-size: 25px;

    color: #1c3664;

    background: -webkit-linear-gradient(#ccc, #1c3664);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing:1px;
    text-transform:uppercase;
    

}
#landing7-video span.video-sub{
    font-size: 13px;
    position: relative;
    top: 7px;
    float: right;
    padding-right: 115px;
}
#responsive_landingpage div.slp-accordion {
    text-align: left;
    width: 45%;
    float: left;
}
#responsive_landingpage h3.tab-title {
    font-size: 16px;
}
#responsive_landingpage .tab-title .title-icon-status i:before {
    color: #1c3664;
    font-size: 16px;
    transform: translateY(-20%);
}

#responsive_landingpage .tab-title .title-icon-status.circle_plus {
    display: inline-block;
}

#responsive_landingpage .tab-title .title-icon-status.circle_minus {
    display: none;
}


#responsive_landingpage .tab-title.ui-accordion-header-active .title-icon-status.circle_plus {
    display: none !important;
}

#responsive_landingpage .tab-title.ui-accordion-header-active .title-icon-status.circle_minus {
    display: inline-block !important;
}

#responsive_landingpage .slp-accordion p {
    font-size: 14px;
    margin: 0;
    padding: 0 0 0 50px;
    line-height: 18px;
}
#responsive_landingpage .slp-accordion h3:focus {
    outline: none;
}
#responsive_landingpage div.slp-video {
    width: 45%;
    float: right;
    text-align: center;
}
#responsive_landingpage div.slp-video iframe {
    width: 390px;
    height: 270px;
    border: none;
}
#responsive_landingpage div.slp-video .slp-video-sub {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
}
div#responsive_landingpage #block-l-3 h2.h2-subtitle-2 {
    font-size: 26px;
    color: #1c3664;
    font-weight: lighter;
    max-width: 320px;
    text-align: left;
    position: relative;
    top: 30px;
    left: 50px;
    text-shadow:1px 0 #1c3664, 0 -2px white, 2px 0 white, 0 -2px white;
}
div#responsive_landingpage #block-l-3 .mini-block-group-2{
    float: left;
    margin:0px 0px 0px 40px;
}
/*===================================================================================================================================*/
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------- LandingPage3 ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/*===================================================================================================================================*/
div#responsive_landingpage .lp3-bg {
    background-image: url(/images/landingpage_responsive/landingpage3-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center; 
}
div#responsive_landingpage #block-l-3 .cta-white-fade-2 {
    width: 990px;
    height: 160px;
    float: left;
    margin-bottom: 40px;
    background-color: rgba(28, 54, 100, 0.25);
}
div#responsive_landingpage div#block-l-3.block-3-bg-3{
    background: linear-gradient(#7dace5, #72a2dc);
    height: initial;
    padding: 0;
}
div#responsive_landingpage #block-l-3 h2.h2-subtitle-3 {
    font-size: 26px;
    color: #fff;
    font-weight: lighter;
    max-width: 320px;
    text-align: left;
    position: relative;
    top: 30px;
    left: 50px;
}
div#responsive_landingpage #block-l-3 .lp3-box-container {
    float: left;
    height: initial;
    margin: 0 0 0 30px;
}
div#responsive_landingpage #block-l-3 .lp3-box {
    float: left;
    max-width: 300px;
    margin: 10px;
}
div#responsive_landingpage #block-l-3 .lp3-box h3 {
    font-size: 16px;
    color: #fff;
    text-align: left;
}
div#responsive_landingpage #block-l-3 .lp3-box p {
    color: #fff;
    font-size: 14px;
    text-align: left;
}
div#responsive_landingpage #block-l-3 .block-right h3.lp3-cta-sub{
    font-weight: normal;
    font-size: 14px;
    color: #fff;
    max-width: 300px;
    margin:0px 0px 20px -10px;
    text-align:center;
}   
/*===================================================================================================================================*/
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- JQUERY UI ACCORDION ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/*===================================================================================================================================*/

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    min-height: 0; /* support: IE7 */
    font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}