.f-book-right {font-family: 'Lato', sans-serif;}
				.f-book-right h1 { font-family: 'Oswald', sans-serif; }
				.f-book-right .x-button-title { font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 1.5em }
				.f-book-right .x-button-element {background: #1073be; box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.29);}
				.f-book-right  .x-button-icons { font-size: 1.5em}
				.f-book-img-logo { margin-bottom:20px; max-width:250px;}
.book-item-white {
			  margin: 0 auto;
    		  display: -webkit-inline-box;
			  padding: 0%;
			  list-style-type: none;
			  font-family: 'Lato', sans-serif;

			}
			.book-item-white:after {
			  content: '';
			  position: absolute;
			  top: 0;
			  right: 15px;
			  width: calc(100% - 500px);
			  height: 100%;
			  border-radius: 3px;
			  box-shadow: 0 0 0 0 transparent;
			  background-color: rgba(255, 255, 255, 0);
			  z-index: -1;
			  transition: all 250ms ease-out;
			}

			.book-item-white:hover .item-img img {
			  box-shadow: 0px 0px 10px 0px rgba(49, 49, 49, 0.25);
			}
			.book-item-white:hover a.button {
			  background-color: #219e9a;
			}

			.book-item-white .bk-bookdefault {
			  -webkit-transform: rotate3d(0, 1, 0, 25deg);
			  transform: rotate3d(0, 1, 0, 25deg);
			}
			.book-item-white:hover .bk-bookdefault {
			  -webkit-transform: rotate3d(0, 1, 0, 45deg);
			  transform: rotate3d(0, 1, 0, 45deg);
			}
			.book-item-white:hover .bk-back {
			  opacity: 1;
			}
			.book-item-white .item-img {
			  display: inline-block;
			  float: left;
			  padding-right: 30px;

			}
			.book-item-white .item-img img {
			  box-shadow: 0 0 0 0 transparent;
			  transition: all 250ms ease-out;
			}
			.book-item-white .item-details {
			  padding-right: 30px;

			}
			.book-item-white h1 {
			  font-family: 'Oswald', sans-serif;
			  font-size: 9em;
			  margin: 0px;
			  padding:0vh 0;
			  text-transform: uppercase;
                          font-weight:400;
			}

			.book-item-white h2 {
			  font-family: 'Oswald', sans-serif;
			  font-size:6em;
			  margin: 0px;
			  padding:0vh 0;
			  font-weight: 400;
			  text-transform: uppercase;
			  position: relative;
			  top: 15px;
			}

			.book-item-white h3 {
			  font-family: 'Lato', sans-serif;
			  font-size: 1.2em;
			  margin: 0px;
			  padding:1vh 0;
			}

			.book-item-white h4 {
			  font-family: 'Lato', sans-serif;
			  font-size: 1.3em;
			  margin: 0px;
			  padding:1vh 0;

			}
			.book-item-white p {
			  font-family: 'Lato', sans-serif;
			  font-size: 1em;
			  margin: 0px;
			  line-height: 1.4em;
			  padding:1vh 0;

			}

			/*.book-item-white span {
			  font-family: 'Lato', sans-serif;
			  letter-spacing:5px;
			  font-size: 1.3em;
			  margin: 0px;
			  padding:2vh 0;
				display:block;
			}*/



			/*
			 *  Book Rotate*/
			.bk-img {
			  position: relative;
			  display: inline-block;
			  float: left;
			  padding-right: 30px;
			  list-style: none;
			}
			.bk-img .bk-wrapper {
			  position: relative;
			  width: 380px;
			  height: 600px;
			  float: left;
			  z-index: 1;
			  -webkit-perspective: 1400px;
			  perspective: 1400px;
			}
			.bk-img .bk-wrapper:last-child {
			  margin-right: 0;
			}
			.bk-img .bk-book {
			  position: absolute;
			  width: 100%;
			  height: 500px;
			  -webkit-transform-style: preserve-3d;
			  transform-style: preserve-3d;
			  transition: -webkit-transform .5s;
			  transition: transform .5s;
			  transition: transform .5s, -webkit-transform .5s;
			}
			.bk-img .bk-book > div,
			.bk-img .bk-front > div {
			  display: block;
			  position: absolute;
			}
			.bk-img .bk-front {
			  -webkit-transform-style: preserve-3d;
			  transform-style: preserve-3d;
			  -webkit-transform-origin: 0% 50%;
			  transform-origin: 0% 50%;
			  transition: -webkit-transform .5s;
			  transition: transform .5s;
			  transition: transform .5s, -webkit-transform .5s;
			  -webkit-transform: translate3d(0, 0, 20px);
			  transform: translate3d(0, 0, 20px);
			  z-index: 10;
			}
			.bk-img .bk-front > div {
			  z-index: 1;
			  -webkit-backface-visibility: hidden;
			  backface-visibility: hidden;
			  -webkit-transform-style: preserve-3d;
			  transform-style: preserve-3d;
			  border-radius: 0 3px 3px 0;
			  box-shadow: inset 4px 0 10px rgba(0, 0, 0, 0.1);
			}
			.bk-img .bk-front:after {
			  content: '';
			  position: absolute;
			  top: 1px;
			  bottom: 1px;
			  left: -1px;
			  width: 1px;
			}
			.bk-img .bk-front,
			.bk-img .bk-back,
			.bk-img .bk-front > div {
			  width: 380px;
			  height: 500px;
			}
			.bk-img .bk-left,
			.bk-img .bk-right {
			  width: 40px;
			  left: -20px;
			}
			.bk-img .bk-back {
			  -webkit-transform: rotate3d(0, 1, 0, -180deg) translate3d(0, 0, 20px);
			  transform: rotate3d(0, 1, 0, -180deg) translate3d(0, 0, 20px);
			  box-shadow: 5px 7px 15px rgba(0, 0, 0, 0.3);
			  border-radius: 3px 0 0 3px;
			  opacity: 0;
			  transition: opacity 250ms ease-out;
			}
			.bk-img .bk-back:after {
			  content: '';
			  position: absolute;
			  top: 0;
			  left: 10px;
			  bottom: 0;
			  width: 3px;
			  background: rgba(0, 0, 0, 0.08);
			  box-shadow: 1px 0 3px rgba(255, 255, 255, 0.2);
			}
			.bk-img .bk-left {
			  height: 500px;
			  -webkit-transform: rotate3d(0, 1, 0, -90deg);
			  transform: rotate3d(0, 1, 0, -90deg);
			}
			.bk-img .bk-left h2 {
			  width: 400px;
			  height: 40px;
			  -webkit-transform-origin: 0 0;
			  transform-origin: 0 0;
			  -webkit-transform: rotate(90deg) translateY(-40px);
			  transform: rotate(90deg) translateY(-40px);
			}
			.bk-img .bk-cover {
			  /*background-image: url(""); */
			  background-repeat: no-repeat;
			  background-position: 10px 40px;
			}
			.bk-img .bk-cover:after {
			  content: '';
			  position: absolute;
			  top: 0;
			  left: 10px;
			  bottom: 0;
			  width: 3px;
			  background: rgba(0, 0, 0, 0.08);
			  box-shadow: 1px 0 3px rgba(255, 255, 255, 0.2);
			}
			.bk-img .bk-cover {
			  background-repeat: no-repeat;
			  background-position: top left !important;
			}
			.bk-img .bk-front > div,
			.bk-img .bk-left {
			  background-color: #f1f1f1;
			}

			.bk-img .bk-cover .bk-content { padding:10% 5% 5% 5%; text-align: center; color: #383838;}
 .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 , .btn:hover , .btn:focus , .btn:active {
    background: #0c578f;
 }
 .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 ;
    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;
}

.videoWrapper {
  position: relative;
  max-width: 100%;
}

.videoWrapper>iframe{
  max-width : 100%;
}

.videoWrapper>.frameCover{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: none;
  max-width : 100%;
}
.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';
 }
}

/* button:hover {
    background: #e23b02 !important;
} */



.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{

}
.popup-d1 .close:hover{
    background: none !important
}
.blue-black-optin-button {
font-size: 2em;
   padding: 0px;
   margin: 0px;
   display: block;
   background: #1073be;
   padding: 12px;
}