@charset "utf-8";
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}

/* Float Clearing
--------------------------------------------- */

.clearfix:before {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
	content: " ";
	display: table;
}
*:focus {
    outline: 0 !important;
}
/* ===========================Normalize End ============================================ */
body {
	margin: 0;
	-webkit-font-smoothing: antialiased;
	}
a {
	color: #fff;
	text-decoration: none;
	}
a:hover {
	color: #000;
	}
p {
	margin: 0 0 12px;
	padding: 0;
	}
img {
	max-width: 100%;
	height: auto;
	}
/* ========================== FONTS ============================*/
@font-face {
    font-family: 'Bebas';
    src: url('/fonts/BebasNeue-webfont.eot');
    src: url('/fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/BebasNeue-webfont.woff') format('woff'),
         url('/fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('/fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
}
@font-face {
    font-family: 'raleway-bold';
    src: url('/fonts/raleway-bold.eot');
    src: url('/fonts/raleway-bold.eot?#iefix') format('embedded-opentype'),
         url('/fonts/raleway-bold.woff') format('woff'),
         url('/fonts/raleway-bold.ttf') format('truetype'),
         url('/fonts/raleway-bold.svg#BebasNeueRegular') format('svg');
}
@font-face {
    font-family: 'poisonhope-regular';
    src: url('/fonts/poisonhope-regular.eot');
    src: url('/fonts/poisonhope-regular.eot?#iefix') format('embedded-opentype'),
         url('/fonts/poisonhope-regular.woff') format('woff'),
         url('/fonts/poisonhope-regular.ttf') format('truetype'),
         url('/fonts/poisonhope-regular.svg#BebasNeueRegular') format('svg');
}
@font-face {
    font-family: 'Krinkes';
    src: url('/fonts/Krinkes.eot');
    src: url('/fonts/Krinkes.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Krinkes.woff') format('woff'),
         url('/fonts/Krinkes.ttf') format('truetype'),
         url('/fonts/Krinkes.svg#BebasNeueRegular') format('svg');
}

/* ======================= FONTS END ============================*/
header {
	width: 100%;
	display: block;
	position: relative;
	color: #aaa379;
	padding: 1% 0 10% 0;
	background-image: url('/images/cf-header-bg.jpg');
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	background-color: #efecea;
	-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/*================================================================ NEW TOP =====================================================================*/

.test2 header {
    padding: 0px 0px 2% 0px;
    background-image: url(/images/cf-new-top-bg.jpg);
}

.out-new-top {
    width: 85%;
    display: block;
    position: relative;
    margin: 0px auto;
}

.new-top {
    width: 100%;
    display: block;
    text-align: center;
    position: relative;
}

.new-top-layer-01 {
    width: 100%;
    display: block;
    position: absolute;
    top: 5%;
    text-align: center;
    z-index: 12;
}

.new-top-layer-02 {
    width: 60%;
    display: block;
    position: relative;
    text-align: center;
    top: 0px;
    margin: 0px auto;
}

.new-call-button {
    width: 100%;
    display: none;
    margin: 2% 0px;
    text-align: center;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background-color: rgba(0, 0, 0, 0.75);
}

.new-call-button a {
    width: 100%;
    margin: 0px auto;
    padding: 10px 0px;
    display: block;
    text-align: center;
    background-color: rgba(226, 20, 20, 0);
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}

.new-call-button a img {
    width: 25%;
    max-width: 600px;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}

.new-call-button a:hover {
    background-color: rgba(255, 0, 0, 0.45);
}

.new-front-footer {
    width: 100%;
    display: none;
    text-align: center;
    background-image: url(/images/new-top-foot-bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.new-front-footer img{
    width: 40%;
    max-width: 765px;
    padding: 12px 0px 3px 0px;
}

@media only screen and (max-width: 840px) {
	
	.out-new-top {
    width: 100%;
	}
	
	.new-call-button a img {
		width: 85% !important;
	}
	
	.new-front-footer img {
		width: 93%;
	}
	
}

/*============================================================== NEW TOP END ===================================================================*/

.cf1-number {
	width: 90%;
	display: block;
	text-align: right;
	margin: 0 auto;
	padding: 3% 0%;
	}
.cf1-number a {
    color: #aaa379;
}
.cf1-number a:hover {
    color: #fff;
}
.cf-logo {
	width: 100%;
	display: block;
	margin: 0 auto 1% auto;
	text-align: center;
	}
.cf-logo-2 {
	    width: 100%;
		display: none;
		margin: 0 auto 1% auto;
        text-align: center;
		}
.cf-logo img {
    vertical-align: middle;
}
img.logotate {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}
.tag-line {
	width: 100%;
	font-family: 'Bebas', Helvetica, sans-serif;
	font-size: 22pt;
	text-align: center;
	letter-spacing: 0.5vw;
	text-transform: uppercase;
	color: #fff;
	}
nav {
	width: 100%;
	text-align: center;
	}
nav ul {
	font-family: 'raleway-bold', Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
	-webkit-animation: fadein 10s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 10s; /* Firefox < 16 */
        -ms-animation: fadein 10s; /* Internet Explorer */
         -o-animation: fadein 10s; /* Opera < 12.1 */
            animation: fadein 10s;
	}
nav ul li {

	display: inline-block;
	list-style: none;
	padding-top: 1%;
	margin-top: 2%;
	margin-right: 3%;
	margin-left: 0%;
	margin-bottom: 2%;
	cursor: pointer;
	}
nav ul li a:hover {
    color: #aaa368;
	text-shadow: 1px 0px 6px #000;
}
nav li + li {
    height: 50px;
    background: url(/images/dvdr.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
    padding-left: 3%;
}
.cf-details {
	width: 560px;
	display: block;
	margin: 0 auto;
	text-align: center;
	font-family: 'Bebas', Helvetica, sans-serif;
	font-size: 25px;
	letter-spacing: 5px;
    text-transform: uppercase;
    text-shadow: 1px 1px 0px #000;
	}

.cf-blog {
    width: 100%;
    height: 300px;
    display: block;
    position: relative;
}

.title.bar {
    width: 10%;
    display: block;
    position: absolute;
	padding-top: 0.5%;
    color: #231f20;
	text-align: center;
    font-size: 24pt;
    font-family: 'Bebas', Helvetica, sans-serif;
    font-style: italic;
    background-color: #aaa279;
    z-index: 81;
}

iframe.cf-blog-ar {
    width: 100%;
	height: 100%;
    display: block;
    position: absolute;
    margin: 0px;
    z-index: 80;
}

.cf-two {
	width:100%;
	display: block;
	position: relative;
	padding-bottom: 1.83%;
	background-color: #efecea;
	}
.flexslider .flex-next {
	opacity: 0.4 !important;
	right: 5px !important;
	}
.flexslider .flex-prev {
	opacity: 0.4 !important; 
	left: 5px !important;
	}
.flex-direction-nav a:before  { 
    content: " ";
    display: block;
    background: url('/images/flx-arrow-left.png')no-repeat;
    width: 50px;
    height: 101px;
}
.flex-direction-nav a.flex-next:before  { 
    content: " ";
    display: block;
    background: url('/images/flx-arrow-right.png') no-repeat;
    width: 50px;
    height: 101px;
}
.sld-wrap {
    display: block;
    position: relative;
}
.sldr-img {
    width: 75%;
    margin: 3% auto 0% auto;
}
.sldr-des {
    width: 100%;
    position: absolute;
    font-family: 'poisonhope-regular', Helvetica, sans-serif;
    font-size: 32pt;
    text-align: center;
    color: #aaa379;
    bottom: 9%;
}
.sldr-main-1, .sldr-main-2, .sldr-main-3 {
    width: 30%;
    position: absolute;
    display: block;
    top: 31%;
    right: 36%;
    color: #aaa379;
    text-align: center;
}
.sldr-main-1 {
    top: 31%;
    right: 36%;
}
.sldr-main-2 {
    top: 7%;
    right: 34.4%;
}
.sldr-main-3 {
    top: 22%;
    right: 36%;
}
.sldr-main-1 h1, .sldr-main-2 h1, .sldr-main-3 h1 {
    font-family: 'Bebas', Helvetica, sans-serif;
    font-size: 40pt;
    letter-spacing: 2px;
}
.sldr-main-1 p, .sldr-main-2 p, .sldr-main-3 p {
    font-family: 'krinkes', Helvetica, sans-serif;
    font-size: 29pt;
    letter-spacing: 1px;
}
.sldr-main-2 p span {
	font-family: 'Bebas', Helvetica, sans-serifsans-serif;
	font-size: 40pt;
	text-shadow:0px 2px 1px rgb(56, 53, 36),
				1px 4px 1px rgba(56, 53, 36, 0.75),
				0px 8px 16px rgba(0,0,0,0.1),
				0px 18px 29px rgba(0,0,0,0.1);
}
.cf-three {
    width: 100%;
    display: inline-block;
	position: relative;
    background-color: #231f20;
}

.cf-three video {
    width: 80%;
    display: inline-block;
    float: left;
}

.vid-exmpl {
    width: 20%;
    display: inline-block;
	float: right;
}

ul#playlist {
    width: 60%;
    display: block;
    margin: 3% auto 5% auto;
    padding: 0;
    text-align: center;
}

ul#playlist li {
    width: 10%;
    display: inline-block;
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-align: center;
    font-family: 'Bebas', Helvetica, sans-serif;
    font-size: 15pt;
}
li img {
    display: inline-block;
	margin-bottom: 5%;
}
ul#playlist button {
    font-family: 'raleway-bold', Helvetica, sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #AAA279;
    border: none;
    margin: 5%;
    padding: 9px 8px 7px 29px;
}
ul#playlist button:hover {
	color: #fff;
	cursor: pointer;
}

ul#playlist li a {
    display: block;
    color: #9f9d7c;
}
ul#playlist li a:hover {
    color: #fff;
}
li#show {
    list-style: none;
}

