/** fonts */
html,body {font-family: 'museo light', 'Verdana', 'Times New Roman'; font-size: 15px; height: 100%;}
.navbar-brand {font-family: 'museo regular'; color: #428bca!important; padding: 8px 0px 0px 10px !important;}
h1,h2,h3,h4,h5,h6 {font-family: 'museo light'}
.section-header {font-size: 110%;}

/** тумбы тортиков */
.container-photos {padding: 0px; background-color: #fff;}
.container-photos:before{padding-top: 32px}
.item-thumb div {text-align: center;}
.item-thumb .img-responsive {display: inline !important;}
.item-thumb a span {margin-top: 2px;margin-bottom: 7px;display: block;text-align: center;overflow: hidden;color:#b0b0b0}
.container-photos  a{text-decoration: none; cursor: pointer;}
.container-photos  a:hover{text-decoration: none;}

/** примеры работ */
.works-examples div {text-align: center}

.item-thumb a span {padding-top: 3px; line-height: 12px;}
@media (max-width: 767px) {.item-thumb a span {font-size: 12px; height: 32px;}}
@media (min-width: 767px) and (max-width: 992px) {.item-thumb a span {font-size: 12px; height: 32px;}}
@media (min-width: 992px) and (max-width: 1200px) {.item-thumb a span {font-size: 12px; height: 32px;}}
@media (min-width: 1200px) {.item-thumb a span {font-size:13px; height: 20px;}}

/** детальное описание торта */
.tort-detail-container {margin-top: 0px; margin-bottom: 40px; font-size: 18px; font-family:'museo light'}
.tort-detail-container h1 {margin-top: 0px;}
.tort-detail-main-thumb {text-align: center; float: left; margin-right: 15px;}

/** пагинация  */
div.pagination {width: 100%;text-align: right;margin: 5px 0px;font-size: 18px; padding: 0px 10px;}
div.pagination a {padding: 6px 18px;}

/* micro clearfix */
.cf:before,.cf:after {content: ' '; display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}

/** FORMS */
label.error {color: #F22;-o-transition: color 2s linear;-moz-transition: color 2s linear;-khtml-transition: color 2s linear;-webkit-transition: color 2s linear;-ms-transition: color 2s linear;transition: color 2s linear;}
.YiiAjaxForms.error-summary:not(:empty) {padding: 10px;margin-bottom: 15px;background-color: #FFF;}
.YiiAjaxForms.error-summary.animate {background-color: rgba(255, 192, 203, 0.75);-o-transition: background-color 1s linear;-moz-transition: background-color 1s linear;-khtml-transition: background-color 1s linear;-webkit-transition: background-color 1s linear;-ms-transition: background-color 1s linear;transition: background-color 1s linear; }
#PotentialClientFromArinaTort input:not([type="button"]):not([type="submit"]), #PotentialClientFromArinaTort textarea {opacity: 0.8}

.header-bg .has-error .help-block, .header-bg .has-error .control-label, .header-bg .has-error .radio, .has-error .checkbox, .header-bg .has-error .radio-inline, .header-bg .has-error .checkbox-inline {color:#F72F2F}
.header-bg .has-success .help-block, .header-bg .has-success .control-label, .header-bg .has-success .radio, .header-bg .has-success .checkbox, .header-bg .has-success .radio-inline, .header-bg .has-success .checkbox-inline {color: #40C242;}
.header-bg .error-summary.animate {background-color: rgba(148, 72, 66, 0.38);}

/* pinnedModalForm */
.pinnedModalForm {position: fixed;background: url('/contact-form/questions.png') no-repeat -5px 0;left: 0;top: 40%;width: 42px;height: 200px;cursor: pointer;}

/** bootstrap 3 navbar divider  */
.navbar {box-shadow: 0px 1px 3px #666;}
.navbar .divider-vertical {height: 50px;margin: 0 9px;border-right: 1px solid #ffffff;border-left: 1px solid #f2f2f2;}
.navbar-inverse .divider-vertical {border-right-color: #222222;border-left-color: #111111;}
@media (max-width: 767px) {.navbar-collapse .nav > .divider-vertical {display: none;}}

/** ymaps */
.ymaps-copyrights-legend {display: none !important;}

/** fonts */
@font-face {font-family: 'museo regular';src: url('fonts/museo_cyrillic-webfont.eot');}
@font-face {font-family: 'museo regular';src: url('fonts/museo_cyrillic-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'museo light';src: url('fonts/museocyrl-300-webfont.eot');}
@font-face {font-family: 'museo light';src: url('fonts/museocyrl-300-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'museo italic';src: url('fonts/museocyrl-300italic-webfont.eot');}
@font-face {font-family: 'museo italic';src: url('fonts/museocyrl-300italic-webfont.ttf') format('truetype');font-weight: normal;font-style: italic;}
@font-face {font-family: 'rupster ';src: url('fonts/rupster_script_free-webfont.eot');}
@font-face {font-family: 'rupster ';src: url('fonts/rupster_script_free-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;}

/** alert */
.alert{margin-bottom: 20px;margin-top: 0;color: #675100; padding: 10px; border-radius: 0px; border-width: 0px; border-left-width: 7px;}
.alert-border-rounded {border-width: 1px; border-radius: 10px;}
.alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6 {padding: 0; margin: 0px; font-family: 'Verdana'}

.alert-info {border-color: rgb(9, 151, 252);}
.alert-info > i.fa {color:#8ca8bc}
.alert-success {border-color: #8ac38b;color: #356635;background: #cde0c4;}
.alert-warning {border-color: #dfb56c;color: #826430;background: #efe1b3;}
.alert-warning hr {border-top-color: #d6a042;}


/** THUMBS */
.pswp__caption__center {text-align: center !important;}
.fb-thumb {cursor: zoom-in; cursor:-webkit-zoom-in;cursor:-moz-zoom-in;}
.full-wight-img img {width: 100%}

/** HEADER-BG */
.header-bg {min-height: 200px;padding: 50px 0 50px 0; background-repeat: no-repeat;background-position: top center;
            background-size: cover;font-family: 'museo regular';color: #FFF;text-shadow: #000 2px 2px 3px;text-align: center;}
@media (max-width: 767px) {.header-bg {font-size: 20px;} .header-bg h3 {font-size: 17px}}
@media (min-width: 767px) and (max-width: 992px) {.header-bg {font-size: 22px;}}
@media (min-width: 992px) and (max-width: 1200px) {.header-bg {font-size: 28px;}}
@media (min-width: 1200px) {.header-bg {font-size:36px;}}
.header-bg a.tel {color: #FFF;text-shadow: #000 2px 2px 3px;}

.header-bg-1 {background-image: url(images/header-bg/1.jpg);}
.header-bg-2 {background-image: url(images/header-bg/2.jpg);}
.header-bg-3 {background-image: url(images/header-bg/3.jpg);}
.header-bg-4 {background-image: url(images/header-bg/4.jpg);}
.header-bg-5 {background-image: url(images/header-bg/5.jpg);}

/** Поиск на сайте */
.navbar-search {margin-bottom: 10px;}
.navbar-search form {width: 100%;}
.navbar-search button[type="submit"] {padding-left: 30px; padding-right: 30px; }
.search-item-tort {padding: 7px 0;}
.search-item-tort img {max-height: 250px;}
.search-item-tort .img-link {position: relative;}
.search-item-tort .img-link:before {content:'№ ' attr(item-id); position: absolute; z-index: 100; color:#fff !important; text-shadow: 1px 1px 3px #000; display: inline-block; white-space: nowrap; padding-left: 5px; padding-top: 1px; opacity: 0.5;}
.search-item-description {max-height: 200px; overflow: hidden; text-overflow: ellipsis; display: block;}
.search-item-tort-title {margin-top: 0;}
.highlight {border-bottom: 2px solid #70CF83;}
@media (max-width: 767px) {.search-item-description {font-size: 11px; max-height: 150px}}

/** Brand */
.nav > li > a {padding-right: 15px; padding-left: 15px;}
@media (max-width: 767px) {.navbar-brand {font-size: 14px; margin-top: -2px;} .navbar-brand span{display: block;}}
@media (min-width: 767px) and (max-width: 992px) {.navbar-brand {font-size: 16px; margin-top: -4px;} .navbar-brand span{display: block;} .nav > li > a {padding-right: 10px; padding-left: 10px;}}
@media (min-width: 992px) and (max-width: 1200px) {.navbar-brand {font-size: 18px;} .navbar-brand span{display: inline-block;} .navbar-search{padding-top: 0px;}}
@media (min-width: 1200px) {.navbar-brand {font-size: 20px;} .navbar-brand span{display: inline-block;} .navbar-search{padding-top: 0px;}}

/** Footer */
.footer {padding: 20px 0 10px 0;border:none !important;}
.footer-menu{list-style: none; padding-left: 0;}
.footer-menu li {padding: 3px 0;}


.footer-submenu {list-style: none; padding-left: 20px; padding-top: 5px;}
.footer-submenu li {padding: 1px 0;}
.footer-submenu li:before {content: '\0251C'; color: #e5e5e5; font-size: 19px; line-height: 16px; padding-right: 4px;}
.footer-submenu li:last-of-type:before {content: '\02514';}

.footer .counters img {width: auto;}
.counters{text-align: center;}
.brands {text-align: right;}

@media (max-width: 991px) {.footer h3 {font-size:24px; margin-top: 0; margin-bottom: 10px; } .footer {text-align: center;} .footer .brands {text-align: center;} .counters{text-align: center;}}

/** Кнопка с трубкой (заказ обратного звогка) */
#phone-call {display:none; position: fixed; opacity:0.8; cursor: pointer; }
#phone-call .main-img {width: 80%; height: 80%; margin: 10%; position: relative;background-image: url(images/phone.svg); background-size: contain;background-position: center center;background-repeat: no-repeat no-repeat;}
#phone-call .waves {position: absolute; width: 80%; height: 80%; top: 10%; left: 10%; border: 2px solid #48b1f7;border-radius: 50%; }

/** Модальное окно с формой заказа обратного звонка (по клику на трубку) */
#call-modal {position: fixed; top:0; left:100%; width: 100%; z-index: 99999;  height: 100%; box-sizing: border-box; padding-bottom: 100px; background-color: rgb(0, 142, 214); color: #fff;}
#call-modal {overflow-y: scroll; overflow: -moz-scrollbars-none; -ms-overflow-style: none;}
#call-modal .h1, #call-modal .h2, #call-modal .h3, #call-modal .h4 {font-family: 'museo light'}
#call-modal::-webkit-scrollbar {width: 0;}
#call-modal {-webkit-transform: translate3d(0, 0, 0); -webkit-perspective: 1000;}
#call-modal .help-block, #call-modal .control-label, #call-modal .radio, #call-modal .checkbox, #call-modal .radio-inline, #call-modal .checkbox-inline {color:#fff !important;}
#call-modal .close-btn {display: inline-block; width:50px; height: 50px; transition: all 0.3s; -webkit-transition: all 0.3s; background-position: center center; background-repeat: no-repeat no-repeat; background-size: contain; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSI1MnB4IiBoZWlnaHQ9IjUycHgiIHZpZXdCb3g9IjAgMCA1MiA1MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTIgNTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxjaXJjbGUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgY3g9IjI2IiBjeT0iMjYiIHI9IjI1Ii8+Cgk8Zz4KCQk8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMzMuNTcxIiB5MT0iMzQuMjc4IiB4Mj0iMTguNzIyIiB5Mj0iMTkuNDI5Ii8+CgkJPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjMzLjU3MSIgeTE9IjE4LjcyMiIgeDI9IjE4LjcyMiIgeTI9IjMzLjU3MSIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=');}
#call-modal .close-btn:hover {cursor: pointer; transform: rotate(360deg); -webkit-transform: rotate(360deg);}
#call-modal .error-block {margin-top: 15px; font-size: 16px; font-weight: bold; color: #fff;opacity: 1; transition: opacity 2s cubic-bezier(0,1,0.8,1); -webkit-transition: opacity 2s cubic-bezier(0,1,0.8,1);}
#call-modal .error-block:empty{opacity: 0;}
#call-modal input[name="phone"], select {color:#666;}
#call-modal .form-success {display: none;}

#call-modal.showing {-webkit-animation-name: lightSpeedIn;animation-name: lightSpeedIn; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}
#call-modal.closing {-webkit-animation-name: bounceOutDown;animation-name: bounceOutDown; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;-webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}

#call-modal-request-btn {width:100%;}

body.modaled {max-height: 100%; overflow: hidden;}

@media (min-width: 768px)  {
    #phone-call {bottom: 90px; right: 10px; width: 75px; height: 75px;}
    #call-modal h1{font-size: 38px;} 
    #call-modal h3{font-size: 24px;}
    #call-modal input[name="phone"] {font-size: 20px; letter-spacing: 110%;}
    #call-modal .form-success h1 {line-height: 140%;}
}

@media (max-width: 767px) {
    .navbar-search {padding-top: 10px;}
    #phone-call {bottom: 25px; left: 34px; width: 45px; height: 45px;}
    #call-modal h1{font-size: 26px;} 
    #call-modal h3{font-size: 18px;}
    #call-modal-request-btn {margin-top:10px;}
    #call-modal input[name="phone"] {font-size: 16px; letter-spacing: 100%;}
    #call-modal .form-success h1 {line-height: 110%;}
}

#call-time-text {display: inline-block; transition: all 1s ease;}
#call-time-text:before {content:attr(day)' '}
#call-time-text:empty {display: none;}


/** Анимации */
.animation-pulse-fast {-webkit-animation-name: pulse-fast; animation-name: pulse-fast; -webkit-animation-duration: 0.8s; animation-duration: 0.8s;-webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite;}
@-webkit-keyframes pulse-fast { 0% { -webkit-transform: scale(1); -webkit-transform: rotate (0);}20% { -webkit-transform: scale(1.05); -webkit-transform: rotate (5);}40% { -webkit-transform: scale(1.03); -webkit-transform: rotate (-5);}60% { -webkit-transform: scale(1.03); -webkit-transform: rotate (5);}80% { -webkit-transform: scale(1.05); -webkit-transform: rotate (-5);}100% { -webkit-transform: scale(1); -webkit-transform: rotate (0);} }
@keyframes pulse-fast { 0% { transform: scale(1); -webkit-transform: rotate (0);}20% { transform: scale(1.05); -webkit-transform: rotate (5);}40% { transform: scale(1.03); -webkit-transform: rotate (-5);}60% { transform: scale(1.03); -webkit-transform: rotate (5);}80% { transform: scale(1.05); -webkit-transform: rotate (-5);}100% { transform: scale(1); -webkit-transform: rotate (0);} }

.animation-pulse-fade { -webkit-animation-name: pulse-fade; animation-name: pulse-fade; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; }
@-webkit-keyframes pulse-fade { 0% { -webkit-transform: scale(1); opacity:0;}10% {opacity:0.8;}100% { -webkit-transform: scale(2); opacity:0;} }
@keyframes pulse-fade { 0% { transform: scale(1); } 10% {opacity:0.8;}100% { transform: scale(1.8); opacity:0} }

.animation-shake-delay { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: shake; animation-name: shake; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; animation-delay: 0.4s; -webkit-animation-delay: 0.4s}
@-webkit-keyframes shake { 0%, 100% {-webkit-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} }
@keyframes shake { 0%, 100% {transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 20%, 40%, 60%, 80% {transform: translateX(10px);} }

.animation-flip360 {-webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both;-webkit-backface-visibility: visible !important; -webkit-animation-name: flip360; backface-visibility: visible !important; animation-name: flip360; }
@-webkit-keyframes flip360 { 0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } 40% { -webkit-transform: perspective(400px) rotateX(160deg); opacity: 0.2;} 50% { opacity: 0;} 60% { -webkit-transform: perspective(400px) rotateX(200deg); opacity: 0.2;} 100% { -webkit-transform: perspective(400px) rotateX(360deg); opacity: 1; } }
@keyframes flip360 { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 40% { transform: perspective(400px) rotateX(160deg); opacity: 0.2;} 50% { opacity: 0;} 60% { transform: perspective(400px) rotateX(200deg); opacity: 0.2;} 100% { transform: perspective(400px) rotateX(360deg); opacity: 1; } }

@-webkit-keyframes lightSpeedIn {0% {-webkit-transform: translate3d(0%, 0, 0) skewX(-30deg);transform: translate3d(0%, 0, 0) skewX(-30deg);}60% {-webkit-transform:translate3d(-100%, 0, 0) skewX(20deg);transform: translate3d(-100%, 0, 0) skewX(20deg);}80% {-webkit-transform: translate3d(-100%, 0, 0) skewX(-5deg);transform: translate3d(-100%, 0, 0) skewX(-5deg);}100% {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}}
@keyframes lightSpeedIn {0% {-webkit-transform: translate3d(0%, 0, 0) skewX(-30deg);transform: translate3d(0%, 0, 0) skewX(-30deg);}60% {-webkit-transform:translate3d(-100%, 0, 0) skewX(20deg);transform: translate3d(-100%, 0, 0) skewX(20deg);}80% {-webkit-transform: translate3d(-100%, 0, 0) skewX(-5deg);transform: translate3d(-100%, 0, 0) skewX(-5deg);}100% {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}}

@-webkit-keyframes bounceOutDown {0% {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}20% {-webkit-transform: translate3d(-100%, 10px, 0);transform: translate3d(-100%, 10px, 0);}30%, 35% {opacity: 1;-webkit-transform: translate3d(-100%, -20px, 0);transform: translate3d(-100%, -20px, 0);}100% {opacity: 0;-webkit-transform: translate3d(-100%, 2000px, 0);transform: translate3d(-100%, 2000px, 0);}}
@keyframes bounceOutDown {0% {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}20% {-webkit-transform: translate3d(-100%, 10px, 0);transform: translate3d(-100%, 10px, 0);}30%, 35% {opacity: 1;-webkit-transform: translate3d(-100%, -20px, 0);transform: translate3d(-100%, -20px, 0);}100% {opacity: 0;-webkit-transform: translate3d(-100%, 2000px, 0);transform: translate3d(-100%, 2000px, 0);}}

/** ШАПКА навигации. переобъявили стили бутстрапа */
nav {background-color: #FFF !important}
nav {border:none !important; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33) !important; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33) !important;}
.navbar-nav>li>a {color: #428bca !important;}
.navbar-nav>li>a:hover {text-decoration: underline;}

/** Табы для соц.сетей & связаться с нами */
#social-tabs-widget {display: inline-block;}
#social-tabs-widget .tab-content {width: 535px; max-height:305px; min-height: 305px; overflow: hidden;text-align: center;padding: 0 5px;}
.how-to-contact {display: block;}
@media (max-width: 549px) {.how-to-contact {text-align: center;}.how-to-contact ul {list-style: none;}.social-widget {display: none;} .social-widget-mini {display:block;}}
@media (min-width: 550px) and (max-width: 999px) {.how-to-contact {text-align: center;}.how-to-contact ul {list-style: none;}.social-widget {display: block; text-align: center;}#social-tabs-widget .nav-tabs > li {float:none; display:inline-block;}#social-tabs-widget .nav-tabs {text-align: center;}.social-widget-mini {display:none;}}
@media (min-width: 1000px) {#social-tabs-widget .nav-tabs > li {float: right;}.how-to-contact {float: left;}.social-widget {float: right;} .social-widget-mini {display:none;}}

.footer .social-widget-mini {
    display:block;
}

@media (max-width: 999px) {
    .footer-phone i, .footer-phone a{font-size: 22px;}
    .workhours {font-size: 13px;}
    .footer-request-link {font-size: 12px;}
    .social-widget-mini h3{font-size: 17px;}
}

@media (max-width: 767px) {
    .footer-phone {text-align: center;}
    .footer-phone i, .footer-phone a{font-size: 20px;}
    .workhours {display: none;}
}

.fillings-examples div {
    padding: 5px;
}

/** хз */
li {margin-bottom: 5px;}
.phone, .email {font-size: 18px; font-family: 'museo light';}

@media (min-width: 768px) {
    .text-center-xs {
        text-align: center;
    }
}
@media (min-width: 992px) {
    .text-center-sm {
        text-align: center;
    }
}

/** сетка 1\5 */
.col-xs-1-5,
.col-sm-1-5 {
    position: relative;
    min-height: 1px;
}
.col-xs-1-5 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-1-5 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-1-5 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-1-5 {
        width: 20%;
        float: left;
    }
}