* { padding:0; margin:0; list-style-type:none; outline:none; font-family: 'Open Sans', sans-serif; } .clearfix::after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .clear { clear:both; } .header{width: 100%; 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: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}
.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;}.htbanner { background: #000 none repeat scroll 0 0; padding: 12px 0; text-align: center; width: 100%; } .container { margin: 0 auto; width: 1000px; } .htlogo { display: block; float: none; margin: 0 auto; width: 300px; } img { max-width: 100%; } .fl { float:left; } .fr { float:right; } .brand { background:url(../images/brand.png.jpg) no-repeat right 0; color: #fff; float: right; font-size: 12px; margin-top: 12px; padding-right: 130px; position: absolute; right: 0; text-transform: uppercase; top: 0; } .posrel { position:relative; } .footer { background:#262626; padding:40px 0 50px; margin-top:0; color:#fff; } .footer .container { width:850px; margin:0 auto; } .copyright { float:right; font-size:20px; } .mb20 { margin-bottom:20px; } .disclaimer { float:left; } .disclaimer p { margin:0 0 30px; padding:10px 0 30px; border-bottom:1px solid #686868; } .socialIcon a { display:inline-block; width:41px; height:41px; background:url(../images/socialIcon.png) no-repeat 0 0; margin-right:8px; } a.fb { background-position:0 0; } a.twitter { background-position:-48px 0; } a.gplus { background-position:-97px 0; } .bannerImage { background:url(../images/banner3-hover.jpg) no-repeat center center; display:block; font-size:24px; padding:350px 50px 50px 50px; text-shadow: 2px 2px #000; } .bannerImage strong { font-size:44px; } a.bannerImage { color:#fff; text-decoration:none; } a.bannerImage:hover { background:url(../images/banner3.jpg) no-repeat center center; } .dBlock { display:block; } .mb20 { margin-bottom:20px; } .footerTop { margin:50px 0; } .footerTop .wid33 { width:31.33%; box-sizing: border-box; float:left; padding:10px 10px 0; background:url(../images/border.gif) repeat-x 0 0; margin:0; } .footerTop .wid33:nth-child(2) { margin:0 2%; width:33.33%; } .footerTop .wid33 h3 { font-size:16px; margin-bottom:10px; } .sep { font-size:14px; padding:0 0 10px; margin-bottom:10px; border-bottom:1px solid #b2b2b2; } .slideShow { max-height: 300px; overflow-x: hidden; overflow-y: auto; } .slideShow img { width:32%; border-left:1px solid #fff; border-bottom:1px solid #fff; } .imgSmall { width:60%; float:left; } .imgSmall img { width:32.5%; border-right:1px solid #fff; border-bottom:1px solid #fff; } .imgSmall2 { width:40%; float:right; } .imgSmall2 img { width:100%; } .wid25 { width:25%; margin:5px 10px 0 0; float:left; } .wid75 { width:71%; float:left; font-size:13px; text-decoration:none; color:#000; } .wid75:hover { color:#d88623; } .wid75 span { color:#666; font-size:12px; padding:10px 0; display:block; } .artbody { padding:30px 0 0; } .artbody span.smallTxt { font-size:11px; color:#000; text-transform:uppercase; display:block; } .artbody h1 { font-size:26px; font-weight:bold; color:#000; line-height:100%; } .artbody h2 { font-size:22px; font-weight:400; color:#000; line-height:100%; margin-top:30px; } .artbody p { font-size:14px; color:#000; margin-top:30px; } .artbody p.summary { font-size:16px; } .mcontent2 { width:70%; margin-right:30px; float:left; margin-top:30px; } .mcontent { width:50%; margin-right:30px; float:left; margin-top:30px; } .mcontent.fr { float:right; margin-left:30px; } .mt30 { margin-top:30px; } .mb-25 { margin-bottom:-25px; } .videoHolder { height:520px; overflow:hidden; position:relative; background:url(../images/placeHolder.jpg) no-repeat 0 0; } .videoTxt { font-size:35px; font-weight:bold; color:#fff; width:50%; text-align:center; margin:0 25%; text-shadow: 2px 2px 5px #000; position:absolute; z-index:99px; bottom:0; } .videoTxt span { color:#ffcc33; } .videoTxt div.small { font-size:12px; font-weight:normal; }.txtCenter{ text-align:center;} @media (max-width: 480px) {.createdText{display:none;} .container { width:96%; margin:0 2%; } .htlogo { width:100%; } .brand { float:none; margin:5px 0 10px; display:inline-block; position:static; } .footer .container { width:90%; margin:0 5%; } .copyright, .disclaimer { float:none; } .copyright { text-align:center; margin-top:30px; } .footerTop .wid33, .footerTop .wid33:nth-child(2) { width:100%; float:none; margin-bottom:30px; } .mcontent, .mcontent.fr, .mcontent2 { width:100%; float:none; } .imgSmall, .imgSmall2 { width:100%; float:none; } .imgSmall img, .imgSmall2 img { width:49%; border-right:1px solid #fff; border-bottom:1px solid #fff; } .videoTxt { font-size:28px; width:90%; margin:0 5%; bottom:70px; } .videoHolder video { display:none; } } @media (max-width: 599px) { .container { width:96%; margin:0 2%; } .htlogo { width:100%; } .brand { float:none; margin:5px 0 10px; display:inline-block; position:static; } .footer .container { width:90%; margin:0 5%; } .copyright, .disclaimer { float:none; } .copyright { text-align:center; margin-top:30px; } .footerTop .wid33, .footerTop .wid33:nth-child(2) { width:100%; float:none; margin-bottom:30px; } .mcontent, .mcontent.fr, .mcontent2 { width:100%; float:none; } .mobHide { display:none; } .imgSmall, .imgSmall2 { width:100%; float:none; } .imgSmall img, .imgSmall2 img { width:49%; border-right:1px solid #fff; border-bottom:1px solid #fff; } .videoTxt { font-size:28px; width:90%; margin:70px 5% 0; } .videoHolder video { display:none; } } @media (min-width: 600px) and (max-width: 767px) { .container { width:96%; margin:0 2%; } .htlogo { margin: 0; float:left; width:250px } .brand { float:right; margin:5px 0 0; } .footer .container { width:90%; margin:0 5%; } .footerTop .wid33, .footerTop .wid33:nth-child(2) { width:100%; float:none; margin-bottom:30px; } .mcontent, .mcontent.fr, .mcontent2 { width:100%; float:none; } .mobHide { display:none; } .imgSmall, .imgSmall2 { width:100%; float:none; } .imgSmall img, .imgSmall2 img { width:49%; border-right:1px solid #fff; border-bottom:1px solid #fff; } .videoTxt { font-size:28px; width:90%; margin:0 5%; } .videoHolder video { display:none; } } @media (min-width: 768px) { .container { width:96%; margin:0 2%; } .htlogo { margin: 0; float:left; width:250px } .brand { float:right; margin:5px 0 0; } .footer .container { width:90%; margin:0 5%; } .videoTxt { font-size:28px; width:90%; margin:0 5%; } .videoHolder { height:337px; } } @media (min-width: 1024px) { .container { width:1000px; margin:0 auto; } .footer .container { width:850px; margin:0 auto; } .htlogo { margin:0 auto; width:300px; display:block; float:none; } .brand { margin:12px 0 0; } .videoTxt { font-size:35px; width:50%; margin:0 25%; } .videoHolder { height:445px; } } @media (min-width: 1025px) { .videoHolder { height:520px; } }/*jquery social icon */ #floatingSocialShare { position: relative; } #floatingSocialShare *, #floatingSocialShare *:before, #floatingSocialShare *:after { -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; box-sizing: content-box !important; } #floatingSocialShare a { position: relative; width: 45px; height: 30px; line-height: 20px; padding: 8px 0; display:list-item; list-style-type: none; text-align: center; color: #fff; } #floatingSocialShare a:focus, #floatingSocialShare a:hover { color: #fff; width:52px; opacity: 0.8; transition-duration: 0.3s; transition-property: right; transition-timing-function: ease-out; } #floatingSocialShare a, #floatingSocialShare a:visited, #floatingSocialShare a:focus, #floatingSocialShare a:active, #floatingSocialShare a:hover { outline: 0 none !important; } #floatingSocialShare i { line-height: inherit; font-size: 24px; text-align: center; } #floatingSocialShare .top-left, #floatingSocialShare .top-right, #floatingSocialShare .content-left, #floatingSocialShare .content-right { position: fixed; top: 25%; transform: translateZ(0); -webkit-transform: translateZ(0); } #floatingSocialShare .top-left { left: 0; } #floatingSocialShare .top-right { right: 0; } #floatingSocialShare .content-left, #floatingSocialShare .content-right { margin: 0; } #floatingSocialShare .top-right { direction: rtl; } #floatingSocialShare .envelope { background-color: #726C6C; } #floatingSocialShare .facebook { background-color: #3b5998; } #floatingSocialShare .google-plus { background-color: #dd4b39; } #floatingSocialShare .linkedin { background-color: #007bb6; } #floatingSocialShare .odnoklassniki { background-color: #f6900b; } #floatingSocialShare .pinterest { background-color: #c92228; } #floatingSocialShare .reddit { background-color: #a9bacb; } #floatingSocialShare .stumbleupon { background-color: #eb4924; } #floatingSocialShare .telegram { background-color: #1E96C8; } #floatingSocialShare .tumblr { background-color: #36465d; } #floatingSocialShare .twitter { background-color: #00aced; } #floatingSocialShare .vk { background-color: #6383a8; } #floatingSocialShare .whatsapp { background-color: #00E676; } #floatingSocialShare .shareCount { position: absolute; bottom: 0; right: 0; left: 0; margin: auto; color: #ffffff; font-size:  10px; display:none; } .fa-facebook { margin-top:5px; } #floatingSocialShare .margin-top-5 { margin-top: 5px; } @media only screen and (min-device-width: 0px) and (max-width:961px) { #floatingSocialShare { margin-top: 50px; } #floatingSocialShare .top-left, #floatingSocialShare .top-right, #floatingSocialShare .content-left, #floatingSocialShare .content-right { top: auto; bottom: 0; margin: 0; right: 0; left: 0; width: 100%; z-index: 999; } #floatingSocialShare a { position: relative; float: left; display:list-item; list-style-type: none; } #floatingSocialShare a:focus, #floatingSocialShare a:hover { -moz-transition-property: none; -webkit-transition-property: none; -o-transition-property: none; transition-property: none; } }/* Darkbox */ [data-darkbox], [data-darkbox-group] { cursor: pointer; }  /* #darkbox (shows large images as bg-image) */ #darkbox { color:#fff; font: 14px/1.4 sans-serif; position: fixed; z-index: 999999; top: 24px; /* since we cannot use padding */ left: 24px; bottom: 24px; right: 24px; background: rgba(0, 0, 0, 0.8) none no-repeat 50% 50% / contain; box-shadow: 0 0 0 24px rgba(0, 0, 0, 0.8); -webkit-transition: 0.3s; transition: 0.3s; opacity: 0; visibility: hidden; } #darkbox.show { opacity: 1; visibility: visible; }  /* Hover action elements styles */ #darkbox a:hover { color: #0bf; border-color: #0bf; }  /*prev next buttons*/ #darkbox_prev, #darkbox_next { cursor: pointer; position: absolute; height: 30px; width: 30px; top: 50%; margin-top: -15px; border: 0px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: 0.3s; transition: 0.3s; } #darkbox_prev { left: -6px; border-width: 0 0 3px 3px; } #darkbox_next { right: -6px; border-width: 3px 3px 0 0; }  /* Description */ #darkbox_description { position: absolute; bottom: 24px; right: 24px; text-align: right; text-shadow: 0 1px 1px #000; }  /* Stats counter */ #darkbox_stats { position: absolute; left: 0; top: 0; }  /* Close button */ #darkbox_close { position: absolute; top: -8px; right: 0px; } #darkbox_close:after { position: absolute; right: 0; top: 0; font-size: 2.2em; content: "\2A2F"; cursor: pointer; }  /* Spinner */ #darkbox:before { content: ""; position: absolute; visibility: hidden; opacity: 0; left: 50%; top: 50%; margin: -25px; width: 50px; height: 50px; border-radius: 50%; box-shadow: inset -2px 0 0 2px #fff; -webkit-animation: darkboxRotate 1.5s linear infinite; animation: darkboxRotate 1.5s linear infinite; } #darkbox.spinner:before { visibility: visible; opacity: 1; } @-webkit-keyframes darkboxRotate { to { -webkit-transform: rotate(360deg); } } @keyframes darkboxRotate { to { transform: rotate(360deg); } }