ul.digi-sec {
    width: 60%;
    display: block;
    margin: 5% auto 0.5% auto;
    padding: 0;
    text-align: center;
}

li#show a {
    color: #9f9d7c;
	cursor: pointer;
}

li#show a:hover {
    color: #fff;
}
.icon-vids {
	width: 100%;
	margin: 0px;
    padding-top: 15%;
    display: inline-block;
	position:relative;
    list-style: none;
    text-align: center;
    font-family: 'Bebas', Helvetica, sans-serif;
    font-size: 15pt;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
}
.icon-vids h4 {
    margin: 0px;
    padding-top: 20%;
	font-weight: normal;
}
.actual_icon_01 {
    width: 100%;
    height: 40%;
    display: block;
    position: absolute;
    background-image: url('/images/tv-wings-icon.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.active_01 {
    background-image: url('/images/tv-wings-icon_hover.png');
}
.actual_icon_02 {
    width: 100%;
    height: 40%;
    display: block;
    position: absolute;
    background-image: url('/images/mobile-pannel-icon.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.active_02 {
    background-image: url('/images/mobile-pannel-icon_hover.png');
}
.actual_icon_03 {
    width: 100%;
    height: 40%;
    display: block;
    position: absolute;
    background-image: url('/images/wall-mount-icon.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.active_03 {
    background-image: url('/images/wall-mount-icon_hover.png');
}
.actual_icon_04 {
    width: 100%;
    height: 40%;
    display: block;
    position: absolute;
    background-image: url('/images/tv-samp-icon.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.active_04 {
    background-image: url('/images/tv-samp-icon_hover.png');
}

#playlist a:visited {
    color: #fff;
}
.playpause {
    background-image: url('/images/vid-play.png');
    background-repeat: no-repeat;
    width: 50%;
    height: 50%;
    position: absolute;
    left: 0%;
    right: 25%;
    top: 0%;
    bottom: 0%;
    margin: auto;
	border: none;
    background-size: contain;
    background-position: center;
	background-color: transparent;
}
.playpause:hover {
	cursor: pointer;
}
.playpause.paused{
	background-image: url('/images/vid-pause.png');
}
.cf-four {
    width: 100%;
    height: auto;
	display: inline-block;
    background-color: #efecea;
}
.sld-point {
    width: 13%;
    margin: 3% 5% 7% 5%;
    display: inline-block;
    text-align: center;
}

.sld-title {
    width: 100%;
    height: 124px;
    margin-bottom: 8%;
    background-image: url('/images/point-title-bg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.sld-title h2 {
    font-family: 'Bebas', Helvetica, sans-serif;
    font-size: 25pt;
    font-style: italic;
    letter-spacing: 2px;
    color: #b5ae89;
    padding: 21% 0%;
    transform: rotate(350deg);
    -webkit-transform: rotate(350deg);
    -moz-transform: rotate(350deg);
    -o-transform: rotate(350deg);
    -ms-transform: rotate(350deg);
}

.sld-point p {
    font-family: 'krinkes', Helvetica, sans-serif;
    font-size: 17pt;
    letter-spacing: 1px;
    color: #b5ae89;
}

.sld-point span {
	font-family: 'Bebas', Helvetica, sans-serif;
	font-size: 21pt;
	margin: 0 0 0 5px;
}
.cf-five {
    width: 100%;
    display: block;
	text-align: center;
    background-image: url('/images/weld-bg.jpg');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
	background-attachment: fixed;
}

.weld-in {
    width: 90%;
    display: inline-block;
    margin: 0 auto;
	padding-right: 5%;
}

.weld-left {
    width: 40%;
    height: auto;
    display: table-cell;
    vertical-align: middle;
    padding: 10%;
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-size: 18pt;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 41px;
    color: #efecea;
}

.weld-right {
    width: 43%;
    height: auto;
    padding: 7% 7% 7% 3.5%;
    vertical-align: middle;
    display: table-cell;
}
.cf-six {
    width: 100%;
    display: block;
    background-color: #efecea;
	padding-bottom: 3%;
}

.act-title h1 {
    font-family: 'Bebas', Helvetica, sans-serif;
    font-size: 50pt;
    letter-spacing: 26px;
    margin: 0 0 4% 0;
    padding: 0px;
    color: #aaa279;
}

.study-title {
    width: 100%;
    position: relative;
    text-align: center;
    display: inline-block;
    padding: 8% 0;
    background: #efecea;
}

.act-title {
    position: relative;
    z-index: 10;
}

.act-bg {
    width: 37%;
    height: auto;
    position: absolute;
    font-family: 'Bebas', Helvetica, sans-serif;
    font-size: 14vw;
    letter-spacing: 1px;
    color: #ffffff;
    top: 8%;
    bottom: 0;
    left: 31%;
}
.study-ex-1 {
    width: 100%;
    display: block;
}

.study-blank {
    width: 19%;
    display: inline-block;
}

.study-ex-1 img {
    width: 81%;
    display: inline-block;
	float: right;
}

.study-plan {
    width: 100%;
    display: block;
    padding-top: 3%;
	margin-bottom: 3%;
    clear: both;
}

.plan-one {
    width: 5%;
    display: inline-block;
    vertical-align: top;
    font-family: 'Bebas', Helvetica, sans-serif;
    font-size: 45pt;
    padding: 0px;
}

.plan-desc {
    width: 40%;
    height: auto;
    display: inline-block;
    vertical-align: top;
    padding-left: 4%;
    background-image: url('/images/pnt-dvdr.png');
    background-repeat: no-repeat;
    background-position: 3% 0px;
    background-size: contain;
}
.in-plan {
    width: 62%;
    display: block;
    margin: 0 auto;
    color: #aaa279;
}

.plan-desc h1 {
    font-family: 'Bebas', Helvetica, sans-serif;
    font-size: 45pt;
    margin: 0;
    letter-spacing: 2px;
}

.plan-desc p {
    font-family: 'raleway-bold', Helvetica, sans-serif;
    font-size: 14pt;
    letter-spacing: 1px;
    line-height: 25px;
    margin: 10px 50px 10px 0px;
}
	
.plan-desc ul {
    margin: 0px;
    padding: 0px;
}
.plan-desc ul li {
    list-style: none;
    font-family: 'raleway-bold', Helvetica, sans-serif;
    font-size: 14pt;
    letter-spacing: 1px;
    line-height: 25px;
    margin-left: 15px;
    text-indent: -15px;
    margin-bottom: 15px;
    margin-top: 15px;
}
.seven-wrap {
    width: 70%;
    margin: 0px auto;
    padding: 10% 0px;
}
.cf-seven {
    width: 100%;
    display: block;
    background-image: url('/images/change-bg.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.indus-change {
    width: 60%;
    display: inline-block;
	vertical-align: top;
}
.indus-change svg {
    width: 75%;
    display: block;
    margin: 0 auto;
}

.indus-desc p {
    font-family: 'raleway-bold', Helvetica, sans-serif;
    font-size: 17pt;
    color: #aaa279;
    letter-spacing: 1px;
    line-height: 30px;
    text-transform: uppercase;
	text-shadow: -1px 2px 0px #000, 3px 1px 4px #000, -4px 1px 3px #000;
}

.indus-desc {
    width: 39%;
    display: inline-block;
    margin: 47% auto 0px auto;
    vertical-align: bottom;
}
.cf-eight {
    width: 100%;
    display: block;
    margin: -22px 0px 0px 0px;
    background-image: url('images/money-bg.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.price-in {
    width: 85%;
    display: table;
    margin: 0px auto;
    padding: 10% 0px;
}

.price-divide {
    width: 50%;
    display: table-cell;
    vertical-align: top;
}

.free-inside {
    width: 50%;
    display: table-cell;
    border: 1px solid #aaa279;
    background-color: rgba(103, 98, 72, 0.53);
    -webkit-border-radius: 20px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 20px;
    -moz-border-radius-bottomright: 0;
    border-radius: 20px;
    border-bottom-right-radius: 0;
    box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.21);
}

.includes {
    width: 50%;
    display: table-cell;
}

.free-title h1 {
    font-family: 'krinkes', Helvetica, sans-serif;
    font-size: 3.2vw;
    letter-spacing: 1px;
    text-align: center;
    color: #aaa279;
    background-image: url('/images/title-dash.png');
    background-repeat: no-repeat;
    background-position: 50% 75%;
}

.deals {
    padding: 0px 10px 20px 10px;
}

.deals p {
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-size: 18pt;
    letter-spacing: 3px;
    line-height: 1.2;
    font-weight: bold;
    text-transform: uppercase;
    color: #e5d396;
    text-align: center;
	margin: 0px;
}

.deals p span {
    color: #eeebea;
}

.deals ul {
    width: 60%;
    padding: 0px;
    margin: 8% auto 12% auto;
    font-family: 'raleway-bold', Helvetica, sans-serif;
    font-size: 14pt;
    color: #eeebea;
}

.deals li {
    list-style: none;
    display: block;
    height: 33px;
    margin-bottom: 5%;
    padding-top: 17px;
    padding-left: 55px;
}

li.tv-ico {
    position: relative;
    background-image: url('/images/cf-tv-ico.png');
    background-repeat: no-repeat;
    background-position: left;
}

li.radio-ico {
    background-image: url('/images/cf-radio-ico.png');
    background-repeat: no-repeat;
    background-position: left;
}

li.email-ico {
    background-image: url('/images/cf-email-ico.png');
    background-repeat: no-repeat;
    background-position: 0px 12px;
}

.price-sizer {
    margin: 8% auto 12% auto;
}

.cf-deal {
    width: 100%;
    display: block;
    margin: 0px 0px 0px 0px;
    color: #aaa279;
    font-family: 'Bebas', Helvetica, sans-serif;
    font-size: 22pt;
    text-align: center;
    letter-spacing: 1px;
    line-height: 30px;
    text-transform: uppercase;
}

.d-button {
    width: 100%;
    display: inline-block;
    text-align: center;
    color: #eeebea;
    padding: 5%;
    margin: 0px -5%;
    cursor: pointer;
    background-color: rgb(170, 162, 121);
    box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.19);
}

.d-button:hover {
    color: #ffffff;
    text-shadow: 0px 3px 1px rgba(0, 0, 0, 0.43);
    box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.43);
}

.d-des {
    width: 100%;
    display: block;
    padding: 5% 0px 0px 0px;
    color: #b5ae89;
}

.inin-cludes {
    width: 85%;
    display: block;
    padding: 5% 0px 5% 5%;
    font-family: 'Open Sans', Helvetica, sans-serif;
    border-top: 1px solid #aaa279;
    border-right: 1px solid #aaa279;
    border-bottom: 1px solid #aaa279;
    background-color: rgba(82, 82, 82, 0.39);
    -webkit-border-top-right-radius: 16px;
    -webkit-border-bottom-right-radius: 16px;
    -moz-border-radius-topright: 16px;
    -moz-border-radius-bottomright: 16px;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
}

.inin-cludes h1 {
    font-size: 2vw;
    margin: 0px 0px 5% 0px;
    color: #f8f1d3;
}

.inin-cludes ul {
    margin: 0px;
    padding: 0px;
}

.inin-cludes li {
    list-style: none;
    font-size: 12pt;
    color: #eeebea;
    letter-spacing: 2px;
    line-height: 32px;
    text-indent: -15px;
    padding-left: 15px;
}

iframe {
	position: relative;
    width: 385px;
    height: 550px;
    border: none;
    margin-left: 50px;
	z-index: 9999;
}

.cf-nine {
    width: 100%;
    display: block;
    background-image: url(/images/cf-contact-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.contact-in {
    width: 75%;
    display: block;
    margin: 0 auto;
    padding: 6% 0px 6% 0px;
}

.contact-left {
    width: 29%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin: 4% 15% 0px 10%;
}

.contact-left img {
    margin-bottom: 10%;
}

.contact-left a {
    font-family: 'krinkes', Helvetica, sans-serif;
    font-size: 60pt;
    letter-spacing: 1px;
    color: #b5ae89;
}

.contact-left a:hover {
    color: #eeebea;
    -webkit-transition:color 0.3s ease-in-out;
	-moz-transition:color 0.3s ease-in-out;
	transition:color 0.3s ease-in-out;
}

.contact-left p {
    font-family: 'Bebas', Helvetica, sans-serif;
    font-size: 28pt;
    text-align: left;
    letter-spacing: 1px;
    line-height: 38px;
    text-transform: uppercase;
    color: #eeebea;
}

.contact-left p img {
	margin: 0px;
}

.contact-right {
    width: 40%;
	max-width: 565px;
    display: inline-block;
    position: relative;
}

.out-frame {
    width: 100%;
    display: block;
    position: relative;
    margin-top: 17%;
}

.contact-right img {
    width: 211px;
    display: block;
    position: absolute;
    right: 0px;
    z-index: 10;
}

.frame-top {
    width: 100%;
    height: 64px;
    display: block;
    background-image: url('/images/cf-frame-top.png');
    background-repeat: no-repeat;
}

.frame-left {
    width: 12px;
    height: 550px;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 0px;
    background-image: url('/images/cf-frame-left.png');
    background-repeat: no-repeat;
}

.frame-right {
    width: 12px;
    height: 497px;
    display: inline-block;
    position: absolute;
    right: 15%;
    bottom: 5px;
    background-image: url('/images/cf-frame-left.png');
    background-repeat: no-repeat;
    background-position: 0px -47px;
}

.frame-bottom {
    width: 85%;
    height: 64px;
    position: absolute;
    bottom: 5px;
    display: block;
    background-image: url('/images/cf-frame-bottom.png');
    background-repeat: no-repeat;
}
footer {
    width: 100%;
    display: block;
}

.foot-in {
    width: 60%;
    display: block;
    margin: 0 auto;
	padding: 4% 0px;
}

.foot-bot {
    width: 100%;
    display: block;
}

.copy-right {
    width: 50%;
    display: inline-block;
    font-family: 'Bebas', Helvetica, sans-serif;
    color: #b5ae89;
    font-size: 16pt;
}

.social {
    width: 25%;
    display: inline-block;
}

.fb {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url('/images/cf-fb-ico.png');
    background-position: 0px -45px;
    margin-right: 10px;
}

.fb:hover {
    background-position: 0px 20px;
}

.tw {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url('/images/cf-tw-ico.png');
    background-position: 0px -45px;
    margin-right: 10px;
}

.tw:hover {
    background-position: 0px 20px;
}

.li {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url('/images/cf-li-ico.png');
    background-position: 0px -45px;
}

.li:hover {
    background-position: 0px 20px;
}

.foot-top {
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

.foot-left {
    width: 50%;
    display: inline-block;
}

.foot-right {
    width: 49%;
    display: none;
}

.slink-top {
    width: 130px;
    height: 30px;
    display: block;
    padding-top: 12px;
    font-family: 'Bebas', Helvetica, sans-serif;
    font-size: 15pt;
    color: #b5ae89;
    text-align: center;
    background-image: url('images/cf-footer-button.png');
    background-repeat: no-repeat;
    background-position: center;
}

.foot-left ul {
    font-family: 'Bebas', Helvetica, sans-serif;
    font-size: 15pt;
    margin: 20px 0px 0px 0px;
    padding: 0px;
	display: none;
}

.foot-left ul a {
    color: #949494;
}

.foot-left ul li {
    list-style: none;
    display: inline-block;
    margin-right: 50px;
}
.grad-switch {
    width: 100%;
    height: 100px;
    display: block;
    position: absolute;
    margin: -100px 0px 0px 0px;
    z-index: 10;
    background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(170,162,121,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(170,162,121,1) 100%);
    background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgb(152, 140, 76) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#aaa279',GradientType=0 );
}
.digital-img {
    width: 80%;
	display: inline-block;
}
.img-one, .img-two {
    width: 80%;
    height: 100%;
    display: inline-block;
}

.img-one img, .img-two img {
    width: 100%;
    height: 100%;
    display: inline-block;
}
div#vid-con {
    width: 67.3%;
    display: block;
    margin: 40px auto 20px auto;
}

.exam-hea {
    width: 100%;
    display: block;
    font-family: 'Bebas', Helvetica, sans-serif;
    font-size: 28pt;
    color: #fff;
    letter-spacing: 1px;
    line-height: 38px;
    text-transform: uppercase;
    text-align: center;
}

ul#playlist-dos {
    width: 140px;
    display: block;
    margin: 0px auto;
    padding: 0px;
}
ul#playlist-dos li {
    display: inline-block;
    padding: 8px;
    list-style: none;
}
ul#playlist-dos li a{
    color: #b5ae89;
}
.opas-vid {
    width: 68%;
    display: block;
    margin: 0 auto;
    padding: 15px 0px 7px 0px;
    background-color: #231f20;
}
video#vsample {
    width: 100%;
}
.opas-vid {
    padding: 15px 0px 5px 0px;
    background-color: #231f20;
}
/*! Flickity
---------------------------------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.flickity-prev-next-button:hover { background: white; }

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F;
}

.flickity-prev-next-button:active {
  filter: alpha(opacity=60); /* IE8 */
  opacity: 0.6;
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button:disabled {
  filter: alpha(opacity=30); /* IE8 */
  opacity: 0.3;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #333;
}

/* big buttons, no circle */
.flickity-prev-next-button {
  width: 100px;
  height: 100px;
  background: transparent;
}
.flickity-prev-next-button:hover {
  background: transparent;
}
/* arrow color */
.flickity-prev-next-button .arrow {
  fill: white;
}
.flickity-prev-next-button.no-svg {
  color: white;
}

/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
  color: #333;
  font-size: 26px;
}

