/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
.new-design html,
.new-design button,
.new-design input,
.new-design select,
.new-design textarea {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #353E46;
}
.new-design html {
font-size: 0.8125em;
line-height: 1.5;
min-height: 100%;
height: 100%;
background: #f8f7f3;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNmOGY3ZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNjk2OTY5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  #f8f7f3 25%, #696969 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#f8f7f3), color-stop(100%,#696969));
background: -webkit-linear-gradient(top,  #f8f7f3 25%,#696969 100%);
background: -o-linear-gradient(top,  #f8f7f3 25%,#696969 100%);
background: -ms-linear-gradient(top,  #f8f7f3 25%,#696969 100%);
background: linear-gradient(to bottom,  #f8f7f3 25%,#696969 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f7f3', endColorstr='#696969',GradientType=0 );
background-attachment: fixed;
}
.new-design a {
color: #0186E4;
}
.new-design a:hover {
text-decoration: none;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
.new-design ::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
.new-design ::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
.new-design hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between images, videos, audio and canvas and the bottom of
* their containers: h5bp.com/i/440
*/
.new-design audio,
.new-design canvas,
.new-design img,
.new-design video {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
.new-design fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
.new-design textarea {
resize: vertical;
}
/* ==========================================================================
Browse Happy prompt
========================================================================== */
.new-design .browsehappy {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Forms
========================================================================== */
.new-design input[type='text'],.new-design select{
padding: 5px 5px;
margin: 5px 0 0 5px;
background: #fff;
border: none;
border-radius: 3px;
}
/* ==========================================================================
Buttons
========================================================================== */
.new-design .btn,
.new-design button {
display: inline-block;
text-decoration: none;
line-height: 30px;
padding: 0 20px;
font-weight: 700;
cursor: pointer;
text-align: center;
border: none;
border-radius: 3px;
text-shadow: 0 1px rgba(0, 0, 0, 0.5);
background: #d0d4da;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QwZDRkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYmJiYmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #d0d4da 0%, #bbbbbb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0d4da), color-stop(100%,#bbbbbb));
background: -webkit-linear-gradient(top,  #d0d4da 0%,#bbbbbb 100%);
background: -o-linear-gradient(top,  #d0d4da 0%,#bbbbbb 100%);
background: -ms-linear-gradient(top,  #d0d4da 0%,#bbbbbb 100%);
background: linear-gradient(to bottom,  #d0d4da 0%,#bbbbbb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d4da', endColorstr='#bbbbbb',GradientType=0 );
}
.new-design .btn:hover,
.new-design button:hover {
background: #b7babf;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I3YmFiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMGEwYTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #b7babf 0%, #a0a0a0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7babf), color-stop(100%,#a0a0a0));
background: -webkit-linear-gradient(top,  #b7babf 0%,#a0a0a0 100%);
background: -o-linear-gradient(top,  #b7babf 0%,#a0a0a0 100%);
background: -ms-linear-gradient(top,  #b7babf 0%,#a0a0a0 100%);
background: linear-gradient(to bottom,  #b7babf 0%,#a0a0a0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7babf', endColorstr='#a0a0a0',GradientType=0 );
}
.new-design .btn:active,
.new-design button:active {
position: relative;
top: 1px;
outline: none;
}
.new-design .btn--blue,
.new-design .btn--green,
.new-design .btn--red,
.new-design .btn--purple,
.new-design .btn--orange {
color: #fff;
}
.new-design .btn--blue {
background: rgb(94,156,234);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlOWNlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYzYzYzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(94,156,234,1) 0%, rgba(12,99,196,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(94,156,234,1)), color-stop(100%,rgba(12,99,196,1)));
background: -webkit-linear-gradient(top,  rgba(94,156,234,1) 0%,rgba(12,99,196,1) 100%);
background: -o-linear-gradient(top,  rgba(94,156,234,1) 0%,rgba(12,99,196,1) 100%);
background: -ms-linear-gradient(top,  rgba(94,156,234,1) 0%,rgba(12,99,196,1) 100%);
background: linear-gradient(to bottom,  rgba(94,156,234,1) 0%,rgba(12,99,196,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e9cea', endColorstr='#0c63c4',GradientType=0 );
}
.new-design .btn--blue:hover {
background: rgb(84,140,209);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU0OGNkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYTU1YWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(84,140,209,1) 0%, rgba(10,85,171,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(84,140,209,1)), color-stop(100%,rgba(10,85,171,1)));
background: -webkit-linear-gradient(top,  rgba(84,140,209,1) 0%,rgba(10,85,171,1) 100%);
background: -o-linear-gradient(top,  rgba(84,140,209,1) 0%,rgba(10,85,171,1) 100%);
background: -ms-linear-gradient(top,  rgba(84,140,209,1) 0%,rgba(10,85,171,1) 100%);
background: linear-gradient(to bottom,  rgba(84,140,209,1) 0%,rgba(10,85,171,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#548cd1', endColorstr='#0a55ab',GradientType=0 );
}
.new-design .btn--orange {
background: #db942a;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiOTQyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNDRlMGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #db942a 0%, #c44e0c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#db942a), color-stop(100%,#c44e0c));
background: -webkit-linear-gradient(top, #db942a 0%,#c44e0c 100%);
background: -o-linear-gradient(top, #db942a 0%,#c44e0c 100%);
background: -ms-linear-gradient(top, #db942a 0%,#c44e0c 100%);
background: linear-gradient(to bottom, #db942a 0%,#c44e0c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db942a', endColorstr='#c44e0c',GradientType=0 );
}
.new-design .btn--orange:hover {
background: #d37e2a; 
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzN2UyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYzUwMGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #d37e2a 0%, #cc500e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d37e2a), color-stop(100%,#cc500e));
background: -webkit-linear-gradient(top,  #d37e2a 0%,#cc500e 100%);
background: -o-linear-gradient(top,  #d37e2a 0%,#cc500e 100%);
background: -ms-linear-gradient(top,  #d37e2a 0%,#cc500e 100%);
background: linear-gradient(to bottom,  #d37e2a 0%,#cc500e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d37e2a', endColorstr='#cc500e',GradientType=0 );
}
.new-design .btn--green {
background: rgb(121,175,0);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc5YWYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MDdiMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(121,175,0,1) 0%, rgba(80,123,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(121,175,0,1)), color-stop(100%,rgba(80,123,0,1)));
background: -webkit-linear-gradient(top,  rgba(121,175,0,1) 0%,rgba(80,123,0,1) 100%);
background: -o-linear-gradient(top,  rgba(121,175,0,1) 0%,rgba(80,123,0,1) 100%);
background: -ms-linear-gradient(top,  rgba(121,175,0,1) 0%,rgba(80,123,0,1) 100%);
background: linear-gradient(to bottom,  rgba(121,175,0,1) 0%,rgba(80,123,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79af00', endColorstr='#507b00',GradientType=0 );
}
.new-design .btn--green:hover {
background: rgb(103,150,0);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY3OTYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZjYxMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(103,150,0,1) 0%, rgba(63,97,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(103,150,0,1)), color-stop(100%,rgba(63,97,0,1)));
background: -webkit-linear-gradient(top,  rgba(103,150,0,1) 0%,rgba(63,97,0,1) 100%);
background: -o-linear-gradient(top,  rgba(103,150,0,1) 0%,rgba(63,97,0,1) 100%);
background: -ms-linear-gradient(top,  rgba(103,150,0,1) 0%,rgba(63,97,0,1) 100%);
background: linear-gradient(to bottom,  rgba(103,150,0,1) 0%,rgba(63,97,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#679600', endColorstr='#3f6100',GradientType=0 );
}
.new-design .btn--red {
background: rgb(238,47,47);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlMmYyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOTFmMWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(238,47,47,1) 0%, rgba(201,31,31,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,47,47,1)), color-stop(100%,rgba(201,31,31,1)));
background: -webkit-linear-gradient(top,  rgba(238,47,47,1) 0%,rgba(201,31,31,1) 100%);
background: -o-linear-gradient(top,  rgba(238,47,47,1) 0%,rgba(201,31,31,1) 100%);
background: -ms-linear-gradient(top,  rgba(238,47,47,1) 0%,rgba(201,31,31,1) 100%);
background: linear-gradient(to bottom,  rgba(238,47,47,1) 0%,rgba(201,31,31,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee2f2f', endColorstr='#c91f1f',GradientType=0 );
}
.new-design .btn--red:hover {
background: rgb(212,42,42);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0MmEyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMDFhMWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(212,42,42,1) 0%, rgba(176,26,26,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(212,42,42,1)), color-stop(100%,rgba(176,26,26,1)));
background: -webkit-linear-gradient(top,  rgba(212,42,42,1) 0%,rgba(176,26,26,1) 100%);
background: -o-linear-gradient(top,  rgba(212,42,42,1) 0%,rgba(176,26,26,1) 100%);
background: -ms-linear-gradient(top,  rgba(212,42,42,1) 0%,rgba(176,26,26,1) 100%);
background: linear-gradient(to bottom,  rgba(212,42,42,1) 0%,rgba(176,26,26,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d42a2a', endColorstr='#b01a1a',GradientType=0 );
}
.new-design .btn--purple {
background: rgb(173,21,212);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FkMTVkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3OTE0YzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(173,21,212,1) 0%, rgba(121,20,192,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(173,21,212,1)), color-stop(100%,rgba(121,20,192,1)));
background: -webkit-linear-gradient(top,  rgba(173,21,212,1) 0%,rgba(121,20,192,1) 100%);
background: -o-linear-gradient(top,  rgba(173,21,212,1) 0%,rgba(121,20,192,1) 100%);
background: -ms-linear-gradient(top,  rgba(173,21,212,1) 0%,rgba(121,20,192,1) 100%);
background: linear-gradient(to bottom,  rgba(173,21,212,1) 0%,rgba(121,20,192,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad15d4', endColorstr='#7914c0',GradientType=0 );
}
.new-design .btn--purple:hover {
background: rgb(153,19,186);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5MTNiYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ODExYTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(153,19,186,1) 0%, rgba(104,17,166,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153,19,186,1)), color-stop(100%,rgba(104,17,166,1)));
background: -webkit-linear-gradient(top,  rgba(153,19,186,1) 0%,rgba(104,17,166,1) 100%);
background: -o-linear-gradient(top,  rgba(153,19,186,1) 0%,rgba(104,17,166,1) 100%);
background: -ms-linear-gradient(top,  rgba(153,19,186,1) 0%,rgba(104,17,166,1) 100%);
background: linear-gradient(to bottom,  rgba(153,19,186,1) 0%,rgba(104,17,166,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9913ba', endColorstr='#6811a6',GradientType=0 );
}
/* ==========================================================================
Author's custom styles
========================================================================== */
/*
* Base layout
*/
.new-design .site {
background: url(images/bgmasks.png) 50% 80px no-repeat;
padding: 20px;
}
.new-design .site__wrapper {
width: 1200px;
margin: auto;
border-radius: 30px;
overflow: hidden;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
}
.new-design .site__header {
background: #6b7a88;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcyODA4YiIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ1NTI1ZCIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  rgba(114,128,139,0.9) 0%, rgba(69,82,93,0.9) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(114,128,139,0.9)), color-stop(100%,rgba(69,82,93,0.9)));
background: -webkit-linear-gradient(top,  rgba(114,128,139,0.9) 0%,rgba(69,82,93,0.9) 100%);
background: -o-linear-gradient(top,  rgba(114,128,139,0.9) 0%,rgba(69,82,93,0.9) 100%);
background: -ms-linear-gradient(top,  rgba(114,128,139,0.9) 0%,rgba(69,82,93,0.9) 100%);
background: linear-gradient(to bottom,  rgba(114,128,139,0.9) 0%,rgba(69,82,93,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e672808b', endColorstr='#e645525d',GradientType=0 );
}
.new-design .logotype {
margin: 0;
float: left;
position: relative;
top: 10px;
left: 20px;
}
.new-design .logotype__link {
display: block;
width: 210px;
height: 110px;
background: url(images/logo.png) 0 0 no-repeat;
}
/* Navigation */
.new-design .navigation { }
.new-design .navigation__layout {
margin: 0;
padding: 0;
list-style: none;
}
.new-design .navigation__item {
float: left;
}
.new-design .navigation__link {
color: #fff;
text-decoration: none;
display: block;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
}
.new-design .navigation__title {
position: relative;
}
/* Primary navigation */
.new-design .navigation--primary {
float: right;
}
.new-design .navigation--primary .navigation__link {
height: 70px;
padding: 50px 20px 10px 20px;
-webkit-transition: all 0.3s ease 0;
-moz-transition: all 0.3s ease 0;
transition: all 0.3s ease 0;
}
.new-design .navigation--primary .navigation__link:hover {
background: #1e5799;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMWU1Nzk5IiBzdG9wLW9wYWNpdHk9IjAuNyIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjN2JlZGVlIiBzdG9wLW9wYWNpdHk9IjAuNyIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(45deg,  rgba(30,87,153,0.8) 0%, rgba(123,237,238,0.8) 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(30,87,153,0.8)), color-stop(100%,rgba(123,237,238,0.8)));
background: -webkit-linear-gradient(45deg,  rgba(30,87,153,0.8) 0%,rgba(123,237,238,0.8) 100%);
background: -o-linear-gradient(45deg,  rgba(30,87,153,0.8) 0%,rgba(123,237,238,0.8) 100%);
background: -ms-linear-gradient(45deg,  rgba(30,87,153,0.8) 0%,rgba(123,237,238,0.8) 100%);
background: linear-gradient(45deg,  rgba(30,87,153,0.8) 0%,rgba(123,237,238,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b31e5799', endColorstr='#b37bedee',GradientType=1 );
}
.new-design .navigation--primary .navigation__title {
font-size: 16px;
}
.new-design .navigation__hint {
color: #B3D4FC;
display: block;
}
/* Secondary navigation */
.new-design .navigation--secondary  {
display: table;
table-layout: auto;
width: 100%;
white-space: nowrap;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.new-design .navigation--secondary .navigation__layout {
display: table-row;
}
.new-design .navigation--secondary .navigation__item {
display: table-cell;
float: none;
border-top: 1px solid #222C36;
}
.new-design .navigation--secondary .navigation__link {
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
border-left: 1px solid rgba(255, 255, 255, 0.1);
text-align: center;
background: #30506e;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwNTA2ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMDM5NTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #30506e 0%, #203952 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#30506e), color-stop(100%,#203952));
background: -webkit-linear-gradient(top,  #30506e 0%,#203952 100%);
background: -o-linear-gradient(top,  #30506e 0%,#203952 100%);
background: -ms-linear-gradient(top,  #30506e 0%,#203952 100%);
background: linear-gradient(to bottom,  #30506e 0%,#203952 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30506e', endColorstr='#203952',GradientType=0 );
padding: 0 10px;
line-height: 50px;
font-size: 12px;
}
.new-design .navigation--secondary .navigation__item:first-child .navigation__link {
border-left: none;
}
.new-design .navigation--secondary .navigation__link:hover {
background: #0051b8;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNTFiOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzA2NDU5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDUxYjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #0051b8 0%, #064595 50%, #0051b8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0051b8), color-stop(50%,#064595), color-stop(100%,#0051b8));
background: -webkit-linear-gradient(top,  #0051b8 0%,#064595 50%,#0051b8 100%);
background: -o-linear-gradient(top,  #0051b8 0%,#064595 50%,#0051b8 100%);
background: -ms-linear-gradient(top,  #0051b8 0%,#064595 50%,#0051b8 100%);
background: linear-gradient(to bottom,  #0051b8 0%,#064595 50%,#0051b8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0051b8', endColorstr='#0051b8',GradientType=0 );
}
.new-design .navigation--secondary .navigation__link--current,
.new-design .navigation--secondary .navigation__link--current:hover {
background: #62aef2;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYyYWVmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMTg3ZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #62aef2 0%, #1187ea 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#62aef2), color-stop(100%,#1187ea));
background: -webkit-linear-gradient(top,  #62aef2 0%,#1187ea 100%);
background: -o-linear-gradient(top,  #62aef2 0%,#1187ea 100%);
background: -ms-linear-gradient(top,  #62aef2 0%,#1187ea 100%);
background: linear-gradient(to bottom,  #62aef2 0%,#1187ea 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62aef2', endColorstr='#1187ea',GradientType=0 );
}
/* Search */
.new-design .search {
background: #203955;
background: rgba(32, 57, 85, 0.95);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.5);
padding: 20px;
position: relative;
}
.new-design .search__container {
position: relative;
margin-right: 10px;
}
.new-design .search__container,
.new-design .search__catselect {
float: left;
}
.new-design .search__suggest {}
.new-design .search__input {
background: #fff url(images/toolbar_find.png) 5px 50% no-repeat;
border: none;
border-radius: 3px;
height: 30px;
width: 269px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
padding: 0 90px 0 25px;
}
.new-design .search__catselect {
width: 212px;
height: 30px;
margin: 0px 10px 0px 0px; 
border: none;
padding: 7px;
border-radius: 3px;
}
.new-design .search__btn {
float: left;
font-size: 14px;
margin: 0;
}
.new-design .search__advanced {
display: block;
padding-left: 20px;
background: url(images/search-cog.png) 0 50% no-repeat;
position: absolute;
top: 5px;
right: 5px;
font-size: 10px;
line-height: 10px;
text-decoration: none;
color: #aaa;
letter-spacing: 0.5px;
}
.new-design .search__advanced:hover {
background: url(images/search-cog_h.png) 0 50% no-repeat;
color: #203955;
}
.new-design .livesearch {
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
border-radius: 3px;
overflow: hidden;
position: absolute;
width: 100%;
top: 105%;
z-index: 100;
background: #F5EFD6;
}
.new-design .livesearch mark {
background: #FFE474;
}
.new-design .livesearch__section {
margin: 0;
position: relative;
}
.new-design .livesearch__header {
padding: 5px 0;
position: absolute;
right: 0;
font-weight: 700;
opacity: 0.4;
width: 60px;
}
.new-design .livesearch__item {
margin: 1px 80px 0 0;
}
.new-design .livesearch__link {
display: block;
text-decoration: none;
padding: 5px;
max-height: 57px;
overflow: hidden;
background: #fff;
}
.new-design .livesearch__link:hover {
background: #B3D4FC;
}
.new-design .livesearch__thumb {
float: left;
}
.new-design .livesearch__imgwrap {
display: table-cell;
vertical-align: middle;
height: 57px;
width: 57px;
background: #FFF url(images/loading.gif) 50% 50% no-repeat;
}
.new-design .livesearch__image {
max-width: 57px;
max-height: 57px;
margin: auto;
display: block;
}
.new-design .livesearch__details {
display: block;
margin-left: 67px;
line-height: 20px;
}
.new-design .livesearch__movie {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.new-design .livesearch__proptitle {
color: #353E46;
}
.new-design .livesearch__more {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #fff;
text-decoration: none;
line-height: 30px;
padding: 0 5px;
text-align: center;
background: rgb(121,175,0);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc5YWYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MDdiMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(121,175,0,1) 0%, rgba(80,123,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(121,175,0,1)), color-stop(100%,rgba(80,123,0,1)));
background: -webkit-linear-gradient(top,  rgba(121,175,0,1) 0%,rgba(80,123,0,1) 100%);
background: -o-linear-gradient(top,  rgba(121,175,0,1) 0%,rgba(80,123,0,1) 100%);
background: -ms-linear-gradient(top,  rgba(121,175,0,1) 0%,rgba(80,123,0,1) 100%);
background: linear-gradient(to bottom,  rgba(121,175,0,1) 0%,rgba(80,123,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79af00', endColorstr='#507b00',GradientType=0 );
}
.new-design .livesearch__more:hover {
background: rgb(103,150,0);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY3OTYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZjYxMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(103,150,0,1) 0%, rgba(63,97,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(103,150,0,1)), color-stop(100%,rgba(63,97,0,1)));
background: -webkit-linear-gradient(top,  rgba(103,150,0,1) 0%,rgba(63,97,0,1) 100%);
background: -o-linear-gradient(top,  rgba(103,150,0,1) 0%,rgba(63,97,0,1) 100%);
background: -ms-linear-gradient(top,  rgba(103,150,0,1) 0%,rgba(63,97,0,1) 100%);
background: linear-gradient(to bottom,  rgba(103,150,0,1) 0%,rgba(63,97,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#679600', endColorstr='#3f6100',GradientType=0 );
}
/* Shopping cart*/
.new-design .user-area {
position: relative;
float: right;
color: #fff;
min-width: 100px;
margin-bottom: -20px;
margin-top: -5px; 
}
.new-design .user-area__welcome {
float: left;
margin-right: 20px;
}
.new-design .user-area__links {
float: left;
}
.new-design .user-area__login,
.new-design .user-area__register,
.new-design .user-area__account,
.new-design .user-area__logout {
padding-left: 20px;
color: #B3D4FC;
background-position: 0 50%;
background-repeat: no-repeat;
text-decoration: underline;
}
.new-design .user-area__login {
background-image: url(images/login.png);
}
.new-design .user-area__register {
background-image: url(images/register.png);
}
.new-design .user-area__account {
background-image: url(images/account.png);
}
.new-design .user-area__logout {
background-image: url(images/logout.png);
}
.new-design .cartbox {
position: relative;
float: right;
height: 50px;
margin-top: -10px;
margin-left: 20px;
margin-bottom: -20px; 
}
.new-design .cart {
padding: 10px 20px;
padding-left: 60px;
background: rgba(0, 0, 0, 0.2) url(images/bigcart.png) 10px 50% no-repeat;
display: inline-block;
line-height: 15px;
border-radius: 4px;
margin: 0;
color: #FFF;
text-decoration: none; 
}
.new-design .cart:hover {
background-color: rgba(0,0,0,0.25);
}
.new-design .cart__counter {
position: absolute;
text-align: center;
width: 18px;
height: 19px;
font-size: 9px;
background: url(images/cartcounter.png) 0 0 no-repeat;
line-height: 17px;
left: 30px;
top: 5px;
}
.new-design .cart__dollars,
.new-design .cart__pounds  {
display: block;
}
.new-design .cart__sign {
padding-right: 2px;
}
.new-design .cart__sign--dollars {
color: #bbd02d;
}
.new-design .cart__sign--pounds {
color: #0186E4;
}
.new-design .user-area__welcome--name{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 190px;
    display: block;
} 
.new-design .accountbox {
position: absolute;
right: 20px;
top: 10px;
}
.new-design .accountbox__link {
padding-left: 25px;
line-height: 50px;
display: inline-block;
background-position: 0 50%;
background-repeat: no-repeat;
color: #ADD8E6;
}
.new-design .accountbox__link--account {
background-image: url(images/account.png);
}
.new-design .accountbox__link--logout {
background-image: url(images/logout.png);
background-position: 2px 50%;
}
/* News Flash */
.new-design .news-flash__layout {
padding: 10px 0 10px 140px;
margin: 10px 20px;
background: url(images/news-flash.png) 0 3px no-repeat;
}
.new-design .news-flash__item {
margin: 0;
display: none;
}
.new-design .news-flash__item--current {
display: inline-block;
}
.new-design .news-flash__link {
text-decoration: none;
padding: 3px 4px;
border-radius: 2px;
}
.new-design .news-flash__link:hover {
background: #FFF2BE;
}
.new-design .news-flash__date {
font-weight: 700;
}
.new-design .news-flash__text {
color: #353E46;
}
/* Content section */
.new-design .content {
background: #cbdbe9;
position: relative;
overflow: hidden;
box-shadow: inset 0 5px 5px -5px;
}
.new-design .section {
padding: 20px;
}
.new-design .section__header {
padding: 10px 0;
margin: 0;
}
/* Foter */
.new-design .site__footer {
padding: 40px;
color: #BECBD5;
position: relative;
background: #414a52;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQxNGE1MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMDM5NDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #414a52 0%, #303941 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#414a52), color-stop(100%,#303941));
background: -webkit-linear-gradient(top,  #414a52 0%,#303941 100%);
background: -o-linear-gradient(top,  #414a52 0%,#303941 100%);
background: -ms-linear-gradient(top,  #414a52 0%,#303941 100%);
background: linear-gradient(to bottom,  #414a52 0%,#303941 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414a52', endColorstr='#303941',GradientType=0 );
}
.new-design .sitemap {
border-top: 1px dotted;
font-size: 12px;
display: table;
width: 100%;
}
.new-design .sitemap__inner {
display: table-row;
}
.new-design .sitemap-col {
display: table-cell;
}
.new-design .sitemap-links {
list-style: none;
border-bottom: 1px dotted;
padding: 5px 0;
margin: 0 0 0 40px;
line-height: 20px;
}
.new-design .sitemap-col:first-child .sitemap-links {
margin-left: 0;
}
.new-design .sitemap-links:last-child {
border-bottom: none;
padding-bottom: 0;
}
.new-design .sitemap-links__item:first-child {
font-weight: 700;
}
.new-design .sitemap-links__link {
color: #BECBD5;
text-decoration: none;
}
.new-design .sitemap-links__link:hover {
text-decoration: underline;
}
.new-design .support {
position: absolute;
bottom: 78px;
right: 175px;
}
.new-design .support__link {
text-decoration: none;
}
.new-design .support__link img{
display: inline;
}   
.new-design .certificate {
position: absolute;
right: 40px;
bottom: 40px;
width: 96px;
height: 88px;
text-decoration: none;
background: url(images/logoGuaranteedAuthentic.png) 50% 50% no-repeat;
}
.new-design .copyright {
width: 800px;
margin: 0 auto;
text-align: center;
font-size: 10px;
letter-spacing: 1px;
margin-top: 20px;
}
.new-design .copyright,
.new-design .copyright a {
color: #C5C5C5;
text-decoration: none;
}
/* Social links */
.new-design .social-links {
padding: 0;
margin: 0 0 0 610px;
list-style: none;
position: absolute;
top: 70px;
float: left;
left: 50%;
z-index: 50;
}
.new-design .social-links__item {
margin: 0 0 5px 0;
}
.new-design .social-links__link {
display: block;
height: 32px;
width: 32px;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.new-design .social-links__link:active {
position: relative;
top: 1px;
}
.new-design .social-links__link--facebook {
background-image: url(images/facebook.png);
}
.new-design .social-links__link--twitter {
background-image: url(images/twitter.png);
}
.new-design .social-links__link--youtube {
background-image: url(images/youtube.png);
}
.new-design .social-links__link--instagram {
background-image: url(images/instagram.png);
}
.new-design .social-links__link--pinterest {
background-image: url(images/pinterest.png);
}
.new-design .social-links__link--google {
background-image: url(images/google.png);
}
.new-design .social-links__link--tumblr {
background-image: url(images/tumblr.png);
}
/**
* Home Page
*/
/* Subscribe section */
.new-design .subscribe {
padding: 20px 20px 40px;
}
.new-design .subscribe__header,
.new-design .subscribe__success {
float: left;
width: 344px;
margin: 0;
padding: 0 0 0 40px;
line-height: 40px;
background: url(images/subscribe-news.png) 0 40% no-repeat;
}
.new-design .subscribe__success {
width: auto;
font-size: 1.5em;
background: url(images/subscribe-ok.png) 0 50% no-repeat;
}
.new-design .subscribe__box {
position: relative;
float: left;
}
.new-design .subscribe__hint {
position: absolute;
left: 8px;
bottom: -22px;
color: #61707E;
}
.new-design .subscribe__form {
margin: 0;
padding: 0;
}
.new-design .subscribe__input {
height: 38px;
width: 522px;
padding: 0 8px;
border-radius: 5px;
font-weight: 700;
border: 1px solid #8FAEC9;
font-size: 18px;
float: left;
}
.new-design .subscribe__btn {
width: 216px;
float: left;
margin-left: 20px;
font-size: 14px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
line-height: 40px;
}
.new-design .subscribe__btn:active {
position: relative;
top: 1px;
}
/* Promo section (FB Widget & Slider) */
.new-design .news-box,
.new-design .slider-box {
float: left;
background: #fff url(images/loading.gif) 50% 50% no-repeat;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
height: 280px;
overflow: hidden;
margin-left: 20px;
}
.new-design .news-box {
width: 452px;
}
.new-design .fb-like-box {
background: #fff;
}
.new-design .slider-box {
width: 688px;
position: relative;
margin-left: 0;
}
.new-design .slider {
position: relative;
list-style: none;
padding: 0;
margin: 0;
}
.new-design .slider__item {
position: absolute;
display: none;
}
.new-design .slider__item--current {
display: block;
}
.new-design .slider-arrow {
display: none;
text-decoration: none;
background: rgba(32, 57, 85, 0.25);
color: #fff;
font-size: 36px;
line-height: 280px;
width: 50px;
text-align: center;
position: absolute;
top: 0;
}
.new-design .slider-box:hover .slider-arrow {
display: block;
}
.new-design .slider-arrow--left {
left: 0;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIwMzk1NSIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMDM5NTUiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(32,57,85,0.65) 0%, rgba(32,57,85,0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(32,57,85,0.65)), color-stop(100%,rgba(32,57,85,0)));
background: -webkit-linear-gradient(left,  rgba(32,57,85,0.65) 0%,rgba(32,57,85,0) 100%);
background: -o-linear-gradient(left,  rgba(32,57,85,0.65) 0%,rgba(32,57,85,0) 100%);
background: -ms-linear-gradient(left,  rgba(32,57,85,0.65) 0%,rgba(32,57,85,0) 100%);
background: linear-gradient(to right,  rgba(32,57,85,0.65) 0%,rgba(32,57,85,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6203955', endColorstr='#00203955',GradientType=1 );
}
.new-design .slider-arrow--right {
right: 0;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIwMzk1NSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMDM5NTUiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(32,57,85,0) 0%, rgba(32,57,85,0.65) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(32,57,85,0)), color-stop(100%,rgba(32,57,85,0.65)));
background: -webkit-linear-gradient(left,  rgba(32,57,85,0) 0%,rgba(32,57,85,0.65) 100%);
background: -o-linear-gradient(left,  rgba(32,57,85,0) 0%,rgba(32,57,85,0.65) 100%);
background: -ms-linear-gradient(left,  rgba(32,57,85,0) 0%,rgba(32,57,85,0.65) 100%);
background: linear-gradient(to right,  rgba(32,57,85,0) 0%,rgba(32,57,85,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00203955', endColorstr='#a6203955',GradientType=1 );
}
/* Info section */
.new-design .section--info {
padding: 40px 20px;
}
.new-design .info-container {}
.new-design .info-container__unit {
float: left;
margin-left: 20px;
}
.new-design .info-container__unit:first-child {
margin-left: 0;
}
.new-design .info-box {
display: block;
width: 196px;
min-height: 240px;
padding: 10px;
background-color: #E8F4FF;
background-repeat: no-repeat;
background-position: 50% 0;
background-size: auto 100%;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
position: relative;
overflow: hidden;
}
.new-design .info-box--about {
width: 432px;
}
.new-design .info-box__header {
margin: 5px 0;
}
.new-design .info-box--props {
background-image: url(images/home1.jpg);
}
.new-design .info-box--collection {
background-image: url(images/home2.jpg);
}
.new-design .info-box__float-title {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 10px;
background: #203955;
background: rgba(32, 57, 85, 0.8);
color: #fff;
text-decoration: none;
font-weight: 700;
}
.new-design .info-box--props:hover .info-box__float-title,
.new-design .info-box--collection:hover .info-box__float-title,
.new-design .info-box__float-title:hover {
background: #15273C;
background: rgba(32, 57, 85, 0.9);
}
.new-design .q-list {
padding: 0;
list-style: none;
}
.new-design .q-list li {
margin: 0.5em 0;
}
.new-design .info-box p:last-child,
.new-design .q-list {
margin-bottom: 0;
}
/* Featured section */
.new-design .section--featured {
position: relative;
padding: 20px 10px;
border: 1px solid rgba(0, 0, 0, 0.15);
border-width: 1px 0;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(255, 255, 255, 0.5);
}
.new-design .section__header--featured {
padding: 0 10px;
}
.new-design .section--featured .catalog {
padding: 20px 0;
}
.new-design .section--featured .catalog__item {
margin-bottom: 0;
}
/**
* Base Page
*/
.new-design .breadcrumbs,
.new-design .twitter-news {
position: relative;
float: left;
width: 560px;
padding: 0 20px;
margin: 20px 0;
}
.new-design .twitter-news {
    width: 540px;
}

.new-design .twitter-news span {
    position: absolute;
    top: 0;
    left: 20px;
}
.twitter-news--pick {
position: absolute;
left: -5px;
top: 1px;
content: '';
display: block;
width: 20px;
height: 16px;
background: url(images/twitter_logo_blue.png) 0 50% no-repeat;
}
.new-design .breadcrumbs {
}
.new-design .breadcrumbs__item {
float: left;
list-style: none;
}
.new-design .breadcrumbs__item:last-child {
font-weight: 700;
}
.new-design .breadcrumbs__item:before {
display: inline-block;
content: '❯';
color: rgba(1, 134, 228, 0.5);
font-size: 10px;
width: 15px;
text-align: center;
}
.new-design .breadcrumbs__item:first-child:before {
display: none;
}
/**
* Catalog Page
*/
/* Filter */
.new-design .catfilter {
margin: 0 20px 0px;
border-radius: 5px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.2);
background: #f6f8fa;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjhmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2U0ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f6f8fa 0%, #e3e4e6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8fa), color-stop(100%,#e3e4e6));
background: -webkit-linear-gradient(top,  #f6f8fa 0%,#e3e4e6 100%);
background: -o-linear-gradient(top,  #f6f8fa 0%,#e3e4e6 100%);
background: -ms-linear-gradient(top,  #f6f8fa 0%,#e3e4e6 100%);
background: linear-gradient(to bottom,  #f6f8fa 0%,#e3e4e6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8fa', endColorstr='#e3e4e6',GradientType=0 );
}
.new-design .catfilter__section {
float: left;
padding: 20px;
border-left: 1px solid #ccc;
box-shadow: -1px 0 rgba(255, 255, 255, 0.75);
}
.new-design .catfilter__section:first-child {
margin-left: 0;
border-color: transparent;
box-shadow: none;
}
.new-design .catfilter__label {
padding-left: 7px;
}
.new-design .catfilter__section--location input[type="checkbox"] {
position: relative;
top: -1px;
}
.new-design .catfilter__link-view {
color: #353E46;
text-decoration: none;
padding: 8px 10px 8px 28px;
margin-left: 5px;
background-position: 10px 50%;
background-repeat: no-repeat;
border-radius: 3px;
}
.new-design .catfilter__link-view:first-child {
margin: 0;
}
.new-design .catfilter__link-view:hover {
background-color: #DBDBDB;
}
.new-design .catfilter__link-view--current,
.new-design .catfilter__link-view--current:hover {
background-color: #CBDBE9;
font-weight: 700;
}
.new-design .catfilter__link-view--gallery {
background-image: url(images/gallery-view.png);
}
.new-design .catfilter__link-view--detailed {
background-image: url(images/detailed-view.png);
}
/* Catalog */
.new-design .catalog {
padding: 20px 10px;
table-layout: fixed;
width: 100%;
}
.new-design .catalog__layout {
list-style: none;
padding: 0;
margin: 0;
}
.new-design .catalog__item {
margin: 0 10px 20px;
float: left;
width: 216px;
}
.new-design .prop {
border-radius: 5px;
box-shadow: 0 0 5px rgba(0,0,0,0.35);
overflow: hidden;
height: 345px;
}
.new-design .prop__details {
background: #e4e5e6;
padding: 10px;
height: 285px;
box-shadow: 0 1px rgba(0, 0, 0, 0.25);
position: relative;
z-index: 20;
display: block;
text-decoration: none;
}
.new-design .prop__details:hover {
background: #f5f5f5;
}
.new-design .prop__photo {
width: 195px;
height: 195px;
border: 1px solid #ccc;
display: table-cell;
vertical-align: middle;
background: #FFF url(images/loading.gif) 50% 50% no-repeat;
}
.new-design .prop__image {
max-width: 195px;
max-height: 195px;
margin: auto;
display: block;
}
.new-design .prop__title {
display: block;
margin-top: 10px;
color: #0186E4;
}
.new-design .prop__desc {
display: block;
color: #353E46;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.new-design .prop__price {
font-size: 15px;
font-weight: 700;
color: #F44306;
}
.new-design .prop__button {
border-radius: 0 0 5px 5px;
width: 100%;
text-align: left;
line-height: 40px;
padding: 0 10px;
box-shadow: inset 0 2px rgba(255, 255, 255, 0.35);
}
.new-design .prop__button:active {
top: 0;
padding-top: 1px;
z-index: 10;
}
.new-design .prop__status-icon {
position: relative;
top: -2px;
}
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Accent colors
*/
.new-design .blue-accent {
color: #0186E4;
}
.new-design .green-accent {
color: #79AF00;
}
.new-design .red-accent {
color: #C91F1F;
}
.new-design .purple-accent {
color: #AD15D4;
}
/*
* Gradients
*/
.new-design .gradient--blue {
background: rgb(94,156,234);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlOWNlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYzYzYzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(94,156,234,1) 0%, rgba(12,99,196,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(94,156,234,1)), color-stop(100%,rgba(12,99,196,1)));
background: -webkit-linear-gradient(top,  rgba(94,156,234,1) 0%,rgba(12,99,196,1) 100%);
background: -o-linear-gradient(top,  rgba(94,156,234,1) 0%,rgba(12,99,196,1) 100%);
background: -ms-linear-gradient(top,  rgba(94,156,234,1) 0%,rgba(12,99,196,1) 100%);
background: linear-gradient(to bottom,  rgba(94,156,234,1) 0%,rgba(12,99,196,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e9cea', endColorstr='#0c63c4',GradientType=0 );
}
.new-design .gradient--orange {
background: #db942a;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiOTQyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNDRlMGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #db942a 0%, #c44e0c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#db942a), color-stop(100%,#c44e0c));
background: -webkit-linear-gradient(top, #db942a 0%,#c44e0c 100%);
background: -o-linear-gradient(top, #db942a 0%,#c44e0c 100%);
background: -ms-linear-gradient(top, #db942a 0%,#c44e0c 100%);
background: linear-gradient(to bottom, #db942a 0%,#c44e0c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db942a', endColorstr='#c44e0c',GradientType=0 );
}
.new-design .gradient--green {
background: rgb(121,175,0);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc5YWYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MDdiMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(121,175,0,1) 0%, rgba(80,123,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(121,175,0,1)), color-stop(100%,rgba(80,123,0,1)));
background: -webkit-linear-gradient(top,  rgba(121,175,0,1) 0%,rgba(80,123,0,1) 100%);
background: -o-linear-gradient(top,  rgba(121,175,0,1) 0%,rgba(80,123,0,1) 100%);
background: -ms-linear-gradient(top,  rgba(121,175,0,1) 0%,rgba(80,123,0,1) 100%);
background: linear-gradient(to bottom,  rgba(121,175,0,1) 0%,rgba(80,123,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79af00', endColorstr='#507b00',GradientType=0 );
}
.new-design .gradient--red {
background: rgb(238,47,47);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlMmYyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOTFmMWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(238,47,47,1) 0%, rgba(201,31,31,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,47,47,1)), color-stop(100%,rgba(201,31,31,1)));
background: -webkit-linear-gradient(top,  rgba(238,47,47,1) 0%,rgba(201,31,31,1) 100%);
background: -o-linear-gradient(top,  rgba(238,47,47,1) 0%,rgba(201,31,31,1) 100%);
background: -ms-linear-gradient(top,  rgba(238,47,47,1) 0%,rgba(201,31,31,1) 100%);
background: linear-gradient(to bottom,  rgba(238,47,47,1) 0%,rgba(201,31,31,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee2f2f', endColorstr='#c91f1f',GradientType=0 );
}
.new-design .gradient--purple {
background: rgb(173,21,212);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FkMTVkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3OTE0YzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(173,21,212,1) 0%, rgba(121,20,192,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(173,21,212,1)), color-stop(100%,rgba(121,20,192,1)));
background: -webkit-linear-gradient(top,  rgba(173,21,212,1) 0%,rgba(121,20,192,1) 100%);
background: -o-linear-gradient(top,  rgba(173,21,212,1) 0%,rgba(121,20,192,1) 100%);
background: -ms-linear-gradient(top,  rgba(173,21,212,1) 0%,rgba(121,20,192,1) 100%);
background: linear-gradient(to bottom,  rgba(173,21,212,1) 0%,rgba(121,20,192,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad15d4', endColorstr='#7914c0',GradientType=0 );
}
/*
* Shades
*/
.new-design .dark-shade::before {
top: 0;
left: 20px;
right: 20px;
height: 24px;
position: absolute;
content: '';
background: -webkit-radial-gradient(50% 50% , ellipse closest-side, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0) 100%) no-repeat 0 -12px;
background: -moz-radial-gradient(50% 50% , ellipse closest-side, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0) 100%) no-repeat 0 -12px;
background: -ms-radial-gradient(50% 50% , ellipse closest-side, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0) 100%) no-repeat 0 -12px;
background: -o-radial-gradient(50% 50% , ellipse closest-side, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0) 100%) no-repeat 0 -12px;
background: radial-gradient(50% 50% , ellipse closest-side, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0) 100%) no-repeat 0 -12px;
opacity: .5;
}
/*
* Image replacement
*/
.new-design .ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.new-design .ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.new-design .hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.new-design .visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.new-design .visuallyhidden.focusable:active,
.new-design .visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.new-design .invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/
.new-design .clearfix:before,
.new-design .clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.new-design .clearfix:after {
clear: both;
}
.new-design .clear{
clear:both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.new-design .clearfix {
*zoom: 1;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
.new-design @media print,
.new-design (-o-min-device-pixel-ratio: 5/4),
.new-design (-webkit-min-device-pixel-ratio: 1.25),
.new-design (min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
.new-design @media print {
.new-design * {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
.new-design a,
.new-design a:visited {
text-decoration: underline;
}
.new-design a[href]:after {
content: " (" attr(href) ")";
}
.new-design abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.new-design .ir a:after,
.new-design a[href^="javascript:"]:after,
.new-design a[href^="#"]:after {
content: "";
}
.new-design pre,
.new-design blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
.new-design thead {
display: table-header-group; /* h5bp.com/t */
}
.new-design tr,
.new-design img {
page-break-inside: avoid;
}
.new-design img {
max-width: 100% !important;
}
.new-design @page {
margin: 0.5cm;
}
.new-design p,
.new-design h2,
.new-design h3 {
orphans: 3;
widows: 3;
}
.new-design h2,
.new-design h3 {
page-break-after: avoid;
}
}
.new-design .btn--info {
    background: linear-gradient(to bottom, #FCFCFC 0%, #F1F1F2 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #4B5966;
    min-width: 151px;
    text-shadow: none;
    box-shadow: 0 2px 7px #AFAFAF;
    font-size: 13px;
}

.new-design .btn--info__padding {
    padding: 10px 15px;
}

.new-design .btn--info:hover {
    background: linear-gradient(to bottom, #1C85DD 0%, #2769BB 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
    text-shadow: none;
}
.new-design .btn--stuck-pic {
    display: inline-block;
    float: left;
    height: 30px;
    margin-right: 10px;
    overflow: hidden;
    position: relative;
    width: 33px;
}
.new-design .btn--stuck-pic--img {
    height: 60px;
    width: 100px;
}
.new-design .sharing-img {
    margin-left: -66px;
    padding-right: 3px;
}

.new-design .checkout__block-left, .new-design .checkout__block-right {
    width: 285px;
    padding: 20px;
    padding-right: 0px;
    border-radius: 20px;
    box-shadow: 0px 0px 25px #A5A5A5;
    background: #cbd8e8;
}

.new-design .checkout__block-center{
    width: 120px;
}

.new-design .checkout__block {
    display: table-cell;
    position: relative;
    min-height: 220px;
    vertical-align: middle;
}

.new-design .checkout__block-container {
    position: relative;
    width: 750px;
    margin: 50px auto 25px auto;
    display: table;
}

.new-design .checkout__block--h3 {
    color: #0186e4;
    font-size: 20px;
    font-weight: normal;
    line-height: 20px;
    margin: 0;
    padding: 0px 0 5px 0;
}

.new-design .checkout__block--img {
    display: inline-block;
    position: relative;
    top: -2px;
    padding-left: 5px;
    padding-right: 5px;
}

.new-design .checkout_alternate{
    border-bottom: 1px solid #afc1cf;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 35px;
}

.new-design .checkout_alternate--text{
    display: inline-block;
    padding-left: 15px;
    background: #cadae9;
    padding-right: 15px;
    position: relative;
    top: 10px;
}

.new-design .checkout_register{
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
}

.new-design .checkout_register .btn--blue{
    font-size: 175%;
    text-shadow: none;
    font-weight: normal;
}

.new-design .checkout__block--p {
    padding: 20px 0px 0px 0px;
    margin: 0;
    line-height: 125%;
}

.new-design .checkout__block--a {
    text-decoration: none;
}

.new-design .checkout__block--a:hover {
    text-decoration: underline;
}

.new-design .checkout__block-left-part {
    width: 200px;
}

.new-design .checkout__block-right-part {
    position: absolute;
    top: 0;
    margin-left: 195px;
    bottom: 0;
    width: 90px;
}

.new-design .btn-go {
    display: block;
    height: 100%;
    color: #fff;
    text-shadow: none;
    font-size: 200%;
    text-decoration: none;
    border-radius: 0px 20px 20px 0px;
    padding: 0;
    text-align: center; 
    width: 90px;
}

.new-design .btn-go__content {
    display:inline-block;
    display:-moz-inline-box;
    display:inline-block;
    vertical-align:middle;
    zoom:1;
    //display:inline;   
}

.new-design .btn-go--green {
    background: #91cc18;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkxY2MxOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3Mzk3MjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #91cc18 0%, #739729 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#91cc18), color-stop(100%,#739729));
    background: -webkit-linear-gradient(top, #91cc18 0%,#739729 100%);
    background: -o-linear-gradient(top, #91cc18 0%,#739729 100%);
    background: -ms-linear-gradient(top, #91cc18 0%,#739729 100%);
    background: linear-gradient(to bottom, #91cc18 0%,#739729 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91cc18', endColorstr='#739729',GradientType=0 );    
}

.new-design .btn-go--green:hover {
    background: #8fbf16;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhmYmYxNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2OTg3MjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #8fbf16 0%, #698725 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fbf16), color-stop(100%,#698725));
    background: -webkit-linear-gradient(top, #8fbf16 0%,#698725 100%);
    background: -o-linear-gradient(top, #8fbf16 0%,#698725 100%);
    background: -ms-linear-gradient(top, #8fbf16 0%,#698725 100%);
    background: linear-gradient(to bottom, #8fbf16 0%,#698725 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fbf16', endColorstr='#698725',GradientType=0 );
}

.new-design .btn-go--blue {
    background: #62abf0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYyYWJmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZTcxZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #62abf0 0%, #2e71e4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#62abf0), color-stop(100%,#2e71e4));
    background: -webkit-linear-gradient(top, #62abf0 0%,#2e71e4 100%);
    background: -o-linear-gradient(top, #62abf0 0%,#2e71e4 100%);
    background: -ms-linear-gradient(top, #62abf0 0%,#2e71e4 100%);
    background: linear-gradient(to bottom, #62abf0 0%,#2e71e4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62abf0', endColorstr='#2e71e4',GradientType=0 );
}

.new-design .btn-go--blue:hover {
    background: #5898d8;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU4OThkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNzZmYmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #5898d8 0%, #276fbc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5898d8), color-stop(100%,#276fbc));
    background: -webkit-linear-gradient(top, #5898d8 0%,#276fbc 100%);
    background: -o-linear-gradient(top, #5898d8 0%,#276fbc 100%);
    background: -ms-linear-gradient(top, #5898d8 0%,#276fbc 100%);
    background: linear-gradient(to bottom, #5898d8 0%,#276fbc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5898d8', endColorstr='#276fbc',GradientType=0 );
}

.new-design .btn-go--img {
    padding-bottom: 30px;
    padding-left: 20px;
}

.new-design .checkout__block-error {
    min-height: 18px;
    padding-top: 5px;
    width: 145px;
    padding-left: 15px;
    padding-right: 15px;
    color: #ff0000;
    line-height: 100%;
}

.new-design .checkout__block-error-text {
    font-weight: bold;
}

.new-design .checkout__block--lebel {
    display: inline-block;
    float: none;
    padding: 5px 0px 5px 10px;
    width: 160px;
    color: #0186e4;
}

.new-design input.checkout__block--input {
    width: 130px;
    height: 20px;
    margin-left: 10px;
    padding: 5px 20px 5px 5px;
    border-radius: 5px;
    border: 0px;
    box-shadow: 0px 1px 1px #ACACAC inset;
    margin-top: 0;
}

.new-design .checkout__block--radio{
    position: relative;
    top: 2px;
}

.new-design input.checkout__block--mail {
    background: #fff url('images/checkout-mail.png') no-repeat 95% 4px;
}

.new-design .checkout__block--pass {
    background: #fff url('images/checkout-pass.png') no-repeat 95% 4px;
}

.new-design .checkout__block-helper{
    display:-moz-inline-box;
    display:inline-block;
    vertical-align:middle;
    height:100%;
    width:0px;
    zoom:1;
    //display:inline;
}

#checkout .new-design .cmsContent {
    padding: 20px 0 30px 36px !important;
    line-height: 16px !important;
    width: 550px !important;
    margin: 0 auto !important;
}

#checkout .new-design .cmsContent p {
    padding: 0 0px 15px 0 !important;
    width: 550px !important;
}

#checkout .new-design #facebookHelp {
    width: 550px !important;
    margin: 0 auto !important;
}

#checkout .new-design #facebookHelp  p {
    padding: 0 0px 15px 15px !important;
}

#checkout .new-design #facebookHelp  .contentPageTitle {
    border-bottom: 1px solid #c7d5e0;
    color: #0186e4;
    font-size: 24px;
    font-weight: normal;
    height: auto;
    line-height: 24px;
    margin: 0 0px 0px 15px;
    padding: 0px;
}

#checkout .formContent .new-design p.checkout__block--p {
    padding: 20px 0px 0px 0px !important;
}

.site__bg {
    min-height: 100%;
    position: relative;
}

#backgroundLink {
    bottom: 0;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}