.container {
    width: 1280px;
  }

.navigation li.active a {
	color: #000;
}
.pricetitul {
color: #fff;
    font-size: 30px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: -2px;
    display: inline-block;
    padding: 28px 10px;
}

.list3b a {
    color: #ef6c00;
    text-decoration: none;
}
.progress5{
 margin-bottom: 20px;
} 

 .myWinSuccess {
    color: #000 !important;
} 
/*--------------- цветной текст -----------------*/
.redtext {
 color: #d75900;
}

/*.address {
color: #FFF;
}*/

/*шрифты*/ 
.caveat {
font-family: 'Caveat', cursive;
}
.pangolin {
font-family: 'Pangolin', cursive;
text-shadow: 2px 2px 0px rgba(242, 242, 242, 1);
}
.arsenal {
font-family: 'Open Sans', sans-serif;
font-family: 'Anonymous Pro', monospace;
font-family: 'Arsenal', sans-serif;
}
.anonymous {
font-family: 'Anonymous Pro', monospace;
}

.color-red {
color: #e44c39;}
.color-blue {
color: #0076c2;}
.colorwhite p{
color: #fff!important;
}
.color-white {
color: #fff;
text-shadow: 4px 4px 2px rgba(5, 5, 5, 1);
}


b, strong {
    font-weight: 700;
}

/*-----------------------------------------------------------------------------------*/
/*	DIVIDERS
/*-----------------------------------------------------------------------------------*/
.divide0 {
  width: 100%;
  height: 0px; }

.divide2 {
  width: 100%;
  height: 2px; }

.divide3 {
  width: 100%;
  height: 3px; }

.divide5 {
  width: 100%;
  height: 5px; }

.divide10 {
  width: 100%;
  height: 10px; }

.divide15 {
  width: 100%;
  height: 15px; }

.divide20 {
  width: 100%;
  height: 20px; }

.divide25 {
  width: 100%;
  height: 25px; }

.divide30 {
  width: 100%;
  height: 30px; }

.divide35 {
  width: 100%;
  height: 35px; }

.divide40 {
  width: 100%;
  height: 40px; }

.divide45 {
  width: 100%;
  height: 40px; }

.divide50 {
  width: 100%;
  height: 50px; }

.divide55 {
  width: 100%;
  height: 55px; }

.divide60 {
  width: 100%;
  height: 60px; }

.divide65 {
  width: 100%;
  height: 65px; }

.divide70 {
  width: 100%;
  height: 70px; }

.divide75 {
  width: 100%;
  height: 75px; }

.divide80 {
  width: 100%;
  height: 80px; }

.divide85 {
  width: 100%;
  height: 85px; }

.divide90 {
  width: 100%;
  height: 90px; }

.divide100 {
  width: 100%;
  height: 100px; }

/*margins*/
.margin10 {
  margin-bottom: 10px; }

.margin20 {
  margin-bottom: 20px; }

.margin30 {
  margin-bottom: 30px; }

.margin40 {
  margin-bottom: 40px; }

.no-padding {
  padding: 0px; }

.no-padding.gray {
  background-color: #f5f5f5; }

.no-padding-inner h3 {
  text-transform: uppercase;
  font-weight: 900;
  margin-bottom: 40px; }

.no-padding-inner {
  padding: 60px; }

@media (max-width: 568px) {
  .no-padding-inner {
    padding: 15px; } }
.margin-0 {
  margin: 0px !important; }

/* Typography Template Name: Z-Theme - Responsive Bootstrap Template
http://mamoot-themes.com/theme-preview/z-theme-1-2/index.html
 ================================================== */

.title,
.subtitle {
 margin: 0;
 padding: 0;
}

.section-heading-page {
 margin-bottom: 40px;
 padding: 20px 0;
 color: black;
 border-bottom: 1px solid #ddd;
 background-color: #f7f7f7;
}

.heading-page {
 font-size: 27px;
 font-weight: 300;
 margin: 0;
}

.text-theme-xs,
.text-theme,
.text-theme-sm,
.text-theme-lg {
 margin: 0;
}

.text-theme-xs + .text-theme-xs {
 margin-top: 6px;
 margin-bottom: 0;
}

.text-theme-sm + .text-theme-sm {
 margin-top: 10px;
 margin-bottom: 0;
}

.text-theme + .text-theme {
 margin-top: 16px;
 margin-bottom: 0;
}

.text-theme-lg + .text-theme-lg {
 margin-top: 22px;
 margin-bottom: 0;
}

.text-theme + .btn.text-theme {
 margin-top: 20px;
}

.title-xs {
 font-size: 14px;
 font-weight: 700;
 margin: 0;
}

.title-sm {
 font-size: 20px;
 font-weight: 700;
 margin-top: 20px;
}

.title-md {
 font-size: 24px;
 font-weight: 300;
 line-height: 28px; 
 margin: ;
}

.title-lg {
 font-size: 30px;
 font-weight: 800;
 margin-bottom: 0;
}

.title-xl {
 font-size: 38px;
 font-weight: 800;
 margin: 0;
}

.title-2-xl {
 font-size: 56px;
 font-weight: 800;
 margin: 0;
}

.title-404 {
 font-size: 140px;
 margin: 0;
}

.subtitle-404 {
 font-size: 20px;
 font-weight: 400;
}
.bg-red {
 display: inline-block;
 padding: 5px 8px;
 color: white;
 background-color: #d14f30;
}

.title-bg {
 display: inline-block;
 padding: 10px 8px;
 color: white;
 background-color: #d14f30;
width: 100%;
}

.title-bg-blue {
 display: inline-block;
 padding: 10px 8px;
 color: white;
 background-color: #87017C;
width: 100%;
}

.title-v2 {
 font-size: 20px;
 font-weight: 500;
color: #000;
 margin-top: 30px;
 margin-bottom: 16px;
 padding-bottom: 14px;
 padding-left: 25px;
 border-bottom: solid 1px #ddd;
 border-left: solid 1px #d14f30;
}

.headline {
 font-size: 24px;
 font-weight: 300;
 display: block;
 margin: 0;
 margin-bottom: 0;
 padding-bottom: 20px;
 border-bottom: solid 1px #ddd;
}

.title-2-xl.hr:after,
.title-xl.hr:after,
.title-lg.hr:after,
.title-md.hr:after,
.title-sm.hr:after,
.title-xs.hr:after {
 display: block;
 width: 60px;
 height: 4px;
 margin: 0 auto;
 margin-top: 20px;
 content: '';
 background-color: #d14f30;
}

.section-primary .hr:after,
.section-polygonal-primary .hr:after {
 background-color: white;
}

.title-2-xl.hr-left:after,
.title-xl.hr-left:after,
.title-lg.hr-left:after,
.title-md.hr-left:after,
.title-sm.hr-left:after,
.title-xs.hr-left:after {
 display: block;
 width: 60%;
 height: 3px;
 margin-top: 12px;
 content: '';
 background-color: #d14f30;
}

.title-2-xl.hr-full:after,
.title-xl.hr-full:after,
.title-lg.hr-full:after,
.title-md.hr-full:after,
.title-sm.hr-full:after,
.title-xs.hr-full:after {
 display: block;
 width: 100%;
 height: 3px;
 margin-top: 12px;
 content: '';
 background-color: #d14f30;
}

.title-xs.hr-before:before,
.title-sm.hr-before:before,
.title-md.hr-before:before,
.title-lg.hr-before:before,
.title-xl.hr-before:before,
.title-2-xl.hr-before:before {
 position: relative;
 display: inline-block;
 margin-right: 6px;
 content: '';
 background-color: #d14f30;
}

.title-xs.hr-before:before {
 top: 1px;
 width: 3px;
 height: 13px;
}

.title-sm.hr-before:before {
 top: 1px;
 width: 3px;
 height: 16px;
}

.title-md.hr-before:before {
 top: 1px;
 width: 3px;
 height: 19px;
}

.title-lg.hr-before:before {
 top: 1px;
 width: 4px;
 height: 24px;
}

.title-xl.hr-before:before {
 top: 1px;
 width: 5px;
 height: 29px;
}

/*---------- Маркер - цифра в сером квадратике ----------*/
.list-marker{background:#337ab7;color:#fff;font-size:17px;font-weight:bold;padding:3px 8px 1px;text-align:center;}

/*---------------- рейтинг статей и теги -----------------------*/
.eTags .list,.eTags i,.sorting .list,.sorting i {
 display: inline-block;
}

.news-list .eMessage p {
 margin: 3px 0;
}

.eTags {
 margin-top: 40px;
}

.eTags i,.sorting i {
 line-height: 40px;
 color: #7D92BA;
 font-size: 20pt;
}

.eTags span,.sorting span {
 padding: 0 5px;
 margin-right: 10px;
 font-weight: 400;
 font-size: 10pt;
 color: #CCC;
}

.eTags .list a,.sorting .list a {
 text-decoration: none;
 font-size: 14px; /*--- теги под статьёй ---*/
 font-weight: 300;
 display: inline-block;
}

.eTags .list a:hover,.sorting .list a:hover {
 color: #7D92BA;
}

.sorting {
 margin-bottom: 30px;
}
.sorting.slist {
 display: none;
 padding: 10px;
 margin: -15px 0px 15px;
}

.sorting a {
 padding: 0 2px;
}

.sorting span.sortArrDown,.sorting span.sortArrUp {
 color: #666;
 margin: 0;
}

.sorting.slist i {
 font-size: 16pt;
}

.sorting.slist .list a {
 font-size: 12pt;
}

.sorting.slist span {
 padding: 0 3px;
}

.rating {
 position: relative;
 display: table;
 width: 100%;
 margin-top: 15px;
}

.rating:before {
 content: '';
 position: absolute;
 width: calc(100% - 170px);
 width: -moz-calc(100% - 170px);
 width: -webkit-calc(100% - 170px);
 width: -o-calc(100% - 170px);
 height: 1px;
 background: #eee;
 top: 50%;
 z-index: -2;
}
/*-------------- Списки --------------------*/

ol.wsnumber2{
 display: block;
 counter-reset: wslist2;
 color:#444;
 margin: 2em 0 2em 1em;
}

/* стили для ul */
ol.wsnumber2 li ul{
 margin: 1em 0 0em 1em;
 color:#777;
 transition: all 0.3s ease 0s;
 border-left: 1px solid #e3e3e3;
}

ol.wsnumber2 ul li{
 margin: 0 0 1em 2em;
 list-style: square outside;
 transition: all 0.3s ease 0s;
}
/*#end стили для ul */

ol.wsnumber2 > li {
 list-style: none;
 margin: 0 0 1em 2em;
 position:relative;
}

ol.wsnumber2 > li::before{
 background: #e3e3e3;
 border-radius: 0% 50% 50%;
 color: #333;
 content: counter(wslist2) ".";
 counter-increment: wslist2;
 display: inline-block;
 height: 30px;
 left: -40px;
 line-height: 22px;
 padding: 5px;
 position: absolute;
 text-align: center;
 top: 0;
 transition: all 0.3s ease 0s;
 width: 30px;
}

/*вложенный список ol */

ol.wsnumber2 ol{
 display: block;
 counter-reset: wslistc;
 color:#777;
 border-left: 1px solid #e3e3e3;
 padding-left:15px;
 transition: all 0.3s ease 0s;
}

ol.wsnumber2 ol li{
 margin: 1em 0 0em 3em;
 list-style: none;
 position:relative;
 transition: all 0.3s ease 0s;
}

ol.wsnumber2 li li{
 font-size: 14px;
}

ol.wsnumber2 ol li::before{
 background: #e3e3e3;
 border-radius: 0% 50% 50%;
 color: #333;
 content: counter(wslistc, lower-latin) ".";
 counter-increment: wslistc;
 display: inline-block;
 height: 22px;
 left: -40px;
 line-height: 22px;
 padding: 5px;
 position: absolute;
 text-align: center;
 top: 0;
 transition: all 0.3s ease 0s;
 width: 22px;
}

ol.wsnumber2 ol:hover, ol.wsnumber2 ul:hover{
 border-left: 1px solid #e64f1a;
}

ol.wsnumber2 li li:hover{
 background: #eee;
 color:#333;
}
ol.wsnumber2 li:hover:before {
 background: #e64f1a;
 color:#fff;
}
@media (max-width: 640px) {ol.wsnumber2 > li {
 list-style: none;
 margin: 0 0 1em 0em;
 position:relative;
}}
/*----------------------- списки rounded -----------------*/
.rounded {
counter-reset: li; 
list-style: none; 
font: 14px "Trebuchet MS", "Lucida Sans";
padding: 0;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.rounded a {
position: relative;
display: block;
padding: .4em .4em .4em 2em;
margin: .5em 0;
background: #FAFAFA; /*------- цвет полоски -----*/
color: #444;
text-decoration: none;
border-radius: .3em;
transition: .3s ease-out;
}
.rounded a:hover {background: #E9E4E0;} /*------- цвет полоски при наведении курсора -----*/
.rounded a:hover:before {transform: rotate(360deg);}
.rounded a:before {
content: counter(li);
counter-increment: li;
position: absolute;
left: -1.3em;
top: 50%;
margin-top: -1.3em;
color: #fff;/*------- цвет цифры -----*/
background: #20538A;/*------- цвет кружочка -----*/
height: 2em;
width: 2em;
line-height: 1.5em; /*------- цифра по вертикали -----*/
border: .3em solid white;
text-align: center;
font-weight: bold;
border-radius: 2em;
transition: all .3s ease-out;
}
/*----- 2 -----*/
.rectangle {
counter-reset: li; 
list-style: none; 
font: 14px "Trebuchet MS", "Lucida Sans";
padding: 0;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.rectangle a {
position: relative;
display: block;
padding: .4em .4em .4em .8em;
margin: .5em 0 .5em 2.5em;
background: #f0f0f0; /*----- фон текста ----*/
color: #444;
text-decoration: none;
transition: all .3s ease-out;
}
.rectangle a:hover {background: #DCDDE1;} 
.rectangle a:before {
content: counter(li);
counter-increment: li;
position: absolute;
left: -2.5em;
top: 50%;
margin-top: -1em;
background: #f0f0f0;
height: 2em;
width: 2em;
line-height: 2em;
text-align: center;
font-weight: bold;
}
.rectangle a:after {
position: absolute;
content: "";
border: .5em solid transparent;
left: -1em;
top: 50%;
margin-top: -.5em;
transition: all .3s ease-out;
}
.rectangle a:hover:after {
left: -.5em;
border-left-color: #9097A2;
}

/*----- 3 -----*/
.border {
list-style: none;
padding: 0;
}
.border li {
font-family: "Trebuchet MS", "Lucida Sans";
padding: 7px 20px;
margin-bottom: 10px;
border-radius: 5px;
border-left: 10px solid #f05d22; 
box-shadow: 2px -2px 5px 0 rgba(0,0,0,.1),
 -2px -2px 5px 0 rgba(0,0,0,.1),
 2px 2px 5px 0 rgba(0,0,0,.1),
 -2px 2px 5px 0 rgba(0,0,0,.1);
font-size: 20px;
letter-spacing: 2px;
transition: 0.3s all linear;
}
.border li:nth-child(2){border-color: #8bc63e;}
.border li:nth-child(3){border-color: #fcba30;}
.border li:nth-child(4){border-color: #1ccfc9;}
.border li:nth-child(5){border-color: #493224;}
.border li:hover {border-left: 10px solid transparent;}
.border li:nth-child(1):hover {border-right: 10px solid #f05d22;}
.border li:nth-child(2):hover {border-right: 10px solid #8bc63e;}
.border li:nth-child(3):hover {border-right: 10px solid #fcba30;}
.border li:nth-child(4):hover {border-right: 10px solid #1ccfc9;}
.border li:nth-child(5):hover {border-right: 10px solid #493224;}

/*----- 4 -----*/
.first {
list-style: none;
padding: 0;
}
.first li {
padding: 10px 30px;
background: linear-gradient(to left, #f8ab8d 0%, white, #f8ab8d);
border-bottom: 1px solid grey;
color: #506a6b;
font-size: 20px;
box-shadow: 0 5px 5px 0 rgba(0,0,0, .2);
margin-bottom: 5px;
}
.first li:last-child {border-bottom: none;}

/*----- 5 -----*/

/*----- 6 -----*/
.dbl-border {
list-style: none;
margin: 0;
}
.dbl-border li {
margin: 10px 0;
position: relative;
}
.dbl-border a {
width: 100%;
color: #808285;
text-decoration: none;
border-left: 6px solid #ABC7EA;
display: block;
padding-left: 25px;
height: 44px;
line-height: 44px;
font-size: 20px;
position: relative;
transition: 0.3s linear;
}
.dbl-border a:before {
content: "";
width: 6px;
height: 70%;
background: #EE997C;
position: absolute;
top: 15%;
left: -12px;
}
.dbl-border li:before {
content: "";
width: 6px;
height: 40%;
background: #EFDD89;
position: absolute;
top: 30%;
left: -12px;
}
.dbl-border a:hover {background: #D4D8D9;}

/*----- 7 -----*/
.ball {
list-style: none;
margin: 0;
}
.ball a {
width: 100%;
color: #808285;
text-decoration: none;
display: inline-block;
padding-left: 25px;
height: 44px;
line-height: 44px;
font-size: 20px;
position: relative;
transition: .3s linear;
}
.ball a:before {
content: "";
width: 30px;
height: 30px;
border-radius: 50%;
background: #425273;
position: absolute;
left: -30px;
top: 7px;
}
.ball li {position: relative;}
.ball li:before {
content: "";
width: 20px;
height: 20px;
border-radius: 50%;
background: #EC351D;
position: absolute;
top: 12px;
left: -30px;
z-index: 2;
transition: .4s ease-in-out;
}
.ball li:hover:before {left: -20px;}

/*----- 8 -----*/
.beads {
list-style: none;
background: #EEE3DB;
margin: 0;
padding-left: 40px;
border-radius: 5px;
}
.beads li {
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
line-height: 40px;
border-bottom: 1px solid #D4D7D6;
position: relative;
}
.beads a {
text-decoration: none;
color: #464643;
display: block;
line-height: 40px;
position: relative;
}
.beads a:before {
content:"";
position: absolute;
left: -20px;
top: 6px;
width: 6px;
height: 6px;
border-radius: 50%;
background: #A58063;
}
.beads li:last-child {border-bottom: none;}
.beads li:before, 
.beads li:after {
content:"";
position: absolute;
border-radius: 50%;
}
.beads li:before {
top: calc(50% - 5px);
background: #E0926E;
left: -22px;
width: 10px;
height: 10px;
transition: 0.5s linear;
}
.beads li:after {
bottom: 6px;
left: -20px;
width: 6px;
height: 6px;
background: #A58063;
}
.beads li:hover:before {background: #FFCE08;}

/*----- 9 -----*/
.dotted {
list-style: none;
font-family: 'Marck Script', cursive;
}
.dotted li {
margin-bottom: 5px;
border-bottom: 2px #404B51 dotted;
font-size: 26px;
line-height: 1;
}
.dotted li span:nth-child(odd) {
padding-right: 6px; 
color: #404B51;
}
.dotted li span:nth-child(even) {
float: right; 
padding-left: 6px;
color: #35D1CE;
}
.dotted span {
background: white;
position: relative;
bottom: -7px;
}

/*----- 10 -----*/
.bullet {
margin-left: 0;
list-style: none;
counter-reset: li;
}
.bullet li {
position: relative;
margin-bottom: 1.5em;
border: 3px solid #56a0dc;/*------ цвет рамки -------*/
padding: 0.6em;
border-radius: 4px;
background: #FEFEFE;
color: #000;
font-family: "Trebuchet MS", "Lucida Sans";
font-size: 13pt; 
}
.bullet li:before {
position: absolute;
top: -0.7em;
padding-left: 0.4em;
padding-right: 0.4em;
font-size: 16px;
font-weight: bold;
color: #56a0dc;/*------ цвет цифры -----*/
background: #FEFEFE;
border-radius: 50%;
counter-increment: li;
content: counter(li);
}

/*----- 11 -----*/
.pills {
 margin-left: 0;
 list-style: none;
 counter-reset: li;
 font-family: calibri;
}
.pills li {
 padding: 10px 0;
 position: relative;
 left: 1.5em;
 margin-bottom: 0.75em;
 padding-left: 1em;
 background: #E3DEDC;
}
.pills li:before {
 padding: 10px 0;
 position: absolute;
 top: 0;
 bottom: 0;
 left: -1.5em;
 width: 1.875em;
 text-align: center;
 color: white;
 font-weight: bold;
 background: #D66786;
 border-bottom-left-radius: 70em;
 border-top-left-radius: 70em;
 counter-increment: li;
 content: counter(li);
}

/*----- 12 -----*/
.square {
 margin: 0;
 counter-reset: li;
 list-style: none;
 background:#F5F5F5;
 padding: 10px;
}
.square li {
 position: relative;
 margin: 0 0 10px 2em;
 padding: 4px 8px;
 border-top: 2px solid #787A77;
 transition: .3s linear;
}
.square li:last-child {margin-bottom: 0;}
.square li:before {
 content: counter(li);
 counter-increment: li;
 position: absolute;
 top: -2px;
 left: -2em;
 width: 2em;
 box-sizing: border-box;
 margin-right: 8px;
 padding: 4px;
 border-top: 2px solid #787A77;
 border-left: 2px solid transparent;
 border-right: 2px solid transparent;
 border-bottom: 2px solid transparent;
 background: #787A77;
 color: white;
 font-weight: bold;
 text-align: center;
 transition: .3s linear;
}
.square li:hover {border-top: 2px solid #D6B161;}
.square li:hover:before {
 border: 2px solid #D6B161;
 background: #D6B161;
}

/*----- 13 -----*/
.zebra {
 list-style: none;
 border-left: 10px solid #d75900;
 padding: 0;
 font-family: "Lucida Sans";
}

.zebra a{
color: #3a4851;
}
.zebra li {padding: 10px;}
.zebra li:nth-child(odd) {background: #E1F1FF;}
.zebra li:nth-child(even) {background: white;}

/*----- 14 -----*/
.push {
 list-style: none;
 font-family: "Lucida Sans";
}
.push li {
 position: relative;
 padding: 20px 0 20px 40px;
 color: #D29D25;
 font-variant: small-caps;
 font-weight: bold;
 cursor: pointer;
}
.push li:before {
 position: absolute;
 width: 7px;
 height: 7px;
 border-radius: 50%;
 background: #4F5151;
 content: "";
 left: 0;
 transition: .3s ease-in-out;
 top: 27px;
}
.push li:after {
 position: absolute;
 border-left: 1px dotted #4F5151;
 width: 1px;
 bottom: -12px;
 content: "";
 left: 3px;
 top: 48px;
}
.push li:hover:before{box-shadow: 0 0 0 10px rgba(0,0,0,.2)}
.push li:last-child:after {content: none;}

/*----- 15 
.holiday {
 overflow: hidden;
 font-size: 16px;
}
.holiday dt, .holiday dd {
 height: 2.5em;
 line-height: 2.5em;
 padding: 0 0.625em 0 0.875em;
 color: #4C565C;
 box-sizing: border-box;
}
dt {
 width: 30%;
 float: left;
 clear: right;
 background: #D3E6DD;
 font-weight: bold;
}
dd {
 width: 70%;
 float: right;
 margin-left: 0;
 margin-bottom: .3125em;
 border: 1px solid #BECFC7;
 border-left: none;
}-----*/

/*----- 16 -----*/
@import url(http://fonts.googleapis.com/css?family=Fredericka+the+Great|EB+Garamond);
.older {
 list-style: none;
 margin: 0 auto;
 width: 660px;
 counter-reset: li;
}
.older li {
 border-bottom: dashed 1px #006699;
 margin-top: 10px;
 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
 padding: 5px;
}
.older a {
 text-decoration: none;
 padding: 10px;
 display: block;
 line-height: 30px;
 color: #3A3A3A;
 font-family: 'EB Garamond', serif;
 font-size: 20px;
}
.older a:before {
 display: inline-block;
 content: counter(li);
 counter-increment: li;
 height: 30px;
 width: 30px;
 text-align: center;
 border: solid 1px #dedede;
 margin-right: 20px;
 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 30px rgba(0, 0, 0, 0.1) inset;
 font-family: 'Fredericka the Great', cursive;
 font-size: 24px;
 -webkit-transition: .4s linear;
 transition: .4s linear;
}
.older a:hover:before {
 color:#D72F2C;
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
}

/*----- 17 -----*/
.category-list * {transition: .4s linear;}
.category-list {
 background: white;
 list-style-type: circle;
 list-style-position: inside;
 padding: 0 10px;
 margin: 0;
}
.category-list li {
 font-family: "Trebuchet MS", "Lucida Sans";
 border-bottom: 1px solid #efefef;
 padding: 10px 0;
}
.category-list a {
 text-decoration: none;
 color: #555;
}
.category-list li span {
 float: right;
 display: inline-block;
 border: 1px solid #efefef;
 padding: 0 5px;
 font-size: 13px;
 color: #999;
}
.category-list li:hover a {color: #c93961;}
.category-list li:hover span {
 color: #c93961;
 border: 1px solid #c93961;
}
/*-------------------------- Вариант 2b -----------------------*/
.list2b {
    margin-bottom: 8px;
    padding:0;
    list-style: none;
    counter-reset: li;
}    
.list2b li {
    position: relative;
    border: 2px solid #DDDDDD;
    background: #FAFAFA;
    padding:16px 20px 16px 28px;
    margin:12px 0 12px 40px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.list2b li:hover {
    background: #F0F5FB;
    border: 2px solid #ADCEE9;
}
.list2b li:before {
    line-height: 32px;
    position: absolute;
    top: 4px;
    left:-40px;
    width:40px;
    text-align:center;
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    background: #77AEDB;
    counter-increment: li;
    content: counter(li);
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
.list2b li:hover:before {
    width:46px;
    background: #337AB7;
}
.list2b li:after {
    position: absolute;
    left: 0;
    top: 4px;
    content: "";
    height: 0;
    width: 0;
    border: 16px solid transparent;
    border-left-color: #77AEDB;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s
}
.list2b li:hover:after {
    margin-left: 6px;
    border-left-color: #337AB7;
}
/*------------------- Вариант 4b: -----------------*/
.list4b {
    padding:0;
    list-style: none;
    counter-reset: li;
}    
.list4b li {
    position: relative;
    padding:12px 20px 20px 28px;
    margin-left: 40px;
    transition-duration: 0.3s;
}
.list4b li:before {
    border: 6px solid transparent;
    line-height: 30px;
    position: absolute;
    top: 0;
    left:-30px;
    width:42px;
    text-align:center;
    font-size: 15px;
    font-weight: bold;
    color: #DDDDDD;
    counter-increment: li;
    content: counter(li);
    transition-duration: 0.3s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
}
.list4b li:hover:before {
    color: #777;
}
.list4b a {
    color: #000;
}
.list4b li:after {
    position: absolute;
    top: 0;
    left: -30px;
    width: 42px;
    height: 42px;
    border: 6px solid #DDDDDD; /*------- цвет кольца -----*/
    border-radius: 50%;
    content: '';
    opacity: 0.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
}
.list4b li:hover:after {
    animation: 500ms ease-in-out 0s bounceIn;
 opacity: 1;   
    border: 3px solid #B0BEC5; /*------- цвет кольца при наведении курсора -----*/   
}    
 
@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }
    20% {
        transform: scale3d(1.3, 1.3, 1.3);
    }
    40% {
        transform: scale3d(.9, .9, .9);
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        transform: scale3d(.97, .97, .97);
    }
    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}
/*------------------- эффекты для картинок -----------------------*/
/*PIC*/
.pic {
  overflow: hidden;
  margin: 5px;
  border: 2px solid white;

  -webkit-box-shadow: 5px 5px 5px #111;
  box-shadow: 2px 2px 2px #111;
  float: left;
}

.pic:hover {
  cursor: pointer;
}

/*GROW*/
.grow img {
  height: 300px;
  width: 300px;

  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

.grow img:hover {
  width: 400px;
  height: 400px;
}

/*SHRINK*/
.shrink img {
  height: 400px;
  width: 400px;

  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

.shrink img:hover {
  width: 300px;
  height: 300px;
}

/*BLUR*/
.blur img {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.blur img:hover {
  -webkit-filter: blur(5px);
}

/*TILT*/
.tilt {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.tilt:hover {
  -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}

/*MORPH*/
.morph {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.morph:hover {
  border-radius: 50%;
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}

/*SIDEPAN*/
.sidepan img {
  margin-left: 0px;
  -webkit-transition: margin 1s ease;
     -moz-transition: margin 1s ease;
       -o-transition: margin 1s ease;
      -ms-transition: margin 1s ease;
          transition: margin 1s ease;
}

.sidepan img:hover {
  margin-left: -200px;
}

/*VERTPAN*/
.vertpan img {
  margin-top: 0px;
  -webkit-transition: margin 1s ease;
     -moz-transition: margin 1s ease;
       -o-transition: margin 1s ease;
      -ms-transition: margin 1s ease;
          transition: margin 1s ease;
}

.vertpan img:hover {
  margin-top: -200px;
}

/*FOCUS*/
.focus {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.focus:hover {
  border: 70px solid #000;
  border-radius: 50%;
}

/*B&W*/
.bw {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.bw:hover {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

/*DARKEN*/
.brighten img {
  -webkit-filter: brightness(65%);
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.brighten img:hover {
  -webkit-filter: brightness(145%);
}

/*SEPIA*/
.sepia img {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.sepia img:hover {
  -webkit-filter: sepia(100%);
}

/*CONTRAST*/
.contrast img {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.contrast img:hover {
  -webkit-filter: contrast(185%);  
}

/*HUE_ROTATE*/
.hue-rotate img {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.hue-rotate img:hover {
  -webkit-filter: hue-rotate(65deg);  
}

/*INVERT*/
.invert img {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.invert img:hover {
  -webkit-filter: invert(100%); 
}

/*OPACITY*/
.opacity img {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.opacity img:hover {
  opacity: 0.25; 
}

/*--- Responsive Visibility Адаптивные классы ---*/

.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}


/*-------------- Здесь текст или изображение, которое будет видно только на мобильных устройствах ------------------*/
.show-on-mobile { display: none; }
/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px){ .show-on-mobile { display: inline; }}
/*-------------- Здесь текст или изображение, которое не будет видно только на мобильных устройствах. ------------------*/
.hide-on-mobile { display: inline; }
/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px){ .hide-on-mobile { display: none; }}

/*-------------- Здесь текст или изображение, которое не будет видно только на мобильных устройствах 1030px. ------------------*/
.hide-on-mobile1030 { display: inline; }
/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 1030px){ .hide-on-mobile1030 { display: none; }}

/*-------------- Здесь текст или изображение, которое не будет видно только на мобильных устройствах 1205px. ------------------*/
.hide-on-mobile1205 { display: inline; }
/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 1205px){ .hide-on-mobile1205 { display: none; }}

/*-------------- Здесь текст или изображение, которое не будет видно только на мобильных устройствах 1550px. ------------------*/
.hide-on-mobile1550 { display: inline; }
/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 1550px){ .hide-on-mobile1550 { display: none; }}

/*-------------- Здесь текст или изображение, которое не будет видно только на мобильных устройствах 1790px. ------------------*/
.hide-on-mobile1790 { display: inline; }
/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 1790px){ .hide-on-mobile1790 { display: none; }}


/* ----------------------------------------------------------------
	39. HTML5 Youtube Video Backgrounds из Canvas  The Multi-Purpose HTML5 Template
-----------------------------------------------------------------*/


.mb_YTVPlayer :focus { outline: 0; }

.mb_YTVPlayer {
	display:block;
	transform:translateZ(0);
	transform-style: preserve-3d;
	perspective: 1000;
	backface-visibility: hidden;
	transform:translate3d(0,0,0);
	animation-timing-function: linear;
}

.mb_YTVPlayer.fullscreen {
	display:block!important;
	position: fixed!important;
	width: 100%!important;
	height: 100%!important;
	top: 0!important;
	left: 0!important;
	margin: 0!important;
	border: none !important;
}

.mb_YTVPlayer.fullscreen .mbYTP_wrapper { opacity:1 !important; }


.mbYTP_wrapper iframe { max-width: 4000px !important; }

.inline_YTPlayer {
	margin-bottom: 20px;
	vertical-align:top;
	position:relative;
	left:0;
	overflow: hidden;
	border-radius: 4px;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.7);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.7);
	box-shadow: 0 0 5px rgba(0,0,0,.7);
	background: rgba(0,0,0,.5);
}

.inline_YTPlayer img {
	border: none!important;
	-moz-transform: none!important;
	-webkit-transform: none!important;
	-o-transform: none!important;
	transform: none!important;
	margin:0!important;
	padding:0!important
}

/*---------------------- Цитаты -----------------------*/
blockquote2 {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 40px;
  margin-right: 40px;
}

blockquote2 {
margin: 0;
background: #F0F0F1;
color: #333334;
padding: 20px 30px;
position: relative;
border-left: 35px solid #DFDEDE;
font-family: 'Lato', sans-serif;
}
blockquote2:before {
content: "\201C";
font-family: serif;
position: absolute;
left: -29px;
top: 5px;
color: #BCBCBC;
font-size: 50px;
text-shadow: 1px 2px 0 white;
}
blockquote2 p {
margin: 0 0 16px;
font-size: 18px;
letter-spacing: .05em;
line-height: 1.4;
}
blockquote2 cite {
font-style: normal;
font-weight: 300;
}

/* цитата 2 */

.excerpt2 {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 40px;
  margin-right: 40px;
}

.excerpt2 {
margin: 0;
background: #F0F0F1;
color: #333334;
padding: 20px 30px;
position: relative;
border-left: 35px solid #DFDEDE;
font-family: 'Lato', sans-serif;
}
.excerpt2:before {
content: "\201C";
font-family: serif;
position: absolute;
left: -29px;
top: 15px;
color: #BCBCBC;
font-size: 50px;
text-shadow: 1px 2px 0 white;
}
.excerpt2 p {
margin: 0 0 16px;
font-size: 18px;
letter-spacing: .05em;
line-height: 1.4;
}
.excerpt2 cite {
font-style: normal;
font-weight: 300;
}

/* цитата 9 */

.excerpt9 {
margin: 0;
color: #231E28;
padding: 30px 30px 30px 60px;
border-left: 8px solid #56a0cc;
position: relative;
background: #FAF8EB;
font-family: 'Lato', sans-serif;
font-weight: 300;
}
.excerpt9:before{
content: "\201C";
font-family: Arial;
color: #56a0cc;
font-size: 70px;
position: absolute;
left: 15px;
top: 5px;
}
.excerpt9 p {
font-style: italic;
font-size: 20px;
margin-top: 0;  
}

/* цитата 10 с ковычками */

.excerpt10 {
margin: 0 0 20px;
background: #f9f9f9;
color: #131314;
padding: 30px 30px 30px 90px;
position: relative;
}
.excerpt10:before {
content: "\201C";
position: absolute;
top: 20px;
left: 16px;
color: black;
width: 40px;
height: 40px;
border-radius: 50%;
background: #ed145b;
font-size: 35px;
font-weight: bold;
text-align: center;
line-height: 55px;
color: #fff;
}

.excerpt10:after {
content: "";
width: 4px;
background: #ed145b;
position:absolute;
left: 70px;
top: 20px;
bottom: 20px;
}
.excerpt10 p {
margin-top: 0;
font-size: 20px;
font-weight: 300;
line-height: 24px;
}
.excerpt10 cite {
font-style: normal;
text-transform: uppercase;
}
@media (max-width: 640px) {.excerpt10 p {
margin-top: 0;
font-size: 18px;
font-weight: 300;
line-height: 24px;
}
}
@media (max-width: 640px) {.excerpt10:before {
content: "\201C";
position: absolute;
top: 20px;
left: 1px;
color: black;
width: 0;
height: 0;
border-radius: 50%;
background: #ed145b;
font-size: 1px;
font-weight: bold;
text-align: center;
line-height: 55px;
color: #fff;
}
}

@media (max-width: 640px) {.excerpt10 {
margin: 0 0 20px;
background: #f9f9f9;
color: #131314;
padding: 30px 30px 30px 20px;
position: relative;
}
}
@media (max-width: 640px) {.excerpt10:after {
content: "";
width: 4px;
background: #ed145b;
position:absolute;
left: 1px;
top: 20px;
bottom: 20px;
}}

/* цитата 110 с восклицательным знаком */

.excerpt101 {
margin: 0 0 20px;
background: #f9f9f9;
color: #131314;
padding: 30px 30px 30px 90px;
position: relative;
}
.excerpt101:before {
content: "\0021";
position: absolute;
top: 20px;
left: 16px;
color: black;
width: 40px;
height: 40px;
border-radius: 50%;
background: #e64f1a;
font-size: 35px;
font-weight: bold;
text-align: center;
line-height: 40px;/*---- положение восклицательного знака по вертикали ---*/
color: #fff;
}

.excerpt101:after {
content: "";
width: 4px;
background: #e64f1a;
position:absolute;
left: 70px;
top: 20px;
bottom: 20px;
}
.excerpt101 p {
margin-top: 0;
font-size: 20px;
font-weight: 300;
line-height: 24px;
}
.excerpt101 cite {
font-style: normal;
text-transform: uppercase;
}
@media (max-width: 640px) {.excerpt101 p {
margin-top: 0;
font-size: 18px;
font-weight: 300;
line-height: 24px;
}
}
@media (max-width: 640px) {.excerpt101:before {
content: "\201C";
position: absolute;
top: 20px;
left: 1px;
color: black;
width: 0;
height: 0;
border-radius: 50%;
background: #ed145b;
font-size: 1px;
font-weight: bold;
text-align: center;
line-height: 55px;
color: #fff;
}
}

@media (max-width: 640px) {.excerpt101 {
margin: 0 0 20px;
background: #e64f1a;
color: #131314;
padding: 30px 30px 30px 20px;
position: relative;
}
}
@media (max-width: 640px) {.excerpt101:after {
content: "";
width: 4px;
background: #e64f1a;
position:absolute;
left: 1px;
top: 20px;
bottom: 20px;
}}


/* цитата snowflake снежинка */

.snowflake {
margin: 0 0 20px;
background: #f9f9f9; /* фон за текстом */
color: #131314;
padding: 30px 30px 30px 90px;
position: relative;
}
.snowflake:before {
content: "\2744";
position: absolute;
top: 20px;
left: 16px;
color: black;
width: 40px;
height: 40px;
border-radius: 50%;
background: #dddcdc;
font-size: 35px;
font-weight: bold;
text-align: center;
line-height: 40px;/*---- положение снежинки знака по вертикали ---*/
color: #fff;
box-shadow:3px 3px 10px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:3px 3px 10px rgba(0, 0, 0, 0.5);
}

.snowflake:after {
content: "";
width: 4px;
background: #1c5e85;
position:absolute;
left: 70px;
top: 20px;
bottom: 20px;
}
.snowflake p {
margin-top: 0;
font-size: 20px;
font-weight: 300;
line-height: 24px;
}
.snowflake cite {
font-style: normal;
text-transform: uppercase;
}
@media (max-width: 640px) {.snowflake p {
margin-top: 0;
font-size: 18px;
font-weight: 300;
line-height: 24px;
}
}
@media (max-width: 640px) {.snowflake:before {
content: "\201C";
position: absolute;
top: 20px;
left: 1px;
color: black;
width: 0;
height: 0;
border-radius: 50%;
background: #0641dd;
font-size: 1px;
font-weight: bold;
text-align: center;
line-height: 55px;
color: #fff;
}
}

@media (max-width: 640px) {.snowflake{
margin: 0 0 20px;
background: #f9f9f9;
color: #131314;
padding: 30px 30px 30px 20px;
position: relative;
}
}
@media (max-width: 640px) {.snowflake:after {
content: "";
width: 4px;
background: #0641dd;
position:absolute;
left: 1px;
top: 20px;
bottom: 20px;
}}

/* цитата мяч */

.ball {
margin: 0 0 20px;
background: #f9f9f9; /* фон за текстом */
color: #131314;
padding: 30px 30px 30px 90px;
position: relative;
}
.ball:before {
content: "\26BD";
position: absolute;
top: 20px;
left: 16px;
color: black;
width: 40px;
height: 40px;
border-radius: 50%;
background: #dddcdc;
font-size: 35px;
font-weight: bold;
text-align: center;
line-height: 40px;/*---- положение мяча по вертикали ---*/
color: #fff;
box-shadow:3px 3px 10px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:3px 3px 10px rgba(0, 0, 0, 0.5);
}

.ball:after {
content: "";
width: 4px;
background: #1c5e85;
position:absolute;
left: 70px;
top: 20px;
bottom: 20px;
}
.ball p {
margin-top: 0;
font-size: 20px;
font-weight: 300;
line-height: 24px;
}
.ball cite {
font-style: normal;
text-transform: uppercase;
}
@media (max-width: 640px) {.ball p {
margin-top: 0;
font-size: 18px;
font-weight: 300;
line-height: 24px;
}
}
@media (max-width: 640px) {.ball:before {
content: "\26BD";
position: absolute;
top: 20px;
left: 1px;
color: black;
width: 0;
height: 0;
border-radius: 50%;
background: #0641dd;
font-size: 1px;
font-weight: bold;
text-align: center;
line-height: 55px;
color: #fff;
}
}

@media (max-width: 640px) {.ball{
margin: 0 0 20px;
background: #f9f9f9;
color: #131314;
padding: 30px 30px 30px 20px;
position: relative;
}
}
@media (max-width: 640px) {.ball:after {
content: "";
width: 4px;
background: #0641dd;
position:absolute;
left: 1px;
top: 20px;
bottom: 20px;
}}

/* цитата стрелка */

.arrow {
margin: 0 0 20px;
background: #f9f9f9; /* фон за текстом */
color: #131314;
padding: 30px 30px 30px 90px;
position: relative;
}
.arrow:before {
content: "\27A4";
position: absolute;
top: 20px;
left: 16px;
color: black;
width: 40px;
height: 40px;
border-radius: 50%;
background: #dddcdc;
font-size: 35px;
font-weight: bold;
text-align: center;
line-height: 40px;/*---- положение стрелки знака по вертикали ---*/
color: #fff;
box-shadow:3px 3px 10px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:3px 3px 10px rgba(0, 0, 0, 0.5);
}

.arrow:after {
content: "";
width: 4px;
background: #1c5e85;
position:absolute;
left: 70px;
top: 20px;
bottom: 20px;
}
.arrow p {
margin-top: 0;
font-size: 20px;
font-weight: 300;
line-height: 24px;
}
.arrow cite {
font-style: normal;
text-transform: uppercase;
}
@media (max-width: 640px) {.arrow p {
margin-top: 0;
font-size: 18px;
font-weight: 300;
line-height: 24px;
}
}
@media (max-width: 640px) {.arrow:before {
content: "\201C";
position: absolute;
top: 20px;
left: 1px;
color: black;
width: 0;
height: 0;
border-radius: 50%;
background: #0641dd;
font-size: 1px;
font-weight: bold;
text-align: center;
line-height: 55px;
color: #fff;
}
}

@media (max-width: 640px) {.arrow{
margin: 0 0 20px;
background: #f9f9f9;
color: #131314;
padding: 30px 30px 30px 20px;
position: relative;
}
}
@media (max-width: 640px) {.arrow:after {
content: "";
width: 4px;
background: #0641dd;
position:absolute;
left: 1px;
top: 20px;
bottom: 20px;
}}

/* цитата галочка */

.galochka {
margin: 0 0 20px;
background: #f9f9f9; /* фон за текстом */
color: #131314;
padding: 30px 30px 30px 90px;
position: relative;
}
.galochka:before {
content: "\2611";
position: absolute;
top: 20px;
left: 16px;
color: black;
width: 40px;
height: 40px;
border-radius: 50%;
background: #dddcdc;
font-size: 35px;
font-weight: bold;
text-align: center;
line-height: 40px;/*---- положение галочки знака по вертикали ---*/
color: #fff;
box-shadow:3px 3px 10px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:3px 3px 10px rgba(0, 0, 0, 0.5);
}

.galochka:after {
content: "";
width: 4px;
background: #1c5e85;
position:absolute;
left: 70px;
top: 20px;
bottom: 20px;
}
.galochka p {
margin-top: 0;
font-size: 20px;
font-weight: 300;
line-height: 24px;
}
.galochka cite {
font-style: italic;
}
@media (max-width: 640px) {.galochka p {
margin-top: 0;
font-size: 18px;
font-weight: 300;
line-height: 24px;
}
}
@media (max-width: 640px) {.galochka:before {
content: "\2611";
position: absolute;
top: 20px;
left: 1px;
color: black;
width: 0;
height: 0;
border-radius: 50%;
background: #0641dd;
font-size: 1px;
font-weight: bold;
text-align: center;
line-height: 55px;
color: #fff;
}
}

@media (max-width: 640px) {.galochka{
margin: 0 0 20px;
background: #f9f9f9;
color: #131314;
padding: 30px 30px 30px 20px;
position: relative;
}
}
@media (max-width: 640px) {.galochka:after {
content: "";
width: 4px;
background: #0641dd;
position:absolute;
left: 1px;
top: 20px;
bottom: 20px;
}}

/*--------------------- форма обратной связи --------------*/
.contact { 
 max-width: 100%; 
 min-width: 320px; 
 margin: 0 auto; 
 background: rgba(255,255,255,0.9); 
 box-shadow: 0 0 8px rgba(0,0,0,.3); 
} 
.contact * { 
 outline: none; 
 border: 0; 
 background: none; 
} 
form fieldset { 
 display: block; 
 padding: 25px 30px; 
} 
form .row { 
 margin: 0 -15px; 
} 
form .col-2 { 
 width: 50%; 
} 
form .col { 
 float: left; 
 min-height: 1px; 
 padding-right: 15px; 
 padding-left: 15px; 
 box-sizing: border-box; 
 -moz-box-sizing: border-box; 
} 
form .row:after { 
 content: ''; 
 display: table; 
 clear: both; 
} 
 form section { 
 margin-bottom: 20px; 
} 
form .input, form .textarea, form .radio, form .checkbox, form .button { 
 position: relative; 
 display: block; 
} 
form .fa-append { 
 position: absolute; 
 top: 5px; 
 right: 5px; 
 width: 29px; 
 height: 29px; 
 padding-left: 3px; 
 border-left: 1px solid #e5e5e5; 
 font-size: 15px; 
 line-height: 29px; 
 text-align: center; 
 color: #ccc; 
} 
.fa { 
 display: inline-block; 
 font-family: FontAwesome; 
 font-style: normal; 
 font-weight: normal; 
 line-height: 1; 
 -webkit-font-smoothing: antialiased; 
 -moz-osx-font-smoothing: grayscale; 
} 
.fa-user:before { 
 content: "\f007"; 
} 
.fa-envelope-o:before { 
 content: "\f003"; 
} 
.fa-tag:before { 
 content: "\f02b"; 
} 
.fa-comment:before { 
 content: "\f075"; 
} 
form .input .fa-append + input, form .textarea .fa-append + textarea { 
 padding-right: 46px; 
} 
form .input input, form .textarea textarea { 
 display: block; 
 box-sizing: border-box; 
 -moz-box-sizing: border-box; 
 width: 100%; 
 height: 39px; 
 padding: 8px 10px; 
 outline: none; 
 border: 2px solid #e5e5e5; 
 border-radius: 0; 
 background: #fff; 
 font: 13px/19px 'Open Sans', Helvetica, Arial, sans-serif; 
 color: #404040; 
 appearance: normal; 
 -moz-appearance: none; 
 -webkit-appearance: none; 
 transition: border-color 0.3s; 
 -o-transition: border-color 0.3s; 
 -ms-transition: border-color 0.3s; 
 -moz-transition: border-color 0.3s; 
 -webkit-transition: border-color 0.3s; 
} 
form .textarea textarea { 
 height: auto; 
 resize: none; 
 overflow:auto; 
} 
form .input:hover input, 
form .textarea:hover textarea, 
form .checkbox:hover i { 
 border-color: #76B2D5; 
} 
form .input input:focus, 
form .textarea textarea:focus, 
form .checkbox input:focus + i { 
 border-color: #559FCB; 
} 
form .button { 
 float: right; 
 height: 39px; 
 overflow: hidden; 
 margin-left: 20px; 
 padding: 0 20px; 
 outline: none; 
 border: 0; 
 background-color: #559FCB; 
 font: 300 13px/39px 'Open Sans', Helvetica, Arial, sans-serif; 
 text-decoration: none; 
 color: #fff; 
 cursor: pointer; 
 opacity: 0.8; 
 transition: opacity 0.2s; 
 -o-transition: opacity 0.2s; 
 -ms-transition: opacity 0.2s; 
 -moz-transition: opacity 0.2s; 
 -webkit-transition: opacity 0.2s; 
} 
form .button:hover { 
 opacity: 1; 
} 
@media screen and (max-width: 470px){ 
 .col, .col-2 { float: none !important; width: 100% !important;} 
}

/*--------------------- таблица -------------*/

/*------ шапка таблицы ----*/
.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
 background-color: #000;
 color: #FFF;
 border-bottom: 0;
 font-size: 18px; 
 font-weight: 400; 
text-transform: uppercase; 
}
.table h3 {
 margin-top: 0px;
 margin-bottom: 0px;
}

.table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > th {
 background-color: #2C2C2F;
 color: #FFF;
 text-align: center;
 font-size: 16px; 
 font-weight: 400; 
}

/*****************************************
 FEATURE PAGE TITLE 
******************************************/

.page-title-type-1-bg{
 background: url(../images/page-title-v1.jpg)/*tpa=http://7oroof.com/tfdemos/trust/images/page-title-v5.jpg*/;
 position: relative;
 padding: 72px 0;
 background-size: cover;
 background-position: top center;
 background-repeat: no-repeat;
 background-attachment: fixed;
}
.page-title-type-1-bg:before{
 background: rgba(27, 26, 26, 0.35);
}
.page-title-type-11-bg{
 background: url(http://42tc.ru/assets/images/magaz/maestro/maestro-1.jpg);
 position: relative;
 padding: 72px 0;
 background-size: cover;
 background-position: top center;
 background-repeat: no-repeat;
 background-attachment: fixed;
}
.page-title-type-11-bg:before{
 background: rgba(27, 26, 26, 0.35);
}
.page-title-type-12-bg{
 background: url(http://42tc.ru/assets/images/magaz/expert/expert-2.jpg);
 position: relative;
 padding: 72px 0;
 background-size: cover;
 background-position: top center;
 background-repeat: no-repeat;
 background-attachment: fixed;
}
.page-title-type-12-bg:before{
 background: rgba(27, 26, 26, 0.35);
}
.page-title-type-2-bg{
 background: url(../images/bg-slider10-3.jpg)/*tpa=http://7oroof.com/tfdemos/trust/images/bg-slider10-3.jpg*/;
 padding-top: 90px;
 padding-bottom: 70px;
}
.page-title-type-2-bg:before{
 background: transparent;
}
.p-title-breadcrumbs{
 padding-top: 20px;
}
.page-title-type-3-bg{
 background: url(http://42tc.my1.ru/assets/images/magaz/apteka/apteka-2.jpg);
 position: relative;
 padding: 72px 0;
 background-size: cover;
 background-position: top center;
 background-repeat: no-repeat;
 background-attachment: fixed;
}
.page-title-type-3-bg:before{
 background: rgba(27, 26, 26, 0.35);
}
.page-title-type-4-bg{
 background: url(../images/page-title-v4.jpg);
 position: relative;
 padding: 72px 0;
 background-size: cover;
 background-position: top center;
 background-repeat: no-repeat;
 background-attachment: fixed;
}
.page-title-type-4-bg:before{
 background: rgba(27, 26, 26, 0.35);
}
.page-title-type-5-bg{
 background: url(../images/page-title-v5.jpg)/*tpa=http://7oroof.com/tfdemos/trust/images/page-title-v5.jpg*/;
 position: relative;
 padding: 72px 0;
 background-size: cover;
 background-position: top center;
 background-repeat: no-repeat;
 background-attachment: fixed;
}
.page-title-type-5-bg:before{
 background: rgba(27, 26, 26, 0.35);
}
.page-title-type-6-bg{
 background: url(http://42tc.ru/assets/images/magaz/jessnail/JessNail.jpg);
 position: relative;
 padding: 72px 0;
 background-size: cover;
 background-position: top center;
 background-repeat: no-repeat;
 background-attachment: fixed;
}
.page-title-type-6-bg:before{
 background: rgba(27, 26, 26, 0.35);
}
.page-title-type-7-bg{
 background: url(http://42tc.ru/assets/images/magaz/ekonom-mir/ekonom-mir-2.jpg);
 position: relative;
 padding: 72px 0;
 background-size: cover;
 background-position: top center;
 background-repeat: no-repeat;
 background-attachment: fixed;
}
.page-title-type-7-bg:before{
 background: rgba(27, 26, 26, 0.35);
}
.page-title-type-8-bg{
 background: url( http://42tc.ru/assets/images/magaz/kredo/kredo-3.jpg);
 position: relative;
 padding: 72px 0;
 background-size: cover;
 background-position: top center;
 background-repeat: no-repeat;
 background-attachment: fixed;
}
.page-title-type-8-bg:before{
 background: rgba(27, 26, 26, 0.35);
}
.page-title-type-82-bg{
 background: url(http://42tc.ru/assets/images/magaz/cimus/cimus.jpg);
 position: relative;
 padding: 72px 0;
 background-size: cover;
 background-position: top center;
 background-repeat: no-repeat;
 background-attachment: fixed;
}
.page-title-type-82-bg:before{
 background: rgba(27, 26, 26, 0.35);
}
.page-title-icon{
 display: inline-block;
 float: left;
 padding-top: 18px;
}
.page-title-icon span{
 display: block;
 height: 60px;
 line-height: 72px;
 text-align: center;
 width: 60px;
 -webkit-border-radius: 2px;
 -khtml-border-radius: 2px;
 -moz-border-radius: 2px;
 -ms-border-radius: 2px;
 -o-border-radius: 2px;
 border-radius: 2px;
 background-color: #F99B2E;
 position: relative;
}
.page-title-icon span:before{
 content: "";
 height: 2px;
 width: 19px;
 background-color: #F99B2E;
 position: absolute;
 bottom: -10px;
 left: 0;
}
.page-title-icon span i{
 font-size: 28px;
 color: #fff;
}
.page-title-content-6{
 padding-left: 90px;
}
.page-title-icon-8{
 display: block;
 float: none;
 padding-bottom: 28px;
}
.page-title-icon-8 span{
 display: block;
 float: none;
 margin: auto;
}
.page-title-icon-8 span:before{
 left: 20.5px;
}
.page-title-type-9-bg{
 background-image: none !important;
 padding: 60px 0;
 background-color: #282828;
}
.p-title-header-area{
 background: transparent;
}
.p-title-menuzord{
 background: transparent;
}
.page-title-type-10-bg{
background: url(../images/page-title-v5.jpg)/*tpa=http://7oroof.com/tfdemos/trust/images/page-title-v5.jpg*/;
 position: relative;
 padding-top: 180px;
 background-size: cover;
 background-position: top center;
 background-repeat: no-repeat;
 background-attachment: fixed;
}

.transparent-menuzord-menu > li > a{
 color: #fff;
}
.transparent-header-search ul li a i,.transparent-header-search ul li i{
 color: #fff;
}
.transparent-menuzord-brand ,.transparent-menuzord-brand:hover{
 color: #fff;
}
@media(max-width: 992px){
 .page-title-content{
 text-align: center;
 }
 .p-title-breadcrumbs,.p-title-breadcrumbs-9{
 text-align: center;
 }
}

/*****************************************
 EVERY PAGE TITLE AREA (WITHOUT SLIDER) 
******************************************/
.testmonial-title-bg{
 background: url(../images/page-titles/testmonial.jpg)/*tpa=http://7oroof.com/tfdemos/trust/images/page-titles/testmonial.jpg*/;
}
.about-us-page-title-bg{
 background: url(../images/page-titles/about-us-1.jpg)/*tpa=http://7oroof.com/tfdemos/trust/images/page-titles/about-us-1.jpg*/; 
}
.client-title-bg{
 background: url(../images/page-titles/client-title-bg.jpg)/*tpa=http://7oroof.com/tfdemos/trust/images/page-titles/client-title-bg.jpg*/;
}
.faq-page-title-bg{
 background: url(../images/page-titles/faq-bg.jpg)/*tpa=http://7oroof.com/tfdemos/trust/images/page-titles/faq-bg.jpg*/; 
}
.gallery-title-bg{
 background: url(../images/page-titles/gallery-bg.jpg)/*tpa=http://7oroof.com/tfdemos/trust/images/page-titles/gallery-bg.jpg*/; 
}
.practice-1-title-bg{
 background: url(../images/page-titles/practice-bg.jpg)/*tpa=http://7oroof.com/tfdemos/trust/images/page-titles/practice-bg.jpg*/; 
}
.practice-block-title-bg{
 background: url(../images/contact-us-bg.png)/*tpa=http://7oroof.com/tfdemos/trust/images/contact-us-bg.png*/; 
}
.attorney-page-title-bg{
 background: url(../images/page-titles/attorney-bg.jpg)/*tpa=http://7oroof.com/tfdemos/trust/images/page-titles/attorney-bg.jpg*/; 
}
.blog-page-title-bg{
 background: url(../images/page-titles/blog-page-title.jpg)/*tpa=http://7oroof.com/tfdemos/trust/images/page-titles/blog-page-title.jpg*/; 
}
.error-page-title-bg{
 background: url(http://promsnabservisnk.ru/images/heder/svarka-1.jpg)/*tpa=http://7oroof.com/tfdemos/trust/images/page-titles/error-page-title.jpg*/; 
}
.contact-page-title-bg{
 background: url(../images/page-titles/contact-us-title-bg.png)/*tpa=http://7oroof.com/tfdemos/trust/images/page-titles/contact-us-title-bg.png*/; 
}
.page-title-padding{
 padding-top: 10px;
}
.page-title-area{ 
 position: relative;
 padding-top: 162px;
 padding-bottom: 150px;
 background-size: cover;
 background-position: top center;
 background-repeat: no-repeat;
 background-attachment: fixed;
}
.page-title-area:before {
 background-color: rgba(27, 26, 26, 0.35);
 content: "";
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
}
.page-title-content{}
.page-title-content p{
 color: #e5e4e4;
 font-family: 'Lora', serif;
 font-size: 17px;
 font-style: italic;
 line-height: 45px;
 display: block;
 margin-bottom: 5px;
}
.page-title-content h2{
 color: #fff;
 font-size: 42px;
 font-weight: 800;
 letter-spacing: 0.01em;
 line-height: 50px;
 text-transform: uppercase;
 margin-top: 5px;
}
.breadcrumbs{
 padding-top: 62px;
 position: relative;
}
.breadcrumbs:before {
 background-color: #fff;
 content: "";
 height: 34px;
 left: 0;
 margin: auto;
 position: absolute;
 right: 0;
 top: 20px;
 width: 2px;
}
.page-breadcrumbs{
 color: #fff;
 font-weight: normal;
 line-height: normal;
 list-style: none;
 margin: 5px 0;
 padding: 12px 0;
}
.page-breadcrumbs li{
 display: inline-block;
 margin: 0;
}
.page-breadcrumbs li a{
 color: #fff;
 text-decoration: none;
 text-transform: capitalize;
}
ul.page-breadcrumbs li + li:before {
 padding: 0 10px;
 font-family: FontAwesome;
 content: '/';
}
@media(max-width: 767px){
 .page-title-content p{
 font-size: 12px;
 }
 .page-title-content h2{
 font-size: 20px;
 } 
}
/*---------------------- полоска - тень --------------*/
.roundedShadow {
 background-image: url(http://42tc.ru/images/rounded-shadow.png);
 margin-bottom: 20px;
 padding-bottom:25px;
 background-repeat: no-repeat;
 background-position: top center;
 
}
/*----- Здесь текст или изображение, которое будет видно только на мобильных устройствах -----*/
.show-on-mobile { display: none; }
/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px){ .show-on-mobile { display: inline; }}
/*---- Здесь текст или изображение, которое не будет видно только на мобильных устройствах ----*/
.hide-on-mobile { display: inline; }
/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px){ .hide-on-mobile { display: none; }}





/* =========================================================== */
/*List Styles /* 
============================================================== */
.unstyle ul, .unstyle ol, ul.unstyle , ol.unstyle {
 -moz-padding-start:0px;
 -webkit-padding-start:0px;
 -khtml-padding-start: 0px;
 -o-padding-start: 0px;
}
.unstyle ul li, .unstyle ol li, ul.unstyle li , ol.unstyle li{
 list-style:none;
 margin-left:15px;
}
ul.checklist li:before {
 content:"\f00c ";
 font-family:FontAwesome;
 margin-right:5px;
}
ul.circleoklist li:before {
 content:"\f058 ";
 font-family:FontAwesome;
 margin-right:5px;
}
ul.arrowlist li:before {
 content:"\f061 ";
 font-family:FontAwesome;
 margin-right:5px;
}
ul.starlist li:before {
 content:"\f005 ";
 font-family:FontAwesome;
 margin-right:5px;
}
ul.doublearrowlist li:before {
 content:"\f101 ";
 font-family:FontAwesome;
 margin-right:5px;
}
ul.chevronlist li:before {
 content:"\f054 ";
 font-family:FontAwesome;
 margin-right:5px;
}
ul.handlist li:before {
 content:"\f0a4 ";
 font-family:FontAwesome;
 margin-right:5px;
}
ul.thumblist li:before {
 content:"\f087 ";
 font-family:FontAwesome;
 margin-right:5px;
}
ul.asterisklist li:before {
 content:"\f069 ";
 font-family:FontAwesome;
 margin-right:5px;
}
ul.circlearrowlist li:before {
 content:"\f0a9 ";
 font-family:FontAwesome;
 margin-right:5px;
}
ul.circlepluslist li:before {
 content:"\f055 ";
 font-family:FontAwesome;
 margin-right:5px;
}
ul.longarrowlist li:before {
 content:"\f178 ";
 font-family:FontAwesome;
 margin-right: 5px;
}

/*---------------------------------------------------------------------------- МОЙ CSS -----------------------------*/
/*--------------------- таблица -------------*/

/*------ шапка таблицы ----*/
.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
 background-color: #000;
 color: #FFF;
 border-bottom: 0;
 font-size: 18px; 
 font-weight: 400; 
text-transform: uppercase; 
}
.table h3 {
 margin-top: 0px;
 margin-bottom: 0px;
}

.table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > th {
 background-color: #2C2C2F;
 color: #FFF;
 text-align: center;
 font-size: 16px; 
 font-weight: 400; 
}

/*****************************************
 FEATURE PAGE TITLE 
******************************************/

.page-title-type-1-bg{
 background: url(../images/page-title-v1.jpg)/*tpa=http://7oroof.com/tfdemos/trust/images/page-title-v5.jpg*/;
 position: relative;
 padding: 72px 0;
 background-size: cover;
 background-position: top center;
 background-repeat: no-repeat;
 background-attachment: fixed;
}
.page-title-type-1-bg:before{
 background: rgba(27, 26, 26, 0.35);
}
.page-title-type-11-bg{
 background: url(//42tc.ru/assets/images/magaz/maestro/maestro-1.jpg);
 position: relative;
 padding: 72px 0;
 background-size: cover;
 background-position: top center;
 background-repeat: no-repeat;
 background-attachment: fixed;
}
.page-title-type-11-bg:before{
 background: rgba(27, 26, 26, 0.35);
}
.page-title-type-12-bg{
 background: url(//42tc.ru/assets/images/magaz/expert/expert-2.jpg);
 position: relative;
 padding: 72px 0;
 background-size: cover;
 background-position: top center;
 background-repeat: no-repeat;
 background-attachment: fixed;
}
.page-title-type-12-bg:before{
 background: rgba(27, 26, 26, 0.35);
}
.page-title-type-2-bg{
 background: url(../images/bg-slider10-3.jpg)/*tpa=http://7oroof.com/tfdemos/trust/images/bg-slider10-3.jpg*/;
 padding-top: 90px;
 padding-bottom: 70px;
}
.page-title-type-2-bg:before{
 background: transparent;
}
.p-title-breadcrumbs{
 padding-top: 20px;
}
.page-title-type-3-bg{
 background: url(//42tc.my1.ru/assets/images/magaz/apteka/apteka-2.jpg);
 position: relative;
 padding: 72px 0;
 background-size: cover;
 background-position: top center;
 background-repeat: no-repeat;
 background-attachment: fixed;
}
.page-title-type-3-bg:before{
 background: rgba(27, 26, 26, 0.35);
}
.page-title-type-4-bg{
 background: url(../images/page-title-v4.jpg);
 position: relative;
 padding: 72px 0;
 background-size: cover;
 background-position: top center;
 background-repeat: no-repeat;
 background-attachment: fixed;
}
.page-title-type-4-bg:before{
 background: rgba(27, 26, 26, 0.35);
}
.page-title-type-5-bg{
 background: url(../images/page-title-v5.jpg)/*tpa=http://7oroof.com/tfdemos/trust/images/page-title-v5.jpg*/;
 position: relative;
 padding: 72px 0;
 background-size: cover;
 background-position: top center;
 background-repeat: no-repeat;
 background-attachment: fixed;
}
.page-title-type-5-bg:before{
 background: rgba(27, 26, 26, 0.35);
}
.page-title-type-6-bg{
 background: url(//42tc.ru/assets/images/magaz/jessnail/JessNail.jpg);
 position: relative;
 padding: 72px 0;
 background-size: cover;
 background-position: top center;
 background-repeat: no-repeat;
 background-attachment: fixed;
}
.page-title-type-6-bg:before{
 background: rgba(27, 26, 26, 0.35);
}
.page-title-type-7-bg{
 background: url(//42tc.ru/assets/images/magaz/yarko/foto_3.jpg);
 position: relative;
 padding: 72px 0;
 background-size: cover;
 background-position: top center;
 background-repeat: no-repeat;
 background-attachment: fixed;
}
.page-title-type-7-bg:before{
 background: rgba(27, 26, 26, 0.35);
}
.page-title-type-8-bg{
 background: url( //42tc.ru/assets/images/magaz/kredo/kredo-3.jpg);
 position: relative;
 padding: 72px 0;
 background-size: cover;
 background-position: top center;
 background-repeat: no-repeat;
 background-attachment: fixed;
}
.page-title-type-8-bg:before{
 background: rgba(27, 26, 26, 0.35);
}
.page-title-type-82-bg{
 background: url(//42tc.ru/assets/images/magaz/cimus/cimus.jpg);
 position: relative;
 padding: 72px 0;
 background-size: cover;
 background-position: top center;
 background-repeat: no-repeat;
 background-attachment: fixed;
}
.page-title-type-82-bg:before{
 background: rgba(27, 26, 26, 0.35);
}
.page-title-icon{
 display: inline-block;
 float: left;
 padding-top: 18px;
}
.page-title-icon span{
 display: block;
 height: 60px;
 line-height: 72px;
 text-align: center;
 width: 60px;
 -webkit-border-radius: 2px;
 -khtml-border-radius: 2px;
 -moz-border-radius: 2px;
 -ms-border-radius: 2px;
 -o-border-radius: 2px;
 border-radius: 2px;
 background-color: #F99B2E;
 position: relative;
}
.page-title-icon span:before{
 content: "";
 height: 2px;
 width: 19px;
 background-color: #F99B2E;
 position: absolute;
 bottom: -10px;
 left: 0;
}
.page-title-icon span i{
 font-size: 28px;
 color: #fff;
}
.page-title-content-6{
 padding-left: 90px;
}
.page-title-icon-8{
 display: block;
 float: none;
 padding-bottom: 28px;
}
.page-title-icon-8 span{
 display: block;
 float: none;
 margin: auto;
}
.page-title-icon-8 span:before{
 left: 20.5px;
}
.page-title-type-9-bg{
 background-image: none !important;
 padding: 60px 0;
 background-color: #282828;
}
.p-title-header-area{
 background: transparent;
}
.p-title-menuzord{
 background: transparent;
}
.page-title-type-10-bg{
background: url(../images/page-title-v5.jpg)/*tpa=http://7oroof.com/tfdemos/trust/images/page-title-v5.jpg*/;
 position: relative;
 padding-top: 180px;
 background-size: cover;
 background-position: top center;
 background-repeat: no-repeat;
 background-attachment: fixed;
}

.transparent-menuzord-menu > li > a{
 color: #fff;
}
.transparent-header-search ul li a i,.transparent-header-search ul li i{
 color: #fff;
}
.transparent-menuzord-brand ,.transparent-menuzord-brand:hover{
 color: #fff;
}
@media(max-width: 992px){
 .page-title-content{
 text-align: center;
 }
 .p-title-breadcrumbs,.p-title-breadcrumbs-9{
 text-align: center;
 }
}

/*****************************************
 EVERY PAGE TITLE AREA (WITHOUT SLIDER) 
******************************************/
.testmonial-title-bg{
 background: url(../images/page-titles/testmonial.jpg)/*tpa=http://7oroof.com/tfdemos/trust/images/page-titles/testmonial.jpg*/;
}
.about-us-page-title-bg{
 background: url(../images/page-titles/about-us-1.jpg)/*tpa=http://7oroof.com/tfdemos/trust/images/page-titles/about-us-1.jpg*/; 
}
.client-title-bg{
 background: url(../images/page-titles/client-title-bg.jpg)/*tpa=http://7oroof.com/tfdemos/trust/images/page-titles/client-title-bg.jpg*/;
}
.faq-page-title-bg{
 background: url(../images/page-titles/faq-bg.jpg)/*tpa=http://7oroof.com/tfdemos/trust/images/page-titles/faq-bg.jpg*/; 
}
.gallery-title-bg{
 background: url(../images/page-titles/gallery-bg.jpg)/*tpa=http://7oroof.com/tfdemos/trust/images/page-titles/gallery-bg.jpg*/; 
}
.practice-1-title-bg{
 background: url(../images/page-titles/practice-bg.jpg)/*tpa=http://7oroof.com/tfdemos/trust/images/page-titles/practice-bg.jpg*/; 
}
.practice-block-title-bg{
 background: url(../images/contact-us-bg.png)/*tpa=http://7oroof.com/tfdemos/trust/images/contact-us-bg.png*/; 
}
.attorney-page-title-bg{
 background: url(../images/page-titles/attorney-bg.jpg)/*tpa=http://7oroof.com/tfdemos/trust/images/page-titles/attorney-bg.jpg*/; 
}
.blog-page-title-bg{
 background: url(../images/page-titles/blog-page-title.jpg)/*tpa=http://7oroof.com/tfdemos/trust/images/page-titles/blog-page-title.jpg*/; 
}
.error-page-title-bg{
 background: url(http://promsnabservisnk.ru/images/heder/svarka-1.jpg)/*tpa=http://7oroof.com/tfdemos/trust/images/page-titles/error-page-title.jpg*/; 
}
.contact-page-title-bg{
 background: url(../images/page-titles/contact-us-title-bg.png)/*tpa=http://7oroof.com/tfdemos/trust/images/page-titles/contact-us-title-bg.png*/; 
}
.page-title-padding{
 padding-top: 10px;
}
.page-title-area{ 
 position: relative;
 padding-top: 162px;
 padding-bottom: 150px;
 background-size: cover;
 background-position: top center;
 background-repeat: no-repeat;
 background-attachment: fixed;
}
.page-title-area:before {
 background-color: rgba(27, 26, 26, 0.35);
 content: "";
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
}
.page-title-content{}
.page-title-content p{
 color: #e5e4e4;
 font-family: 'Lora', serif;
 font-size: 17px;
 font-style: italic;
 line-height: 45px;
 display: block;
 margin-bottom: 5px;
}
.page-title-content h2{
 color: #fff;
 font-size: 42px;
 font-weight: 800;
 letter-spacing: 0.01em;
 line-height: 50px;
 text-transform: uppercase;
 margin-top: 5px;
}
.breadcrumbs{
 padding-top: 62px;
 position: relative;
}
.breadcrumbs:before {
 background-color: #fff;
 content: "";
 height: 34px;
 left: 0;
 margin: auto;
 position: absolute;
 right: 0;
 top: 20px;
 width: 2px;
}
.page-breadcrumbs{
 color: #fff;
 font-weight: normal;
 line-height: normal;
 list-style: none;
 margin: 5px 0;
 padding: 12px 0;
}
.page-breadcrumbs li{
 display: inline-block;
 margin: 0;
}
.page-breadcrumbs li a{
 color: #fff;
 text-decoration: none;
 text-transform: capitalize;
}
ul.page-breadcrumbs li + li:before {
 padding: 0 10px;
 font-family: FontAwesome;
 content: '/';
}
@media(max-width: 767px){
 .page-title-content p{
 font-size: 12px;
 }
 .page-title-content h2{
 font-size: 20px;
 } 
}
/*---------------------- полоска - тень --------------*/
.roundedShadow {
 background-image: url(//42tc.ru/images/rounded-shadow.png);
 margin-bottom: 20px;
 padding-bottom:25px;
 background-repeat: no-repeat;
 background-position: top center;
 
}
/*----- Здесь текст или изображение, которое будет видно только на мобильных устройствах -----*/
.show-on-mobile { display: none; }
/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px){ .show-on-mobile { display: inline; }}
/*---- Здесь текст или изображение, которое не будет видно только на мобильных устройствах ----*/
.hide-on-mobile { display: inline; }
/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px){ .hide-on-mobile { display: none; }}


/**------------------ background-color ---------------**/

.backred {
 background-color: #E01720;
 }
.backorange {
 background-color: #E64F1A;
 }

.backyellow {
 background-color: #EC910A;
 }
.backyellowlight {
 background-color: #F4D300;
 }



@media screen and (max-width: 860px) {
.blue-boxe {
 margin-bottom: 0px;
}
.title-sm {
 margin-top: 5px;
}
}


/*************** Dropcaps ***************/

.dropcap {
	display: block;
	float: left;
	font-size: 40px;
	line-height: 34px;
	color: #E64F1A;
	margin: 6px 8px 0 0;
}

.dropcap.border-dropcap {
	border: 2px solid #E64F1A;
	width: 40px;
	height: 40px;
	font-size: 27px;
	font-weight: 500;
	line-height: 40px;
	text-align: center;
	border-radius: 2px;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
	margin: 8px 12px 0 0;
}

.dropcap.bg-dropcap {
	background-color: #E64F1A;
	color: #fff;
	width: 40px;
	height: 40px;
	font-size: 27px;
	font-weight: 500;
	line-height: 40px;
	text-align: center;
	border-radius: 2px;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
	margin: 8px 12px 0 0;
}

.dropcap.circle-dropcap {
	border: 2px solid #E64F1A;
	width: 40px;
	height: 40px;
	font-size: 27px;
	font-weight: 500;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
}
<!------------------------ СПИСКИ ------------------------->

.rounded {
counter-reset: li; 
list-style: none; 
font: 14px "Trebuchet MS", "Lucida Sans";
padding: 0;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.rounded a {
position: relative;
display: block;
padding: .4em .4em .4em 2em;
margin: .5em 0;
background: #DAD2CA;
color: #444;
text-decoration: none;
border-radius: .3em;
transition: .3s ease-out;
}
.rounded a:hover {background: #E9E4E0;}
.rounded a:hover:before {transform: rotate(360deg);}
.rounded a:before {
content: counter(li);
counter-increment: li;
position: absolute;
left: -1.3em;
top: 50%;
margin-top: -1.3em;
background: #8FD4C1;
height: 2em;
width: 2em;
line-height: 2em;
border: .3em solid white;
text-align: center;
font-weight: bold;
border-radius: 2em;
transition: all .3s ease-out;
}

/*--------------------------------- 2a -------------------------------*/
.list2a {
    margin-bottom: 8px;
    padding:0;
    list-style: none;
    counter-reset: li;
}    
.list2a li {
    position: relative;
    border: 2px solid #fff;
    background: #F5F5F5;
    padding:16px 20px 16px 28px;
    margin:12px 0 12px 40px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.list2a li:hover {
    background: #FFF;
}
.list2a li:before {
    line-height: 32px;
    position: absolute;
    top: 4px;
    left:-40px;
    width:40px;
    text-align:center;
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    background: #D95900;
    counter-increment: li;
    content: counter(li);
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
.list2a li:hover:before {
    width:46px;
}
.list2a li:after {
    position: absolute;
    left: 0;
    top: 4px;
    content: "";
    height: 0;
    width: 0;
    border: 16px solid transparent;
    border-left-color: #D95900;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s
}
.list2a li:hover:after {
    margin-left: 6px;
}




.list4a {
    padding:0;
    list-style: none;
    counter-reset: li;
}    
.list4a li {
    position: relative;
    padding:12px 20px 20px 28px;
    margin-left: 40px;
    transition-duration: 0.3s;
}
.list4a li:before {
    border: 6px solid transparent;
    line-height: 30px;
    position: absolute;
    top: 0;
    left:-30px;
    width:42px;
    text-align:center;
    font-size: 13px;
    font-weight: bold;
    color: #77AEDB;
    counter-increment: li;
    content: counter(li);
    transition-duration: 0.3s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
    }
.list4a li:hover:before {
    color: #337AB7;    
}
.list4a li:after {
    position: absolute;
    top: 0;
    left: -30px;
    width: 42px;
    height: 42px;
    border: 6px solid #3399FF;
    border-radius: 50%;
    content: '';
    opacity: 0.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
}
.list4a li:hover:after {
    animation: 500ms ease-in-out 0s bounceIn;
    opacity: 1;
}    
 
@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }
    20% {
        transform: scale3d(1.3, 1.3, 1.3);
    }
    40% {
        transform: scale3d(.9, .9, .9);
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        transform: scale3d(.97, .97, .97);
    }
    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}



.list4b {
    padding:0;
    list-style: none;
    counter-reset: li;

}    
.list4b li {
    position: relative;
    padding:12px 20px 20px 28px;
    margin-left: 40px;
    transition-duration: 0.3s;

}
.list4b li:before {
    border: 6px solid transparent;
    line-height: 30px;
    position: absolute;
    top: 0;
    left:-30px;
    width:42px;
    text-align:center;
    font-size: 13px;
    font-weight: bold;
    color: #ADCEE9;
    counter-increment: li;
    content: counter(li);
    transition-duration: 0.3s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
}
.list4b li:hover:before {
    color: #337AB7;
}
.list4b li:after {
    position: absolute;
    top: 0;
    left: -30px;
    width: 42px;
    height: 42px;
    border: 6px solid #DDDDDD;
    border-radius: 50%;
    content: '';
    opacity: 0.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
}
.list4b li:hover:after {
    animation: 500ms ease-in-out 0s bounceIn;
    opacity: 1;
    border: 6px solid #D95900;    /*------- цвет круга при наведении курсора ----*/
}    
 
@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }
    20% {
        transform: scale3d(1.3, 1.3, 1.3);
    }
    40% {
        transform: scale3d(.9, .9, .9);
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        transform: scale3d(.97, .97, .97);
    }
    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}
/*----------------------------------------------------------*/

.iconblock-6 {
    background: #FFF;
    margin: 20px 0;
padding: 10px;
    border: 1px solid #C5C5C5;
    box-shadow: 0 4px 4px 0 rgba(84, 84, 84, 0.3);
}
.iconblock-6 .top {
    position: relative;
    z-index: 1;
    height: 100px;
}
.iconblock-6 .top .pic2 {
    position: relative;
    z-index: 1;
    height: 100px;
    overflow: hidden;
    transition: all 0.3s;
}
.iconblock-6:hover .top .pic2 {
    height: 180px;
}
.iconblock-6 .top .pic2 img {
    position: absolute;
    z-index: -1;
    top: -35%;
    transition: all 0.3s;
    width:100%;
}
.iconblock-6:hover .top .pic2 img {
    top: 0;
}
.iconblock-6 .top .pic2:before {
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.3);
}
.iconblock-6:hover .top .pic2:before {
    background: rgba(255, 255, 255, 0);
}
.iconblock-6 .top .icon {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -10px, 0);
    transition: all 0.3s;
}
.iconblock-6:hover .top .icon {
    transform: translate3d(-50%, -20px, 0);
}
.iconblock-6 .top .icon img,
.iconblock-6 .top .icon i
{
    border-radius: 50%;
    border: 2px solid #D1D1D1;
    font-size: 64px;
    color: #337AB7;
    padding:10px;
    box-sizing: content-box;  
    width:64px;
    height:64px;
    background: linear-gradient(to top, #D1D1D1, #FFF);
}
.iconblock-6:hover .top .icon img,
.iconblock-6:hover .top .icon i
{
    background: #FFF;
}
.iconblock-6 .body {
 /*---   text-align: center;---*/
    margin-top: 40px;
}
.iconblock-6 h3 {
    transition: all 0.7s ease 0s;
    color: #7e7e7e;
    font-size:20px;
    margin:10px 0;
line-height: 22px;
}    
.iconblock-6:hover h3 {
    color: #000;
} 

/*------------- Всплывающие надписи -------------------------*/
* {
 margin:0;
 box-sizing:border-box;
}
 
body {
 background-color:#efefef;
}

 #i-have-a-tooltip {
 width:350px;
 font-family:Helvetica,Arial,sans-serif;
 font-weight:100;
 font-size:20px;
 text-align:center;
 padding:50px;
 margin:100px auto;
 background:white;
 position:relative;
/*---- border-radius:5px;
 box-shadow:10px 10px 0px rgba(0,0,0,.05); ---*/
}

 
#i-have-a-tooltip:before {
 content:attr(data-description);
 box-sizing:border-box;
 display:block;
 background:rgba(0,0,0,.7); /*----- фон всплывающей надписи ----*/
 color:white;
 padding:20px;
 position:absolute;
 left:50%;
 top:-30px;
 margin-left:-100px;
 width:300px;
 height:65px;
 line-height:25px;
 border-radius:5px;
 opacity:0;
 transition:.25s ease-in-out;
}
 
#i-have-a-tooltip:after {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 left:50%;
 margin-left:-8px;
/*----- height:0;
 width:0;
 border-left:8px solid transparent;
 border-right:8px solid transparent;
 border-top:8px solid rgba(0,0,0,.7); ----*/
 transition:.25s ease-in-out;
 opacity:0;
}
 
#i-have-a-tooltip:hover:before {
 opacity:1;
 top: -500px; /*--------- высота вылета ----------*/
left:400px;
}
 
#i-have-a-tooltip:hover:after {
 opacity:1;
 top:15px;
}

/*---------------- blog-informer 2 -------------------*/
.blog-informer2 {
background:#F5F5F5;
color: #000;
border:1px solid #F6F6F6;
margin-bottom:30px;
box-shadow:16px 16px 0px rgba(0, 0, 0, 0.2);
-webkit-box-shadow:16px 16px 0px rgba(0, 0, 0, 0.2);
/*----box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);----*/
height:280px;
} /*---------------------- высота блока -------------------*/
@media (max-width: 640px) {
.blog-informer {
background:#F5F5F5;
border:1px solid #F6F6F6;
margin-bottom:30px;
box-shadow:16px 16px 0px rgba(0, 0, 0, 0.2);
-webkit-box-shadow:16px 16px 0px rgba(0, 0, 0, 0.2);
/*----box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);----*/
height: 370px;
} 
 }
.blog-informer2 a {
color: #000;
font-weight:300
}
.blog-informer2 h3 {
color: #000;
font-weight:600;
margin-top: 5px;
margin-bottom: 5px;
text-transform: uppercase;
}
/*---------------------- высота заголовка -----------------------*/
.blog-informer2 .title-informer {
background:#e64f1a;
color: #fff;
height:60px;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 10px;
} 

.blog-informer2 .inf-descr {
padding-left:20px;
padding-right:20px;
padding-bottom:40px;
}

.blog-informer2 .inf-descr h6 {
margin-bottom:5px;
padding:20
}

.blog-informer2 .inf-descr .date {
display:block;
font-family: 'HeliosBlack', sans-serif;
font-size:14pt;
color:#D0006E;
margin-bottom:0px;
font-style:normal
}
@media (max-width: 640px) {
.blog-informer .inf-descr .date {
position:absolute; /* добавили */
	bottom:0px; /* добавили */
display:block;
font-size:12pt;
color:#D0006E;
margin-bottom:0px;
font-style:normal
}
 }

.blog-informer2 .inf-descr .inf {
margin:20px 0 0;
padding:0;
list-style:none
}

.blog-informer2 .inf-descr .inf li {
float:left;
margin-right:10px;
color:#333;
font-weight:300
}

.blog-informer2 .inf-descr .inf li i {
color:#ccc;
margin-right:5px
}

.blog-informer2 .inf-descr .rd {
float:right;
color:#56A0CC
}
/*--- ========== Оформление ссылок на социальные сети ============= ---*/

.social-icons-1 {
    padding: 0;
    list-style: none;
/*    margin: 10px;    */
}
.social-icons-1 li {
    display: inline-block;
    position: relative;
    font-size: 24px;
}
.social-icons-1 i,
.social-icons-1 img {
    color: #fff;
    position: absolute;
    top: 9px; /*-- центрируем иконки внутри круга --*/
    left: 10px;
    width: 18px;
    height: 18px;
    text-align:center;
    transition: all 0.3s ease-out;
}
.social-icons-1 a {
    display: inline-block;
}
.social-icons-1 a:before {
    transform: scale(1);
    content: "";
    width: 40px; /*--- размер круга ---*/
    height: 40px;
    border-radius: 100%;
    display: block;
    background: linear-gradient(45deg, #337AB7, #2d6b9f);
    box-shadow: 0 2px 5px rgba(0,0,0,0.2), 0 2px 4px rgba(0,0,0,0.2);
    transition: all 0.3s ease-out;
}
.social-icons-1 a:hover:before {
    transform: scale(0);
    transition: all 0.3s ease-in;
}
.social-icons-1 a:hover i,
.social-icons-1 a:hover img {
    transform: scale(1.8);
    color: #337AB7;
    transition: all 0.3s ease-in;
}