/* ---- page dots ---- */

.flickity-page-dots {
  visibility: hidden;
  position: absolute;
  width: 100%;
  bottom: 25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
	visibility: visible;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #fffaaf;
  border-radius: 50%;
  filter: alpha(opacity=25); /* IE8 */
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  filter: alpha(opacity=100); /* IE8 */
  opacity: 1;
}
.carousel-cell { 
  width: 100%; /* full width */
  height:; /* height of carousel */
  margin-right: 10px;
  z-index: 1;
}
.gallery {
	background: none;
}

.gallery img {
	width: 100%;
  display: block;
  height: auto;
}
iframe#iFrame1 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 80%;
    margin: 0px;
    display: inline-block;
    border: none;
}

@media only screen and (max-width: 1450px) {
	.sldr-main-1 {
    top: 25%;
	}
	.sldr-main-1 h1, .sldr-main-2 h1, .sldr-main-3 h1 {
    font-size: 32pt;
	}
	.sldr-main-1 p, .sldr-main-2 p, .sldr-main-3 p {
    font-size: 19pt;
	}
	ul#playlist{
	margin: 0 auto;
	}
	ul#playlist li {
    margin: 1% 0%;
	}
	li img {
    width: 50%;
	}
	.sld-title h2 {
    padding: 30% 0%;
	}
	.weld-left {
		font-size: 14pt;
		line-height: 30px;
	}
	.in-plan {
    width: 80%;
	}
	.plan-one {
    font-size: 32pt;
	}
	.plan-desc h1 {
    font-size: 32pt;
	}
	.indus-desc {
    margin: 48% auto 0px auto;
	}
	.indus-desc p {
    font-size: 13pt;
	line-height: inherit;
	}
	.price-in {
    width: 90%;
	}
	.contact-in {
    width: 95%;
	}
	.contact-left {
    margin: 4% 20% 0px 4%;
	}
	iframe {
    margin-left: 20px;
	}
	.icon-vids {
    padding-top: 12%;
	}
}
@media only screen and (max-width: 1300px) {
	.cf-logo {
	display: none;
	}
	.cf-logo-2 {
	display: block;
	}
	.sldr-main-1 h1, .sldr-main-2 h1, .sldr-main-3 h1 {
    font-size: 20pt;
	}
	.sldr-main-2 p span {
    font-size: 26pt;
	}
	.icon-vids {
    padding-top: 10%;
	}
	.icon-vids h4 {
    font-size: 1.5vw;
	}
	ul#playlist li {
    width: 20%;
	}
}
@media only screen and (max-width: 1200px) {
	iframe {
	width: 75%;
	}
	.title.bar {
	width: 20%;
	}
}
@media only screen and (max-width: 930px) {
	.sldr-img {
    width: 97%;
	}
	.sldr-des {
    font-size: 18pt;
	}
	.sldr-main-1 {
    top: 17%;
	}
	.sldr-main-2 {
    top: 0%;
	}
	.sldr-main-1 h1, .sldr-main-2 h1, .sldr-main-3 h1 {
    font-size: 18pt;
	}
	.sldr-main-2 p span {
    font-size: 26pt;
	}
	.sldr-main-3 {
    top: 12%;
    right: 35%;
	}
	li img {
    width: 40%;
	}
	ul#playlist li a {
    font-size: 12pt;
	}
	ul#playlist button {
    font-size: 10px;
	}
	.sld-title {
    background-image: none;
	}
	.sld-title h2{
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
	}
	.study-ex-1 img {
    width: 100%;
    float: none;
	}
	.in-plan {
    width: 90%;
	}
	.plan-one {
    font-size: 24pt;
	}
	.plan-desc h1 {
    font-size: 24pt;
	}
	.plan-desc p {
    font-size: 12pt;
    line-height: 22px;
	}
	.plan-desc ul li {
    font-size: 12pt;
    line-height: 22px;
	}
	.indus-change {
    text-align: center;
	}
	.indus-change img {
    display: inline-block;
	}
	.indus-desc {
    width: 90%;
	padding: 5%;
    background-color: rgba(0, 0, 0, 0.8);
	}
	.indus-desc p {
    width: 100%;
    font-size: 13pt;
    padding-left: 0%;
    text-shadow: 0px 1px 2px #000;
	}
	.price-in {
    width: 95%;
	}
	.p-left {
    width: 60%;
	display: block;
    margin: 0 auto;
	}
	.p-left p {
    padding-left: 40px;
	}
	.p-center {
    width: 100%;
    display: block;
    margin: 0 auto;
    text-align: center;
	}
	.p-center ul {
    padding: 10% 0% 0px 10%;
    margin: 0px;
	}
	.p-center ul li {
    margin-bottom: 5%;
    width: 142px;
    display: inline-block;
    text-align: left;
	}
	.p-right {
    width: 60%;
	display: block;
    margin: 0 auto;
    float: none;
	}
	.cf-deal {
    margin: 5% 0px 0px 0px;
	}
	.contact-left {
    width: 90%;
    display: block;
    margin: 4% auto;
	}
	.contact-left img {
    margin-bottom: 5%;
	}
	.contact-left a {
    display: block;
    margin-bottom: 45px;
	}
	.contact-left p {
    font-size: 25pt;
    text-align: center;
    margin-bottom: 6%;
	}
	.contact-right {
    width: 65%;
    display: block;
    position: relative;
    margin: 0 auto;
	}
	div#vid-con {
    width: 100%;
    display: block;
    margin: 40px auto 20px auto;
	}
}
@media only screen and (max-width: 800px) {
	.cf-blog {
    height: 290px;
	}
	.title.bar {
    width: 30%;
    font-size: 20pt;
    font-style: normal;
	}
	.sldr-main-1 {
    width: 40%;
    top: 15%;
    right: 30%;
	}
	.sldr-main-1 p, .sldr-main-2 p, .sldr-main-3 p {
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-size: 16pt;
    letter-spacing: 0px;
	}
	.sldr-main-2 {
    width: 60%;
    top: 0%;
    right: 20%;
	}
	.sldr-main-2 p span {
    font-size: 23pt;
    text-shadow: 0px 2px 1px rgb(56, 53, 36), 1px 4px 1px rgba(56, 53, 36, 0.75);
	}
	.sldr-main-3 {
    width: 40%;
	right: 30%;
	}
	li img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
	}
	.cf-three video {
    width: 100%;
    display: block;
    float: none;
	}
	.playpause {
    display: none;
	}
	.vid-exmpl {
    width: 100%;
    display: block;
	}
	ul#playlist {
    width: 95%;
    margin: 5% 5% 5% 5%;
    padding: 0;
	}
	ul#playlist li {
    width: 30%;
    margin: 0% 0%;
    display: inline-block;
	}
	.sld-point {
    width: 35%;
    margin: 0px 7% 7% 7%;
	vertical-align: top;
	}
	.sld-point img {
    margin-bottom: 45px;
	}
	.sld-point p {
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-size: 16pt;
    font-weight: bold;
	}
	.plan-desc {
    width: 85%;
    margin-bottom: 40px;
	}
	.plan-desc p {
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-size: 12pt;
    line-height: 26px;
    font-weight: bold;
	}
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx)  {

.p-right ul {
    font-size: 18pt;
	}
}