.dv-crimson-out {
    background-image: url(/elements/bundles/Zenler/images/open-163976_960_720.jpg);
    background-size: cover;
}
.f-4-video {font-family: 'Lato', sans-serif;}
.f-4-video h1 { font-family: 'Oswald', sans-serif; font-size: 4em; text-transform: uppercase;}
.f-4-video .btn-f-4 { font-family: 'Oswald', sans-serif; font-size: 2em; margin-bottom: 15px; line-height: normal; background:#df3025;}
.f-4-video .btn-f-4:hover { font-family: 'Oswald', sans-serif; font-size: 2em; margin-bottom: 15px; background:#df3025;}

.f-4-video-list { font-size: 1em; display:block; width: 85%; padding: 0px;margin-left: 23px;}
.f-4-video-list li { background: #df3025; color: #fff; padding: 5px 5px; margin-bottom: 10px; display:block; text-align: center; position: relative; }
.f-4-video-list li a  {color: #fff; line-height: 26px;}
.f-4-video-list .locked {opacity: 0.2 !important; background: #000;}

.fv4-button {background: #df3025; color: #fff; padding: 20px 40px; margin: 10px auto; display:block; width: 40%; border-radius: 0px; font-size: 20px; text-align: center;}
.fv4-button:hover {text-decoration: none; color: #fff; text-align: center; display:block;}
.x-font-Brandon-bld-light {
    font-family: 'Brandon_light';
}
.x-font-Brandon-bld-it {
    font-family: 'Brandon_bld_it';
}
.x-font-Brandon-light {
    font-family: 'Brandon_light';
}
.x-font-Brandon-light-it {
    font-family: 'Brandon_light_it';
}
.x-font-roboto-regular {
    font-family: 'roboto-regular';
}
.x-font-open-sans-light {
    font-family: 'OpenSans-Light';
}
.x-font-lible {
    font-family: 'libel';
    font-weight:normal;
}
.x-font-raleway-regular {
    font-family: 'Signika';
    font-weight:normal;
}
.x-font-open-sans{
    font-family: 'Open Sans', sans-serif !important;
}
.x-font-FallingSkyLight{
    font-family: 'FallingSkyLight';
}
.x-font-roboto {
    /* font-family: 'Roboto'  !important;*/
}
.x-font-droid-Sans{
    font-family: 'Droid Sans', sans-serif !important;
}
.x-font-ubuntu{
    font-family: 'Ubuntu', sans-serif !important;
}

.x-font-ubuntu-condensed{
    font-family: 'Ubuntu Condensed', sans-serif !important;
}
.x-font-archivo-narrow{
    font-family: 'Archivo Narrow', sans-serif !important;
}
.x-font-raleway {
    font-family: 'Raleway', sans-serif;
}
.x-font-open-sans{
    font-family: 'Open Sans', sans-serif !important;
}
.x-font-droid-Sans{
    font-family: 'Droid Sans', sans-serif !important;
}
.x-font-ubuntu{
    font-family: 'Ubuntu', sans-serif !important;
}
.x-font-karla{
    font-family: 'Karla', sans-serif !important;
}
.x-font-ubuntu-condensed{
    font-family: 'Ubuntu Condensed', sans-serif !important;
}
.x-font-archivo-narrow{
    font-family: 'Archivo Narrow', sans-serif !important;
}
.x-ralway-extra-light {
    font-family: 'ralewy-extra-light', sans-serif;
}
.x-pt-sans {
    font-family: 'PT Sans', sans-serif;
}
.x-josfine-font {
    font-family: 'Josefin Sans', sans-serif;
}
.x-Signika-font {
    font-family: 'Signika', sans-serif;
}
.x-raleway-thin {
    font-family: 'raleway-thin', sans-serif;
}
.x-font-gnuolane{
    font-family: 'gnuolane';
}
.x-spranq-font {
    font-family: 'spranq' !important;
}
.x-title-btn {
    font-family: 'OpenSans-Light';
}

.x-font-new-Roboto-ThinItalic{
    font-family: 'Roboto-ThinItalic';
}
.x-font-new-Roboto-Thin{
    font-family: 'Roboto-Thin';
}
.x-font-new-Roboto-Regular{
    font-family: 'Roboto-Regular';
}
.x-font-new-Roboto-MediumItalic{
    font-family: 'Roboto-MediumItalic';
}
.x-font-new-Roboto-Medium{
    font-family: 'Roboto-Medium';
}
.x-font-new-Roboto-LightItalic{
    font-family: 'Roboto-LightItalic';
}
.x-font-new-Roboto-Light{
    font-family: 'Roboto-Light';
}
.x-font-new-Roboto-BoldItalic{
    font-family: 'Roboto-BoldItalic';
}
.x-font-new-Roboto-Bold{
    font-family: 'Roboto-Bold',sans-serif;
}
.x-font-new-Roboto-BlackItalic{
    font-family: 'Roboto-BlackItalic';
}
.x-font-new-Roboto-Black{
    font-family: 'Roboto-Black';
}
.x-tahoma {
    font-family: tahoma, sans-serif;
}
.x-font-sans-serif {
    font-family: sans-serif;
}
.x-arial-font {
    font-family: arial, sans-serif;
}

/*  --------------------------------------------------
   +++      2- Font Settings    ++++++++++++++++++++++
   -------------------------------------------------- */
.x-font-weight-normal{
    font-weight: normal;
}
.x-font-line-height-headline {
    line-height: 1.4;
}
.x-font-size-subtitle {
    font-size: 12px;
}
.x-font-weight-bold{
    font-weight: bold;
}
.x-title-btn {
    font-weight: 100;
}
.x-font-size-paragraphs{
    font-size: 20px;
}

/*  --------------------------------------------------
+++      3- Hero and Section Backgrounds ++++++++++++
-------------------------------------------------- */


.x-bg-full-bg{
    background: linear-gradient(rgba(250,250,250 ,0.3),rgba(250,250,250,0.3)),
        url(../images/background.jpg)
        center top no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    height: 100%;
}




.x-bg1{
    background-image:   url(../images/bg1.jpg);
    background-repeat: no-repeat;
    background-position: 0% bottom;
    background-size: cover;
    background-attachment: scroll;
    background-color: rgba(0, 0, 0, .1);
    /*background: url(../images/bg-image.jpg) no-repeat scroll 50% 50% / cover  rgba(0, 0, 0, 0);*/
}


.x-bg2{
    background: linear-gradient(rgba(0, 0, 0, 0.68),rgba(0,0,0,0.68)),
        url(../images/bg2.jpg)
        center top no-repeat;
    background-size: cover;
}

.x-bg3{
    background: linear-gradient(rgba(0, 0, 0, 0.68),rgba(0,0,0,0.68)),
        url(../images/bg3.jpg)
        center top no-repeat;
    background-size: cover;
}

.x-bg4{
    background: linear-gradient(rgba(0, 0, 0, 0.68),rgba(0,0,0,0.68)),
        url(../images/bg4.jpg)
        center top no-repeat;
    background-size: cover;
}

.x-bg5{
    background: linear-gradient(rgba(0, 0, 0, 0.68),rgba(0,0,0,0.68)),
        url(../images/bg5.jpg)
        center top no-repeat;
    background-size: cover;
}

.x-bg6{
    background: linear-gradient(rgba(0, 0, 0, 0.68),rgba(0,0,0,0.68)),
        url(../images/bg6.jpg)
        center top no-repeat;
    background-size: cover;
}

.x-bg7{
    background: linear-gradient(rgba(0, 0, 0, 0.68),rgba(0,0,0,0.68)),
        url(../images/bg7.jpg)
        center top no-repeat;
    background-size: cover;
}

.x-bg8{
    background: linear-gradient(rgba(0, 0, 0, 0.68),rgba(0,0,0,0.68)),
        url(../images/bg8.jpg)
        center top no-repeat;
    background-size: cover;
}

.x-bg9{
    background: linear-gradient(rgba(0, 0, 0, 0.68),rgba(0,0,0,0.68)),
        url(../images/bg9.jpg)
        center top no-repeat;
    background-size: cover;
}

.x-bg10 {
    background: linear-gradient(rgba(0, 0, 0, 0.68),rgba(0,0,0,0.68)),
        url(../images/bg10.jpg)
        center top no-repeat;
    background-size: cover;
}

.x-bg11 {
    background: linear-gradient(rgba(0, 0, 0, 0.68),rgba(0,0,0,0.68)),
        url(../images/bg11.jpg)
        center top no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.x-bg12 {
    background: linear-gradient(rgba(0, 0, 0, 0.68),rgba(0,0,0,0.68)),
        url(../images/bg12.jpg)
        center top no-repeat;
    background-size: cover;
}

.x-bg13 {
    background: linear-gradient(rgba(0, 0, 0, 0.68),rgba(0,0,0,0.68)),
        url(../images/bg13.jpg)
        center top no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

/*  --------------------------------------------------
+++      4- Colours and Backgrounds ++++++++++++
-------------------------------------------------- */
.form_1_bg, .dark.form_1_bg {
    background:#fff;
}
.x-bg-color-btns{
    background: #fb4f14;
}
.x-color-black{
    color: #000;
}
.x-color-beach{
    color: #eee;
}
.x-color-little-black , .normal_gray{
    color: #222;
}
.x-color-white {
    color:#fff;
}


/*  --------------------------------------------------
+++      5- Fit Containers and Blocks  ++++++++++++
-------------------------------------------------- */
.x-width-100{
    width: 100%;
}
.x-width-90{
    width:90%;
}
.x-width-50{
    width: 50%;
}
.x-width-30{
    width: 30%;
}
.x-height-500{
    min-height: 500px;
}
.x-height-auto{
    height: auto;
}
.x-height-400{
    min-height: 500px;
}

.x-big-padding-section{
    padding: 80px 0px;
}
.x-small-padding-section{
    padding: 30px 0px;
}
.x-big-margin{
    margin: 60px auto;
}
.x-small-margin{
    margin: 10px auto;
}
.x-small-margin-top{
    margin-top: 10px;
}
.x-small-margin-bottom{
    margin-bottom:  10px ;
}

.x-small-dual-margin{
    margin: 20px auto;
}
.x-small-dual-margin-top{
    margin-top: 20px;
}
.x-small-dual-margin-bottom{
    margin-bottom:  20px ;
}
.x-0-paddin{
    padding: 0px;
}

.x-icon-padding-right{
    padding-right: 5px;
    padding: 10px 5px;

}

.gto-subtext {
    padding-top: 4px;
}
.x-btns-hover-default:hover , .x-btns-hover-default:focus , .x-btns-hover-default:active{
    padding: 7px 15px 2px 15px;
}
.gto-subtext {
    padding-bottom: 5px !important;
    padding-top: 4px;
}
.box-img , .menu-sprits{
    padding:0px;
}
.extra_paddingx {
    padding-top: 55px !important ;
}

.menu-sprits   a , .menu-sprits   a:hover  {
    padding: 5px;
}
.box-in-right {
    padding: 30px 30px 20px 30px;
}
.btn--block {
    padding-right: 10px;
    padding-left: 10px;
}
.x-padding-title-bootm {
    padding-bottom: 3px;
}
.x-padding-left-right-20{
    padding-left: 20px;
    padding-right: 20px;
}
.x-small-padding {
    padding: 5px;
}

.gto-maintitl{
    padding: 0px 30px !important;
}
.btn--small{
    padding: 10px 20px;
}
.x-0-margin{
    margin: 0px;
}
.x-inline-block{
    display: inline-block;
}
.x-block{
    display: block;
}
.x-overflow-hidden{
    overflow: hidden;
}
.block-img {
    display: block;;
    overflow: hidden;
    margin: 0px auto;
}
.x-padding-buttons{
    padding: 7px 15px 8px 15px;

}
/*  --------------------------------------------------
+++       - 6- Other  Classes  ++++++++++++++++++++++
-------------------------------------------------- */

/*Default Block Background*/
.btn:hover , .btn:focus , .btn:active {
    background: #b6241b !important;
}
.x-title-btn {
    line-height: 1;
    margin-bottom: 5px;
    margin-top: -2px;
}
.x-title-btn {
    padding-bottom: 5px;
    margin-top: -9px;
    float: left;
}
.headline{
    font-size: 3.6rem;
}
@media (min-width: 780px){
    .block-img {
        width: 100%;
    }
}
.menu-sprits {
    display: inline-block;;
    overflow: hidden;
    margin: 0px;
}enu-sprits   a , .menu-sprits   a:hover {
    color: #999;
    font-weight: bold;
    text-decoration: none;;
    display: inline-block;
    overflow: hidden;
}

.box-in-right {
    width: 70%;
    display: block;
    margin: 0px auto;
}
.normal_gray {
    font-size: 2.4rem;
    line-height: 32px;
    width: 100%;
    text-align: center;
}
.bg-box-color {
    background-color: #edf1f2;
}
.btn--block {
    display: block;
    width: 100%;
}
.btn--small {
    font-size: 1.6rem;
}
/*.btn-primary , .btn-primary:hover ,  .btn-primary:active ,  .btn-primary:focus {
    overflow: hidden;
    margin: 0px auto;
    display: block !important;
    background: #2e91fc !important;
    border: 1px  #2e91fc solid;
    width: 98%;
}*/
.box-in-right {
    margin-top: 20px;
}
@media only screen and (max-width: 800px){
    .col-xs-12 {
        margin-top: 20px;
    }
    .box-in-right {
        width: 100%;}
}
.img-blocker {
    display: block;
    overflow: hidden;
    margin: 0px auto;
}
/*  --------------------------------------------------
+++       - 6- Typography  ++++++++++++++++++++++
-------------------------------------------------- */
a,a:active ,a:hover , a:focus , a:link  {
    text-decoration:none;
    cursor:pointer;
}
@media (max-width:600px){
    .x-linear-bg {
        padding: 10px 10px;
    }
}
.x-widther {
    width: 100%;
    display: block;
    overflow: hidden;
}
.xxx-x_button{
    padding: 4px 16px;
    border:0px;
}
.x-button-padding-x{
    padding-left: 25px !important;
    padding-right: 25px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.x-button-simple-rounder {
    border-radius: 3px;
}

.x-button-subtitle , .x-button-title{
    width: 100%;
    display: block;
}
.x-button-icon{
    margin-right: 3px;
    display:  inline-block;;
}
.x-button-subtitle-font{
    font-weight: normal;
    font-size: 11.5px;
}
.pi {
    font-weight: bold;
}
.x-border-none {
    border: 0px solid transparent;
}
.x-button-font-size{
    font-size: 30px ;
}
.x-position-relative {
    position: relative;
}
.x-vertical-align-midle {
    vertical-align: inherit;
    margin-top: -5px;
    margin-right: 5px;
}
.x-baseline {
    vertical-align: baseline;
}
button, button, input[type="submit"], input[type="reset"], input[type="button"]{
    text-shadow:none;
}
.x-color-white:hover, x-color-white:focus , x-color-white :active {
    color: #fff;
}
.x_ebook_9 .headtext_style {
    color: #fff;
    font-size: 26px;
    line-height: 100%;
    padding-top: 20px;
}
.xxx-x_button:hover {
    opacity: 1;
}
.x-padding{
    padding: 1px;
}
form.x-contact-forem {
    padding: 15px 8px !important;
}


.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.x-button-subtitle {
    font-family: 'roboto-regular';
}
.x-margin-button-distances {
    margin: 15px auto !important;
}
.x-color-grey {
    color: gray;
}
.x-padding-l-r{
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.x-padding-block-buttons {
    padding-left: 20px;
    padding-right:20px;
}
.x-padding-edit {
    padding: 5px;
}

.x-border-btns{
    border:1px sandybrown solid;
}

.x-small-padding{
    display: block;
    overflow: hidden;
    margin: 0px;
}
.gto-maintitl{
    margin-top: 1px;
}/*
.x-border-w-radius , x-border-w-radius-hover:hover {
  border-radius: 43px;
  border: 5px solid rgba(250,250,250,0.7);
}*/

.x-btns-hover-default:hover , .x-btns-hover-default:focus , .x-btns-hover-default:active{
    background: #fb4f14;
    color: #fff;

    margin-top: 10px;
}

.x-border-small-w-radius {
    border-radius: 43px;
    border: 1px solid rgba(250,250,250,0.7);
}


.gto-maintitl{
    line-height: 1.2;
}

.x-icon-padding-right {
    float: left;
    display: block;
    overflow: hidden;
    margin-top: -8px;
}.gto-subtext {
    /* padding-bottom: 5px !important; */

    margin-top: -11px;
    margin-bottom: 5px;
}
.x-width-100-full {
    width: 100%;
}



.hr {
    width: 20%;
    border: none;
    height: 4px;
    background-color: #ce313c;
    display: block;
    margin: 13px 0px 29px 0px;
}

.x-linear-bg {
    background: rgba(0,0,0,.5);
    margin: 10px auto;
    padding: 30px 30px;
    border-radius: 10px;
}



@media only screen and (device-width: 768px) {
    /* For general iPad layouts */
    .x-font-size-title {
        font-family: 'Raleway-x';
    }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    /* For portrait layouts only */
    .x-font-size-title {
        font-family: 'Raleway-x';
    }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    /* For landscape layouts only */
    .x-font-size-title {
        font-family: 'Raleway-x';
    }
}

.x-bg-white-color {
    background:#fff;
}
.x-font-cuprum {
    font-family: 'Cuprum', sans-serif;
}
.x-margin-auto-left-right{
    margin: 5px auto;
}
.x-block-padding {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 15px;
    margin-right: 15px;
}
.x-header{
    font-size: 34px;
    line-height: 48px;
    padding: 0;

}
.x-padding-top {
    padding:50px;
}
.x-video-circle{
    webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;


    background: #EA4E33; /*
    background: -moz-linear-gradient(-45deg, #FF8C48 0%, #15d4b6 40%, #EA4E33 78%) ) !important;
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #FF8C48), color-stop(98%, #EA4E33 )) !important;
    background: -webkit-linear-gradient(-45deg, #FF8C48 0%, #EA4E33 98%) !important;
    background: -o-linear-gradient(-45deg, #FF8C48 0%, #EA4E33 98%) !important;
    background: -ms-linear-gradient(-45deg, #FF8C48 0%, #EA4E33 98%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#FF8C48', endColorstr='#EA4E33 ', GradientType=1 ); */
    color: #fff;
    font-size: 10px;
    font-weight: 900;
    height: 60px;
    line-height: 200%;
    position: absolute;
    top: -20px;
    right: -5px;
    width: 60px;
    text-transform: uppercase;
}
.x-count{
    font-size: 24px;
}
.title-x , .x-count{
    webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    letter-spacing: 1px;
    left: 50%;
    position: absolute;
    top: 35%;
}

.x-count{
    top: 65%;
}
.x-video-texts {
    color: #3b3e48;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 26px;
    padding: 15px 0px;;
    width: 100%;
    text-align: center;
}
.text-left{
    text-align: left;
}
.img-cdata {
    border-radius: 10px;
}
.x-width-80-full {
    width: 95%;
}
.x-gradient-button , .x-gradient-button:hover{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 0px;
    color: #fff;
    font-size: 13px !important;
    font-weight: 700;
    letter-spacing: 4px;
    line-height: 1.8;
    outline: 0px;
    padding: 20px 20px 20px 20px;
    background: #EA4E33  ;
    /*  background: -moz-linear-gradient(-45deg, #FF8C48 0%, #15d4b6 40%, #EA4E33 78%) !important) !important;
      background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #FF8C48), color-stop(98%, #EA4E33 )) !important;
      background: -webkit-linear-gradient(-45deg, #FF8C48 0%, #EA4E33 98%) !important;
      background: -o-linear-gradient(-45deg, #FF8C48 0%, #EA4E33 98%) !important;
      background: -ms-linear-gradient(-45deg, #FF8C48 0%, #EA4E33 98%) !important;
       filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#FF8C48', endColorstr='#EA4E33 ', GradientType=1 );
      -webkit-background-clip: default;*/
}

.modal-x {
    /* overflow-y: hidden !important; */
    background: rgba(236,235,223,.88) !important;
}
.modal-content-x {
    border-radius: 0px;
}

.x-model-header {
    background-image: url(../images/overlay-bg-block2.png) ;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-color: #fff;
    min-height: 251px;
}
.modal-body-x , .x-model-header , .x-model-footer{
    border:0px !important ;
}
.x-font-size-headlines{
    font-size: 45px;
}
.modal-body-x{
    padding: 0px 20px;
}
.model-xpadding{
    padding: 0 50px;
}
.x-model-line-height {
    font-size: 2.4rem;
    font-weight: 300;
    line-height: 1.8;
}

@media (max-width:600px){
    .x-font-size-headlines{
        font-size: 23px;
    }
    .x-font-size-paragraphs{
        font-size: 15px;
    }

}

.text-fields::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #a19d9d;font-family: 'Brandon_light_it';
    font-size: 20px;
    line-height: 2 !important;
}
.text-fields:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #a19d9d;font-family: 'Brandon_light_it';
    opacity:  1;font-size: 20px;
}
.text-fields::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #a19d9d;font-family: 'Brandon_light_it';
    opacity:  1;font-size: 20px;
}
.text-fields:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #a19d9d;font-family: 'Brandon_light_it';font-size: 20px;
}
.icon-1{
    background: url(../images/full-name.png) no-repeat scroll 7px 7px !important;
}

.icon-2{
    background: url(../images/email_message.png) no-repeat scroll 7px 7px !important;
}


.text-fields {
    padding: 15px 10px;
    border: 1px solid #a19d9d !important;
    padding-left: 62px;
    background-size: 37px !important;
}

.text-font-size {

}
.x-padding-top-x {
    margin-top:20px;
}
.x-vertical-middle {
    vertical-align: middle;
    background: transparent;
    margin-bottom: 0;
    padding: 40px 0 80px;
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 4px;
    margin-bottom: 20px;
    padding: 40px 0;
    text-transform: uppercase
}
@media   (max-width:780px){
    .x-vertical-middle{
        font-size: 18px;
    }
    .x-vertical-middle {
        min-height:230px;;
    }
    .model-xpadding {
        padding: 0px;
    }
}
.video-container {
    display: block;
    background: #222;
}
.video-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    display: block;
}
.blay-block {
    position: absolute;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
    width: 60px;
    display: block;
    height: auto;
    margin: 0px auto;
    top: 40%;
    opacity: 0.5;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -ms-transition:all .2s linear;
    -o-transition:all .2s linear
}
.x-margin-auto-left-right {
    cursor: pointer;
}
.x-hover-video:hover > .blay-block {
    opacity: 1;

} /*   background: #f0efe4; */
.bg-text-cols {
    background: #f0efe4;
}
.bg-container {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #d5d4ca;
    color: #3b3e48;
    font-weight: 700;
    letter-spacing: 2px;
    margin: 20px auto;
    padding: 45px 25px;
    display: block;


}

.x-p-texts {
    line-height: 1;
    font-size: 25px !important;
}

.x-text-footer {
    padding-top: 50px ;
}
.x-margin-button-distances-big {
    margin-top: 50px;
}
.x-clients {
    width: 12%;
    display: inline-block;
    margin: 0px auto;
}
@media (max-width:780px){
    .x-clients {width: 24.5%;}
}

@media (max-width:580px){
    .x-clients {width: 49%;}
}
.x-section-big-padding {
    padding-bottom: 120px;
    padding-top: 120px;
    overflow: hidden;
}
.box-item {
    width:47%;
    display: inline-block;

    height:auto;
    margin: 0px auto;


    float: left;
}


.box-item:first-child{
    margin-left: 7%;
}
.box-item:last-child{
    margin-right: 7%;

}
.right-box {
    margin-top: 150px;
    margin-left: -150px;
    padding: 50px;
}
.right-box {
    background-color: #eee;
}
@media (min-width:1780px ){
    .box-item:first-child, .box-item:last-child{
        margin-left: 0%;
        margin-right: 0px;
        display: inline-block;
        width: 40%;
        margin-top: 10px;
    }
    .box-item:first-child{
        float: left;
    } .box-item:last-child{
        float:right;
    }
}
@media (max-width:780px ){

    .box-item:first-child, .box-item:last-child{
        margin-left: 0%;
        display: block;
        width: 100%;
        margin-top: 10px;
    }

}

.x-about-name {
    font-weight: 900;
    font-size: 3rem;
    line-height: 120%;
    color: #4d4d4d;
}
.x--subtitle {
    color :#c1c1c1;
    font-weight: bold;
}
.xpp {
    padding-top:50px;
}
.xx-footer{
    color: #fff !important;
}
.x-video-texts-parag {
    font-size: 23px;
    font-style: normal;
}



/*Under Modifications */
.x-navbar-list{
    width:100%;
    display: block;

}
.x-navbar-list > li {
    width: 25% !important;
    text-align: center;
}
.x-navbar-list > li > a {
    background: #222;
    color: #fff;
}

.x-navbar-list > li:first-child > a{
    border-radius: 0px 0px 0px 8px;
}

.x-navbar-list > li:last-child > a{
    border-radius: 0px 0px 8px 0px;
}
.x-navbar-list > li > a:hover, .x-navbar-list > li > a:focus , .x-navbar-list > li > a:active{
    background: #51a7fa;
}

.x-height-auto {
    height: auto;
    padding: 0px;
}

/*Under Modifications to here  */

.set-more-gap {
    margin-top:25px;
}
.resmall-x {
    font-size: 14px;
}
.box-responsive {
    width: 90%;
    height: auto;
    background: #fff;
    margin: 0px auto;
    overflow: hidden;
    display: block;
}
.x-arrow-down {
    position: absolute;
    margin-top: -47px;
    margin-left: 11px;
    padding-top: 15px;
    padding-left: 0px;
    top: 50%;
    left: 10%;
}
.x-btn-buttons {

    margin-top: 51px;
    margin-bottom: 44px;
    padding: 10px 61px;
    border-radius: 7px;
    background-color: #fb5132;
    box-shadow: 0 1px 18px -5px #000;
    font-family: Lato, sans-serif;
    font-size: 23px;
    letter-spacing: 1px;
    color: #fff;
    margin: 0px auto;
    display: block;
}
.x-btn-buttons:hover {
    color:#fff;
}
.video-titles{
    padding:10px;
    font-size: 16px;
    width:100%;
    display: block;
    text-align: center ;
    color:#888;
    font-weight: bold;
}

.video-titles b {
    color: #222;
}


.menu-navbar {
    display: bloc;
    overflow: hidden;
    margin: 0px auto;
    padding:0px;
    list-style: none;
}
.menu-navbar  > li {
    display: inline-block;
}
.menu-navbar  > li > a {
    padding: 7px 15px;;
    color:#fff;
    font-size: 18px;
    text-decoration: none;
    line-height: 2;
    display:block;
}
.menu-navbar  > li > a:hover {
    text-decoration: none;
    background-color: #3b3b3b
}


@media only screen and (max-width:450px ){
    .img-blocker {
        display: block;
        margin: 10px auto;
        width: 200px;
        overflow: hidden;
    }

}

@media only screen and (min-width:950px) and (max-width:1100px){

    ul.x-navbar-list li a {
        padding: 8px;
        margin: 0px;
    }
}
@media only screen and (max-width:950px){
    .x-padding-top {
        padding: 50px 0px;
    }
    ul.x-navbar-list {
        display: block;
        overflow: hidden;
    }
    .navbar-nav {
        margin: 0px;
    }
    ul.x-navbar-list {
        display: inline-block;
    }
    ul.x-navbar-list li {
        display: inline-block;
        padding: 0px;
        margin: 0px;
        width: 32% !important;
    }
    ul.x-navbar-list li:last-child{display: none;}
    .xc {
        border-radius: 0px 0px 5px 0px   ;
    }
    ul.x-navbar-list li a {
        font-size: 10px;
        padding: 8px;
        margin: 0px;
    }
}
.x-size-btn-title {
    font-size: 20px;
}
.x-abolute-block {
    display: block;
    top: 0px;
    left: 0px;
    width: 100%;
    min-height: 800px;
    overflow: auto;
}
.xx-page {
    position: relative;

    height: 100%;
    display: contents;
}
.remove-padding {
    padding:0px !important ;
}

.x-box-footer-{
    display: block;
    overflow: hidden;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding-bottom: 20px;
    cursor: pointer;

}
.x-box-footer- > a , .x-box-footer- > a:hover {
    color: #333 !important;
    text-decoration: none;
}
.x-paragraphs {
    font-size: 50px; padding: 10px 20px;  line-height: 1; font-weight: bold;
}
.xz-footer {
    font-size: 18px; padding: 50px 20px;  line-height: 1; font-weight: bold;
}
@media screen and (max-width:700px){
    .remove-padding{
        width:100% !important;
    }
    .x-paragraphs  {
        font-size: 30px;
        padding: 0px 0px 10px 0px;
    }
    .x-btn-buttons {
        font-size: 13px;
    }
    .xz-footer {
        font-size: 13px;
    }
}

.x-padding-120-tow-both {
    padding: 120px 0px !important;
}



.xplay-video {
    color: #fff;
    font-size: 50px;

}
.x-re-img-responsive {
    width:100%;
}
.x-hover-video {
    border-radius: 10px;
}

.block-img-x-right {
    margin-top: 0px;
    background-color: transparent;
    position: relative;
    z-index: 1;
}
.block-img-x-left {
    margin-top: 150px;
    background-color: #eee;
    padding: 40px;
    position: relative;
    z-index: 2;
}

.vjs-big-play-button {
    display: none !important;
}

.master-fluid {
    width: 100%;
    display: block;
    overflow: hidden;
}
.video-container-x {
    margin-bottom: 0px;
    position: relative;
    overflow: hidden;
    width: auto;
    display: block;
}
@media only screen and (max-width:810px){
    .video-container-x {
        margin-bottom: -20px;
    }
}
.bg-videotype {
    background: #333;
    border-radius: 0px 0px 10px 10px;
    overflow: hidden;
}
.ffonts-video {
    width: 25%;
    color: #fff;
    display: inline-table;
    text-align: center;
    margin: 0pc;
    padding: 0pc;
    float: left;
    cursor: pointer;
    padding: 5px;
    font-size: 14px;
    font-weight: 300;
    line-height: 23px;
    text-align: center;
    letter-spacing: 2px;
}
.ffonts-video{
    border-right: 1px solid #555;
}
.ffonts-video:focus , .ffonts-video:active , .ffonts-video:hover {
    background: #555;
}
.ffonts-video:last-child{
    border: 0px;
}
.xxxx-font-icon {
    font-size: 19px;
    padding-right: 10px;
    vertical-align: middle;
    display: inline-block;
}

@media only screen and (max-width:780px){
    .ffonts-video ,.xxxx-font-icon , .xx-font-xx{
        font-size: 10px;letter-spacing: 0px;
        padding: 0px;
    }
    .xxx{padding:0px;margin: 0px 5px;}
}
.left-part-xxx{
    width: 45%;
    display: inline-block;
    float: left;
    text-align: left;
}
.right-part-xxx{
    width: 45%;
    display: inline-block;
    float: right;
    text-align: right;
}
.right-part-xxx > span ,.left-part-xxx > span {
    padding: 10px;
    font-size: 22px;
    display: block;
}

button.xx-font-xx , button.xx-font-xx:hover , button.xx-font-xx:focus , button.xx-font-xx:active
, .xxx-x_button   , button.xxx-x_button:hover , button.xxx-x_button:focus , button.xxx-x_button:active
{
    padding: 3px 3px;
    border: 0px;
    outline: 0px;
}
.splashbg{
    background-image: url(../images/46_wftypvyq-cristina-gottardi.jpg);
}
.x-font-subtitles-xx{
    font-family: 'roboto-regular',sans-serif !important;
}
.x-ele{

}
.f4-a-btn { font-family: 'Raleway', sans-serif; text-transform: uppercase; letter-spacing: 1px; word-break: break-word; color: #fff; font-size: 1.2em; background: #df3025; border-radius: 10px; padding: 20px; margin-top: 20px; display: block; width: 90%; margin: 0 auto; text-decoration: none; line-height: normal;}
.f4-a-btn:hover, .f-a-btn:focus {text-decoration: none; color: #fff !important; line-height: normal;}

.f-4-video h1 {font-size: 3em !important;}
@media (min-width: 1200px){
    .container {
        width: 950px;
    }}
@media (min-width: 2000px){
    .container {
        width: 1170px;}}
.f-4-video-list img.img-responsive{height:80px;width:100%;}