@charset "utf-8";html,body{font-family:Arial,Helvetica,sans-serif;width:100%;height:100%}
.wf-loading #header2 h1, .wf-loading .carousel-slide .slide1title, .wf-loading .slide h4, .wf-loading #dlbox h3, .wf-loading .carousel-slide p.icontext, .wf-loading .carousel-slide p.icontext2 {visibility:hidden;}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9{display:inline;float:left;position:relative;margin-left:6px;margin-right:6px;}
.container_9 .grid_9{width:960px;margin-top:36px;}
.container_9 #title {margin-top: 0;}
.container_9{margin-left:auto;margin-right:auto;width:972px;}
#bcrumb {color:#6F685F;font:10px/16px Verdana,Geneva,sans-serif;margin-top: 8px;}
#title {height: 96px;z-index: 0;}
#header2{/*margin:0 20px 35px 20px;position:relative;display:block;text-shadow:1px 1px 1px rgba(0,0,0,0.2);*/ /*dg*/ max-width:1005px; margin:30px auto 20px;}
#header2 h1{font-family:"esurance-bryant-web",Arial,Verdana,sans-serif;font-size:35px;line-height:35px;position:relative;font-weight:400;color:#170939;/*text-shadow:1px 1px 1px rgba(0,0,0,0.3);padding:0 0 5px 0;*/}
#header2 h1 span{/*color:#170939;text-shadow:0 1px 1px rgba(255,255,255,0.8);*/ font-weight:bold; /* dg */}
/*#header h2{font-size:16px;font-style:italic;color:#593741;text-shadow:0 1px 1px rgba(255,255,255,0.8)}*/
h1 sup {font-size:39px;line-height: 39px;}
#mob-wrapper{max-width:1005px;height:100%;background:#f1f1f2;margin:0 auto;position:relative; clear:both;}
.navigation{position:fixed;z-index:1;top:20px}
.navigation li{color:#333;display:block;padding:0 10px;line-height:30px;margin-bottom:2px;font-weight:bold;-webkit-transition:all .2s ease-in-out;border-bottom:1px solid black;text-align:left;width:53px}
.navigation li:hover,.active{font-size:25px;cursor:pointer;width:100px!important}
.slide{background-attachment:fixed;width:100%;height:100%;position:relative;box-shadow:inset 0 10px 10px rgba(0,0,0,0.3);overflow:hidden}
.slide img.bg{z-index:-999;min-height:100%;min-width:1024px;width:100%;height:auto;position:absolute;top:0;left:0}
.slide p{font:14px/21px Arial,Helvetica,sans-serif}
.slide h4{font:bold 30px/33px "esurance-bryant-web",Verdana,Geneva,sans-serif;color:#170939;}
.slide h4 span{font-weight:normal;}
.wrapper{width:960px;height:200px;margin:0 auto;position:relative}
.slideno{position:absolute;bottom:0;left:0;font-size:100px;font-weight:bold;color:rgba(255,255,255,0.3)}
.button,.button-up{display:block;width:96px;height:96px;position:absolute;bottom:15%;left:50%;cursor:pointer;background:url(https://images.esurance.com/icn_arrow_lg.png);z-index:12800}
#slide1 .button {top:60%;}
.button{background-position:0 -96px}
.button:hover{background-position:0 -288px;cursor:pointer}
.button-up{background-position:0 1px;cursor:pointer}
.button-up:hover{background-position:0 -192px;cursor:pointer}

#topdl{width:300px;height:40px;padding:10px 12px 9px 24px;background:#efefef;-webkit-border-bottom-right-radius:10px;-webkit-border-bottom-left-radius:10x;-moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;z-index:3000;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.27),0 0 40px rgba(0,0,0,0.06) inset;-moz-box-shadow:0 1px 4px rgba(0,0,0,0.27),0 0 40px rgba(0,0,0,0.06) inset;box-shadow:0 1px 4px rgba(0,0,0,0.27),0 0 40px rgba(0,0,0,0.06) inset;border:1px solid #6f685f\9}
/*#topdl{width:300px;height:40px;position:fixed;padding:10px 12px 9px 24px;top:0;right:110px;background:#efefef;-webkit-border-bottom-right-radius:10px;-webkit-border-bottom-left-radius:10x;-moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;z-index:3000;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.27),0 0 40px rgba(0,0,0,0.06) inset;-moz-box-shadow:0 1px 4px rgba(0,0,0,0.27),0 0 40px rgba(0,0,0,0.06) inset;box-shadow:0 1px 4px rgba(0,0,0,0.27),0 0 40px rgba(0,0,0,0.06) inset;border:1px solid #6f685f\9}*/
.top{position:absolute;top:96px;right:110px;}
.sticky{position:fixed;top:0;right:110px;}
#topdl:after{left:auto;right:10px;-webkit-transform:skew(15deg) rotate(6deg);-moz-transform:skew(15deg) rotate(6deg);-ms-transform:skew(15deg) rotate(6deg);-o-transform:skew(15deg) rotate(6deg);transform:skew(15deg) rotate(6deg)}
#topdl span{font:bold 14px/16px Arial,Helvetica,sans-serif;color:#424242;position:absolute;top:20px}
#topbtns{list-style:none outside none;height:40px;width:150px;float:right;margin:none;padding:none}
ul#topbtns li,ul#btmbtns li{text-align:left;float:left;margin-right:5px;list-style:none}
ul#topbtns li a{display:inline-block;overflow:hidden;width:39px;height:34px}
ul#topbtns li a.iph{background:url(https://images.esurance.com/btn_iphone_sm.png) 0 0 no-repeat}
ul#topbtns li a.dro{background:url(https://images.esurance.com/btn_droid_sm.png) 0 0 no-repeat}
ul#topbtns li a.win{background:url(https://images.esurance.com/btn_win_sm.png) 0 0 no-repeat}
ul#topbtns li a.iph:hover,ul#topbtns li a.dro:hover,ul#topbtns li a.win:hover,ul#btmbtns li a.iph:hover,ul#btmbtns li a.dro:hover,ul#btmbtns li a.win:hover{background-position:0 -34px}
ul#topbtns li a.iph:active,ul#topbtns li a.dro:active,ul#topbtns li a.win:active,ul#btmbtns li a.iph:active,ul#btmbtns li a.dro:active,ul#btmbtns li a.win:active{background-position:0 -68px}
.macarousel-fb .carousel-slide{left:100%}
.macarousel-fb .carousel-slide.carousel-slide-current{left:0}
.carousel-slide h2,.carousel-slide p,.carousel-slide .da-link,.carousel-slide .logo_essq,.winphone1,.mbpro,.icontext,.droid1,.droid2,.iphone1,.iphone2,.iphone3,.icon-new,.slidedlbtn,.slide2p{position:absolute;opacity:0}
.macarousel-fb .carousel-slide h2,.macarousel-fb .carousel-slide p,.macarousel-fb .carousel-slide .da-link{left:10%;opacity:1}
.macarousel-fb .carousel-slide .logo_essq{left:60%;opacity:1}
.macarousel-fb .carousel-slide .mbpro{left:0!important;opacity:1}
.macarousel-fb .carousel-slide .iphone1{top:34px;left:47%!important;opacity:1;z-index:600}
.macarousel-fb .carousel-slide .iphone2{top:99px}
.macarousel-fb .carousel-slide .droid1{left:60%!important;opacity:1;z-index:800}
.macarousel-fb .carousel-slide .droid2{top:66px;left:22%;opacity:1}
.macarousel-fb .carousel-slide .slide1title{left:5%;opacity:1}
.macarousel-fb .carousel-slide .slide1p1{left:5%;opacity:1;width:500px}
.macarousel-fb .carousel-slide .winphone1{left:75%;opacity:1}
.macarousel-fb .carousel-slide .iphone3{left:48%;opacity:1}
.macarousel-fb .carousel-slide .icon-new{left:32%;opacity:1}
.carousel-slide .slide1title{left:5%;top:71px;opacity:1;color:#170939;font:55px/54px "esurance-bryant-web",Arial,Helvetica,sans-serif;z-index:2000}
.carousel-slide .slide1p1{left:5%;opacity:1;font:14px/20px Arial,Helvetica,sans-serif;color:#6f685f;top:260px;overflow:hidden;z-index:1500; width:40% !important;}
.carousel-slide ul.slidedlbtn{left:5%;top:334px;opacity:1;z-index:1000}
ul.slidedlbtn{width:440px;height:48px;list-style:none outside none}
ul.slidedlbtn li{text-align:left;float:left;margin-right:13px;list-style:none}
ul.slidedlbtn li a{display:inline-block;overflow:hidden;width:130px;height:42px}
ul.slidedlbtn li a.appst{background:url(https://images.esurance.com/btn_store_lg.png) 0 0 no-repeat}
ul.slidedlbtn li a.goost{background:url(https://images.esurance.com/btn_store_lg.png) 0 -43px no-repeat}
ul.slidedlbtn li a.winst{background:url(https://images.esurance.com/btn_store_lg.png) 0 -87px no-repeat}
.carousel-slide .droid1{text-align:center;width:20%;top:95px;height:392px;z-index:800}
.carousel-slide .iphone1{text-align:center;width:18%;top:70px;height:379px;z-index:600}
.carousel-slide .winphone1{text-align:center;width:18%;top:80px;height:369px;z-index:400}
.carousel-slide .logo_essq{text-align:center;width:97px;top:190px;height:97px;left:110%;z-index:2000}
.carousel-slide .mbpro{text-align:center;width:443px;top:90px;height:343px;line-height:350px;left:110%;z-index:900}
.carousel-slide .iphone2{text-align:center;width:184px;top:160px;height:364px;line-height:390px;left:110%;z-index:1200}
.carousel-slide .droid2{text-align:center;width:181px;top:120px;height:381px;line-height:390px;left:110%;z-index:1100}
.carousel-slide p.icontext, .carousel-slide p.icontext2{width:30%;top:385px;color:#170939;font-size:18px;line-height:26px;height:80px;overflow:hidden;font-family:"esurance-bryant-web",Arial,sans-serif;font-weight:400}
.carousel-slide .slide2p{width:350px;top:155px;color:#170939;font-size:18px;line-height:26px;height:180px;overflow:hidden;font-family:Arial,sans-serif;font-weight:400}
.carousel-slide .da-link{top:270px;border-radius:30px;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.2);border:8px solid rgba(255,255,255,0.8);padding:2px 20px 0;font-size:18px;line-height:30px;width:80px;text-align:center;background:rgba(255,255,255,0.2)}
.carousel-slide .da-link:hover{background:rgba(255,255,255,0.3)}
.reflection{width:100%;height:190px;background:#f2f2f2}

.carousel-dots{width:100%;position:absolute;text-align:right;margin:0 0 0 -31px;left:0;top:550px;z-index:2000;-moz-user-select:none;-webkit-user-select:none}
.carousel-dots span{display:inline-block;position:relative;background:url(https://images.esurance.com/icn_carousel_dots.png) 0 0 no-repeat;/*width:17px;*/width:16px;height:16px;margin:3px;cursor:pointer}
/*.carousel-dots span.carousel-dots-current:after{content:'';width:16px;height:16px;position:absolute;top:0;left:0; background:url(https://images.esurance.com/icn_carousel_dots.png) 0 -44px}*/
.carousel-dots span.carousel-dots-current {width:16px;height:16px;background:url(https://images.esurance.com/icn_carousel_dots.png) 0 -44px}

.da-arrows{-moz-user-select:none;-webkit-user-select:none}
.da-arrows span{position:absolute;top:50%;height:30px;width:30px;border-radius:50%;background:#f1f1f2;cursor:pointer;z-index:2000;opacity:0;box-shadow:1px 1px 1px rgba(0,0,0,0.1) inset,1px 1px 1px rgba(255,255,255,0.1);-webkit-transition:opacity .4s ease-in-out .2s;-moz-transition:opacity .4s ease-in-out .2s;-o-transition:opacity .4s ease-in-out .2s;-ms-transition:opacity .4s ease-in-out .2s;transition:opacity .4s ease-in-out .2s}
.macarousel:hover .da-arrows span{opacity:1}
.da-arrows span:after{content:'';position:absolute;width:20px;height:20px;top:5px;left:5px;background:transparent url(../images/arrows.png) no-repeat top left;border-radius:50%;box-shadow:1px 1px 2px rgba(0,0,0,0.1)}
.da-arrows span:hover:after{box-shadow:1px 1px 4px rgba(0,0,0,0.3)}
.da-arrows span:active:after{box-shadow:1px 1px 1px rgba(255,255,255,0.1)}
.da-arrows span.da-arrows-next:after{background-position:top right}
.da-arrows span.da-arrows-prev{left:15px}
.da-arrows span.da-arrows-next{right:15px}
.carousel-slide-current h2,.carousel-slide-current p.icontext,.carousel-slide-current .da-link{left:68%;opacity:1}
.carousel-slide-current .logo_essq{left:60%;opacity:1}
.carousel-slide-current .mbpro{left:-2%;opacity:1}
.carousel-slide-current .iphone1{left:47%;opacity:1}
.carousel-slide-current .droid1{left:60%;opacity:1}
.carousel-slide-current .droid2{left:22%;opacity:1}
.carousel-slide-current .winphone1{left:75%;opacity:1}
.carousel-slide-current .iphone2{left:20%;opacity:1}
.carousel-slide-current .icon-new{left:32%;opacity:1}
.carousel-slide-current .iphone3{left:48%;opacity:1}
.carousel-slide-current .slidedlbtn{left:5%;opacity:1}
.carousel-slide-toright h2{-webkit-animation:toRightHeading .6s ease-in both;-moz-animation:toRightHeading .6s ease-in both;-o-animation:toRightHeading .6s ease-in both;-ms-animation:toRightHeading .6s ease-in both;animation:toRightHeading .6s ease-in both}
.carousel-slide-toright p{-webkit-animation:toRightSubheading .6s ease-in .3s both;-moz-animation:toRightSubheading .6s ease-in .3s both;-o-animation:toRightSubheading .6s ease-in .3s both;-ms-animation:toRightSubheading .6s ease-in .3s both;animation:toRightSubheading .6s ease-in .3s both}
.carousel-slide-toright .slidedlbtn{-webkit-animation:toRightDLButtons .6s ease-in .3s both;-moz-animation:toRightDLButtons .6s ease-in .3s both;-o-animation:toRightDLButtons .6s ease-in .3s both;-ms-animation:toRightDLButtons .6s ease-in .3s both;animation:toRightDLButtons .6s ease-in .3s both}
.carousel-slide-toright .iphone1{-webkit-animation:toRightWhiteiPhone .6s ease-in both;-moz-animation:toRightWhiteiPhone .6s ease-in both;-o-animation:toRightWhiteiPhone .6s ease-in both;-ms-animation:toRightWhiteiPhone .6s ease-in both;animation:toRightWhiteiPhone .6s ease-in both}
.carousel-slide-toright .droid1{-webkit-animation:toRightDroid .8s ease-in both;-moz-animation:toRightDroid .8s ease-in both;-o-animation:toRightDroid .8s ease-in both;-ms-animation:toRightDroid .8s ease-in both;animation:toRightDroid .8s ease-in both}
.carousel-slide-toright .winphone1{-webkit-animation:toRightWinPhone .6s ease-in .3s both;-moz-animation:toRightWinPhone .6s ease-in .3s both;-o-animation:toRightWinPhone .6s ease-in .3s both;-ms-animation:toRightWinPhone .6s ease-in .3s both;animation:toRightWinPhone .6s ease-in .3s both}
@-webkit-keyframes toRightHeading{0%{left:5%;opacity:1}
30%{left:0;opacity:1}
100%{left:110%;opacity:0}
}
@-webkit-keyframes toRightSubheading{0%{left:5%;opacity:1}
100%{left:110%;opacity:0}
}
@-webkit-keyframes toRightWhiteiPhone{0%{left:47%;opacity:1}
40%{left:44%;opacity:1}
100%{left:110%;opacity:0}
}
@-webkit-keyframes toRightDroid{0%{left:60%;opacity:1}
40%{left:55%;opacity:1}
100%{left:110%;opacity:0}
}
@-webkit-keyframes toRightDLButtons{0%{left:5%;opacity:1}
40%{left:0;opacity:1}
100%{left:110%;opacity:0}
}
@-webkit-keyframes toRightWinPhone{0%{left:75%;opacity:1}
30%{left:73%;opacity:1}
100%{left:110%;opacity:0}
}
@keyframes toRightHeading{0%{left:5%;opacity:1}
30%{left:0;opacity:1}
100%{left:110%;opacity:0}
}
@keyframes toRightSubheading{0%{left:5%;opacity:1}
100%{left:110%;opacity:0}
}
@keyframes toRightWhiteiPhone{0%{left:47%;opacity:1}
40%{left:44%;opacity:1}
100%{left:110%;opacity:0}
}
@keyframes toRightDroid{0%{left:60%;opacity:1}
40%{left:55%;opacity:1}
100%{left:110%;opacity:0}
}
@keyframes toRightDLButtons{0%{left:5%;opacity:1}
40%{left:0;opacity:1}
100%{left:110%;opacity:0}
}
@keyframes toRightWinPhone{0%{left:75%;opacity:1}
30%{left:73%;opacity:1}
100%{left:110%;opacity:0}
}
@-moz-keyframes toRightHeading{0%{left:5%;opacity:1}
30%{left:0;opacity:1}
100%{left:110%;opacity:0}
}
@-moz-keyframes toRightSubheading{0%{left:5%;opacity:1}
100%{left:110%;opacity:0}
}
@-moz-keyframes toRightWhiteiPhone{0%{left:47%;opacity:1}
40%{left:44%;opacity:1}
100%{left:110%;opacity:0}
}
@-moz-keyframes toRightDroid{0%{left:60%;opacity:1}
40%{left:55%;opacity:1}
100%{left:110%;opacity:0}
}
@-moz-keyframes toRightDLButtons{0%{left:5%;opacity:1}
40%{left:0;opacity:1}
100%{left:110%;opacity:0}
}
@-moz-keyframes toRightWinPhone{0%{left:75%;opacity:1}
30%{left:73%;opacity:1}
100%{left:110%;opacity:0}
}
@-o-keyframes toRightHeading{0%{left:5%;opacity:1}
30%{left:0;opacity:1}
100%{left:110%;opacity:0}
}
@-o-keyframes toRightSubheading{0%{left:5%;opacity:1}
100%{left:110%;opacity:0}
}
@-o-keyframes toRightWhiteiPhone{0%{left:47%;opacity:1}
40%{left:44%;opacity:1}
100%{left:110%;opacity:0}
}
@-o-keyframes toRightDroid{0%{left:60%;opacity:1}
40%{left:55%;opacity:1}
100%{left:110%;opacity:0}
}
@-o-keyframes toRightDLButtons{0%{left:5%;opacity:1}
40%{left:0;opacity:1}
100%{left:110%;opacity:0}
}
@-o-keyframes toRightWinPhone{0%{left:75%;opacity:1}
30%{left:73%;opacity:1}
100%{left:110%;opacity:0}
}
@-ms-keyframes toRightHeading{0%{left:5%;opacity:1}
30%{left:0;opacity:1}
100%{left:110%;opacity:0}
}
@-ms-keyframes toRightSubheading{0%{left:5%;opacity:1}
100%{left:110%;opacity:0}
}
@-ms-keyframes toRightWhiteiPhone{0%{left:47%;opacity:1}
40%{left:44%;opacity:1}
100%{left:110%;opacity:0}
}
@-ms-keyframes toRightDroid{0%{left:60%;opacity:1}
40%{left:55%;opacity:1}
100%{left:110%;opacity:0}
}
@-ms-keyframes toRightDLButtons{0%{left:5%;opacity:1}
40%{left:0;opacity:1}
100%{left:110%;opacity:0}
}
@-ms-keyframes toRightWinPhone{0%{left:75%;opacity:1}
30%{left:73%;opacity:1}
100%{left:110%;opacity:0}
}
.carousel-slide-fromleft .logo_essq{-webkit-animation:fromLeftELogo .7s ease-in .3s both;-moz-animation:fromLeftELogo .7s ease-in .3s both;-o-animation:fromLeftELogo .7s ease-in .3s both;-ms-animation:fromLeftELogo .7s ease-in .3s both;animation:fromLeftELogo .7s ease-in .3s both}
.carousel-slide-fromleft .icontext{-webkit-animation:fromLeftSubheading .6s ease-in .5s both;-moz-animation:fromLeftSubheading .6s ease-in .5s both;-o-animation:fromLeftSubheading .6s ease-in .5s both;-ms-animation:fromLeftSubheading .6s ease-in .5s both;animation:fromLeftSubheading .6s ease-in .5s both}
.carousel-slide-fromleft .iphone2{-webkit-animation:fromLeftBlackiPhone .8s ease-in .5s both;-moz-animation:fromLeftBlackiPhone .8s ease-in .5s both;-o-animation:fromLeftBlackiPhone .8s ease-in .5s both;-ms-animation:fromLeftBlackiPhone .8s ease-in .5s both;animation:fromLeftBlackiPhone .8s ease-in .5s both}
.carousel-slide-fromleft .droid2{-webkit-animation:fromLeftDroid .9s ease-in .3s both;-moz-animation:fromLeftDroid .9s ease-in .3s both;-o-animation:fromLeftDroid .9s ease-in .3s both;-ms-animation:fromLeftDroid .9s ease-in .3s both;animation:fromLeftDroid .9s ease-in .3s both}
.carousel-slide-fromleft .mbpro{-webkit-animation:fromLeftMBPro .7s ease-in .5s both;-moz-animation:fromLeftMBPro .7s ease-in .5s both;-o-animation:fromLeftMBPro .7s ease-in .5s both;-ms-animation:fromLeftMBPro .7s ease-in .5s both;animation:fromLeftMBPro .7s ease-in .5s both}
@keyframes fromLeftSubheading{0%{left:-110%;opacity:0}
100%{left:60%;opacity:1}
}
@keyframes fromLeftELogo{0%{left:-110%;opacity:0}
100%{left:60%;opacity:1}
}
@keyframes fromLeftBlackiPhone{0%{left:-110%;opacity:0}
100%{left:27%;opacity:1}
}
@keyframes fromLeftDroid{0%{left:-110%;opacity:0}
100%{left:36%;opacity:1}
}
@keyframes fromLeftMBPro{0%{left:-110%;opacity:0}
100%{left:-4%;opacity:1}
}
@-webkit-keyframes fromLeftSubheading{0%{left:-110%;opacity:0}
100%{left:60%;opacity:1}
}
@-webkit-keyframes fromLeftELogo{0%{left:-110%;opacity:0}
100%{left:60%;opacity:1}
}
@-webkit-keyframes fromLeftBlackiPhone{0%{left:-110%;opacity:0}
100%{left:27%;opacity:1}
}
@-webkit-keyframes fromLeftDroid{0%{left:-110%;opacity:0}
100%{left:36%;opacity:1}
}
@-webkit-keyframes fromLeftMBPro{0%{left:-110%;opacity:0}
100%{left:-4%;opacity:1}
}
@-moz-keyframes fromLeftSubheading{0%{left:-110%;opacity:0}
100%{left:60%;opacity:1}
}
@-moz-keyframes fromLeftELogo{0%{left:-110%;opacity:0}
100%{left:60%;opacity:1}
}
@-moz-keyframes fromLeftBlackiPhone{0%{left:-110%;opacity:0}
100%{left:27%;opacity:1}
}
@-moz-keyframes fromLeftDroid{0%{left:-110%;opacity:0}
100%{left:36%;opacity:1}
}
@-moz-keyframes fromLeftMBPro{0%{left:-110%;opacity:0}
100%{left:-4%;opacity:1}
}
@-o-keyframes fromLeftSubheading{0%{left:-110%;opacity:0}
100%{left:60%;opacity:1}
}
@-o-keyframes fromLeftELogo{0%{left:-110%;opacity:0}
100%{left:60%;opacity:1}
}
@-o-keyframes fromLeftBlackiPhone{0%{left:-110%;opacity:0}
100%{left:27%;opacity:1}
}
@-o-keyframes fromLeftDroid{0%{left:-110%;opacity:0}
100%{left:36%;opacity:1}
}
@-o-keyframes fromLeftMBPro{0%{left:-110%;opacity:0}
100%{left:-4%;opacity:1}
}
@-ms-keyframes fromLeftSubheading{0%{left:-110%;opacity:0}
100%{left:60%;opacity:1}
}
@-ms-keyframes fromLeftELogo{0%{left:-110%;opacity:0}
100%{left:60%;opacity:1}
}
@-ms-keyframes fromLeftBlackiPhone{0%{left:-110%;opacity:0}
100%{left:27%;opacity:1}
}
@-ms-keyframes fromLeftDroid{0%{left:-110%;opacity:0}
100%{left:36%;opacity:1}
}
@-ms-keyframes fromLeftMBPro{0%{left:-110%;opacity:0}
100%{left:-4%;opacity:1}
}
.carousel-slide-toleft .logo_essq{-webkit-animation:toLeftELogo .6s ease-in .55s both;-moz-animation:toLeftELogo .6s ease-in .55s both;-o-animation:toLeftELogo .6s ease-in .55s both;-ms-animation:toLeftELogo .6s ease-in .55s both;animation:toLeftELogo .6s ease-in .55s both}
.carousel-slide-toleft .icontext{-webkit-animation:toLeftSubheading .5s ease-in .2s both;-moz-animation:toLeftSubheading .5s ease-in .2s both;-o-animation:toLeftSubheading .5s ease-in .2s both;-ms-animation:toLeftSubheading .5s ease-in .2s both;animation:toLeftSubheading .5s ease-in .2s both}
.carousel-slide-toleft .mbpro{-webkit-animation:toLeftMBPro .6s ease-in .5s both;-moz-animation:toLeftMBPro .6s ease-in .5s both;-o-animation:toLeftMBPro .6s ease-in .5s both;-ms-animation:toLeftMBPro .6s ease-in .5s both;animation:toLeftMBPro .6s ease-in .5s both}
.carousel-slide-toleft .iphone2{-webkit-animation:toLeftBlackiPhone .7s ease-in .52s both;-moz-animation:toLeftBlackiPhone .7s ease-in .52s both;-o-animation:toLeftBlackiPhone .7s ease-in .52s both;-ms-animation:toLeftBlackiPhone .7s ease-in .52s both;animation:toLeftBlackiPhone .7s ease-in .52s both}
.carousel-slide-toleft .droid2{-webkit-animation:toLeftDroid .8s ease-in .55s both;-moz-animation:toLeftDroid .8s ease-in .55s both;-o-animation:toLeftDroid .8s ease-in .55s both;-ms-animation:toLeftDroid .8s ease-in .55s both;animation:toLeftDroid .8s ease-in .55s both}
@keyframes toLeftSubheading{0%{left:60%;opacity:1}
30%{left:70%;opacity:1}
100%{left:-100%;opacity:0}
}
@keyframes toLeftMBPro{0%{left:-4%;opacity:1}
35%{left:-1%;opacity:1}
100%{left:-100%;opacity:0}
}
@keyframes toLeftBlackiPhone{0%{left:27%;opacity:1}
40%{left:35%;opacity:1}
100%{left:-50%;opacity:0}
}
@keyframes toLeftELogo{0%{left:60%;opacity:1}
30%{left:65%;opacity:1}
100%{left:-100%;opacity:0}
}
@keyframes toLeftDroid{0%{left:36%;opacity:1}
30%{left:44%;opacity:1}
100%{left:-100%;opacity:0}
}
@-webkit-keyframes toLeftSubheading{0%{left:60%;opacity:1}
30%{left:70%;opacity:1}
100%{left:-100%;opacity:0}
}
@-webkit-keyframes toLeftMBPro{0%{left:-4%;opacity:1}
35%{left:-1%;opacity:1}
100%{left:-100%;opacity:0}
}
@-webkit-keyframes toLeftBlackiPhone{0%{left:27%;opacity:1}
40%{left:35%;opacity:1}
100%{left:-50%;opacity:0}
}
@-webkit-keyframes toLeftELogo{0%{left:60%;opacity:1}
30%{left:65%;opacity:1}
100%{left:-100%;opacity:0}
}
@-webkit-keyframes toLeftDroid{0%{left:36%;opacity:1}
30%{left:44%;opacity:1}
100%{left:-100%;opacity:0}
}
@-moz-keyframes toLeftSubheading{0%{left:60%;opacity:1}
30%{left:70%;opacity:1}
100%{left:-100%;opacity:0}
}
@-moz-keyframes toLeftMBPro{0%{left:-4%;opacity:1}
35%{left:-1%;opacity:1}
100%{left:-100%;opacity:0}
}
@-moz-keyframes toLeftBlackiPhone{0%{left:27%;opacity:1}
40%{left:35%;opacity:1}
100%{left:-50%;opacity:0}
}
@-moz-keyframes toLeftELogo{0%{left:60%;opacity:1}
30%{left:65%;opacity:1}
100%{left:-100%;opacity:0}
}
@-moz-keyframes toLeftDroid{0%{left:36%;opacity:1}
30%{left:44%;opacity:1}
100%{left:-100%;opacity:0}
}
@-o-keyframes toLeftSubheading{0%{left:60%;opacity:1}
30%{left:70%;opacity:1}
100%{left:-100%;opacity:0}
}
@-o-keyframes toLeftMBPro{0%{left:-4%;opacity:1}
35%{left:-1%;opacity:1}
100%{left:-100%;opacity:0}
}
@-o-keyframes toLeftBlackiPhone{0%{left:27%;opacity:1}
40%{left:35%;opacity:1}
100%{left:-50%;opacity:0}
}
@-o-keyframes toLeftELogo{0%{left:60%;opacity:1}
30%{left:65%;opacity:1}
100%{left:-100%;opacity:0}
}
@-o-keyframes toLeftDroid{0%{left:36%;opacity:1}
30%{left:44%;opacity:1}
100%{left:-100%;opacity:0}
}
@-ms-keyframes toLeftSubheading{0%{left:60%;opacity:1}
30%{left:70%;opacity:1}
100%{left:-100%;opacity:0}
}
@-ms-keyframes toLeftMBPro{0%{left:-4%;opacity:1}
35%{left:-1%;opacity:1}
100%{left:-100%;opacity:0}
}
@-ms-keyframes toLeftBlackiPhone{0%{left:27%;opacity:1}
40%{left:35%;opacity:1}
100%{left:-50%;opacity:0}
}
@-ms-keyframes toLeftELogo{0%{left:60%;opacity:1}
30%{left:65%;opacity:1}
100%{left:-100%;opacity:0}
}
@-ms-keyframes toLeftDroid{0%{left:36%;opacity:1}
30%{left:44%;opacity:1}
100%{left:-100%;opacity:0}
}
.carousel-slide-fromright h2{-webkit-animation:fromRightHeading .6s ease-in .8s both;-moz-animation:fromRightHeading .6s ease-in .8s both;-o-animation:fromRightHeading .6s ease-in .8s both;-ms-animation:fromRightHeading .6s ease-in .8s both;animation:fromRightHeading .6s ease-in .8s both}
.carousel-slide-fromright p{-webkit-animation:fromRightSubheading .6s ease-in .8s both;-moz-animation:fromRightSubheading .6s ease-in .8s both;-o-animation:fromRightSubheading .6s ease-in .8s both;-ms-animation:fromRightSubheading .6s ease-in .8s both;animation:fromRightSubheading .6s ease-in .8s both}
.carousel-slide-fromright .slidedlbtn{-webkit-animation:fromRightDLButtons .8s ease-in .8s both;-moz-animation:fromRightDLButtons .8s ease-in .8s both;-o-animation:fromRightDLButtons .8s ease-in .8s both;-ms-animation:fromRightDLButtons .8s ease-in .8s both;animation:fromRightDLButtons .8s ease-in .8s both}
.carousel-slide-fromright .iphone1{-webkit-animation:fromRightWhiteiPhone .62s ease-in .4s both;-moz-animation:fromRightWhiteiPhone .62s ease-in .4s both;-o-animation:fromRightWhiteiPhone .62s ease-in .4s both;-ms-animation:fromRightWhiteiPhone .62s ease-in .4s both;animation:fromRightWhiteiPhone .62s ease-in .4s both}
.carousel-slide-fromright .droid1{-webkit-animation:fromRightDroid .7s ease-in .5s both;-moz-animation:fromRightDroid .7s ease-in .5s both;-o-animation:fromRightDroid .7s ease-in .5s both;-ms-animation:fromRightDroid .7s ease-in .5s both;animation:fromRightDroid .7s ease-in .5s both}
.carousel-slide-fromright .winphone1{-webkit-animation:fromRightWinPhone .6s ease-in .3s both;-moz-animation:fromRightWinPhone .6s ease-in .3s both;-o-animation:fromRightWinPhone .6s ease-in .3s both;-ms-animation:fromRightWinPhone .6s ease-in .3s both;animation:fromRightWinPhone .6s ease-in .3s both}
@-webkit-keyframes fromRightHeading{0%{left:118%;opacity:0}
100%{left:5%;opacity:1}
}
@-webkit-keyframes fromRightSubheading{0%{left:118%;opacity:0}
100%{left:5%;opacity:1}
}
@-webkit-keyframes fromRightWhiteiPhone{0%{left:118%;opacity:0}
100%{left:47%;opacity:1}
}
@-webkit-keyframes fromRightDroid{0%{left:118%;opacity:0}
100%{left:60%;opacity:1}
}
@-webkit-keyframes fromRightDLButtons{0%{left:118%;opacity:0}
100%{left:5%;opacity:1}
}
@-webkit-keyframes fromRightWinPhone{0%{left:118%;opacity:0}
100%{left:75%;opacity:1}
}
@keyframes fromRightHeading{0%{left:118%;opacity:0}
100%{left:5%;opacity:1}
}
@keyframes fromRightSubheading{0%{left:118%;opacity:0}
100%{left:5%;opacity:1}
}
@keyframes fromRightWhiteiPhone{0%{left:118%;opacity:0}
100%{left:47%;opacity:1}
}
@keyframes fromRightDroid{0%{left:118%;opacity:0}
100%{left:60%;opacity:1}
}
@keyframes fromRightDLButtons{0%{left:118%;opacity:0}
100%{left:5%;opacity:1}
}
@keyframes fromRightWinPhone{0%{left:118%;opacity:0}
100%{left:75%;opacity:1}
}
@-moz-keyframes fromRightHeading{0%{left:118%;opacity:0}
100%{left:5%;opacity:1}
}
@-moz-keyframes fromRightSubheading{0%{left:118%;opacity:0}
100%{left:5%;opacity:1}
}
@-moz-keyframes fromRightWhiteiPhone{0%{left:118%;opacity:0}
100%{left:47%;opacity:1}
}
@-moz-keyframes fromRightDroid{0%{left:118%;opacity:0}
100%{left:60%;opacity:1}
}
@-moz-keyframes fromRightDLButtons{0%{left:118%;opacity:0}
100%{left:5%;opacity:1}
}
@-moz-keyframes fromRightWinPhone{0%{left:118%;opacity:0}
100%{left:75%;opacity:1}
}
@-o-keyframes fromRightHeading{0%{left:118%;opacity:0}
100%{left:5%;opacity:1}
}
@-o-keyframes fromRightSubheading{0%{left:110%;opacity:0}
100%{left:5%;opacity:1}
}
@-o-keyframes fromRightWhiteiPhone{0%{left:110%;opacity:0}
100%{left:47%;opacity:1}
}
@-o-keyframes fromRightDroid{0%{left:110%;opacity:0}
100%{left:60%;opacity:1}
}
@-o-keyframes fromRightDLButtons{0%{left:110%;opacity:0}
100%{left:5%;opacity:1}
}
@-o-keyframes fromRightWinPhone{0%{left:110%;opacity:0}
100%{left:75%;opacity:1}
}
@-ms-keyframes fromRightHeading{0%{left:118%;opacity:0}
100%{left:5%;opacity:1}
}
@-ms-keyframes fromRightSubheading{0%{left:110%;opacity:0}
100%{left:5%;opacity:1}
}
@-ms-keyframes fromRightWhiteiPhone{0%{left:110%;opacity:0}
100%{left:47%;opacity:1}
}
@-ms-keyframes fromRightDroid{0%{left:110%;opacity:0}
100%{left:60%;opacity:1}
}
@-ms-keyframes fromRightDLButtons{0%{left:110%;opacity:0}
100%{left:5%;opacity:1}
}
@-ms-keyframes fromRightWinPhone{0%{left:110%;opacity:0}
100%{left:75%;opacity:1}
}
.sbubble{height:30px;width:200px;margin-top:15px;font:13px/13px Arial,Helvetica,sans-serif;position:absolute;bottom:1px}
.sbubble span{position:absolute;top:9px;left:40px}
#slide1{background:url(https://images.esurance.com/bg_carousel_full_xl_v4.jpg);}
.macarousel{width:100%;min-width:520px;height:900px;position:relative;margin:10px 0 auto;overflow:hidden;/*border:1px solid #dcdbda; dg */-webkit-transition:background-position 1.4s ease-in-out .3s;-moz-transition:background-position 1.4s ease-in-out .3s;-o-transition:background-position 1.4s ease-in-out .3s;-ms-transition:background-position 1.4s ease-in-out .3s;transition:background-position 1.4s ease-in-out .3s}
.carousel-slide{position:absolute;width:100%;height:100%;top:0;left:0;font-family:Arial,sans-serif;text-align:left}
.carousel-slide-current{z-index:1000}
.macarousel-fb .carousel-slide{left:100%}
.macarousel-fb .carousel-slide.carousel-slide-current{left:0}
.carousel-slide h2,.carousel-slide p,.carousel-slide .da-link,.carousel-slide .logo_essq,.winphone1,.mbpro,.icontext,.droid1,.droid2,.iphone1,.iphone2,.iphone3,.icon-new,.slidedlbtn,.slide2p{position:absolute;opacity:0}
.macarousel-fb .carousel-slide h2,.macarousel-fb .carousel-slide p,.macarousel-fb .carousel-slide .da-link{left:10%;opacity:1}
.macarousel-fb .carousel-slide .logo_essq{left:68%;opacity:1}
.macarousel-fb .carousel-slide .mbpro{text-align:center;width:443px;top:90px;height:343px;line-height:350px;left:0!important;opacity:1;z-index:900}
.macarousel-fb .carousel-slide .iphone1{top:71px;left:47%!important;opacity:1;z-index:600}
.macarousel-fb .carousel-slide .iphone2{text-align:center;width:184px;top:160px;height:364px;line-height:390px;left:32%;z-index:1200}
.macarousel-fb .carousel-slide p.icontext{width:30%;top:385px;left:68%;color:#170939;font-size:18px;line-height:26px;height:80px;overflow:hidden;font-family:Arial,sans-serif;font-weight:400}
.macarousel-fb .carousel-slide .droid1{left:60%!important;opacity:1;z-index:800}
.macarousel-fb .carousel-slide .droid2{text-align:center;width:181px;top:120px;height:381px;line-height:390px;left:43%;opacity:1;z-index:1100}
.macarousel-fb .carousel-slide .slide1title{left:5%;opacity:1}
.macarousel-fb .carousel-slide .slide1p1{left:5%;opacity:1;width:500px}
.macarousel-fb .carousel-slide .winphone1{left:75%;opacity:1}
#slide2{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
#sTwoDroid{background:url(https://images.esurance.com/slide2_droid01.png) 0 0 no-repeat;height:326px;width:145px;position:absolute;top:170px;left:103px}
#sTwoCard{background:url(https://images.esurance.com/slide2_inscard01.png) 0 0 no-repeat;height:124px;width:205px;position:absolute;top:298px;left:298px}
#sTwoCard2{background:url(https://images.esurance.com/slide2_inscard.png) 0 0 no-repeat;height:124px;width:181px;position:absolute;top:395px;left:310px;color:#969088}
#sTwoTitle{/*width:410px dg 02/18/13 */;height:100px;position:absolute;left:110px;top:20px;font-size:30px/30px}
#sTwoText{width:350px;height:240px;position:absolute;right:65px;top:75%;color:#fff}
#sTwoText2{width:350px;height:210px;position:absolute;left:103px;top:235%;color:#6f685f}
#sTwoText h4,#sThreeText h4,#sFourText h4,#sFourText2 h4,#sFiveTxt h4{margin-bottom:22px}
#sTwoText p,#sThreeText p,#sFourText p,#sFourText2 p,#sFiveTxt p{margin-bottom:15px}
#sTwoText h4,#sTwoTitle h4{color:#fff}
#sThreeText h4,#sFourText h4,#sFourText2 h4{color:#170939}
#slide3{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
#sThreeWinPhone{background:url(https://images.esurance.com/slide3_droid01.png) 0 0 no-repeat;width:164px;height:331px;position:absolute;right:98px;top:140px}
#sThreeReceipt{background:url(https://images.esurance.com/slide3_receipt01.png) 0 0 no-repeat;width:147px;height:219px;position:absolute;top:211px;right:335px}
#sThreeText{width:350px;height:245px;position:absolute;left:92px;top:165%;color:#6f685f}
#sThreeText2{width:350px;height:245px;position:absolute;right:20px;top:235%;color:#6f685f}
#slide4{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
#slide4 .parallaxbg{position:absolute;right:40px;top:40px;font-size:28px;color:rgba(51,51,51,0.3)}
#sFouriPhoneL{background:url(https://images.esurance.com/slide4_iphone01.png) 0 0 no-repeat;height:346px;width:217px;position:absolute;left:81px;top:30px}
#sFourNote{background:url(https://images.esurance.com/slide4_notepad01.png) 0 0 no-repeat;height:212px;width:146px;position:absolute;top:44px;left:338px}
#sFouriPhoneR{background:url(https://images.esurance.com/slide5_iphone01.png) 0 0 no-repeat;height:379px;width:219px;position:absolute;top:308px;right:69px}
#sFourPhotos{background:url(https://images.esurance.com/slide5_photos01.png) 0 0 no-repeat;height:202px;width:178px;position:absolute;top:409px;right:323px;/*z-index:9000;*/}
#sFourText{width:350px;height:240px;position:absolute;right:78px;top:7%;color:#6f685f}
#sFourText2{width:350px;height:185px;position:absolute;left:103px;top:55%;color:#6f685f}
#eStar{height:303px;width:303px;position:absolute;top:210px;left:240px;z-index:10000;}
#eStarInner{height:100px;width:100px;background:url(https://images.esurance.com/eStar_logo.png) center center no-repeat #170939;background:url(https://images.esurance.com/eStar_logo_IE_sp.png) 0 1px no-repeat\9;border-radius:50%;border:2px solid #000;border:none\9;opacity:.9;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;cursor:pointer;z-index:10000;}
#eStarInner:hover{background:url(https://images.esurance.com/eStar_logo_hover.png) center center no-repeat #69f;background:url(https://images.esurance.com/eStar_logo_IE_sp.png) 0 -100px no-repeat\9}
#eStarInner.expanded{height:303px;width:303px;background:url(https://images.esurance.com/eStarExpanded.png) center center no-repeat;border:0;z-index:10000;}
#repairView{height:303px;width:303px;position:absolute;top:470px;right:35px}
#rViewInner{height:100px;width:100px;background:url(https://images.esurance.com/repairView_logo.png)center center no-repeat #170939;background:url(https://images.esurance.com/repairView_logo_IE_sp.png) 0 1px no-repeat\9;border-radius:50%;border:2px solid #000;border:none\9;opacity:.9;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;cursor:pointer}
#rViewInner:hover{background:url(https://images.esurance.com/repairView_logo_hover.png) center center no-repeat #69f;background:url(https://images.esurance.com/repairView_logo_IE_sp.png) 0 -100px no-repeat\9}
#rViewInner.expanded{height:302px;width:303px;background:url(https://images.esurance.com/repairViewExpanded.png) center center no-repeat;border:0}
#slide5{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;position:relative}
#outWrapper{position:absolute;max-width:1005px;height:240px;bottom:0;left:0;background:#0C3}
#slide5 #outtro{position:absolute;bottom:0}
#slide5 #sFiveTxt{width:450px;height:240px;position:absolute;right:115px;top:15%;color:#6f685f}
#sFiveiPhoneR{background:url(https://images.esurance.com/slide5_iphone_map01.png) 0 0 no-repeat;height:334px;width:215px;position:absolute;top:181px;left:182px;z-index:100}
#sFiveiPhoneL{background:url(https://images.esurance.com/slide5_iphone_cupcake01.png) 0 0 no-repeat;height:333px;width:210px;position:absolute;top:141px;left:81px;z-index:50}
#outtro{background:url(https://images.esurance.com/bg_gr_top.png) top left repeat-x;width:1005px;height:111px}
img.hardware{float:left}
#dlbox{width:508px;height:98px;position:absolute;right:95px;top:1px}
#dlbox h3{font:20px "esurance-bryant-web",Arial,Verdana,sans-serif;margin:15px 0;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.3)}
ul#btmbtns{height:40px;width:480px}
ul#btmbtns li a{display:inline-block;overflow:hidden}
ul#btmbtns li a.iph{background:url(https://images.esurance.com/btn_iphone_lg.png) 0 0 no-repeat;width:122px;height:34px}
ul#btmbtns li a.dro{background:url(https://images.esurance.com/btn_droid_lg.png) 0 0 no-repeat;width:136px;height:34px}
ul#btmbtns li a.win{background:url(https://images.esurance.com/btn_win_lg.png) 0 0 no-repeat;width:182px;height:34px}
#rViewInner, #eStarInner {-webkit-backface-visibility: hidden;-webkit-transform:translate3d(0,0,0);}
#repairView, #eStar {-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
#headerNew {height:96px; background:#170939;}
#headerNew div {width:960px; margin:0 auto 0;}
#headerNew img {margin-top:39px;}
#disclaimer {position:absolute;top:520px;left:200px}
#disclaimer p {margin:5px 0 0 0;font:9px Arial, Helvetica, sans-serif; color:#969088;}
#mobilelisthidden {display: none;}
@media only screen and (max-height:800px){
	#disclaimer {top:45%;left:438px;}
	#disclaimer p {margin:5px 0 0 0;font:9px Arial, Helvetica, sans-serif; color:#969088;}
	#headerNew div,p#title {margin-left:30px;}
	#slide1 .button {top:450px;}
	#slide2 .button {bottom:3%;}
	#slide3 .button,#slide4 .button{bottom:1%;}
	#slide5 .button-up {bottom:21%;}
	.carousel-dots{width:100%;position:absolute;text-align:right;margin:0 0 0 -31px;left:0;top:500px;z-index:2000;-moz-user-select:none;-webkit-user-select:none}
	#sTwoDroid{background:url(https://images.esurance.com/slide2_droid_sm.png) 0 0 no-repeat;height:328px;width:146px;position:absolute;top:155px;left:89px}
	#sTwoCard{background:url(https://images.esurance.com/slide2_inscard_sm2.png) 0 0 no-repeat;height:148px;width:175px;position:absolute;top:258px;left:260px}
	#sTwoText{width:350px;height:185px;position:absolute;right:60px;top:120px;color:#fff}
	#sTwoText p,#sTwoText2 p,#sThreeText p,#sThreeText2 p,#sFourText p,#sFourText2 p{font:12px/13px Arial,Verdana,sans-serif}
	#sTwoText2{width:440px;height:105px;position:absolute;left:103px;top:405px;color:#969088}
	#sTwoText h4,#sThreeText h4,#sFourText h4,#sFourText2 h4{margin-bottom:15px}
	#sThreeText{width:350px;height:245px;position:absolute;left:92px;top:90%;color:#6f685f}
	#sThreeWinPhone{background:url(https://images.esurance.com/slide3_droid.png) 0 0 no-repeat;width:155px;height:293px;position:absolute;right:103px;top:50px}
	#sThreeReceipt{background:url(https://images.esurance.com/slide3_receipt.png) 0 0 no-repeat;width:136px;height:173px;position:absolute;top:120px;right:340px}
	#sThreeText2{width:425px;height:115px;position:absolute;right:52px;top:360px;color:#969088}
	#sFourText{width:350px;height:115px;position:absolute;right:78px;top:70px;color:#969088}
	#sFourText2{width:350px;height:145px;position:absolute;left:103px;top:378px;color:#969088}
	#sFouriPhoneR{background:url(https://images.esurance.com/slide5_iphone.png) 0 0 no-repeat;height:312px;width:161px;position:absolute;top:240px;right:104px}
	#sFourPhotos{background:url(https://images.esurance.com/slide5_photos.png) 0 0 no-repeat;height:159px;width:159px;position:absolute;top:275px;right:332px}
	#repairView{height:303px;width:303px;position:absolute;top:210px;right:35px}
	#sFiveiPhoneR{background:url(https://images.esurance.com/slide5_iphone_map.png) 0 0 no-repeat;height:334px;width:160px;position:absolute;top:60px;left:205px;z-index:100}
	#sFiveiPhoneL{background:url(https://images.esurance.com/slide5_iphone_cupcake.png) 0 0 no-repeat;height:335px;width:179px;position:absolute;top:35px;left:101px;z-index:50}	
}



@media only screen and (max-width: 720px), only screen and (max-device-width:720px)
{

#headerNew, #topdl, #slide3, #slide4, #slide5, .button, .button-up, .carousel-dots  {display:none;}
.container_9 {margin-left: 0;margin-right: 0;width: 100%;}
.container_9 .grid_9 {width: 100%; margin: 0; padding-top: 10px;}
.carousel-slide .slide1title, #sTwoTitle {font: 34px/35px "esurance-bryant-web",Arial,Helvetica,sans-serif; top: 10px;}
.carousel-slide .slide1p1 {font: 14px/20px Arial,Helvetica,sans-serif;top: 141px; width: 200px;}
#title {height: 60px;}
#header2 {margin: 0;}
ul.slidedlbtn li {  float: none;  list-style: none outside none;  margin-right: 13px;  text-align: left;}
.carousel-slide ul.slidedlbtn {  left: 5%;  opacity: 1;  top: 260px;  z-index: 1000;}
#headerNew div, p#title {    margin-left: 10px;}
.slide {    height: auto; }
#slide2 {height: 500px;}
.macarousel {    height: 500px;  }
div.carousel-slide img {height: 70%;}
#sTwoTitle {  height: 100px;  left: 10px;  position: absolute;  width: 300px;}
.slide h4 { font: bold 20px/25px "esurance-bryant-web",Verdana,Geneva,sans-serif;}
#slide2 {  background: none repeat scroll 0 0 #170939;}
div#slide2.slide img.bg {display:none;}
#sTwoDroid {  background: url("https://images.esurance.com/slide2_droid_sm.png") no-repeat scroll 0 0 transparent;   height: 328px;  left: 25px;  
position: absolute;  top: 320px;  width: 146px;}
#sTwoCard {  background: url("https://images.esurance.com/slide2_inscard_sm2.png") no-repeat scroll 0 0 transparent;  height: 125px;  left: 168px;
  position: absolute;  top: 365px !important;  width: 200px;}
#sTwoText2 {display:none;}
#sTwoText {  color: #FFFFFF;  height: 240px;  left: 10px;  position: absolute;  top: 72px;  width: 350px;}
#sTwoText h4, #sThreeText h4, #sFourText h4, #sFourText2 h4 {display: none;}
#sTwoText p, #sTwoText2 p, #sThreeText p, #sThreeText2 p, #sFourText p, #sFourText2 p {display: none;}
#mobilelisthidden {  color: #FFFFFF;  display: inline-block;  font: 16px/28px Arial,Verdana,sans-serif;  left: 10px;  position: absolute;  top: 85px;}
#mobilelisthidden ul li {list-style: disc inside none;}





}

Window size: x 
Viewport size: x