@import url('css/reset.css');



@import url('css/font/stylesheet.css');



/*



|--------------------------------------------------------------------------



|  T O O L S



|--------------------------------------------------------------------------



*/



.hidden       { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; }



.nobr         { white-space:nowrap !important; }



.wrap         { white-space:normal !important; }



.a-left       { text-align:left !important; }



.a-center     { text-align:center !important; }



.a-right      { text-align:right !important; }



.v-top        { vertical-align:top; }



.v-middle     { vertical-align:middle; }



.f-left,



.left         { float:left !important; }



.f-right,



.right        { float:right !important; }



.f-none       { float:none !important; }



.f-fix        { float:left; width:100%; }



.no-display   { display:none; }



.no-margin    { margin-right:0 !important; }



.no-padding   { padding:0 !important; }



.no-bg        { background:none !important; }



.no-bor		  { border: none !important}



.uppercase	  { text-transform: uppercase;}



.clear        { clear:both; width: 100%; padding: 0px !important; margin: 0px; *height:5px  }



.wrrap-section{ height:auto; width:960px; margin:0 auto; display:block; position: relative }



.ms-backgroundImage[style], .ms-backgroundImage { background-image:none !important;}







/*  | H E A D E R |  */



#header {
    background: url(images/top-header.jpg) repeat-x scroll center top #000000;
    height: 109px;
    overflow: hidden;
    width: 100%;
}
.logo{margin-top:5px;}
 .logo-img {
   float: left;
   overflow:hidden;
   max-width:400px;
}
 .logo-img img{max-width:100%;}







.fb-like {



    float: right;



    height: 45px;



    margin-top: 10px;



    width: 127px;



}



#menu{height:52px; width:100%; margin:0; float:left; background: url(images/menu-bg.png) repeat-x; position: relative; z-index:9;}



#menu ul{ margin: 0px; height: 50px; background: url(images/line-menu.jpg) center left no-repeat;}



#menu ul li{ *float:left; width:auto; list-style: none; position:relative; background: url(images/line-menu.jpg) center right no-repeat; display:table-cell; position:relative;}



#menu ul li a {



    color: #FFFFFF;



    display: block;



    font-size: 14px;



    font-weight: normal;



    line-height: 48px;



    padding: 0 36.9px;



    transition: all 0.5s ease 0s;



    white-space: nowrap;



}



#menu ul li a:hover,



#menu ul li:hover > a,



#menu ul li.current_page_item > a,



#menu ul li.current_page_ancestor > a,



#menu ul li.current-menu-item > a,



#menu ul li.current-menu-ancestor > a{color: #5FB42E;}











#menu ul ul{display:none; position:absolute; left:0; top:100%; background:#333333; width:200px; height:auto; padding:10px;}



#menu ul ul li{border-top:1px solid #191919; float:none; display:block; margin:0; text-align:left; background:none; padding:0;}



#menu ul ul li:first-child{border-top:none;}



#menu ul ul li a{font-size:12px; line-height:20px; padding:7px 0; display:block;}



#menu ul ul li a:before{display:none;}



#menu ul li:hover > ul{display:block;}



#menu ul ul ul{left:100%; top:-10px;}



#menu ul ul li.ls ul{right:100% !important; left:auto;}



#menu ul ul li a:hover, 



#menu ul ul li:hover > a,



#menu ul ul li.current_page_item > a,



#menu ul ul li.current_page_ancestor > a,



#menu ul ul li.current-menu-item > a,



#menu ul ul li.current-menu-ancestor > a{color:#5FB42E;}







