/* common Styles */
.blur-me{
-webkit-filter: blur(2px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
    filter: blur(5px);
}
/* END common styles */

/* Sequence Styles */
/*#sequence > .sequence-canvas{
	width: 100%;
}*/

#sequence > .sequence-canvas > li {
position: relative;
width: 100%;
/*height: 760px;*/
z-index: 1;
}

#sequence .controls{
	display: none;
}

/* END Sequence Styles */

/* Features Styles */
#media{
    cursor: pointer;
}

#features .card-features{
    top: 50px;
}

#features .card-features .active{
    color: rgb(254, 156, 28);
}

#features .card-features ul li{
    margin-top: 15px;
    cursor: pointer;
}

#features .screenshot{
    width: 236px;
    margin: 0 auto;
    z-index: 5;
}
#features .screenshot .iphone-body{
    background: url(/assets/website/assets/iphone-portrait.png) no-repeat top left;
    background-size: contain;

}

#features .screenshot .iphone-tap{
    display:block;
    position: absolute;
    width: 70px;
    height: 90px;
    background: url(/assets/website/assets/tap_small.png) no-repeat top left;
    background-size: contain;
    z-index: 10;
    opacity: 0;

}

#features .screenshot .iphone-screen {
position: relative;
max-width: 230px;
width: 100%;
height: 80%;
top: 11%;
overflow: hidden;
margin: 0 auto;
}

#features .screenshot .iphone-screen .btn i{
font-size: 80px;
margin-right: 0px;
color: rgb(254, 156, 28);
}

#features .screenshot .iphone-screen .btn{
position: absolute;
left: 50px;
top: 120px;
z-index: 2;
display: block;
opacity: 0.9;
background-color: rgb(255, 255, 255);
}



#features .screenshot .iphone-screen span{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color:#e6e1d8;
    color:#302f2d;
    position: absolute;
    font-size: 13px;
    top: 16px;
    left: 15px;
    display: block;
    width: 88%;
}

#features #iphone_video{
    border-radius: 5px;
    z-index: 1;
}

.features-descriptions{
    margin-top: -500px;
    z-index: 4;
}

/* END Features Styles */

/* Princing Styles */
.pricing .item sup{
    cursor: pointer;
}

.screenshot{
    position: relative;
}

.screenshot .iphone-body {
    height: 500px;
}

.modal .screenshot .iphone-screen {
position: absolute;
max-width: 210px;
width: 82%;
height: 79%;
top: 11%;
left: 4%;
overflow: hidden;
}

.screenshot .iphone-screen img{
    border-radius: 5px;
}

#customUrlInfo .screenshot .iphone-screen span, 
#customDomainInfo .screenshot .iphone-screen span{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color:#e6e1d8;
    color:#302f2d;
    position: absolute;
    font-size: 13px;
    top: 16px;
    left: 15px;
    display: block;
    width: 88%;
}

#customUrlInfo .screenshot .iphone-screen span {
    left: 6px;
    width: 93%;
}

.modal .row div:nth-child(2), 
.modal .row div:nth-child(2) p{
font-size: 16px;
}

.modal .row div:nth-child(2) span{
cursor: pointer;
color:rgb(254, 156, 28);
}

.modal ul{
    list-style: circle;
}
/* END Princing Styles */

/* Video Styles */

#screencast .browser-frame{
position: relative;
margin: 0 auto;
display: block;
background: url(/assets/website/assets/browser-frame.jpg) no-repeat center center;
background-size: 100% 100%;
width: 600px;
height: 480px;
border-radius: 5px;
/* max-width: 470px; */
}

#screencast .browser-url{
color: rgb(122, 124, 127);
display: inline-block;
position: absolute;
top: 3%;
left: 0;
font-size: 12px;
width: 100%;
padding-left: 70px;
display: none;
}

#screencast video{
/* border-radius: 5px; */
display: block;
position: absolute;
top: 9.2%;
/* left: 8.4%; */
height: auto;
width: 100%;
/* display: none; */
/* opacity: 0.2; */
}

/*#screencast .video-controls li i{
visibility: hidden;
    
}*/

/*#screencast .video-controls li i{
visibility: visible;
position: absolute;
top: 12.8%;
left: -18%;
font-size: 30px;
}*/

#screencast .video-controls li{
    position: relative;
    margin: 0 auto;
    margin-top: 30px;
    opacity: 0.5;
display: block;
max-width: 334px;
cursor: pointer;
}

#screencast .video-controls li.active{
    opacity:1;
}

/*#screencast .video-controls li .arrow-left{
    visibility: hidden;
}

#screencast .video-controls li.active .arrow-left{
    visibility: visible;
    position: absolute;
top: 16%;
left: -1%;
height: 0;
border-top: 10px solid rgba(0, 0, 0, 0);
border-bottom: 10px solid rgba(0, 0, 0, 0);
border-right: 10px solid rgb(255, 255, 255);

}*/

