/*-------------------------------- RESET CSS ---------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
/*============================ END RESET CSS =======================================*/


/*----------------------- FILMS PRICING --------------------*/
.bold {
    font-weight: bold;
}
.italic {
    font-style: italic;
}
.center {
    text-align: center;
}
.spacer_10 {
    display: table;
    width: 100%;
    height: 10px;
}
.section {
    display: table;
    width: 100%;
    position: relative;
}
.section_inner {
    display: table;
    width: 95%;
    max-width: 1100px;
    margin: auto;
    position: relative; 
}
.films_nav {
	background: #4748a3;
    padding: 20px 0;
}
.films_logo {
    display: table;
    margin: auto;
}
.films_logo img {
    display: table;
    width: auto;
    height: 40px;
}
.films_pricing {
    background: #f8f8f8;
    color: #333;
    /* font-family: Helvetica Neue,Helvetica,Arial,sans-serif;  */
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    padding: 0;
}
.films_pricing hr {
    border: 0;
    display: table;
    width: 100%;
    border-top: 1px solid #cacaca;
    margin: 30px auto;
}
.films_pricing h1 {
    font-size: 30px;
    line-height: 35px;
}
.films_pricing h2 {
    font-size: 22px;
    line-height: 27px;
}
.films_pricing p {
    font-size: 17px;
    line-height: 21px;
}
.films_pricing .small {
    font-size: 13px;
    line-height: 20px;
}
.section_pricing_tab {
    margin: 50px auto;
}
.section_pricing_tab .section_inner {
    background: #eee;
    border-radius: 20px;
}
.pricing_tab_left {
    display: table;
    width: 70%;
    float: left;
    background: #fff;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pricing_tab_left ul {
    list-style: none;
}
.pricing_tab_left ul li {
    position: relative;
    padding-left: 1.5em;
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 20px;
}
.pricing_tab_left ul li:before {
    content: '';
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYxMiA3OTI7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA2MTIgNzkyIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM0MUFENDk7fQo8L3N0eWxlPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01NjIsMzk2YzAtMTQxLjQtMTE0LjYtMjU2LTI1Ni0yNTZTNTAsMjU0LjYsNTAsMzk2czExNC42LDI1NiwyNTYsMjU2UzU2Miw1MzcuNCw1NjIsMzk2TDU2MiwzOTZ6ICAgIE01MDEuNywyOTYuM2wtMjQxLDI0MWwwLDBsLTE3LjIsMTcuMkwxMTAuMyw0MjEuM2w1OC44LTU4LjhsNzQuNSw3NC41bDE5OS40LTE5OS40TDUwMS43LDI5Ni4zTDUwMS43LDI5Ni4zeiIvPjwvZz48L3N2Zz4=") no-repeat;
}
.pricing_tab_right {
    display: table;
    width: 30%;
    float: left;    
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pricing_tab_right_box {
    display: table;
    width: 95%;
    margin: auto;
    background: #b5bddd;
    border-radius: 20px;
    padding: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.row {
    display: table;
    width: 100%;
    position: relative;
}
.row_full {
    display: table;
    width: 100%;
    float: left;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.row_half {
    display: table;
    width: 50%;
    float: left;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.row_third {
    display: table;
    width: 33.33%;
    float: left;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.button {
    display: table;
    width: 100%;
    max-width: 250px;
    padding: 13px 0;
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    background: #4749a3;
    border-radius: 20px;
    margin: 10px auto;
    text-align: center;
    text-decoration: none;
}
.button:hover {
    cursor: pointer;
    opacity: 0.95;
}
.button_gray {
    background: #ddd;
    color: #333;
}
.button_gray:hover {
    background: #d3d2d1;
}
.pricing_tab_right ul {
    list-style: disc;
}
.pricing_tab_right ul li {
    font-size: 13px;
    line-height: 17px;
    font-style: italic;
    margin-bottom: 5px;
}
.pricing_tab_right .button {
    margin: 20px auto;
}
.pricing_tab_legend {
    position: relative;
    margin: 20px 0;
    height: 20px;
}
.pricing_tab_subtitle_line {
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
    border: 0;
    display: table;
    width: 100%;
    border-top: 1px solid #cacaca;
}
.pricing_tab_subtitle {
    font-size: 15px;
    line-height: 20px;
    color: #4749a3;
}
.pricing_tab_legend .pricing_tab_subtitle {
    position: absolute;
    z-index: 1;
    background: #fff;
    padding-right: 10px;
}
.section_testimonials {
    padding: 20px 0;
}
.section_testimonials  .section_inner {
    background: #fff;
    text-align: center;
    border-radius: 20px;
    padding: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.section_testimonials img {
    display: table;
    width: 100px;
    height: 100px;
    margin: 10px auto;
    border-radius: 100%;
}
.section_footer {
    padding: 70px 0;
    background: #23244d;
}


/*------------------------- MEDIA QUERIES --------------------------------*/
@media only screen and (max-width: 900px) {
    .pricing_tab_left,
    .pricing_tab_right {
        width: 100%;
        float: none;
    }
    .pricing_tab_left {
        border-radius: 0;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }
}

@media only screen and (max-width: 600px) {
    .row_half,
    .row_third {
        width: 100%;
        float: none;
    }    
    .section_testimonials .row_third {
        margin-bottom: 20px;
    }
}