@charset "utf-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em
,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption
,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;overflow-y:scroll;overflow-x:auto;}ol,ul{list-style:none;}blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}ins,a{text-decoration:none;}
del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}html,body{height:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{font-family:Tahoma, Verdana, Geneva, sans-serif;font-size:13px;color:#373737;}

@font-face {
    font-family: "Flaticon";
    src: url("shopicon/flaticon.eot");
    src: url("shopicon/flaticon.eot#iefix") format("embedded-opentype"),
    url("shopicon/flaticon.woff") format("woff"),
    url("shopicon/flaticon.ttf") format("truetype"),
    url("shopicon/flaticon.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
    font-family: Flaticon;
        font-size: 40px;
font-style: normal;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
}.flaticon-circuit3:before {
    content: "\e000";
}
.flaticon-circuit4:before {
    content: "\e001";
}
.flaticon-computing22:before {
    content: "\e002";
}
.flaticon-computing46:before {
    content: "\e003";
}
.flaticon-cpu1:before {
    content: "\e004";
}
.flaticon-electronic:before {
    content: "\e005";
}
.flaticon-electronic17:before {
    content: "\e006";
}
.flaticon-electronic38:before {
    content: "\e007";
}
.flaticon-electronic51:before {
    content: "\e008";
}
.flaticon-electronic6:before {
    content: "\e009";
}
.flaticon-electronic62:before {
    content: "\e00a";
}
.flaticon-electronic8:before {
    content: "\e00b";
}
.flaticon-integrated4:before {
    content: "\e00c";
}
.flaticon-plug54:before {
    content: "\e00d";
}
.flaticon-usb24:before {
    content: "\e00e";
}


 @font-face {
    font-family: 'ubuntu';
    src: url('ubuntu/ubuntu-regular-webfont.eot');
    src: url('ubuntu/ubuntu-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('ubuntu/ubuntu-regular-webfont.woff') format('woff'),
         url('ubuntu/ubuntu-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('roboto/Roboto-Regular-webfont.eot');
    src: url('roboto/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto/Roboto-Regular-webfont.woff') format('woff'),
         url('roboto/Roboto-Regular-webfont.ttf') format('truetype'),
         url('roboto/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('roboto/Roboto-Italic-webfont.eot');
    src: url('roboto/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto/Roboto-Italic-webfont.woff') format('woff'),
         url('roboto/Roboto-Italic-webfont.ttf') format('truetype'),
         url('roboto/Roboto-Italic-webfont.svg#RobotoItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('roboto/Roboto-Bold-webfont.eot');
    src: url('roboto/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto/Roboto-Bold-webfont.woff') format('woff'),
         url('roboto/Roboto-Bold-webfont.ttf') format('truetype'),
         url('roboto/Roboto-Bold-webfont.svg#RobotoBold') format('svg');
    font-weight: bold;
    font-style: normal;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('roboto/Roboto-BoldItalic-webfont.eot');
    src: url('roboto/Roboto-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto/Roboto-BoldItalic-webfont.woff') format('woff'),
         url('roboto/Roboto-BoldItalic-webfont.ttf') format('truetype'),
         url('roboto/Roboto-BoldItalic-webfont.svg#RobotoBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('roboto/Roboto-Thin-webfont.eot');
    src: url('roboto/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto/Roboto-Thin-webfont.woff') format('woff'),
         url('roboto/Roboto-Thin-webfont.ttf') format('truetype'),
         url('roboto/Roboto-Thin-webfont.svg#RobotoThin') format('svg');
    font-weight: 200;
    font-style: normal;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('roboto/Roboto-ThinItalic-webfont.eot');
    src: url('roboto/Roboto-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto/Roboto-ThinItalic-webfont.woff') format('woff'),
         url('roboto/Roboto-ThinItalic-webfont.ttf') format('truetype'),
         url('roboto/Roboto-ThinItalic-webfont.svg#RobotoThinItalic') format('svg'); (under the Apache Software License). 
    font-weight: 200;
    font-style: italic;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('roboto/Roboto-Light-webfont.eot');
    src: url('roboto/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto/Roboto-Light-webfont.woff') format('woff'),
         url('roboto/Roboto-Light-webfont.ttf') format('truetype'),
         url('roboto/Roboto-Light-webfont.svg#RobotoLight') format('svg');
    font-weight: 100;
    font-style: normal;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('roboto/Roboto-LightItalic-webfont.eot');
    src: url('roboto/Roboto-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto/Roboto-LightItalic-webfont.woff') format('woff'),
         url('roboto/Roboto-LightItalic-webfont.ttf') format('truetype'),
         url('roboto/Roboto-LightItalic-webfont.svg#RobotoLightItalic') format('svg');
    font-weight: 100;
    font-style: italic;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('roboto/Roboto-Medium-webfont.eot');
    src: url('roboto/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto/Roboto-Medium-webfont.woff') format('woff'),
         url('roboto/Roboto-Medium-webfont.ttf') format('truetype'),
         url('roboto/Roboto-Medium-webfont.svg#RobotoMedium') format('svg');
    font-weight: 300;
    font-style: normal;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('roboto/Roboto-MediumItalic-webfont.eot');
    src: url('roboto/Roboto-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto/Roboto-MediumItalic-webfont.woff') format('woff'),
         url('roboto/Roboto-MediumItalic-webfont.ttf') format('truetype'),
         url('roboto/Roboto-MediumItalic-webfont.svg#RobotoMediumItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

.roboto {font-family:'Roboto';}
.ubuntu {font-family:'ubuntu';}
@font-face{font-family:qrSymbol;src:url('entypo/entypo.ttf') format('truetype'),
url('entypo/entypo.eot'),
url('entypo/entypo.eot?#iefix') format('embedded-opentype'),
url('entypo/entypo.svg#qrSymbol') format('svg'),
url('entypo/entypo.woff') format('woff');}
@font-face{font-family:'ElegantIcons';src:url('fonts/ElegantIcons.eot');src:url('fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),
url('fonts/ElegantIcons.woff') format('woff'),
url('fonts/ElegantIcons.ttf') format('truetype'),
url('fonts/ElegantIcons.svg#ElegantIcons') format('svg');font-weight:normal;font-style:normal;}
[data-icon]:before{font-family:'ElegantIcons';content:attr(data-icon);speak:none;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.arrow_up, .arrow_down, .arrow_left, .arrow_right, .arrow_left-up, .arrow_right-up, .arrow_right-down, .arrow_left-down, .arrow-up-down, .arrow_up-down_alt, .arrow_left-right_alt, .arrow_left-right, .arrow_expand_alt2, .arrow_expand_alt, .arrow_condense, .arrow_expand, .arrow_move, .arrow_carrot-up, .arrow_carrot-down, .arrow_carrot-left, .arrow_carrot-right, .arrow_carrot-2up, .arrow_carrot-2down, .arrow_carrot-2left, .arrow_carrot-2right, .arrow_carrot-up_alt2, .arrow_carrot-down_alt2, .arrow_carrot-left_alt2, .arrow_carrot-right_alt2, .arrow_carrot-2up_alt2, .arrow_carrot-2down_alt2, .arrow_carrot-2left_alt2, .arrow_carrot-2right_alt2, .arrow_triangle-up, .arrow_triangle-down, .arrow_triangle-left, .arrow_triangle-right, .arrow_triangle-up_alt2, .arrow_triangle-down_alt2, .arrow_triangle-left_alt2, .arrow_triangle-right_alt2, .arrow_back, .icon_minus-06, .icon_plus, .icon_close, .icon_check, .icon_minus_alt2, .icon_plus_alt2, .icon_close_alt2, .icon_check_alt2, .icon_zoom-out_alt, .icon_zoom-in_alt, .icon_search, .icon_box-empty, .icon_box-selected, .icon_minus-box, .icon_plus-box, .icon_box-checked, .icon_circle-empty, .icon_circle-slelected, .icon_stop_alt2, .icon_stop, .icon_pause_alt2, .icon_pause, .icon_menu, .icon_menu-square_alt2, .icon_menu-circle_alt2, .icon_ul, .icon_ol, .icon_adjust-horiz, .icon_adjust-vert, .icon_document_alt, .icon_documents_alt, .icon_pencil, .icon_pencil-edit_alt, .icon_pencil-edit, .icon_folder-alt, .icon_folder-open_alt, .icon_folder-add_alt, .icon_info_alt, .icon_error-oct_alt, .icon_error-circle_alt, .icon_error-triangle_alt, .icon_question_alt2, .icon_question, .icon_comment_alt, .icon_chat_alt, .icon_vol-mute_alt, .icon_volume-low_alt, .icon_volume-high_alt, .icon_quotations, .icon_quotations_alt2, .icon_clock_alt, .icon_lock_alt, .icon_lock-open_alt, .icon_key_alt, .icon_cloud_alt, .icon_cloud-upload_alt, .icon_cloud-download_alt, .icon_image, .icon_images, .icon_lightbulb_alt, .icon_gift_alt, .icon_house_alt, .icon_genius, .icon_mobile, .icon_tablet, .icon_laptop, .icon_desktop, .icon_camera_alt, .icon_mail_alt, .icon_cone_alt, .icon_ribbon_alt, .icon_bag_alt, .icon_creditcard, .icon_cart_alt, .icon_paperclip, .icon_tag_alt, .icon_tags_alt, .icon_trash_alt, .icon_cursor_alt, .icon_mic_alt, .icon_compass_alt, .icon_pin_alt, .icon_pushpin_alt, .icon_map_alt, .icon_drawer_alt, .icon_toolbox_alt, .icon_book_alt, .icon_calendar, .icon_film, .icon_table, .icon_contacts_alt, .icon_headphones, .icon_lifesaver, .icon_piechart, .icon_refresh, .icon_link_alt, .icon_link, .icon_loading, .icon_blocked, .icon_archive_alt, .icon_heart_alt, .icon_star_alt, .icon_star-half_alt, .icon_star, .icon_star-half, .icon_tools, .icon_tool, .icon_cog, .icon_cogs, .arrow_up_alt, .arrow_down_alt, .arrow_left_alt, .arrow_right_alt, .arrow_left-up_alt, .arrow_right-up_alt, .arrow_right-down_alt, .arrow_left-down_alt, .arrow_condense_alt, .arrow_expand_alt3, .arrow_carrot_up_alt, .arrow_carrot-down_alt, .arrow_carrot-left_alt, .arrow_carrot-right_alt, .arrow_carrot-2up_alt, .arrow_carrot-2dwnn_alt, .arrow_carrot-2left_alt, .arrow_carrot-2right_alt, .arrow_triangle-up_alt, .arrow_triangle-down_alt, .arrow_triangle-left_alt, .arrow_triangle-right_alt, .icon_minus_alt, .icon_plus_alt, .icon_close_alt, .icon_check_alt, .icon_zoom-out, .icon_zoom-in, .icon_stop_alt, .icon_menu-square_alt, .icon_menu-circle_alt, .icon_document, .icon_documents, .icon_pencil_alt, .icon_folder, .icon_folder-open, .icon_folder-add, .icon_folder_upload, .icon_folder_download, .icon_info, .icon_error-circle, .icon_error-oct, .icon_error-triangle, .icon_question_alt, .icon_comment, .icon_chat, .icon_vol-mute, .icon_volume-low, .icon_volume-high, .icon_quotations_alt, .icon_clock, .icon_lock, .icon_lock-open, .icon_key, .icon_cloud, .icon_cloud-upload, .icon_cloud-download, .icon_lightbulb, .icon_gift, .icon_house, .icon_camera, .icon_mail, .icon_cone, .icon_ribbon, .icon_bag, .icon_cart, .icon_tag, .icon_tags, .icon_trash, .icon_cursor, .icon_mic, .icon_compass, .icon_pin, .icon_pushpin, .icon_map, .icon_drawer, .icon_toolbox, .icon_book, .icon_contacts, .icon_archive, .icon_heart, .icon_profile, .icon_group, .icon_grid-2x2, .icon_grid-3x3, .icon_music, .icon_pause_alt, .icon_phone, .icon_upload, .icon_download, .social_facebook, .social_twitter, .social_pinterest, .social_googleplus, .social_tumblr, .social_tumbleupon, .social_wordpress, .social_instagram, .social_dribbble, .social_vimeo, .social_linkedin, .social_rss, .social_deviantart, .social_share, .social_myspace, .social_skype, .social_youtube, .social_picassa, .social_googledrive, .social_flickr, .social_blogger, .social_spotify, .social_delicious, .social_facebook_circle, .social_twitter_circle, .social_pinterest_circle, .social_googleplus_circle, .social_tumblr_circle, .social_stumbleupon_circle, .social_wordpress_circle, .social_instagram_circle, .social_dribbble_circle, .social_vimeo_circle, .social_linkedin_circle, .social_rss_circle, .social_deviantart_circle, .social_share_circle, .social_myspace_circle, .social_skype_circle, .social_youtube_circle, .social_picassa_circle, .social_googledrive_alt2, .social_flickr_circle, .social_blogger_circle, .social_spotify_circle, .social_delicious_circle, .social_facebook_square, .social_twitter_square, .social_pinterest_square, .social_googleplus_square, .social_tumblr_square, .social_stumbleupon_square, .social_wordpress_square, .social_instagram_square, .social_dribbble_square, .social_vimeo_square, .social_linkedin_square, .social_rss_square, .social_deviantart_square, .social_share_square, .social_myspace_square, .social_skype_square, .social_youtube_square, .social_picassa_square, .social_googledrive_square, .social_flickr_square, .social_blogger_square, .social_spotify_square, .social_delicious_square, .icon_printer, .icon_calulator, .icon_building, .icon_floppy, .icon_drive, .icon_search-2, .icon_id, .icon_id-2, .icon_puzzle, .icon_like, .icon_dislike, .icon_mug, .icon_currency, .icon_wallet, .icon_pens, .icon_easel, .icon_flowchart, .icon_datareport, .icon_briefcase, .icon_shield, .icon_percent, .icon_globe, .icon_globe-2, .icon_target, .icon_hourglass, .icon_balance, .icon_rook, .icon_printer-alt, .icon_calculator_alt, .icon_building_alt, .icon_floppy_alt, .icon_drive_alt, .icon_search_alt, .icon_id_alt, .icon_id-2_alt, .icon_puzzle_alt, .icon_like_alt, .icon_dislike_alt, .icon_mug_alt, .icon_currency_alt, .icon_wallet_alt, .icon_pens_alt, .icon_easel_alt, .icon_flowchart_alt, .icon_datareport_alt, .icon_briefcase_alt, .icon_shield_alt, .icon_percent_alt, .icon_globe_alt, .icon_clipboard{font-family:'ElegantIcons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;}
.arrow_up:before{content:"\21";}
.arrow_down:before{content:"\22";}
.arrow_left:before{content:"\23";}
.arrow_right:before{content:"\24";}
.arrow_left-up:before{content:"\25";}
.arrow_right-up:before{content:"\26";}
.arrow_right-down:before{content:"\27";}
.arrow_left-down:before{content:"\28";}
.arrow-up-down:before{content:"\29";}
.arrow_up-down_alt:before{content:"\2a";}
.arrow_left-right_alt:before{content:"\2b";}
.arrow_left-right:before{content:"\2c";}
.arrow_expand_alt2:before{content:"\2d";}
.arrow_expand_alt:before{content:"\2e";}
.arrow_condense:before{content:"\2f";}
.arrow_expand:before{content:"\30";}
.arrow_move:before{content:"\31";}
.arrow_carrot-up:before{content:"\32";}
.arrow_carrot-down:before{content:"\33";}
.arrow_carrot-left:before{content:"\34";}
.arrow_carrot-right:before{content:"\35";}
.arrow_carrot-2up:before{content:"\36";}
.arrow_carrot-2down:before{content:"\37";}
.arrow_carrot-2left:before{content:"\38";}
.arrow_carrot-2right:before{content:"\39";}
.arrow_carrot-up_alt2:before{content:"\3a";}
.arrow_carrot-down_alt2:before{content:"\3b";}
.arrow_carrot-left_alt2:before{content:"\3c";}
.arrow_carrot-right_alt2:before{content:"\3d";}
.arrow_carrot-2up_alt2:before{content:"\3e";}
.arrow_carrot-2down_alt2:before{content:"\3f";}
.arrow_carrot-2left_alt2:before{content:"\40";}
.arrow_carrot-2right_alt2:before{content:"\41";}
.arrow_triangle-up:before{content:"\42";}
.arrow_triangle-down:before{content:"\43";}
.arrow_triangle-left:before{content:"\44";}
.arrow_triangle-right:before{content:"\45";}
.arrow_triangle-up_alt2:before{content:"\46";}
.arrow_triangle-down_alt2:before{content:"\47";}
.arrow_triangle-left_alt2:before{content:"\48";}
.arrow_triangle-right_alt2:before{content:"\49";}
.arrow_back:before{content:"\4a";}
.icon_minus-06:before{content:"\4b";}
.icon_plus:before{content:"\4c";}
.icon_close:before{content:"\4d";}
.icon_check:before{content:"\4e";}
.icon_minus_alt2:before{content:"\4f";}
.icon_plus_alt2:before{content:"\50";}
.icon_close_alt2:before{content:"\51";}
.icon_check_alt2:before{content:"\52";}
.icon_zoom-out_alt:before{content:"\53";}
.icon_zoom-in_alt:before{content:"\54";}
.icon_search:before{content:"\55";}
.icon_box-empty:before{content:"\56";}
.icon_box-selected:before{content:"\57";}
.icon_minus-box:before{content:"\58";}
.icon_plus-box:before{content:"\59";}
.icon_box-checked:before{content:"\5a";}
.icon_circle-empty:before{content:"\5b";}
.icon_circle-slelected:before{content:"\5c";}
.icon_stop_alt2:before{content:"\5d";}
.icon_stop:before{content:"\5e";}
.icon_pause_alt2:before{content:"\5f";}
.icon_pause:before{content:"\60";}
.icon_menu:before{content:"\61";}
.icon_menu-square_alt2:before{content:"\62";}
.icon_menu-circle_alt2:before{content:"\63";}
.icon_ul:before{content:"\64";}
.icon_ol:before{content:"\65";}
.icon_adjust-horiz:before{content:"\66";}
.icon_adjust-vert:before{content:"\67";}
.icon_document_alt:before{content:"\68";}
.icon_documents_alt:before{content:"\69";}
.icon_pencil:before{content:"\6a";}
.icon_pencil-edit_alt:before{content:"\6b";}
.icon_pencil-edit:before{content:"\6c";}
.icon_folder-alt:before{content:"\6d";}
.icon_folder-open_alt:before{content:"\6e";}
.icon_folder-add_alt:before{content:"\6f";}
.icon_info_alt:before{content:"\70";}
.icon_error-oct_alt:before{content:"\71";}
.icon_error-circle_alt:before{content:"\72";}
.icon_error-triangle_alt:before{content:"\73";}
.icon_question_alt2:before{content:"\74";}
.icon_question:before{content:"\75";}
.icon_comment_alt:before{content:"\76";}
.icon_chat_alt:before{content:"\77";}
.icon_vol-mute_alt:before{content:"\78";}
.icon_volume-low_alt:before{content:"\79";}
.icon_volume-high_alt:before{content:"\7a";}
.icon_quotations:before{content:"\7b";}
.icon_quotations_alt2:before{content:"\7c";}
.icon_clock_alt:before{content:"\7d";}
.icon_lock_alt:before{content:"\7e";}
.icon_lock-open_alt:before{content:"\e000";}
.icon_key_alt:before{content:"\e001";}
.icon_cloud_alt:before{content:"\e002";}
.icon_cloud-upload_alt:before{content:"\e003";}
.icon_cloud-download_alt:before{content:"\e004";}
.icon_image:before{content:"\e005";}
.icon_images:before{content:"\e006";}
.icon_lightbulb_alt:before{content:"\e007";}
.icon_gift_alt:before{content:"\e008";}
.icon_house_alt:before{content:"\e009";}
.icon_genius:before{content:"\e00a";}
.icon_mobile:before{content:"\e00b";}
.icon_tablet:before{content:"\e00c";}
.icon_laptop:before{content:"\e00d";}
.icon_desktop:before{content:"\e00e";}
.icon_camera_alt:before{content:"\e00f";}
.icon_mail_alt:before{content:"\e010";}
.icon_cone_alt:before{content:"\e011";}
.icon_ribbon_alt:before{content:"\e012";}
.icon_bag_alt:before{content:"\e013";}
.icon_creditcard:before{content:"\e014";}
.icon_cart_alt:before{content:"\e015";}
.icon_paperclip:before{content:"\e016";}
.icon_tag_alt:before{content:"\e017";}
.icon_tags_alt:before{content:"\e018";}
.icon_trash_alt:before{content:"\e019";}
.icon_cursor_alt:before{content:"\e01a";}
.icon_mic_alt:before{content:"\e01b";}
.icon_compass_alt:before{content:"\e01c";}
.icon_pin_alt:before{content:"\e01d";}
.icon_pushpin_alt:before{content:"\e01e";}
.icon_map_alt:before{content:"\e01f";}
.icon_drawer_alt:before{content:"\e020";}
.icon_toolbox_alt:before{content:"\e021";}
.icon_book_alt:before{content:"\e022";}
.icon_calendar:before{content:"\e023";}
.icon_film:before{content:"\e024";}
.icon_table:before{content:"\e025";}
.icon_contacts_alt:before{content:"\e026";}
.icon_headphones:before{content:"\e027";}
.icon_lifesaver:before{content:"\e028";}
.icon_piechart:before{content:"\e029";}
.icon_refresh:before{content:"\e02a";}
.icon_link_alt:before{content:"\e02b";}
.icon_link:before{content:"\e02c";}
.icon_loading:before{content:"\e02d";}
.icon_blocked:before{content:"\e02e";}
.icon_archive_alt:before{content:"\e02f";}
.icon_heart_alt:before{content:"\e030";}
.icon_star_alt:before{content:"\e031";}
.icon_star-half_alt:before{content:"\e032";}
.icon_star:before{content:"\e033";}
.icon_star-half:before{content:"\e034";}
.icon_tools:before{content:"\e035";}
.icon_tool:before{content:"\e036";}
.icon_cog:before{content:"\e037";}
.icon_cogs:before{content:"\e038";}
.arrow_up_alt:before{content:"\e039";}
.arrow_down_alt:before{content:"\e03a";}
.arrow_left_alt:before{content:"\e03b";}
.arrow_right_alt:before{content:"\e03c";}
.arrow_left-up_alt:before{content:"\e03d";}
.arrow_right-up_alt:before{content:"\e03e";}
.arrow_right-down_alt:before{content:"\e03f";}
.arrow_left-down_alt:before{content:"\e040";}
.arrow_condense_alt:before{content:"\e041";}
.arrow_expand_alt3:before{content:"\e042";}
.arrow_carrot_up_alt:before{content:"\e043";}
.arrow_carrot-down_alt:before{content:"\e044";}
.arrow_carrot-left_alt:before{content:"\e045";}
.arrow_carrot-right_alt:before{content:"\e046";}
.arrow_carrot-2up_alt:before{content:"\e047";}
.arrow_carrot-2dwnn_alt:before{content:"\e048";}
.arrow_carrot-2left_alt:before{content:"\e049";}
.arrow_carrot-2right_alt:before{content:"\e04a";}
.arrow_triangle-up_alt:before{content:"\e04b";}
.arrow_triangle-down_alt:before{content:"\e04c";}
.arrow_triangle-left_alt:before{content:"\e04d";}
.arrow_triangle-right_alt:before{content:"\e04e";}
.icon_minus_alt:before{content:"\e04f";}
.icon_plus_alt:before{content:"\e050";}
.icon_close_alt:before{content:"\e051";}
.icon_check_alt:before{content:"\e052";}
.icon_zoom-out:before{content:"\e053";}
.icon_zoom-in:before{content:"\e054";}
.icon_stop_alt:before{content:"\e055";}
.icon_menu-square_alt:before{content:"\e056";}
.icon_menu-circle_alt:before{content:"\e057";}
.icon_document:before{content:"\e058";}
.icon_documents:before{content:"\e059";}
.icon_pencil_alt:before{content:"\e05a";}
.icon_folder:before{content:"\e05b";}
.icon_folder-open:before{content:"\e05c";}
.icon_folder-add:before{content:"\e05d";}
.icon_folder_upload:before{content:"\e05e";}
.icon_folder_download:before{content:"\e05f";}
.icon_info:before{content:"\e060";}
.icon_error-circle:before{content:"\e061";}
.icon_error-oct:before{content:"\e062";}
.icon_error-triangle:before{content:"\e063";}
.icon_question_alt:before{content:"\e064";}
.icon_comment:before{content:"\e065";}
.icon_chat:before{content:"\e066";}
.icon_vol-mute:before{content:"\e067";}
.icon_volume-low:before{content:"\e068";}
.icon_volume-high:before{content:"\e069";}
.icon_quotations_alt:before{content:"\e06a";}
.icon_clock:before{content:"\e06b";}
.icon_lock:before{content:"\e06c";}
.icon_lock-open:before{content:"\e06d";}
.icon_key:before{content:"\e06e";}
.icon_cloud:before{content:"\e06f";}
.icon_cloud-upload:before{content:"\e070";}
.icon_cloud-download:before{content:"\e071";}
.icon_lightbulb:before{content:"\e072";}
.icon_gift:before{content:"\e073";}
.icon_house:before{content:"\e074";}
.icon_camera:before{content:"\e075";}
.icon_mail:before{content:"\e076";}
.icon_cone:before{content:"\e077";}
.icon_ribbon:before{content:"\e078";}
.icon_bag:before{content:"\e079";}
.icon_cart:before{content:"\e07a";}
.icon_tag:before{content:"\e07b";}
.icon_tags:before{content:"\e07c";}
.icon_trash:before{content:"\e07d";}
.icon_cursor:before{content:"\e07e";}
.icon_mic:before{content:"\e07f";}
.icon_compass:before{content:"\e080";}
.icon_pin:before{content:"\e081";}
.icon_pushpin:before{content:"\e082";}
.icon_map:before{content:"\e083";}
.icon_drawer:before{content:"\e084";}
.icon_toolbox:before{content:"\e085";}
.icon_book:before{content:"\e086";}
.icon_contacts:before{content:"\e087";}
.icon_archive:before{content:"\e088";}
.icon_heart:before{content:"\e089";}
.icon_profile:before{content:"\e08a";}
.icon_group:before{content:"\e08b";}
.icon_grid-2x2:before{content:"\e08c";}
.icon_grid-3x3:before{content:"\e08d";}
.icon_music:before{content:"\e08e";}
.icon_pause_alt:before{content:"\e08f";}
.icon_phone:before{content:"\e090";}
.icon_upload:before{content:"\e091";}
.icon_download:before{content:"\e092";}
.social_facebook:before{content:"\e093";}
.social_twitter:before{content:"\e094";}
.social_pinterest:before{content:"\e095";}
.social_googleplus:before{content:"\e096";}
.social_tumblr:before{content:"\e097";}
.social_tumbleupon:before{content:"\e098";}
.social_wordpress:before{content:"\e099";}
.social_instagram:before{content:"\e09a";}
.social_dribbble:before{content:"\e09b";}
.social_vimeo:before{content:"\e09c";}
.social_linkedin:before{content:"\e09d";}
.social_rss:before{content:"\e09e";}
.social_deviantart:before{content:"\e09f";}
.social_share:before{content:"\e0a0";}
.social_myspace:before{content:"\e0a1";}
.social_skype:before{content:"\e0a2";}
.social_youtube:before{content:"\e0a3";}
.social_picassa:before{content:"\e0a4";}
.social_googledrive:before{content:"\e0a5";}
.social_flickr:before{content:"\e0a6";}
.social_blogger:before{content:"\e0a7";}
.social_spotify:before{content:"\e0a8";}
.social_delicious:before{content:"\e0a9";}
.social_facebook_circle:before{content:"\e0aa";}
.social_twitter_circle:before{content:"\e0ab";}
.social_pinterest_circle:before{content:"\e0ac";}
.social_googleplus_circle:before{content:"\e0ad";}
.social_tumblr_circle:before{content:"\e0ae";}
.social_stumbleupon_circle:before{content:"\e0af";}
.social_wordpress_circle:before{content:"\e0b0";}
.social_instagram_circle:before{content:"\e0b1";}
.social_dribbble_circle:before{content:"\e0b2";}
.social_vimeo_circle:before{content:"\e0b3";}
.social_linkedin_circle:before{content:"\e0b4";}
.social_rss_circle:before{content:"\e0b5";}
.social_deviantart_circle:before{content:"\e0b6";}
.social_share_circle:before{content:"\e0b7";}
.social_myspace_circle:before{content:"\e0b8";}
.social_skype_circle:before{content:"\e0b9";}
.social_youtube_circle:before{content:"\e0ba";}
.social_picassa_circle:before{content:"\e0bb";}
.social_googledrive_alt2:before{content:"\e0bc";}
.social_flickr_circle:before{content:"\e0bd";}
.social_blogger_circle:before{content:"\e0be";}
.social_spotify_circle:before{content:"\e0bf";}
.social_delicious_circle:before{content:"\e0c0";}
.social_facebook_square:before{content:"\e0c1";}
.social_twitter_square:before{content:"\e0c2";}
.social_pinterest_square:before{content:"\e0c3";}
.social_googleplus_square:before{content:"\e0c4";}
.social_tumblr_square:before{content:"\e0c5";}
.social_stumbleupon_square:before{content:"\e0c6";}
.social_wordpress_square:before{content:"\e0c7";}
.social_instagram_square:before{content:"\e0c8";}
.social_dribbble_square:before{content:"\e0c9";}
.social_vimeo_square:before{content:"\e0ca";}
.social_linkedin_square:before{content:"\e0cb";}
.social_rss_square:before{content:"\e0cc";}
.social_deviantart_square:before{content:"\e0cd";}
.social_share_square:before{content:"\e0ce";}
.social_myspace_square:before{content:"\e0cf";}
.social_skype_square:before{content:"\e0d0";}
.social_youtube_square:before{content:"\e0d1";}
.social_picassa_square:before{content:"\e0d2";}
.social_googledrive_square:before{content:"\e0d3";}
.social_flickr_square:before{content:"\e0d4";}
.social_blogger_square:before{content:"\e0d5";}
.social_spotify_square:before{content:"\e0d6";}
.social_delicious_square:before{content:"\e0d7";}
.icon_printer:before{content:"\e103";}
.icon_calulator:before{content:"\e0ee";}
.icon_building:before{content:"\e0ef";}
.icon_floppy:before{content:"\e0e8";}
.icon_drive:before{content:"\e0ea";}
.icon_search-2:before{content:"\e101";}
.icon_id:before{content:"\e107";}
.icon_id-2:before{content:"\e108";}
.icon_puzzle:before{content:"\e102";}
.icon_like:before{content:"\e106";}
.icon_dislike:before{content:"\e0eb";}
.icon_mug:before{content:"\e105";}
.icon_currency:before{content:"\e0ed";}
.icon_wallet:before{content:"\e100";}
.icon_pens:before{content:"\e104";}
.icon_easel:before{content:"\e0e9";}
.icon_flowchart:before{content:"\e109";}
.icon_datareport:before{content:"\e0ec";}
.icon_briefcase:before{content:"\e0fe";}
.icon_shield:before{content:"\e0f6";}
.icon_percent:before{content:"\e0fb";}
.icon_globe:before{content:"\e0e2";}
.icon_globe-2:before{content:"\e0e3";}
.icon_target:before{content:"\e0f5";}
.icon_hourglass:before{content:"\e0e1";}
.icon_balance:before{content:"\e0ff";}
.icon_rook:before{content:"\e0f8";}
.icon_printer-alt:before{content:"\e0fa";}
.icon_calculator_alt:before{content:"\e0e7";}
.icon_building_alt:before{content:"\e0fd";}
.icon_floppy_alt:before{content:"\e0e4";}
.icon_drive_alt:before{content:"\e0e5";}
.icon_search_alt:before{content:"\e0f7";}
.icon_id_alt:before{content:"\e0e0";}
.icon_id-2_alt:before{content:"\e0fc";}
.icon_puzzle_alt:before{content:"\e0f9";}
.icon_like_alt:before{content:"\e0dd";}
.icon_dislike_alt:before{content:"\e0f1";}
.icon_mug_alt:before{content:"\e0dc";}
.icon_currency_alt:before{content:"\e0f3";}
.icon_wallet_alt:before{content:"\e0d8";}
.icon_pens_alt:before{content:"\e0db";}
.icon_easel_alt:before{content:"\e0f0";}
.icon_flowchart_alt:before{content:"\e0df";}
.icon_datareport_alt:before{content:"\e0f2";}
.icon_briefcase_alt:before{content:"\e0f4";}
.icon_shield_alt:before{content:"\e0d9";}
.icon_percent_alt:before{content:"\e0da";}
.icon_globe_alt:before{content:"\e0de";}
.icon_clipboard:before{content:"\e0e6";}
.glyph{float:left;text-align:center;padding:.75em;margin:.4em 1.5em .75em 0;width:6em;text-shadow:none;}
.glyph_big{font-size:128px;color:#59c5dc;float:left;margin-right:20px;}
.glyph div{padding-bottom:10px;}
.glyph input{font-family:consolas, monospace;font-size:12px;width:100%;text-align:center;border:0;box-shadow:0 0 0 1px #ccc;padding:.2em;-moz-border-radius:5px;behavior: url(css/pie/PIE.htc);-webkit-border-radius:5px;}
.centered{margin-left:auto;margin-right:auto;}
.glyph .fs1{font-size:2em;}

html,
body {
		margin:0;
		padding:0;
		height:100%;
}
#procyon_container {
		min-height:100%;

		position:relative;
	}
#procyon_header {
		background:none;
		padding:0px;
		
		height:70px;
	}
#procyon_header_static {
		/*background:#ccc;*/
		padding:0px;
		position:fixed;
		z-index: 10;
		box-shadow: 0px 0px 10px 15px #fff;
		top:0px;
		left:0px;
		width:100%;
		height:70px;
background: rgb(69,72,77);
background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
	}

#procyon_header_static .left_menu{box-sizing:border-box;position:relative;float:left;width:calc(50% - 185px);height:70px;padding-left: 15px;}
#procyon_header_static .right_menu{box-sizing:border-box;position:relative;float:right;width:calc(50% - 185px); height:70px;}

#procyon_header_static .logoplace{box-sizing:border-box;position:relaitve;float:left;height:65px;width:370px; margin-top:15px;  vertical-align:middle;border-radius: 0px 0px 3px 3px !important;
border-bottom:1px solid #867171;
 

background: -moz-linear-gradient(top,  rgba(69,72,77,0) 0%, rgba(69,72,77,0.14) 14%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,0)), color-stop(14%,rgba(69,72,77,0.14)), color-stop(100%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top,  rgba(69,72,77,0) 0%,rgba(69,72,77,0.14) 14%,rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top,  rgba(69,72,77,0) 0%,rgba(69,72,77,0.14) 14%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top,  rgba(69,72,77,0) 0%,rgba(69,72,77,0.14) 14%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom,  rgba(69,72,77,0) 0%,rgba(69,72,77,0.14) 14%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0045484d', endColorstr='#000000',GradientType=0 );


}
#procyon_header_static .logoplace:before {
 /* create a full-height inline block pseudo=element */
    content: ' ';
 
    vertical-align: middle;  /* vertical alignment of the inline element */
    height: 100%;

 }
#procyon_header_static .logoplace img {
    vertical-align: middle;
    display: inline-block;
width:88%;
/*height:160%;*/
margin-left: 6%;
margin-top: -10px;
} 

#procyon_header_shop {
        background:none;
        padding:0px;
        
        height:65px;
    }
#procyon_header_static_shop {
        /*background:#ccc;*/
        padding:0px;
        position:fixed;
        z-index: 99999;
        box-shadow: 0px 0px 10px 15px #fff;
        top:0px;
        left:0px;
        width:100%;
        height:130px;
background: rgb(69,72,77);
background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
    }
    
#procyon_header_static_shop .left_menu{box-sizing:border-box;position:relative;float:left;width:calc(50% - 185px);height:70px;padding-left: 15px;}
#procyon_header_static_shop .right_menu{box-sizing:border-box;position:relative;float:right;width:calc(50% - 185px); height:70px;}

#procyon_header_static_shop .logoplace{box-sizing:border-box;position:relaitve;float:left;height:65px;width:370px; margin-top:15px;  vertical-align:middle;border-radius: 0px 0px 3px 3px !important;
border-bottom:1px solid #867171;
z-index: 2; 

background: -moz-linear-gradient(top,  rgba(69,72,77,0) 0%, rgba(69,72,77,0.14) 14%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,0)), color-stop(14%,rgba(69,72,77,0.14)), color-stop(100%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top,  rgba(69,72,77,0) 0%,rgba(69,72,77,0.14) 14%,rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top,  rgba(69,72,77,0) 0%,rgba(69,72,77,0.14) 14%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top,  rgba(69,72,77,0) 0%,rgba(69,72,77,0.14) 14%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom,  rgba(69,72,77,0) 0%,rgba(69,72,77,0.14) 14%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0045484d', endColorstr='#000000',GradientType=0 );


}
#procyon_header_static_shop .logoplace:before {
 /* create a full-height inline block pseudo=element */
    content: ' ';
 
    vertical-align: middle;  /* vertical alignment of the inline element */
    height: 100%;

 }
#procyon_header_static_shop .logoplace img {
    vertical-align: middle;
    display: inline-block;
width:88%;
/*height:160%;*/
margin-left: 6%;
margin-top: -10px;
} 


#procyon_body {
		/*padding:10px;*/
		padding-bottom:300px;	/* Height of the footer */
		width:90%;
		margin-left:5%;
		/*margin-top:125px;*/
	}
#procyon_footer {
	  border-top:1px solid #333;
	  color:#ccc;
		position:absolute;
		bottom:0;
		width:100%;
		height:280px;			/* Height of the footer */
background: rgb(0,0,0);
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(69,72,77,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(69,72,77,1)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(69,72,77,1) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(69,72,77,1) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(69,72,77,1) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(69,72,77,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#45484d',GradientType=0 );

	}
#procyon_footer .footerblock{box-sizing:border-box;width:25%;position:relative;font-size:14px;line-height:20px;float:left; min-height:200px;}
#procyon_footer .footerblock .header{width:90%; margin-left:5%;height:25px;margin-top:10px;background:#ccc;color:black;line-height:25px;font-size:17px;text-align:center;}

#procyon_footer .footerblock .tech{width:35px;position:relative;box-sizing:border-box;float:right;margin-right:5%;}
#procyon_footer .footerblock .inner{width:90%;position:relative;box-sizing:border-box;float:left;margin-left:5%;padding-top:10px;}
#procyon_footer .footerblock .footerlink{width:100%;position:relative;box-sizing:border-box;float:left;line-height:30px; font-weight:bold;height: 30px;
color: white;}

/*BASIC CSS component classes*/
.zmin{z-index:-1;}
.centered{margin-left:auto;margin-right:auto;position:relative;}

.row:before,.row:after{
box-sizing: border-box;
content: " ";
display: table;
clear: both;} 
.row{
margin-left: 0px;
margin-right: 0px;
overflow:hidden;
}

.tsc_buttons2 { display:inline-block; text-decoration:none; outline:none; cursor:pointer; font:bold 12px/1em HelveticaNeue, Arial, sans-serif; padding:8px 11px; color:#555; text-shadow:0 1px 0 #fff; background:#f5f5f5; background:-webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0)); background:-moz-linear-gradient(top, #f9f9f9, #f0f0f0); border:1px solid #dedede; border-color:#dedede #d8d8d8 #d3d3d3; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb; -moz-box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb; box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
	}

.tsc_buttons2:hover,

.tsc_buttons2:focus { color:#555; background:#efefef; background:-webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e9e9e9)); background:-moz-linear-gradient(top, #f9f9f9, #e9e9e9); border-color:#ccc; -webkit-box-shadow:0 2px 1px #e0e0e0, inset 0 1px 0 #fbfbfb; -moz-box-shadow:0 2px 1px #e0e0e0, inset 0 1px 0 #fbfbfb; box-shadow:0 1px 2px #e0e0e0, inset 0 1px 0 #fbfbfb;}

.tsc_buttons2:active { position:relative; top:1px; color:#555; background:#efefef; background:-webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#f4f4f4)); background:-moz-linear-gradient(top, #eaeaea, #f4f4f4); border-color:#c6c6c6; -webkit-box-shadow:0 1px 0 #fff, inset 0 0 5px #ddd; -moz-box-shadow:0 1px 0 #fff, inset 0 0 5px #ddd; box-shadow:0 1px 0 #fff, inset 0 0 5px #ddd;}

.tsc_buttons2.rounded { padding:8px 15px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;}

input.tsc_buttons2,

button.tsc_buttons2 {  *width:auto; *overflow:visible;} /* IE7 Fix */

.tsc_buttons2 img { border:none; vertical-align:bottom;}

.tsc_buttons2.small { padding:5px 11px; font-size:11px; font-weight:normal; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}

.tsc_buttons2.small.rounded { -webkit-border-radius:11px; -moz-border-radius:11px; border-radius:11px;}



/*  Large buttons */

.tsc_buttons2.large { padding:12px 15px; font-size:20px; font-weight:normal; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

.tsc_buttons2.large.rounded { padding:12px 22px; -webkit-border-radius:23px; -moz-border-radius:23px; border-radius:23px;}


/* custom*/
.tsc_buttons2.custom { padding:8px 10px; font-size:14px; font-weight:normal; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}

/* COLOR VARIATIONS */



/* Light Blue */

.tsc_buttons2.light_blue { background:#92dbf6; background:-webkit-gradient(linear, left top, left bottom, from(#abe4f8), to(#6fcef3)); background:-moz-linear-gradient(top, #abe4f8, #6fcef3); border-color:#7cbdd5; color:#444; text-shadow:0 1px 0 #b6e6f9; -webkit-box-shadow:0 1px 2px #d6d6d6, inset 0 1px 0 #c0ebfa; -moz-box-shadow:0 1px 2px #d6d6d6, inset 0 1px 0 #c0ebfa; box-shadow:0 1px 2px #d6d6d6, inset 0 1px 0 #c0ebfa;}

.tsc_buttons2.light_blue:hover,

.tsc_buttons2.light_blue:focus { background:#85d6f5; background:-webkit-gradient(linear, left top, left bottom, from(#b1e9fd), to(#66c6ea)); background:-moz-linear-gradient(top, #b1e9fd, #66c6ea); border-color:#66a8bf; -webkit-box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #c0ebfa; -moz-box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #c0ebfa; box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #c0ebfa;}

.tsc_buttons2.light_blue:active { background:#92dbf6; border-color:#66a8bf; -webkit-box-shadow:0 1px 0 #fff, inset 0 0 5px #66a8bf; -moz-box-shadow:0 1px 0 #fff, inset 0 0 5px #66a8bf; box-shadow:0 1px 0 #fff, inset 0 0 5px #66a8bf;}



/*  Blue */

.tsc_buttons2.blue { background:#377ad0; background:-webkit-gradient(linear, left top, left bottom, from(#52a8e8), to(#377ad0)); background:-moz-linear-gradient(top, #52a8e8, #377ad0); border-color:#4081af #2e69a3 #20559a; color:#fff; text-shadow:0 1px 1px #4081af; -webkit-box-shadow:0 1px 2px #d6d6d6, inset 0 1px 1px #72b9eb; -moz-box-shadow:0 1px 2px #d6d6d6, inset 0 1px 1px #72b9eb; box-shadow:0 1px 2px #d6d6d6, inset 0 1px 1px #72b9eb;}

.tsc_buttons2.blue:hover,

.tsc_buttons2.blue:focus { background:#206bcb; background:-webkit-gradient(linear, left top, left bottom, from(#3e9ee5), to(#206bcb)); background:-moz-linear-gradient(top, #3e9ee5, #206bcb); border-color:#2a73a6 #165899 #07428f; -webkit-box-shadow:0 1px 0 0 #fff, inset 0 1px 0 0 #62b1e9; -moz-box-shadow:0 1px 0 0 #fff, inset 0 1px 0 0 #62b1e9; box-shadow:0 1px 0 0 #fff, inset 0 1px 0 0 #62b1e9;}

.tsc_buttons2.blue:active { background:#3282d3; border-color:#154c8c #154c8c #0e408e; text-shadow:0 -1px 1px #1d62ab; -webkit-box-shadow:0 1px 0 0 #fff, inset 0 0 6px 3px #1657b5; -moz-box-shadow:0 1px 0 0 #fff, inset 0 0 6px 3px #1657b5; box-shadow:0 1px 0 0 #fff, inset 0 0 6px 3px #1657b5;}



/*  Green */

.tsc_buttons2.green { background:#7fbf4d; background:-webkit-gradient(linear, left top, left bottom, from(#7fbf4d), to(#63a62f)); background:-moz-linear-gradient(top, #7fbf4d, #63a62f); border-color:#63a62f; color:#fff; text-shadow:0 1px 0 #53961e; -webkit-box-shadow:0 1px 2px #d6d6d6, inset 0 1px 0 #96d865; -moz-box-shadow:0 1px 2px #d6d6d6, inset 0 1px 0 #96d865; box-shadow:0 1px 2px #d6d6d6, inset 0 1px 0 #96d865;}

.tsc_buttons2.green:hover,

.tsc_buttons2.green:focus { background:#76b347; background:-webkit-gradient(linear, left top, left bottom, from(#86c755), to(#5ea12a)); background:-moz-linear-gradient(top, #86c755, #5ea12a); border-color:#53961e; -webkit-box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #96d865; -moz-box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #96d865; box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #96d865;}

.tsc_buttons2.green:active { background:#7fbf4d; border-color:#53961e; -webkit-box-shadow:0 1px 0 #fff, inset 0 0 5px #53961e; -moz-box-shadow:0 1px 0 #fff, inset 0 0 5px #53961e; box-shadow:0 1px 0 #fff, inset 0 0 5px #53961e;}



/*  Red */

.tsc_buttons2.red { background:#e6433d; background:-webkit-gradient(linear, left top, left bottom, from(#f8674b), to(#d54746)); background:-moz-linear-gradient(top, #f8674b, #d54746); border-color:#d1371c #d1371c #9f220d; color:#fff; text-shadow:0 1px 1px #961a07; -webkit-box-shadow:0 1px 2px #d6d6d6, inset 0 1px 0 #ff9573; -moz-box-shadow:0 1px 2px #d6d6d6, inset 0 1px 0 #ff9573; box-shadow:0 1px 2px #d6d6d6, inset 0 1px 0 #ff9573;}

.tsc_buttons2.red:hover,

.tsc_buttons2.red:focus { background:#dd3a37; background:-webkit-gradient(linear, left top, left bottom, from(#ff7858), to(#cc3a3b)); background:-moz-linear-gradient(top, #ff7858, #cc3a3b); border-color:#961a07; -webkit-box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #ff9573; -moz-box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #ff9573; box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #ff9573;}

.tsc_buttons2.red:active { background:#e6433d; border-color:#961a07; -webkit-box-shadow:0 1px 0 #fff, inset 0 0 5px #961a07; -moz-box-shadow:0 1px 0 #fff, inset 0 0 5px #961a07; box-shadow:0 1px 0 #fff, inset 0 0 5px #961a07;}



/*  Orange */

.tsc_buttons2.orange { background:#ee8f1f; background:-webkit-gradient(linear, left top, left bottom, from(#f5b026), to(#f48423)); background:-moz-linear-gradient(top, #f5b026, #f48423); border-color:#e6791c #e6791c #d86f15; color:#fff; text-shadow:0 1px 1px #b85300; -webkit-box-shadow:0 1px 2px #d7e9a4, inset 0 1px 0 #f8d898; -moz-box-shadow:0 1px 2px #d7e9a4, inset 0 1px 0 #f8d898; box-shadow:0 1px 2px #d7e9a4, inset 0 1px 0 #f8d898;}

.tsc_buttons2.orange:hover,

.tsc_buttons2.orange:focus { background:#e38512; background:-webkit-gradient(linear, left top, left bottom, from(#ffbb33), to(#eb7b1a)); background:-moz-linear-gradient(top, #ffbb33, #eb7b1a); border-color:#d0680c; -webkit-box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #ffdf9e; -moz-box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #ffdf9e; box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #ffdf9e;}

.tsc_buttons2.orange:active { background:#ee8f1f; border-color:#d0680c; -webkit-box-shadow:0 1px 0 #fff, inset 0 0 5px #d0680c; -moz-box-shadow:0 1px 0 #fff, inset 0 0 5px #d0680c; box-shadow:0 1px 0 #fff, inset 0 0 5px #d0680c;}



/*  Yellow */

.tsc_buttons2.yellow { background:#f9e327; background:-webkit-gradient(linear, left top, left bottom, from(#fceb4c), to(#ebd611)); background:-moz-linear-gradient(top, #fceb4c, #ebd611); border-color:#dcc700 #dcc700 #c2b00b; color:#444; text-shadow:0 1px 1px #ffff98; -webkit-box-shadow:0 1px 2px #d7e9a4, inset 0 1px 0 #fee395; -moz-box-shadow:0 1px 2px #d7e9a4, inset 0 1px 0 #fee395; box-shadow:0 1px 2px #d7e9a4, inset 0 1px 0 #fee395;}

.tsc_buttons2.yellow:hover,

.tsc_buttons2.yellow:focus { background:#ebd611; background:-webkit-gradient(linear, left top, left bottom, from(#fffa58), to(#e1cd00)); background:-moz-linear-gradient(top, #fffa58, #e1cd00); border-color:#cebb10; -webkit-box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #fee395; -moz-box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #fee395; box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #fee395;}

.tsc_buttons2.yellow:active { background:#f9e327; border-color:#cebb10; -webkit-box-shadow:0 1px 0 #fff, inset 0 0 5px #cebb10; -moz-box-shadow:0 1px 0 #fff, inset 0 0 5px #cebb10; box-shadow:0 1px 0 #fff, inset 0 0 5px #cebb10;}



/*  Pink */

.tsc_buttons2.pink { background:#f87bca; background:-webkit-gradient(linear, left top, left bottom, from(#f87bca), to(#ec56b5)); background:-moz-linear-gradient(top, #f87bca, #ec56b5); border-color:#e54aac #e54aac #cc3695; color:#fff; text-shadow:0 1px 1px #c02589; -webkit-box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #f1b9dd; -moz-box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #f1b9dd; box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #f1b9dd;}

.tsc_buttons2.pink:hover,

.tsc_buttons2.pink:focus { background:#f075c3; background:-webkit-gradient(linear, left top, left bottom, from(#ff85d3), to(#e34dac)); background:-moz-linear-gradient(top, #ff85d3, #e34dac); border-color:#c02589; -webkit-box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #f1b9dd; -moz-box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #f1b9dd; box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #f1b9dd;}

.tsc_buttons2.pink:active { background:#f87bca; border-color:#c02589; -webkit-box-shadow:0 1px 0 #fff, inset 0 0 5px #c02589; -moz-box-shadow:0 1px 0 #fff, inset 0 0 5px #c02589; box-shadow:0 1px 0 #fff, inset 0 0 5px #c02589;}



/*  Purple */

.tsc_buttons2.purple { background:#995dc8; background:-webkit-gradient(linear, left top, left bottom, from(#c785e5), to(#995dc8)); background:-moz-linear-gradient(top, #c785e5, #995dc8); border-color:#7c45aa #7c45aa #5d288a; color:#fff; text-shadow:0 1px 1px #370662; -webkit-box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #ce8ded; -moz-box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #ce8ded; box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #ce8ded;}

.tsc_buttons2.purple:hover,

.tsc_buttons2.purple:focus { background:#8b50ba; background:-webkit-gradient(linear, left top, left bottom, from(#cc8aea), to(#884eb8)); background:-moz-linear-gradient(top, #cc8aea, #884eb8); border-color:#5d288a; -webkit-box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #ce8ded; -moz-box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #ce8ded; box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #ce8ded;}

.tsc_buttons2.purple:active { background:#995dc8; border-color:#5d288a; -webkit-box-shadow:0 1px 0 #fff, inset 0 0 5px #5d288a; -moz-box-shadow:0 1px 0 #fff, inset 0 0 5px #5d288a; box-shadow:0 1px 0 #fff, inset 0 0 5px #5d288a;}



/*  Grey */

.tsc_buttons2.grey { background:#969696; background:-webkit-gradient(linear, left top, left bottom, from(#ababab), to(#818181)); background:-moz-linear-gradient(top, #ababab, #818181); border-color:#a0a0a0 #7c7c7c #717171; color:#fff; text-shadow:0 1px 1px #444; -webkit-box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #bebebe; -moz-box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #bebebe; box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #bebebe;}

.tsc_buttons2.grey:hover,

.tsc_buttons2.grey:focus { background:#868686; background:-webkit-gradient(linear, left top, left bottom, from(#b0b0b0), to(#6f6f6f)); background:-moz-linear-gradient(top, #b0b0b0, #6f6f6f); border-color:#666 #666 #606060; -webkit-box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #bebebe; -moz-box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #bebebe; box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #bebebe;}

.tsc_buttons2.grey:active { background:#909090; border-color:#606060; -webkit-box-shadow:0 1px 0 #fff, inset 0 0 5px #606060; -moz-box-shadow:0 1px 0 #fff, inset 0 0 5px #606060; box-shadow:0 1px 0 #fff, inset 0 0 5px #606060;}



/*  Black */

.tsc_buttons2.black { background:#525252; background:-webkit-gradient(linear, left top, left bottom, from(#5e5e5e), to(#434343)); background:-moz-linear-gradient(top, #5e5e5e, #434343); border-color:#4c4c4c #313131 #1f1f1f; color:#fff; text-shadow:0 1px 1px #2e2e2e; -webkit-box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #868686; -moz-box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #868686; box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #868686;}

.tsc_buttons2.black:hover,

.tsc_buttons2.black:focus { background:#4b4b4b; background:-webkit-gradient(linear, left top, left bottom, from(#686868), to(#363636)); background:-moz-linear-gradient(top, #686868, #363636); border-color:#313131; -webkit-box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #868686; -moz-box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #868686; box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #868686;}

.tsc_buttons2.black:active { background:#525252; border-color:#313131; -webkit-box-shadow:0 1px 0 #fff, inset 0 0 5px #313131; -moz-box-shadow:0 1px 0 #fff, inset 0 0 5px #313131; box-shadow:0 1px 0 #fff, inset 0 0 5px #313131;}

.tsc_mail{margin-left: auto;
width: 130px;
position: relative;
margin-right: auto;
display: block;
box-sizing: border-box;}

/*shared*/

div#ibacor_shareawesome p{
    display:inline-block;
    margin:10px 0px 10px;
    padding:0
}
a.sh_btn{
    color:#fff;
    text-decoration:none
}
.sh_btn {
    cursor:pointer;
    color: #fff;
    border: none;
    padding: 10px;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transition: border .25s linear,color .25s linear,background-color .25s linear;
    transition: border .25s linear,color .25s linear,background-color .25s linear
}
.sh_btn:hover {
    background-color: rgba(220,220,220,0.5);
    color: #000
}
.sh-facebook {
    background-color: #4769a5;
    border-color: #354d79;
    -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -2px 0 rgba(0,0,0,.15)
}
.sh-twitter {
    background-color: #51a3bf;
    border-color: #408299;
    -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -2px 0 rgba(0,0,0,.15)
}
.sh-google {
    background-color: #bf3727;
    border-color: #932b1f;
    -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -2px 0 rgba(0,0,0,.15)
}
.sh-linkedin {
    background-color: #2ba3e1;
    border-color: #207aa8;
    -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -2px 0 rgba(0,0,0,.15)
}
.sh-stumbleupon {
    background-color: #eb4723;
    border-color: #ab361d;
    -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -2px 0 rgba(0,0,0,.15)
}
.sh-reddit, .sh-buffer {
    background-color: #333333;
    border-color: #1d1d1d;
    -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -2px 0 rgba(0,0,0,.15)
}
.sh-pinterest {
    background-color: #cc2209;
    border-color: #9b1a20;
    -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -2px 0 rgba(0,0,0,.15)
}
.sh-total {
    background: #fff;
    color: #888;
    border: 1px solid rgba(0,0,0,.15);
    padding: 9px;
    border-radius: 10px;
}


/**/

.printcontainer
    {
        position: relative;
        padding:35px;
        padding-left: 45px;
        width:690px;
    }
.printcontainer .cikkbox .descshort p{font-size: 12px;}
.printcontainer .cikkbox .artbody p{font-size: 12px;}

#bookmark-this{color:#333;text-decoration: none;}
#bookmark-this span{color:#333;font-size: 26px;}
.exporting span{color:#333;font-size: 26px;}
.exporting {color:#333;font-size: 26px; margin-left: 5px;margin-right: 5px;}
a .exporting {color:#333;font-size: 26px;}
a .exporting span{color:#333;font-size: 26px;}

.searchbox{width:90%;margin-top:7px;margin-left:5%;position:relative;}
.searchbox_web{width:60%;margin-top:7px;margin-left:5%;position:relative;float: left;}
.loginbox_web{width:30%;margin-left:5%;position:relative;float: right;}

.hollow{background:none;border:0px none; position:absolute;right: 0%;
top: 13px;
color: #1A1A1A;
font-size: 23px;cursor:pointer;}
.hollow:hover{color:red;}
.clear{
box-sizing: border-box;
content: " ";
display: table;
clear: both;
width:100%;
height: 1px;
}
.clearline{
box-sizing: border-box;
content: " ";
display: table;
clear: both;
width:100%;
border-bottom: 1px solid #666;
margin-top: 10px;
margin-bottom: 10px;
height: 1px;
}
.gen_input{width: 100%;
height: 35px;
line-height: 35px;
color: #333;
margin-bottom: 10px;
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );

border-radius: 3px;
border: 1px solid #333;
box-sizing: border-box;
padding-left: 10px;
padding-right: 10px;
position: relative;}
.searchbox .gen_input{padding-right:40px;}
.topbanner{width:100%;
height:90px;
position:relative;
box-sizing:border-box;
border:1px dotted #ccc;
}
.banner{
position: absolute;
box-sizing:border-box;
border-radius: 3px;
font-size: 9px;
color: #666;
font-style: italic;
left:15px;
top: -9px;
background: rgb(249,252,247);
background: -moz-linear-gradient(top,  rgba(249,252,247,1) 0%, rgba(245,249,240,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,252,247,1)), color-stop(100%,rgba(245,249,240,1)));
background: -webkit-linear-gradient(top,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%);
background: -o-linear-gradient(top,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%);
background: -ms-linear-gradient(top,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%);
background: linear-gradient(to bottom,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0',GradientType=0 );
}

.sidebannerspace{width:240px;
/*height:100%;*/
position:relative;
float:right;
box-sizing:border-box;
}


.sidebanner_240_480{width:240px;
height:480px;
position:relative;
box-sizing:border-box;
border:1px dotted #ccc;
margin-top: 10px;
display: block;
}

.sidebanner_240_400{width:240px;
height:400px;
position:relative;
box-sizing:border-box;
border:1px dotted #ccc;
margin-top: 10px;
display: block;
}
.sidebanner_240_250{width:240px;
height:250px;
position:relative;
box-sizing:border-box;
border:1px dotted #ccc;
margin-top: 10px;
display: block;
}

.sidebanner_240_120{width:240px;
height:120px;
position:relative;
box-sizing:border-box;
border:1px dotted #ccc;
margin-top: 10px;
display: block;
}

.sidebanner_120_240{
width:120px;
height:240px;
position:relative;
box-sizing:border-box;
border:1px dotted #ccc;
float:left;
margin-top: 10px;
display: block;
}

.banner_article_top400_150{
width:400px;
height:150px;
position:relative;
box-sizing:border-box;
border:1px dotted #ccc;
float:left;
margin-top: 10px;
margin-bottom: 10px;
display: block;
}

.imgfocus{
position: relative;
width:49%;
/*min-height:240px;*/
position:relative;
box-sizing:border-box;
border:1px dotted #ccc;
float:left;
margin-left: 3px;
}

.article_show{
width:69%;
/*min-width:calc(100% - 200px);*/
position:relative;
box-sizing:border-box;
float:left;
padding-right: 15px;
}

.image_infographics
{
width:96%;
margin-left: 2%;
position:relative;
box-sizing:border-box; 
}
.image_infographics img
{
    width:100%;
}
.rev_pro{width:25%;position:relative;
box-sizing:border-box; 
float:left;
height:150px;font-family: "Roboto"; font-size: 14px;line-height: 18px;}

.rev_pro .sign{font-size: 100px;width: 100px;
font-family: "ElegantIcons";
color: darkgreen;
line-height: 120px;
position: absolute;
z-index: -1;
opacity: 0.5;
margin-left: 24%;margin-right: auto;}
.rev_pro .sign:before{content:"\e050";}

.rev_pont{width:50%;position:relative;
box-sizing:border-box; 
float:left;height:150px;}

.rev_con{width:25%;position:relative;
box-sizing:border-box; 
float:left;height:150px;font-family: "Roboto"; font-size: 14px;line-height: 18px;}


.rev_con .sign{font-size: 100px;
width: 100px;
font-family: "ElegantIcons";
color: #8B0000;
line-height: 120px;
position: absolute;
z-index: -1;
opacity: 0.5;
margin-left: 19%;margin-right: auto;}
.rev_con .sign:before{content:"\e04f";}


.listing_show{
 width:95%;
/*min-width:calc(100% - 200px);*/
position:relative;
box-sizing:border-box;
float:left;
padding-right: 15px;   
}
.review_show{
width:29%;
/*min-width:200px;*/
margin-left:1%;
 
position:relative;
box-sizing:border-box;
 
float:left;

}
.cikkbox{
width:100%;
position:relative;
box-sizing:border-box;
 
margin-bottom:25px;
}
.cikkbox .title h2{width:100%;position:relative; font-size: 30px;line-height: 130%;font-family:'Roboto'; font-weight: 100;}
.cikkbox .title h2 a{color:darkred;}
.cikkbox .catname,
.cikkbox .auth{
font-size: 16px;line-height: 1.6;font-family:'Roboto';
font-size: 16px;
color: #8899A6;
position:relative;
float:left;
}
.cikkbox .auth{float:right;}
.cikkbox .descshort{width:65%;position:relative;box-sizing:border-box;float: right;}
.cikkbox .descshort p{
font-family:'Roboto';
font-size: 14px;
line-height: 1.3;
width:100%;
position:relative;
height: auto;
overflow: auto;
white-space: normal;
text-overflow: clip;
  margin-bottom: 15px;
}
.cikkbox .artbody{width:100%;position:relative;box-sizing:border-box;float: left;  margin-bottom: 15px; }

.cikkbox .artbody p{
font-family:'Roboto';
font-size: 14px;
line-height: 1.3;
width:100%;
position:relative;
height: auto;
overflow: auto;
white-space: normal;
 
   
}

.cikkbox .image{
width:30%;
position:relative;
box-sizing:border-box;
display: inline-block;
float: left;
}
.cikkbox .image img{width:100%;}

.cikkbox .read{
font-family:'Roboto';
font-size: 13px;
line-height: 25px;
width:100%;
height:25px;
background: #F0F0F0;
}
.cikkbox .read a{
color:darkred;
}


.articlebox{
width:100%;
position:relative;
box-sizing:border-box;
border-bottom:1px dotted #ccc;
margin-bottom:25px;
}
.articlebox .title h2{width:100%;position:relative; font-size: 30px;line-height: 130%;font-family:'Roboto'; font-weight: 100;}
.articlebox .title h2 a{color:darkred;}
.articlebox .catname,
.articlebox .auth{
font-size: 16px;line-height: 1.6;font-family:'Roboto';
font-size: 16px;
color: #8899A6;
position:relative;
float:left;
}
.articlebox .auth{float:right;}

.articlebox .descshort p{
font-family:'Roboto';
font-size: 18px;
line-height: 1.5;
width:100%;
position:relative;
height: auto;
overflow: auto;
white-space: normal;
text-overflow: clip;
margin: 10px 0px;    
}
.articlebox .image{
width:100%;
position:relative;
box-sizing:border-box;
display: block;
}
.articlebox .image img{width:100%;}

.articlebox .read{
font-family:'Roboto';
font-size: 13px;
line-height: 25px;
width:100%;
height:25px;
background: #F0F0F0;
}
.articlebox .read a{
color:darkred;
}


.sidebarbox{
width:100%;
position:relative;
box-sizing:border-box;
border-bottom:1px dotted #ccc;
margin-bottom:25px;
}
.sidebarbox .title h2{width:100%;position:relative; font-size: 20px;line-height: 130%;font-family:'Roboto'; font-weight: 100;}
.sidebarbox .title h2 a{color:darkred;}
.sidebarbox .catname,
.sidebarbox .auth{
font-size: 12px;line-height: 1.4;font-family:'Roboto';
font-size: 12px;
color: #8899A6;
position:relative;
float:left;
}
.sidebarbox .auth{float:right;}

.sidebarbox .descshort p{
font-family:'Roboto';
font-size: 14px;
line-height: 1.5;
width:100%;
position:relative;
height: auto;
overflow: auto;
white-space: normal;
text-overflow: clip;
margin: 10px 0px;    
}
.sidebarbox .image{
width:100%;
position:relative;
box-sizing:border-box;
display: block;
}
.sidebarbox .image img{width:100%;}

.sidebarbox .read{
font-family:'Roboto';
font-size: 13px;
line-height: 25px;
width:100%;
height:25px;
background: #F0F0F0;
}
.sidebarbox .read a{
color:darkred;
}



.listingbox{
width:100%;
position:relative;
box-sizing:border-box;
border-bottom:1px dotted #ccc;
margin-bottom:25px;
}
.listingbox .title h2{width:100%;position:relative; font-size: 30px;line-height: 130%;font-family:'Roboto'; font-weight: 100;}
.listingbox .title h2 a{color:darkred;}
.listingbox .catname,
.listingbox .auth{
font-size: 16px;line-height: 1.6;font-family:'Roboto';
font-size: 16px;
color: #8899A6;
position:relative;
float:left;
}
.listingbox .auth{float:right;}
.listingbox .descshort{width:65%;position:relative;box-sizing:border-box;float: right;}
.listingbox .descshort p{
font-family:'Roboto';
font-size: 18px;
line-height: 1.5;
width:100%;
position:relative;
height: auto;
overflow: auto;
white-space: normal;
text-overflow: clip;
 
}
.listingbox .image{
width:30%;
position:relative;
box-sizing:border-box;
display: inline-block;
float: left;
}
.listingbox .image img{width:100%;}

.listingbox .read{
font-family:'Roboto';
font-size: 13px;
line-height: 25px;
width:100%;
height:25px;
background: #F0F0F0;
}
.listingbox .read a{
color:darkred;
}


/******* fixed box *******/

.fixedbox{
width:100%;
/*height: 100%;*/
position:relative;
box-sizing:border-box;
border-bottom:1px dotted #ccc;
margin-bottom:25px;
}
.fixedbox .title {width:100%;
position:absolute;top:0px;left:0px;box-sizing:border-box;
background: -moz-linear-gradient(left,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0.65)));
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 100%);
background: -o-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 100%);
background: -ms-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 100%);
background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#a6000000',GradientType=1 );
z-index: 1;
padding:5px;
;
}
.fixedbox .title h2{width:100%;position:relative; font-size: 20px;line-height: 130%;font-family:'Roboto'; font-weight: 100;}
.fixedbox a .title h2 {color:#fff;}
.fixedbox .catname,
.fixedbox .auth{
font-size: 16px;line-height: 1.6;font-family:'Roboto';
font-size: 16px;
color: #8899A6;
position:relative;
float:left;
}
.fixedbox .auth{float:right;}
.fixedbox .descshort p{
font-family:'Roboto';
font-size: 18px;
line-height: 1.5;
width:100%;
position:absolute;
bottom:0px;
left:0px;
height: auto;
overflow: auto;
white-space: normal;
text-overflow: clip;
margin: 10px 0px;    
padding: 10px;
}

.fixedbox a .descshort p {color:#000;}

.fixedbox .image{
    width: 100%;
    
    height: 0;
    padding-bottom: 44.0%;
    border: 2px solid white;
    position: relative;

}

@media (min-width: 1921px) {		
  .fixedbox .image{
    padding-bottom: 48.0%;
  }
}
.fixedbox .image img{    width: 100%;
    position: absolute;}
.fixedbox .title h2{
font-size:35px;
}

.fixedbox .read{
font-family:'Roboto';
font-size: 13px;
line-height: 25px;
width:100%;
height:25px;
background: #F0F0F0;
}
.fixedbox .read a{
color:darkred;
}



.reviewbox{
width:100%;
position:relative;
box-sizing:border-box;
border-bottom:1px dotted #ccc;
margin-bottom:25px;
}
.reviewbox .title h2{width:100%;position:relative; font-size: 20px;line-height: 130%;font-family:'Roboto'; font-weight: 100;}
.reviewbox .title h2 a{color:darkred;}
.reviewbox .catname,
.reviewbox .auth{
font-size: 13px;line-height: 1.4;font-family:'Roboto';
 
color: #8899A6;
position:relative;
float:left;
}
.reviewbox .auth{float:right;}

.reviewbox .descshort p{
font-family:'Roboto';
font-size: 14px;
line-height: 1.3;
width:100%;
position:relative;
height: auto;
overflow: auto;
white-space: normal;
text-overflow: clip;
margin: 10px 0px;    
}

.reviewbox .image{
width:100%;
position:relative;
box-sizing:border-box;
display: block;
}
.reviewbox .image img{width:100%;}

.reviewbox .read{
font-family:'Roboto';
font-size: 11px;
line-height: 25px;
width:100%;
height:25px;
background: #F0F0F0;
}
.reviewbox .read a{
color:darkred;
}


.nullpoint{width:15px;height:30px;border:1px dotted #333; margin-right:5px;position:relative; float:left; box-sizing:border-box;background: white;}
.fullpoint {
background: darkred;
width:15px;height:30px;border:1px dotted #333; margin-right:5px;position:relative; float:left; box-sizing:border-box;
}

.point1{width:15px;height:30px;border:1px dotted #333; margin-right:5px;position:relative; float:left; box-sizing:border-box;
background: rgb(119,0,0);
background: -moz-linear-gradient(left,  rgba(119,0,0,1) 60%, rgba(255,255,255,1) 60%);
background: -webkit-gradient(linear, left left, left right, color-sleft(60%,rgba(119,0,0,1)), color-sleft(60%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(left,  rgba(119,0,0,1) 60%,rgba(255,255,255,1) 60%);
background: -o-linear-gradient(left,  rgba(119,0,0,1) 60%,rgba(255,255,255,1) 60%);
background: -ms-linear-gradient(left,  rgba(119,0,0,1) 60%,rgba(255,255,255,1) 60%);
background: linear-gradient(to right,  rgba(119,0,0,1) 60%,rgba(255,255,255,1) 60%);
}

.point2{width:15px;height:30px;border:1px dotted #333; margin-right:5px;position:relative; float:left; box-sizing:border-box;
background: rgb(119,0,0);
background: -moz-linear-gradient(left,  rgba(119,0,0,1) 20%, rgba(255,255,255,1) 20%);
background: -webkit-gradient(linear, left left, left right, color-sleft(20%,rgba(119,0,0,1)), color-sleft(20%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(left,  rgba(119,0,0,1) 20%,rgba(255,255,255,1) 20%);
background: -o-linear-gradient(left,  rgba(119,0,0,1) 20%,rgba(255,255,255,1) 20%);
background: -ms-linear-gradient(left,  rgba(119,0,0,1) 20%,rgba(255,255,255,1) 20%);
background: linear-gradient(to right,  rgba(119,0,0,1) 20%,rgba(255,255,255,1) 20%);
}
.point3{width:15px;height:30px;border:1px dotted #333; margin-right:5px;position:relative; float:left; box-sizing:border-box;
background: rgb(119,0,0);
background: -moz-linear-gradient(left,  rgba(119,0,0,1) 30%, rgba(255,255,255,1) 30%);
background: -webkit-gradient(linear, left left, left right, color-sleft(30%,rgba(119,0,0,1)), color-sleft(30%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(left,  rgba(119,0,0,1) 30%,rgba(255,255,255,1) 30%);
background: -o-linear-gradient(left,  rgba(119,0,0,1) 30%,rgba(255,255,255,1) 30%);
background: -ms-linear-gradient(left,  rgba(119,0,0,1) 30%,rgba(255,255,255,1) 30%);
background: linear-gradient(to right,  rgba(119,0,0,1) 30%,rgba(255,255,255,1) 30%);
}
.point4{width:15px;height:30px;border:1px dotted #333; margin-right:5px;position:relative; float:left; box-sizing:border-box;
background: rgb(119,0,0);
background: -moz-linear-gradient(left,  rgba(119,0,0,1) 40%, rgba(255,255,255,1) 40%);
background: -webkit-gradient(linear, left left, left right, color-sleft(40%,rgba(119,0,0,1)), color-sleft(40%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(left,  rgba(119,0,0,1) 40%,rgba(255,255,255,1) 40%);
background: -o-linear-gradient(left,  rgba(119,0,0,1) 40%,rgba(255,255,255,1) 40%);
background: -ms-linear-gradient(left,  rgba(119,0,0,1) 40%,rgba(255,255,255,1) 40%);
background: linear-gradient(to right,  rgba(119,0,0,1) 40%,rgba(255,255,255,1) 40%);
}
.point5{width:15px;height:30px;border:1px dotted #333; margin-right:5px;position:relative; float:left; box-sizing:border-box;
background: rgb(119,0,0);
background: -moz-linear-gradient(left,  rgba(119,0,0,1) 50%, rgba(255,255,255,1) 50%);
background: -webkit-gradient(linear, left left, left right, color-sleft(50%,rgba(119,0,0,1)), color-sleft(50%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(left,  rgba(119,0,0,1) 50%,rgba(255,255,255,1) 50%);
background: -o-linear-gradient(left,  rgba(119,0,0,1) 50%,rgba(255,255,255,1) 50%);
background: -ms-linear-gradient(left,  rgba(119,0,0,1) 50%,rgba(255,255,255,1) 50%);
background: linear-gradient(to right,  rgba(119,0,0,1) 60%,rgba(255,255,255,1) 60%);
}
.point6{width:15px;height:30px;border:1px dotted #333; margin-right:5px;position:relative; float:left; box-sizing:border-box;
background: rgb(119,0,0);
background: -moz-linear-gradient(left,  rgba(119,0,0,1) 60%, rgba(255,255,255,1) 60%);
background: -webkit-gradient(linear, left left, left right, color-sleft(60%,rgba(119,0,0,1)), color-sleft(60%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(left,  rgba(119,0,0,1) 60%,rgba(255,255,255,1) 60%);
background: -o-linear-gradient(left,  rgba(119,0,0,1) 60%,rgba(255,255,255,1) 60%);
background: -ms-linear-gradient(left,  rgba(119,0,0,1) 60%,rgba(255,255,255,1) 60%);
background: linear-gradient(to right,  rgba(119,0,0,1) 60%,rgba(255,255,255,1) 60%);
}
.reviewbox .point7{width:15px;height:30px;border:1px dotted #333; margin-right:5px;position:relative; float:left; box-sizing:border-box;
background: rgb(119,0,0);
background: -moz-linear-gradient(left,  rgba(119,0,0,1) 70%, rgba(255,255,255,1) 70%);
background: -webkit-gradient(linear, left left, left right, color-sleft(70%,rgba(119,0,0,1)), color-sleft(70%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(left,  rgba(119,0,0,1) 70%,rgba(255,255,255,1) 70%);
background: -o-linear-gradient(left,  rgba(119,0,0,1) 70%,rgba(255,255,255,1) 70%);
background: -ms-linear-gradient(left,  rgba(119,0,0,1) 70%,rgba(255,255,255,1) 70%);
background: linear-gradient(to right,  rgba(119,0,0,1) 70%,rgba(255,255,255,1) 70%);
}
.point8{width:15px;height:30px;border:1px dotted #333; margin-right:5px;position:relative; float:left; box-sizing:border-box;
background: rgb(119,0,0);
background: -moz-linear-gradient(left,  rgba(119,0,0,1) 80%, rgba(255,255,255,1) 80%);
background: -webkit-gradient(linear, left left, left right, color-sleft(80%,rgba(119,0,0,1)), color-sleft(80%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(left,  rgba(119,0,0,1) 80%,rgba(255,255,255,1) 80%);
background: -o-linear-gradient(left,  rgba(119,0,0,1) 80%,rgba(255,255,255,1) 80%);
background: -ms-linear-gradient(left,  rgba(119,0,0,1) 80%,rgba(255,255,255,1) 80%);
background: linear-gradient(to right,  rgba(119,0,0,1) 80%,rgba(255,255,255,1) 80%);
}
.point9{width:15px;height:30px;border:1px dotted #333; margin-right:5px;position:relative; float:left; box-sizing:border-box;
background: rgb(119,0,0);
background: -moz-linear-gradient(left,  rgba(119,0,0,1) 90%, rgba(255,255,255,1) 90%);
background: -webkit-gradient(linear, left left, left right, color-sleft(90%,rgba(119,0,0,1)), color-sleft(90%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(left,  rgba(119,0,0,1) 90%,rgba(255,255,255,1) 90%);
background: -o-linear-gradient(left,  rgba(119,0,0,1) 90%,rgba(255,255,255,1) 90%);
background: -ms-linear-gradient(left,  rgba(119,0,0,1) 90%,rgba(255,255,255,1) 90%);
background: linear-gradient(to right,  rgba(119,0,0,1) 90%,rgba(255,255,255,1) 90%);
}



.value{
 position:relative; font-size: 35px;line-height: 35px;font-family:'Roboto'; font-weight: 200;margin-left:15px; float:right;
}
.bigvalue{float: none; font-size: 35px;line-height: 65px;font-family:'Roboto'; font-weight: 900;margin-left:15px; text-align: center;}

.orig_frame{width:100%;position: relative; width:100%;min-width: 300px; margin-top: 15px;margin-bottom: 15px;
box-sizing:border-box;padding:10px; background: #ccc;height:65px;border:1px dotted #ccc;border-radius: 3px;}
.original_text{float: right;position: relative; width:100%;min-width: 300px; 
box-sizing:border-box; }
.original_text button{padding-left: 15px;padding-right: 15px;  margin:auto;position: relative;line-height: 35px;height: 40px;font-family: 'Roboto';font-size: 18px;
border-radius: 3px; border:1px solid #ccc; background: #fff;cursor: pointer;
}
.original_text_wrap{display: none; width:100%;box-sizing:border-box;position: relative;}
.original_text_wrap p{
font-style: italic;
font-family:'Roboto';
font-size: 14px;
line-height: 1.3;
width:100%;
position:relative;
height: auto;
overflow: auto;
white-space: normal;
text-overflow: clip;
margin: 10px 0px;   
border: 1px dotted #darkred; 
}

.search_big{width:100%;position: relative;}

.bigsrch{float: right;position: relative; width:50%;min-width: 200px; 
box-sizing:border-box;}
.smlsrch{float: left;position: relative; width:30%;min-width: 150px;padding-top: 10px;padding-right: 10px; 
box-sizing:border-box;}
.midsrch{float: left;position: relative; width:20%;min-width: 100px;padding-top: 10px;padding-right: 10px; 
box-sizing:border-box;}

.mainbtn{line-height: 70px;height:70px;padding-left: 20px;padding-right: 20px;color: #fff;
font-family: Roboto;
font-size: 16px;
font-weight: 200;border-right: 1px dotted #fff;text-decoration:none;float: left;position: relative;display: block;box-sizing:border-box;}

.morearticles{width: 100%;
position: relative;
border: 1px dotted rgb(204, 204, 204);
line-height: 35px;
padding-left: 15px;
box-sizing: border-box;
background: #621212;
color: #fff;
font-family: Roboto;
font-size: 16px;
font-weight: 200;}


.pagercontainer{position:relative;}
.pagecontrol {background: none;
border: none; line-height: 26px;}

.pagicurrent a,
.paginormal a,
.pagidots a,
.pagicontrol a
{text-decoration:none;}

.pagicurrent,
.paginormal{
width: 20px;
height: 20px;
padding:5px;
border-radius: 25px;
position:relative;
text-align:center;
}
 
/*Auto centering dynamic width div*/
.CMW-container {
    float:left;
    position:relative;
    left:50%;
    background:none;

    /*padding-top:10px;*/

}
.CMW-center {
    float:left;
    position:relative;
    left:-50%;
    background:none;

text-align: center;
}
/*Auto centering dynamic width div END*/
/* pagination 2.0*/

.page {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: 1.175em;
    font-weight: 100;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
    height: 30px;
    line-height: 26px;
}
.page.dots{height: 28px;}
.page:hover, .page.gradient:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.page.active {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

.page.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}
/* pagination 2.0 END*/


.textc{text-align:center;}
.textl{text-align:left;}
.textr{text-align:right;}

.kek{color:#0a87cf;}
.skek{color:#005594;}
.zold{color:#0fb80f;}
.sotetzold{color:#077431;}
.szurkefont{color:#4b4a4a;}
.bold{font-weight:bold;}
.gray{color:#596A72;}
.red{color:darkred;}

.f28{font-size:28px;}
.f32{font-size:32px;}
.f42{font-size:42px;}
.f52{font-size:52px;}
.f62{font-size:62px;}

.l14{line-height:14px;}
.l16{line-height:16px;}
.l18{line-height:18px;}
.l20{line-height:20px;}
.l22{line-height:22px;}
.l24{line-height:24px;}
.l26{line-height:26px;}
.l30{line-height:30px;}
.l34{line-height:34px;}
.l36{line-height:36px;}
.l46{line-height:46px;}
.l56{line-height:56px;}
.l66{line-height:66px;}
.l70{line-height:70px;}

.f9{font-size:9px;}
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f22{font-size:22px;}

.fw1{font-weight:100;}
.fw2{font-weight:200;}
.fw3{font-weight:300;}
.fw7{font-weight:700;}

.simplelink
{color:black;text-decoration: none;cursor: pointer;}
.simplelink:hover{
  color: darkred ;
}
.margin-bt5{margin-top:5px;margin-bottom:5px;}
.margin-bt15{margin-top:15px;margin-bottom:15px;}
.margin-bt25{margin-top:25px;margin-bottom:25px;}
.margin-bt35{margin-top:35px;margin-bottom:35px;}
.margin-bt45{margin-top:45px;margin-bottom:45px;}

.margin-b5{margin-bottom:5px;}
.margin-b15{margin-bottom:15px;}
.margin-b25{margin-bottom:25px;}
.margin-b35{margin-bottom:35px;}

.margin-l5{margin-left:5px;}
.margin-l10{margin-left:10px;}
.margin-l15{margin-left:15px;}
.margin-l25{margin-left:25px;}
.margin-l35{margin-left:35px;}
.margin-l45{margin-left:45px;}
.margin-l55{margin-left:55px;}
.margin-l65{margin-left:65px;}

.margin-t5{margin-top:5px;}
.margin-t10{margin-top:10px;}
.margin-t15{margin-top:15px;}
.margin-t25{margin-top:25px;}
.margin-t35{margin-top:35px;}

.margin-r15{margin-right:15px;}
.margin-r5{margin-right:5px;}

.padl10{padding-left:10px;}

.padp5{padding:5%;}
.pad15{padding:15px;}
.pad25{padding:25px;}

.fleft{position:relative;float:left;box-sizing: border-box;}
.fright{position:relative;float:right;box-sizing: border-box;}
.w50{width: 48%;padding: 0% 1%;}
.w50sub{width: 48%;padding: 0% 1%;}
.w33sub{width: 33.33%;padding: 0% 2%;}
.w30sub{width: 30%;min-width:200px;padding: 0% 2%;box-sizing: border-box;}
.w70sub{width: 70%;min-width:800px;padding: 0% 2%;box-sizing: border-box;}
.w200{width:200px;margin-left:20px;margin-right:20px;}


.wfull-max{width:100%;padding:10px;box-sizing: border-box;}
.wfull{width:80%;margin-left:60%;padding:10px;box-sizing: border-box;}

/* SQUARED TWO */
.squaredTwo {
    width: 28px;
    height: 28px;
    background: #fcfff4;

    background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
    /*
    margin: 20px auto;

    -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    */
    position: relative;
}

.squaredTwo label {
    cursor: pointer;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 4px;
    top: 4px;

    -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
    -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);


background:red;
}

.squaredTwo label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 9px;
    height: 5px;
    background: transparent;
    top: 5px;
    left: 5px;
    border: 3px solid #fcfff4;
    border-top: none;
    border-right: none;

    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.squaredTwo label:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.squaredTwo input[type=checkbox]:checked + label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;}
    
.squaredTwo input[type=checkbox]{
margin-top: 7px;    
margin-left: 5px;   
}

/*BASIC CSS component END*/

 .errorbox{
width:630px;
position: relative;
margin: auto;
 }

 
 /* *********************************************************************************************************************
 * Main menu
 */
.selector {
width:100%;height:33%;padding-left:15px;font-weight:100;line-height:35px; font-size:18px; box-sizing:border-box;
}
.newsselect
  {
  background:#fefefe
  }
.reviewselect
  {
  background:#e7e7e7;
  } 
.articleselect
  {
  background:#ccc;
  }
.menuitems {
width:100%;height:33%;padding-left:25px;font-weight:200;line-height:35px; font-size:16px;box-sizing:border-box;

}

.menuitems:focus,
.menuitems:hover,
.menuitems:active
{		
background:#333;
cursor:pointer;
color:#fefefe;
	}
 
 
/*Menu START*/

a, li {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.nav {width:70%; box-sizing:border-box; position:absolute;right:0px;top:0px;}

/* Global CSS that are applied for all screen sizes */

.nav ul {
	max-width: 1240px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1.5em;
	font-weight: 300;
}

.nav li span {
	display: block;
}

.nav a {
	display: block;
	color: rgba(249, 249, 249, .9);
	text-decoration: none;
	-webkit-transition: color .5s, background .5s, height .5s;
	-moz-transition: color .5s, background .5s, height .5s;
	-o-transition: color .5s, background .5s, height .5s;
	-ms-transition: color .5s, background .5s, height .5s;
	transition: color .5s, background .5s, height .5s;
}

.nav i{
	/* Make the font smoother for Chrome */
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* Remove the blue Webkit background when element is tapped */

a, button {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* Hover effect for the whole navigation to make the hovered item stand out */

.no-touch .nav ul:hover a {
	color: rgba(249, 249, 249, .5);
}

.no-touch .nav ul:hover a:hover {
	color: rgba(249, 249, 249, 0.99);
}

/* Adding some background color to the different menu items */

.nav li:nth-child(6n+1) {
	background: rgb(208, 101, 3);
}

.nav li:nth-child(6n+2) {
	background: rgb(233, 147, 26);
}

.nav li:nth-child(6n+3) {
	background: rgb(22, 145, 190);
}

.nav li:nth-child(6n+4) {
	background: rgb(22, 107, 162);
}

.nav li:nth-child(6n+5) {
	background: rgb(27, 54, 71);
}

.nav li:nth-child(6n+6) {
	background: rgb(21, 40, 54);
}

/* For screen bigger than 800px */
@media (min-width: 50em) {

	/* Transforms the list into a horizontal navigation */
	.nav li {
		float: left;
		width: 16.66666666666667%;
		text-align: center;
		-webkit-transition: border .5s;
		-moz-transition: border .5s;
		-o-transition: border .5s;
		-ms-transition: border .5s;
		transition: border .5s;
	}

	.nav a {
		display: block;
		width: auto;
	}

	/* hover, focused and active effects that add a little colored border to the different items */
	.no-touch .nav li:nth-child(6n+1) a:hover,
	.no-touch .nav li:nth-child(6n+1) a:active,
	.no-touch .nav li:nth-child(6n+1) a:focus {
		border-bottom: 4px solid rgb(174, 78, 1);
	}

	.no-touch .nav li:nth-child(6n+2) a:hover,
	.no-touch .nav li:nth-child(6n+2) a:active,
	.no-touch .nav li:nth-child(6n+2) a:focus {
		border-bottom: 4px solid rgb(191, 117, 20);
	}

	.no-touch .nav li:nth-child(6n+3) a:hover,
	.no-touch .nav li:nth-child(6n+3) a:active,
	.no-touch .nav li:nth-child(6n+3) a:focus {
		border-bottom: 4px solid rgb(12, 110, 149);
	}

	.no-touch .nav li:nth-child(6n+4) a:hover,
	.no-touch .nav li:nth-child(6n+4) a:active,
	.no-touch .nav li:nth-child(6n+4) a:focus {
		border-bottom: 4px solid rgb(10, 75, 117);
	}

	.no-touch .nav li:nth-child(6n+5) a:hover,
	.no-touch .nav li:nth-child(6n+5) a:active,
	.no-touch .nav li:nth-child(6n+5) a:focus {
		border-bottom: 4px solid rgb(16, 34, 44);
	}

	.no-touch .nav li:nth-child(6n+6) a:hover,
	.no-touch .nav li:nth-child(6n+6) a:active,
	.no-touch .nav li:nth-child(6n+6) a:focus {
		border-bottom: 4px solid rgb(9, 18, 25);
	}

	/* Placing the icon */
	
	.icon {
		padding-top: 1.4em;
	}

	.icon + span {
		margin-top: 0.7em;
		-webkit-transition: margin .5s;
		-moz-transition: margin .5s;
		-o-transition: margin .5s;
		-ms-transition: margin .5s;
		transition: margin .5s;
	}

	/* Animating the height of the element*/
	.nav a {
		height: 5.5em;
	}

	.no-touch .nav a:hover ,
	.nav a:active ,
	.nav a:focus {
		height: 7em;
	}	

	/* Making the text follow the height animation */
	.no-touch .nav a:hover .icon + span {
		margin-top: 2.2em;
		-webkit-transition: margin .5s;
		-moz-transition: margin .5s;
		-o-transition: margin .5s;
		-ms-transition: margin .5s;
		transition: margin .5s;
	}

	/* Positioning the icons and preparing for the animation*/
	.nav i {
		position: relative;
		display: inline-block;
		margin: 0 auto;
		padding: 0.4em;
		border-radius: 50%;
		font-size: 1.8em;
		box-shadow: 0 0 0 30px transparent;
		background: rgba(255,255,255,0.1);
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transition: box-shadow .6s ease-in-out;
		-moz-transition: box-shadow .6s ease-in-out;
		-o-transition: box-shadow .6s ease-in-out;
		-ms-transition: box-shadow .6s ease-in-out;
		transition: box-shadow .6s ease-in-out;
	}	
	
	/* Animate the box-shadow to create the effect */
	.no-touch .nav a:hover i,
	.no-touch .nav a:active i,
	.no-touch .nav a:focus i {		
		box-shadow: 0 0 0 0 rgba(255,255,255,0.2);
		-webkit-transition: box-shadow .4s ease-in-out;
		-moz-transition: box-shadow .4s ease-in-out;
		-o-transition: box-shadow .4s ease-in-out;
		-ms-transition: box-shadow .4s ease-in-out;
		transition: box-shadow .4s ease-in-out;
	}
		
}

@media (min-width: 50em){

	/* Size and font adjustments to make it fit into the screen*/
	.nav ul {
		font-size: 1.2em;
	}

}

/* The "tablet" and "mobile" version */

@media (max-width: 49.938em) {		
	
	/* Instead of adding a border, we transition the background color */
	.no-touch .nav ul li:nth-child(6n+1) a:hover,
	.no-touch .nav ul li:nth-child(6n+1) a:active,
	.no-touch .nav ul li:nth-child(6n+1) a:focus {
		background: rgb(227, 119, 20);
	}

	.no-touch .nav li:nth-child(6n+2) a:hover,
	.no-touch .nav li:nth-child(6n+2) a:active,
	.no-touch .nav li:nth-child(6n+2) a:focus {
		background: rgb(245, 160, 41);
	}

	.no-touch .nav li:nth-child(6n+3) a:hover,
	.no-touch .nav li:nth-child(6n+3) a:active,
	.no-touch .nav li:nth-child(6n+3) a:focus {
		background: rgb(44, 168, 219);
	}

	.no-touch .nav li:nth-child(6n+4) a:hover,
	.no-touch .nav li:nth-child(6n+4) a:active,
	.no-touch .nav li:nth-child(6n+4) a:focus {
		background: rgb(31, 120, 176);
	}

	.no-touch .nav li:nth-child(6n+5) a:hover,
	.no-touch .nav li:nth-child(6n+5) a:active,
	.no-touch .nav li:nth-child(6n+5) a:focus {
		background: rgb(39, 70, 90);
	}

	.no-touch .nav li:nth-child(6n+6) a:hover,
	.no-touch .nav li:nth-child(6n+6) a:active,
	.no-touch .nav li:nth-child(6n+6) a:focus {
		background: rgb(32, 54, 68);
	}

	.nav ul li {
		-webkit-transition: background 0.5s;
		-moz-transition: background 0.5s;
		-o-transition: background 0.5s;
		-ms-transition: background 0.5s;
		transition: background 0.5s;
	}	

}

/* CSS specific to the 2x3 columns version */
@media (min-width:32.5em) and (max-width: 49.938em) {
	
	/* Creating the 2 column layout using floating elements once again */
	.nav li {
		display: block;
		float: left;
		width: 50%;
	}
	
	/* Adding some padding to make the elements look nicer*/
	.nav a {
		padding: 0.8em;		
	}

	/* Displaying the icons on the left, and the text on the right side using inlin-block*/
	.nav li span, 
	.nav li span.icon {
		display: inline-block;
	}

	.nav li span.icon {
		width: 50%;
	}

	.nav li .icon + span {
		font-size: 1em;
	}

	.icon + span {
		position: relative;
		top: -0.2em;
	}

	/* Adaptating to the icons to animate the size and border of the rounded background in a more discreet way */
	.nav li i {
		display: inline-block;
		padding: 8% 9%;
		border: 4px solid transparent;
		border-radius: 50%;
		font-size: 1.5em;
		background: rgba(255,255,255,0.1);
		-webkit-transition: border .5s;
		-moz-transition: border .5s;
		-o-transition: border .5s;
		-ms-transition: border .5s;
		transition: border .5s;
	}

	/* Transition effect on the border color */
	.no-touch .nav li:hover i,
	.no-touch .nav li:active i,
	.no-touch .nav li:focus i {
		border: 4px solid rgba(255,255,255,0.1);
	}
	
}

/* Adapting the font size and width for smaller screns*/
@media (min-width: 32.5em) and (max-width: 38.688em) {
	
	.nav li span.icon {
		width: 50%;
	}

	.nav li .icon + span {
		font-size: 0.9em;
	}
}

/* Styling the toggle menu link and hiding it */
.nav .navtoogle{
	display: none;	
	width: 100%;
	padding: 0.5em 0.5em 0.8em;
	font-family: 'Lato',Calibri,Arial,sans-serif;
	font-weight: normal;
	text-align: left;
	color: rgb(7, 16, 15);
	font-size: 1.2em;
	background: none;	
	border: none;
	border-bottom: 4px solid rgb(221, 221, 221);
	cursor: pointer;
}

.navtoogle i{
	z-index:-1;
}

.icon-menu {
	position: relative;
	top: 3px;
	line-height: 0;
	font-size: 1.6em;
}

@media (max-width: 32.438em) {

	/* Unhiding the styled menu link */
	.nav .navtoogle{
		margin: 0;
		display: block;
	}
	
	/* Animating the height of the navigation when the button is clicked */
	
	/* When JavaScript is disabled, we hide the menu */
	.no-js .nav ul {
		max-height: 30em;
		overflow: hidden;
	}
	
	/* When JavaScript is enabled, we hide the menu */
	.js .nav ul {
		max-height: 0em;
		overflow: hidden;
	}
	
	/* Displaying the menu when the user has clicked on the button*/
	.js .nav .active + ul {		
		max-height: 30em;
		overflow: hidden;
		-webkit-transition: max-height .4s;
		-moz-transition: max-height .4s;
		-o-transition: max-height .4s;
		-ms-transition: max-height .4s;
		transition: max-height .4s;
	}

	/* Adapting the layout of the menu for smaller screens : icon on the left and text on the right*/
	
	.nav li span {
		display: inline-block;
		height: 100%;
	}

	.nav a {
		padding: 0.5em;		
	}
	
	.icon + span {
		margin-left: 1em;
		font-size: 0.8em;
	}
	
	/* Adding a left border of 8 px with a different color for each menu item*/
	.nav li:nth-child(6n+1) {
		border-left: 8px solid rgb(174, 78, 1);
	}

	.nav li:nth-child(6n+2) {
		border-left: 8px solid rgb(191, 117, 20);
	}

	.nav li:nth-child(6n+3) {
		border-left: 8px solid rgb(13, 111, 150);
	}

	.nav li:nth-child(6n+4) {
		border-left: 8px solid rgb(10, 75, 117);
	}

	.nav li:nth-child(6n+5) {
		border-left: 8px solid rgb(16, 34, 44);
	}

	.nav li:nth-child(6n+6) {
		border-left: 8px solid rgb(9, 18, 25);
	}

	/* make the nav bigger on touch screens */
	.touch .nav a {
		padding: 0.8em;
	}
}

/*MENU END*/



/* *********************************************************************************************************************
 * Main container for all
 */
.onepcssgrid-1000, .onepcssgrid-1200, .onepcssgrid-1400 {
	margin: 0 auto;
	/*padding: 0 0 0 .5%;*/ /* THAT'S THE NAME ;) */
}

.onepcssgrid-1200 {
	width: calc(100% - 250px);
    float: left;
}

.onepcssgrid-1400 {
    width: calc(100% - 250px);
    float: left;
}

.onepcssgrid-1000 {
	max-width: 1020px;
}

.onerow {
	clear: both;
	padding: 5px 10px;
		margin-bottom:15px;
}
.onerow:after {
	clear: both;
	
}

/* *********************************************************************************************************************
 * Common columns definitions
 */
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
	float: left;
	margin: 0 2% 0 0;
}

.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 {
	margin: 0;
}

.col1 { width: 6.5%; }
.col2 { width: 15%; }
.col3 { width: 23.5%; }
.col4 { width: 32%; }
.col5 { width: 40.5%; }
.col6 { width: 49%; }
.col7 { width: 57.5%; }
.col8 { width: 66%; }
.col9 { width: 74.5%; }
.col10 { width: 83%; }
.col11 { width: 91.5%; }
.col12 { width: 99%; margin: 0; }

.col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img, .col7 img, .col8 img, .col9 img, .col10 img, .col11 img, .col12 img {
	width: 100%;
	height: auto;
	display: block;
}





/* *********************************************************************************************************************
 * Disable padding left/right 10px if I'm 1024 or gibber - correct percentage math
 */
@media all and (min-width: 1024px) {
	.onepcssgrid-1000 {
		max-width: 1000px;
	}

	.onepcssgrid-1000 .onerow {
		padding: 0;
	}
}





/* *********************************************************************************************************************
 * Small devices
 */
@media all and (max-width: 768px) {
	.onerow {
	}

	.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {
		float: none;
		width: 99%;
	}
}

/*FancyBox*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}

.fancybox-opened {
    z-index: 8030;
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('fancybox_sprite.png');
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('blank.gif'); /* helps IE */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 8040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url('fancybox_overlay.png');
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent; /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap {
    padding-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5){

    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
        background-image: url('fancybox_sprite@2x.png');
        background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
    }

    #fancybox-loading div {
        background-image: url('fancybox_loading@2x.gif');
        background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
    }
}
/*FancyBox END*/

.scrollToTop{
    width:80px; 
    height:90px;
    padding:10px; 
    text-align:center; 
    background: whiteSmoke;
    font-weight: bold;
    color: #444;
text-decoration: none;
position: fixed;
bottom: 10px;
right: 10px;
display: none;
opacity: 0.5;
z-index: 99;
border: 1px dotted #C80000;
}
.scrollToTop:hover{
    text-decoration:none;
}


.topbanner_control {width:100%;height:100%;}
.top_sponsor{width:240px;height:100%;display: none;}


@media only screen and (min-width: 1024px) {
.topbanner_control {width:calc(100% - 240px);height:100%;position: relative;float: left;}
.top_sponsor{width:239px;height:100%; position: relative;float: right;display: block;}
}




.ctrlslide{top: 5px;
position: relative;}





/* Example wrapper */
.wrap {
    position: relative;
    margin: 3em 0;
}

/* Frame */
.frame {
    height: 253px;
    line-height: 250px;
    overflow: hidden;
}
.frame ul {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100%;
    font-size: 50px;
}
.frame ul li {
    float: left;
    /*width: 227px;*/
    height: 99%;
    margin: 0 1px 0 0;
    padding: 0;
    background: #fff;
    color: #ddd;
    text-align: center;
    cursor: pointer;
    border:1px dotted #ccc;
}
.frame ul li.active {
    color: #fff;
    background: #ccc;
}

/* Scrollbar */
.scrollbar {
    margin: 0 0 1em 0;
    height: 2px;
    background: #ccc;
    line-height: 0;
}
.scrollbar .handle {
    width: 100px;
    height: 100%;
    background: #292a33;
    cursor: pointer;
}
.scrollbar .handle .mousearea {
    position: absolute;
    top: -9px;
    left: 0;
    width: 100%;
    height: 20px;
}

/* Pages */
.pages {
    list-style: none;
    margin: 20px 0;
    padding: 0;
    text-align: center;
}
.pages li {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 4px;
    text-indent: -999px;
    border-radius: 10px;
    cursor: pointer;
    overflow: hidden;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
}
.pages li:hover {
    background: #aaa;
}
.pages li.active {
    background: #666;
}

/* Controls */
.controls { margin: 10px 0; text-align: center; }

/* One Item Per Frame example*/
.oneperframe { height: 300px; line-height: 300px; }
.oneperframe ul li { width: 1140px; }
.oneperframe ul li.active { background: #333; }

 /* Buttons */
.btn {
    position: relative;
    display: inline-block;
    *display: inline;
    padding: 4px 12px;
    margin-bottom: 0;
    *margin-left: .3em;
    line-height: 30px;
    color: #333333;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #ccc;
    border-bottom-width: 2px;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.15);
    *zoom: 1;
    width:16%;
}
.btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { color: #333; background-color: #f5f5f5; }

.btn:first-child { *margin-left: 0; }

.btn:hover { color: #333; text-decoration: none; }
.btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.btn.active, .btn:active, .btn-group.open .btn { outline: 0; top: 1px; border-top-width: 2px; border-bottom-width: 1px; border-top-color: rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 60px 0 rgba(0,0,0,.1); -moz-box-shadow: inset 0 60px 0 rgba(0,0,0,.1); box-shadow: inset 0 60px 0 rgba(0,0,0,.1);
}
.btn.disabled, .btn[disabled] { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); }

.btn-large { padding: 11px 19px; font-size: 17.5px; }
.btn-large [class^="icon-"], .btn-large [class*=" icon-"] { margin-top: 4px; }

.btn-small { padding: 2px 10px; font-size: 11.9px; }
.btn-small [class^="icon-"], .btn-small [class*=" icon-"] { margin-top: 0; }

.btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] { margin-top: -1px; }
.btn-mini { padding: 0 6px; font-size: 10.5px; }

.btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.btn-block + .btn-block { margin-top: 5px; }

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; }

.btn-primary { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #6b9fd6; }
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { color: #fff; background-color: #6190c2; }

.btn-info { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #47ABDD; }
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { color: #fff; background-color: #1695D1; }

.btn-warning { color: #5f4912; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); background-color: #efcd76; }
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { background-color: #e9bb44; }

.btn-danger { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; }
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { color: #fff; background-color: #bd362f; }

.btn-success { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #82bf4c; }
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { color: #fff; background-color: #5bb75b; }

.btn-inverse { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #3a3c47; }
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { color: #fff; background-color: #494c59; }

button.btn, input[type="submit"].btn { *padding-top: 3px; *padding-bottom: 3px; }
button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; }
button.btn.btn-large, input[type="submit"].btn.btn-large { *padding-top: 7px; *padding-bottom: 7px; }
button.btn.btn-small, input[type="submit"].btn.btn-small { *padding-top: 3px; *padding-bottom: 3px; }
button.btn.btn-mini, input[type="submit"].btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px; }

.btn-link, .btn-link:active, .btn-link[disabled] { background-color: transparent; background-image: none; }
.btn-link { color: #0088cc; cursor: pointer; border-color: transparent; }
.btn-link:hover { color: #005580; text-decoration: underline; background-color: transparent; }
.btn-link[disabled]:hover { color: #333333; text-decoration: none; }

.btn-group { position: relative; display: inline-block; *display: inline; *margin-left: .3em; font-size: 0; white-space: nowrap; vertical-align: middle; *zoom: 1; }
.btn-group:first-child { *margin-left: 0; }
.btn-group + .btn-group { margin-left: 5px; }

.btn-toolbar { margin-top: 15px; margin-bottom: 15px; font-size: 0; *zoom: 1; }
.btn-toolbar:before, .btn-toolbar:after { content: " "; display: table; }
.btn-toolbar:after { clear: both; }
.btn-toolbar .btn-group.left { float: left; }
.btn-toolbar .btn-group.right { float: right; }
.btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group { margin-left: 5px; }

.btn-group > .btn { position: relative; }
.btn-group > .btn + .btn { margin-left: -1px; }
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover { font-size: 16px; }
.btn-group > .btn-mini { font-size: 10px; }
.btn-group > .btn-small { font-size: 12px; }
.btn-group > .btn-large { font-size: 18px; }

.btn-group > .btn:first-child { margin-left: 0; }
.btn-group > .btn.large:first-child { margin-left: 0; }

.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active { z-index: 2; }

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; }

.btn-group > .btn + .dropdown-toggle { *padding-top: 5px; padding-right: 8px; *padding-bottom: 5px; padding-left: 8px; }
.btn-group > .btn-mini + .dropdown-toggle { *padding-top: 2px; padding-right: 5px; *padding-bottom: 2px; padding-left: 5px; }
.btn-group > .btn-small + .dropdown-toggle { *padding-top: 5px; *padding-bottom: 4px; }
.btn-group > .btn-large + .dropdown-toggle { *padding-top: 7px; padding-right: 12px; *padding-bottom: 7px; padding-left: 12px; }

.btn .caret { margin-top: 14px; margin-left: 2px; margin-right: 2px; }
.btn-mini .caret, .btn-small .caret, .btn-large .caret { margin-top: 6px; }
.btn-large .caret { border-top-width: 5px; border-right-width: 5px; border-left-width: 5px; }
.dropup .btn-large .caret { border-bottom-width: 5px; }

.btn-primary .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret { border-top-color: #fff; }

/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */.lSSlideWrapper,.lSSlideWrapper .lSFade{position:relative}.lSSlideWrapper .lSSlide,.lSSlideWrapper.usingCss .lSFade>*{-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important;-webkit-transition-duration:inherit!important;transition-duration:inherit!important}.lSSlideOuter,.lSSlideOuter .lSPager.lSGallery{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideWrapper>.lightSlider:after{clear:both}.lSSlideOuter{overflow:hidden;user-select:none}.lightSlider:after,.lightSlider:before{content:" ";display:table}.lightSlider{overflow:hidden}.lSSlideWrapper{max-width:100%;overflow:hidden}.lSSlideWrapper .lSSlide{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all 1s;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform,height;transition-property:transform,height}.lSSlideWrapper .lSFade>*{position:absolute!important;top:0;left:0;z-index:9;margin-right:0;width:100%}.lSSlideWrapper.usingCss .lSFade>*{opacity:0;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:opacity;transition-property:opacity}.lSSlideWrapper .lSFade>.active{z-index:10}.lSSlideWrapper.usingCss .lSFade>.active{opacity:1}.lSSlideOuter .lSPager.lSpg{margin:10px 0 0;padding:0;text-align:center}.lSSlideOuter .lSPager.lSpg>li{cursor:pointer;display:inline-block;padding:0 5px}.lSSlideOuter .lSPager.lSpg>li a{background-color:#222;border-radius:30px;display:inline-block;height:8px;overflow:hidden;text-indent:-999em;width:8px;position:relative;z-index:99;-webkit-transition:all .5s linear 0s;transition:all .5s linear 0s}.lSSlideOuter .lSPager.lSpg>li.active a,.lSSlideOuter .lSPager.lSpg>li:hover a{background-color:#428bca}.lSSlideOuter .media{opacity:.8}.lSSlideOuter .media.active{opacity:1}.lSSlideOuter .lSPager.lSGallery{list-style:none;padding-left:0;margin:0;overflow:hidden;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;user-select:none}.lSSlideOuter .lSPager.lSGallery li{overflow:hidden;-webkit-transition:border-radius .12s linear 0s .35s linear 0s;transition:border-radius .12s linear 0s .35s linear 0s}.lSSlideOuter .lSPager.lSGallery li.active,.lSSlideOuter .lSPager.lSGallery li:hover{border-radius:5px}.lSSlideOuter .lSPager.lSGallery img{display:block;height:auto;max-width:100%}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideOuter .lSPager.lSGallery:before{content:" ";display:table}.lSAction>a{width:32px;display:block;top:50%;height:32px;background-image:url(../images/controls.png);cursor:pointer;position:absolute;z-index:9999;margin-top:-16px;opacity:.5;-webkit-transition:opacity .35s linear 0s;transition:opacity .35s linear 0s}.lSAction>a:hover{opacity:1}.lSAction>.lSPrev{background-position:0 0;left:10px}.lSAction>.lSNext{background-position:-32px 0;right:10px}.lSAction>a.disabled{pointer-events:none}.cS-hidden{height:1px;opacity:0;filter:alpha(opacity=0);overflow:hidden}.lSSlideOuter.vertical{position:relative}.lSSlideOuter.vertical.noPager{padding-right:0!important}.lSSlideOuter.vertical .lSGallery{position:absolute!important;right:0;top:0}.lSSlideOuter.vertical .lightSlider>*{width:100%!important;max-width:none!important}.lSSlideOuter.vertical .lSAction>a{left:50%;margin-left:-14px;margin-top:0}.lSSlideOuter.vertical .lSAction>.lSNext{background-position:31px -31px;bottom:10px;top:auto}.lSSlideOuter.vertical .lSAction>.lSPrev{background-position:0 -31px;bottom:auto;top:10px}.lSSlideOuter.lSrtl{direction:rtl}.lSSlideOuter .lSPager,.lSSlideOuter .lightSlider{padding-left:0;list-style:none}.lSSlideOuter.lSrtl .lSPager,.lSSlideOuter.lSrtl .lightSlider{padding-right:0}.lSSlideOuter .lSGallery li,.lSSlideOuter .lightSlider>*{float:left}.lSSlideOuter.lSrtl .lSGallery li,.lSSlideOuter.lSrtl .lightSlider>*{float:right!important}@-webkit-keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@-webkit-keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@-webkit-keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@-webkit-keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}@keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}.lSSlideOuter .rightEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lSSlideOuter .leftEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.vertical .rightEnd{-webkit-animation:topEnd .3s;animation:topEnd .3s;position:relative}.lSSlideOuter.vertical .leftEnd{-webkit-animation:bottomEnd .3s;animation:bottomEnd .3s;position:relative}.lSSlideOuter.lSrtl .rightEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.lSrtl .leftEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lightSlider.lsGrab>*{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lightSlider.lsGrabbing>*{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}


/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
    position: relative;
    margin: 0 auto 10px;
    padding: 0;
    *zoom: 1;
}

.bx-wrapper img {
    max-width: 100%;
    display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
    /*-moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    border:  5px solid #fff;*/
    left: -5px;
    background: #fff;
    
    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
        -ms-transform: translatez(0);
        -o-transform: translatez(0);
        transform: translatez(0);
        height:295px;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(images/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
    left: 10px;
    background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
    right: 10px;
    background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
    text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -11px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -44px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666\9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px;
}
 

/* RS (responsiveslide) */


.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.rslides_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.rslides_nav:active {
  opacity: 1.0;
  }

.rslides_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }
.cmw-slide-wrap{position: relative;box-sizing:border-box;width:calc(75% - 10px);min-width:800px;float:left;margin-left:10px;}
.boxes_holder{position: relative;box-sizing:border-box;width:24%;min-width:200px;float:right;margin-top:10px;  }
.box_right_one,
.box_right_two {position: absolute;box-sizing:border-box;height:49%;min-height:100px;width:100%;border:1px solid;right:0px;}
.box_right_one{top:0px;}
.box_right_two {bottom:0px;}

.boxes_holder .content {
    width: 100%;
    height: 0;
    padding-bottom: 49%;
 box-sizing:border-box;
}
.boxes_holder .content .internal {
    position: absolute;
    width: 100%;
    height: 100%;
 
    ;box-sizing:border-box;
}

.boxes_holder .wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 49%;
     box-sizing:border-box;
}
.boxes_holder .wrapper .content2 {
    position: absolute;
    width: 100%;
    height: 100%;
     box-sizing:border-box;
     margin-top:5px;
}


/*****************************************************************/
/**/
/* webshop CSS rules*/
/**/
/*****************************************************************/

/*case sum section*/
.casesum_top{
background:#000;height:10px;border-radius:1px 1px 0px 0px;width:100%;position:absolute;top:0px;  
}
.casesum_bottom{
background:#000;height:10px;border-radius:0px 0px 1px 1px;width:100%;position:absolute;bottom:0px;
}
.case_data{width:70%;min-width:215px;margin-top: 10px;line-height: 29px;padding-left:10px;box-sizing:border-box;font-size:13px;}
.case_data_close{width:70%;min-width:215px;margin-top: 10px;line-height: 24px;padding-left:10px;box-sizing:border-box;font-size:16px;}
.case_control{min-width:85px;/*width:calc( 30% - 10px);padding-right:10px;*/}
.case_btn{border: 0px none;
height: 26px;
line-height: 26px;
background: #006400 none repeat scroll 0% 0%;
color: #FFF;
width: 77px;
border-radius: 2px;
display: block;
text-align: center;}

.caseimg{width:55px;}
.casetxt{width:295px; line-height: 18px;}
.casetxt_close{width:495px; line-height: 18px;}
.casectr{width:75px;}
.casecont{width:47%;text-align:center;background:333;color:fff;height:25px;border:0px none;border-radius:1px;background: #C20000;}
.casedelete{border:0px none;border-radius:1px;background:333;color:fff;width:100%;height:25px;margin-bottom:10px;background: #7A7A7A;}

.floating_case,
.shopaddbox
{background:#fff;width:420px;position:absolute;top: 70px;
left: 0px;height:auto;border:1px dotted #ccc;border-radius:0px 0px 3px 3px; z-index:12;box-shadow: 0px 0px 35px #fff;z-index: 99999;}

.floating_mask
{background: rgba(0, 0, 0, 0.45) none repeat scroll 0% 0%;width:100%;position:absolute;top: 70px;
left: 0px;height:calc(100% - 70px);border:1px dotted #ccc;border-radius:0px 0px 3px 3px; z-index:12;box-shadow: 0px 0px 35px #fff;z-index: 9999;}
.floating_login
{background:#fff;width:420px;position:absolute;top: 70px;
right: 0px;height:auto;border:1px dotted #ccc;border-radius:0px 0px 3px 3px; z-index:12;box-shadow: 0px 0px 35px #fff;z-index: 99999;}

.casebtnupdate{background: transparent none repeat scroll 0% 0%;
border: none;
border-right: 1px dotted #FFF;
cursor: pointer;}
.casebtnupdate_login{background: transparent none repeat scroll 0% 0%;
border: none;
border-left: 1px dotted #FFF;
cursor: pointer;}

.setup_btn{
background: transparent none repeat scroll 0% 0%;
border: none;
cursor: pointer;
font-size: 18px;
position: relative;
box-sizing:border-box;    
height:60px;
line-height:40px;
width:100%;
color:333;
text-align: left;
border-bottom: 1px dotted #ccc;
}
.setup_btn:hover{color:darkred;}

.cmw_detailrow{background: transparent none repeat scroll 0% 0%;
border: none;
cursor: pointer;
font-size: 18px;
position: relative;
box-sizing:border-box;    
height:60px;
line-height:40px;
width:100%;
color:333;
text-align: left;
}
.cmw_detailrow:hover{color:darkred;}

.line-bottom
    {
        border-bottom:1px dotted #ccc;
        display: inherit;
    }

.show_item{display:show;}
.hide_item{display:none;}

/****************************************************/
/* pricebox                                         */
/****************************************************/
.priceorder_box_used,
.priceorder_box_new,
.priceorder_box_pre {
float:left;width:250px;min-width:250px;height:auto;position:relative;box-sizing:border-box;
margin-bottom:10px;
}
.priceorder_box_used .statemarker,
.priceorder_box_new .statemarker,
.priceorder_box_pre .statemarker 
{float:left;width:80px;min-width:80px;height:auto;position:relative;box-sizing:border-box;
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-3);
  
 position: absolute;
left: -55px;
top: 25px;
text-align: center;
font-size: 16px;
background: #333;
color: white;
line-height: 30px;
}
.priceorder_box_used .pricedata,
.priceorder_box_new .pricedata,
.priceorder_box_pre .pricedata 
{float:left;width:250px;min-width:250px;height:auto;position:relative;box-sizing:border-box;
line-height:35px;font-size:22px;padding-left:10px;border-top:1px solid;}

.priceorder_box_used .statebox,
.priceorder_box_new .statebox,
.priceorder_box_pre .statebox 
{float:left;width:80px;min-width:80px;height:auto;position:relative;box-sizing:border-box;
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-3);
  
 position: absolute;
right: -55px;
top: 25px;
text-align: center;
font-size: 12px;
background: #333;
color: white;
line-height: 30px;
}
.priceorder_box_used .statesign,
.priceorder_box_new .statesign,
.priceorder_box_pre .statesign 
{float:left;width:40px;min-width:40px;height:43px;position:relative;box-sizing:border-box;top:1px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

.priceorder_box_used .statesign span,
.priceorder_box_new .statesign span,
.priceorder_box_pre .statesign span 
{
line-height: 42px;
text-align: center;
margin-left:10px;
}


.priceorder_box_used .shopbtn,
.priceorder_box_new .shopbtn,
.priceorder_box_pre .shopbtn 
{width: 209px;
height: 45px;
border: 1px solid #FFF;
border-radius:2px;
margin-bottom: 0px;
bottom: 0px;
text-align: center;
float:left;
cursor:pointer;
box-sizing:border-box;
}

.priceorder_box_used .shopbtn:hover,
.priceorder_box_new .shopbtn:hover,
.priceorder_box_pre .shopbtn:hover{
background: none repeat scroll 0% 0% #ff0000;
color: #FFF;} 
.stockinfoline{width:calc(100% - 351px);position:relative;float:left;box-sizing:border-box;line-height:30px;font-size:14px; background:darkgreen;color:white;padding-left:10px;margin-top:10px;margin-bottom:10px;}


/******************************************************/
/* min 700 Pixel wide product page setting            */
/******************************************************/
.std_prod_1{width:70%;min-width:900px;height:auto;position:relative;float:left;box-sizing:border-box;}

.std_prod_1 .imagebox{width:350px;height:340px;position:relative;float:left;box-sizing:border-box;}
.std_prod_1 .imagebox img{width:335px;height:340px;}

.std_prod_1 .databox{width:calc (100% - 360px);height:350px;position:relative;float:left;box-sizing:border-box;}

.std_prod_1 .detailbox{width:240px;min-width:240px;position:relative;float:left;box-sizing:border-box;line-height:22px;}
.std_prod_1 .pricebox{width:280px; min-width:280px;position:relative;float:right;box-sizing:border-box;line-height:18px;}
.std_prod_1 .descshort{width:calc(100% - 351px);min-width:410px;position:relative;float:left;box-sizing:border-box;line-height:18px;}



.CMW-prodheadline{
font-size:18px;
width: 100%;
position: relative;
box-sizing: border-box;
line-height: 36px;
height: 36px;
color:#333;
border-bottom:1px solid #333;
font-weight: 100;
}

.noborder{border:0px none;}
.border_1{border-bottom:1px solid #333;}


.fancyLineCartIcon{line-height:40px; padding-right:15px;margin-top:0px;font-weight:100;}
 
.fancyadd{

left: 0px;
width: 300px;
height: 270px;
top: -274px;
display: none;
/*min-height:400px;*/
font-size:16px;
font-weight:100;
color:#000;
z-index:999;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.90);
position: absolute;
border:0px none;
    -webkit-box-shadow:  0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
/******************************************************/
/* 300 Pixel wide standing frame design               */
/******************************************************/

.cmw-stand200{
position:relative;
text-align:left;
display:inline-block;
width:250px;
min-width:250px;
height: 350px;
margin-left:15px;
margin-right:15px;
margin-top:35px;
box-sizing:border-box;
 background-color: #fff;
box-shadow: 0 1px 5px rgba(0,0,0,0.25);
  border-radius: 1%     1%     1%     1% /     1%     1%     1%     1%;
}

.cmw-stand200 a{color:#333;}


.cmw-stand200 .fancyImg
  {
  position: relative;
  float: left;
  width:170px;
  height:190px;
  padding: 0px;
  box-sizing: border-box;
  background-color: #FFF;
  z-index: 1;
  margin-left: 5px;
/*border: 1px solid #A9A9A9;
margin: 4px 0px 4px 5px; 
padding: 4px;*/
  }
  
.cmw-stand200 .fancyImg img{
   width:170px;
   height:190px;
   z-index: 1;
    margin-left: 25px;
    -webkit-transform: scale(.90,.90);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(.90,.90);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;}

.cmw-stand200 .fancyImg img:hover{
z-index: 1;
    -webkit-transform: scale(1.00,1.00);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1.00,1.00);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;}

.cmw-stand200 .fancyImg:hover{
    position: relative;
    z-index: 1;
}  

.cmw-stand200 .name-wrap
  {
   box-sizing: border-box;
  position: relative;
height: 110px;
background: none repeat scroll 0% 0% #E6E6E6;
padding: 10px;
line-height: 20px;
font-size: 14px;
 top:200px;
  }

.cmw-stand200 .name-wrap a
  {
   box-sizing: border-box;
position: absolute;
top: 10px;
left: 10px;
width: 180px;
  }
   
.cmw-stand200 .thumbarrow{
position: absolute;
display: block;
border-color: transparent transparent #D7D7D7;
border-style: solid;
top: -17px;
left: 17px;
content: " ";
border-width: 8px;
box-sizing: border-box;
z-index: 99;
}

.cmw-stand200 .thumbarrow:after{
position: absolute;
display: block;
border-color: transparent transparent rgba(230, 230, 230, 1);
border-style: solid;
top: -9px;
left: -9px;
content: " ";
border-width: 9px;
box-sizing: border-box;

}  

.cmw-stand200 .bottomline {
width: 250px;
height: 40px;
position: absolute;
bottom: 0px;
line-height: 40px;  
padding: 10px;
box-sizing: border-box;
border:1px solid #cccccc;
}
 
.cmw-stand200 .bottomline .categside{
width: 40%;
position: relative;
float: right;
top: -10px;
line-height: 30px;
box-sizing: border-box;
}
.cmw-stand200 .bottomline .categside .categtxt{
line-height: 35px;
margin-left:5px;
} 
.cmw-stand200 .name-wrap .priceline
  {
  width:230px;
  position: absolute;
bottom: 0px;
height: 30px;
box-sizing: border-box;
  }  
  
  
.cmw-stand200 .bottomline .addtocart {
background: none repeat scroll 0% 0% #495392;
color:white;
/*font-weight:bold;*/
line-height: 40px;
height: 100%;
width: 60%;
padding-left: 15px;
position: relative;
float: left;
box-sizing: border-box;
font-size:14px;
height: 40px;
margin-left:-10px;
margin-top:-10px;

}
.cmw-stand200 .bottomline .preorder
{
background:#666;
}



.cmw-stand200 .fancyadd
  {
  left: -5px;
width: 250px;
height: 200px;
top: -224px;
font-size: 16px;
font-weight: 100;
color: #000;
z-index: 999;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.9);
border: 0px none;
box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1) inset;
  }

.cmw-stand200 .fancyadd .addbox
  {
  width: 230px;
 
  
  }
.cmw-stand200 .fancyadd .addbtn
  {
  width: 220px;
  border:0px none;
  background: #f85032;
background: -moz-linear-gradient(top,  #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f85032), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827));
background: -webkit-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
background: -o-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
background: -ms-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
background: linear-gradient(to bottom,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 );
line-height:35px;
height:35px;
margin-top:5px;
margin-bottom:15px;
  
  }
/******************************************************/



/******************************************************/
/* 300 Pixel wide standing frame design               */
/******************************************************/

.cmw-stand300{
position:relative;
text-align:left;
display:inline-block;
width:300px;
min-width:300px;
height: 400px;
margin-left:15px;
margin-right:15px;
margin-top:35px;
box-sizing:border-box;
 background-color: #fff;
box-shadow: 0 1px 5px rgba(0,0,0,0.25);
  border-radius: 1%     1%     1%     1% /     1%     1%     1%     1%;
}

.cmw-stand300 a{color:#333;}


.cmw-stand300 .fancyImg
  {
  position: relative;
  float: left;
  width:270px;
  height:250px;
  padding: 0px;
  box-sizing: border-box;
  background-color: #FFF;
  z-index: 1;
  margin-left: 5px;
/*border: 1px solid #A9A9A9;
margin: 4px 0px 4px 5px; 
padding: 4px;*/
  }
  
.cmw-stand300 .fancyImg img{
   width:270px;
   height:250px;
   z-index: 1;
    /*margin-left: 15px;*/
    -webkit-transform: scale(.90,.90);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(.90,.90);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;}

.cmw-stand300 .fancyImg img:hover{
z-index: 1;
    -webkit-transform: scale(1.00,1.00);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1.00,1.00);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;}

.cmw-stand300 .fancyImg:hover{
    position: relative;
    z-index: 1;
}  

.cmw-stand300 .name-wrap
  {
   box-sizing: border-box;
  position: relative;
height: 110px;
background: none repeat scroll 0% 0% #E6E6E6;
padding: 10px;
line-height: 20px;
font-size: 14px;
 top:250px;
  }

.cmw-stand300 .name-wrap a
  {
   box-sizing: border-box;
position: absolute;
top: 10px;
left: 10px;
width: 280px;
  }
   
.cmw-stand300 .thumbarrow{
position: absolute;
display: block;
border-color: transparent transparent #D7D7D7;
border-style: solid;
top: -17px;
left: 17px;
content: " ";
border-width: 8px;
box-sizing: border-box;
z-index: 99;
}

.cmw-stand300 .thumbarrow:after{
position: absolute;
display: block;
border-color: transparent transparent rgba(230, 230, 230, 1);
border-style: solid;
top: -9px;
left: -9px;
content: " ";
border-width: 9px;
box-sizing: border-box;

}  

.cmw-stand300 .bottomline {
width: 300px;
height: 40px;
position: absolute;
bottom: 0px;
line-height: 40px;  
padding: 10px;
box-sizing: border-box;
border:1px solid #cccccc;
}
 
.cmw-stand300 .bottomline .categside{
width: 40%;
position: relative;
float: right;
top: -10px;
line-height: 30px;
box-sizing: border-box;
}
.cmw-stand300 .bottomline .categside .categtxt{
line-height: 35px;
margin-left:5px;
} 
.cmw-stand300 .name-wrap .priceline
  {
  width:280px;
  position: absolute;
bottom: 0px;
height: 30px;
box-sizing: border-box;
  }  
  
  
.cmw-stand300 .bottomline .addtocart {
background: none repeat scroll 0% 0% #495392;
color:white;
/*font-weight:bold;*/
line-height: 40px;
height: 100%;
width: 60%;
padding-left: 15px;
position: relative;
float: left;
box-sizing: border-box;
font-size:16px;
height: 40px;
margin-left:-10px;
margin-top:-10px;

}
.cmw-stand300 .bottomline .preorder
{
background:#666;
}



.cmw-stand300 .fancyadd
  {
  left: 0px;
width: 300px;
height: 250px;
top: -274px;
font-size: 16px;
font-weight: 100;
color: #000;
z-index: 999;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.9);
border: 0px none;
box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1) inset;
  }

.cmw-stand300 .fancyadd .addbox
  {
  width: 280px;
 
  
  }
.cmw-stand300 .fancyadd .addbtn
  {
  width: 270px;
  border:0px none;
  background: #f85032;
background: -moz-linear-gradient(top,  #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f85032), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827));
background: -webkit-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
background: -o-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
background: -ms-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
background: linear-gradient(to bottom,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 );
line-height:35px;
height:35px;
margin-top:5px;
margin-bottom:15px;
  
  }
/******************************************************/


/******************************************************/
/* 300 Pixel wide landscape frame design              */
/******************************************************/


.cmw-wide300{
position:relative;
text-align:left;
display:inline-block;
width:300px;
min-width:300px;
height: 200px;
margin-left:15px;
margin-right:15px;
margin-top:35px;
box-sizing:border-box;
 background-color: #fff;
box-shadow: 0 1px 5px rgba(0,0,0,0.25);
  border-radius: 1%     1%     1%     1% /     1%     1%     1%     1%;
}

.cmw-wide300 a{color:#333;}


.cmw-wide300 .fancyImg
  {
  position: relative;
  float: left;
  width:120px;
  height:150px;
  padding: 0px;
  box-sizing: border-box;
  background-color: #FFF;
  z-index: 1;
/*border: 1px solid #A9A9A9;
margin: 4px 0px 4px 5px; 
padding: 4px;*/
  }
  
.cmw-wide300 .fancyImg img{
   width:120px;
   height:150px;
   z-index: 1;
    margin-left: 0px;
    margin-top: 10px;
    -webkit-transform: scale(.90,.90);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(.90,.90);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;}

.cmw-wide300 .fancyImg img:hover{
    -webkit-transform: scale(1.00,1.00);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1.00,1.00);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    z-index: 1;}

.cmw-wide300 .fancyImg:hover{
    position: relative;
    z-index: 1;
}  

.cmw-wide300 .name-wrap
  {
   box-sizing: border-box;
  position: relative;
  float:right;
width: 180px;
height: 200px;
background: none repeat scroll 0% 0% #E6E6E6;
padding: 10px;
line-height: 20px;
font-size: 14px;

background: #ffffff;
background: -moz-linear-gradient(45deg,  #ffffff 0%, #e1e1e1 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ffffff), color-stop(100%,#e1e1e1));
background: -webkit-linear-gradient(45deg,  #ffffff 0%,#e1e1e1 100%);
background: -o-linear-gradient(45deg,  #ffffff 0%,#e1e1e1 100%);
background: -ms-linear-gradient(45deg,  #ffffff 0%,#e1e1e1 100%);
background: linear-gradient(45deg,  #ffffff 0%,#e1e1e1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=1 );

 
  }
  
.cmw-wide300 .thumbarrow{
position: absolute; background: #fff;
z-index: 0;left: 0px;
top: 100px;
}

.cmw-wide300 .thumbarrow:after{
left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-left-color: #fff; border-width: 15px; margin-top: -15px;

}  

.cmw-wide300 .bottomline {
width: 300px;
height: 40px;
position: absolute;
bottom: 0px;
line-height: 40px;  
padding: 10px;
box-sizing: border-box;
border: 1px solid #f5f5f5;
background: #fff;
 
}
  
.cmw-wide300 .name-wrap .priceline
  {
  width:170px;
  position: absolute;
bottom: 45px;
height: 30px;
box-sizing: border-box;
  }  
  
  
.cmw-wide300 .bottomline .addtocart {
background: none repeat scroll 0% 0% #495392;
color:white;
/*font-weight:bold;*/
line-height: 40px;
height: 100%;
width: 178px;
padding-left: 15px;
position: relative;
float: right;
box-sizing: border-box;
font-size:14px;
height: 38px;
margin-top: -10px;
margin-right: -10px;
}



.cmw-wide300 .bottomline .categside {
position: relative;
float: left;
box-sizing: border-box;
width:120px;
height:40px;
line-height:40px;
margin-left:-10px;
margin-top:-10px;
}

.cmw-wide300 .bottomline .categside img{
margin-left:5px;


}

.cmw-wide300 .bottomline .categside .categtxt
  {
  height:40px;
  line-height:40px;
  font-size:14px;
  position: relative;
float: left;
box-sizing: border-box;
margin-left:5px;
  }

.cmw-wide300 .bottomline .preorder
{
background:#666;
}

.cmw-wide300 .fancyadd
  {
  left: 0px;
width: 300px;
height: 160px;
top: -274px;
font-size: 16px;
font-weight: 100;
color: #000;
z-index: 999;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.9);
border: 0px none;
box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1) inset;
  }

.cmw-wide300 .fancyadd .addbox
  {
  width: 280px;
 
  
  }
.cmw-wide300 .fancyadd .addbtn
  {
  width: 200px;
  border:0px none;
  background: #f85032;
background: -moz-linear-gradient(top,  #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f85032), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827));
background: -webkit-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
background: -o-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
background: -ms-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
background: linear-gradient(to bottom,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 );
line-height:35px;
height:35px;
margin-top:5px;
margin-bottom:15px;
  
  }
/******************************************************/



/******************************************************/
/* 390 Pixel wide landscape frame design              */
/******************************************************/


.cmw-wide390{
position:relative;
text-align:left;
display:inline-block;
width:390px;
min-width:390px;
height: 250px;
margin-left:15px;
margin-right:15px;
margin-top:15px;
margin-bottom: 15px;
box-sizing:border-box;
 background-color: #fff;
/*box-shadow: 0 1px 5px rgba(0,0,0,0.25);*/
  border-radius: 1%     1%     1%     1% /     1%     1%     1%     1%;
  border: 1px dotted rgba(230, 230, 230, 0.9);
}

.cmw-wide390 a{color:#333;}


.cmw-wide390 .fancyImg
  {
  position: relative;
  float: left;
  width:150px;
  height:180px;
  padding: 0px;
  box-sizing: border-box;
  background-color: #FFF;
  z-index: 1;
/*border: 1px solid #A9A9A9;
margin: 4px 0px 4px 5px; 
padding: 4px;*/
  }
  
.cmw-wide390 .fancyImg img{
   width:150px;
   height:180px;
   z-index: 1;
    margin-left: 5px;
    margin-top: 10px;
    -webkit-transform: scale(.90,.90);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(.90,.90);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;}

.cmw-wide390 .fancyImg img:hover{
    -webkit-transform: scale(1.00,1.00);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1.00,1.00);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    z-index: 1;}

.cmw-wide390 .fancyImg:hover{
    position: relative;
    z-index: 1;
}  

.cmw-wide390 .name-wrap
  {
   box-sizing: border-box;
  position: relative;
  float:right;
width: 230px;
height: 250px;
background: none repeat scroll 0% 0% #E6E6E6;
padding: 10px;
line-height: 24px;
font-size: 14px;

background: #fefefe;
background: transparent linear-gradient(45deg, #FFF 0%, rgba(225, 225, 225, 0.39) 100%) repeat scroll 0% 0%;

 
  }
  
.cmw-wide390 .thumbarrow{
position: absolute; background: #fff;
left: 0px;
top: 100px;
}

.cmw-wide390 .thumbarrow:after{
left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-left-color: #fff; border-width: 15px; margin-top: -15px;

}  

.cmw-wide390 .bottomline {
width: 390px;
height: 40px;
position: absolute;
bottom: 0px;
line-height: 40px;  
padding: 10px;
box-sizing: border-box;
border: 1px solid #f5f5f5;
background: #fff;
 
}
  
.cmw-wide390 .name-wrap .priceline
  {
  width:210px;
  position: absolute;
bottom: 45px;
height: 30px;
box-sizing: border-box;
  }  
  
  
.cmw-wide390 .bottomline .addtocart {
background: none repeat scroll 0% 0% #495392;
color:white;
/*font-weight:bold;*/
line-height: 40px;
height: 100%;
width: 228px;
padding-left: 15px;
position: relative;
float: right;
box-sizing: border-box;
font-size:16px;
height: 38px;
margin-top: -10px;
margin-right: -10px;
cursor: pointer;
}



.cmw-wide390 .bottomline .categside {
position: relative;
float: left;
box-sizing: border-box;
width:160px;
height:40px;
line-height:40px;
margin-left:-10px;
margin-top:-10px;
}

.cmw-wide390 .bottomline .categside img{
margin-left:5px;


}

.cmw-wide390 .bottomline .categside .categtxt
  {
  height:40px;
  line-height:40px;
  font-size:14px;
  position: relative;
float: left;
box-sizing: border-box;
margin-left:5px;
  }

.cmw-wide390 .bottomline .preorder
{
background:#666;
}

.cmw-wide390 .fancyadd
  {
  left: 0px;
width: 390px;
height: 210px;
top: -274px;
font-size: 16px;
line-height: 22px;
box-sizing: border-box;
padding: 10px;
font-weight: 100;
color: #000;
z-index: 999;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.9);
border: 0px none;
box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1) inset;
  }

.cmw-wide390 .fancyadd .addbox
  {
  width: 370px;
 
  
  }
.cmw-wide390 .fancyadd .addbtn
  {
  width: 100%;
  border:0px none;
background: rgb(169,3,41);
background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1)));
background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
background: -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
background: -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
background: linear-gradient(to bottom,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );
color:white;
line-height:35px;
height:35px;
margin-top:5px;
margin-bottom:15px;
  
  }

.cmw-wide390 .fancyadd .dataline    {
    width:80px;
    position: relative;
    box-sizing: border-box;
    font-weight: 700;
    float: left;
}
/******************************************************/

/******************************************************/
/* 390 Pixel wide landscape frame design              */
/******************************************************/


.cmw-wide390beta{
position:relative;
text-align:left;
display:inline-block;
width:390px;
min-width:390px;
height: 250px;
margin-left:15px;
margin-right:15px;
margin-top:35px;
box-sizing:border-box;
 background-color: #fff;
box-shadow: 0 1px 5px rgba(0,0,0,0.25);
  border-radius: 1%     1%     1%     1% /     1%     1%     1%     1%;
    z-index: 1;
}

.cmw-wide390beta a{color:#333;}


.cmw-wide390beta .fancyImg
  {
  position: relative;
  float: left;
  width:150px;
  height:180px;
  padding: 0px;
  box-sizing: border-box;
  background-color: #FFF;
  z-index: 1;
/*border: 1px solid #A9A9A9;
margin: 4px 0px 4px 5px; 
padding: 4px;*/
  }
  
.cmw-wide390beta .fancyImg img{
   width:150px;
   height:180px;
   z-index: 1;
    margin-left: 5px;
    margin-top: 10px;
    -webkit-transform: scale(.90,.90);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(.90,.90);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;}

.cmw-wide390beta .fancyImg img:hover{
    -webkit-transform: scale(1.00,1.00);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1.00,1.00);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    z-index: 1;}

.cmw-wide390beta .fancyImg:hover{
    position: relative;
    z-index: 1;
}  

.cmw-wide390beta .name-wrap
  {
   box-sizing: border-box;
  position: relative;
  float:right;
width: 230px;
height: 250px;
background: none repeat scroll 0% 0% #E6E6E6;
padding: 10px;
line-height: 20px;
font-size: 14px;

background: #ffffff;
background: -moz-linear-gradient(45deg,  #ffffff 0%, #e1e1e1 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ffffff), color-stop(100%,#e1e1e1));
background: -webkit-linear-gradient(45deg,  #ffffff 0%,#e1e1e1 100%);
background: -o-linear-gradient(45deg,  #ffffff 0%,#e1e1e1 100%);
background: -ms-linear-gradient(45deg,  #ffffff 0%,#e1e1e1 100%);
background: linear-gradient(45deg,  #ffffff 0%,#e1e1e1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=1 );

 
  }
  
.cmw-wide390beta .thumbarrow{
position: absolute; background: #fff;
left: 0px;
top: 100px;
}

.cmw-wide390beta .thumbarrow:after{
left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-left-color: #fff; border-width: 15px; margin-top: -15px;

}  

.cmw-wide390beta .bottomline {
width: 390px;
height: 40px;
position: absolute;
bottom: 0px;
line-height: 40px;  
padding: 10px;
box-sizing: border-box;
border: 1px solid #f5f5f5;
background: #fff;
 
}
  
.cmw-wide390beta .name-wrap .priceline
  {
  width:210px;
  position: absolute;
bottom: 45px;
height: 30px;
box-sizing: border-box;
  }  
  
  
.cmw-wide390beta .bottomline .addtocart {
background: none repeat scroll 0% 0% #495392;
color:white;
/*font-weight:bold;*/
line-height: 40px;
height: 100%;
width: 228px;
padding-left: 15px;
position: relative;
float: right;
box-sizing: border-box;
font-size:16px;
height: 38px;
margin-top: -10px;
margin-right: -10px;
}



.cmw-wide390beta .bottomline .categside {
position: relative;
float: left;
box-sizing: border-box;
width:160px;
height:40px;
line-height:40px;
margin-left:-10px;
margin-top:-10px;
}

.cmw-wide390beta .bottomline .categside img{
margin-left:5px;


}

.cmw-wide390beta .bottomline .categside .categtxt
  {
  height:40px;
  line-height:40px;
  font-size:14px;
  position: relative;
float: left;
box-sizing: border-box;
margin-left:5px;
  }

.cmw-wide390beta .bottomline .preorder
{
background:#666;
}

.cmw-wide390beta .fancyadd
  {
  left: 161px;
width: 229px;
height: 210px;
top: -274px;
font-size: 16px;
font-weight: 100;
color: #000;
z-index: 999;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.9);
border: 0px none;
box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1) inset;
  }

.cmw-wide390beta .fancyadd .addbox
  {
width: 229px;
margin-left: -15px;
 
  
  }
.cmw-wide390beta .fancyadd .addbtn
  {
  width: 100%;
  left:0px;

  border:0px none;
  background: #f85032;
background: -moz-linear-gradient(top,  #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f85032), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827));
background: -webkit-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
background: -o-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
background: -ms-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
background: linear-gradient(to bottom,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 );
line-height:35px;
height:35px;
margin-top:5px;
margin-bottom:15px;
  
  }
/******************************************************/

.cwm-hide
  {
    width:100%;
    overflow:hidden;
  }

.tooltip_wrap{
position:absolute;
background:#fff;
box-sizing:border-box;
box-shadow: 2px 2px 5px #ccc;
font-size:12px;
line-height:18px;
width:300px;
border-radius:3px;
border:1px solid #ccc;
z-index: 999;
top:15px;
left:0px;
}
.tool_header{
box-sizing:border-box;
padding:5px;
width:100%;
position:relative;
float:left;
font-size:14px;
line-height20px;
border-bottom:1px solid #999;
background:#333;
color:#fff;
text-align:center;
z-index: 99999;
}
.tool_content{
width:100%;
position:relative;
float:left;
padding:10px;
box-sizing:border-box;
padding:10px;
text-align:justify;
color:black;
z-index: 99999;
}
.tool_footer{
padding:10px;
font-size:10px;
color: #333;
line-height20px;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
text-align:center;
width:100%;
position:relative;
float:left;
font-style:italic;
z-index: 99999;
}


.tool_adv img {width:100%;padding:10px;box-sizing:border-box;}
.dosome{color:red;font-weight:700;position:relative;
display: inline;}

.searchbutton_shop{top:-1px;position:relative;float:right;box-sizing:border-box;line-height:28px;height:37px;font-size:22px;margin-left:15px;padding-right:15px;padding-left:15px;}


/***************************** noUIslider ****************************************/

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
-moz-box-sizing: border-box;
    box-sizing: border-box;
}
.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
}
.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
}
.noUi-handle {
    position: relative;
    z-index: 1;
}
.noUi-stacking .noUi-handle {
/* This class is applied to the lower origin when
   its values is > 50%. */
    z-index: 1;
}
.noUi-stacking + .noUi-origin {
/* Fix stacking order in IE7, which incorrectly
   creates a new context for the origins. */
    *z-index: -1;
}
.noUi-state-tap .noUi-origin {
-webkit-transition: left 0.3s, top 0.3s;
    transition: left 0.3s, top 0.3s;
}
.noUi-state-drag * {
    cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
    height: 18px;
}
.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    /*left: -1px;*/
    top: -6px;
}
.noUi-horizontal.noUi-extended {
    padding: 0 15px;
}
.noUi-horizontal.noUi-extended .noUi-origin  {
    right: 15px;
}
.noUi-vertical {
    width: 18px;
}
.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px;
}
.noUi-vertical.noUi-extended {
    padding: 15px 0;
}
.noUi-vertical.noUi-extended .noUi-origin  {
    bottom: -15px;
}

/* Styling;
 */
.noUi-background {
    background: #FAFAFA;
    box-shadow: inset 0 1px 1px #f0f0f0;
}
.noUi-connect {
    /*background: #3FB8AF;*/
    background: red;
    box-shadow: inset 0 0 3px rgba(51,51,51,0.45);
-webkit-transition: background 450ms;
    transition: background 450ms;
}
.noUi-origin {
    border-radius: 2px;
}
.noUi-target {
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-target.noUi-connect {
    box-shadow: inset 0 0 3px rgba(51,51,51,0.45), 0 3px 6px -5px #BBB;
}

/* Handles and cursors;
 */
.noUi-dragable {
    cursor: w-resize;
}
.noUi-vertical .noUi-dragable {
    cursor: n-resize;
}
.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF,
                inset 0 1px 7px #EBEBEB,
                0 3px 6px -3px #BBB;
}
.noUi-active {
    box-shadow: inset 0 0 1px #FFF,
                inset 0 1px 7px #DDD,
                0 3px 6px -3px #BBB;
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #E8E7E6;
    left: 14px;
    top: 6px;
}
.noUi-handle:after {
    left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px;
}
.noUi-vertical .noUi-handle:after {
    top: 17px;
}

/* Disabled state;
 */
[disabled].noUi-connect,
[disabled] .noUi-connect {
    background: #B8B8B8;
}
[disabled] .noUi-handle {
    cursor: not-allowed;
}
.noUi-handle-upper{
right: 30px;
}

/*******************************************************************************/
.sliderval{width: 100px;
background: none repeat scroll 0% 0% transparent;
border: 0px none;
font-size: 14px;
font-weight: 700;}
.listcathead{line-height: 28px; background: darkred;color: #FFF; text-align:center;}
.listcathead_used{line-height: 28px; background: darkred;color: #FFF; text-align:center;}

.shopendheadline{
width: calc(100% + 40px);
padding: 10px;
box-sizing: border-box;
left: -20px;
position: relative;
overflow: hidden;
/*border-bottom: 12px solid #8BC53F;*/
margin-bottom:10px;
/*color:#8BC53F;*/
}
.shopendbox{
padding-left: 15px;
min-width:600px;
width:60%;
box-sizing: border-box;
position: relative;
float:left;
font-size:14px;
line-height:18px;
}
.minheprod{
min-width:390px;
width:39%;
box-sizing: border-box;
position: relative;
float:right;
font-size:14px;
line-height:18px;

}

/*checkout steps*/
.checkout-wrap {
  color: #444;
  font-family: 'PT Sans Caption', sans-serif;
margin: 25px auto;
margin-bottom: 120px;
  max-width: 1200px;
  position: relative;
}

ul.checkout-bar li {
  color: #ccc;
  display: block;
  font-size: 16px;
  font-weight: 600;
  padding: 14px 20px 14px 80px;
  position: relative;
}
ul.checkout-bar li:before {
  -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
  background: #ddd;
  border: 2px solid #FFF;
  border-radius: 50%;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  left: 20px;
  line-height: 37px;
  height: 35px;
  position: absolute;
  text-align: center;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
  top: 4px;
  width: 35px;
  z-index: 2;
}
ul.checkout-bar li.active {
  color: #750303;
  font-weight: bold;
}
ul.checkout-bar li.active:before {
  background: #750303;
  z-index: 9;
}
ul.checkout-bar li.visited {
  background: #ECECEC;
  color: #57aed1;
  z-index: 9;
}
ul.checkout-bar li.visited:before {
  background: #57aed1;
  z-index: 9;
}
ul.checkout-bar li:nth-child(1):before {
  content: "1";
}
ul.checkout-bar li:nth-child(2):before {
  content: "2";
}
ul.checkout-bar li:nth-child(3):before {
  content: "3";
}
ul.checkout-bar li:nth-child(4):before {
  content: "4";
}
ul.checkout-bar li:nth-child(5):before {
  content: "5";
}
ul.checkout-bar li:nth-child(6):before {
  content: "6";
}
ul.checkout-bar a {
  color: #57aed1;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

@media all and (min-width: 800px) {
  .checkout-bar li.active:after {
    -webkit-animation: myanimation 3s 0;
    background-size: 35px 35px;
    background-color: #750303;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    content: "";
    height: 15px;
    width: 100%;
    left: 50%;
    position: absolute;
    top: -50px;
    z-index: 0;
  }

  .checkout-wrap {
    margin: 25px auto;
margin-bottom: 110px;
  }

  ul.checkout-bar {
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    background-size: 35px 35px;
    background-color: #EcEcEc;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
    border-radius: 15px;
    height: 15px;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    width: 100%;
  }
  ul.checkout-bar:before {
    background-size: 35px 35px;
    background-color: #57aed1;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    border-radius: 15px;
    content: " ";
    height: 15px;
    left: 0;
    position: absolute;
    width: 10%;
  }
  ul.checkout-bar li {
    display: inline-block;
    margin: 50px 0 0;
    padding: 0;
    text-align: center;
    width: 24%;
  }
  ul.checkout-bar li:before {
    height: 45px;
    left: 40%;
    line-height: 45px;
    position: absolute;
    top: -65px;
    width: 45px;
    /*z-index: 9;*/
  }
  ul.checkout-bar li.visited {
    background: none;
  }
  ul.checkout-bar li.visited:after {
    background-size: 35px 35px;
    background-color: #57aed1;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    content: "";
    height: 15px;
    left: 50%;
    position: absolute;
    top: -50px;
    width: 100%;
    z-index: 1;
  }
}
input[type=radio].css-checkbox {
                            position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
                        }

                        input[type=radio].css-checkbox + label.css-label {
                            padding-left:23px;
                            height:18px; 
                            display:inline-block;
                            line-height:18px;
                            background-repeat:no-repeat;
                            background-position: 0 0;
                            font-size:18px;
                            vertical-align:middle;
                            cursor:pointer;

                        }

                        input[type=radio].css-checkbox:checked + label.css-label {
                            background-position: 0 -18px;
                        }
                        label.css-label {
                background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_77df47ebe1af071bc04863fe6948be8e.png);
                -webkit-touch-callout: none;
                -webkit-user-select: none;
                -khtml-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }
.button_3d{
    border:0px none;
    background:darkred;
    color:white;
    padding:10px 30px;
    margin-top: 10px;
    position: relative;
    float: right;
    cursor: pointer;
}
.button_3d:hover{
    color:white;
}


/* input */     
.CMWsmallinput{
 text-align: center;
vertical-align:middle;
font-size:16px;
line-height:40px;
height:40px;
background:#fff;
border:1px solid #ccc;
width:80%;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}

.CMWsmallinput:hover{
box-shadow: 0px 0px 3px 0px #000;
-moz-box-shadow: 0px 0px 3px 0px #000;
-webkit-box-shadow: 0px 0px 3px 0px #000;
}

.CMWsmallinput:focus{
background:#fefcea;
box-shadow: 0px 0px 8px 1px #000;
-moz-box-shadow: 0px 0px 8px 1px #000;
-webkit-box-shadow: 0px 0px 8px 1px #000;
}

.inputwrap-full{
width:100%;
height:40px;
margin-top:15px;
margin-bottom:5px;
}
.CMW-input-over{
min-width:70px;
width:calc(100% - 70px);
float:left;
margin-top:8px;
border:0px none;
background:transparent;
position:relative;
font-size:16px;
line-height:45px;
font-family: 'OSCL',Helvetica,Arial,sans-serif !important;
height: 45px;
}       

.inputxt{
font-size:14px;
line-height:20px;
font-weight:700;
height: 25px;
margin-top: 15px;
width:175px;
}
.head{font-weight: bold;line-height:30px;}
.head td{border-bottom: 1px solid black;}
.tr_odd td{background:#ccc; line-height: 28px;vertical-align: middle;}
.tr_even td{background:#fff; line-height: 28px;vertical-align: middle;}
.table_func{
    height: 16px;
line-height: 16px;
border:0px none;
}
.proddetail_evo{display: none;}



@media (min-width: 1921px) {

.articlebox .title h2{ font-size: 50px;}
.articlebox .catname,
.articlebox .auth{
font-size: 26px;
}
.articlebox .descshort p{
  font-size: 32px;
}
.articlebox .read{
font-size: 23px;
line-height: 38px;
}

.reviewbox .title h2{font-size: 40px;}
.reviewbox .catname,
.reviewbox .auth{
font-size: 23px;
}

.reviewbox .descshort p{
font-size: 24px;
}

.reviewbox .read{

font-size: 21px;
line-height: 35px;
}

}