.selected {



    background-image:none; color: #5fb42e!important;}



#menu ul li span{ display:inline-block;}



.first-menu {



    background: url(images/line-menu.jpg) no-repeat scroll left center rgba(0, 0, 0, 0);







}







.last-menu {



    background: url(images/line-menu.jpg) no-repeat scroll right center rgba(0, 0, 0, 0);







}



.sub-menu{ width:215px; height:auto !important; background:#f00; position:absolute; left:0px; top:64px; display:none;}



#menu ul li li{ width:100%; position:relative}



#menu ul li li a{ padding:7px 0; line-height:20px; font-size:14px; }



#menu ul li:hover .sub-menu{ display:block;}



#menu ul li li a.arrow{ background:url(images/multi-hover.png) center right no-repeat}



#menu ul li li a.arrow:hover{ background:url(images/multi-arrow.png) center right no-repeat #eb6e64;}



#menu ul li li ul.multi{ position:absolute; width:215px; height:auto !important; left:215px; top:0px; display:none}



#menu ul li li:hover .multi{ display:block;}



#banner{ width:100%; height:535px; display:block; padding: 0; text-align: center; max-width: 100%; position: relative; margin: -8px 0 0; background-image:url(images/banner-bg.jpg); background-repeat:repeat-x; border-bottom:1px solid #b8b8b8;}







.bnr-img {



    padding-top: 32px; padding-left:0px;  position: relative;



}



.bnr-txt {



    padding-top: 70px;



	 width:380px;



}







.bnr-txt img{ display:inline-block;}



.bnr-txt h1 {



    color: #4DA025;



    font-size: 36px;



    margin-bottom: 5px;



}



.bnr-txt h3 {



    border-top: 1px solid #c1c1c1;



    color: #272727;



    font-size: 20px;



    padding-top: 6px;



	display:inline-block;



	*display:inline;



	padding-left:10px;



	padding-right:10px;



}



.bnr-txt p {



    color: #252525;



    font-size: 15px;



    margin-bottom: 14px;



}



.bnr-btn {width:232px; height:51px; background-image:url(images/get-startrd.png); background-position:0 0; margin:0 auto; cursor:pointer; display:inline-block;}



.bnr-btn:hover{width:232px; height:51px; background-image:url(images/get-startrd.png); background-position:0 52px;}



.bnr-txt .learn-more{color:#1955ff; font-size:16px; font-weight:bold; padding:0 5px;}



.bnr-txt .learn-more:hover{color:#0e3dc3;}



.bnr-txt .signup{color:#fd8300; font-size:16px; font-weight:bold; padding:0 5px;}



.bnr-txt .signup:hover{color:#dc7608;}











.head-links {



    float: right;



    margin: 18px 0 0;



    position: relative;





}



label{display:inline-block; padding-bottom:5px;}

.form-group{margin-bottom:15px;}

.input{ background:#fff; border:solid 1px #cccccc; height:40px; padding:8px 12px; width:100%; font:normal 16px/24px Arial, Helvetica, sans-serif; color:#414141; -moz-box-sizing: border-box; box-sizing: border-box;}

.textarea{ background:#fff; border:solid 1px #cccccc; height:100px; padding:8px 12px; width:100%; font:normal 15px/24px Arial, Helvetica, sans-serif; color:#4c4c4c; -moz-box-sizing: border-box; box-sizing: border-box; resize:none;}



.login-form{max-width:250px; margin:0 auto;}

.login-form .subscrb{margin:0;}



.btn-login{float:left; background:#ff9627; padding:1px 10px; display:inline-block; margin:2px 10px 0 0; border:solid 1px #fe8400; color:#fff;}

.btn-login:hover{color:#fff; background:#de7a10;}



.table{width:100%;}

.table th{padding:10px 15px; margin:0; background:#515151; color:#fff; font-size:14px; font-weight:bold;}

.table td{padding:10px 15px; margin:0;}

.table tr:nth-child(odd){background:#e4e4e4;}





.head-social {



    float: right;



    width: auto;



}







.social-links {



    display: inline-block;



    float: left;



    height: 28px;



    margin: 2px 10px 0 0;



    text-align: center;



    width: 28px;



}



.social-last { margin-right:0px; }



.social-links img {



    height: 28px; width:28px; opacity:1;



}







.social-links:hover img {



    height: 28px; width:28px; opacity:0.80;



}











/*  |  H O M E  P A G E  S E C T I O N  |  */



.main-container{ display: block; padding: 40px 0 0 ;}



.content-box{ padding: 0 0 30px; display: block; overflow:auto; width:825px;}



.content-box .content{ margin: 0 0 45px;}



.box-block { float: left; *width:100px;  padding: 0px; height: auto; margin:0 44px 7px 44px; display: block; }







.content h2 {



    color: #2E2E2E;



    font-size: 24px;



    font-weight: normal;



    line-height: 30px;



    text-align: center;



}







.box-block .header-sec {



    margin: 0 auto;



    max-height: 90px;



    max-width: 90px;



    text-align: center;



    transition: all 0.5s ease 0s;



}



.box-block h2 { font-size: 20px; font-weight: normal; color: #333333; text-align: center; margin: 10px 0 0}



/*.box-block:hover h2{ color: #4da025}



.box-block:hover .header-sec{background-color: #ffffff; border: solid 5px #4da025;}*/



.icon-servisec{ background: url(images/icon-servisec.png) no-repeat; width: 42px; height: 50px; display: inline-block; margin: 20px 0 0; transition: all .5s ease 0s;



-moz-transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -o-transition: all .5s ease 0s;}



h2 .heading-with-line{font-size:24px; font-weight:normal; color: #2e2e2e; }



h1.border-h{ border-bottom:1px solid #DCDCDC; padding-bottom:10px;  color: #2E2E2E;



    font-size: 24px;



    font-weight: normal;



    line-height: 30px;



    text-align: center;}



.iph{ background-position: -2px 1px}



.ipad {



    background-position: -42px -1px;



    margin: 26px 0 0;



    width: 39px;



}



.macbook {



    background-position: -83px 6px;



}



.pc {



    background-position: -128px 4px;



}







#testimonial{ width:100%;  background:#f6f6f6; padding:28px 0 20px; border-bottom:1px solid #E1E1E1;}



#testimonial h2{color: #2E2E2E;



    font-size: 24px;



    font-weight: normal;



    line-height: 30px;



    text-align: center;}



#testimonial-all{ width:100%;  background:#ececec; padding:15px 0 3px; text-align:center; border-bottom:1px solid #E1E1E1;}



#testimonial-all h3 a{color:#4da025; font-size:15px; text-align:center; font-weight:bold; }















/*  |  F O O T E R   |  */







#footer-content-wh{width: 100%; display: block; overflow: auto; background: #fff ; padding:30px 0 ; margin:0;}



.footer-logo{margin-top:30px; width:400px; float:left; color:#1d1d1d; line-height:22px; font-size:15px;}



.logo-section img{margin-right:20px; float:left; display:inline;}



.footer-logo p{ margin-top:4px;}



.mrgn-top{margin-top:22px; position:absolute;}







#footer-content{width: 100%; display: block; overflow: auto; background: #1d1d1d ; padding:20px 0px; margin:0;}



#footer-strip {  height: 36px; display: block; width: 100%; background: #2f639b; padding: 6px 0; border-top: 9px solid #e1dfdf }



.footer-div .f-left{line-height:20px; color:#f5f5f5; font-size:15px;}



.footer-div img{margin-top:-4px;margin-right:10px; float:left; display:inline;}



.ph-icon {



    margin-right: 10px !important;



    margin-top: -18px !important;



}



#footer{ display:block; background: #000000; width: 100%; padding: 10px 0; margin:0}



.footerinbox .copy{ padding:44px 0 0 0 ; line-height:30px; color:#ffffff; width: 55%; float: left; font-size: 13px;}



#power { height:25px; line-height:22px; width:25%; margin:0 auto; text-align:right; float: right;}



#power span{ display:inline; line-height:30px; position:relative; float:right;  color:#fff; font-size: 13px;}



#power .singsys{ background:url(images/singsys_footer.png); height:18px; width:62px; float:left; display:block; margin-left:5px; margin-top:8px; overflow:hidden; float: right}



















/*  | INNER   |  */



#inner-pg {margin-top:-16px;}







/*.box-block-top:hover{  width: 42px; height: 50px; display: inline-block; margin: 20px 0 0; transition: all .5s ease 0s;



-moz-transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -o-transition: all .5s ease 0s;}*/







#top-sec-logo {



    margin: 30px 0 35px;



    overflow: auto;



}



.box-block-top {



    border-right: 1px solid #DCDCDC;



    display: block;



    float: left;



    height: auto;



    margin: 2px 0;



    padding: 26px;



	min-width: 67px;



	width:65px;



}



#top-sec-logo .no-margin{border-right:none;}











.bdr-bg{width: 100%; height: 10px; background-image:url(images/bdr-bg.png); background-position: 50% 50%;}



















#mid-logo{ width:100%;  background:#f6f6f6; padding:45px 0 40px 0; border-bottom:1px solid #E1E1E1;  border-top:1px solid #E1E1E1;}



#mid-logo img {



    border: 3px solid #E5E5E5;



    border-radius: 5px 5px 5px 5px;



    margin-right: 24px;



	/*padding:30px 15px;*/



	background:#fff;



}







#bottom-sec-logo {



    margin: 25px 0 35px;



    overflow: auto;



}



#bottom-sec-logo .box-block-top {



    border-right: 1px solid #DCDCDC;



    cursor: pointer;



    display: block;



    float: left;



    height: auto;



    margin-bottom: 12px;



    width:236px; text-align:center;



    margin-top: 12px;



    padding: 30px 0;



}



#bottom-sec-logo .no-margin{border-right:none;}



#bottom-sec-logo .box-block-top img{max-height: 121px !important;



    max-width: 222px !important;}







.bdr-bg-1{width: 100%; height: 10px; background-image:url(https://channelhopper.tv/wp-content/uploads/2016/09/botmbordr.jpg); background-position: 50% 50%;}











#bottom-gray {



    background: none repeat scroll 0 0 #F1F1F1;



    border-top: 4px solid #61BB2D;



    display: block;



    margin: 0;



    overflow: auto;



    padding: 20px 0 26px;



    width: auto;



}



#bottom-gray h3 {



    color: #000000;



    font-size: 40px;



    line-height: 36px;



    margin-bottom: 0;



    margin-top: 11px;



}



#bottom-gray h4 {



    color: #444444;



    font-size: 24px;



    line-height: 31px;



    margin-bottom: 3px;



}



#bottom-gray p {



    color: #848282;



    font-size: 16px;



}



#bottom-gray .f-left {



    width: 678px;



}



#bottom-gray .f-left img {



    display: inline;



    float: left;



    margin-right: 23px;



}



.visit-btn {



    background-image: url("images/visit-btn.png");



    background-position: 0 0;



    cursor: pointer;



    height: 60px;



    margin: 23px 0 0;



    width: 204px;



	display:inline-block;



}



.visit-btn:hover {



    background-image: url("images/visit-btn.png");



    background-position: 0 62px;



    height: 60px;



    width: 204px;



}



.border-bot{ border-bottom:1px solid #bbbbbb; padding-bottom:15px; margin-bottom:15px; margin-top: 15px; float:left; *float:none; width:100%; *width:auto; }



.img-top{   width: 295px; margin:0 auto}



.img-top p{ color:#969595; font-style:italic; margin-bottom:0; margin-top:10px;}



.mrg-top{ margin-top:15px; margin-left:15px;}



.like-mrg{ margin-top:50px;}



.f-nav{ width:300px; float:left; margin-top:3px;}



.f-nav ul{ float:left; width:150px; float:left; margin-left:0px;}



.f-nav ul li a{ color:#fff; font-size:13px;}



.f-nav ul li a:hover{ color: #5fb42e; }







.hit-coun{ width:177px; float:right; height:26px;}



.hit-coun img{ margin-right:0px;}



.hit-coun span{ font-size:13px; color:#fff; float:left;}



.payment{ width:387px; float:right}



.payment-row{ width:100%; margin-top:15px; float:left;}







.apple-tv{ width:735px; margin:0 auto;}



.apple-tv img{ margin-right:100px; float:left}



.apple-tv h2{ font-weight:normal; padding-left:8px; color:#71c837; font-size:24px; border-bottom:1px solid #ccc; margin-bottom:10px; padding-bottom:10px;}



.apple-tv .f-right{ width:356px;}



.apple-tv p{color:#404040; font-size:16px; line-height:25px; margin-left:8px;}











/********************* How it Works CSS *********************/



.work_cont1 { font-size: 24px; color: #5fb42e; margin-top: 0px; }



.work_cont1 h2 {



    color: #5FB42E;



    display: inline-block;



    font-size: 24px;



    font-weight: normal;



    margin-top: 0;



}



.quote { vertical-align: text-top;  }



.main_cont {  color: #191919; font-size: 16px; padding-left: 20px; margin-top: 15px;  }



.pay_satis { margin-top: 0px; border-bottom: 1px  solid #d7d7d7; padding-bottom: 20px;  }



.pay_img { float: left; margin-left: 100px; }



.paypal { float: left; margin: 60px 0 60px 0px; }



.mny_back { float: left; margin: 25px 0 25px 0px; }



.pay_cont { float: right; padding-left: 0px !important; margin-top: 25px ;  color: #191919; font-size: 16px;   width: 455px; }



.pay_work { margin-top: 15px !important; }



.work_wrapper { }



.work_left { float: left; width: 490px; margin-top: 5px !important;  }



.work_right { float: right; text-align: center; width: 445px; position: relative; }



.subs {



	background-color: #ff9627;



	border: 1px solid #ec7b00;



	box-shadow: 3px 3px 0px #adadad;



	color: #fbfbfb;



	font-size: 18px;



	width: 183px;



	padding: 4px 4px 4px 4px;



	margin: 0px auto 0px auto;



	font-weight: bold;



	text-align: center;



	position: absolute;



	left: 128px;



	top: 175px;



	 text-shadow: 0px 2px 1px #AB651A;



}



.subs:hover { background-color: #ec7b00; color:#fff;}



.logo_cp { margin-top: 5px;}











/****************** Client Testimonial CSS ******************/



.test_wrapper {  margin: 30px 0 35px;



    overflow: hidden; }



.clnt_test { overflow: hidden;  margin-bottom: 30px;}



.clnt_name { float: left; text-align: center;  width: 152px; font-family: Myriad Pro; padding: 0px 10px 0px 0px; }



.clr_one { color: #5fb42e; font-size: 14px;  }



.clr_two { color: #131313; font-size: 14px; }



.clnt_cmnt { float: right; background: #fdfdfd; padding: 10px 8px 10px 8px;  border: 2px solid #f9f9f9; font-size: 16px;  width: 745px; margin-right: 5px; position: relative; min-height: 120px; }



.nxt_clnt { }



.arr {



	position: absolute;



	left: -24px;



	top: 50px;



}



.arr-inv {



	position: absolute;



	right: -23px;



	top: 50px;



}



.clnt_name .clnt-icon {



    border: 3px solid #A9DF87;



    border-radius: 100%;



	height: 138px; width:138px	



}



.bor-col-chng { border: 3px solid #DFDFDE !important;}



.clnt_name .clnt-icon img { margin-top: 20px; }







/******************Contact Us CSS ******************/



.form_wrapper {  margin: 30px 0 30px;



    overflow: hidden; }



.form_left  { float: left; margin-left: 20px; width: 380px; }



.frm_label { font-size: 16px; color: #262525;  text-align: left; margin-top: 10px;  }



.txt_box { width: 150px; resize: none; border: 1px solid #cccccc; padding: 10px 10px 10px 10px; width: 360px; overflow: hidden; margin-top: 5px; }



.first_label { margin-top: 0px !important; }



.req_field { color: #ff0101; vertical-align: text-top;  }



.form_right { float: right; width: 500px; padding-right: 20px; }



.contact_cont { font-size: 16px; color: #262525;  text-align: left; margin-top: 20px; }



.hrs { font-size: 32px; color: #ff9627; }



.cont_img {



	position: absolute;



	right: 0px;



	bottom: -5px;



	



}



.testi-img{ bottom: -5px}







/****************** Terms and Conditions CSS ******************/



.term_wrapper { margin-bottom: 10px; }



.term_wrapper ol { margin: 0; padding: 0; }



.term_wrapper ol li { list-style: decimal outside none; font-size: 16px; color: #191919;margin-top: 20px; margin-left:22px; padding: 0px;}



.first_term { margin-top: 0px !important;}



.ps_rel {



	width: 150px;



	position: relative;



	left: 879px;



	top: 5px;



}



.term_img {



	position: absolute;



	left: 899px;



	top: 1218px;







}



.submt_btn { margin: 10px 0px 0px 0px; height: 65px; }



.send_sub { background-color: #ff9627;



	border: 1px solid #ec7b00;



	box-shadow: 3px 3px 0px #adadad;



	color: #fbfbfb;



	font-size: 18px;



	float: right; 



	padding: 4px 4px 4px 4px;



	font-weight: bold;



	text-align: center; margin-top: 10px; width: 150px;  padding: 8px 7px 8px 7px; cursor: pointer; text-shadow: 0px 2px 1px #AB651A;}



.send_sub:hover { background-color: #ec7b00;    }











/****************** Subscribe CSS ******************/







.plans { margin-top: 50px; font-family: Roboto; }







.basic_subs { float: left; width: 218px; border: 1px solid #d7d7d7; position:relative; min-height:355px; margin-right:26px; text-align: center;  border-radius: 7px; padding-bottom: 8px;  }



.basic_subs.last{ margin-right:0px;}



.basic_subs .chng_clr_silver {



    background: none repeat scroll 0 0 #D2D2D2 !important;



}







.basic_subs .chng_clr_gold {



    background: none repeat scroll 0 0 #F0DC69 !important;



}



.plans_head { font-size: 31px; color: #FFF; background-color: #ff9628; font-weight: normal; padding: 10px 0px 40px 0px; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom: #e2e2e2 1px solid;}



.chng_clr { background-color: #5eb42d !important; }











.prc-circle {



	position: absolute;



	left: 50px;



	top: 80px;



	width: 125px;



	height:125px;



	text-align: center;



	



	background:url(images/euro_price.png) top no-repeat;



}



.prc-circle h2{font-size:58px; font-weight:bold; letter-spacing:-1px; color:#373C41}



.prc-circle h2 span{ font-size:23px; color:#292929;  display:block}



.mnth { font-size: 25px; color: #292929; margin-top: 110px; font-weight: bold; }



.eqv { font-size:13px; margin-top: 0px; font-weight: lighter; }



.subscrb { background-color: #ff9627; border: 1px solid #fe8400; box-shadow: 3px 3px 0px #adadad; color: #fbfbfb !important; font-size: 16px; width: 160px; padding: 7px 5px 7px 5px; margin: 50px auto 0 auto; font-weight: bold; text-align: center; display:inline-block; text-shadow: 0px 2px 1px #AB651A;  cursor:pointer; }



.subscrb:hover { background-color: #fe8400; color: #fbfbfb !important;  }



.subscrb_grn { background-color: #5eb42d !important;color: #fbfbfb !important; border: 1px solid #4a991d !important; margin-top: 30px !important; text-shadow: 0px 2px 1px #417c1f; }







.subscrb_grn:hover { background-color: #4a991d !important; color: #fbfbfb !important;  }



.subscrb_silver {



    background: none repeat scroll 0 0 #C4C0C0 !important;



    border: 1px solid #969698;



    margin-top: 30px !important;



    text-shadow: 0 2px 1px #707070;



}



.subscrb_gold {



    background: none repeat scroll 0 0 #E2BE2D !important;



    border: 1px solid #C09C0B;



    margin-top: 30px !important;



    text-shadow: 0 2px 1px #836F1E;



}



.subscrb_gold:hover {



    background: none repeat scroll 0 0 #C09C0B !important;



}



.subscrb_silver:hover {



    background: none repeat scroll 0 0 #969698 !important;



}



.paypal_subs { width: 445px; font-size: 16px; min-height:253px; font-weight: bold; float: left; border: 1px solid #d7d7d7; padding-bottom: 15px; }



.paypal_subs.last { float: right }







.paypal_subs h2 {color: #5eb42d; font-size: 24px; text-align: center; font-weight:normal;  border-bottom: 1px solid #cccccc; padding:10px 0;}







.paypal_subs p{ font-size:16px; color:#191919; margin:12px;}



.paypal_subs .subscrb{ margin-top:15px;}



.small_print { background: #ebebeb repeat-x scroll center bottom; text-align: center; margin: 0px auto 0px auto; padding: 7px 0px; }



.small_print span { font-size: 13px; color: #000; }



.small_print a { text-decoration: underline; font-size: 13px; color:#ff9627; }







#s4-bodyContainer {



    padding-bottom: 0 !important;



}







/****************** Video Listing CSS ******************/



.vid_list{ width:100%;  background:#ffffff; padding:0px 0 40px 0; overflow: hidden; }



.vid_list p{color: #8E8E8E;



    font-size: 16px;



    font-weight: bold;



    line-height: 20px;



    margin-bottom: 0 !important;



    margin-top: 8px;



    padding: 5px 10px;



    text-align: left;}



    



    .vid_list p.vid-desc { font-size: 15px !important;



    font-weight: lighter !important;



    margin-top: 0 !important;



    padding-top: 0 !important; }



    



.tut-1 { 



	background: #2b2b2b;



    border: 3px solid #E5E5E5;



    border-radius: 5px 5px 5px 5px;



	



	background:#fff;



	width:290px;



	height:370px;



	position: relative;



}



.img_vid {



	position: absolute;



	right: 102px;



	width:290px; height:180px; ;



	bottom: 52px;



}



.img_vid:hover{background:url(images/vid-icon-hover.png) top no-repeat;}



.nxt_vid { margin-left: 35px !important;  }



.dwn_vid { margin-top: 45px !important;  }



.payment .spd-test {



margin-left: 8px !important;



}



#s4-workspace #s4-bodyContainer #header .wrrap-section .fb-like iframe {



    height: 20px;



    width: 180px;



}



#s4-workspace



{



	min-width:980px;



	}



}



.term_wrapper ol li a {



    color: #7D7D7D !important;



}







.term_wrapper ol li a:hover {



    color: #5FB42E !important;



}



.wrrap-section .fb-like .fb-share {



    float: right !important;



}



.wrrap-section .fb-like .fb-like-button {



    float: left;



    margin-top: 0;



    width: 85px;



}



.wrrap-section.content-box .box-block-next {



    margin: 0 55px 7px 85px !important;



}



.wrrap-section.content-box .box-block-last {



   float: right;



   margin: 0 44px 0 0 !important;



}







.layout-col {



display: block !important;



max-width: 100% !important;



}



.box-block .header-sec img {



    max-width: 90px;



    min-height: 90px;



}



.box-block-top > img {



max-height: 50px;



max-width: 67px;



}



#top-sec-logo .box-block-top1:hover {



    box-shadow: 1px 1px 3px 0 #dbdbdb;



}



.box-block-top1 {



    border: 1px solid #dcdcdc;



    border-radius: 5px;



    display: block;



    float: left;



    height: auto;



    margin: 0 5px 10px;



    min-width: 67px;



    padding: 20px;



    width: 65px;



}







.play-video {



  display: block;



  left: 213px;



  position: absolute;



  top: 290px;



}







.play-video img {  opacity: 0.75;}



.play-video:hover {  opacity: 0.65;}







.last-img {



    margin-top: 15px;



}

marquee { color: #4DA025;

    font-family: "robotomedium";

    font-size: 18px;

    font-weight:bold; 

    width: 320px;}

	

	

/* How to */

.section{

	width:100%;

	float:left;

	box-sizing:border-box;	

}

.full_width .headline{

    border-bottom: 1px solid #dcdcdc;

    color: #2e2e2e;

    font-size: 24px;

    font-weight: normal;

    line-height: 30px;

    padding-bottom: 10px; 

	display:block;

	margin:0 0 15px;   

}



.full_width ol{

	list-style-type:decimal;

	margin:0 0 15px;

	padding:0;

}

.full_width ol li{

	color: #191919;

    font-size: 16px;

	line-height:19px;

	font-weight:bold;

	margin-bottom:15px;

	display:block;

}

.full_width ol li a{

	color:#5fb42e;

	text-decoration:none;

}



.gapping{

	padding:30px 0;

}



h2.headlines{    

    display:table;

    font-size: 24px;

    font-weight: bold;

    margin:0 auto 25px;

	background:url(images/bg_img.jpg) bottom left no-repeat;

	min-height:40px;

	padding:30px 0 15px 120px;

	border-bottom: 1px solid #dcdcdc;

}



h2.headlines.border-none{border-bottom: 0;}



.section p{

	color: #191919;

    font-size: 16px;	

}



.section p.txt_red{color: #cc0000;}



.orange{

	color:#ff9627;

	text-decoration:none;

}

.green{

	text-decoration:none;

	color:#5fb42e;

}





.section h3{

	margin:10px 0;

	padding:0 10px 6px;

	position:relative;

	color:#666;	

}

.section h3:after{

	content:"";

	width:4px;

	height:20px;

	background:#5fb42e;

	position:absolute;

	top:0;

	left:0;

}

.img_div{

	width:auto;

	display:table;

	padding:10px;

	border:1px solid #dcdcdc;	

	margin:15px auto;

	box-shadow:4px 4px 0px 0px rgba(0,0,0,.2);

}



.accordion{}

.accordion .accordion-title{margin:0; color:#5fb42e; cursor:pointer; font-size:20px;}

.accordion .accordion-content p{padding:0 0 10px;}



.catch-up-logo{text-align:center;}

.catch-up-logo a{display:inline-block; margin:8px;}
.boxwrapper {width:100%; text-align:center;}
.responsebox { width:80%; padding:40px 38px; border:1px solid #dfdfdf; display:inline-block; text-align:left; margin-top:40px;}
.commentArea { width:88%; }
.contactform label {display:block;}
.contactform .textarea {width:88%;}
.responsebox .con { width:100%; float:left;}
.responsebox .con .text {padding-top:17px;}
.responsebox .con .icon { width:83px; float:left; margin-right:30px;} 
.responsebox .con .text { width:80%; float:left;}
@media screen and (max-width: 639px) {
.responsebox {width:74%;}
.commentArea {width:83%;}
.responsebox .con .icon {width:100%; float:none; text-align:center;}
.responsebox .con .text {width:100%; float:none; text-align:center;}
.contactform .textarea {width:100%;}
.contactform .subscrb {margin-bottom:15px;}
}