/*#screencast .video-controls li.active:before{
content: "";
position: absolute;
border: 2px dashed rgb(255, 255, 255);
width: 31%;
height: 3px;
left: -35%;
top: 48.45%;
z-index: 10;
border-bottom: none;
border-left: none;
border-right: none;
}

#screencast .video-controls li.active:after{
content: "";
position: absolute;
top: 39%;
left: -37%;
height: 0;
border-top: 10px solid rgba(0, 0, 0, 0);
border-bottom: 10px solid rgba(0, 0, 0, 0);
border-right: 10px solid rgb(255, 255, 255);
}

@media (max-width: 997px){

#screencast .video-controls li.active:before{
content: "";
position: absolute;
width: 31%;
height: 3px;
display: none;
}

#screencast .video-controls li.active:after{
content: "";
position: absolute;
width: 31%;
height: 3px;
display: none;
}*/

#screencast .video-controls h3{
    margin-bottom: 0px;
}

.video-tags{
    margin-top: 20px;;
}
/* END Video Styles */

/* FAQ styles */
#faq ul{
    list-style: disc;
}
/* END FAQ styles */

/* API styles */
#api-doc{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}

#api-doc .nav-pills > li > a.scrollto{
    padding-left: 30px;
}

#api-doc .nav-pills > li > a.scrollto.par{
    padding-left: 50px;
}

#api-doc .nav-pills > li > a {
border-radius: 0;
color: #444;
}

#api-doc .nav-pills > li.active > a {
    background: #FFF;
    color: #FE9C1D;
    box-shadow: inset 5px 0 0px 0px #FE9C1D;
}

#api-doc ul{
    padding-left: 0px;
    list-style: none;
}

#api-doc ul ul{
    list-style: circle;
}

#api-doc .info-label{
    font-weight: 500;
}

#api-doc .info-required{
    color: red;
}

#api-doc table td{
    padding: 5px;
    vertical-align: top;
}
#api-doc table.method-def{
    max-width: 500px;
}

#api-doc table.method-def tr td, #api-doc table.method-def tr th{
    border: 1px solid #EEE;
}

#api-doc table.method-def tr th{
    background-color: rgba(0, 0, 0, 0.4);
    color: rgb(255, 255, 255);
}

#api-doc table.method-def th h4{
    margin: 0 auto;
    padding: 5px;
}

#api-doc table.prop-opts{
    margin-left: 10px;
}

#api-doc .parameter-list h4{
    border-bottom: 1px solid #EEE;
    display: block;
    padding-bottom: 10px;
    margin: 0;
}

#api-doc .parameter-list>li{
    padding-bottom: 40px;
}

#api-doc pre{
    float: none;
    max-width: 600px;
}

#api-doc .nav .nav{
    display: none; 
}

/*#api-doc pre{
    max-width: 75%;
}*/
/* END API styles */

/* Media queries */

@media (max-width: 640px){
    #screencast .browser-frame {
        background: none;
        width: 90%;
        height: 0px;
    }

    .video-tags{
        margin-top: 70%;
    }
}

@media (max-width: 770px){
    #sequence-theme{
        height: 500px;
    }

    #sequence .message-slide3{
        top:40%;
    }
    
    #sequence .message-slide3 h2{
        font-size:27px;
    }
}

@media (max-width: 767px){

    .features-descriptions{
        margin-top: 0px; 
    }

    
    #features .screenshot .iphone-body{
        background: none;
    }


    #features .screenshot .iphone-screen .btn{
        display: none;
    }
}

@media (max-width: 479px){

    #sequence-theme{
        height: 300px;
    }
    #primary{
        opacity: 0;
    }

    #sequence > .sequence-canvas > li {
          height:400px;
    }

    #sequence > .sequence-canvas > li > .down_button{
        top:-8%;
    }

    #sequence h2{
        font-size: 21px;
    }

    #sequence .brand_upgrade .slide3-img1{
        top:3%;
    }

    #sequence .slide1-img, #sequence .slide2-img, #sequence .message-slide1, #sequence .message-slide3, #sequence .be_conttacted .slide2-img{
        top:40%;
    }

    #sequence .your_business_needs .slide3-img1, #sequence .your_business_needs .slide3-img2, #sequence .your_business_needs .slide3-img3{
        bottom: 70px;
    }

    #sequence .research_shows .slide2-img, #sequence .how_easy .slide2-img {
        left: 2%;
        top: 38%;
    }

    #sequence .research_shows .message-slide2, #sequence .how_easy .message-slide2 {
        right: 3%;
        top: 30%;
        width: 65%;
    }

    #sequence .brand_upgrade .message-slide3 {
        width: 48%;
        top: 9%;
    }

    #sequence .brand_upgrade .btn{
        margin: 5px 0;
    }
    
    #sequence .get_yours_now .icon{
      height: 67% ;
      line-height: 131% ;
      right:5% ;
      top: 25% ;
    }



    #sequence .get_yours_now .icon{
      font-size: 190px;
    }

    #sequence p{
        font-size:13px;
    }

    #sequence .imac-screen {
        width:89%;
    }

    #sequence .iphone-screen{
        width:81%;
    }

}

/* END Media queries */

/* Bootstrap Overwrite */
.modal{
    top: 100px;
}