﻿/* ================================================================ */
/* ===== IF YOU WOULD LIKE TO CUSTOMIZE ANY PARTS IN THE PAGE ===== */
/* ===== WRITE THEM DOWN HERE                                 ===== */
/* ================================================================ */

.img-w-100 { max-width:100% !important; }
#qsync-1f p { background:url(../images/qsync_everywhere_p-bg.png) repeat-x top; padding:1.2em; text-shadow:1px 1px 1px #ffffff, -1px -1px 1px #ffffff; }



#qsync-1fn { position:relative; min-height:830px; padding:0 0 60px 0; }
@media (max-width:480px) {
	#qsync-1fn { position:relative; min-height:820px; }
}
@media (min-width:1000px) {
	#qsync-1fn { position:relative; min-height:880px; padding:0 0 60px 0; }
}

#qsync-1fn .tabs { position:absolute; z-index:99; left:50%; margin-left:-150px; margin-top:40px; text-align:center; font-size:20px; }
#qsync-1fn .tabs span { display:inline-block; width:150px; min-height:50px; padding:15px 5px; cursor:pointer; vertical-align:middle; line-height:22px; box-sizing:border-box; transition:all 0.5 ease; -webkit-transition:all 0.5 ease; -moz-transition:all 0.5 ease; }
#qsync-1fn .tabs span:hover {}
#qsync-1fn .tabs span.on { background:rgba(0,120,190,0.8); color:#fff; }
#qsync-1fn .tabs span.off { background:rgba(230,230,230,0.8); color:#333; }
#qsync-1fn .tabs span.off:hover { background:rgba(220,220,220,0.8); }


#qsync-1fn .tab_block { position:absolute; width:100%; padding-top:150px; }
#qsync-1fn #tab_block1 { background:url(../images/qsync_everywhere_bg1.jpg) no-repeat top center; background-size:cover;  }
#qsync-1fn #tab_block2 { display:none; background:url(../images/qsync_everywhere_bg2.jpg) no-repeat top center; background-size:cover;  }

@media (max-width:768px) {
	#qsync-1fn .block { padding-left:20px; padding-right:20px; }
}
	
@media (min-width:1000px) {
	#qsync-1fn .tabs { left:50%; margin-left:-240px; margin-top:40px; font-size:20px; }
	#qsync-1fn .tabs span { display:inline-block; width:240px; min-height:50px; padding:15px 5px; cursor:pointer; vertical-align:middle; line-height:20px; box-sizing:border-box; }
}



.addthis_sharing_toolbox {
	width: 230px;
	margin: 15px auto 60px;
	filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6; z-index:999;
}
.addthis_sharing_toolbox a .at-icon-wrapper {
	border-radius:4px;
	}
@media screen and (min-width: 1000px) {
	.addthis_sharing_toolbox {
	filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8; 
	position: absolute;
	top: 80px;
	left: 50%;
	margin-left: 260px;
	margin-top: 0px;
	}
}

@media (max-width: 768px) {
	header.mainHeader .qp-container h1 {
		height: 52px !important;
		padding-top: 15px;
	}
}
.btn-video {
	color: #2c72a0;
}
.btn-video span svg {
    fill: #2c72a0;
}
.btn-video:hover {
    background-color: #2c72a0;
    color: #fff;
}