/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* Smaller than standard 960 (devices and browsers) */
body{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#666666; line-height:20px; margin:0; padding:0;}
*{box-sizing:border-box}
.width100Per{ float:left; width:100%;}
.container{ margin:0 10%; padding:0%; float:left; width:80%; box-sizing:border-box;}
header{ float:left; width:100%; position:fixed; left:0; top:0; z-index:5;}
header.headerFix{ background:rgba(253, 219, 0, 1);-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;}
header.headerFix .logo{ width:15%;-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;}
header.headerFix .navTrigger{ padding:8px 8px 0; }
header.headerFix .navWrapper{top:15px;}
.logo{ float:left; margin:15px 0; padding:0; width:20%;-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;}
.logo img{ max-width:100%;}
.logo a{ text-decoration:none; outline:none;}
input[type=password],
input[type=text],
textarea {
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    outline: 0;
    border:1px solid #8c7711;
}
input[type=password]:focus,
input[type=text]:focus,
textarea:focus {
    box-shadow: 0 0 5px #92c8ff;
    border: 1px solid #92c8ff;
    background: #fff!important
}
.homespotlight{width:100%; height:100vh; overflow:hidden}
.homespotlight .slick-slide{height:100vh; width:100%;}
.homespotlight .slick-slide img{width:100%;}
.bg1{background:url(../img/banner1.jpg) center top no-repeat; background-size:100%; height:100vh}
.bg2{background:url(../img/banner2.jpg) center top no-repeat; background-size:100%; height:100vh}
.bg3{background:url(../img/banner3.jpg) center top no-repeat; background-size:100%; height:100vh}
.bg4{background:url(../img/banner4.jpg) center top no-repeat; background-size:100%; height:100vh}
.posRel{position:relative;}
.bannerTxt{color:#ffd40a;  position: absolute; text-transform:uppercase; top:45%; width: 100%; word-spacing: 8px; z-index: 10;}
.txtCopy{width:50%; margin:0px auto; font-family: "Conv_Anton"; font-size: 80px; left:0; line-height:70px; text-align:center}
.yellowTxt{color:#ffd40a !important}
.marginTop0px{margin-top:0px !important}
.services{width:100%; float:left; text-align:center; margin-top:60px; }
.services h4{margin:0; padding:0; font-family:'Conv_BebasNeue'; font-size:21px; color:#000; text-transform:uppercase; font-weight:lighter}
.services h3{margin:40px 0 0 0; padding:0; font-family:'Conv_BebasNeue'; font-size:51px; color:#000; text-transform:uppercase; font-weight:500; line-height:30px}
.services h2{margin:35px 0 0 0; padding:0; font-family:'Conv_BebasNeue'; font-size:70px; color:#000; text-transform:uppercase; font-weight:bold; line-height:20px}
.services p{margin:82px 0 0 0; padding:0; font-family:arial; font-size:14px; color:#000; text-transform:uppercase; font-weight:bold; line-height:30px}
.topSpace{margin-top:60px !important}
.topSpace2{margin-top:40px !important}
.topSpaceIframe{margin-top:175px !important}
.videoWrapper{width:1025px; margin:0px auto; height:615px}
.fullWidthIframe{width:100%; float:left; height:415px}
.addressWrapper{width:100%; float:left; margin-top:100px}
.address{width:33%; float:left; text-align:center; }
.address h2{font-family:'Conv_Antonio-Regular'; font-size:24px; color:#8ddbf7; margin:0; padding:0;}
.address p{margin:46px 0 0 0; padding:0; font-family:'Conv_RopaSans-Regular'; font-size:24px; color:#737373;}
.footerWrapper{width:100%; float:left; padding:50px 0; }
.blackBg{background:#191919; border-top:none; border-bottom:11px solid #ffd40a; margin-top:0}
.footerLogo{width:100%; float:left; text-align:center;}
.socialWrapper{width:100%; float:left; text-align:center; margin:30px 0 0 0}
.socialWrapper ul{width:100%; float:left; list-style:none; margin:0px auto; padding:0;}
.socialWrapper ul li{display:inline; margin:0; font-family:'Conv_RopaSans-Regular'; font-size:20px; color:#fff}
.socialWrapper ul li a{ text-decoration:none; outline:none;color:#191919;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out; padding:0; line-height:35px; position:relative; top:0; background:#ffd40a; border-radius:2px; width:30px; height:30px; text-align:center; display:inline-block;}
.socialWrapper ul li i{ color:#191919;}
.socialWrapper ul li span{color:#ffd40a}
.socialWrapper ul li a:hover{top:-5px;}
.leftRightSpace{margin:0 30px !important;}
.copyRight{width:100%; float:left; text-align:center; font-family:'Conv_RopaSans-Regular'; font-size:12px; color:#7c6815; margin-top:50px}
.homespotlight .slick-slider .slick-slide dots{background:red}
.previousAndNext{width:100%; padding:20px 0; background:none; margin-top:55px; padding:0; float:left}
.previous{width:280px; float:left; background:#d1d0d2; font-family:'Conv_RopaSans-Regular'; font-size:20px; color:#191919; padding:2px; cursor:pointer; word-spacing:0px}
.next{width:280px; float:right; background:#d1d0d2; font-family:'Conv_RopaSans-Regular'; font-size:20px; color:#191919; padding:2px; cursor:pointer; word-spacing:0px; }
.previous span{width:auto; float:left; background:#1d1923;padding:0 20px}	
.next span{width:auto; float:right; background:#24223d;padding:0 20px}
.next{width:260px; float:right}
.digital-products{margin-top:100px}
.digital-products .slick-slide{width:45%;}
.digital-products .slick-slide img{margin:0 10px}
.clients{margin-top:100px}
.clientsBgColor{background:#f3f3f3; margin-top:100px; padding:0 0 200px 0; float:left; width:100%;}
.clients .digital-products  .slick-slide img{margin:0 10px;}
.heightBanner{width:100%; height:100vh}
.homespotlight .slick-slide img{width:100%; height:100vh}
.digital-products .slick-prev{
    background: rgba(0, 0, 0, 0) url(../img/prev-next.png) no-repeat scroll left top;
    height: 73px;
    left: -40px;
    top: 40%;
    width: 35px;
	position:absolute;
	margin-top:0;
}
.clients .slick-prev {
    background: rgba(0, 0, 0, 0) url(../img/prev-next.png) no-repeat scroll left top;
    height: 73px;
    left: -40px;
    top: 26%;
    width: 35px;
	position:absolute;
	margin-top:0;


}
.digital-products .slick-next{
    background: rgba(0, 0, 0, 0) url(../img/prev-next.png) no-repeat scroll -28px top;
    height: 73px;
    right: -40px;
    top: 40%;
    width: 35px;
	position:absolute;
	margin-top:0;
}
.clients .slick-next {

    background: rgba(0, 0, 0, 0) url(../img/prev-next.png) no-repeat scroll -28px top;
    height: 73px;
    right: -40px;
    top: 26%;
    width: 35px;
	position:absolute;
	margin-top:0;
}
.digital-products .slick-slide img{ width:96%;}


.constructionFooter{margin-top:-5px !important}
.digital-products .slick-disabled{ opacity:0.5;}

.innnerTxt{position:absolute; top:50%; text-align:center; width:100%; font-family:'Conv_BebasNeue'; font-size:70px; color:#ffd40a}
/************ Main Navigation ***********/
.navWrapper {
	float: right;
	width: 7%;
	position:relative;
	right:0;
	top:20px;
	z-index:55;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}
.navTrigger {
	float: left;
	width: 25px;
	height: 30px;
	padding: 10px 11px 0;
	margin: 0 0 0 35px;
	cursor: pointer;
	position: relative;
	z-index: 12;
	box-sizing: content-box;
	border:2px solid #fff;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}
.navTrigger ul {
	margin: 0;
	padding: 0;
	list-style: none
}
.navTrigger ul li {
	float: left;
	width: 100%;
	background: #fff;
	height: 3px;
	margin-bottom: 6px;
}
.previous a {text-decoration:none; color:#191919}
.next a{text-decoration:none; color:#191919}

nav {
	width: 320px;
	position: fixed;
	right: -320px;
	top: 0;
	z-index: 50;
	font-size: 16px;
	padding-top: 20px;
	background: #fddb00;
	height:100vh;
	overflow:auto;
}
nav ul li {
	width: 100%;
	float: left;
	list-style: none;
	color: #7e7e7e;
	border-bottom: 1px solid #e1c303;
}
nav ul li a {
	width: 95%;
	color: #161616;
	display: inline-block;
	padding: 10px 0 10px 5%;
	box-sizing: content-box;
	line-height:60px;
	outline:none;
	transition: all .6s ease-in-out
}
/************ Main Navigation ***********/

nav ul {margin-top:60px}
nav ul  li a{text-decoration:none; font-family:'Conv_BebasNeue'; font-size:55px; color:#000;}
nav ul  li a:hover{color:#fff;}
nav ul  li:last-child{border:none;}
.homespotlight .slick-dots{ z-index:2; bottom:20px;}
.homespotlight .slick-dots li
{
    position: relative;
    display: inline-block;
    width: 160px;
    height: 3px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
	background: rgba(253, 219, 0,0.9) none repeat scroll 0 0;
}
.homespotlight .slick-dots li.slick-active{  opacity: .75;background: #7f7f7f;}
.homespotlight .slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 0;
    height: 0;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: rgba(253, 219, 0,0.9) none repeat scroll 0 0;
	
}

footer{ float:left; width:100%; margin:20px 0 0; padding:30px 0; border-top:none; background:#313131;}
.wrapperBg{background:url(../img/contact-us-banner.jpg) center top no-repeat; background-size:100%; height:100vh}
.wrapperDR{background:url(../img/what-we-do.jpg) center top no-repeat; background-size:100%; height:100vh}
.formContainer{width:100%; float:left;}
.txtBoxContainer{width:32%; float:left; margin-left:20px}
.txtBox{width:100%; display:block; background:#191919; border:1px solid #8c7711; color:#444444; padding:14px 0 14px 20px; margin:20px 0 0 0; font-family:'Conv_RopaSans-Regular'; font-size:14px;}
.blackGround{background:#191919}
textarea{resize:none; min-height:112px;}
.noSpaceLeft{margin-left:0;}
.btn{width:100%; text-align:center; color:#000; background:#ffd40a; padding:9px 0; margin-top:20px; border:none; font-family:'Conv_RopaSans-Regular'; font-size:22px; cursor:pointer}
.freeQuoteBg{background:#5e5114; padding:20px 10px; margin-top:20px; min-height:175px; line-height:20px}
.getFreeQuote{width:80%; margin:0px auto;}
.txt1{width:100px; float:left; background:#ffd40a; color:#000; padding:18px; font-family:'Conv_RopaSans-Regular'; font-size:30px}
.txt2{width:220px; float:left; background:#191919; color:#ffd40a; padding:18px; font-family:'Conv_RopaSans-Regular'; font-size:30px}
.quoteTxt{margin:50px 0 0 0}
.blackBg2{background: #191919 none repeat scroll 0 0; border-bottom: 11px solid #ffd40a;}

.quoteTxt {
    margin: 40px 0 0;
    width: 100%;
}

.abtusSection{width:100%; float:left;}
.abtusSection h2 {
    color: #000;
    font-family: "Conv_BebasNeue";
    font-size: 70px;
    font-weight: normal;
    line-height: 50px;
    margin: 40px 0;
    padding: 0;
    text-transform: uppercase;
}
.abtusSection p {
    font-family: "Conv_RopaSans-Regular";
    font-size: 20px;
    font-weight: 200;
    line-height: 30px;
    margin: 10px;
    padding: 0;
}
.talkToUs {
    float: left;
    margin: 70px 0 30px 0;
    text-align: center;
    width: 100%;
}
.talkToUs a {
    background: #191919 none repeat scroll 0 0;
    border: 1px solid #191919;
    color: #ffd40a;
    display: block;
    font-family: "Conv_Anton";
    font-size: 30px;
    margin: 0 auto;
    padding:0;
    text-decoration: none;
    width: 220px;
	line-height:47px;
}
/*.talkToUs a span{height:40px; width:50px; display:inline-block; background:url(../img/talktous.png) center center no-repeat}*/

.talkToUs a span {
    background: #fff url(../img/talktous.png) center center no-repeat;
    border: 1px solid #191919;
    color: #ffd40a;
    display: block;
    font-family: "Conv_Anton";
    font-size: 30px;
    line-height: 0;
    margin: 0 auto;
    padding: 0;
    text-decoration: none;
    width:50px;
	height:47px;
	float:right;
}
.bgAbtus{background:url(../img/about-us-banner.jpg) center top no-repeat; background-size:100%;}






@media only screen and (max-width:980px) {

.bg1{background:url(../img/banner1.jpg) center top no-repeat; background-size:100%; height:460px; }
.bg2{background:url(../img/banner2.jpg) center top no-repeat; background-size:100%; height:460px; }
.bg3{background:url(../img/banner3.jpg) center top no-repeat; background-size:100%; height:460px; }
.bg4{background:url(../img/banner4.jpg) center top no-repeat; background-size:100%; height:460px; }
.homespotlight .slick-slide{ height:460px;}
.homespotlight{height:460px}
.bannerTxt{top:35%;}
.txtCopy{font-size:54px; line-height:60px}
.digital-products .slick-prev, .clients .slick-prev, .digital-products .slick-next, .clients .slick-next{top:35%;}
.innnerTxt{font-size:44px;}
.services h2{font-size:55px}
.digital-products, .services, .clientsBgColor, .clients{margin-top:50px}
.clientsBgColor{padding:0 0 100px 0}
.services p{margin:50px 0 0 0; font-size:13px}
.topSpaceIframe, .topSpace2{margin-top:0 !important}
.addressWrapper{margin-top:50px}
.address p {color:#737373; font-family:"Conv_RopaSans-Regular"; font-size:22px; font-weight:normal; margin:15px 0 0; padding:0;}
.formContainer{padding:0 2%;}
.txtBoxContainer{width:30%;}
.txtBox{padding:8px 0 8px 8px;}
textarea{min-height:75px}
.freeQuoteBg{min-height:140px}
.txt1 {background:#ffd40a none repeat scroll 0 0; color:#000; float:left; font-family:'Conv_RopaSans-Regular'; font-size:25px; padding:10px; width:75px;}
.txt2 {background:#191919 none repeat scroll 0 0; color:#ffd40a; float:left; font-family:'Conv_RopaSans-Regular'; font-size:25px; padding:10px; width: 135px;}
.master{width:100%}
.quoteTxt{margin-top:30px}

}


@media only screen and (max-width: 767px) {
		.listing .row .col{ float:left; width:50%;}
		.spotlight h1{ font-size:50px;}
		.footerMain .col{ width:49%;}
		.contactUs{ width:100%; margin:20px 0;}
		.bg1{background:url(../img/mob-1.jpg) center top no-repeat; background-size:100%; height:auto}
		.bg2{background:url(../img/mob-2.jpg) center top no-repeat; background-size:100%; height:auto}
		.bg3{background:url(../img/mob-3.jpg) center top no-repeat; background-size:100%; height:auto}
		.bg4{background:url(../img/mob-4.jpg) center top no-repeat; background-size:100%; height:auto}
		.bannerTxt{top:30%;}
		.txtCopy{font-size:42px; line-height:50px}
		.homespotlight .slick-dots li{width:40px}
		.services h2{color: #000; font-family:"Conv_BebasNeue"; font-size:50px; font-weight:bold; line-height:50px; margin: 16px 0 0; padding:0; text-transform:uppercase;}
		.innnerTxt{font-size:40px}
		.digital-products .slick-next, .clients .slick-next{top:30%; right:0}
		.digital-products .slick-prev, .clients .slick-prev{top:30%; left:0; z-index:99; left:-30px}
		.address{width:100%;}
		.address h2{font-size:30px; font-weight:normal}
		.address p {line-height:23px; margin-top:0}
		.topSpaceIframe{margin-top:0 !important}
		.socialWrapper ul li{line-height:25px}
		.container{margin:0; width:100%}
		.navTrigger{margin:0; border:1px solid #fff; height:28px}
		.logo{width:30%; padding:0 0 0 20px}
		.navTrigger ul li{height:2px; margin-bottom:7px}
		header.headerFix .navWrapper{top:8px}
		header.headerFix .logo{width:25%}
		.navWrapper{width:20%;}
		.digital-products, .services, .clients{margin-top:40px}
		.topSpace2{margin-top:10px !important}
		.services p{margin-top:0}
		.clientsBgColor{padding:0 0 50px 0}
		.address p{font-weight:normal; font-size:20px}
		.address h2{font-weight:normal; font-size:28px}
		.mobileAdress ul li{display:block}
		.copyRight{margin:20px 0 0 0}
		.footerWrapper{padding:20px 0}
		nav ul li a{font-size:40px; line-height:50px; padding:8px 0 8px 5%}
		.digital-products .slick-slider .slick-slide{width:90%}
		.digital-products .slick-slider .slick-slide img{width:80%}
		.services ..slick-slider .slick-slide{width:90%}
		.services .slick-slider .slick-slide img{width:90%}
		.addressWrapper{margin-top:50px}
		.address{width:100%;}
.address h2{font-size:35px; margin-top:40px}
.digital-products {margin: 30px 10%; width: 80%;}
.clients {margin: 20px 10%; width: 80%;}
.clients .slick-prev{left:-30px; }
.logo{width:40%;}
.logo img{width:100%}
.navWrapper{width:30%;}
nav{width:100%;}
.bannerTxt{top:40%}
.txtCopy{width:100%; line-height:48px; font-size:40px;}
.services{margin-top:25px}
.clientsBgColor{padding-bottom:30px; margin-top:40px}
.slick-slide img{margin-left:35px}
.topSpaceIframe{margin-top:40px !important;}
.clients .slick-next{right:-31px}
.digital-products .slick-next{right:-31px}
nav{right:-375px}
.slick-dots li{width:45px !important;}
.txtCopy{line-height:37px}
.txtBoxContainer{width:100%; padding:0 2%; margin-left:0;}
.txtBox{padding:10px 0 10px 10px; margin-top:10px}
textarea{min-height:70px}
.btn{cursor:pointer}
.txt1 {
    font-size: 24px;
    padding: 10px;
    text-align: center;
    width: 120px;
}
.txt2 {
    font-size: 24px;
    padding: 10px;
    text-align: center;
    width: 170px;
}
.freeQuoteBg{min-height:100px}
.socialWrapper ul{width:93%;}
.bgAbtus{background-size:100%; height:auto;}
.abtusSection{width:100%;padding: 0 2%;}
.abtusSection h2{font-size:50px; font-weight:normal}
.abtusSection p{font-size:20px; margin:10px 0 0 0}
.previous{width:49%; font-size:12px}
.previous span{padding:7px 5px 0}
.next{width:49%; font-size:12px}
.next span{padding:7px 5px 0}

		
		
		
	}
	
















/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for img, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
/** Generated by FG **/
@font-face {
	font-family: 'Conv_Anton';
	src: url('fonts/Anton.eot');
	src: local(''), url('fonts/Anton.woff') format('woff'), url('fonts/Anton.ttf') format('truetype'), url('fonts/Anton.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Antonio-Regular';
	src: url('fonts/Antonio-Regular.eot');
	src: local('?'), url('fonts/Antonio-Regular.woff') format('woff'), url('fonts/Antonio-Regular.ttf') format('truetype'), url('fonts/Antonio-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_BebasNeue';
	src: url('fonts/BebasNeue.eot');
	src: local('?'), url('fonts/BebasNeue.woff') format('woff'), url('fonts/BebasNeue.ttf') format('truetype'), url('fonts/BebasNeue.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_RopaSans-Regular';
	src: url('fonts/RopaSans-Regular.eot');
	src: local('?'), url('fonts/RopaSans-Regular.woff') format('woff'), url('fonts/RopaSans-Regular.ttf') format('truetype'), url('fonts/RopaSans-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}