@font-face {
	font-family: 'MyriadPro-Bold';
	src: url('../fonts/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/MyriadPro-Bold.otf')  format('opentype'),
	url('../fonts/MyriadPro-Bold.woff') format('woff'),
	url('../fonts/MyriadPro-Bold.ttf')  format('truetype'),
	url('../fonts/MyriadPro-Bold.svg#MyriadPro-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Verdana';
	src: url('../fonts/Verdana.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Verdana.otf')  format('opentype'),
	url('../fonts/Verdana.woff') format('woff'),
	url('../fonts/Verdana.ttf')  format('truetype'),
	url('../fonts/Verdana.svg#Verdana') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Verdana-Bold';
	src: url('../fonts/Verdana-Bold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Verdana-Bold.otf')  format('opentype'),
	url('../fonts/Verdana-Bold.woff') format('woff'),
	url('Verdana-Bold.ttf')  format('truetype'),
	url('../fonts/Verdana-Bold.svg#Verdana-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
html{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*, *:before, *:after{-webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit;}


body{margin: 0; padding: 0; line-height: 22px; color: #1c1c1c; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); font-family: 'Verdana'; background: #fff; font-size: 14px;}
img{border:0; max-width: 100%; height: auto;}
:focus {outline:0;}
::-moz-focus-inner {border:0;}
a{outline:none; text-decoration:none; -webkit-tap-highlight-color: rgba(0,0,0,0); transition: all ease 0.4s; -webkit-transition: all ease 0.4s; -moz--webkit-transition: all ease 0.4s; -ms--webkit-transition: all ease 0.4s;}
strong{font-weight:700;}
textarea,
select,
input[type="text"],
input[type="button"],
input[type="search"],
input[type="password"],
input[type="email"],
input[type="reset"],
input[type="submit"]{-webkit-appearance:none; border-radius: none;}
textarea{overflow: hidden; resize: none;}
.verticalCenter{display:table; width:100%; height:100%;}
.verticalInner{display:table-cell; vertical-align:middle;}
::-webkit-input-placeholder{color:#6f7276; opacity:1;}
:-moz-placeholder{color:#6f7276; opacity:1;}
::-moz-placeholder{color:#6f7276; opacity:1;}
:-ms-input-placeholder{color:#6f7276; opacity:1;}
select option{color: #000;}
select::-ms-expand {display: none;}
select:focus::-ms-value{background: none; color:#000}
html{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*, *:before, *:after{-webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit;}
h1,h2,h3,h4,h5,h6{margin:10px 0 15px; clear: both;}
h1{font-size:36px;}
h2{font-size:30px;}
h3{font-size:24px;}
h4{font-size:22px;}
h5{font-size:20px;}
h6{font-size:18px;}
p{margin: 0 0 10px 0; clear: both;}
.clearfix{clear: both;}
.container{max-width: 1015px; margin: 0 auto; padding: 0 15px;}

.se-pre-con{background: white url(../images/loader.gif) no-repeat scroll center center; background-size: 60px 60px; height: 100%; left: 0; position: fixed; top: 0; width:100%; z-index:9999; overflow:hidden;}



/*==========================Input Fields=======================*/
.int{width: 100%; float: left; position: relative; height:28px; line-height: inherit; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border: 1px solid #dbdbdb; padding: 0 5px; font-size: 14px; color: #6f7276; font-family:'Fira Sans Extra Condensed', sans-serif; font-size: 13px;}
.int-submit{height: 100%; line-height: normal; padding: 0 7px; color: #fff; font-family:'Fira Sans Extra Condensed', sans-serif; font-size: 13px; background: #f29230; border: none; position: absolute; top: 0; right: 0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; cursor: pointer; transition: all ease 0.4s; -webkit-transition: all ease 0.4s;}
.int-submit:hover{color: #fff; background: #dc7f21;}


/*==========================Buttons=======================*/
.knowbtn{display: inline-block; vertical-align: top; cursor: pointer; font-size: 10px; color: #fff; text-transform: uppercase; margin:0; padding:5px 9px; position: relative; transition: all 0.3s; font-family: 'MyriadPro-Bold'; background:#7f7f7f; text-transform: uppercase; line-height: normal; position: absolute; bottom:10px;}
.knowbtn:hover{background: #4a4a4a; color: #fff;}

/*==========================Header=======================*/
.header{width: 100%; position:fixed; top: 0; left: 0; z-index: 2; background: #fff; padding:0; transition: all ease 0.4s; -webkit-transition: all ease 0.4s; -moz--webkit-transition: all ease 0.4s; -ms--webkit-transition: all ease 0.4s;}
.logo{display: inline-block; vertical-align: top;}
.headerTop{width: 100%; float: left; position: relative; background: #000; padding:14px 0 18px;}
.headerTop .htlogo{position: absolute; top:8px; left: 50%; margin: 0 0 0 -169.5px;}
.brandstudio{float: right; display: flex;}
.createdText{float: left; width: 71px; display: table-cell; vertical-align:middle; font-size: 10px; color: #fff; text-transform: uppercase; font-family: 'Open Sans', sans-serif;}
.brandstudioLogo{display: table-cell; vertical-align:middle; overflow: hidden;}
.brandstudioLogo img{max-width: 77px; float: left;}


.banner{width: 100%; float: left; position: relative; background:url(../images/banner-bg.jpg) no-repeat; background-size: cover; height: 375px; padding: 63px 0 0 0; z-index: 1;}
.banner .container{position: relative; height: 100%;}
.banner .verticalInner{vertical-align: top;}
.banner .clip{display: inline-block; vertical-align: top; margin:64px 0 0 0; animation-name:bannertitle; animation-duration:.8s;  animation-delay:.5s;  animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out;}
.banner h1{color: #fff; font-size: 25px; margin:4px 0 0 0; line-height: 26px; animation-name:bannertitle; animation-duration:.8s;  animation-delay:.5s;  animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out;}
.banner h1 span{display:inline-block; vertical-align:top; font-family: 'Verdana-Bold'; color: #fff; background: #ee3d96; padding: 0 6px 2px;}
@keyframes bannertitle {
    0% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        opacity:0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity:1;
    }
}
@-webkit-keyframes bannertitle {
    0% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        opacity:0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity:1;
    }
}



.pageElements{width: 100%; float: left; position: relative; margin:0 0 0 0;}
.topArticles{width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; z-index: 1;}
.articleBlock.qt3{width:74.5%;}
@media(min-width: 1024px){
.topArticles .articleBlock:nth-child(2){margin: 0 0 10px 0;}
}
.topArticles .articleBlock{border: none; border-bottom: 1px solid #cecece; overflow: hidden;}
.topArticles .articleBlock figcaption{border: 1px solid #cecece; border-bottom: none; height: 100%;}


.figshadow{width: 100%; bottom: 0; left: 0; position: absolute; background: url(../images/shadow.png) repeat-x; height: 256px;}
.articleBlock{position: relative; background: #fff; border: 1px solid #cecece; float: left; width: 24.2%; margin: 0 1% 10px 0;}
.articleBlock.matchstroke{border: 1px solid #a21ef9;}
.articleBlock .figThumb{width: 100%; float: left; position: relative; overflow: hidden;}
.articleBlock .figThumb h3{color: #fff; font-size: 20px; font-family: 'Verdana-Bold'; position: absolute; bottom: 0; left: 0; padding: 0 28px 19px; max-width: 480px; margin: 0;}
.articleBlock .figThumb h3 a{text-decoration: none; color: #fff;}
.articleBlock .figThumb img{width: 100%; float: left; transition: all ease 0.4s; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -ms-transition: all ease 0.4s;}
.articleBlock .figThumb a{width: 100%; float: left; position: relative;}
.articleBlock .figThumb .articleOverlay{background: rgba(0,0,0,0.4); position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: all ease 0.4s; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -ms-transition: all ease 0.4s;}
.articleBlock .figThumb:hover .articleOverlay{opacity: 1;}
.articleBlock:hover img{transform: scale(1.1);}
.articleBlock figcaption{width: 100%; float: left; padding:12px 15px 28px;}
.articleBlock figcaption .poston{display:inline-block; vertical-align: top; position: relative; font-size: 11px; color: #8e8e8e; margin: 0 0 9px 0;}
.articleBlock figcaption .poston:after{border-bottom: 1px solid #999; background: #999999; width: 90%; content: ""; float: left;}
.articleBlock figcaption h3{font-size: 15.6px; font-family: 'Verdana-Bold'; margin:3px 0 9px; line-height: 20px; padding: 0 20px 0 0;}
.articleBlock figcaption h3 a{text-decoration: none; color: #1c1c1c;}
.articleBlock figcaption h3 a:hover{color: #696767;}
.articleBlock figcaption p{font-size: 12px; line-height: 16px; margin:4px 0 5px 0;}
.articleBlock figcaption h4{margin: 22px 0 0 0; font-size: 11px; line-height: 12px; color: #5e5e5e; font-family: 'MyriadPro-Bold';}

.bottomArticles{width: 100%; float: left; position: relative;  display: flex; flex-wrap: wrap; z-index: 1; margin: 0 0 20px 0;}
@media(min-width: 1024px){
.bottomArticles .articleBlock:nth-child(4n+4){margin: 0 0 10px 0;}
}


/*==========================Videos=======================*/
.videosBlock{width: 100%; float: left; position: relative; background:#196bad; padding: 50px 0 58px 0; margin: 0 0 30px 0; overflow: hidden;}
.videoclip1{position: absolute; bottom:-10px; left: 0;}
.videoclip2{position: absolute; bottom:-10px; right: 0;}
.videosBlock h3{text-transform: uppercase; color: #fff; font-size: 20px; margin:0; font-family: 'Verdana-Bold'; position: relative; 
z-index: 1;}
.videosBlock h4{color: #fff; margin:24px 0 0 0; font-size: 18px; line-height: 25px;}
.videosIn{width: 49%; float: left; position: relative; margin: 22px 2% 0 0; padding: 0 0 0 0;}

@media(min-width: 480px){
    .videosIn.twovid{margin: 22px 0 0 0;}
}

.videoThumb{width: 100%; float: left; position: relative;}
.videoThumb img{width: 100%; float: left;}
#sync1{float: left; width: 82%; float: left; position: relative; padding: 0 29px 0 0;}
#sync1 h4{color: #fff; margin:24px 0 0 0; font-size: 18px; line-height: 25px;}

#sync2{float: left; width: 18%; float: left; position: relative;}
#sync2 h4{color: #fff; margin:5px 0 0 0; font-size: 11.24px; line-height:14px;}
#sync2 .item{width: 100%; float: left; position: relative;}
#sync2 .itemIn{width: 100%; float: left!important; margin: 0 0 10px 0;}


.hovicon{width:63px; height:63px; position: absolute; top: 50%; left: 50%; margin: -31.5px 0 0 -31.5px; border-radius: 50%; border:3px solid #fff;}
.hovicon:before{background:url(../images/play.png) no-repeat; background-size: 100% auto; background-position: center center; width: 25px; height: 26px; content: ""; top: 50%; left: 50%; margin: -12.5px 0 0 -13px; position: absolute;}
.hovicon:after {pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content:''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
 .hovicon.effect-8 {background: rgba(255, 255, 255, 0.1); -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s; -moz-transition: -moz-transform ease-out 0.1s, background 0.2s; transition: transform ease-out 0.1s, background 0.2s;}
.hovicon.effect-8:after {top: 0; left: 0; padding: 0; z-index: -1; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1); opacity: 0; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9);}
.hovicon.effect-8:hover {background: rgba(255, 255, 255, 0.05); -webkit-transform: scale(0.93); -moz-transform: scale(0.93); -ms-transform: scale(0.93); transform: scale(0.93); color: #fff;}
.hovicon.effect-8:hover i {color: #fff;}
.hovicon.effect-8:hover:after {-webkit-animation: sonarEffect 1.3s ease-out 75ms infinite; -moz-animation: sonarEffect 1.3s ease-out 75ms infinite; animation: sonarEffect 1.3s ease-out 75ms infinite;}

@keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5);
        transform: scale(1.5);
        opacity: 0;
    }
}
@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5);
        transform: scale(1.5);
        opacity: 0;
    }
}


.hovicon1{width:32px; height:32px; position: absolute; top: 50%; left: 50%; margin: -16px 0 0 -16px; border-radius: 50%; border:2px solid #fff;}
.hovicon1:before{background:url(../images/play.png) no-repeat; background-size: 100% auto; background-position: center center; width: 14px; height: 14px; content: ""; top: 50%; left: 50%; margin: -7px 0 0 -7px; position: absolute;}
.hovicon1:after {pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content:''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
 .hovicon1.effect-9 {background: rgba(255, 255, 255, 0.1); -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s; -moz-transition: -moz-transform ease-out 0.1s, background 0.2s; transition: transform ease-out 0.1s, background 0.2s;}
.hovicon1.effect-9:after {top: 0; left: 0; padding: 0; z-index: -1; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1); opacity: 0; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9);}
.hovicon1.effect-9:hover {background: rgba(255, 255, 255, 0.05); -webkit-transform: scale(0.93); -moz-transform: scale(0.93); -ms-transform: scale(0.93); transform: scale(0.93); color: #fff;}
.hovicon1.effect-9:hover i {color: #fff;}
.hovicon1.effect-9:hover:after {-webkit-animation: sonarEffects 1.3s ease-out 75ms infinite; -moz-animation: sonarEffects 1.3s ease-out 75ms infinite; animation: sonarEffects 1.3s ease-out 75ms infinite;}
@keyframes sonarEffects {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 4px 4px #fff, 0 0 0 4px rgba(255, 255, 255, 0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 4px 4px #fff, 0 0 0 4px rgba(255, 255, 255, 0.5);
        transform: scale(1.5);
        opacity: 0;
    }
}
@-webkit-keyframes sonarEffects {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 4px 4px #fff, 0 0 0 4px rgba(255, 255, 255, 0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 4px 4px #fff, 0 0 0 4px rgba(255, 255, 255, 0.5);
        transform: scale(1.5);
        opacity: 0;
    }
}



/*==========================Article=======================*/
.articlePage{width: 100%; float: left; position: relative;}
.homePageButton{display: inline-block; vertical-align: top; font-size: 9px; color: #1c1c1c; text-transform: uppercase; font-family: 'Verdana-Bold'; background: #f5fbfb; border: 1px solid #000; padding: 0 5px; transition: all ease 0.4s; margin:13px 0 0 0;}
.homePageButton:hover{background: #000; color: #fff;}
.breadcrumb{width: 100%; float: left; position: relative; margin: 23px 0 0 0; display: none;}
.breadcrumb ul{width: 100%; float: left; position: relative; list-style: none; margin: 0; padding: 0;}
.breadcrumb ul li{float: left; font-size: 10px; line-height: 10px; color: #000; border-right: 1px solid #000; padding: 0 9px; margin: 3px 0;}
.breadcrumb ul li:first-child{padding:0; border-right: none; margin: -3px 0 0 0;}
.breadcrumb ul li .buttonbread{display: inline-block; vertical-align: top; font-size: 9px; color: #1c1c1c; text-transform: uppercase; font-family: 'Verdana-Bold'; background: #f5fbfb; border: 1px solid #000; display: block; padding: 6px 5px 5px; transition: all ease 0.4s;}
.breadcrumb ul li .buttonbread:hover{background: #000; color: #fff;}
.breadcrumb ul li:last-child{border-right: none; padding-right: 0;}


.breadcrumb2{width: 100%; float: left; position: relative; margin:0 0 15px 0; padding: 13px 0 17px 0;}
.breadcrumb2:after{border-bottom: 1px solid #b2b2b2; position: absolute; bottom: 0; left: 0; content: ""; max-width: 447px; width: 100%;}
.breadcrumb2 ul{width: 100%; float: left; position: relative; list-style: none; margin: 0; padding: 0;}
.breadcrumb2 ul li:first-child{padding: 0 9px 0 0;}
.breadcrumb2 ul li{float: left; font-size: 10px; line-height: 10px; color: #000; border-right: 1px solid #000; padding: 0 9px; margin: 3px 0;}
.breadcrumb2 ul li strong{font-family: 'Verdana-Bold'; font-weight: normal;}
.breadcrumb2 ul li:last-child{border-right: none; padding-right: 0;}
.articlePageIn{width: 100%; float: left; position: relative; margin:19px 0 58px 0;}
.banner.bannerInner{height: 355px;}
.banner.bannerInner .verticalInner{vertical-align:middle;}
.banner.bannerInner .clip{margin:-25px 0 0 0;}
.articleInfoTop{display: none; width: 100%; float: left;}
.articlePageIn .articleInfo,
.articleInfo{overflow: hidden;}
.articlePageIn .articleInfo small,
.articleInfo small{font-size: 10px; text-transform: uppercase; color: #000;}
.articlePageIn .articleInfo  h2,
.articleInfo  h2{color: #000; margin:0px 0 12px 0; font-family: 'Verdana-Bold'; font-size: 27px; line-height: 29px; padding: 0 10px 0 0;}
.articlePageIn .articleInfo p,
.articleInfo p{color: #000; font-size: 13px; line-height: 18px; margin:0;}

.alignleft{float: left; max-width: 425px; color: #000; font-size: 12px; font-weight: 300; font-family: 'Open Sans', sans-serif; margin:2px 30px 20px 0;}
.alignleft figcaption{border-bottom: 1px solid #b2b2b2; padding: 2px 0 9px; width: 100%; float: left; font-family: 'Open Sans', sans-serif; font-weight:700; font-size: 13px;}

.alignright{float: right; max-width:581px; color: #000; font-size: 12px; font-weight: 300; font-family: 'Open Sans', sans-serif; margin:2px 0 15px 30px;}
.alignright figcaption{border-bottom: 1px solid #b2b2b2; padding: 2px 0 11px; width: 100%; float: left; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 13px;}
.articlePageIn p{line-height: 18px; color: #000; clear: none; margin:0 0 20px 0;}
.articlePageIn h3{line-height: 18px; color: #000; clear: none; clear: none; font-size: 16px; margin: 0 0 8px 0;}
.articlePageIn ol{display: inline-block; vertical-align: top; margin:5px 0 20px 0; padding: 0 0 0 15px; list-style: disc;}
.articlePageIn ol li{line-height: 18px; color: #000;}
.articlePageIn p strong{font-family: 'Verdana-Bold'; font-weight: normal;}
.articlePageIn p a{color: #3b86c7;}
.articlePageIn p a:hover{color: #57318e;}
em,i{font-style: italic;}
.moreArticles{width: 100%; float: left; background: #d7d7d7 url(../images/articlebg.jpg) no-repeat; background-size:cover; background-position: center center; padding: 23px 0 28px;}
.moreArticles h4{font-size: 14px; color: #000; text-transform: uppercase; font-family: 'Verdana-Bold';}
.moreArticles .articleBlock{width: 100%; margin: 0; height: 100%;}
.moreArticlesIn{margin: 15px 0 0 0;}
.moreArticles .item{width: 100%; float: left; position: relative; height: 100%;}
.moreArticles .owl-carousel .owl-stage{display: flex;}
.articleBlock figcaption{padding: 12px 10px 28px;}




/*==========================Footer=======================*/
.footer{width: 100%; float: left; position: relative; background: #474753; padding:12px 0;}
.footer .copyright{font-size: 12px; color: #fff; display: inline-block; vertical-align: top; margin:7px 0 0 0; font-family: 'Open Sans', sans-serif;}
.mobileview{display: none!important;}


/** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under:SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE *//* * Owl Carousel - Core */
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1; width: 100%; float: left;}
 .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden;}
 .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
 .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px, 0px, 0px);}
 .owl-carousel .owl-wrapper, .owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);}
 .owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;}
 .owl-carousel .owl-item img{display:block;width:100%;}
 .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled{display:none;}
 .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
 .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot{background:none;color:inherit;border:none;padding:0 !important;font:inherit;}
 .owl-carousel.owl-loaded{display:block;}
 .owl-carousel.owl-loading{opacity:0;display:block;}
 .owl-carousel.owl-hidden{opacity:0;}
 .owl-carousel.owl-refresh .owl-item{visibility:hidden;}
 .owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
 .owl-carousel.owl-grab{cursor:move;cursor:grab;}
 .owl-carousel.owl-rtl{direction:rtl;}
 .owl-carousel.owl-rtl .owl-item{float:right;}
.no-js .owl-carousel{display:block;}
/* * Owl Carousel - Animate Plugin */.owl-carousel .animated{animation-duration:1000ms;animation-fill-mode:both;}
.owl-carousel .owl-animated-in{z-index:0;}
.owl-carousel .owl-animated-out{z-index:1;}
.owl-carousel .fadeOut{animation-name:fadeOut;}
@keyframes fadeOut{0%{opacity:1;}
 100%{opacity:0;}
 }
/* * Owl Carousel - Auto Height Plugin */.owl-height{transition:height 500ms ease-in-out;}
/* * Owl Carousel - Lazy Load Plugin */.owl-carousel .owl-item{/**This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrongcalculation of the height of the owl-item that breaks page layouts */ }
 .owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity 400ms ease;}
 .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]){max-height:0;}
 .owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d;}
/* * Owl Carousel - Video Plugin */.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000;}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url("owl.video.play.png") no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform 100ms ease;}
.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3, 1.3);transform:scale(1.3, 1.3);}
.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{display:none;}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity 400ms ease;}
.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%;}

/** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under:SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE *//* * Default theme - Owl Carousel CSS File */.owl-theme .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent;}
 .owl-theme .owl-nav [class*='owl-']{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px;}
 .owl-theme .owl-nav [class*='owl-']:hover{background:#869791;color:#FFF;text-decoration:none;}
 .owl-theme .owl-nav .disabled{opacity:0.5;cursor:default;}
/*.owl-theme .owl-nav.disabled + */.owl-dots{margin-top:10px;}
.owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent; width: 100%; float: left;}
 .owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline; vertical-align: top;}
 .owl-theme .owl-dots .owl-dot span{width:17px;height:4px;margin:0 2px;background:#868686;display:block;-webkit-backface-visibility:visible;transition:opacity 200ms ease;}
 .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background:#ed1f29;}

 /*=====================YouTubePopUp=====================*/
.YouTubePopUp-Wrap{position:fixed;width:100%;height:100%;background-color:#000;background-color:rgba(0,0,0,0.8);top:0;left:0;z-index:9999999999999}
.YouTubePopUp-animation{opacity:0;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:YouTubePopUp;animation-name:YouTubePopUp}
@-webkit-keyframes YouTubePopUp{0%{opacity:0}
100%{opacity:1}
}
@keyframes YouTubePopUp{0%{opacity:0}
100%{opacity:1}
}
body.logged-in .YouTubePopUp-Wrap{top:32px;z-index:99998}
.YouTubePopUp-Content{max-width:850px;display:block;margin:0 auto;height:100%;position:relative}
.YouTubePopUp-Content iframe{max-width:100%!important;width:100%!important;display:block!important;height:480px!important;border:none!important;position:absolute;top:0;bottom:0;margin:auto 0}
.YouTubePopUp-Hide{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:YouTubePopUpHide;animation-name:YouTubePopUpHide}
@-webkit-keyframes YouTubePopUpHide{0%{opacity:1}
100%{opacity:0}
}
@keyframes YouTubePopUpHide{0%{opacity:1}
100%{opacity:0}
}
.YouTubePopUp-Close{position:fixed;top:15px;cursor:pointer;right:15px;margin:auto 0;width:26px;height:26px;background:url(./images/close1.jpg) no-repeat}
.YouTubePopUp-Close:hover{opacity:.5}
@media all and (max-width:768px) and (min-width:10px){.YouTubePopUp-Content{max-width:90%}
}
@media all and (max-width:600px) and (min-width:10px){.YouTubePopUp-Content iframe{height:320px!important}
.YouTubePopUp-Close{bottom:362px}
}
@media all and (max-width:480px) and (min-width:10px){.YouTubePopUp-Content iframe{height:220px!important}
.YouTubePopUp-Close{bottom:262px}
}
body.compensate-for-scrollbar{overflow:hidden}


.bannerArticle{width: 100%; float: left; position: relative; margin: 62px 0 0 0; background: #522e91;}
.bannerArticleThumb{width: 50%; float: right; background-position:center center; background-size: cover; background-repeat: no-repeat; height: 310px;}
.bannerArticleThumb img{width: 100%; float: left; visibility: hidden; height: 100%;}
.bannerArticleAbs{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.bannerArticleAbs .container{position: relative; height: 100%;}
.bannerArticleInfo{width:44%; float: left; position: relative; height: 100%;}
.bannerArticleInfo .category{font-size: 10px; text-transform: uppercase; line-height: 12px; color: #fff;}
.bannerArticleInfo h2{color: #fff; margin:4px 0 11px 0; font-family: 'Verdana-Bold'; font-size: 27px; line-height: 29px;}
.bannerArticleInfo p{color: #fff; font-size: 13px; line-height: 18px; margin:0;}

.homeicon{position: absolute; top:50%; left: 15px; width:26px; height:28px; background: url(../images/homeicon.png) no-repeat; background-size: 100% auto; margin: -14px 0 0 0; z-index: 2; display: none;}
.homeicon a{width: 100%; float: left; position: relative; height: 100%;}
.bannerArticle h1{color: #fff; font-size: 18px; margin:1px 0 20px 0; line-height: 19px;}
.bannerArticle h1 span{display:inline-block; vertical-align:top; font-family: 'Verdana-Bold'; color: #fff; background: #ee3d96; padding: 0 4px 0;}

.desktop728ad{width: 100%; float: left; position: relative; text-align: center; padding: 34px 0 0 0;}
.desktop728adInline{display: inline-block; vertical-align: top;}
.mobile320ad{width: 100%; float: left; position: relative; text-align: center; display: none; padding: 0 0 10px 0;}
.mobile320adInline{display: inline-block; vertical-align: top;}
.ad300{float: right; width: 300px; margin: 0 0 20px 30px;}
.ad300In{display: inline-block; vertical-align: top;}

.showtab{width: 100%; float: left; display: none;}


.articlePageIn-2 .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.articlePageIn-2 .embed-container iframe, 
.articlePageIn-2 .embed-container object, 
.articlePageIn-2 .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.articlePageIn-2 .alignleft{max-width: 100%; width: 100%;}
.articlePageIn-2 .articleInfo{width: 100%; float: left;}
.videoText{width: 61%; float: left;}
.articlePageIn-2 .ad300{margin-top: 15px;}


/*==========================Responsive=======================*/
@media(max-width: 1349px){
.banner h1{font-size: 40px; margin:0 0 15px 0;}


}


@media(max-width: 1199px){
.visible-sm{display: block;}
.hide-sm{display: none;}
.banner{height: 310px; padding: 62px 0 0 0;}
.banner.bannerInner{height: 310px;}
.banner h1{font-size:34px; margin:0 0 5px 0;}
.banner .clip img{max-width: 400px;}
.banner h1{font-size: 24px;}
/*.articlePageIn{margin: 30px 0 20px 0;}*/
.bannerArticleInfo h2{font-size: 20px; line-height: 24px;}
.bannerArticleInfo{width: 46%;}
.articlePageIn .articleInfo h2, 
.articleInfo h2{font-size: 20px; line-height: 24px;}
.videoclip1 img{max-width:150px;}
.videoclip2 img{max-width: 150px;}
}


@media(max-width:1025px){
.footer{padding: 26px 0 73px 0;}


}


@media(max-width:1023px){
.articleBlock{width:32.64%;}
@media(min-width:768px){
.bottomArticles .articleBlock:nth-child(3n+3){margin: 0 0 10px 0;}
}
.articleBlock.qt3{width: 66.3%;}
@media(min-width:768px){
.topArticles .articleBlock:nth-child(2){margin: 0 0 10px 0; width: 32.5%;}
}
.alignleft{max-width: 300px;}
.alignright{max-width: 300px;}
.bannerArticle h1{font-size: 15px; line-height: 16px; margin: 0 0 12px 0;}
.bannerArticle h1 span{padding: 0 4px 1px;}
.showtab{display: block;}
.videoText{width: 55%;}


}




@media(max-width: 767px){
.container{padding: 0 8px;}
.visible-xs{display: block;}
.hide-xs{display: none;}
.logo img{max-width: 112px; float: left;}

.banner{height: 240px;}
.banner h1{font-size: 25px; line-height: 25px}
.articleBlock{width: 49.5%;}
	@media(min-width:480px){
	.bottomArticles .articleBlock:nth-child(2n+2){margin: 0 0 10px 0;a}
	}
.articleBlock.qt3{width: 49.5%;}
	@media(min-width:480px){
	.topArticles .articleBlock:nth-child(2n+2){margin: 0 0 10px 0;}
	}
.articleBlock .figThumb{height: 250px; background-position:center center; background-position: no-repeat; background-size: cover; background-color: #f7f7f7;}
.articleBlock.nocover .figThumb{background-size: auto auto; background-repeat: no-repeat;}
.articleBlock .figThumb img{height: 100%; visibility: hidden; width: 100%;}
.articleBlock .figThumb h3{font-size: 16px; line-height: 20px; padding:0 15px 15px; max-width: 100%;}
.fadeIn{transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); transition-duration: 0.5s; opacity: 0; transition-property:opacity, transform; transform:scale(0.6);}
.fadeInActive{opacity: 1; transform: translate(0px) scale(1);}

.headerTop {padding: 10px 0;}
.header .brandstudio{display: none;}
.headerTop .htlogo{position: static; width: 100%; float: left; margin: 0; text-align: center;}
.headerTop .htlogo img{max-width: 250px; display: inline-block; vertical-align: top;}
.footer{background: #fff; padding: 26px 0 73px 0;}
.footer .copyright{display: block; text-align: center; border-top:1px solid #999999; width:100%; float: left; color: #464752; font-weight: 600; padding: 26px 0 0 0; margin: 35px 0 0 0;}
.footer .brandstudio{width: 100%; text-align: center; display: block;}
.footer .createdText{width: 100%; float: left; text-align: center; font-size: 12px; color: #464752; text-indent: -39px;}
.footer .brandstudioLogo{width: 100%; float: left; text-align: center; margin: 3px 0 0 0;}
.footer .brandstudioLogo a{display: inline-block; vertical-align:top;}
.brandstudioLogo img{max-width: 109px;}
.mobilehide{display: none!important;}
.mobileview{display: block!important;}
.banner .clip{margin: 28px 0 0 0;}
.banner .clip img{max-width: 300px;}
.banner h1{font-size: 16px;}
.banner{padding: 57px 0 0 0;}
.moreArticles{padding: 14px 0 12px 0;}
.moreArticlesIn{margin: 0;}
/*.breadcrumb{margin: 23px 0 0 0;}*/
.articlePageIn{margin: 18px 0 9px 0;}
.bannerArticleAbs{position: static;}
.bannerArticleInfo{width: 100%; padding: 13px 0 19px;}
.bannerArticleThumb{width: 100%; height: 250px;}
.bannerArticleInfo h2{font-size: 20px; line-height: 24px;}
.bannerArticle{margin: 56px 0 0 0;}
.homeicon{display: block;}
.bannerArticle .clip{margin: 15px 0 0 0; width: 100%; float: left;}
.bannerArticle .clip img{max-width: 340px;}
.bannerArticle h1{margin: 1px 0 18px 0;}
.articlePageIn .articleInfo h2,
.articleInfo h2{font-size: 20px; line-height: 24px; padding: 0;}
.banner.bannerInner{height: 200px;}
.desktop728ad{display: none;}
.mobile320ad{display: block;}
.banner.bannerInner .clip{margin: -10px 0 0 0;}
.videosBlock{padding: 30px 0;}
.videosBlock h4{font-size: 15px; line-height: 22px;}
.videoclip1 img{max-width: 90px;}
.videoclip2 img{max-width: 90px;}
.videoText{width:100%;}
.articlePageIn-2 .ad300{width: 100%; margin: 5px 0 20px 0; text-align: center;}
.moreArticles .owl-theme .owl-dots .owl-dot span{width: 8px;}

}



@media(max-width: 479px){
.articleBlock{width: 100%; margin: 0 0 10px 0;}
.articleBlock.qt3{width: 100%; margin: 0 0 10px 0;}
.knowbtn{position: static;}
.articleBlock figcaption{padding: 12px 15px 10px;}
.int{font-size: 14px; height: 32px; padding: 0 8px;}
.int-submit{font-size: 14px; padding: 0 8px;}
/*.articleBlock figcaption p{font-size: 14px; line-height: 20px;}*/
.articleBlock .figThumb{height: 200px;}
.articleBlock.qt3 .figThumb{height: 200px;}
.alignleft{max-width: 100%; margin: 0 0 15px 0;}
.alignright{max-width: 100%; margin: 0 0 15px 0;}
#sync1{width: 100%; padding: 0;}
#sync2{width: 100%; padding: 0;}
.videosIn{padding: 0;}
.bannerArticleThumb{height: 200px;}
.breadcrumb{display: block;}
.breadcrumb ul li{padding: 0 7px;}
.breadcrumb2{display: none;}
.homePageButton{display: none;}
.articlePageIn .articleInfo,
.articleInfo{width: 100%; float: left; margin:10px 0 5px 0;}
.articleInfoBottom{display: none;}
.articleInfoTop{display: block;}
.articlePageIn h3{clear: left;}
.ad300{width: 100%; margin:5px 0 20px 0; text-align: center;}
.videosIn{width: 100%; margin-right: 0;}
.videosBlock h4{margin: 15px 0 0 0;}

}


@media(max-width:350px){
.bannerArticle .clip img{max-width: 300px;}
.bannerArticle h1{font-size: 14px;}

}


@media(max-width:340px){
.homeicon{width: 22px; height: 24px; margin: -11px 0 0 0;}
.headerTop .htlogo img{max-width: 216px;}
.banner .clip{margin: 15px 0 0 0;}
.banner h1{font-size: 14px;}
.bannerArticle {margin: 51px 0 0 0;}


}