/* CSS Document */
.shadow-top{border-bottom: 1px solid rgb(133, 171, 194); box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.5);}
.hide{display:none;}

.lt-ie-10{ color: #000; }


a.btn{ text-decoration: none; }


.separator-line {border: none;border-bottom: 1px solid #ccc;clear: both;margin: 16px 0;}
.opacity-6{ opacity: .6 }

.btn-w-2 {text-align:center;font-weight:400;}
.btn-w-2 a{color:#313131;text-decoration:none;padding:2px 20px;display:block;text-align:center;
	border:1px #313131 solid;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;display:inline-block;
}
.btn-w-2 a:hover{color:#4f4f52; border:#4f4f52 solid 1px;}

.btn-sns {border-radius: 4px;padding:0.5em 0.8em; color:#FFF; box-sizing:border-box; display:inline-block; text-decoration:none;}
.btn-sns:hover{ color:#fff;}

.btn-facebook{background: #4267b2;}
.btn-gray{background: #9e9e9e;}
.btn-facebook:hover{background: #365899;}
.btn-twitter{background: #1c99e6;}
.btn-twitter:hover{background: #43abec;}
.btn-googleplus{background: #de5245;}
.btn-googleplus:hover{background: #e07066;}
.btn-youtube{background: #cc181e;}
.btn-youtube:hover{background: #da3a3f;}
.btn-instagram{background: #d92d77;
    background:  -webkit-linear-gradient(90deg,#ee583f, #d92d77,#bd3381);
    background: linear-gradient(90deg,#ee583f, #d92d77,#bd3381);
}
	
.btn-instagram:hover{background: linear-gradient(90deg, #d92d77,#bd3381);}
.btn-buy{  font-size: 1.5em; }

.btn-primary-border{ border:2px solid #de3f3f; color: #de3f3f; background-color: transparent;}
.btn-primary-border:hover,.light-box:hover .btn-primary-border{ border:2px solid #de3f3f; color: #fff; background-color: #de3f3f;}
.order-list .btn-buy{  font-size: 1em; }
@media (min-width:992px){.order-list .btn-buy{  font-size: 1.5em;}}
.navbutton-toggle {
	border:1px #AEAEAE solid;
	background:#fff;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	width: 58px;
	padding-top:8px;
	opacity: 0.75;
}
.navbutton-toggle span{
	display:block;
	background:#AEAEAE;
	height:5px;
	width:100%;
	margin-bottom:8px;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}
.search-field{ font-size:0.75em;border: 1px solid #9C9C9C;border-radius: 5px 5px 5px 5px;padding: 5px 25px 5px 5px;width: 110px; float:left;}
.search-1{border: 1px solid #9C9C9C;border-radius: 5px 5px 5px 5px;padding: 5px 25px 5px 5px;}
.input-1{border: 1px solid #9C9C9C;border-radius: 5px 5px 5px 5px;padding: 5px 25px 5px 5px; background-color:#f5f5f5;}

.btn-from-1{border: 1px solid #9C9C9C;border-radius: 5px 5px 5px 5px;padding: 5px 25px; text-align:center;}
.btn-w-24p { width:24.5%;}
.btn-w-60p{ width:60%;}



.title-text{color: #7C7C7C; font-weight:bold;}

.clearfix{clear:both;}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.info{ font-size:0.875em; font-style:italic; }
.text-center{ text-align: center; }.text-right{ text-align: right; }.text-left{ text-align: left; }
@media (min-width: 768px) {
	.text-sm-center{text-align: center; }.text-sm-right{ text-align: right; }.text-sm-left{ text-align: left; }
	}
@media (min-width: 992px) {
  .text-md-center{text-align: center; }.text-md-right{ text-align: right; }.text-md-left{ text-align: left; }
  }

.dark-bg,.dark-bg a,.black-light-bg,.black-light-bg a,.black-light-bg a:hover,
.gray-dark-bg,.gray-dark-bg a,.gray-dark-bg a:hover,.context-dark,.context-dark a,.context-dark a:hover{color: #d5d5d5;}

.dark-bg .text-muted,.dark-bg a.text-muted,.black-light-bg .text-muted,.black-light-bg a.text-muted,.black-light-bg a.text-muted:hover,
.gray-dark-bg .text-muted,.gray-dark-bg a.text-muted,.gray-dark-bg a.text-muted:hover,
.context-dark .text-muted,.context-dark a.text-muted{color: #d5d5d5;}

.dark-bg .text-primary,.dark-bg .text-primary a,.black-light-bg .text-primary,.black-light-bg .text-primary a,.black-light-bg .text-primary a:hover,
.gray-dark-bg .text-primary,.gray-dark-bg .text-primary a,.gray-dark-bg .text-primary a:hover,
.context-dark .text-primary,.context-dark .text-primary a{color: #fff;}

.dark-bg .text-warning,.dark-bg .text-warning a,.black-light-bg .text-warning,.black-light-bg .text-warning a,.black-light-bg .text-warning a:hover,
.gray-dark-bg .text-warning,.gray-dark-bg .text-warning a,.gray-dark-bg .text-warning a:hover,
.context-dark .text-warning,.context-dark .text-warning a{color: #ff7f7f;}

.dark-bg .text-info,.dark-bg .text-info a,.black-light-bg .text-info,.black-light-bg .text-info a,.black-light-bg .text-info a:hover,
.gray-dark-bg .text-info,.gray-dark-bg .text-info a,.gray-dark-bg .text-info a:hover,
.context-dark .text-info,.context-dark .text-info a{color: #fff98e;;}

.context-dark .lead{color:#fff}
.gray-white-bg h2,.white-bg h2,.gray-bg,.gray-bg a{color:#000}

/*promotion*/
.promotional-box{ position: relative; }
.promotional-box a:hover img{ opacity: 1;}
.discount-box{ position:absolute; background:url(../images/sale_off_bg.png) no-repeat; background-size:cover;width: 120px;
    height: 120px;    font-size: 2em;    color: #FFEB3B;    padding: 20px;     top: -30px;
    left: -30px;   font-weight: bolder;transform:rotate(-20deg);text-align: center; z-index: 10;}


/**  Dividers*/


.divider{width:60px;height:0;padding:0;margin:27px auto 34px;border-top-width: 2px;opacity:1}
.divider-vertical{width:2px;height:20px}

.divider-sm{width:30px}

.blue-border,.blue-border hr{border-color:#3c6eec}
.red-border,.red-border hr{border-color:#f66165}
.green-border,.green-border hr{border-color:#13a350}

.hr-auto{margin-left:auto;margin-right:auto}
@media (min-width:480px){.hr-xs-auto{margin-left:auto;margin-right:auto}}
@media (min-width:768px){.hr-sm-auto{margin-left:auto;margin-right:auto}}
@media (min-width:992px){.hr-md-auto{margin-left:auto;margin-right:auto}}
@media (min-width:1200px){.hr-lg-auto{margin-left:auto;margin-right:auto}}
@media (min-width:1800px){.hr-xl-auto{margin-left:auto;margin-right:auto}}
.hr-left-0{margin-left:0}
@media (min-width:480px){.hr-xs-left-0{margin-left:0}}
@media (min-width:768px){.hr-sm-left-0{margin-left:0}}
@media (min-width:992px){.hr-md-left-0{margin-left:0}}
@media (min-width:1200px){.hr-lg-left-0{margin-left:0}}
@media (min-width:1800px){.hr-xl-left-0{margin-left:0}}
.hr-right-0{margin-right:0}
@media (min-width:480px){.hr-xs-right-0{margin-right:0}}
@media (min-width:768px){.hr-sm-right-0{margin-right:0}}
@media (min-width:992px){.hr-md-right-0{margin-right:0}}
@media (min-width:1200px){.hr-lg-right-0{margin-right:0}}
@media (min-width:1800px){.hr-xl-right-0{margin-right:0}}


/** END Dividers*/


.black-light-bg{background-color:#343333}
.gray-dark-bg{background-color: #5f5f5f; }
.dark-bg{background-color: #343333;}
.blue-bg{ background-color: #3c5ca5; color:#fff; }
.prime-bg{ background:#b4f2fd;}
.gray-bg{background-color:#9f9f9f}
.gray-bg a{color: #000;}
.gray-white-bg{background-color:#bbbbbb;}
.white-bg{background-color:#fff;}
.blue-light-bg{background-color:#d0d1d4;}
.nav-bg1{border-right: 1px solid #FFF;}
.nav-bg2{border-right: 1px solid #4f73b5;}
.banner-bg-red-1{ background-color:#790f00;}
.border-bottom-1{border-bottom: #202021 solid 4px;}
.red-bg{background-color: #b53b3b;}
.gray-light-bg{background-color:#d6d6d6;}


.bg-overlay-white {
  background: rgba(255, 255, 255, 0.8); }

.bg-overlay-gray-darkest {
  background: rgba(33, 33, 33, 0.65); }

.ref-dark{opacity: 0.8; margin-top: 6px;}

.submitted,.text-info{font-family:Open Sans,Arial,Helvetica,sans-serif;font-style: italic;}
.submitted{ opacity: 0.7 }


/**/
.light-box{ background-color: #f2f2f2; padding: 40px;height: 100%;word-wrap: break-word; border:1px solid #b5b5b5;transition: all 0.3s ease-in-out; }
.light-box:hover{ box-shadow:  0px 0px 15px rgba(50, 50, 50, 0.5); background-color: #fff;}


.lightbox-background{z-index: 1000; position: fixed; }
.lightbox-background.show{left: 0px; margin: 0px; bottom:0; right:0; opacity: 0.7; top: 0px;background: rgb(0, 0, 0); }


/*margin padding*/
.mr-20{ margin-right:20px;}
.mr-16{ margin-right:16px;}
.mt-16{ margin-top:16px;}
.mb-16{ margin-bottom:16px;}
.ml-16{ margin-left:16px;}
.mr-2p{margin-right:2%;}
.mr-4p{ margin-right:4%;}
.mr-1p{ margin-right:1%;}

.mtb-10p{ margin-top:10px;margin-bottom:10px;}
.mb-12{ margin-bottom:12px;}
.mb-30{ margin-bottom:30px;}

.pl-10p{ padding-left:10%;}
.pt-16{ padding-top:16px;}
.pb-16{ padding-bottom:16px;}
.pt-12{ padding-top:12px;}
.pb-12{ padding-bottom:12px;}
.ptb-50{ padding-top:50px;padding-bottom:50px;}
.ptb-50.views-row-first{padding-top:0;padding-bottom:50px;}
.ptb-50.views-row-last{padding-top:50px;padding-bottom:0;}
.plr-20{ padding-left:20px; padding-right:20px;}
.pt-50{ padding-top:50px;}
.pt-30{ padding-top:30px;}
.pb-30{ padding-bottom:30px;}
.pb-50{ padding-bottom:50px;}
.pb-25{ padding-bottom:25px;}
.p-10p{ padding:10px;}
.p-6p{ padding:6px;}

.ptb-li-50 ul li{padding-top:50px; padding-bottom:50px;}

.mt-50-minus{ margin-top:-50px;}


/*width*/
.maxwidth-1080{max-width:1080px; margin:0 auto;}
.maxwidth-1120{max-width:1120px; margin:0 auto;}
.width-100pct{width:100%;}
.width-90pct{width:90%;}
.width-30pct{width:30%;}
.width-69pct{width:69%;}
.width-50pct{width:50%;}
.width-67pct{width:67%;}
.width-li-16pct ul li{width:16%;margin:0 2%;}
.width-li-18pct ul li{width:18.6%;margin:0 7.1%;}
.width-li-12pct ul li{width:12.5%;margin:0 1.85%;}


.hot-top-icon{ position: absolute; top:-4px; right: -5px; background: url(../images/icon/hot-top.png) no-repeat; width: 145px; height:144px; }
.icon-arrowdown:before {content: '\25BC';}
.globe-icon{ background: url(../images/icon/globe.png); background-size:100%;display: inline-block;vertical-align: middle;}
.icon-arrowup:before{content: '\25B2';}
.icon-arrowright:before {content: '\25BA';}

.btn-primary.icon-arrowright:after{content: '\25BA';font-size: 0.5em;margin-left: 16px;}.btn-primary.icon-arrowright:before{content: none;}

#backtotop {width: 50px;height: 50px;border-radius: 40px;background-size: 100%;}


.line{ border-bottom: 1px solid #ccc;}
.views-row-last.line,.line:last-of-type{ border:none}

.row-line{margin-bottom: 34px;padding-bottom: 34px;border: 0;border-bottom: 1px solid;}
.row-line:last-of-type{ border:none; margin-top: 0;padding-bottom: 0;  }

.pading-top100-media{ padding-top:100px;}
.pading-top50-media{ padding-top:50px;}
.pading-top20-media{ padding-top:20px;}
.btn-border-b-1 a{ color:#4f73b5; border:#4f73b5 solid 1px;border-radius:6px; padding:6px 20px; text-decoration:none;}
.btn-border-b-1 a:hover{ color:#5899ff; border:#5899ff solid 1px;}


.roll-content{ display:none;}
.roll-content ul,.field-items ul{ list-style:disc inside;}
.roll-content ul li,.field-items ul li,.view-content ul li{ margin-bottom:0.5em;}
.view-banner .view-content ul li{ margin-bottom:0;}



.transition{
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.arrow{ position:absolute; background:url(../images/icon/arrow_up.png) no-repeat; width:48px; height:24px; bottom:0;}
.page-indexhtml .arrow{display:none;}
.mdeia-icon-1{ display:none;}

#first-time{ display:none;}
.media-products-m{display:none;}

/*hero slider*/
.hero-slick .views-row-1{background-image:url(../images/banner-ca1.jpg);}
.hero-slick .views-row-2{background-image:url(../images/banner-dc.jpg);}
.hero-slick .views-row-3{background-image:url(../images/banner-ripper.jpg);    background-position: left;}

.hero-slide .body{     position: relative; top: 60%; left:5%;right:5%; transform: translateY(-50%); text-align: center;}
.loaded .hero-slide .body {position: absolute;}
.hero-slide .body h2{ color: #fff; }
.hero-slide .body .banner-icon img{  max-width: 80px; display: inline-block; margin-right:16px;margin-bottom: 1.5em;}
.hero-slide .body .banner-icon img:nth-of-type(3n){ margin-right: 0; }

body.short-height .hero-slide .body .banner-icon{ display: none; }
.hero-slide .btn{ font-size: 1.55em }

.hero-slide.views-row-1{ background-position-x: 30%; }
.hero-slide.views-row-2 .body{ top: 40%; }
body.short-height .hero-slide.slider-content-2 .body{ top: 50%; }

@media (min-width: 768px) {
.hero-slide .body{ top: 50%; text-align: left;}
.hero-slide .body .banner-icon {  margin-bottom: 12px; }
.hero-slide .body .banner-icon img{ max-width: 110px;opacity: 0.75 }
.hero-slide .body .banner-icon img:nth-of-type(3n){ margin-right:16px; }

.hero-slide.views-row-2 .body{ top: 30%; }
}
@media (max-width: 480px) {
	.hero-slide .body .banner-icon{ display: none; }
}
/*bundles_block1*/
.bundles_block1{}
.bundles_block1 img{ display:inline-block; vertical-align:middle; width:35%;}
.bundles_block1 .bundles-products{display:inline-block; width:50%;}
.bundles_block1 .bundles-products span{font-size:8em; color:#F00; line-height:0;display:inline-block;vertical-align:middle; margin:0 5%;}
.bundles_block1 .bundles-price{display:inline-block; width:48%;vertical-align:middle;}

/**/
.time-1{font-family: Open Sans;font-size: 0.875em;color: #AAAAAA;}


.list-item ul,.list-item ol{ margin-left: 40px; }.list-item ul li,.list-item ol li{ margin-bottom: 8px; list-style: initial;}
/**/
.download-list .item-list ul li{ clear:both; padding:6px 6px 6px 36px; background:url(../images/icon/icon-files.png) no-repeat 6px 50%;}
.download-list .item-list ul li:hover{ background-color:#fafafa;}
.download-list .item-list { padding:0;font-size:1em;}
.download-list .item-list a {color: #313131;}

/**/
.tags-list a { color:#999898;}
.tags-list a.active { color:#4f73b5;}

/**/
.video-list .row-primary{ position:relative;}
.video-list .row-primary:hover .dark-layer{ opacity: 0.35;transition:all 0.2s ease-in-out;}
.video-list .row-primary:hover .play-button{opacity: 0.2;transition:all 0.2s ease-in-out;}

.video-list img,.faq-view img{ width:100%; height:auto;}
.video-list .dark-layer img{ width:30%}
.dark-layer{width: 100%;height: 100%;position: fixed;_position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: #000;opacity: .32;transition:all 0.2s ease-in-out;}
.video-list .dark-layer{ position:absolute;}
.video-list .play-button{ width:3.6em; height:3.6em; display:inline-block; background:url(../images/icon/play-button.png) no-repeat; background-size: cover; position:absolute; top:50%; left:50%; z-index:1; opacity:0.5;transition:all 0.2s ease-in-out; margin-left:-1.8em; margin-top:-1.8em}

.video-list .media-info{ font-size:0.875em;}

.video-list .flex-control-nav{ position:static; margin-top:16px;}
.video-list .flex-control-paging li a{ border-radius:0; width:30px;}
.video-slider .video-list{ font-size:1.5em; }
.video-slider .video-list .flex-caption{ font-size:14px; margin:0}
.video-list a{text-decoration: none}

.row-border{ border:1px solid #d9d9d9;padding: 15px 0;}
.view-content ul.faq-view  li.mb-30{ margin-bottom:30px;}
.faq-view ul li a{ color:#000;}
.contact-list li img{opacity: 0.8;}

.arrow-to-chat{ background:url(../images/arrow-livechat.png) no-repeat center bottom;    z-index: 999;
    height: 0;
	min-width: 72px;
    position: fixed;
    bottom: 50px; right:30px;animation: arrowdown infinite 1.5s;
	}

@media (min-width: 768px) {

  
.video-slider .video-list .flex-caption{ font-size:18px;}
.video-list:nth-of-type(2n+3){ clear:left}
.contact-list li:nth-of-type(2n+3){ float:right}
.arrow-to-chat{right:100px;}
.icon-views-height img, .container .icon-views-height img{ height:166px; width:auto}
}
@media (min-width: 992px) {
.video-list:nth-of-type(2n+3),.contact-list li:nth-of-type(2n+3){ clear: none;}
.video-list:nth-of-type(3n+4),.contact-list li:nth-of-type(3n+4){ clear:left}
}

@media (min-width: 1200px) {
.arrow-to-chat{ background:url(../images/arrow-livechat-bend.png) no-repeat center bottom; 
 min-width: 612px; }
.arrow-to-chat-box.contact .arrow-to-chat{ background:url(../images/arrow-livechat.png) no-repeat center bottom; min-width: 72px; }	
}
@media (min-width: 1600px) {
.arrow-to-chat-box.contact .arrow-to-chat{ background:url(../images/arrow-livechat-bend.png) no-repeat right bottom; 
 min-width: 402px; }	
}


.price-box {height: 75px;}


/* Prime Day */
.front-view-banner .row{ position:relative;}
.front-banner-content{  font-size:3.5em; padding:30px 15px;}
.primeday-banner hr{margin:24px 0; border:2px solid #303e48; opacity:0.75}
.primeday-banner .content{ min-width:60%; color:#303e48; font-weight:bolder;}

.prime-day-list .store-list-img{ width:70%;position:relative;height:auto;display:inline-block;border: 1px solid #ccc; padding:4px; margin-bottom:24px;}
.prime-day-list .store-list-img img{ background:#f1f1f1;}
.prime-day-list .col-sm-6 { margin-bottom:40px;}
.prime-day-list .col-sm-6:nth-of-type(2n+1){ clear:left;}
/*.prime-day-list .col-sm-6::nth-last-of-type(1),.prime-day-list .col-sm-6::nth-last-of-type(2){ margin-bottom:0;}*/
.prime-day-list .text {width: 80%;margin: 0 auto;}
.prime-day-list .text ul{list-style: disc;padding-left: 24px;}
#main .prime-day-list h3{padding-bottom:12px;}
.prime-day-list .Hardware span{ width:inherit;font-weight: inherit;}
.prime-day-list .status-ended{ opacity:0.5}
.prime-day-list .discount-block{background:url(../images/sale_off_bg_for_prime.png) no-repeat;background-size:cover; color:#fff;}
.discount-block{ position:absolute; background:url(../images/sale_off_bg.png) no-repeat; background-size:cover;width: 120px;
    height: 120px;    font-size: 2em;    color: #FFEB3B;    padding: 20px;    font-weight: bolder;transform:rotate(-20deg)}

@media only screen and (max-width: 1300px) {
	.lightbox-wraper{ top:10%;left:10%; right:10%;}
}
@media only screen and (max-width: 960px) {
	.front-banner-content{ font-size:2em;}
.pading-top100-media{ padding-top:50px;}
.pading-top50-media{ padding-top:25px;}
.pading-top20-media{ padding-top:0px;}
}
@media only screen and (max-width: 767px) {
		.front-banner-content{ position:static; margin:30px 0;}
		.front-banner-bg{ display:none}
		.prime-day-list .store-list-img{ width: inherit; }

.views-row-even .left{float:none;text-align: center;}
.views-row-even .right{float:none;}
.left{float:none;}
.right{float:none;}
.pic{ text-align:center;}
.pading-top100-media{ padding-top:0px;}
.pading-top50-media{ padding-top:0px;}
.pading-top20-media{ padding-top:0px;}
.btn-border-b-1 a {width: 90%; display:block; font-size:1.5em;}
.content .btn-yellow {width: 100%;padding:10px auto; margin-bottom:25px;}
.content .btn-green-1 {width: 100%;padding:10px auto;margin-bottom:25px;}
.content .btn-blue-1{width: 100%;padding:10px auto;}


.Hardware .btn-yellow.ebay{ width:100%}
.btn-green-2 { width:100%; margin-bottom:12px; display:block;}
.btn-green-2 a{display:block;}
.btn-w-1 { width:100%;}
.ce-icon { width:100%; margin:16px 0; padding:0; }

.width-li-18pct ul li{width:33.6%;margin:0 7.1%;}
.width-li-16pct ul li{width:26.5%;margin:0 2%;}
.width-li-12pct ul li{width:26.5%;margin:0 1.9%;}

.width-30pct{width:100%;}
.width-69pct{width:100%;}
.width-50pct{width:100%;}
.width-67pct{width:100%;}
img.mobile-w-100{width:100%; height:auto}
.mobile-w-img-100 img{width:100%; height:auto}

.lightbox-wraper{ top:5%;left:5%; right:5%;margin-top:0;}


.icon-view .width-li-18pct ul li {margin: 0 7.1%;width: 33.6%;}

.media-products-m{display: block;}
.media-products-m .views-row-even{background-color:#f0f0f0;}
.media-products-p{display:none;}

.bundles_block1 .bundles-products{display:block; width:90%; margin:0 auto; margin-bottom:25px;}
.bundles_block1 .bundles-price{display:block; width:100%;}

.download-list .item-list ul li{ clear:both; padding:6px 6px 6px 36px; background:none; margin-bottom:16px;}
.download-list ul li .right { text-align:center; padding-top:6px;}

.overview .map img{width:100%; height:auto;}

.main-video.pic{ margin-right:auto;}
.content .main-video .screenshot img{ width:100%; height:auto;}
.content .main-video .screenshot .play img{ width:21%;}

}

/*Online help*/
.side-dropdown .icon-arrow{position:absolute;}
.side-dropdown .icon-arrow:before {
  content: '\25BC';
}
.side-dropdown ul li .icon-arrow:before {content: normal;}
.side-dropdown ul li.active .icon-arrow:before{content: '\25BA';}

.side-dropdown-menu{overflow: hidden;}
.side-dropdown .icon-arrow.open {
    color: #fff;    opacity: 1;
    font-size: inherit;
    text-shadow: none;
    line-height: normal;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -moz-transition: -moz-transform 0.4s;
  -o-transition: -o-transform 0.4s;
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
}
.side-dropdown .icon-arrow.close {
  color: #fff;    opacity: 1;
    font-size: inherit;
    text-shadow: none;
    line-height: normal;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -moz-transition: -moz-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
}


.side-dropdown .show, .side-dropdown .hide {
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
}
.side-dropdown .hide{ display:block;}
.side-dropdown .show {
  display: block;
  max-height: 9999px;
  -webkit-transition: max-height 1s ease-in-out;
  -moz-transition: max-height 1s ease-in-out;
  -o-transition: max-height 1s ease-in-out;
  transition: max-height 1s ease-in-out;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
  -ms-transform: scaleY(1);
  animation: help-showAnimation 0.5s ease-in-out;
  -moz-animation: help-showAnimation 0.5s ease-in-out;
  -webkit-animation: help-showAnimation 0.5s ease-in-out;
}
.side-dropdown .hide {
  max-height: 0;
  -webkit-transition: max-height 0.2s ease-out;
  -moz-transition: max-height 0.2s ease-out;
  -o-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  -ms-transform: scaleY(0);
  animation: help-hideAnimation 0.2s ease-out;
  -moz-animation: help-hideAnimation 0.2s ease-out;
  -webkit-animation: help-hideAnimation 0.2s ease-out;
}


@keyframes arrowdown
{
0%   { bottom: 60px;}
30% {bottom: 55px;}
100% {bottom: 60px;}
}
@keyframes fade-out
{
0%   { opacity:1}
100% {opacity:0}
}

@keyframes help-showAnimation{0%{-webkit-transform:scaleY(.1);-moz-transform:scaleY(.1);-o-transform:scaleY(.1);transform:scaleY(.1);-ms-transform:scaleY(.1);}
40%{-webkit-transform:scaleY(1.04);-moz-transform:scaleY(1.04);-o-transform:scaleY(1.04);transform:scaleY(1.04);-ms-transform:scaleY(1.04);}
60%{-webkit-transform:scaleY(.98);-moz-transform:scaleY(.98);-o-transform:scaleY(.98);transform:scaleY(.98);-ms-transform:scaleY(.98);}
80%{-webkit-transform:scaleY(1.04);-moz-transform:scaleY(1.04);-o-transform:scaleY(1.04);transform:scaleY(1.04);-ms-transform:scaleY(1.04);}
100%{-webkit-transform:scaleY(.98);-moz-transform:scaleY(.98);-o-transform:scaleY(.98);transform:scaleY(.98);-ms-transform:scaleY(.98);}
80%{-webkit-transform:scaleY(1.02);-moz-transform:scaleY(1.02);-o-transform:scaleY(1.02);transform:scaleY(1.02);-ms-transform:scaleY(1.02);}
100%{-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-o-transform:scaleY(1);transform:scaleY(1);-ms-transform:scaleY(1);}
}
@-moz-keyframes help-showAnimation{0%{-webkit-transform:scaleY(.1);-moz-transform:scaleY(.1);-o-transform:scaleY(.1);transform:scaleY(.1);-ms-transform:scaleY(.1);}
40%{-webkit-transform:scaleY(1.04);-moz-transform:scaleY(1.04);-o-transform:scaleY(1.04);transform:scaleY(1.04);-ms-transform:scaleY(1.04);}
60%{-webkit-transform:scaleY(.98);-moz-transform:scaleY(.98);-o-transform:scaleY(.98);transform:scaleY(.98);-ms-transform:scaleY(.98);}
80%{-webkit-transform:scaleY(1.04);-moz-transform:scaleY(1.04);-o-transform:scaleY(1.04);transform:scaleY(1.04);-ms-transform:scaleY(1.04);}
100%{-webkit-transform:scaleY(.98);-moz-transform:scaleY(.98);-o-transform:scaleY(.98);transform:scaleY(.98);-ms-transform:scaleY(.98);}
80%{-webkit-transform:scaleY(1.02);-moz-transform:scaleY(1.02);-o-transform:scaleY(1.02);transform:scaleY(1.02);-ms-transform:scaleY(1.02);}
100%{-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-o-transform:scaleY(1);transform:scaleY(1);-ms-transform:scaleY(1);}
}
@-webkit-keyframes help-showAnimation{0%{-webkit-transform:scaleY(.1);-moz-transform:scaleY(.1);-o-transform:scaleY(.1);transform:scaleY(.1);-ms-transform:scaleY(.1);}
40%{-webkit-transform:scaleY(1.04);-moz-transform:scaleY(1.04);-o-transform:scaleY(1.04);transform:scaleY(1.04);-ms-transform:scaleY(1.04);}
60%{-webkit-transform:scaleY(.98);-moz-transform:scaleY(.98);-o-transform:scaleY(.98);transform:scaleY(.98);-ms-transform:scaleY(.98);}
80%{-webkit-transform:scaleY(1.04);-moz-transform:scaleY(1.04);-o-transform:scaleY(1.04);transform:scaleY(1.04);-ms-transform:scaleY(1.04);}
100%{-webkit-transform:scaleY(.98);-moz-transform:scaleY(.98);-o-transform:scaleY(.98);transform:scaleY(.98);-ms-transform:scaleY(.98);}
80%{-webkit-transform:scaleY(1.02);-moz-transform:scaleY(1.02);-o-transform:scaleY(1.02);transform:scaleY(1.02);-ms-transform:scaleY(1.02);}
100%{-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-o-transform:scaleY(1);transform:scaleY(1);-ms-transform:scaleY(1);}
}
@keyframes help-hideAnimation{0%{-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-o-transform:scaleY(1);transform:scaleY(1);-ms-transform:scaleY(1)}
100%{-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-o-transform:scaleY(0);transform:scaleY(0);-ms-transform:scaleY(0)}
}
@-moz-keyframes help-hideAnimation{0%{-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-o-transform:scaleY(1);transform:scaleY(1);-ms-transform:scaleY(1)}
}
@-webkit-keyframes help-hideAnimation{0%{-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-o-transform:scaleY(1);transform:scaleY(1);-ms-transform:scaleY(1)}
100%{-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-o-transform:scaleY(0);transform:scaleY(0);-ms-transform:scaleY(0)}
}


/** 2.55 Page Loaders */
.page-loader{
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 25px;
  z-index: 9999999;
  background: #191919;
  transition: .3s all ease; }
  .page-loader .spinner {
    width: 56px;
    height: 56px;
    background: url("../images/633328.png") no-repeat transparent;
    background-position: -2240px 0;
    animation: 1.5s sprite-animation steps(40) infinite;
    display: inline-block; }
  .page-loader.loaded {
    opacity: 0;
    visibility: hidden;
    z-index: -1; }

@keyframes sprite-animation {
  from {
    background-position: 0 0; } }