@mport url('https://fonts.googleapis.com/css?family=Lato:300,400,400i,700,900|Montserrat:300,400,400i,500,600,700,800,800i,900');


body{ margin:0; font-size:16px; color:#929191; line-height:26px; padding:0;font-family: 'Lato', sans-serif;}

h1,h2,h4{}
.header{ position:relative; font-family: 'Montserrat', sans-serif; top:0; width:100%; z-index:10000; background:#fff}
.header.sale-active {position: fixed;background: #fff;box-shadow: 0px 3px 8px rgba(0,0,0,.1);}
.h-top{ min-height:38px; line-height:normal; border-bottom:1px solid #f1f1f1}
.h-top a,.h-top span{ color:rgba(0,0,0,.5); padding:10px 0 8px; float:left;
 margin-right:10px; padding-right:20px; font-weight:500; border-right:1px solid #f1f1f1; font-size:13px; text-decoration:none; letter-spacing:.5px;
 -moz-transition:all ease 0.3s;
-webkit-transition:all ease 0.3s;
-o-transition:all ease 0.3s;
-ms-transition:all ease 0.3s;
transition:all ease 0.2s;}
.h-top a:last-child, .h-top span:last-child{ border:0; margin-right:0; padding-right:0}

.top-icon{ width:18px; height:18px; float:left; display:inline-block; margin-right:10px; background:url(../images/sprit-icon.png) no-repeat;}
.top-icon.chat_icon {
    background-position: 0 2px;
}
.top-icon.clock_icon {
    background-position: -29px 2px;
}
.top-icon.phone_icon {
    background-position: -57px 2px;
}
.top-icon.email_icon {
    background-position: -85px 2px;
}

.signup-section{ background:#96af30; border-bottom:3px solid #fff; padding:80px 0}
.signup-section .main-heading{ color:#fff; margin-bottom:20px;}.signup-section p{ font-size:20px; color:#fff; margin-bottom:30px;}
.btn_common {
    border-radius: 4px;
    background: #fff;
    padding: 15px 30px;
    display: inline-block;
    text-transform: uppercase;
    color: #000 !important;
    font-weight: 600; text-decoration:none !important;
    font-size: 13px;
    letter-spacing: 1px; border:1px solid #fff;
}
.no_btn_bg{ background:none; color:#fff !important; margin-left:10px;}

.header.sale-active .logo{ margin-top:10px;}
.header.sale-active .h-top{ min-height:30px;}
.header.sale-active .h-top a,.header.sale-active .h-top span{ padding-top:5px; padding-bottom:5px;}

.logo img{ display:block; width:100%}



.topBanner{ position:relative; background:#e5eef5}
.topBanner .container{ position:absolute; left:0; right:0; margin:0 auto; top:50%; margin-top:-150px; text-align:center; z-index:10;}
.topBanner img{ width:100%}
.freetrial {
    color: #96af30;
    font-weight: bold;
    font-size: 40px;
    /* font-size: 40px; */
    font-weight: 800;
}	
.captions{ display:inline-block; width:800px; text-align:center; color:#939290; }
.logo {
    float: left;
    width: 200px;
    margin: 12px 0;
}
.captions h2{font-size:40px; color:#fff; font-weight:800;}
.topR{ float:right; margin-top:0px;}
.topMenu{ float:left}
.topAction{ float:left}
.topMenu ul{ padding:0; margin:0; list-style:none;}
.topMenu ul>li{ display:inline-block; position:relative}
.topMenu ul>li>a{padding:22px 2px; font-size:13px; letter-spacing:.5px; color:#7f7f7f;text-transform:uppercase; position:relative; margin:0 5px; transition: all ease .5s}
.topMenu ul>li>a:hover{}
.topMenu ul a{  color:#fff; display:block; text-decoration:none;}

.dropDowns{ position:relative}

.dropDowns li{ display:block !important}
.dropDowns li a{ padding:5px 15px !important; margin:0 !important; font-size:12px !important; text-transform:none !important; line-height:none}
.dropDowns li a:hover{ background:#f1f1f1}
.dropDowns ul{ display:none; position:absolute; width:200px; left:0; top:100%; background:#fff; box-shadow:0 0 3px rgba(0,0,0,.2)}
.dropDowns:hover ul{ display:block}
.dropDowns .dropdown-submenu ul{ left:100%; top:0; display:none}
.dropDowns .dropdown-submenu:hover ul{ display:block}

.login_top{ float:left;text-transform:uppercase; margin-top:14px; margin-left:20px;}
.login_top>a{ font-size: 13px; margin-left:10px; padding: 5px 16px; float:left; border:1px solid #d6d6d6; background:#fff; border-radius:4px; text-decoration:none; color:#000 !important;
-moz-transition:all ease 0.3s;
-webkit-transition:all ease 0.3s;
-o-transition:all ease 0.3s;
-ms-transition:all ease 0.3s;
transition:all ease 0.2s; }
.contact_tp{ margin-left:10px;}
.login_top>a.active,
.login_top>a:hover{ background:#4ea5f5; color:#fff !important;  border-color:#4ea5f5}



.btnShop{ font-size:14px;  color:#fff !important; text-transform:uppercase; background:#232323; border-radius:30px; border:0; padding:15px 70px;  text-decoration: none !important; display:inline-block; margin-top:15px;}
.btnShop:hover{ border-color:rgba(0,0,0,1);}
.topBanner .btnShop{color:#fff !important; }
.topBanner .btnShop:hover{ border-color:rgba(255,255,255,1);}
.ipad_banner{ background:#fff; border:70px solid #fff; min-height:280px; border-bottom:0 solid #fff; box-shadow: 0 0 30px rgba(0,0,0,.1);
margin-top:50px; border-radius: 30px 30px 0px 0px; background:#eeeeee; border-top:20px solid #fff}

.common-section,.trail-section{ padding:80px 0}
.trail-section{ background:#f3f3f3}

.main-heading{ font-size:40px; font-weight:800; color:#333333; margin:0 0 20px; }
.title_text{ font-size:22px; margin:0 0 40px; color:#929191}
.main-heading .indent{ text-indent:30px; display:block}
.bl_img{ min-height:190px; overflow:hidden; background:#000; position:relative; border-radius:4px 4px 0 0;}
.bl_img img{ opacity:.8}
.bl_img .play_icon {position: absolute; width:60px; height:60px; transition:all ease .4s; top: 50%;left: 0;right: 0;margin: 0 auto;margin-top: 0px;margin-top: -30px;}
.bl_img:hover .play_icon{ transform:scale(1); box-shadow:0 0 33px rgba(0,0,0,.3)}
.bl_img img{ width:100%;  border-radius:4px 4px 0 0; transition:all ease .4s;}
.bl_img:hover img{ transform:scale(1.1)}
.blog_slider .item{ padding:0px 15px; }
.blog_slider .owl-nav div{ position:absolute;  width:50px; height:50px; top:50%; opacity:.4;  margin-top:-25px;font-size:0 !important; background:url(../images/slider_arrow.png) no-repeat;}
.blog_slider  .owl-prev{ left:-50px;background-position:0 6px !important; }
.blog_slider  .owl-next{ right:-50px;background-position: -52px 6px !important;}
.blog_slider .owl-prev:hover,.blog_slider .owl-next:hover{ opacity:.9}
.footer{ background:#96af30; padding:90px 0 0;}
.copyright{ background:#89a225; text-align:center; margin:30px 0 0; padding:20px; color:#fff !important}
.footer p{ color:#fff; font-size:14px;}
.footer ul{ padding:0 0 15px; list-style:none; font-size:14px;}
.footer ul li{ padding-left:0px; color:#fff; position:relative}
.footer ul li:before{ content:"▬"; font-size:12px; margin-right:10px;}
.footer ul li a{ color:#fff !important; display:inline-block; text-decoration:none}
.parallax_element{transition: all ease-out .4s;}
.range-section{ overflow:hidden}
.scrollTop{ position:absolute; bottom:0; left:0; right:0; margin:0 auto; text-align:center; width:30px;}
.topScroll{ display:block; width:30px; height:160px; background:url(../images/banner-bottom.png) bottom center no-repeat}
.scrollTop img,
.top_arrow>span{ width:auto; -webkit-animation: bounce 1s ease infinite;
	animation: bounce 1.5s ease infinite;}



	@-webkit-keyframes bounce {
0% {
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
25% {
-webkit-transform:translateY(-10px);
transform:translateY(-10px)
}
50% {
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
75% {
-webkit-transform:translateY(-5px);
transform:translateY(-5px)
}
100% {
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
}
@keyframes bounce {
0% {
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
15% {
-webkit-transform:translateY(-10px);
transform:translateY(-10px)
}
30% {
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
45% {
-webkit-transform:translateY(-5px);
transform:translateY(-5px)
}
60% {
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
}


.top_arrow{ position:absolute; width:60px; height:60px; border:2px solid #fff; border-radius:100%; top:-30px; right:40px; background:#89a225; text-decoration: !important; color:#797979  !important; line-height:18px; font-size:12px; text-transform:uppercase;}

.top_arrow>span{ width:12px; position:absolute; right:0; left:0; top:50%; margin:0 auto; margin-top:-9px; height:18px; background:url(../images/top_arrow.png) right center no-repeat;}

.footerMenu{ padding:5px 0 0; text-align:center; margin:0; list-style:none;}
.footerMenu li{ display:inline-block; }

.fComponent{ padding:0 150px; position:relative; min-height:45px; margin-bottom:70px;}
.fooCol{ position:absolute; width:40px; left:0; top:0}
.fooCol img{ width:100%}
.fooCol.social{ left:auto; width:auto; right:0}
.footerMenu>li>a{ color:#333331; text-decoration:none}
.footerMenu>li>a:hover{ color: #fff}

/*.socail_icons a{ width:26px; height:26px; margin:0 3px; display:inline-block; background:url(../images/socials.png) top no-repeat; opacity:.8}
.socail_icons a.facebook{ background-position:0 0}
.socail_icons a.twitter{ background-position:-34px 0}
.socail_icons a.youtube{ background-position:-68px 0}
.socail_icons a.rss{ background-position:-103px 0}
.footer a{ color:#fff}
.socail_icons a:hover{ opacity:1}*/


.socail_icons a{ width:26px; height:26px; margin:0 3px; display:inline-block; background:url(../images/socials.png) top no-repeat; opacity:.8}
.socail_icons a.facebook{ background-position:0 0}
.socail_icons a.twitter{ background-position:-34px 0}
.socail_icons a.youtube{ background-position:-68px 0}
.socail_icons a.rss{ background-position:-103px 0}
.socail_icons a.instagram{ background-position:-136px 0}
.socail_icons a.linkedin{ background-position:-170px 0}
.socail_icons a.pinterest{background-position:-204px 0}
.footer a{ color:#fff}
.socail_icons a:hover{ opacity:1}

.copyright{ color:#9c9b9b; font-size:12px; position:relative}
.compName{ color: #fff; text-decoration:none !important}
.actions {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    text-align: center;
    margin-top: -20px;
}

.actions a {
    width: 50px;
    height: 50px;
    position: static;
    margin: 0 3px;
    background: #fff;
    border-radius: 100%;
    display: inline-block;
    box-shadow: 0 0 43px #ebebeb;
	transition:ease all .2s;
    border: 1px solid #e3e3e3; transform:scale(1)
}
.actions a:hover{transform:scale(1.1); background:#000;border: 1px solid #000;}

.rsP{ margin-top:15px; color:#000; font-size:14px;}

.icons_sprit{ width:24px; height:24px; margin-top:12px; display:inline-block; background:url(../images/sprites_icon.png) top no-repeat}
.cart_icon{ background-position:1px 2px}
.compare{ background-position:1px -42px}
.wishList{ background-position:2px -86px}

.cart_icon.white{ background-position:-48px 2px}

.actions a:hover .cart_icon{ background-position:-48px 2px}

.actions a:hover .compare{ background-position:-48px -42px}

.actions a:hover .wishList{ background-position:-48px -86px}



.innerBanner h1 > p {
  
  font-size: 12px;
    font-style: italic;
    margin-top: 3px;
}



.tpIcon{ width:20px; height:20px; display:block;background:url(../images/top_icon.png) top no-repeat; margin:0 10px }
.tpIcon.search{ background-position:0 0}
.tpIcon.cart{background-position:-45px 0}
.tpIcon.user{background-position:-90px 0}
.tpIcon.info{background-position:-125px 0}

.searchWr,.userWr,.cartWr,.infoWr{ float:left}

.prImg {
    float: left;
    width: 50px;
}
.prImg img{ width:100%}
.prDtl {
    margin-left: 60px;
}
.prDtl h2{ font-size:14px; margin:0 0 10px}
.prDtl .rsP{ margin:0}
.crRow{ padding:0 15px 10px; margin-top:10px; position:relative; border-bottom:1px solid #f1f1f1}
.total {

    text-align: right;
    font-size: 12px;
    font-weight: 400; margin-bottom:30px; color:#fff;
}

.crTaction {
    position: absolute;
    top:150%;
    width: 350px; z-index:10000;
    text-align: center;
    padding: 10px 0; transition:.5s; left:0; right:0; margin:0 auto
}
.crTaction.active{ top:75%;transition-timing-function: cubic-bezier(50,0.1,0.25,20);}


.cartList{ width:100%; right:0; transform:scale(0); opacity:0; top:0; height:100%; position:fixed; z-index:10000;}
.cartList.active{ right:0;transform:scale(1); opacity:1;}
.closeCart{ position:absolute; top:15px;right:15px; color:#fff; font-size:50px; line-height:30px; font-weight:200; text-decoration:none !important; z-index:10001}
.innerSec {
    width: 350px;
    position: absolute;
    top:5%;    max-height: 70%;
    left: 0;
    right: 0; transform:scale(0);
    margin: 0 auto; z-index:1000;
	opacity:0;
    transition:.5s; box-shadow: 0 0 20px #0000; background:#fff;
    overflow: auto; overflow:auto; border-bottom:2px solid #f1f1f1 !important
}
.innerSec.active{transform:scale(1); opacity:1; transition-timing-function: cubic-bezier(50,0.1,0.25,20);}
.table{ height:100%; display:table}
.verticals{ display:table-cell; vertical-align:middle}
.play_icon{ width:75px; height:75px; background:#fff; margin-top:15px; position:relative; border-radius:100%; text-align:center; display:inline-block}
.play_icon::after {
    content: "";
    border-left: 18px solid #4da5f5;
    position: absolute;
    height: 0;
    width: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent; top:50%; left:0; right:0; margin:0 auto; margin-top:-10px;
}
.dual-section:after{ display:block; clear:both; content:""}
.dual_col:first-child{ background:#f3f3f3}
.dual-section {
    display: table;
    width: 100%;
}
.dual_col{ display:table-cell;width:50%; vertical-align:top; padding:30px 0 40px;}
.dual_col .main-heading{ font-size:26px; margin-bottom:15px}
.small_wrap{ max-width:585px; float:right; padding:0px 80px 0px 0}
.dual_col:last-child .small_wrap{ float:left; padding-left:80px; padding-bottom:15px; padding-right:0}

.dual_col p,.dual_col ul{ font-size:16px; color:#929191; line-height:25px; }
.dual_col p{ margin-bottom:40px; line-height:28px;}
.dual_col ul{ margin:0; padding:0 0 0 15px;}
.dual_col ul li{ margin-bottom:15px;}
.black{ color:#000}
.first-section{ padding:80px 0}
.video-section{ max-width:980px; transition:all ease .5s; margin:0 auto; border-radius:26px; margin-top:90px; overflow:hidden; position:relative; background:#000}
.video-section:hover{box-shadow:0 0 20px rgba(0,0,0,.2)}
.video-section img{ display:block; transition:all ease .8s; max-width:100%}
.video-section:hover img{ transform:scale(1.2)}
.video-section .captions{ position:absolute; width:100%; z-index:10; display:none; top:50%; margin-top:-40px; text-align:center}
.video-section .play_icon{ width:60px; height:60px;}
.number_circle{ width:40px; margin-bottom:40px; height:40px; display:inline-block; font-size:13px; color:#ababab;font-family: 'Montserrat', sans-serif;
 background:#fff; border:1px solid #e7e6e6; border-radius:100%; text-align:center; line-height:40px;}

 .first-section{ overflow:hidden;}
  .first-section .container{position:relative}
 .readmore{font-family: 'Montserrat', sans-serif; color:rgba(0,0,0,.5); display:inline-block; margin-top:20px;font-size:13px; font-weight:500;}
 .small-heading{ color:#1c1c1c; font-size:20px; margin:0 0 15px; font-family: 'Montserrat', sans-serif;}
 .icon_sec{ margin-bottom:40px; height:50px;}
 .icon_sec img{ max-width:100%}
 .line{ left:-50%; right:-50%; position:absolute; top:105px; height:1px; background:#e7e6e6}
 .small_txt{ display:block; font-size:20px; font-weight:500;}
 .seamless .continer{ width:850px;}
 .brand_logo{ margin-bottom:10px; background:#fff; text-align:center}
  .column{ padding:30px 20px; min-height:350px; margin-bottom:20px; border-radius:8px;}
 .column:hover,.column_2:hover{ box-shadow:2px 0 15px rgba(0,0,0,.11); border-color:#fff }

 .amazon-section{ background:url(../images/testimonial-banner.jpg) top no-repeat; padding:80px 0; position:relative; background-size:cover}
 .amazon-section .small-heading{ color:#fff; font-size:28px; font-weight:500; margin:30px 0}
  .amazon-section p{ font-style:italic; color:#fff; margin:0}
 .amazon-section p.name{font-family: 'Montserrat', sans-serif; margin-top:40px; font-size:18px; font-style:normal}

 .column_2 {
    border: 1px solid #edecec;
    padding: 20px; border-radius:4px;
    background: #fff; margin:30px 0
}
.column_2 .bl_img{ margin:-20px -20px 20px;}
.padding-t0{ padding-top:0}
.padding-b0{ padding-top:0}

.watch_video{font-family: 'Montserrat', sans-serif; color:#4da5f5; font-size:14px;}

.column_2 h4{ color:#1c1c1c; font-family: 'Montserrat', sans-serif;}
.date { color:#bababa; font-family: 'Montserrat', sans-serif; font-size:15px;}
.blog_slider{ margin:0 -15px; padding:0 15px;}
.footer .small-heading{ color:#fff}















/*======================================*/

.teaser-bg {background: #3e3e3e;position: relative;overflow: hidden;}
/*.topBanner:after{ content:""; height:100%; left:0; top:0; z-index:1; width:100%; position:absolute; background:rgba(0,0,0,.3)}*/
.teaser-bg iframe {position: absolute;z-index: 0;width: 1349px;height: 800px;top: 0px;
left: 0px;overflow: hidden;opacity: 1;-moz-user-select: none;margin-top: -100px;margin-left: 0px;max-width: initial;
transition-property: opacity;transition-duration: 1000ms;width: 100%;min-height: 350px;border: none;}
.fancybox-overlay-fixed{ z-index:10000}
.fancybox-close {background: #fff;
border-radius: 100%;box-shadow: 0 0 7px #5c5c5c;color: #000;font-size: 21px;
font-weight: 600;height: 30px;line-height: 30px;position: absolute;right: -15px;text-align: center;
text-decoration: none !important;top: -15px;width: 30px;}
.toggle_menu{ float:right; width:40px; display:none; height:50px;}
.toggle_menu span {

    height: 3px;
    background: #003c82;
    display: block;
    margin: 4px 6px;

}
.toggle_menu span:first-child {
    margin-top: 15px;
}

.downArrow {
    cursor: pointer;
    height: 30px;
    position: absolute; display:none;
    right: 0;
    background: url(../images/down-arrow.png) center center no-repeat;
    top:12px;
    width:30px;
	background-size:15px;
    z-index: 1000;
}
.trail-section img {
    max-width: 100%;
}





.breadCrumb { list-style:none; padding:0}
.breadCrumb li { display:inline-block; margin-right:15px;}
.breadCrumb li a{ font-size:13px; color:#999}
.cloBox::before, .fancybox-close::before {
    content: "×";
}
.banner-form {
    padding: 0 150px; margin-top:30px;
}

.banner-form .col-lg-3{}
.banner-form .form-control{ height:40px;}
.banner-form .btn{ background:#96af30;border:0; color:#fff; height:40px; font-family: 'Montserrat', sans-serif; text-transform:uppercase; font-weight: 600}
.mobile-btn{ display:none}

.innerBanner {
  position: relative; margin-bottom:20px;
  min-height:80px;
}

.innerBanner h1 {
    color: #5c96df;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 22px;
    font-weight: normal; position:absolute; left:0;
    margin:15px 0 0;
    text-transform: uppercase;
	    right: 240px;
}

.innerBanner img{ width:100%}
.banner-form .row .fancybox-close{ display:none}
.seamless img{ margin-bottom:30px; max-width:100%}
.seamless .col-md-2{ width:25%; padding:0 5px}
.brand_logo img{ margin:0}
.show_mobile{ display:none}

.sylva{ width:210px; height:210px; text-align:center; position:absolute; right:100px; top:50%; margin-top:-105px;}
.sylva img{ max-width:100%;}

.us-flag{ background:url(../images/usa_flag.png) no-repeat; width:16px; height:14px;  display:inline-block; position:relative; margin-right:5px !important; }
.uk-flag{ background:url(../images/uk_flag.png) no-repeat; width:16px; height:14px; display:inline-block; position:relative; margin-right:5px !important; }

.httr{ display:inline-block; float:none !important; padding:0 !important}
.httr .us-flag,.httr .uk-flag{ float:left}

.footer a .uk-flag{ margin-left:10px;}

.sale-active .uk-flag,.sale-active .us-flag{ top:2px}
.country_sl { 
    margin-top: 13px;
}
.country_sl>span {
    font-size: 15px; color: #6b6b6b; margin-top:5px; float:left;
}
.bfh-selectbox {
    position: relative;
    float: left;
    width:200px;
    margin-left: 10px;
}

@media only screen and (max-width:1024px) {
.topR{ display:none}.toggle_menu{ display:block}
.topR.open{display: block;position: fixed;left: 0;top: 0; z-index:10000;background: #fff;width: 250px;box-shadow: 0 0 3px rgba(0,0,0,.2);height: 100%;overflow: auto;}
.topMenu{ width:100%}.topMenu ul > li{ display:block}
.topMenu ul > li > a{ padding:15px; margin:0;border-bottom: 1px solid #f1f1f1;}
.dropDowns ul{ position:static; box-shadow:none; background:#f1f1f1}
.dropDowns:hover ul {display: none;}.dropDowns ul.open{ display:block !important}
.dual_col{ padding:30px;}
.small_wrap,.dual_col:last-child .small_wrap{ padding:0}
.innerBanner h1 {
  font-size: 12px !important;
	font-weight:bold !important;}
}
@media only screen and (max-width:768px) {
	.sylva{ display:none}
	.show_mobile{ display:block}
	.hide_mobile{ display:none}
	.innerBanner h1{ right:0}
.pull-right .h-top span{ display:none}
.top-icon{ margin-right:5px;}
.h-top{ min-height:20px;}
.h-top a{ margin:0; padding:5px 5px}
.h-top a:first-child{ padding-left:0; letter-spacing:0; text-align:left; width:auto; border:0}
.h-top  .pull-left{ width:100%}
.downArrow{ display:block}
.dropDowns .dropdown-submenu:hover ul {
    display: none;
}
.logo{position:absolute}

.dropdown-submenu ul.open{ display:block}
.downArrow.two {
    top: 3px;
    background-size: 10px;
}
.dropDowns .dropdown-submenu ul li a{ padding-left:20px !important}

.h-top .pull-right a,
.h-top .pull-right span{ display:none}
#divChat .clock_icon{ display:none}
/*.teaser-bg{ display:none}*/
.captions{ width:100%;}
.captions h2{ font-size:18px;}
.play_icon::after {
    content: "";
    border-left: 8px solid #4da5f5;

    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    margin-top: -4px;
}
.topBanner{ min-height:0px;}
.play_icon{ width:45px; height:45px;}
.dual_col{ width:100%; display:block; padding:20px;}
.dual_col:last-child .small_wrap{ padding:0}
.small_wrap{ padding:0; float:none }
.topBanner .container{ top:15px; margin:0}
.blog_slider .owl-prev{ left:0;}
.blog_slider .owl-next{ right:0;}
.video-section{ margin-top:20px;}
.video-section img{ width:100%}
.h-top a:last-child{ text-align:center; float:right}
.common-section, .trail-section{ padding:40px 0}
.main-heading{ font-size:30px;}
.mobile-btn{ display:block; line-height:30px;}

.row.open {
    display: block;
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    background: #fff;
    margin: 0;
    padding: 15px 0;
}
.banner-form{ padding:0; margin-top:15px}
.banner-form .form-control{ margin-bottom:10px;}
.banner-form .row .fancybox-close{ right:-10px; top:-10px; display:block}
.dropDowns ul{ width:auto}
.footer ul a{ display:block}
.footer a .uk-flag{ margin-left:0}
}
@media screen and (max-width:767px){.top-icon.phone_icon {
    background-position: -46px 1px;
    background-size: 82px;
    height: 15px;
}
.h-top a {
    margin: 0;
    padding: 4px 5px;
    border: 0;
    font-size: 9px;
}
.top-icon.email_icon {
    background-position: -67px 0px;
    background-size: 82px;
}
.top-icon.clock_icon {
    background-position: -22px 1px;
    background-size: 82px;
}
}


@media screen and (max-width:320px)
{
.innerBanner h1 {
  line-height: 25px !important;

}
.h-top a {
    margin: 0;
    padding: 4px 3px;
    border: 0;
    font-size: 10px;
}
}


/*Plan  */





/* Facebook.css */
#facebox .b{background: url(images/b.png);}

#facebox .tl{background: url(images/tl.png);}
#facebox .tr{background: url(images/tr.png);}
#facebox .bl{background: url(images/bl.png);}
#facebox .br{background: url(images/br.png);}

#facebox{position: absolute;
top: 0;left: 0;margin-top: 20px;z-index: 100;text-align: left;}
#facebox .popup{position: relative;}
#facebox table{border-collapse: collapse;}
#facebox td{border-bottom: 0;padding: 0;}
#facebox .tableInfo tr td{padding: 5px;}
#facebox .body
{
	background: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 21px;
	padding: 10px;
}

#facebox .loading
{
	text-align: center;
}

#facebox .image
{
	text-align: center;
}

#facebox img
{
	border: 0;
	margin: 0;
}

#facebox .fbfooter
{
	border-top: 1px solid #DDDDDD;
	padding-top: 5px;
	margin-top: 10px;
	text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br
{
	height: 10px;
	width: 10px;
	overflow: hidden;
	padding: 0;
}

#facebox_overlay
{
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}

.facebox_hide
{
	z-index: -100;
}

.facebox_overlayBG
{
	background-color: #000;
	z-index: 99;
}

* html #facebox_overlay
{
	/* ie6 hack */
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight +  'px' );
}

#facebox p.caption
{
	font-size: 12px;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	display:none;
}



.column_margin {
  margin: 0 0 0 3px;
  width: 13.66%;
}
.full_content .col-sm-3,.full_content .col-md-2 {
  padding-left: 0;
  padding-right: 0;
}
h2.price_new_feature_sec{ font-size:18px; text-align:center; padding:0; color:#003c82; font-weight:500; margin:0}
.plan.first h3 {
  color: #7cb6d2;
  font-size: 25px;
  font-weight: bold;
  background:none;
  margin: 0;
  padding-top: 0px;
}
.plan .head {
    background: #cad63d none repeat scroll 0 0;
    color: #fff;
    padding: 12px 16px;
}
.symbol {
    font-size: 18px !important;
    margin-top: 35px !important;
}
#priceid {
  background-color: #ffffff;
  min-height: 118px;
  padding: 40px 0 5px;
  text-align: center;
}
h3.price_doller {
  font-size: 28px;
  font-weight: 500;
  background:none;
  margin: 0;
}
	.price_month{ font-size:11px; padding-top:10px; margin-bottom:5px;    color: #888; font-weight:bold; text-transform:uppercase}


.plan {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 2px 2px rgba(10, 10, 10, 0.06);
  margin:0;
  min-height: 100px;
  text-align: center;
  border-radius: 4px;
  overflow:hidden;
  transition:ease-in-out 0.5s
}

	.plan ul {
  list-style-type: none;
  margin-top: 2px;
  padding: 0;
  margin:0
}


	.plan ul li {
  font-size: 15px;
  font-weight: 400;
  height: 35px;
  line-height: 22px;
  margin-bottom: 1px;
  padding-top:5px;
}

.item_li1 {
    background-color: #fafafa;
}
.item_li2 {
    background-color: #ffffff;
}

.btn_rec,.btn_black  {
  background-color: #dbeef4;
  border: medium none #dbeef4;
  border-radius: 1px;
  font-size: 17px;
  padding:10px;
  color:#333;
  display:block; margin: 0 10px 0 44.5%;
}

.btn_override:hover {
    background-color: #add2dd !important;
}
.full_content.tbl .row{ margin:0}

.tes-col{
    border-radius: 6px; position:relative;
    padding: 15px; background:#ededed ;
	text-align:left;
	color: #808080; font-size:13px;}

.tes-col::after {
    border-color: #ededed  transparent;
    border-style: solid;
    border-width: 20px 0 0 20px;
    bottom: -20px;
    content: "";
    display: block;
    left: 50px;
    position: absolute;
    width: 0;
}


.column_margin:first-child {
    width: 42.8%;
}
.plan ul li:last-child{ margin-bottom:0}
.btn-grp{ padding:10px 3px;}

.col-lg-12.mrg-bot > h2 {
  text-align: left;
  padding:0
}
.col-lg-12.mrg-bot > p {
  text-align: left;
}
.midtext h4 {
  color: #008c99;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}
.midtext{color:	#808080; font-size:14px;}
.plan-pr{ padding-bottom:25px;}



.name {
  color: #606060;
  font-size: 13px;
  padding-left: 150px;
  padding-right: 130px;
  padding-top:22px;
  position: relative;
  text-align:left;
  padding-bottom:28px;
}

.name > span {
  background: #000 none repeat scroll 0 0;
  border-radius: 18px;
  height: 60px;
  left: 79px;
  overflow: hidden;
  position: absolute;
  width: 60px;
  top:20px;
}
.name img {
  max-width: 100%;
}
.more{ padding:40px 0 0 0}
.plan ul li a{ font-weight:bold;}
.col-lg-12 .midtext p {
  color: #008c99;
  font-size: 13px;
  padding: 15px 0;
}

.plan.first ul li {
  padding: 0px 10px;
  text-align: left;
line-height:16px;
padding-top: 10px;
}

.mrg-bot{ padding-bottom:20px;}
.plan ul li.li-height{ min-height:100px;}
.plan ul li.li-height img{ position:relative; top:50%; margin-top:-20px}
.col-lg-12.text-center.more > span {
  background: #fcfcfc none repeat scroll 0 0;
  border: 1px solid #dddddd;
  border-radius: 4px;
  padding: 10px;
}

.plan:hover {
    transform: scale(1.01);
	-webkit- transform: scale(1.1);
	-moz- transform: scale(1.1);
    z-index: 1;
}



.trail-wrp {
  padding-bottom: 30px;
  padding-top: 20px;
text-align:left;
}

.trail-wrp h2{ font-size:25px; font-weight:600; margin-bottom:20px;}
ul.feature-ul{ padding-left:0; margin-left:0px; list-style:none}
ul.feature-ul li{ background:url(../images/yes.png)  no-repeat; background-position:0 5px;
 margin-bottom:5px;

 padding-left:25px;}

.trial-col {
  border: 1px solid #ececec;
  border-radius: 4px;
  margin-left: 20px;
  padding: 0 15px 15px;
  background: #fafafa;
}
.trial-col h2 {
  font-weight: 500;
  margin: 0 0 20px;
  text-align: center;
  background: #a0b534;
  margin:-1px -16px 15px;
  padding:7px;
  font-size:20px;
  color:#fff
}
.form-row {
  clear: both;
  padding-bottom: 10px;
  width: 100%;
  position:relative
}
.form-row label {
  float: left;
  font-size: 12px;
  font-weight: normal;
  line-height: 30px;
  width: 50%;
}
.form-row label span.star{ color:#f00; font-weight:600;}
.form-row .form-control {
  width:50%;
  height:30px;
}
.form-row .btn{ display:block; width:100%; padding:7px; color:#fff; text-transform:uppercase; font-size:14px;}
.form-row:last-child{ padding-bottom:0}

.mrg-bot img{ max-width:100%}
.test-col{ position:relative; clear:both; padding:0 0 60px}
.chnnl-head {
  padding: 15px 0;
  background: #fafafa;
  border-bottom: 1px solid #efefef;
  margin-bottom:30px;
}
.logo-chnnl{ float: left}
.logo-chnnl + .pull-right{ margin-top:15px;}
.logo-chnnl + .pull-right span{ margin-left:15px;}
.name + span {
  clear: both;
  padding-top: 38px;
  display: block;
}

.form-row.certified > img {
  position: absolute;
  right: 150px;
  top: 33px;
  width: 110px;
}
.plan-feature h3{ font-size:12px; border-radius:4px; text-align:center; padding:0px; margin:0 0 10px;color:Black}

.plan-feature .col-md-4 h3{ background:#ffcd68; padding:5px;white-space: nowrap;}
.plan-feature .col-md-4 + .col-md-4 h3{ background:#42ead8; padding:5px;}
.plan-feature .col-md-4 + .col-md-4 + .col-md-4 h3{ background:#ffff92; padding:5px;}
.plan-feature p{ font-size:12px; margin:0 0 5px; text-align:center}
.plan-feature p.text-left{ text-align:left; margin-bottom:15px;}
.color { background:#42ead8 !important; padding:5px;}
.color1 { background:#ffff92 !important; padding:5px;}

a.top-go {
  bottom: 0;
  padding: 30px;
  right: 0;
  outline:none;
  float:right
}
.trail-wrp .name {
    padding-right: 110px;
}

.innerBanner {
  margin-bottom: 20px;
  position: relative;
}

.innerBanner + h4 {
  margin-bottom: 15px;
}


.clientLg {
  display: block;
  margin: 15px 0;
  min-height: 115px;
  text-align: center;
}
.clientLg img{ max-width:100%}


.glossymenu a.menuitem{
text-decoration: none;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000; text-align:right;
font-weight: bold;
padding: 6px 30px 8px 4px;
letter-spacing: 0px;
background: url(https://www.channelsale.com/images/menuline.jpg) no-repeat top left;
}
.navleft ul h2 {
  color: #008c99;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin: 10px 0;
  padding: 4px 30px 5px 8px;
}

li.dpMenu:hover,li.dpMenu li:hover{ background:none !important}

.partner1,.partner {
  background:url(../images/bg1.jpg) no-repeat left top;
  color: #5a96dc;
  cursor: pointer;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 18px;
  font-weight: normal;
  height: 48px;
  margin: 0 0 10px;
  padding: 10px 15px;
  text-align: left; display:block;
  text-transform: uppercase;
}
.innerBanner + h4~h4 {
  margin-bottom: 6px;
  margin-top: 20px;
}
.toggleLeft, .toggleLeftBotton{ display:none}
.top {
    background: url(../images/top.jpg) no-repeat;
    width: 393px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    padding: 18px 16px;
        padding-bottom: 18px;
    padding-bottom: 11px;
    color: #FFFFFF;
    line-height: 12px;
    text-align: center;
}
.input_field {
  border: 1px solid #000000;
  color: #000000;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  padding: 2px;
  width: 300px;
}
.submit_bg {
    background: #f4f2ee;
    padding: 15px;
    border-right: 5px solid #fff;
    border-left: 5px solid #fff;
}
.amazon-section .name{ padding:0}
.column p {
    min-height: 130px;
}
@media (max-width:1024px) {
.header.smaller + .topHead{ position:static;}
.logo {
  margin: 0;
  padding: 10px 15px 0;
}
.navbar-nav {
    margin: 10px 0 0;
}
.navbar-nav > li > a{ padding:8px 6px 10px}
.r_btn {
    margin: 10px 0 0;
}
.header{ min-height:79px}
	.innerBanner h1 {
  font-size: 12px !important;
	font-weight:bold !important;}
  .subHead {
  font-size: 12px;
}
.partner1, .partner{font-size:12px; padding:13px 15px;}
.header.sale-active .logo{ margin:0}
}
@media (max-width:800px) {
.logo img{ max-width:70%;}
.navbar-nav {
  margin: 0;
}
.logo,.r_btn{ position:relative; z-index:10}
.topHead {
  padding: 0 10px;
}

}





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

.innerBanner h1 {
  line-height:normal;
  width:78%;
      
}

.innerBanner h1 > p {
  font-weight:lighter !important;
  width: 75%;
  font-size: 10px;
    font-style: italic;
    margin-top: 3px;
}
.r_btn.pull-right {
  position: absolute;
  right: 50px;
  top: 3px;
}
.r_btn a {
  border-radius:4px 0 0 4px;

  float: left;

  height: 25px;
  margin: 0;
  padding: 0 8px;
  text-transform: uppercase;
}

.slidemenu { left:auto; right:-10px}

.right_blk{ padding-left:0;}
.call_big {
  font-size: 14px; margin-top:4px;
}
.shedule_btn{ margin:0}


.slides > a > img {
  max-width: 100%;
  width: auto;
}
.full_content.tbl {
  overflow: auto;
}
.full_content .col-sm-3, .full_content .col-md-2{ float:left}
.full_content.tbl .row {
  min-width: 800px;
}
.column_margin{ margin:0}
.plan:hover{ transform:scale(1)}
.plan ul li{ height:auto}
.column{ border:1px solid #f1f1f1}
.column p {
    min-height: 30px;
}
}


@media (max-width: 380px)
{
.innerBanner > img {
  height: 80px;
  width: 100%;
}
h2.price_new_feature_sec{ font-size:12px;}
h3.price_doller{ font-size:18px;}
.symbol {
    font-size: 18px !important;

}
.plan.last .item_li1,.plan ul li{ min-height:50px;}
#headid{ min-height:155px;}
}
@media (max-width: 325px)
{
.logo img {
    max-width: 120px;
}
.navbar-toggle{ top:-35px;}
.shedule_btn span {
  float: left;
  font-size: 18px;
  margin-top: 6px;
  width: 20px;
}
.shedule_btn {
  font-size: 11px;
}

}
.mainList,.bottomUl {
  padding: 0 0 0 10px;
}
.contentTxt > p {
  color: #808080;
}
.mainList > li {
  color: #808080;
}
.subHead {
  margin: 15px 0 5px;
}
.onScroll a{ color:#231f20; font-weight:600; line-height:22px; font-size:11px;}
 .sitMp{
    padding: 0 0 0 15px;
    list-style: none;
    line-height: 25px;
}








.btnSaa {
	background: #66a7c9;
	border-radius: 4px;
	padding: 12px 15px;
	display: block;
	margin-bottom: 15px;
	font-size: 16px;
	color: #fff;
	font-weight: 600;word-spacing: 1px;
}
.btnSaa a{ display:inline-block; text-align:center}
.btnSaa a.sgnup{text-decoration: none !important;
	color: #fff !important; margin-right:15px; padding-right:20px; position:relative}
.btnSaa a.sgnup:after{ position:absolute; right:-5px; top:-3px; width:16px; height:28px; background:url(../images/arrowss.jpg) no-repeat top; content:""}
	.btnSaa a.planss{text-decoration: none !important;
	color: #f9f64a !important;}

.traillls {
	background: #87b622;
	display: block;
	border-radius: 4px;
	padding: 12px 15px;
	margin-bottom: 15px;
	text-decoration: none !important;
	color: #fff !important;
	font-size: 16px;
	font-weight: 600;
	word-spacing: 1px; text-align:center
}

.left_bg
{
	background: url(../images/repeat_y.jpg) top right repeat-y #edeae3;
	padding: 0px;
}
.left_bg.navleft > img {
    width: 100%;
}
.navleft ul
{
	padding: 0px;
	margin: 0px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	font-weight: bold;
}
.navleft li
{
	list-style: none;
}
.navleft ul li a
{
	text-decoration: none;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	padding: 6px 20px 8px 4px;
	letter-spacing: 0px;
	background: url(https://www.channelsale.com/images/menuline.jpg) no-repeat top right;
	background-color:transparent
}
.navleft ul li:hover
{
	background: url(https://www.channelsale.com/images/hover.png) no-repeat center right;
}

.navleft .current
{
	background: url(https://www.channelsale.com/images/hover.png) no-repeat center right;
	padding: 0px 10px 0px 0px;
}
.navleft ul li{padding: 0px 10px 0px 0px;}

.nav > li > a:hover, .nav > li > a:focus{ background-color:transparent}
.topBanner .play_icon{ display:none}

.videobg {
	background: #3e3e3e;
	position: relative;
	overflow: hidden;
	height: 70vh
}
.subHead {
    margin: 15px 0 5px;
}
h4 {
    color: #008c99;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}
.youtube-background {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	z-index: 0 !important;
}
.inner {
	position: absolute;
	z-index: 0;
	min-width: 100%;
	min-height: 100%;
}
.inner iframe {
	position: absolute;
	z-index: 0;
	top: 0px;
	left: 0px;
	overflow: hidden;
	opacity: 1;
	-moz-user-select: none;
	margin-top: -199px;
	margin-left: 0px;
	max-width: initial;
	transition-property: opacity;
	transition-duration: 1000ms;
}
.video-section iframe{ position:absolute; margin-top:-50px; height:600px !important; z-index:8}
.video-section::after {

    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 9;
   background: rgba(0,0,0,.1);
    top: 0;

}
.seamless .col-md-2{ float:left}



@media screen and (max-width:800px) {
	.topBanner{ background:url(../images/m-banner.jpg) top no-repeat; background-size:cover}
.topBanner .container{ position:relative; padding:15px 30px; top:0; width:100%}
.topBanner .play_icon{ display:inline-block}
.video-section .captions{ display:block}
.video-section iframe{ display:none}
.bl_img .play_icon{transform: scale(1);}
.freetrial {
    color: #ffffff;
    font-weight: bold;
    font-size: 30px;
    /* font-size: 40px; */
    font-weight: 800;
}
}
@media screen and (max-width:767px) {
.btmBtl td{ display:block; padding:0 !important}

.btnSaa a.sgnup:after{ display:none}
.btnSaa a{ display:block}
.btnSaa a.sgnup{ display:block; padding:0; margin:0 0 5px; text-align:center;}
.first-section,.signup-section,.amazon-section{ padding:30px 0}
.readmore{ margin-bottom:30px; margin-top:0}
.main-heading{ font-size:25px;}
.icon_sec{ margin-bottom:15px;}
.column{ min-height:10px}
.column .readmore{ margin-bottom:0}
.column_2{ margin-bottom:15px}
.blog_slider .owl-nav{ text-align:center}
.blog_slider .owl-nav div{ position:static; display:inline-block; width:30px; height:30px; background-size:50px;}
.blog_slider .owl-next {
    right: -50px;
    background-position: -23px 6px !important;
}
.btn_common{ width:100%; margin:0 0 10px !important}
.footer{ padding-top:30px;}
.seamless .col-md-2{ width:50%; float:left}
.seamless .row { padding:0 10px}
.left_bg.navleft{ display:none;}
}

#headid {
    background-color: #ffffff;
    min-height: 102px;
}
.footer .fa{ margin-right:8px;}






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

	.video-section img{ height:230px; width:auto; max-width:none}
	}

	@media screen and (max-width:330px) {.h-top a{ font-size:8px;}}