div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} div.pp_default .pp_top .pp_left{background:url('vhs-assets-css-5249a23c8027a7a0bd5e69ca8b114312.png') -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url('vhs-assets-css-01983ad5c9e95d8763300ec5f326eaf5.png') top left repeat-x} div.pp_default .pp_top .pp_right{background:url('vhs-assets-css-5249a23c8027a7a0bd5e69ca8b114312.png') -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url('vhs-assets-css-ed53b4d438d7887f9730274cc5a00634.png') -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url('vhs-assets-css-ed53b4d438d7887f9730274cc5a00634.png') top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url('vhs-assets-css-9a6ab59a6ec171edf69240437b6c4446.png') center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url('vhs-assets-css-28bc2e13229961c747711d0f99137289.png') center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url('vhs-assets-css-5249a23c8027a7a0bd5e69ca8b114312.png') 0 -29px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_expand:hover{background:url('vhs-assets-css-5249a23c8027a7a0bd5e69ca8b114312.png') 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url('vhs-assets-css-5249a23c8027a7a0bd5e69ca8b114312.png') 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_contract:hover{background:url('vhs-assets-css-5249a23c8027a7a0bd5e69ca8b114312.png') 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{width:30px;height:30px;background:url('vhs-assets-css-5249a23c8027a7a0bd5e69ca8b114312.png') 2px 1px no-repeat;cursor:pointer} div.pp_default .pp_gallery ul li a{background:url('vhs-assets-css-e8d3971e1a973e6aa2b7081d01b629fa.png') center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_social{margin-top:7px} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url('vhs-assets-css-5249a23c8027a7a0bd5e69ca8b114312.png') -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url('vhs-assets-css-5249a23c8027a7a0bd5e69ca8b114312.png') -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0} div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative} div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px} div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url('vhs-assets-css-5249a23c8027a7a0bd5e69ca8b114312.png') -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url('vhs-assets-css-01983ad5c9e95d8763300ec5f326eaf5.png') bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url('vhs-assets-css-5249a23c8027a7a0bd5e69ca8b114312.png') -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url('vhs-assets-css-e6fff2dbf1203730ac1a0a49b8b8c5fb.gif') center center no-repeat} div.light_rounded .pp_top .pp_left{background:url('vhs-assets-css-06d3469baa5a8e2cbb7bb724e7640e14.png') -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url('vhs-assets-css-06d3469baa5a8e2cbb7bb724e7640e14.png') -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url('vhs-assets-css-16e7622848051ebd5ace6b54553452a1.png') center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url('vhs-assets-css-b816a3d7316c22eb12062ec22cd57333.png') center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url('vhs-assets-css-06d3469baa5a8e2cbb7bb724e7640e14.png') -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url('vhs-assets-css-06d3469baa5a8e2cbb7bb724e7640e14.png') -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url('vhs-assets-css-06d3469baa5a8e2cbb7bb724e7640e14.png') 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url('vhs-assets-css-06d3469baa5a8e2cbb7bb724e7640e14.png') 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{width:75px;height:22px;background:url('vhs-assets-css-06d3469baa5a8e2cbb7bb724e7640e14.png') -1px -1px no-repeat;cursor:pointer} div.light_rounded .pp_nav .pp_play{background:url('vhs-assets-css-06d3469baa5a8e2cbb7bb724e7640e14.png') -1px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_nav .pp_pause{background:url('vhs-assets-css-06d3469baa5a8e2cbb7bb724e7640e14.png') -24px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_arrow_previous{background:url('vhs-assets-css-06d3469baa5a8e2cbb7bb724e7640e14.png') 0 -71px no-repeat} div.light_rounded .pp_arrow_next{background:url('vhs-assets-css-06d3469baa5a8e2cbb7bb724e7640e14.png') -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url('vhs-assets-css-06d3469baa5a8e2cbb7bb724e7640e14.png') -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url('vhs-assets-css-06d3469baa5a8e2cbb7bb724e7640e14.png') -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url('vhs-assets-css-b212cb80c0624cdbdd4b5e9e1c384f42.png') -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url('vhs-assets-css-b212cb80c0624cdbdd4b5e9e1c384f42.png') -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url('vhs-assets-css-d5bdd0f8e476fe0aeba87888385ebb08.png') top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url('vhs-assets-css-d5bdd0f8e476fe0aeba87888385ebb08.png') top right repeat-y} div.dark_rounded .pp_next:hover{background:url('vhs-assets-css-547c27e1fa032ddf25830ad185e76b37.png') center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url('vhs-assets-css-61d425b6af8ee17407f7dda71e4e3a1f.png') center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url('vhs-assets-css-b212cb80c0624cdbdd4b5e9e1c384f42.png') -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url('vhs-assets-css-b212cb80c0624cdbdd4b5e9e1c384f42.png') -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url('vhs-assets-css-b212cb80c0624cdbdd4b5e9e1c384f42.png') 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url('vhs-assets-css-b212cb80c0624cdbdd4b5e9e1c384f42.png') 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{width:75px;height:22px;background:url('vhs-assets-css-b212cb80c0624cdbdd4b5e9e1c384f42.png') -1px -1px no-repeat;cursor:pointer} div.dark_rounded .pp_description{margin-right:85px;color:#fff} div.dark_rounded .pp_nav .pp_play{background:url('vhs-assets-css-b212cb80c0624cdbdd4b5e9e1c384f42.png') -1px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_nav .pp_pause{background:url('vhs-assets-css-b212cb80c0624cdbdd4b5e9e1c384f42.png') -24px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_arrow_previous{background:url('vhs-assets-css-b212cb80c0624cdbdd4b5e9e1c384f42.png') 0 -71px no-repeat} div.dark_rounded .pp_arrow_next{background:url('vhs-assets-css-b212cb80c0624cdbdd4b5e9e1c384f42.png') -22px -71px no-repeat} div.dark_rounded .pp_bottom .pp_left{background:url('vhs-assets-css-b212cb80c0624cdbdd4b5e9e1c384f42.png') -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url('vhs-assets-css-b212cb80c0624cdbdd4b5e9e1c384f42.png') -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url('vhs-assets-css-c57843e1cec4c0261d635c6e87f0d157.gif') center center no-repeat} div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} div.dark_square .pp_description{color:#fff;margin:0 85px 0 0} div.dark_square .pp_loaderIcon{background:url('vhs-assets-css-db0581d1c44c5f5d8a9a06a66b124672.gif') center center no-repeat} div.dark_square .pp_expand{background:url('vhs-assets-css-e8b3460720bebb18e46b2181e78a8cbc.png') -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url('vhs-assets-css-e8b3460720bebb18e46b2181e78a8cbc.png') -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url('vhs-assets-css-e8b3460720bebb18e46b2181e78a8cbc.png') 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url('vhs-assets-css-e8b3460720bebb18e46b2181e78a8cbc.png') 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{width:75px;height:22px;background:url('vhs-assets-css-e8b3460720bebb18e46b2181e78a8cbc.png') -1px -1px no-repeat;cursor:pointer} div.dark_square .pp_nav{clear:none} div.dark_square .pp_nav .pp_play{background:url('vhs-assets-css-e8b3460720bebb18e46b2181e78a8cbc.png') -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url('vhs-assets-css-e8b3460720bebb18e46b2181e78a8cbc.png') -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url('vhs-assets-css-e8b3460720bebb18e46b2181e78a8cbc.png') 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url('vhs-assets-css-e8b3460720bebb18e46b2181e78a8cbc.png') -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url('vhs-assets-css-816bc682519232770e5a0de6f8422581.png') center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url('vhs-assets-css-a16bb7fd2a8284a869b1409f6cf5bdfa.png') center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url('vhs-assets-css-d7ba215dcf99b120e735428c3da7318c.png') -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url('vhs-assets-css-d7ba215dcf99b120e735428c3da7318c.png') -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url('vhs-assets-css-d7ba215dcf99b120e735428c3da7318c.png') 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url('vhs-assets-css-d7ba215dcf99b120e735428c3da7318c.png') 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{width:75px;height:22px;background:url('vhs-assets-css-d7ba215dcf99b120e735428c3da7318c.png') -1px -1px no-repeat;cursor:pointer} div.light_square .pp_nav .pp_play{background:url('vhs-assets-css-d7ba215dcf99b120e735428c3da7318c.png') -1px -100px no-repeat;height:15px;width:14px} div.light_square .pp_nav .pp_pause{background:url('vhs-assets-css-d7ba215dcf99b120e735428c3da7318c.png') -24px -100px no-repeat;height:15px;width:14px} div.light_square .pp_arrow_previous{background:url('vhs-assets-css-d7ba215dcf99b120e735428c3da7318c.png') 0 -71px no-repeat} div.light_square .pp_arrow_next{background:url('vhs-assets-css-d7ba215dcf99b120e735428c3da7318c.png') -22px -71px no-repeat} div.light_square .pp_next:hover{background:url('vhs-assets-css-21e817e4244fbbba12d140dc3824f3b1.png') center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url('vhs-assets-css-0ce54501996ad8491b7113f9831eee07.png') center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url('vhs-assets-css-86ddfc90c9614c64c3476412b4d9e36d.png') -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url('vhs-assets-css-98707318010bf28214e512f20088b656.png') top left repeat-x} div.facebook .pp_top .pp_right{background:url('vhs-assets-css-86ddfc90c9614c64c3476412b4d9e36d.png') -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url('vhs-assets-css-f608c20dae35ec1220678a3c737385eb.png') top left repeat-y} div.facebook .pp_content_container .pp_right{background:url('vhs-assets-css-5ee9698f46d55c913698a6e504545537.png') top right repeat-y} div.facebook .pp_expand{background:url('vhs-assets-css-86ddfc90c9614c64c3476412b4d9e36d.png') -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url('vhs-assets-css-86ddfc90c9614c64c3476412b4d9e36d.png') -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url('vhs-assets-css-86ddfc90c9614c64c3476412b4d9e36d.png') 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url('vhs-assets-css-86ddfc90c9614c64c3476412b4d9e36d.png') 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{width:22px;height:22px;background:url('vhs-assets-css-86ddfc90c9614c64c3476412b4d9e36d.png') -1px -1px no-repeat;cursor:pointer} div.facebook .pp_description{margin:0 37px 0 0} div.facebook .pp_loaderIcon{background:url('vhs-assets-css-2878c8ab1415918e785a54a2e44504fb.gif') center center no-repeat} div.facebook .pp_arrow_previous{background:url('vhs-assets-css-86ddfc90c9614c64c3476412b4d9e36d.png') 0 -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} div.facebook .pp_arrow_next{background:url('vhs-assets-css-86ddfc90c9614c64c3476412b4d9e36d.png') -32px -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} div.facebook .pp_nav{margin-top:0} div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} div.facebook .pp_nav .pp_play{background:url('vhs-assets-css-86ddfc90c9614c64c3476412b4d9e36d.png') -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url('vhs-assets-css-86ddfc90c9614c64c3476412b4d9e36d.png') -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url('vhs-assets-css-46e1d9ff62f9c499d72a1d64d9b612dd.png') center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url('vhs-assets-css-59694b4f4690b4970a3d52301db868ef.png') center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url('vhs-assets-css-86ddfc90c9614c64c3476412b4d9e36d.png') -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url('vhs-assets-css-22eaa99dfac5b5b52f85cfaa464dccc7.png') top left repeat-x} div.facebook .pp_bottom .pp_right{background:url('vhs-assets-css-86ddfc90c9614c64c3476412b4d9e36d.png') -110px -80px no-repeat} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;white-space:nowrap;margin:2px 4px} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery li.default a{background:url('vhs-assets-css-39f5c0a37fcb08174b57df7d3e9f0e18.gif') 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url('vhs-assets-css-16e7622848051ebd5ace6b54553452a1.png') 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url('vhs-assets-css-16e7622848051ebd5ace6b54553452a1.png') 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url('vhs-assets-css-f0730464a4ce5bc1914e064c960eb684.gif') center center no-repeat} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url('vhs-assets-css-d5bdd0f8e476fe0aeba87888385ebb08.png') top left repeat} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none} .pp_gallery ul a img{width:50px !important;height:25px !important;max-width:50px !important;} /* * jQuery FlexSlider v2.2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets *********************************/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block; padding-right:40%} .flex-control-thumbs img {cursor:pointer;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {overflow:hidden; position: relative; z-index:2;} .flexslider.top_slider {min-height:564px; background-color:#505050;} .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* Direction Nav */ .flex-direction-nav li a { position:absolute; z-index:100; bottom:20px; display:block; width:34px; height:34px; text-align:center; line-height:30px; font-size:17px; color:#fff; border:1px solid #fff; border-radius:3px; opacity:0.5; } .flex-direction-nav li a:hover {border-color:#008da8; color:#008da8; opacity:1;} .flex-direction-nav li a.flex-prev {left:50%; margin-left:-37px;} .flex-direction-nav li a.flex-next {right:50%; margin-right:-37px;} /* Pause/Play */ .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; z-index:100; bottom: 19px; right:0; text-align:center;} .flex-control-nav li {margin: 0 3px 0 2px; display:inline-block;} .flex-control-paging li a {overflow:hidden; width:10px; height:10px; display: block; background: none; cursor: pointer; text-indent: -999px; font-size:0; border-radius:50%; border:1px solid #fff;} .flex-control-paging li a:hover { background: #fff;} .flex-control-paging li a.flex-active { background: #fff; cursor: default; } /* Caption */ .slide1 .flex_caption1 { position:absolute; z-index:30; left:0; top:50%; width:100%; color:#fff; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .slide1 .flex_caption1 .logo {float:none;} .slide1 .flex_caption1 .logo a { margin-bottom:39px; padding:66px 0 0; line-height:26px; font-size:36px; color:#fff !important; } .slide1 .flex_caption1 .logo a:before { left:50%; top:0; margin-left:-27px; width:55px; height:56px; } .slide1 .flex_caption1 .title1 {margin:0; line-height:28px; font-size:22px; color:#b2b2b2;} .slide1 .flex_caption1 .title2 {margin:0 0 39px; line-height:53px; font-size:44px; color:#fff;} .slide1 .flex_caption1 .slide_buttons .btn-left {border-radius:4px 0 0 4px;} .slide1 .flex_caption1 .slide_buttons .btn-right {border-radius:0 4px 4px 0;} .slide1 .flex_caption1 .slide_buttons span { position:relative; z-index:10; display:inline-block; vertical-align:top; width:36px; height:36px; margin:9px -22px 0; border-radius:50%; background-color:#fff; text-align:center; line-height:32px; color:#008da8; font-size:17px; } .slide2 .flex_caption1 { position:absolute; z-index:25; left:65px; bottom:31%; width:470px; } .slide2 .flex_caption1 .title1 {margin:0 0 4px; line-height:33px; font-size:33px; color:#fff;} .slide2 .flex_caption1 .title2 {margin:0; font-weight:700; line-height:65px; font-size:65px; color:#fff;} .slide2 .flex_caption1 .title2 span {font-weight:400; font-size:44px;} .slide2 .flex_caption1 .title3 {margin:0 0 5px; line-height:28px; font-size:22px; color:#b2b2b2;} .slide2 .flex_caption2 { position:absolute; z-index:25; right:213px; top:116px; width:268px; height:267px; font-style:italic; font-size:16px; color:rgb(255,255,255,0.57); background-image: url('vhs-assets-css-958d060b4a6675db4e88d453b02fe452.png'); background-repeat: no-repeat; background-size: 100% auto; -webkit-background-size: 100% auto; } .slide2 .flex_caption2 .title1 {position:absolute; left:-66px; top:-55px; width:160px; margin:0;} .slide2 .flex_caption2 .title2 {position:absolute; left:100%; top:117px; width:160px; margin:0 0 0 43px;} .slide2 .flex_caption2 .title3 {position:absolute; left:100%; bottom:-65px; width:160px; margin:0 0 0 -37px;} .slide2 .flex_caption2 .title4 {position:absolute; left:-88px; bottom:-49px; width:160px; margin:0;} .slide2 .flex_caption2 .title5 {position:absolute; left:-226px; top:87px; width:160px; margin:0;} .slide2 .flex_caption2 .title1:before, .slide2 .flex_caption2 .title2:before, .slide2 .flex_caption2 .title3:before, .slide2 .flex_caption2 .title4:before, .slide2 .flex_caption2 .title5:before { content:''; position:absolute; width:60px; height:60px; background-repeat:no-repeat; background-size:100% auto; -webkit-background-size:100% auto; } .slide2 .flex_caption2 .title1:before {left:100%; top:-10px; margin:0 0 0 -6px; background-image:url('vhs-assets-css-5c0dadaeb6721461b47f449f15b8c93a.png');} .slide2 .flex_caption2 .title2:before {left:-34px; top:-80px; margin:0; background-image:url('vhs-assets-css-12bdc6d2ed2a9904903164e87d47fbf0.png');} .slide2 .flex_caption2 .title3:before {left:-19px; top:-70px; margin:0; background-image:url('vhs-assets-css-c9fd0fdda23f3cc15d2c5258b1c4813e.png');} .slide2 .flex_caption2 .title4:before {left:59px; top:-67px; margin:0; background-image:url('vhs-assets-css-d7a0213c890695b2496409cd0207b955.png');} .slide2 .flex_caption2 .title5:before {left:100%; top:-26px; margin:0 0 0 -4px; background-image:url('vhs-assets-css-00d8c3c5143ece9202ffd37ca0128172.png');} /* Content Slide */ .content_slider {min-height:272px;} .content_slider .flex-direction-nav li a {border:0; width:20px;} .content_slider .flex-direction-nav li a.flex-prev {margin:0; left:auto; right:52px;} .content_slider .flex-direction-nav li a.flex-next {margin:0; left:auto; right:30px;} .content_slider .flex-direction-nav li a:hover {color:#fff;} .content_slider .content_caption1 { position:absolute; z-index:30; top:0; right:0; bottom:0; width:40%; padding:39px 45px 63px 30px; color:#fff; background-color: rgba(20,86,156,1); } .content_slider .content_caption1 p {margin:0 0 30px; line-height:38px; font-size:34px;} .content_slider .content_caption1 p + span{font-size:1.3em; font-weight:300; line-height:1.7em; display:block} .content_slider .content_caption1 p b {font-weight:600;} .content_slider .content_caption2 { position:absolute; z-index:25; left:0; top:0; width:100%; height:100%; background-image:url('vhs-assets-css-ee8b85a78fd3834cd6a14d9227081c0f.png'); background-repeat:no-repeat; background-size:cover; } .content_slider .content_caption3 { position:absolute; z-index:25; left:0; top:0; width:100%; height:100%; background-image:url('vhs-assets-css-85e4f4525222d4a21365f3298f9f1ad9.png'); background-repeat:no-repeat; background-size:cover; } .content_slider .content_caption4 { position:absolute; z-index:29; left:345px; bottom:62px; width:230px; font-style:italic; line-height:27px; font-size:18px; color:#fff; } /* Flex Caption Effect */ .FadeIn, .FromTop, .FromRight, .FromBottom, .FromLeft {opacity: 0; transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out;} .captionDelay1 {transition-delay: 0.1s; -webkit-transition-delay: 0.1s;} .captionDelay2 {transition-delay: 0.2s; -webkit-transition-delay: 0.2s;} .captionDelay3 {transition-delay: 0.3s; -webkit-transition-delay: 0.3s;} .captionDelay4 {transition-delay: 0.4s; -webkit-transition-delay: 0.4s;} .captionDelay5 {transition-delay: 0.5s; -webkit-transition-delay: 0.5s;} .captionDelay6 {transition-delay: 0.6s; -webkit-transition-delay: 0.6s;} .captionDelay7 {transition-delay: 0.7s; -webkit-transition-delay: 0.7s;} .captionDelay8 {transition-delay: 0.8s; -webkit-transition-delay: 0.8s;} .captionDelay9 {transition-delay: 0.9s; -webkit-transition-delay: 0.9s;} .captionDelay10 {transition-delay: 1s; -webkit-transition-delay: 1s;} .captionDelay11{transition-delay: 1.1s; -webkit-transition-delay: 1.1s;} .captionDelay12 {transition-delay: 1.2s; -webkit-transition-delay: 1.2s;} .flexslider li.flex-active-slide .FadeIn {opacity: 1;} .flexslider li .FromTop {transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%);} .flexslider li.flex-active-slide .FromTop {opacity: 1; transform: translateY(0); -o-transform: translateY(0%); -ms-transform: translateY(0); -webkit-transform: translateY(0);} .flexslider li .FromBottom {transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); -webkit-transform: translateY(100%);} .flexslider li.flex-active-slide .FromBottom {opacity: 1; transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0);} .flexslider li .FromLeft {transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%);} .flexslider li.flex-active-slide .FromLeft {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0);} .flexslider li .FromRight {transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%);} .flexslider li.flex-active-slide .FromRight {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0);} /* Products Slide */ .type1 .flexslider#slider1 {float:right; padding-left:170px;} .ie .type1 #slider1.flexslider {float:none;} .type1 .flexslider#carousel1 {position:absolute; top:0; left:15px; bottom:0; width:140px; height:100%;} .type1 #carousel1 .slides li {float:none !important; width:140px;} .type1 #carousel1 .slides li img {margin-bottom:30px;} .type1 #carousel1 .flex-viewport {height:625px !important;} /* Latest Apps Slider */ .latestapps_slider.flexslider {overflow:visible;} .latestapps_slider.flexslider .slides li {margin-right:30px;} .latestapps_slider .flex-control-nav {display:block !important; width:100%; top:-17px; right:0; bottom:auto; text-align:right;} .latestapps_slider .flex-control-nav li {display:inline-block;margin:0 1px 0 5px; vertical-align:top;} .latestapps_slider .flex-control-nav li a {width:19px; height:6px; margin:0; background:#e3e3e3; background:rgba(192,108,132,0.16);} .latestapps_slider .flex-control-nav li a.flex-active {background:#4fb4e7;} .latestapps_slider .flex-viewport {padding-top:27px; margin-top:-27px;} /* Products Slide Type2 */ #slider2 {background-color:#f5f5f5; margin-bottom:10px;} #carousel2 .slides li { overflow:hidden; margin-right:10px; width:103px; height:109px; } #carousel2 img { width:81px; height:auto; margin:0 auto; } /* Blog Slider */ .blog_slider.flexslider {overflow:visible;} .blog_slider .flex-control-nav {display:block !important; width:100%; top:-17px; right:0; bottom:auto; text-align:right;} .blog_slider .flex-control-nav li {display:inline-block;margin:0 1px 0 5px; vertical-align:top;} .blog_slider .flex-control-nav li a {width:19px; height:6px; margin:0; background:#e3e3e3; background:rgba(192,108,132,0.16);} .blog_slider .flex-control-nav li a.flex-active {background:#4fb4e7;} .blog_slider .flex-viewport {padding-top:27px; margin-top:-27px;} /* Testimonials Slider */ .testimonials_slider .flex-direction-nav {bottom:50%; right:0; margin-bottom:-17px; height:35px;} .testimonials_slider .flex-direction-nav li a {position:absolute; z-index:10; top:0; background-color:#ddd;} .testimonials_slider .flex-direction-nav li a:hover {background-color:#333;} .testimonials_slider .flex-direction-nav li a.flex-prev {left:0;} .testimonials_slider .flex-direction-nav li a.flex-next {right:0;} /* Responsive Styles */ @media (min-width: 992px) and (max-width: 1199px) { /* Product Slide */ .type1 #slider1.flexslider {padding-left:142px;} .type1 #carousel1 .flex-viewport {height:505px !Important;} .type1 #carousel1 .slides li {width:110px;} /* Top Slider */ .flexslider.top_slider {min-height:467px;} .slide2 .flex_caption1 {left:30px;} .slide2 .flex_caption1 .title1 {font-size:28px; line-height:28px;} .slide2 .flex_caption1 .title2 {font-size:60px; line-height:65px;} .slide2 .flex_caption1 .title2 span {font-size:39px;} .slide2 .flex_caption1 .title3 {font-size:17px; line-height:20px;} .slide2 .flex_caption2 {width:200px; height:200px; font-size:14px;} .slide2 .flex_caption2 .title1, .slide2 .flex_caption2 .title2, .slide2 .flex_caption2 .title3, .slide2 .flex_caption2 .title4, .slide2 .flex_caption2 .title5 {width:140px;} .slide2 .flex_caption2 .title1:before, .slide2 .flex_caption2 .title2:before, .slide2 .flex_caption2 .title3:before, .slide2 .flex_caption2 .title4:before, .slide2 .flex_caption2 .title5:before {width:45px; height:45px;} /* Content Slider */ .content_slider {min-height:225px;} .content_slider .content_caption1 {padding:20px 20px 40px 20px;} .content_slider .content_caption1 p {line-height:24px; font-size:24px;} .content_slider .content_caption4 {left:260px;} } @media (min-width: 768px) and (max-width: 991px) { /* Product Slide */ .type1 #slider1.flexslider {padding-left:101px;} .type1 #carousel1 .flex-viewport {height:389px !Important;} .type1 #carousel1.flexslider {width:93px;} .type1 #carousel1 .slides li {width:92px;} .type1 #carousel1 .slides li img {margin-bottom:10px;} /* Top Slider */ .flexslider.top_slider {min-height:360px;} .slide1 .flex_caption1 .logo a {font-size:28px; padding-top:46px; margin-bottom:20px;} .slide1 .flex_caption1 .logo a:before {width:40px; height:40px; margin-left:-20px;} .slide1 .flex_caption1 .title1 {font-size:17px; line-height:20px;} .slide1 .flex_caption1 .title2 {font-size:34px; line-height:34px; margin:0 0 20px;} .slide2 .flex_caption1 {left:30px;} .slide2 .flex_caption1 .title1 {font-size:22px; line-height:22px;} .slide2 .flex_caption1 .title2 {font-size:32px; line-height:32px;} .slide2 .flex_caption1 .title2 span {font-size:22px;} .slide2 .flex_caption1 .title3 {font-size:15px; line-height:17px;} .slide2 .flex_caption2 {right:130px; top:80px; width:150px; height:150px; font-size:13px;} .slide2 .flex_caption2 .title1, .slide2 .flex_caption2 .title2, .slide2 .flex_caption2 .title3, .slide2 .flex_caption2 .title4, .slide2 .flex_caption2 .title5 {width:140px;} .slide2 .flex_caption2 .title1:before, .slide2 .flex_caption2 .title2:before, .slide2 .flex_caption2 .title3:before, .slide2 .flex_caption2 .title4:before, .slide2 .flex_caption2 .title5:before {width:45px; height:45px;} .slide2 .flex_caption2 .title1 {top:-35px;} .slide2 .flex_caption2 .title2 {top:90px; margin:0;} .slide2 .flex_caption2 .title2:before {top:-45px; left:0;} .slide2 .flex_caption2 .title3 {bottom:-40px;} .slide2 .flex_caption2 .title3:before {top:-40px; left:0;} .slide2 .flex_caption2 .title4 {bottom:-30px;} .slide2 .flex_caption2 .title4:before {top:-45px;} .slide2 .flex_caption2 .title5 {left:-135px;} .slide2 .flex_caption2 .title5:before {left:90px; top:-55px;} /* Content Slider */ .content_slider {min-height:174px;} .content_slider .flex-direction-nav li a.flex-prev {right:220px;} .content_slider .flex-direction-nav li a.flex-next {right:195px;} .content_slider .content_caption1 {width:270px;} .content_slider .content_caption1 p {line-height:24px; font-size:24px;} .content_slider .content_caption1 span {display:none;} .content_slider .content_caption4 {left:205px; bottom:25px; font-size:14px;} } @media (max-width: 767px) { /* Product Slide */ .type1 .product_item_details {width:420px !important;} .type1 #slider1.flexslider {padding-left:110px;} .type1 #carousel1 .flex-viewport {height:416px !Important;} .type1 #carousel1.flexslider {width:100px;} .type1 #carousel1 .slides li {width:100px;} .type1 #carousel1 .slides li img {margin-bottom:10px;} /* Top Slider */ .flexslider.top_slider {min-height:230px;} .slide1 .flex_caption1 .logo a {font-size:24px; padding-top:36px; margin-bottom:10px;} .slide1 .flex_caption1 .logo a:before {width:30px; height:30px; margin-left:-15px;} .slide1 .flex_caption1 .title1 {display:none;} .slide1 .flex_caption1 .title2 {display:none;} .slide1 .flex_caption1 .slide_buttons .btn {font-size:12px; padding:7px 20px;} .slide1 .flex_caption1 .slide_buttons span {width:21px; height:21px; margin:9px -15px 0; font-size:11px; line-height:19px;} .slide2 .flex_caption1 {left:30px; width:440px;} .slide2 .flex_caption1 .title1 {font-size:27px; line-height:27px;} .slide2 .flex_caption1 .title2 {font-size:37px; line-height:37px;} .slide2 .flex_caption1 .title2 span {font-size:27px;} .slide2 .flex_caption1 .title3 {font-size:20px; line-height:22px;} .slide2 .flex_caption2 {display:none;} /* Content Slider */ .content_slider {min-height:112px;} .content_slider .flex-direction-nav li a.flex-prev {right:180px;} .content_slider .flex-direction-nav li a.flex-next {right:155px;} .content_slider .content_caption1 {width:220px; padding:10px 20px;} .content_slider .content_caption1 p {line-height:22px; font-size:20px;} .content_slider .content_caption1 span {display:none;} .content_slider .content_caption4 {left:130px; width:110px; bottom:25px; font-size:14px; line-height:17px;} } @media (max-width: 479px) { /* Product Slide */ .type1 .product_item_details {width:260px !important;} .type1 #slider1.flexslider {padding-left:68px;} .type1 #carousel1 .flex-viewport {height:258px !Important;} .type1 #carousel1.flexslider {width:59px;} .type1 #carousel1 .slides li {width:59px;} .type1 #carousel1 .slides li img {margin-bottom:10px;} /* Related Production */ .latestapps_slider .flex-control-nav {top:12px;} /* Top Slider */ .flexslider.top_slider {min-height:154px;} .slide2 .flex_caption1 .title1 {font-size:22px; line-height:22px;} .slide2 .flex_caption1 .title2 {font-size:32px; line-height:32px;} .slide2 .flex_caption1 .title2 span {font-size:22px;} .slide2 .flex_caption1 .title3 {font-size:15px; line-height:27px;} /* Content Slider */ .content_slider {min-height:75px;} .content_slider .flex-direction-nav li a {bottom:-5px;} .content_slider .flex-direction-nav li a.flex-next {right:60px;} .content_slider .flex-direction-nav li a.flex-prev {right:80px;} .content_slider .content_caption1 {width:120px;} .content_slider .content_caption1 p {font-size:11px; line-height:15px;} .content_slider .content_caption4 {width:65px; bottom:10px; left:85px; font-size:10px; line-height:15px;} } .animated { opacity: 0; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 5s; -moz-animation-duration: 5s; -o-animation-duration: 5s; animation-duration: 5s; } /*===================================================================================*/ /* pulse */ /*===================================================================================*/ @-webkit-keyframes pulse { 0% {-webkit-transform: scale(1);} 50% {-webkit-transform: scale(1.1);} 100% {-webkit-transform: scale(1);} } @-moz-keyframes pulse { 0% {-moz-transform: scale(1);} 50% {-moz-transform: scale(1.1);} 100% {-moz-transform: scale(1);} } @-o-keyframes pulse { 0% {-o-transform: scale(1);} 50% {-o-transform: scale(1.1);} 100% {-o-transform: scale(1);} } @keyframes pulse { 0% { transform: scale(1);} 50% { transform: scale(1.1);} 100% { transform: scale(1);} } .animated.pulse { opacity: 1; -webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; } /*===================================================================================*/ /* flipInX */ /*===================================================================================*/ @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-moz-keyframes flipInX { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateX(-10deg); } 70% { -moz-transform: perspective(400px) rotateX(10deg); } 100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-o-keyframes flipInX { 0% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateX(-10deg); } 70% { -o-transform: perspective(400px) rotateX(10deg); } 100% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } .animated.flipInX { opacity: 1; -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; -moz-animation-name: flipInX; -o-animation-name: flipInX; animation-name: flipInX; } /*===================================================================================*/ /* fadeIn */ /*===================================================================================*/ @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } .animated.fadeIn { opacity: 1; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } /*===================================================================================*/ /* fadeInUp */ /*===================================================================================*/ @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .animated.fadeInUp { opacity: 1; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } /*===================================================================================*/ /* fadeInDown */ /*===================================================================================*/ @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .animated.fadeInDown { opacity: 1; -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } /*===================================================================================*/ /* fadeInLeft */ /*===================================================================================*/ @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-100px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-100px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-100px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-100px); } 100% { opacity: 1; transform: translateX(0); } } .animated.fadeInLeft { opacity: 1; -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } /*===================================================================================*/ /* fadeInRight */ /*===================================================================================*/ @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(100px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(100px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(100px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(100px); } 100% { opacity: 1; transform: translateX(0); } } .animated.fadeInRight { opacity: 1; -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } /*===================================================================================*/ /* fadeInUpBig */ /*===================================================================================*/ @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUpBig { 0% { opacity: 0; -moz-transform: translateY(2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUpBig { 0% { opacity: 0; -o-transform: translateY(2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .animated.fadeInUpBig { opacity: 1; -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } /*===================================================================================*/ /* fadeInDownBig */ /*===================================================================================*/ @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDownBig { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .animated.fadeInDownBig { opacity: 1; -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } /*===================================================================================*/ /* fadeInLeftBig */ /*===================================================================================*/ @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeftBig { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .animated.fadeInLeftBig { opacity: 1; -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } /*===================================================================================*/ /* fadeInRightBig */ /*===================================================================================*/ @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRightBig { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .animated.fadeInRightBig { opacity: 1; -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } /*===================================================================================*/ /* bounceIn */ /*===================================================================================*/ @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(.9); } 100% { -moz-transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(.9); } 100% { -o-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(.9); } 100% { transform: scale(1); } } .animated.bounceIn { opacity: 1; -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } /*===================================================================================*/ /* bounceInUp */ /*===================================================================================*/ @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: translateY(2000px); } 60% { opacity: 1; -moz-transform: translateY(-30px); } 80% { -moz-transform: translateY(10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInUp { 0% { opacity: 0; -o-transform: translateY(2000px); } 60% { opacity: 1; -o-transform: translateY(-30px); } 80% { -o-transform: translateY(10px); } 100% { -o-transform: translateY(0); } } @-ms-keyframes bounceInUp { 0% { opacity: 0; -ms-transform: translateY(2000px); } 60% { opacity: 1; -ms-transform: translateY(-30px); } 80% { -ms-transform: translateY(10px); } 100% { -ms-transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); } } .animated.bounceInUp { opacity: 1; -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; } /*===================================================================================*/ /* bounceInDown */ /*===================================================================================*/ @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 60% { opacity: 1; -moz-transform: translateY(30px); } 80% { -moz-transform: translateY(-10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 60% { opacity: 1; -o-transform: translateY(30px); } 80% { -o-transform: translateY(-10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .animated.bounceInDown { opacity: 1; -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } /*===================================================================================*/ /* bounceInLeft */ /*===================================================================================*/ @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 60% { opacity: 1; -moz-transform: translateX(30px); } 80% { -moz-transform: translateX(-10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 60% { opacity: 1; -o-transform: translateX(30px); } 80% { -o-transform: translateX(-10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); } } .animated.bounceInLeft { opacity: 1; -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; } /*===================================================================================*/ /* bounceInRight */ /*===================================================================================*/ @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 60% { opacity: 1; -moz-transform: translateX(-30px); } 80% { -moz-transform: translateX(10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 60% { opacity: 1; -o-transform: translateX(-30px); } 80% { -o-transform: translateX(10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } } .animated.bounceInRight { opacity: 1; -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; } /*===================================================================================*/ /* rotateInUpLeft */ /*===================================================================================*/ @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .animated.rotateInUpLeft { opacity: 1; -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } /*===================================================================================*/ /* rotateInDownLeft */ /*===================================================================================*/ @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .animated.rotateInDownLeft { opacity: 1; -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } /*===================================================================================*/ /* rotateInUpRight */ /*===================================================================================*/ @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .animated.rotateInUpRight { opacity: 1; -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } /*===================================================================================*/ /* rotateInDownRight */ /*===================================================================================*/ @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .animated.rotateInDownRight { opacity: 1; -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } /*===================================================================================*/ /* lightSpeedRight */ /*===================================================================================*/ @-webkit-keyframes lightSpeedRight { 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-moz-keyframes lightSpeedRight { 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-o-keyframes lightSpeedRight { 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedRight { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } .animated.lightSpeedRight { opacity: 1; -webkit-animation-name: lightSpeedRight; -moz-animation-name: lightSpeedRight; -o-animation-name: lightSpeedRight; animation-name: lightSpeedRight; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } .animated.lightSpeedRight { opacity: 1; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; } /*===================================================================================*/ /* lightSpeedLeft */ /*===================================================================================*/ @-webkit-keyframes lightSpeedLeft { 0% { -webkit-transform: translateX(-100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-moz-keyframes lightSpeedLeft { 0% { -moz-transform: translateX(-100%) skewX(-30deg); opacity: 0; } 60% { -moz-transform: translateX(20%) skewX(30deg); opacity: 1; } 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-o-keyframes lightSpeedLeft { 0% { -o-transform: translateX(-100%) skewX(-30deg); opacity: 0; } 60% { -o-transform: translateX(20%) skewX(30deg); opacity: 1; } 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedLeft { 0% { transform: translateX(-100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } .animated.lightSpeedLeft { opacity: 1; -webkit-animation-name: lightSpeedLeft; -moz-animation-name: lightSpeedLeft; -o-animation-name: lightSpeedLeft; animation-name: lightSpeedLeft; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } .animated.lightSpeedLeft { opacity: 1; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; } /*===================================================================================*/ /* rollin */ /*===================================================================================*/ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } } @-moz-keyframes rollIn { 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } } @-o-keyframes rollIn { 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .animated.rollIn { opacity: 1; -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn; } @font-face{font-family:'FontAwesome';src:url('//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.eot?v=4.2.0');src:url('//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),url('//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.shariff::after,.shariff::before{content:" ";display:table}.shariff::after{clear:both}.shariff ul{padding:0;margin:0}.shariff li{height:30px;display:inline-block;margin-right:14px;overflow:hidden;width:120px}.shariff li:last-child{margin-right:0}.shariff li a{font-family:Arial,Helvetica,sans-serif;color:#fff;position:relative;display:block;padding-left:34px;padding-right:5px;font-size:12px;line-height:31px;text-decoration:none}.shariff li.shariff-button a::before{position:absolute;left:5px;font-family:FontAwesome;font-weight:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shariff li.facebook a{padding-left:24px;background-color:#3b5998}.shariff li.facebook a:hover{background-color:#4273c8}.shariff li.facebook a::before{content:"\f09a";font-size:17px}.shariff li.facebook .share_count{color:#183a75;background-color:#99adcf}.shariff li.whatsapp a{padding-left:24px;background-color:#5cbe4a}.shariff li.whatsapp a:hover{background-color:#34af23}.shariff li.twitter a{background-color:#55acee}.shariff li.twitter a:hover{background-color:#32bbf5}.shariff li.twitter a::before{content:"\f099";font-size:24px}.shariff li.twitter .share_count{color:#0174a4;background-color:#96D4EE}.shariff li.googleplus a{background-color:#d34836}.shariff li.googleplus a:hover{background-color:#f75b44}.shariff li.googleplus a::before{content:"\f0d5";font-size:17px;top:1px}.shariff li.googleplus .share_count{color:#a31601;background-color:#eda79d}.shariff li.mail a{background-color:#999}.shariff li.mail a:hover{background-color:#a8a8a8}.shariff li.mail a::before{content:"\f0e0";font-size:18px}.shariff li.info{width:23px;height:28px;border:1px solid #ccc}.shariff li.info a{padding:0}.shariff li.info a::before{content:"\f129";font-size:16px;left:9px;color:#666}.shariff li.info a:hover{background-color:#efefef}.shariff li.info .share_text{display:block;text-indent:-9999px}.shariff li .share_count{padding:0 8px;height:28px;position:absolute;top:1px;right:1px;line-height:30px}.shariff .theme-grey .twitter a,.shariff .theme-grey .facebook a,.shariff .theme-grey .googleplus a,.shariff .theme-grey .mail a{background-color:#b0b0b0}.shariff .theme-grey .twitter .share_count,.shariff .theme-grey .facebook .share_count,.shariff .theme-grey .googleplus .share_count,.shariff .theme-grey .mail .share_count{background-color:#ccc;color:#333}.shariff .theme-grey .twitter a:hover{background-color:#55acee}.shariff .theme-grey .facebook a:hover{background-color:#3b5998}.shariff .theme-grey .googleplus a:hover{background-color:#d34836}.shariff .theme-grey .send_by_email a:hover{background-color:#999}.shariff .theme-white .shariff-button{border:1px solid #ddd}.shariff .theme-white .shariff-button a{background-color:#fff}.shariff .theme-white .shariff-button a:hover{background-color:#eee}.shariff .theme-white .shariff-button .share_count{background-color:#fff;color:#999}.shariff .theme-white .twitter a{color:#55acee}.shariff .theme-white .facebook a{color:#3b5998}.shariff .theme-white .googleplus a{color:#d34836}.shariff .theme-white .mail a{color:#999}.shariff .theme-white .info{height:30px}.shariff .orientation-vertical li{display:block;margin:5px 0}.shariff .orientation-vertical li .share_count{width:24px;text-align:right}.shariff .orientation-vertical li.facebook a{padding-left:34px}.shariff .orientation-vertical li.info{margin-left:95px} /*-----------------------------------------------------------------------------------*/ /* GENERAL STYLING /*-----------------------------------------------------------------------------------*/ body { overflow-x:hidden; position:relative; margin: 0; padding:0; font-family: 'Open Sans', sans-serif; font-weight:400; font-size: 13px; line-height: 20px; color: #666; } a, input, select, textarea { vertical-align:top; outline:none !important; -webkit-appearance: none; -webkit-border-radius: 0; } textarea { resize: none; } img { outline:0; vertical-align:top; border:0; max-width:100.1%; height:auto; } a { color:#505050; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } a:hover, a:focus { text-decoration:none; color:#1c569c; } ul { padding:0; margin:0; } li { padding:0; margin:0; list-style:none; } p {margin:0 0 20px;} h1, h2, h3, h4, h5, h6 { margin-top:0; font-family: 'Open Sans', sans-serif; text-transform:none; font-weight:400; color:#505050; } h1 { margin:0 0 20px; line-height:43px; font-size:51px; } h2 { margin:0 0 25px; line-height:24px; font-size:23px; } h3 { margin:0 0 15px; line-height:23px; font-size:19px; } h4 { margin:0 0 15px; line-height:20px; font-size:17px; } h5 { line-height:20px; font-size:15px; } h6 { line-height:20px; font-size:14px; } ::selection { background: #1c569c; color:#fff; } ::-moz-selection { background: #1c569c; /* Firefox */ color:#fff; } .color_text {color:#1c569c;} .color_dark {color:#505050;} .color_light {color:#979797;} .color_white {color:#fff;} .color_bg1 {background:#1c569c;} .color_bg2 {background:#1c569c;} .color_bg3 {background:#505050;} .margbot0 {margin-bottom:0;} .margbot5 {margin-bottom:5px !important;} .margbot10 {margin-bottom:10px;} .margbot20 {margin-bottom:20px;} .margbot25 {margin-bottom:25px;} .margbot30 {margin-bottom:30px;} .margbot40 {margin-bottom:40px;} .margbot50 {margin-bottom:50px;} .margbot60 {margin-bottom:60px;} .margbot65 {margin-bottom:65px;} .margbot70 {margin-bottom:70px;} .pad0 {padding:0;} .padbot0 {padding-bottom:0;} .padbot10 {padding-bottom:10px;} .padbot20 {padding-bottom:20px;} .padbot30 {padding-bottom:30px;} .padbot40 {padding-bottom:40px;} .padbot45 {padding-bottom:45px;} .padbot50 {padding-bottom:50px;} .padbot60 {padding-bottom:60px;} .padbot70 {padding-bottom:70px;} .padbot80 {padding-bottom:80px;} .padtop0 {padding-top:0;} .padtop50 {padding-top:50px;} #page { background-image: url('vhs-assets-css-6309334fc819c04a865aba93d87d5f70.jpg'); background-attachment: fixed; background-size: cover; background-repeat: no-repeat; } .page_block {opacity:0;} #preloader {position:fixed; left:50%; top:50%; width:40px; height:40px; margin:-20px 0 0 -20px; display:none;} section {padding-bottom: 70px; } .clear { clear:both; height:0; font-size:0; } .full_width { position:relative; margin-left:-30px; margin-right:-30px; } .overlay { position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background-color: rgba(92,175,145,0.35); } .relative_block {position:relative; z-index:5;} .center {text-align:center;} .right {text-align:right;} .left {text-align:left;} .page_block { overflow-x:hidden; background-color:#fff; box-shadow: 0 0 10px rgba(0,0,0,0.3); } .wrapper { padding-left: 15px; padding-right: 15px; } /* __________ Buttons __________ */ .btn { position:relative; margin: 0; padding: 6px 25px 7px; border:2px solid #1c569c !Important; border-radius: 4px; box-shadow: none !Important; text-transform:none; font-weight: 400; line-height: 20px; font-size: 14px; color:#1c569c !important; text-shadow: none; background: none !important; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .btn span {padding-left:8px;} .content_slider .btn {background:#FFF !important; margin-top:20px; text-transform:uppercase; font-weight:600; display:inline-block} /* colors */ .btn-white {color:#fff !important; border-color:#fff !important;} .btn-light {color:#aeaeae !important; border-color:#aeaeae !important;} .btn-dark {color:#000 !important; border-color:#000 !important;} .btn-active {color:#fff !important; border-color:#1c569c !important; background-color:#1c569c !important;} .btn-primary {color:#428bca !important; border-color:#428bca !important;} .btn-success {color:#5cb85c !important; border-color:#5cb85c !important;} .btn-info {color:#46b8da !important; border-color:#46b8da !important;} .btn-warning {color:#eea236 !important; border-color:#eea236 !important;} .btn-danger {color:#d9534f !important; border-color:#d9534f !important;} /* Size */ .btn-lg {padding: 14px 40px; font-size:16px; border-width:2px !important;} .btn-sm {padding: 7px 30px; font-size:12px; border-width:1px !important;} .btn-xs {padding: 3px 15px; font-size:11px; border-width:1px !important;} /* IE fix */ .ie .btn, .ie .btn-default {filter:none !important;} /* _________ //Buttons _________ */ /*-----------------------------------------------------------------------------------*/ /* HEADER /*-----------------------------------------------------------------------------------*/ /* __________ Top Line __________ */ .top_line { margin:0 -30px; padding:7px 30px 9px; background-color:#1c569c; } .top_line .top_phone { padding-top:2px; font-size:15px; color:#979797; } .top_line .top_phone span { display:inline-block; padding-left:11px; } /* __________ Logo __________ */ .logo {float:left;} .logo a { position:relative; display:block; padding-left:79px; text-transform:none; font-weight:400; line-height:66px; font-size:28px; color:#333 !Important; } .logo a:before { content:''; position:absolute; left:0; top:0; width:65px; height:72px; background-image:url('vhs-assets-css-2874f7919f95bf53e813141dc70af686.png'); background-repeat:no-repeat; background-size:100% auto; -webkit-background-size:100% auto; } /* __________ Socials __________ */ .social li { overflow:hidden; display:inline-block; vertical-align:top; margin:0 0 0 15px; } .social li a { display:block; margin:0; width:23px; height:23px; border-radius:50%; background-color:#f2f2f2; background-repeat: no-repeat; background-image: url('vhs-assets-css-a2031e1226d679f13c7a94594f130af8.png'); transition: background-color 0.3s ease-in-out; -webkit-transition: background-color 0.3s ease-in-out; } .social li a:hover {background-color:#fff;} .social li.icon1 a {background-position: 0 0;} .social li.icon2 a {background-position: -32px 0;} .social li.icon3 a {background-position: -63px 0;} .social li.icon4 a {background-position: -94px 0;} .social li.icon5 a {background-position: -125px 0;} .social li.icon6 a {background-position: -156px 0;} .team_block .social {padding-top:10px;} .team_block .social li a {margin:4px 0 0; background-color:#ddd;} .team_block .social li a:hover {background-color:#979797;} footer .social li {margin:0 7px 0 0;} /*-----------------------------------------------------------------------------------*/ /* MENU /*-----------------------------------------------------------------------------------*/ .menu_block { position:relative; z-index:100; margin:0 -30px; padding:26px 30px 27px; background-color:#fff; } .is-sticky .menu_block { z-index:9000; left:50%; width:1170px; margin-left:-585px; box-shadow:0 2px 0 rgba(0,0,0,0.1); } .navbar-collapse {float:none; padding-right:0; padding-left:0; border:0; box-shadow:none;} .navbar-nav {float:none;} .navbar-nav li { float:none; display:inline-block; margin:0 0 0 -3px; text-align:center; } .navbar-nav li a { display:block; margin:21px 0 0 20px; padding:4px 12px 5px; text-transform:none; font-weight:600; line-height:20px; font-size:15px; color:#979797; text-shadow: none; border-radius:4px; border:1px solid #fff; transition: none; -webkit-transition: none; } .navbar-nav li.sub-menu:hover a { border-radius:4px 4px 0 0; position:relative; } .navbar-nav li.sub-menu.sfHover a:before { content:''; position:absolute; z-index:9999; left:0; bottom:-2px; width:100%; height:2px; background-color:#fff; } .navbar-nav li:hover a, .navbar-nav li a:focus, .navbar-nav li.active a { background: none; color:#1c569c; border-color:#1c569c; } /* __________ Submenu __________ */ .sub-menu ul { display: none; position: absolute; z-index: 9990; width: 300px; left: 20px; top: 100%; padding: 0 0 5px; margin: -1px 0 0; background:#fff; border-radius:0 4px 4px 4px; border:1px solid #1c569c; } .sub-menu.last ul {right:0; left:auto;} .sub-menu ul li { margin:0; padding:0; width:100%; border-top: 0; } .sub-menu ul li a:before, .sub-menu ul li a:after, .sub-menu ul li:before, .sub-menu li.last:after { display:none; } .sub-menu ul li a { margin: 0 !important; padding: 7px 5px 7px 12px !important; text-transform: none; text-align:left !important; font-size:13px; color:#979797 !important; text-shadow: none; background:none !Important; border:0 !important; } .sub-menu ul li.active a, .sub-menu ul li a:hover {color:#1c569c !important; background:none !Important;} .sub-menu ul li a span {display:none !important; } /* _________ //Submenu _________ */ /* __________ Mega Menu ________ */ ul.mega_menu { width:424px; padding:10px 15px; text-align:left !important; color:#979797; } ul.mega_menu h5 {margin-bottom:5px;} ul.mega_menu h4 {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid rgba(0,0,0,0.15);} ul.mega_menu li.col { float:left; width:33%; margin:0; padding-right:10px; text-align:left; } ul.mega_menu li ol {padding-left:0;} ul.mega_menu li ol li a {border:0 !important; padding:4px 5px 4px 0 !important;} /* _________ //Mega Menu _______ */ /*-----------------------------------------------------------------------------------*/ /* SERVICES /*-----------------------------------------------------------------------------------*/ .service_item a { display:block; border:1px solid #e7e7e7; border-radius:4px; min-height:320px; transition: all 0.2s ease-in-out; } .service_item a:hover {background: #1c569c; border:1px solid #1c569c;} .service_item a p { margin:0; padding:26px 5px 10px; line-height:20px; font-size:15px; color:#1c569c; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; text-transform:uppercase } .service_item a:hover p {color:#fff} .service_item a span { display:block; padding:0 10px 23px; color:#797979; } .service_item a:hover span { color:#eee } .service_item .icon_block { margin:-1px; padding:0; border-radius:4px 4px 0 0; background-color:#505050; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .service_item a:hover .icon_block {background-color:#1c569c;} .service_item i { position:relative; display:block; vertical-align:top; width:98px; height:98px; margin:0 auto; border-radius:50%; background-color:#fff; background-repeat:no-repeat; background-position:0 0; background-size:100% auto; -webkit-background-size:100% auto; } .service_item i:before { content:''; position:absolute; left:-5px; top:-5px; right:-5px; bottom:-5px; border:2px solid #fff; border-radius:50%; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .service_item a:hover i:before { left:4px; top:4px; right:4px; bottom:4px; border-color:#1c569c; } .service_item a:hover i {background-position:0 -98px;} .service_item i.i1 {background-image:url('vhs-assets-css-aed7d3fcf464060f02ada6640f1333a7.png');} .service_item i.i2 {background-image:url('vhs-assets-css-81b95309fc79403dda1ae4a5b76e987b.png');} .service_item i.i3 {background-image:url('vhs-assets-css-2438a1ae1bdbbe848bedfe62f6ed2e98.png');} .service_item i.i4 {background-image:url('vhs-assets-css-a53260e41f377a37b6f1c20733abc385.png');} /*-----------------------------------------------------------------------------------*/ /* CONTENT SLIDER /*-----------------------------------------------------------------------------------*/ .content_slider_block { margin:0 -30px 67px; padding:0; } /*-----------------------------------------------------------------------------------*/ /* CONTENT INFO /*-----------------------------------------------------------------------------------*/ .video_block {height:227px;} /* __________ Latest News __________ */ .popular_posts_block .recent_posts li { margin-bottom:28px; border-bottom:1px solid #eee; } .popular_posts_block .recent_posts li:last-child {border-bottom:0;} .popular_posts_block .recent_posts li .recent_posts_img { overflow:hidden; margin:0 0 12px; width:54px; height:54px; } .popular_posts_block .recent_posts li .recent_posts_img img { width:auto; max-width:none; height:100%; } .popular_posts_block .recent_posts li .recent_posts_content {padding:6px 0 12px 85px;} .popular_posts_block .recent_posts li .post_title { margin:0; line-height:18px; font-size:16px; color:#505050; } .popular_posts_block .recent_posts li .post_title:hover {color:#1c569c;} /*-----------------------------------------------------------------------------------*/ /* PROJECTS BLOCK /*-----------------------------------------------------------------------------------*/ .projects_block { margin:0 -30px; padding:67px 30px 70px; background-color:#f7f7f7; } .projects_items .project_item { position:relative; float:left; width:277px; } .projects_items .project_item .hover_img { overflow:hidden; position:relative; z-index:1; width:100%; height:243px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .projects_items .project_item:hover .hover_img {background-color:#1c569c;} .projects_items .project_item .hover_img img { width:auto; max-width:none; height:100%; opacity:1; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .projects_items:hover .project_item .hover_img img {opacity:0.5;} .projects_items .project_item .proj_descr { position:absolute; z-index:5; left:0; top:0; width:100%; height:100%; background-color: #fff; opacity:0; transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; } .projects_items .project_item .proj_descr:before { content:''; position:absolute; left:-18px; top:50%; margin-top:-16px; width: 0; height: 0; border-top: 16px solid transparent; border-right: 18px solid #fff; border-bottom: 16px solid transparent; } .projects_items .project_item:hover .proj_descr {z-index:10; left:100%; opacity:1;} /* Last Item */ .projects_items .project_item.last .proj_descr:before { left:auto; right:-18px; border-top: 16px solid transparent; border-left: 18px solid #fff; border-right:0; border-bottom: 16px solid transparent; } .projects_items .project_item.last:hover .proj_descr {left:-100%;} .projects_items .project_item .proj_descr .proj_descr_content { position:absolute; left:0; top:50%; width:100%; padding:0 40px; color:#797979; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .projects_items .project_item .proj_descr .proj_descr_content p { font-size:16px; color:#505050; } .projects_items .project_item .proj_descr .proj_descr_content .btn {margin-top:14px;} /*-----------------------------------------------------------------------------------*/ /* LATEST NEWS /*-----------------------------------------------------------------------------------*/ .latest_news_item {margin-bottom:20px;} .latest_news_item .recent_post { overflow:hidden; position:relative; display:block; margin:0 30px 10px 0; width:160px; height:113px; background-color:#1c569c; } .latest_news_item .recent_post:before { content:''; position:absolute; z-index:10; left:0; top:0; width:100%; height:100%; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .latest_news_item:hover .recent_post:before {background-color: rgba(0,0,0,0.35);} .latest_news_item .recent_post img { width:auto; max-width:none; height:100%; opacity:0.81; transition: opacity 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out; } .latest_news_item .news_content {margin-top:-4px;} .latest_news_item .recent_post_title {text-transform:uppercase; font-size:14px;} .recent_post_inf li {display:inline-block; padding:0 20px 5px 0; color:#979797; font-size:12px;} .recent_post_txt {padding:11px 0 0;} /* Footer News */ footer .latest_news_item {margin-bottom:20px;} footer .news_content {margin-top:-5px; padding-left:0;} footer .latest_news_item .recent_post {width:80px; height:80px; margin:0 20px 10px 0; background-color:#1c569c;} footer .latest_news_item .recent_post img {opacity:0.86; width:auto; max-width:none; height:100%;} footer .latest_news_item:hover .recent_post img {opacity:0.22;} footer .latest_news_item .recent_post_title {color:#e2e1e1;} footer .latest_news_item:hover .recent_post_title {color:#e2e1e1;} footer .recent_post_inf li {padding:0 0 9px; color:#1c569c;} footer .recent_post_txt {padding-top:0;} /* //Footer News */ /*-----------------------------------------------------------------------------------*/ /* FOOTER /*-----------------------------------------------------------------------------------*/ footer { overflow:hidden; padding:45px 30px 0; background-color:#1c569c; color:#9b9b9b; } footer a {color:#979797;} footer h2 {font-size:19px; color:#f2f1e6;} .copyright {padding:20px 0 25px; color:#fff; border-top:1px solid #484848;} .copyright span {color:#1c569c;} .copyright_logo, .copyright_logo:focus {color:#fff;} /* __________ Latest News __________ */ footer .recent_posts li { margin-bottom:15px; padding-bottom:9px; border-bottom:1px solid rgba(255,255,255,0.21); } footer .recent_posts li:last-child {border-bottom:0;} footer .recent_posts li .recent_posts_img { overflow:hidden; margin:0 0 7px; width:53px; height:47px; } footer .recent_posts li .recent_posts_img img { width:auto; max-width:none; height:100%; } footer .recent_posts li .recent_posts_content {padding-left:62px;} footer .recent_posts li .post_title { margin:-1px 0 5px; text-transform:none; font-weight:400; line-height:16px; font-size:14px; color:#cecece; } footer .recent_posts li .post_title:hover {color:#1c569c;} footer .recent_posts li .date_block {color:#818181;} /* __________ Newsletter __________ */ #newsletter-form {position:relative; margin-top:17px;} #newsletter-form input.input_wt { width:100%; margin:0; padding:12px 55px 13px 17px; background-color: rgba(81,81,81,0.5); line-height:20px; font-size:12px; color:#b5b5b5; } #newsletter-form input.contact_btn { position:absolute; z-index:1; top:0; right:0; width:42px; height:42px; padding:0; border:0; background-color:#1c569c; background-image:url('vhs-assets-css-4769ca21c1baaa178df55ad0b8f4a60b.png'); background-size:100% auto; background-repeat:no-repeat; background-position: 0 0; transition: background-color 0.3s ease-in-out; -webkit-transition: background-color 0.3s ease-in-out; } #newsletter-form input.contact_btn:hover { border:0; background-color:#1c569c; } /* __________ Useful Links __________ */ .foot_links li { position:relative; margin-bottom:13px; padding:0 0 15px 32px; border-bottom:1px solid rgba(255,255,255,0.21); } .foot_links li:last-child {border-bottom:0;} .foot_links li a {color:#9b9b9b;} .foot_links li span { position:absolute; left:0; top:3px; height:20px; width:15px; color:#1c569c; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .foot_links li:hover span {left:10px;} /* __________ Tags __________ */ .tags a { display:inline-block; margin-bottom:4px; padding:3px 9px; line-height:24px; color:#505050; background:#ddd; } #sidebar .tags a:hover, .tags a:hover { background: #1c569c; color:#fff; } /* _________ //Tags _________ */ /* __________ Contact Form __________ */ textarea, input[type="text"] { width:218px; margin:0 1px 4px 0; margin-top:0 !important; padding: 11px 20px 12px; text-transform:none; font-family: 'Raleway', sans-serif; font-weight:400; line-height:20px; font-size: 12px; color: #8d8d8d; font-style:normal; border-radius: 0; background: #f4f4f4; border: 0; box-shadow: none; } textarea { overflow:hidden; min-height:95px; resize: none; width:441px; } textarea, input[type="text"].last {margin-right:0; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus { outline: 0; box-shadow: none; border: 0; } footer textarea, footer input[type="text"] { width:218px; margin:0 1px 4px 0; margin-top:0 !important; padding: 6px 11px 7px; text-transform:none; font-family: 'Raleway', sans-serif; font-weight:400; line-height:20px; font-size: 13px; color: #9a9a9a; font-style:normal; border-radius: 0; background: #3d3d3d; border: 0; box-shadow: none; } footer textarea { overflow:hidden; min-height:95px; resize: none; width:441px; } footer textarea, footer input[type="text"].last {margin-right:0; } .contact_btn { display:block; cursor:pointer; margin: 0; padding:0 13px; border: 2px solid #3d3d3d; border-radius: 0; box-shadow: 0; text-align:center; text-shadow:none; text-decoration:none; text-transform:uppercase; font-family: 'Raleway', sans-serif; font-weight:400; line-height:21px; font-size:13px; color:#c5c5c5; background: #3d3d3d; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .contact_btn:hover { background: none; color:#1c569c; border-color: #1c569c; } .notification_error { color:#1c569c; } /* _________ //Contact Form _________ */ /*Teampages*/ .fupa_widget .teamfoto {display:none} .fupa_widget {font-family: 'Open Sans', sans-serif !important;} .fupa_widget .content_table_std th { background: #1c569c !important; color: #fff !important; margin: 0px ; padding: 8px; text-align: left; font-size: 1.8em !important; height:53px; font-weight:300; text-transform:uppercase } .fupa_widget .content_table_std td, .fupa_widget .content_table_std td a{ font-size:1.2em !important} #filter li{font-size:2em; font-weight:300; text-transform:uppercase; line-height:2em } .fupa_widget .content_table_std { margin: 0 !important; background: #FFFFFF; padding: 0px; width: 100%; border-spacing: 0px; } /*-----------------------------------------------------------------------------------*/ /* ABOUT /*-----------------------------------------------------------------------------------*/ .breadcrumbs_block { margin-bottom:0; margin-top:0; padding:25px 30px; background-color:#f5f5f5; } .breadcrumbs_block .overlay, .breadcrumbs_block .overlay_black {display:none;} .breadcrumbs_content {position:relative; z-index:5;} .breadcrumbs_block h2 {margin-bottom:0;} .breadcrumb { margin:0; background: none; border-radius:0; padding:0; } .breadcrumb > li + li:before {color:#505050;} .breadcrumb li a {font-weight:700;} .breadcrumb li:last-child a {font-weight:400; cursor:default;} /* __________ Skills __________ */ .skill-bar { display:block; margin-bottom: 10px; width:100%; height:38px; position: relative; z-index:10; background: #fff; border-left:12px solid #505050; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .skill-bar:hover {border-left-color:#1c569c;} .skill-bar span { display:inline-block; padding:9px 0 0 20px; text-transform:uppercase; font-size:14px; color:#505050; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .skill-bar:hover span {color:#1c569c;} .progress-complete { display: block; position: absolute; z-index: -1; left: 0; bottom: 0; width:140px; height:100%; border:2px solid #e5e5e5; border-left:0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } /* _________ //Skills _________ */ /* __________ Accordion __________ */ #accordion .ui-accordion-header, .shortcode_toggles_item_title { position:relative; margin-bottom:10px; padding: 17px 30px 16px; font-weight:400; font-size:14px; color:#fff; background:#505050; cursor:pointer; outline:none !important; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } #accordion .ui-accordion-header:hover, #accordion .ui-accordion-header.ui-accordion-header-active, .shortcode_toggles_item_title:hover, .shortcode_toggles_item_title .ui-state-active { background:#1c569c; color:#fff; } #accordion .ui-accordion-header .ui-icon, .shortcode_toggles_item_title .ui-icon { position:absolute; top: 17px; right:20px; vertical-align:top; width:20px; height:20px; font-family: 'Glyphicons Halflings'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 16px; font-size:12px; } #accordion .ui-accordion-header .ui-icon:before { position:absolute; content: "\e080"; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } #accordion .ui-accordion-header.ui-accordion-header-active .ui-icon:before { transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); } .shortcode_toggles_item_title .ui-icon:before { position:absolute; content: "\e114"; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .shortcode_toggles_item_title.ui-state-active .ui-icon:before { transform: rotate(-90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); } .shortcode_toggles_item_body {padding-bottom:20px;} .shortcode_toggles_shortcode .ip, #accordion .ui-accordion-content { padding:17px 10px 8px 30px; } /* _________ //Accordion _________ */ /* __________ Tab __________ */ .nav-tabs {border: 0;} .nav-tabs li a { padding:10px 17px 12px; text-transform:uppercase; line-height:20px; font-size:14px; color:#505050; border-radius: 0; border: 0; border-bottom:3px solid #fff; background-color:#f4f4f4; } .nav-tabs li a:hover { color:#1c569c; background:#f4f4f4; border-bottom:3px solid #fff; } .nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus { color:#505050; background:#f4f4f4; border: 0; border-bottom:3px solid #f4f4f4; } .tab-content { padding:26px 30px 29px; background:#f4f4f4; border-bottom:2px solid #ededed; } .tab-content .left_block {width:45%; } .tab-content .right_block {width:49%; } .tab-content iframe {height:159px; } .tab-content .list4 li { padding:0 0 5px; } /* _________ //Tab _________ */ /* __________ Our Team __________ */ .crewman_foto { margin-bottom:20px; background:#d8d08b; } .crewman_foto img { opacity: 0.88; filter: alpha(opacity=88); } .crewman h3 {margin-bottom:0; } .crewman p {margin-bottom:10px; } .crewman .top_social { padding:15px 0; } .crewman .top_social li { margin:0 0 0 4px; } /* _________ //Our Team _________ */ /*-----------------------------------------------------------------------------------*/ /* 404 ERROR /*-----------------------------------------------------------------------------------*/ .block_404 {padding:0;} /* __________ Input Button __________ */ .search_form {position:relative;} .search_form input[type="text"] { padding:13px 62px 14px 20px; width:100%; } .wrapper404 .search_form { width:300px; margin:0 auto; } .search_form input.search_btn { width:100%; margin:0; padding:12px 55px 13px 17px; background-color: rgba(81,81,81,0.5); line-height:20px; font-size:12px; color:#b5b5b5; } .search_form input.search_btn { position:absolute; z-index:1; top:0; right:0; width:42px; height:42px; padding:0; border:0; text-indent:-999px; background-color:#1c569c; background-image:url('vhs-assets-css-08c26b664fa232fff117d5964d729504.png'); background-size:100% auto; background-repeat:no-repeat; background-position: 0 0; transition: background-color 0.3s ease-in-out; -webkit-transition: background-color 0.3s ease-in-out; } .search_form input.search_btn:hover { border:0; background-color:#1c569c; } /*-----------------------------------------------------------------------------------*/ /* TYPOGRAPHY /*-----------------------------------------------------------------------------------*/ .list1 li { list-style:disc inside; color:#505050; } .list2 li { list-style:circle inside; color:#505050; } .list3 li { list-style:decimal inside; color:#505050; } .list4 li b.glyphicon { padding-right:15px; line-height:18px; color:#505050; font-size:9px; } .list1 li span, .list2 li span, .list3 li span {color:#979797; } .dropcap { display: block; float: left; margin:0 13px 0 0; font-family: 'Open Sans', sans-serif; text-transform:uppercase; font-weight:600; font-size: 43px; line-height: 55px; padding-top: 0; } .dropcap.type4 { display: block; float: left; text-transform:uppercase; font-weight:400; font-size: 43px; line-height: 55px; padding: 0 15px; } blockquote { position:relative; padding-top:0 !important; padding-left:40px !important; border: 0 !important; } blockquote:before { content:'"'; position:absolute; left:0; top:0; line-height:70px; font-size:90px; } blockquote.pull-right { padding-right: 0 !important; margin-left: 20px !important; } blockquote.type1:before {color:#505050; } blockquote.type2:before {color:#979797; } blockquote p { margin-bottom:10px; font-weight:inherit; line-height: inherit; font-size: inherit; } blockquote.pull-right p, blockquote.pull-right small {text-align:left !important; } blockquote .author {color:#cecece; } blockquote.type3 { margin-left: 48px; padding: 0 0 0 20px !important; } blockquote.type3:before { content:''; top:4px; width:1px; bottom:2px; background-color:#1c569c; } blockquote.type3 p {color:#979797; font-style:italic; margin-bottom:8px;} blockquote.type3 .author {color:#505050;} /*-----------------------------------------------------------------------------------*/ /* SHORTCODES /*-----------------------------------------------------------------------------------*/ .example_col [class^="col-"] { padding-top:15px; padding-bottom:15px; background:#f9f9f9; border:1px solid #ddd; } hr {border-color:#ececec;} .divider_light {border-color:#979797;} .divider_dark {border-color:#505050;} .divider_colored {border-color:#1c569c;} .alert { background-image: inherit !important; border: 0; box-shadow: none; text-shadow: none; border-radius: 0; } .close { font-weight:400; opacity: 1; filter: alpha(opacity=100); text-shadow: none; } .frame340 iframe { width:340px; height:191px; margin:7px 21px 10px 0; } .pull-right.frame340 iframe { margin:7px 0 10px 21px; } /* __________ Price Table __________ */ .module_price_table { overflow:hidden; } .price_item { display:inline-block; float:left; width:20%; } .price_item .price_item_wrapper { padding-left:1px; } .price_item:first-child .price_item_wrapper { padding-left:0; } .price_item_title { background:#505050; padding:13px 20px; text-align:center; } .price_item_title h6 { color:#fff; font-size:16px; line-height:18px; margin:0; font-weight:700; } .most_popular .price_item_title h6 { color:#ffffff; } .price_item_cost { padding:22px 20px 11px 20px; text-align:center; } .price_item_cost h2 { font-size:30px; line-height:32px; font-weight:700; color:#505050; } .price_item_cost h2 span { font-size:16px; line-height:32px; font-weight:400; color:#505050; text-transform:none; } .price_item_text { background:#dddddd; color:#505050; text-align:center; line-height:16px; padding:9px 20px 11px 20px; margin-bottom:1px; } .most_popular .price_item_text { background:#ededed; } .price_item_btn a { display:block; padding:10px 10px; font-size:14px; text-align:center; text-transform:uppercase; font-weight:700; color:#fff; background-color:#505050; } .price_item_btn a:before {display:none;} .most_popular .price_item_btn a, .price_item_btn a:hover { background:#1c569c; color:#ffffff; } .most_popular .price_item_title { background:#1c569c; } .most_popular .price_item_cost h2, .most_popular .price_item_cost h2 span { color:#1c569c; } .price_item_title h6 { color: #fff; font-size: 16px; line-height: 18px; margin: 0; font-weight: 700; min-height:2.5em } .price_item { display: inline-block; float: left; width: 16.66%; } /* _________ //Price Table _________ */ /* __________ Icons __________ */ .icons_block li { float:left; width: 20%; padding-bottom:3px; } .icons_block li span { padding-right:7px; color:#444; } /* _________ //Icons _________ */ /* __________ Testimonials __________ */ .testimonials_item p {margin-bottom:7px;} .testimonials_item .testimonials_author span {text-transform:uppercase; color:#dadada; font-size:14px;} /* _________ //Testimonials _________ */ /*-----------------------------------------------------------------------------------*/ /* BLOG /*-----------------------------------------------------------------------------------*/ .blog_post, .post {padding-bottom:30px; } .portfolio_post h2, .blog_post h2, .post h2 { margin-bottom:6px; } h2 .glyphicon { vertical-align:top; padding:2px 7px 0 0; font-size:15px; } .post p {margin-bottom:7px;} .post_meta { padding-bottom:13px;} span.sep {padding:0 8px;} .post_img {margin-bottom:12px;} .post_img iframe {height:465px;} /* __________ Comments __________ */ #comments ol { padding:0; margin:0; list-style:none; } #comments li { padding:0 0 20px 0; } .avatar { margin-right:11px; } .comment_right {display:table; } .comment_info { padding-bottom:7px; color:#b9b9b9; } #comments ol li ul li { padding:20px 0 0 30px; margin:0; } .leave_comment input[type="text"] {width:32.8%; } .leave_comment textarea { width:99.5%; min-height: 130px; } /* _________ //Comments _________ */ /* __________ Pagination __________ */ .pagination li a:focus, .pagination li a { display:block; margin:0 5px 5px 0; padding: 6px 12px; border-radius: 0 !important; border:0; background:none; color:#9c9c9c; } .pagination li.active a:focus, .pagination li.active a:hover, .pagination li a:hover, .pagination li.active a { background:#ddd; color:#444; } .pagination li.next a:hover, .pagination li.prev a:hover { background:none; color:#444; } /* _________ //Pagination _________ */ /* __________ Sidebar __________ */ .sidepanel { margin-bottom:35px; } /* Flickr */ .flickrs {margin-right:-10px; } .FlickrImages li { margin:2px 5px 3px 0 !important; padding:0 !important; float:left; border:0 !important; } .FlickrImages li a { overflow:hidden; display:block; width:60px; height:60px; background-color:#1c569c; } .FlickrImages li a img { width:60px; height:60px; border:0; opacity: 0.86; filter: alpha(opacity=86); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .FlickrImages li a:hover img { opacity: 0.17; filter: alpha(opacity=17); } footer .FlickrImages {padding-right:70px;} footer .FlickrImages li a { width:63px; height:63px; } footer .FlickrImages li a img { width:64px; height:auto; } /* //Flickr */ .popular_products li, .recent_posts li {margin-bottom:10px; } .popular_products .popular_product_img img {width:70px;} .popular_product_descr, .recent_posts_content {padding-left:85px; } .popular_product_descr a.title, .post_title { display:block; margin-bottom:8px; } .popular_product_descr span.price {display:block; padding-top:7px;} /* Tweets */ .tweet_module .tweet_list li { margin-bottom:14px; padding-left:30px; padding-bottom:10px; border-bottom: 1px solid rgba(255,255,255,0.21); background-image:url('vhs-assets-css-91e7295f889605e16e9b3e81a8416aef.png'); background-repeat: no-repeat; background-position:left top; } footer .tweet_module .tweet_list li {background-image:url('vhs-assets-css-3afe11ddea419416ecfe8c8a969d42f6.png');} .tweet_module .tweet_list li:last-child { padding-bottom:0; border-bottom:0; } .tweet_module .tweet_time {display:block;} footer .tweet_module .tweet_time a {color:#1c569c;} /* //Tweets */ /* _________ //Sidebar _________ */ /*-----------------------------------------------------------------------------------*/ /* CONTACTS /*-----------------------------------------------------------------------------------*/ #map { margin-top:-60px; margin-bottom:40px; } .contacts_info li {padding:0 0 6px;} .top_form input[type="text"], .top_form textarea {width:99%; } /*-----------------------------------------------------------------------------------*/ /* PORTFOLIO /*-----------------------------------------------------------------------------------*/ /* __________ Isotope Styles __________ */ .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; } .isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; transition: none; } /* __________ Filter __________ */ #filter li {display:inline-block; margin-bottom:4px; } #filter li a { display:block; padding:6px 12px; border: 0; background-color:#f4f4f4; } #filter li a.selected {background-color:#1c569c; color:#fff;} #projects .columns1 .project { width:100%; } #projects .columns1 .hover_img {margin-bottom:10px; } .load_more_cont { width:100%; padding:10px 0 0; } /* __________ Portfolio Item __________ */ .portfolio_block .project .hover_img {position:relative; background-color:#f9cdad;} .portfolio_block .project .hover_img:before {content:''; position:absolute; z-index:10; left:0; top:0; width:100%; height:100%; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;} .portfolio_block .project:hover .hover_img:before {background-color:rgba(0,0,0,0.38);} .portfolio_block .project .hover_img img {opacity:0.92;} .portfolio_block .hover_img .zoom { display:block; position:absolute; z-index:100; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,0); } .portfolio_block .project_descr { position:relative; padding:37px 10px 14px; color:#979797; background-color:#f4f4f4; border-bottom:2px solid #ededed; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .portfolio_block .project:hover .project_descr {border-bottom-color:#1c569c;} .portfolio_block .project_descr h4 {margin-bottom:11px; font-weight:400;} .portfolio_block .project:hover .project_descr h4 a {color:#1c569c;} /*-----------------------------------------------------------------------------------*/ /* SHOP /*-----------------------------------------------------------------------------------*/ .sorting_options { margin-bottom:30px; padding:10px 15px; background:#f4f4f4; border-bottom:2px solid #ededed; } .sorting_options_text { display:inline-block; vertical-align:top; padding:5px 20px 5px 0; } .sorting_options .btn { vertical-align:top; margin-right:20px; padding:5px 20px; } #toggle-sizes {display:inline-block; padding-left:17px;} #toggle-sizes a { display:inline-block; width:30px; height:30px; color:#ddd; font-size:21px; line-height:30px; } #toggle-sizes a:hover {color:#797979;} .sorting_options .pagination {margin:0; border-radius:0;} .sorting_options .pagination li a {margin-bottom:0;} /* __________ Sorting __________ */ .product_sort {position:relative; display:inline-block;} .filter_btn { min-width:200px; height:30px; padding:0 0 0 20px; background-color:#fff; cursor:pointer; } .filter_btn span.glyphicon { padding-right:10px; line-height:30px; font-size:9px; color:#797979; } .product_sort #filter { position:absolute; z-index:500; top:31px; left:0; min-width:200px; } .product_sort #filter li { display:block; margin:0; } .product_sort #filter li a { display:block; margin:0; padding-left:20px; text-align:left; background-color:#e3e3e3; color:#505050; } .product_sort #filter li a:hover, .product_sort #filter li a.selected { color:#1c569c; background-color:#e3e3e3; } .size_btn a { display:inline-block; text-transform:none; font-size:13px; cursor:pointer; color:#979797; } .size_btn a .glyphicon {padding-right:10px; color:#e3e3e3;} .size_btn a .glyphicon:before { content: "\e012"; } .size_btn a .glyphicon.glyphicon-th:before { content: "\e011"; } /* _________ //Sorting _________ */ /* __________ Product __________ */ .product_item {overflow:hidden; position:relative;} .product_item .hover_img {width:100%; background-color:#1c569c;} .product_item .hover_img img {opacity:0.88;} .product_item .project_descr { position:absolute; left:0; bottom:-120px; width:100%; padding:25px 10px 24px; color:#979797; background-color:#fff; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .product_item .project_descr h4 { margin-bottom: 11px; font-weight:400; } .product_item:hover .project_descr {bottom:0;} .product_item .project_descr p {display:none;} .product_item .item_btn_in { position:absolute; top:-100px; left:0; right:0; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .product_item:hover .item_btn_in {top:34%;} .product_item .item_btn_in a.btn { padding:10px 20px; text-transform:uppercase; font-size:15px; } .product_item .item_btn_in a.btn:focus, .product_item .item_btn_in a.btn:hover { color:#fff; } .product_item .item_btn_in a.btn:focus:before, .product_item .item_btn_in a.btn:hover:before { border-color:#fff; } /* _________ //Product _________ */ /* __________ Resized __________ */ .variable-sizes .element {width:100% !Important;} .variable-sizes .hover_img {float:left; width:255px !Important; margin-right:30px;} .variable-sizes .product_item .item_btn_in { bottom:15px; right:15px; left:auto; top:auto; } .variable-sizes .product_item .item_btn_in a.btn { border:0; background-color:#f4f4f4; color:#505050; } .variable-sizes .product_item .item_btn_in a.btn:hover { color:#fff; background-color:#1c569c; } .variable-sizes .project_descr { position:static; float:left; width:65%; padding-top:0; padding-left:0; padding-bottom:60px; text-align:left; border:0; background-color: transparent; transition: none; -webkit-transition: none; } .variable-sizes .product_item .project_descr span {display:block; margin:-5px 0 20px;} .variable-sizes .product_item .project_descr p {display:block;} /* _________ //Resized _________ */ /* __________ Shopping Cart __________ */ #cart { padding: 18px; background-color: #f4f4f4; border-bottom:2px solid #ededed; } #cart .close {color:#f00;} .cart-items { border-bottom: 1px solid #ededed; padding: 0 0 10px 0; } .cart-items li {margin: 0 0 10px 0; } .cart-items li:last-child {margin: 0; } .cart-item-amount { display: block; font-size: 12px; } .cart-subtotal { display: block; margin: 8px 0; } .cart-subtotal strong {color: #505050; font-weight:400; } /* __________ Price Filter __________ */ #price-range input { padding: 0; background: 0; border: 0; box-shadow: none; margin: 2px 0 0 7px; width: 100px; height:20px; } #price-range label { float: left; font-weight:400; color:#505050; } .padding-range { padding: 0 8px; } #slider-range { margin: 0 0 16px 0; } #price-range .ui-slider { position: relative; text-align: left; } #price-range .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 17px; height: 17px; margin-top: 1px; cursor: w-resize; transition: none !important; -webkit-transition:none !important; } #price-range .ui-slider .ui-slider-range { position: absolute; z-index: 1; height: 14px; display: block; border: 0; background-position: 0 0; } #price-range .ui-widget-content { background-color: #f2f2f2; padding: 2px 0; } #price-range .ui-widget-header {background: #1c569c; } #price-range .ui-state-default {background: #ddd; } #price-range .ui-slider.ui-state-disabled .ui-slider-handle, #price-range .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } #price-range .ui-slider-horizontal { height: .8em; } #price-range .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } #price-range .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } #price-range .ui-slider-horizontal .ui-slider-range-min { left: 0; } #price-range .ui-slider-horizontal .ui-slider-range-max { right: 0; } /* _________ //Price Filter _________ */ /* __________ Product __________ */ .product_item2 { position:relative; border-width:4px; border-style:solid; border-color:transparent; transition: border-color 0.3s ease-in-out; -webkit-transition: border-color 0.3s ease-in-out; } .product_item2:hover { border-color:#1c569c; } .product_foto {display:block; background-color:#f5f5f5;} .product_inf {padding:25px 5px 26px 20px;} .product_inf h4 {margin-bottom:11px;} .product_inf .price {margin-bottom:21px; font-size:17px;} .old_price {float:left; padding-right:13px; text-decoration:line-through; font-size:17px; color:#797979;} .product_inf .add_cart { display:inline-block; margin-right:5px; padding:6px 8px; text-transform:uppercase; font-size:14px; color:#505050; border:2px solid #505050; background-color:transparent; } .product_inf .add_cart:hover, .product_inf .btn_like2:hover, .product_inf .btn_com:hover {background-color:#505050; border-color:#505050; color:#fff;} .product_inf .btn_com { margin-right:0; transition-delay: 0.1s; -webkit-transition-delay: 0.1s; } .product_inf .btn_like2, .product_inf .btn_com { display:inline-block; margin-top:-1px; margin-right:5px; padding:6px 8px; border:2px solid #ddd; font-size:20px; opacity: 0; filter: alpha(opacity=0); transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX( -50%); -webkit-transform: translateX(-50%); } .product_item2:hover .product_inf .btn_like2, .product_item2:hover .product_inf .btn_com { opacity: 1; filter: alpha(opacity=100); transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); } .sale { position:absolute; z-index:10; left:0; top:10px; padding:9px 15px; text-transform:uppercase; font-weight:700; font-size:15px; color:#fff; background-color:#1c569c; } /* _________ //Product _________ */ /*-----------------------------------------------------------------------------------*/ /* PRODUCT PAGE /*-----------------------------------------------------------------------------------*/ /* __________ Rating __________ */ .rating { overflow: hidden; display: inline-block; margin-right:25px; } .rating-input { display:none; position: absolute; left: 0; top: -50px; } .rating:hover .rating-star:hover, .rating:hover .rating-star:hover ~ .rating-star, .rating-input:checked ~ .rating-star { color:#1c569c; } .rating-star, .rating:hover .rating-star { float: right; display: block; margin:0 5px 0 0; width: 14px; height: 14px; line-height:12px; color:#e3e3e3; font-size:15px; } /* _________ //Rating _________ */ .type2 h2 {margin-bottom:15px;} .type2 .rating:hover .rating-star:hover, .type2 .rating:hover .rating-star:hover ~ .rating-star, .type2 .rating-input:checked ~ .rating-star { color:#ffc24d; } .price_block {padding-top:11px;} .type2 .product_price { line-height:27px; font-size:29px; color:#1c569c; } .type2 .old_price { padding-right:22px; line-height:27px; font-size:18px; } .color_choice li { display:inline-block; margin-right:6px; padding:1px; box-shadow: 0 0 0 1px #e4e4e4; transition: box-shadow 0.3s ease-in-out; -webkit-transition: box-shadow 0.3s ease-in-out; } .color_choice li:focus, .color_choice li:hover { box-shadow: 0 0 0 1px #000; } .color_choice li a { display:block; width:21px; height:21px; border:1px solid #000; } .color_choice li.color1 a {background-color:#000;} .color_choice li.color2 a {background-color:#fff; border-color:#e4e4e4;} .color_choice li.color3 a {background-color:#cb3210; border-color:#cb3210;} .quantity_block li {float:left;} .quantity_block .product_inf {padding:0;} .quantity_block .product_inf .btn_like2, .quantity_block .product_inf .btn_com { opacity: 1; filter: alpha(opacity=100); transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); } .quantity { padding:8px 23px 8px 0; text-transform:uppercase; font-size:14px; color:#505050; } .quantity_block .product-amount form { overflow:hidden; position:relative; margin:0 20px 10px 0; border:1px solid #e6e6e6; } .quantity_block .product-amount input:focus, .quantity_block .product-amount input { width: 85px; height:34px; margin:0; padding: 0 27px 0 10px; text-align: left; font-size:15px; color:#505050; border:0; background-color:#fff; background-image:url('vhs-assets-css-d50b79624e80c73ee3892f84568daa3b.png'); background-repeat:no-repeat; background-position:right bottom; } .quantity_block .product-amount a { position:absolute; right:0; display:inline-block; vertical-align:top; width:27px; height:17px; line-height:17px; color:#fff; border:0; text-indent:-999px; } .quantity_block .product-amount a.plus {top:0;} .quantity_block .product-amount a.minus {bottom:0;} .quantity_block .product_inf .btn {border:2px solid #e4e4e4;} .quantity_block .product_inf .btn.add_cart {border-color:#1c569c; color:#1c569c;} .quantity_block .product_inf .btn.add_cart:hover {border-color:#1c569c; color:#fff; background-color:#1c569c;} .quantity_block .product_inf .btn:hover {border-color:#505050; background-color:transparent; color:#505050;} /* __________ Product Social __________ */ .product_social {padding:29px 0 21px;} .product_social li { display:inline-block; margin:0 5px 8px 0; } .product_social li a { display:block; width:30px; height:30px; border-radius:50%; background-repeat: no-repeat; background-image: url('vhs-assets-css-e1918114fb5442c21743d63da4760005.png'); opacity:0.7; } .product_social li a:hover {opacity:1;} .product_social li a.soc1 {background-position: 0 0;} .product_social li a.soc2 {background-position: -38px 0;} .product_social li a.soc3 {background-position: -76px 0;} /*-----------------------------------------------------------------------------------*/ /* JCAROUSEL STYLES /*-----------------------------------------------------------------------------------*/ .jcarousel-wrapper {position: relative;} .jcarousel {position: relative; overflow: hidden; width: 100%; padding-bottom:71px;} .jcarousel ul {width: 20000em; position: relative;} .jcarousel li {float: left; width:255px; margin-right:30px;} .jcarousel-control-prev, .jcarousel-control-next { display:inline-block; width:25px; height:25px; margin:0 0 0 2px; background-image:url('vhs-assets-css-fba3fd9ff7772700ebaa0445ae305048.png'); background-repeat:no-repeat; background-color:#505050; } .jCarousel_pagination a:hover {background-color:#1c569c;} .jCarousel_pagination a.inactive { background-color:#505050; cursor:default; } .jcarousel-control-prev {background-position:0 0;} .jcarousel-control-next {background-position:-25px 0;} .product_page .jCarousel_pagination {position:relative; z-index:2; margin:-52px 0 52px;} .product_page .jcarousel {padding-bottom:0;} /*-----------------------------------------------------------------------------------*/ /* FIX WEBKIT BROUSERS /*-----------------------------------------------------------------------------------*/ @media screen and (-webkit-min-device-pixel-ratio:0) { #newsletter-form input.input_wt {padding:11px 55px 11px 17px;} } /*-----------------------------------------------------------------------------------*/ /* RESPONSIVE STYLES /*-----------------------------------------------------------------------------------*/ @media (max-width: 1024px) and (-webkit-min-device-pixel-ratio:0) { #sidebar input {width:100%;} #sidebar .search_btn {width:100%;} } @media (max-width: 1024px) { .block_404 {min-height:300px !important;} .wrapper404 {padding-top:97px !important; padding-bottom:97px !important;} #sidebar .search_form .btn, #sidebar input[type="text"] {width:100%;} } @media (min-width: 992px) and (max-width: 1199px) { .logo a {padding-left:65px; line-height:50px; font-size:36px;} .logo a:before {width:50px; height:50px;} .logo { float: none; margin-bottom: 20px; } .navbar-nav.right {text-align:center} /* __________ Menu __________ */ .is-sticky .menu_block {width:970px; margin-left:-485px;} .navbar-nav li a {margin-top:11px;} /* _________ //Menu _________ */ /* __________ Index Page __________ */ .slide1 .flex_caption1 .logo a:before {width:45px; height:45px; margin-left:-22px;} .service_item i {width:70px; height:70px;} .service_item a:hover i {background-position:0 -70px;} .projects_items .project_item {width:227px;} .projects_items .project_item .hover_img {height:198px;} .projects_items .project_item .proj_descr .proj_descr_content {padding:0 20px;} .projects_items .project_item .proj_descr .proj_descr_content p {font-size:15px; margin-bottom:15px;} /* _________ //Index Page _________ */ /* __________ Shop __________ */ .product_item .item_btn_in a.btn {margin-bottom:5px; padding:3px 7px; font-size:13px;} .product_inf .btn {margin-bottom:5px;} .variable-sizes .hover_img {width:205px !important;} /* _________ //Shop _________ */ /* __________ Blog __________ */ .post_img iframe {height:380px;} /* _________ //Blog _________ */ footer .FlickrImages {padding-right:0;} } @media (min-width: 768px) and (max-width: 991px) { .respon_clear {clear:both; height:0; font-size:0;} .logo {float:none; margin-bottom:20px;} .logo a {padding-left:65px; line-height:50px; font-size:36px;} .logo a:before {width:50px; height:50px;} /* __________ Menu __________ */ .is-sticky .menu_block {width:750px;} .is-sticky .menu_block {margin-left:-375px;} ul.mega_menu {width:423px;} /* __________ Menu __________ */ /* __________ Index Page __________ */ .service_item i {width:70px; height:70px;} .service_item a:hover i {background-position:0 -70px;} .service_item a p {font-size:14px;} .service_item a span {line-height:15px; font-size:11px;} .projects_items .project_item {width:172px;} .projects_items .project_item .hover_img {height:150px;} .projects_items .project_item .proj_descr .proj_descr_content {padding:0 10px;} .projects_items .project_item .proj_descr .proj_descr_content p {font-size:12px; margin-bottom:10px;} .projects_items .project_item .proj_descr .proj_descr_content span {display:block; font-size:10px; line-height:13px;} /* _________ //Index Page _________ */ /* __________ Shop __________ */ .sorting_options .pagination {margin-top:15px;} .product_inf .btn {margin-bottom:5px;} .variable-sizes .hover_img {width:205px !important;} .variable-sizes .project_descr {width:274px;} /* _________ //Shop _________ */ /* __________ Blog __________ */ .leave_comment input[type="text"] {width:32.6%;} .post_img iframe {height:287px;} /* _________ //Blog _________ */ footer .FlickrImages {padding-right:0;} } @media (max-width: 767px) { footer .col-sm-2 { min-height: 100px; padding-bottom:30px; } #style-switcher {display:none !important;} .logo a {padding-left:65px; line-height:50px; font-size:34px;} .logo a:before {width:50px; height:50px;} /* __________ Menu __________ */ .menu_block:before {display:none;} .menu_block {width:auto; margin:0 -30px; padding:20px 30px;} .navbar-collapse {max-height:none;} .navbar-toggle {position:relative; z-index:100; display:block; margin: 12px 0; padding:0; width:40px; height:40px; border-radius:0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;} .navbar-toggle span {font-size:20px; line-height:24px; color:#505050; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;} .navbar-toggle:hover span {color:#1c569c;} .navbar-nav {float:none; text-align:left; margin:0 0 20px;} .navbar-nav li {width:100% !important; margin:0; padding-bottom:5px; text-align:left; border:0;} .navbar-nav li:before {display:none;} .navbar-nav li a {margin:0; padding:0; display:inline-block; border:0;} .navbar-nav li.menu_middle a {margin-right:0;} .navbar-nav li:hover a, .navbar-nav li a:focus, .navbar-nav li.active a {background:none !Important; color:#1c569c;} .navbar-nav li a:before, .navbar-nav li a:after {display:none;} .sub-menu ul {display:none !important; position:static; border:0; margin:0; padding-top:4px; padding-left:0; background-color:transparent;} .sub-menu:hover ul {display:block !important;} .sub-menu ul li a {border:0 !important; padding:0 !important; display:inline-block; color:#fff;} .sub-menu ul li a:hover {background-color:transparent; color:#fff;} .sub-menu ul li a span {display:inline-block !important; padding:0 7px 0 3px;} /* Mega Menu */ ul.mega_menu {width:100%;} ul.mega_menu li.col {width:33% !important;} ul.mega_menu .color_text {font-weight:700;} ul.mega_menu h4, ul.mega_menu h5 {font-size:12px;} /* _________ //Menu _________ */ /* __________ Index Page __________ */ .social li {margin-left:7px;} .services_block .row {margin:0 auto; width:420px;} .service_item i {width:70px; height:70px;} .service_item a:hover i {background-position:0 -70px;} .service_item a p {font-size:14px;} .service_item a span {line-height:15px; font-size:11px;} .video_block {height:266px;} .projects_items {width:420px; margin:0 auto;} .projects_items .project_item {float:none; width:210px;} .projects_items .project_item .hover_img {height:183px;} .projects_items .project_item .proj_descr {z-index:10; left:100% !important; opacity:1;} .projects_items .project_item .proj_descr .proj_descr_content {padding:0 20px;} .projects_items .project_item .proj_descr .proj_descr_content p {font-size:14px; margin-bottom:10px;} .projects_items .project_item .proj_descr .proj_descr_content span {display:block; font-size:12px; line-height:15px;} .projects_items .project_item.last .proj_descr:before {border-right: 18px solid #fff; border-top: 16px solid transparent; border-left: 0; border-bottom: 16px solid transparent; left:-18px; right:auto;} /* _________ //Index Page _________ */ /* __________ Shortcodes __________ */ .price_item {width:100%; float:none; margin-bottom:20px;} .icons_block li {width:100%;} /* _________ //Shortcodes _________ */ /* __________ Shop __________ */ .shop_block .col-xs-6 {width:49.8%;} .sorting_options .pagination {margin-top:10px;} #toggle-sizes {margin-top:10px;} .product_item .item_btn_in a.btn {margin-bottom:5px;padding:3px 8px; font-size:12px;} .sorting_options .btn {margin-top:10px;} .product_sort {margin-top:10px;} #toggle-sizes {display:none;} /* _________ //Shop _________ */ /* __________ Blog __________ */ .leave_comment input[type="text"] {width:99.5%;} /* _________ //Blog _________ */ .wrapper404 {padding-top:37px !important;} .wrapper404 h1 {font-size:26px; line-height:34px;} .wrapper404 h4 {font-size:15px; line-height:20px;} .wrapper404 .search_form {width:260px;} footer .FlickrImages {padding-right:0;} } @media (max-width: 479px) { .breadcrumbs_content .pull-right, .breadcrumbs_content .pull-left {float:none !important;} /* __________ Menu __________ */ .navbar-collapse {max-width:260px;} /* Mega Menu */ ul.mega_menu li.col {width:100% !important; float:none; padding-bottom:10px;} /* _________ //Menu _________ */ /* __________ INDEX PAGE __________ */ .top_line {text-align:center;} .top_line .top_phone {float:none !Important; padding-bottom:15px;} .top_line .social {float:none !Important;} .logo a {padding-left:50px; padding-bottom:20px; line-height:40px; font-size:16px;} .logo a:before {width:40px; height:40px;} .menu_block {padding-bottom:0;} .navbar-toggle {margin:0;} .services_block .row {width:260px;} .video_block {height:177px;} .projects_items {width:260px;} .projects_items .project_item {width:130px;} .projects_items .project_item .hover_img {height:110px;} .projects_items .project_item .proj_descr .proj_descr_content {padding:0 15px;} .projects_items .project_item .proj_descr .proj_descr_content p {font-size:13px; line-height:15px; margin-bottom:5px;} .projects_items .project_item .proj_descr .proj_descr_content span {display:none;} .projects_items .project_item .proj_descr .proj_descr_content .btn {margin-top:5px; padding:3px 11px; font-size:11px; line-height:15px;} /* __________ //INDEX PAGE __________ */ /* __________ Shortcodes __________ */ .nav-tabs li {float:none; width:100%;} .frame340 iframe {width:260px;} /* _________ //Shortcodes _________ */ /* __________ Shop __________ */ .product_sort {margin-top:10px;} /* _________ //Shop _________ */ /* _________ Blog __________ */ .post_img iframe {height:237px;} /* ________ //Blog _________ */ footer .latest_news_item .recent_post {float:left !important; margin-right:20px;} .copyright .pull-left, .copyright .pull-right {float:none !important; text-align:center;} .socials {margin-top:10px;} /* __________ Bootstrap Style __________ */ .col-ss-1, .col-ss-2, .col-ss-3, .col-ss-4, .col-ss-5, .col-ss-6, .col-ss-7, .col-ss-8, .col-ss-9, .col-ss-10, .col-ss-11 {float: left;} .col-ss-12 {width: 100%;} .col-ss-11 {width: 91.66666666666666%;} .col-ss-10 {width: 83.33333333333334%;} .col-ss-9 {width: 75%;} .col-ss-8 {width: 66.66666666666666%;} .col-ss-7 {width: 58.333333333333336%;} .col-ss-6 {width: 50%;} .col-ss-5 {width: 41.66666666666667%;} .col-ss-4 {width: 33.33333333333333%;} .col-ss-3 {width: 25%;} .col-ss-2 {width: 16.666666666666664%;} .col-ss-1 {width: 8.333333333333332%;} /*Teampages*/ .fupa_widget .teamfoto {display:none} .fupa_widget {font-family: 'Open Sans', sans-serif !important; font-size:0.65em !important;} .fupa_widget .content_table_std th { background: #1c569c !important; color: #fff !important; margin: 0px ; padding: 8px; text-align: left; font-size: 1.0em !important; height:53px; font-weight:300; text-transform:uppercase } .tab_diff, .tab_aufab {display:none} .fupa_widget .content_table_std td, .fupa_widget .content_table_std td a{ font-size:1.2em !important} #filter li{font-size:1.2em; font-weight:300; text-transform:uppercase; line-height:2em } .fupa_widget .content_table_std { margin: 0 !important; background: #FFFFFF; padding: 0px; width: 100%; border-spacing: 0px; } .flex-direction-nav{display: none} .content_slider .btn { background: #FFF !important; margin-top: 5px; text-transform: uppercase; font-weight: 600; display: inline-block; font-size: 10px; } .flexslider .slides img {padding-right:0 !important; } .content_slider .content_caption1 {position:relative; font-size: 120% !important; width: 100% !important;} .content_slider .content_caption1 p { font-size: 18px !important; line-height: 20px !important; } footer .col-sm-2 { min-height: 100px; padding-bottom:30px; } #page { background-image: none; background-color:#f2f2f2 } } .content_slider_block { margin: 0 -30px 17px; padding: 0; } .cwrap .text2col ol, .cwrap .textwithimage ol { list-style-type: decimal; margin-bottom: 1em; list-style-position: outside; margin-left: 40px; } .cwrap .text2col ul, .cwrap .textwithimage ul { list-style-type: square; margin-bottom: 1em; list-style-position: outside; margin-left: 40px; } .cwrap .text2col ol li, .cwrap .textwithimage ol li { list-style-type: decimal; padding-bottom: 0.5em; line-height: 1.2em } .cwrap .text2col ul li, .cwrap .textwithimage ul li { list-style-type: square; padding-bottom: 0.5em; line-height: 1.2em } .sub-menu ul li.col > a { margin: 0 !important; padding: 7px 5px 7px 0 !important; text-align: left !important; font-size: 16px !important; color: #979797 !important; text-shadow: none; background: none !Important; border: 0 !important; border-bottom: 1px solid #999 } li:nth-child(2) ul.mega_menu { width: 600px; padding: 10px 15px; text-align: left !important; color: #979797; } ul.mega_menu { width: 300px; padding: 10px 15px; text-align: left !important; color: #979797; } ul.mega_menu li.col { float: left; width: 28%; margin: 0; padding-right: 5%; text-align: left; } ul.mega_menu li.col:last-child { width: 44%; padding-right: 0 } ul.mega_menu li.col ol { border-top: 1px solid #ddd; padding-top: 10px } li:first-child .mega_menu { } ul.mega_menu li ol li a { line-height: 1.1em !important } li:nth-child(2) ul.mega_menu li:last-child li { width: 47%; display: inline-block; padding-right: 2% } li:nth-child(2) ul.mega_menu li:last-child li:first-child { width: 100%; display: inline-block } a.noLink { cursor: default } #accordion .ui-accordion-content { padding: 17px 10px 8px 10px; } .cwrap { min-height: 500px } .persons strong { font-size: 120% } .persons p { margin-top: 10px } footer { margin-top: 50px; padding: 20px 0 } footer .col-sm-2 { min-height: 100px; } footer img { opacity: 0.7; transition: all 0.4s; transition-timing-function: ease-out; } footer img:hover { opacity: 1 } footer .copyright { border: none; padding: 40px 0 20px 0; text-align: center } footer .copyright a:hover, footer .copyright a:focus { text-decoration: none; color: #fff; } footer .copyright a { color: #aaa } p a { text-decoration: underline; color: #1c569c } .news .service_item a { display: block; border: 1px solid #e7e7e7; border-radius: 4px; min-height: 350px; transition: all 0.2s ease-in-out; } .blog_post .news-img-wrap { float: right; max-width: 470px; padding-left: 30px } .blog_post .news-img-wrap img { max-width: 100%; width: 100%; height: auto } .blog_post .news-img-wrap .outer { padding-bottom: 40px } .blog_post p.news-img-caption { font-size: 85%; line-height: 1.2em; color: #666; padding-top: 5px } .blog_post h2 { font-size: 240%; line-height: 100%; } .top_phone a.imprint { color: #ccc; font-size: 12px } .flex-direction-nav li a { background: none repeat scroll 0 0 #1c569c; border: 2px solid #fff !important; border-radius: 3px; bottom: 20px; color: #fff; display: block; font-size: 17px; height: 34px; line-height: 27px; opacity: 0.5; position: absolute; text-align: center; width: 34px !important; z-index: 100; } .content_slider .flex-direction-nav li a.flex-prev { left: auto; margin: 0; right: 71px; } .shariff { margin-top: 4em } @media (max-width: 991px) and (min-width: 768px) { #page { background-image: none !important; background-color: #ddd } .content_slider .content_caption1 { width: 50%; font-size: 70% } .content_slider .content_caption1 span { display: none !important } .flexslider .slides img { width: 100%; display: block; padding-right: 50%; } .content_slider .flex-direction-nav li a.flex-next { right: 30px; } } @media (max-width: 767px) { #page { background-image: none !important; background-color: #ddd } .content_slider .content_caption1 { width: 50%; font-size: 70% } .content_slider .content_caption1 span { display: none !important } .flexslider .slides img { width: 100%; display: block; padding-right: 50%; } .content_slider .flex-direction-nav li a.flex-next { right: 30px; } .blog_post .news-img-wrap { float: none; max-width: 100%; padding-left: 0; width: 100% } } } #p30 .breadcrumbs_block, #p38 .breadcrumbs_block { display: none }