* { outline: none !important; }
/*
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto-bold.woff2') format('woff2'),
    url('../fonts/roboto-bold.woff') format('woff'),
    url('../fonts/roboto-bold.ttf') format('truetype'),
    url('../fonts/roboto-bold.svg#Roboto') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto-italic.woff2') format('woff2'),
    url('../fonts/roboto-italic.woff') format('woff'),
    url('../fonts/roboto-italic.ttf') format('truetype'),
    url('../fonts/roboto-italic.svg#Roboto') format('svg');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto-light.woff2') format('woff2'),
    url('../fonts/roboto-light.woff') format('woff'),
    url('../fonts/roboto-light.ttf') format('truetype'),
    url('../fonts/roboto-light.svg#Roboto') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto-medium.woff2') format('woff2'),
    url('../fonts/roboto-medium.woff') format('woff'),
    url('../fonts/roboto-medium.ttf') format('truetype'),
    url('../fonts/roboto-medium.svg#Roboto') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto-regular.woff2') format('woff2'),
    url('../fonts/roboto-regular.woff') format('woff'),
    url('../fonts/roboto-regular.ttf') format('truetype'),
    url('../fonts/roboto-regular.svg#Roboto') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/robotocondensed-light.woff2') format('woff2'),
    url('../fonts/robotocondensed-light.woff') format('woff'),
    url('../fonts/robotocondensed-light.ttf') format('truetype'),
    url('../fonts/robotocondensed-light.svg#roboto_condensedlight') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/robotocondensed-regular.woff2') format('woff2'),
    url('../fonts/robotocondensed-regular.woff') format('woff'),
    url('../fonts/robotocondensed-regular.ttf') format('truetype'),
    url('../fonts/robotocondensed-regular.svg#Roboto Condensed') format('svg');
    font-weight: 400;
    font-style: normal;
}
*/
body { font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 400; color: #343434; background: #fff; overflow-x: hidden;
    margin:0; padding:0; border:0; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; -webkit-text-size-adjust: 100%;
}

.clr:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }

a { cursor: pointer; text-decoration: none; color: #005c9b; }
a:hover { text-decoration: none; color: #000; }
a:focus { text-decoration: none; }
/*6cb458*/
.img-anim {
    -webkit-transition: all 0.3s 0s ease;
    -moz-transition: all 0.3s 0s ease;
    -o-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slow { -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; }

.ulclear { margin:0; padding:0; list-style:none; }

.owl-carousel .item { position: relative; z-index: 100; -webkit-backface-visibility: hidden; }

.clear { display: block; height:0; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear0 { display: block; height:0; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear5 { display: block; height:5px; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear10 { display: block; height:10px; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear15 { display: block; height:15px; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear20 { display: block; height:20px; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear30 { display: block; height:30px; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear40 { display: block; height:40px; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear50 { display: block; height:50px; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear60 { display: block; height:60px; width:auto; clear:both; overflow:hidden; font-size:0; }

.wrapper { width: 100%; height: 100%; position: relative; }

.container { position: relative; }

.pr0 { padding-right: 0; }
.pl0 { padding-left: 0; }


.btn { border-radius: 0; border: 2px solid transparent; font-size: 17px; font-weight: 700; padding: 10px 15px; text-transform: uppercase;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.btn:after { content: '\f105'; font-family: 'FontAwesome'; margin-left: 15px; }
.btn.back:after { content: initial; display: none; }
.btn.back:before { content: '\f104'; font-family: 'FontAwesome'; margin-right: 15px; }

.btn:active, .btn.active { box-shadow: none; }

.btn-default { background-color: transparent; color: #000; border-color: #000; }
.btn-default:hover { background-color: #000; color: #ef87ff; border-color: #000; }

.btn-default:active, .btn-default:focus, .btn-default:active:focus { background-color: #000; color: #ef87ff; border-color: #000; }
.btn-default:active:hover { background-color: #000; color: #ef87ff; border-color: #000; }

.btn-default.active:active, .btn-default.active:focus { background-color: #000; color: #ef87ff; border-color: #000; }
.btn-default.active { background-color: #000; color: #ef87ff; border-color: #000; }
.btn-default.active:hover { background-color: #000; color: #ef87ff; border-color: #000; }

.btn-primary { background-color: transparent ; color: #000; border-color: #000; }
.btn-primary:hover { background-color: #000; color: #ef87ff; border-color: #000; }

.btn-primary:active, .btn-primary:focus, .btn-primary:active:focus { background-color: #000; color: #ef87ff; border-color: #000; }
.btn-primary:active:hover { background-color: #000; color: #ef87ff; border-color: #000; }

.w100 { width: 100%; }

.form-control { height: 50px; font-size: 14px; border-radius: 0; border: 2px solid #fff; background: #000; color: #fff; padding: 6px 12px; box-shadow: none; -webkit-box-shadow: none;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.form-control:focus { box-shadow: none; -webkit-box-shadow: none; border-color: #fff; background: #222; }

.form-control::-webkit-input-placeholder { color: #e2eedf; }
.form-control::-moz-placeholder { color: #e2eedf; }
.form-control:-ms-input-placeholder { color: #e2eedf; }
.form-control:-moz-placeholder { color: #e2eedf; }

select.form-control { padding: 0 12px; }
textarea.form-control { resize: none; }

.header { position: absolute; z-index: 100; width: 100%; }
.header .top { background: rgba(0,0,0,0.6); }
.header .top a { color: #fff; font-size: 14px;
-webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.header .top a:hover { color: #ef87ff; background: transparent; }
.social-box {float: right;position: relative;}
.social-box:before { content: ''; position: absolute; top: 25%; left: 0; width: 1px; height: 50%; background: #fff; }
.social-box ul li {display: inline-block;margin-left: 10px;}
.social-box ul li a { display: block; font-size: 16px; padding: 9px 5px; }
.social-box ul li a span { display: inline-block; font-size: 11px; margin-left: 2px; }
.header .top .menu { float: right; }
.header .top .menu li { display: inline-block; }
.header .top .menu li a { display: block; padding: 10px 15px; }
.header .top .menu li a:focus, .header .top .menu li.open a  { background: transparent; color: #ef87ff; }
.header .top .menu li.active a { color: #ef87ff; }

.header .inner { border-bottom: 1px solid #fff;
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #d7d7d7 100%);
    background: -webkit-linear-gradient(top,  #ffffff 0%,#d7d7d7 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#d7d7d7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7d7d7',GradientType=0 );
}
.header .inner .logo { float: left; padding: 15px 0; }
.navbar { float: right; min-height: 0; margin: 0 0 0 0; border: none; background: none; border-radius: 0; }
.navbar .navbar-nav {  }
.navbar .navbar-nav>li {  }
.navbar .navbar-nav>li>a { position: relative; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; font-size: 20px; color: #343434; text-transform: uppercase; background: none; padding: 46px 16px;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.navbar .navbar-nav>li>a:after { content: ''; position: absolute; left: 50%; bottom: 30px; margin-left: -25%; width: 50%; height: 3px; background: transparent;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.navbar .navbar-nav>li>a:hover, .navbar .navbar-nav>li>a:focus { background: transparent; color: #ef87ff; }
.navbar .navbar-nav>li>a:hover:after, .navbar .navbar-nav>li>a:focus:after { background: #ef87ff; }
.navbar .navbar-nav>li.active>a { background: transparent; color: #ef87ff; }
.navbar .navbar-nav>li.active>a:after { background: #ef87ff; }
.navbar .navbar-nav>li.active>a:hover, .navbar .navbar-nav>li.active>a:focus { background: transparent; color: #ef87ff; }
.navbar .navbar-nav>li.open>a { background: transparent; color: #ef87ff; }
.navbar .navbar-nav>li.open>a:after { background: #ef87ff; }

.dropdown-menu { background: #ebebeb; border-radius: 0; padding: 0; border: 1px solid #e1e1e1; box-shadow: none; }
.dropdown-menu>li>a { font-size: 14px; color: #343434; text-transform: uppercase; padding: 10px 20px;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background: #ef87ff; color: #fff; }
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { background: #ef87ff; color: #fff; }


.header .top .menu .dropdown-menu { background: #000; margin-top: 0; border: 0 none; }
.header .top .menu .dropdown-menu>li { display: block; }
.header .top .menu .dropdown-menu>li>a { color: #fff; font-size: 13px; padding: 8px 15px; }
.header .top .menu .dropdown-menu>li>a:hover { color: #ef87ff; }

.mm-menu { background: #343434; color: #fff; }
.mm-menu .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.2); color: #fff; }
.mm-menu .mm-list>li:after {border-color: #2f2f2f;}
.mm-menu .mm-list>li.mm-selected>a:not(.mm-subopen), .mm-menu .mm-list>li.mm-selected>span { background: #ef87ff }
.mm-menu .logo img { max-width: 104px; margin: 0 auto; }
.mm-menu .social { text-align: center; }
.mm-menu .social:after, .mm-menu .logo:after{ border-color: transparent!important; }
.mm-menu .social a {display: inline-block;color: #fff;font-size: 20px; line-height: 20px; padding: 5px 5px;margin: 0 2px;}
.mm-menu .social a span { vertical-align: top; font-size: 12px; }

.mobilebtn {float: right;margin-top: 18px;}
.mobilebtn>a {display: block;font-size: 26px;line-height: 26px;color: #fff;}
.mobilebtn>a span { display: none; }
.mobilebtn>a i {border: 2px solid #fff;background: #ef87ff;padding: 8px 10px;}

.promobox {position: relative;overflow: hidden;}
.promobox .slider-wrapper { z-index: 5; }
.promobox .item {margin: 0 auto;width: 1920px;height: 890px;}
.promobox .item img { margin: 0 auto; }

.main-title {position: relative;text-align: center;margin: 0 0 50px 0;font-size: 50px;line-height:50px;text-transform: uppercase;font-family: 'Roboto Condensed', sans-serif;font-weight: 300;color: #343434;}
.main-title:after {content: '';position: absolute;bottom: -15px;left: 50%;width: 90px;margin-left: -45px;height: 3px;background: #343434;}

.main-title.white { color: #000; }
.main-title.white:after { background: #000; }

.product.widget .text-box {position: absolute;z-index: 10;left: 0;top: -160px;width: 100%;}
.product.widget .text-box .inner { float: right; text-align: right; padding: 0; max-width: 710px; }
.product.widget .text-box .inner .title { position: relative;margin-bottom: 25px;padding-right: 15px;}
.product.widget .text-box .inner .title:after {content: '';position: absolute;bottom: -3px;right: 0;width: 491px;height: 3px;background: #fff;}
.product.widget .text-box .inner h1 {display: inline;font-family: 'Roboto Condensed', sans-serif;font-size: 74px;font-weight: 300;color: #ef87ff;line-height: 89px;margin: 0;}
.product.widget .text-box .inner h1 span {box-shadow: 15px 0 0 rgba(0,0,0,0.5), -15px 0 0 rgba(0,0,0,0.5);background: rgba(0,0,0,0.5);/* line-height: 96px; */}
.product.widget .text-box .links {  }
.product.widget .text-box .links a { position: relative; display: inline-block; padding-right: 60px; margin-left: 40px; text-align: right; color: #fff; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; font-size: 16px; }
.product.widget .text-box .links a:after {content: '\f105';position: absolute;top: 3px;right: 0;font-family: 'FontAwesome';padding: 5px 13px;border: 2px solid #fff;background: rgba(255,255,255,0.65); color: #000;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.product.widget .text-box .links a span {text-transform: uppercase;display: block;font-size: 28px;line-height: 24px;}
.product.widget .text-box .links a:hover:after{ color: #fff; background: #ef87ff; border-color: #fff; }
.product.widget {margin-top: -410px;margin-bottom:50px;padding-top: 340px;position: relative;z-index: 10;background: url(../images/bg-1.png) 50% 0 no-repeat scroll transparent;color: #000;text-align: center;}
.product.widget .home-content {font-size: 18px;max-width: 900px;margin: 0 auto 40px auto;}
.product.widget .product-list { margin-top: 40px; position: relative; }
.product.widget .product-list .item { margin: 0 15px;}
.product.widget .product-list .slider-wrapper {  }
.product.widget .product-list .pbtn { cursor: pointer; position: absolute; z-index: 15; top: 50%; width: 101px; height: 202px; margin-top: -100px; }
.product.widget .product-list .pbtn.next {background: url(../images/product-list-next.png) 0 0 no-repeat scroll transparent;right: -100px;}
.product.widget .product-list .pbtn.prev { background: url(../images/product-list-prev.png) 0 0 no-repeat scroll transparent;left: -100px; }

/**/
.header { position: static; }
.header .top { background: #000; }
.promobox .item { width: auto; height: auto; }
.product.widget .text-box { top: 90px; }
.product.widget .text-box .inner { background: rgba(0,0,0,0.5); padding: 10px; }
.product.widget .text-box .inner .title { display: none!important; }
/**/

.product-list .item {text-align: right;}
.product-list .item a { display: block; color: #343434; font-size: 15px; line-height: 14px; text-transform: uppercase; padding: 12px 11px; margin-bottom: 30px;
    box-shadow: 0 0 8px 2px rgba(0,0,0,0.15); border: 1px solid #fff;
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 100%);
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.product-list .item a img {margin: 0 auto 15px auto;}
.product-list .item a h2 {position: relative;font-size: 15px;margin: 0 0;display: table;width: 100%;line-height: 15px;font-weight: 500;}
.product-list .item a h2>span { display: table-cell; vertical-align: middle; padding-right: 15px; height: 75px; max-height: 75px; }
/*.product-list .item a h2>span>span { display: block; height: 60px; overflow: hidden; }*/
.product-list .item a h2>span.icon { padding: 0; width: 50px; }
.product-list .item a h2>span.icon:after {display: table-cell;vertical-align: middle;content: '\f105';font-family: 'FontAwesome';font-size: 28px;padding: 16px 18px;background: transparent;border: 2px solid #000;color: #000;
    -webkit-transition: all 0.3s 0s ease;-moz-transition: all 0.3s 0s ease;-o-transition: all 0.3s 0s ease;transition: all 0.3s 0s ease;}
.product-list .item a:hover h2>span.icon:after { background: #000; color: #ef87ff; }
.product-list .item a:hover { border-color: #ef87ff; box-shadow: 0 0 8px 2px rgba(0,0,0,0.4);}
.product-list .item a.nc, .product-list .item a.nc:hover { cursor: default; box-shadow: 0 0 8px 2px rgba(0,0,0,0.15); border: 1px solid #fff; }


.services { margin-bottom: 20px; }
.services .pic { position: absolute; top: 0; left: 15px; }
.services .item .inner {padding-left: 150px;color: #343434;}
.services .item .inner h2 { margin: 25px 0 10px 0; text-transform: uppercase; font-weight: 400; font-size: 26px; }
.services .item .inner h3 {margin: 0 0 10px 0;font-weight: 700;font-size: 20px;}
.services .item .inner p { color: #000; line-height: 17px; margin-bottom: 15px; }
.services .item .inner .btn { }

.services.widget { }
.services.widget .item .inner {color: #fff;padding-left: 125px;}
.services.widget .item .inner p { color: #fff; }
.services.widget .item .inner h2 { margin-top: 15px; }
.services.widget .pic { border-radius: 100%; border: 4px solid rgba(184,184,184,0.5); }

.btn-icon { display: inline-block; position: relative; margin-bottom: 60px; }
.btn-icon i {position: absolute;z-index: 1;top: -97px;left: -85px;background: url(../images/pic-menta.png) 0 0 no-repeat scroll transparent;width: 269px;height: 250px;}
.btn-icon .btn { position: relative; z-index: 2; }

.section-bg {background: url(../images/bg-2.png) 50% 0 no-repeat scroll transparent;color: #000;padding: 135px 0 55px 0;min-height: 651px;}

.home-content {}
.home-content .main-title { margin-bottom: 30px; }
.home-content .pic {  }
.home-content .pic img { border: 1px solid #fff; box-shadow: 0 0 8px 0 rgba(0,0,0,0.3); }
.home-content .main-title { text-align: left; }
.home-content .main-title:after { left: 0; margin-left: 0; }
.home-content ul {list-style: none;padding-left: 0;margin-bottom: 20px;}
.home-content ul li {position: relative;margin-bottom: 6px;padding-left: 20px;}
.home-content ul li strong{text-transform: uppercase;}
.home-content ul li:before {content: '\f111';font-family: 'FontAwesome';color: #000;font-size: 12px;position: absolute;top: 4px;left: 0;}

.gallery { margin-bottom: 45px; }
.gallery .item { margin-bottom: 20px; }
.gallery .item a { color: #343434; text-transform: uppercase; font-size: 15px; line-height: 17px; font-weight: 500; }
.gallery .item a img { margin: 0 auto 10px auto; }
.gallery .item a span { display: block; height: 34px; overflow: hidden; }
.gallery.widget { text-align: center; }
.gallery.widget .row { margin: 0 -25px; }
.gallery.widget .item { padding: 0 25px; }
.gallery.widget p {margin-bottom: 40px;font-weight: 500;font-size: 20px;}
.gallery.widget .btn {margin-top: 35px;}

.bg-i { background: url(../images/bg-contact-home.jpg) 50% 0 no-repeat scroll transparent; }
.contact {padding-top: 80px;}
.contact.user-form { padding-top: 0; }
.contact form>.row { margin: 0 -10px; }
.contact form>.row>div{ padding: 0 10px; }
.contact form .form-group { margin: 0 -10px 15px -10px; }
.contact form .form-group>div{ padding: 0 10px; }
.contact textarea {height: 180px;}
.contact .cb { text-align: right; }
.contact .cb label {cursor: pointer; font-size: 17px; margin: 0; line-height: 30px; }
.contact .cb label span { display: inline-block; }
.contact .cb label input { display: none; }
.contact .cb label input + span:after {content: '';font-family:'FontAwesome';display: inline-block;vertical-align: top;width: 30px;height: 30px;text-align:center;line-height:26px;color:#fff;margin-left:15px;border: 2px solid #fff;background: #000;}
.contact .cb label input:checked + span:after { content: '\f00c'; }
.contact .cb label input:not(:checked) + span:after { content: ''; }
.contact .btn { float: right; }
.contact.widget p { font-size: 20px; text-align: center; margin-bottom: 35px; }
.ourview {text-align: center;padding: 80px 0 200px 0;background: url(../images/bg-home-feedback.png) 50% 0 no-repeat scroll transparent;}
.ourview p { position: relative; text-align: center; font-weight: 400; font-style: italic; font-size: 30px; line-height: 34px; padding: 0 50px; margin-bottom: 35px; }
.ourview p:before, .ourview p:after { content: ''; position: absolute; width: 31px; height: 23px; top: -5px; }
.ourview p:before { left: 0; background: url(../images/q1.png) 0 0 no-repeat scroll transparent; }
.ourview p:after { right: 0; top: auto; bottom: 0; background: url(../images/q2.png) 0 0 no-repeat scroll transparent; }

.microsite {}
.microsite .row { margin: 0 0; }
.microsite .col { float: left; min-height: 1px; }
.microsite .col.col-lg { width: 54.82456140350877%; }
.microsite .col.col-sm { width: 45.17543859649123%; }
.microsite .col-pic .image { }
.microsite .col-pic .image1 { margin-left: -20px; padding-right: 35px; }
.microsite .text1 { }
.microsite .text2 { padding-right: 35px; }

.microsite a { color: #b54d21; font-weight: 700; }
.microsite a:hover { text-decoration: underline; }
.microsite p { margin-bottom: 15px; }
.microsite .p60 { padding: 60px 0; }
.microsite h2 { margin: 20px 0 20px 0; color: #b54d21; font-weight: 700; text-transform: uppercase; font-size: 26px; }
.microsite h2>span{ text-transform: none; color: #333; }
.microsite .num { display: inline-block; vertical-align: middle; width: 28px; height: 28px; line-height: 28px; font-weight: 700; color: #fff; background: #b54d21; border-radius: 100%; text-align: center; }
.microsite ul { list-style: none; padding-left: 40px; }
.microsite ul strong { color: #b54d21; }
.microsite ul li { position: relative; margin-bottom: 3px; line-height: 1; padding: 6px 0; }
/*.microsite ul li .num { margin-left: -38px; margin-right: 5px; }*/
.microsite ul li .num { position: absolute; top: 50%; left: -38px; margin: -14px 0 0 0; }
.microsite ul li span { display: block; }
.microsite ul li h3 { display: inline; vertical-align: top; margin: 0 0 0 0; font-size: 20px; line-height: 14px; color: #b54d21; font-weight: 700; text-transform: uppercase; }
.microsite .gift { font-weight: 700; margin: 10px 0; color: #b54d21; }

.microsite .text3 ul li { padding: 0; line-height: 16px; margin-bottom: 20px; }
.microsite .text3 ul li .num { top: 0; margin: 0; }

.microsite .btn-holder {}
.microsite .btn-holder .btn-lg { padding: 60px 0 30px 0; background: url(../images/reg-btn-bg.png) 50% 50% no-repeat scroll transparent; }
.microsite .btn-holder .btn-lg .btn { border: 2px solid #000; background: rgba(255,255,255,0.5); color: #000; font-size: 32px; padding: 25px 40px; max-width: 780px; white-space: normal; }
.microsite .btn-holder .btn-lg .btn:after { display: none; }
.microsite .btn-holder .btn-lg .btn>span{}
.microsite .btn-holder .btn-lg .btn>span>span{}
.microsite .btn-holder .btn-lg .btn:hover { text-decoration: none; background: #fff; color: #b54d21; }
.microsite .btn-holder>.btn {}


.footer {background: url(../images/bg-footer.png) 50% 100% no-repeat scroll transparent;margin-top: -80px;}
.footer a { color: #fff; }
.contact-box {position:relative;box-shadow: 0 0 8px 0 rgba(0,0,0,0.4);margin-bottom: 50px;margin-top: -55px;color: #343434;
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 100%);
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );

}
.contact-box .item {display: table; width: 50%; color: #000; border: 1px solid #fff; }
.contact-box .item:hover { background: #000; color: #ef87ff; border-color: #000; }
.contact-box .item.left { float: left; text-align: left; }
.contact-box .item.left .inner {padding-right: 120px;}
.contact-box .item.right .inner { padding-left: 120px; }
.contact-box .item.right { float: right; text-align: right; }
.contact-box .item>div {display: table-cell;vertical-align: middle;padding: 10px 15px;}
.contact-box .item .pic { background: #e9e9e9; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; text-align: center; width: 165px; }
.contact-box .item .pic img { margin: 0 auto; border-radius: 100%; border: 4px solid #cccccc; }
.contact-box .item .inner {  }
.contact-box .item .inner h1 { margin: 0 0 5px 0; font-size: 22px; font-weight: 500; }
.contact-box .item .inner p { margin-bottom: 5px; }
.contact-box .item .inner .tel { font-size: 24px; font-weight: 700; color: #ef87ff; }
.contact-box .menta { position: absolute; top: -25px;left: 50%; z-index: 5; width: 270px; height: 250px; margin-left: -135px; pointer-events: none; }

/*
.salons {}
.salons .contact-box { margin: 30px 0 0 0; background: none; border: 0 none; box-shadow: none; }
.salons .contact-box .item { width: 100%; border: 1px solid #fff;box-shadow: 0 0 8px 0 rgba(0,0,0,0.4); margin-bottom: 25px;
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 100%);
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );
}
.salons .contact-box .item .td { vertical-align: top; }
.salons .contact-box .item .pic img { margin-bottom: 20px; }
.salons .contact-box .item .pic .short-desc { margin-bottom: 10px; font-size: 14px; line-height: 16px; font-weight: 300; }
.salons .contact-box .item .pic .btn { border-color: #6cb458; color: #4aa231; background-color: #fff; width: 100%; margin-top: 5px; }
.salons .contact-box .item .pic .btn:hover { border-color: #6cb458; color: #fff; background-color: #4aa231; }
.salons .contact-box .item .pic .btn:after {content: initial;display: none;}
.salons .contact-box .item .inner .desc { font-weight: 500; margin-top: 20px; }
.salons .contact-box .item .inner .desc ul {padding-left: 18px;}
.salons .contact-box .city { margin: 0 0 15px 0; text-transform: uppercase; font-size: 19px; color: #609f31;  }
*/

.video-widget { padding: 10px 0 0 0; margin-top: 100px;  }
.video-widget .video-wrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }
.video-widget .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.footer .fm { color: #fff; font-size: 13px; font-weight: 300; line-height: 15px; }
.footer .fm .logo {display: block;margin-bottom: 10px;}
.footer .fm .address {  }
.footer .fm .address span { display: block; }
.footer .fm .address span.t { margin-bottom: 5px; }
.footer .fm .address span strong { text-transform: uppercase; font-weight: 500; color: #ef87ff; }
.footer .fm .fnav {padding-top: 40px;float: right;}
.footer .fm .fnav ul {float: left;margin-left: 60px;}
.footer .fm .fnav ul:first-child { margin-left: 0; }
.footer .fm .fnav ul li { position: relative; margin-bottom: 10px; padding-left: 15px; }
.footer .fm .fnav ul li:before {content: '\f111';font-family: 'FontAwesome';color: #ef87ff;font-size: 6px;position: absolute;top: 1px;left: 0;}
.footer .fm .fnav ul li a { color: #fff; }
.footer .fm .fnav ul li a:hover { color: #ef87ff; }
.footer .bottom {margin: 40px 0 5px 0;color: #a9a9a9;font-size: 13px;font-weight: 300;line-height: 15px;}
.footer .bottom .copyright { border-top: 1px solid #a9a9a9; padding: 10px 0;}
.footer .bottom .copyright span { position: relative; display: inline-block; margin: 0 5px; vertical-align: top; font-size: 4px; line-height: 15px; color: #ef87ff; }
.footer .bottom .copyright span:before { content: '\f111'; font-family: 'FontAwesome'; }
.footer .bottom .copyright a { color: #a9a9a9; }
.footer .bottom .copyright a:hover { color: #fff; }

.footer .social-box {float: right;position: static; padding-top: 30px;}
.footer .social-box:before{ content: inherit; display: none; }
.footer .social-box ul{position: relative;}
.footer .social-box ul li {margin: 0 0 0 10px; }
.footer .social-box ul li a{font-size: 24px;padding: 5px; }
.footer .social-box ul li a span { font-size: 12px; line-height: 24px; }
.footer .social-box ul li a i, .footer .social-box ul li a span { vertical-align: top; }
.footer .social-box ul li a:hover{ color: #ef87ff; }

.index { background: url(../images/bg-index.png) 50% 50% no-repeat scroll #fff; }
.index.no-bg { background: #fff; }
.index .header { position: static; }
.index .header .top { background: #000; }
.index .footer {background-position: 50% 0;padding-top: 100px;margin-top: 50px;}
.index { color: #000; }
.index .content-wrapper .main-title { text-align: left; }
.index .content-wrapper .main-title:after { left: 0; margin-left: 0; }

.bc-wrapper { background: #f6f6f6; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; margin-bottom: 45px;}
.breadcrumb { font-size: 14px; background: none; border: 0 none; margin: 0; }
.breadcrumb a { color: #868686; }
.breadcrumb a:hover { color: #000; }
.breadcrumb>li+li:before {content: '\f105';font-family: 'FontAwesome';color: #343434;padding: 0 10px;}
.breadcrumb>.active { cursor: default; color: #343434; }
.breadcrumb>li.home>a:before {content: '\f015';font-family: 'FontAwesome';margin-right: 15px;}

.content-lead {font-size: 26px;line-height: 30px;color: #ef87ff;margin-bottom: 10px;}
.content-lead img, .content-body img { display: block; max-width: 100%; height: auto; margin: 0 auto; }

.content-lead.sm { font-size: 15px; line-height: 1.42857143; color: #000; }

.product-wrapper {}
.product-wrapper .cols { margin: 0; display: table; width: 100%; table-layout: fixed; }
.product-wrapper .cols>div{ display:table-cell; vertical-align: top; }
.product-wrapper .top.cols>div{ padding: 25px; }
.product-wrapper .cols .col-1 { width: 245px; }
.product-wrapper .cols .col-2 { width: 100%; }
.product-wrapper .cols.product-cols .col-2 {padding: 25px 0 25px 25px;}
.product-wrapper .top.cols .col-1 { background: #000; }
.product-wrapper .top.cols .col-2 { background: #f0f0f0; }
.product-wrapper .top .btn {font-size: 18px;padding: 10px 20px; }
.product-wrapper .top .btn+.btn {margin-left: 15px;}
.product-wrapper .top .btn:after {content: initial;display: none;}
.product-wrapper .top .btn:after {content: initial;display: none;}
.product-wrapper .top .mobile-cat .btn { float: right; }
.product-wrapper .search-box {}
.product-wrapper .search-box .field { position: relative;}
.product-wrapper .search-box .field .btn {padding: 12px 8px;color: #fff;background: transparent;border:0 none;position: absolute;top: 0;right: 0;}
.product-wrapper .search-box .field .btn:hover { color: #ef87ff; }
.product-wrapper .search-box .field .form-control { border: 0 none; border-bottom: 1px solid #fff; background: transparent; }
.product-wrapper .search-box .field .form-control:focus { border-bottom: 1px solid #ef87ff; }
.product-wrapper .category-desc { margin-bottom: 30px; }

.link-list { padding-top: 2px; }
.link-list li { margin-top: -2px; }
.link-list li a {position:relative;display: block;border: 2px solid #000;font-size: 17px;line-height: 18px;font-weight: 500;color: #000;text-transform: uppercase;padding: 14px 20px;
-webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.link-list li a:after {content: '\f105';font-family: 'FontAwesome';position: absolute;top: 50%;right: 10px;font-size: 24px;line-height: 24px;margin-top: -12px;}
.link-list li a:hover{ background: #000; color: #ef87ff; }
.link-list li a:hover:after {}
.link-list li a.active { background: #000; color: #ef87ff; }

.product-list.product-view .item a img { }
.product-view .title { margin: 0 0 30px 0; text-transform: uppercase; font-size: 30px; line-height: 32px; font-weight: 500; }
.product-view .media-p .item a { margin-bottom: 15px; }
.index .product-view .contact.widget .main-title {text-align: center;}
.index .product-view .contact.widget .main-title:after { left: 50%; margin-left: -45px; }
.product-view .contact.widget { border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding: 35px 0; margin: 35px 0; }

.main-title.sm { font-size: 30px;line-height: 32px;margin-bottom: 45px; }

.share-box { margin-bottom: 15px; }
.share-box>div { display: inline-block; vertical-align: top; }
.share-box .google-button { margin: 0 0 0 15px; }

.aboutus .page-view h2 { font-size: 26px; font-weight: 400; color: #ef87ff; }
.aboutus .services { margin: 80px 0; }
.aboutus .services .main-title { text-align: center; }
.aboutus .services .main-title:after { left: 50%; margin-left: -45px; }


.page-widget {}
.page-category {padding: 50px 0 0 0;}
.page-category .row {  }
.page-category .row>.item {}
.page-category .item { margin-bottom: 20px; }
.page-category .item a { position: relative; display: block; font-weight: 400; color: #fff; text-transform: uppercase; }
.page-category .item img { margin: 0 auto; position: relative; z-index: 1; border-radius: 100%; border: 4px solid rgba(184,184,184,0.5); }
.page-category .item a>span { display: table; width: 80%; table-layout: fixed; position: absolute; z-index: 2; left: 50%; top: 50%; margin-left: -40%; margin-top: -28px;}
.page-category .item a>span>span {position: relative;display: table-cell;vertical-align: middle;height: 56px;background: rgba(0,0,0,0.4);border: 1px solid #fff;padding: 5px 25px 5px 10px;font-size: 15px;line-height: 16px;
-webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;}
.page-category .item a>span>span:after { content: '\f105'; font-family: 'FontAwesome'; position: absolute; top: 50%; margin-top: -13px; right: 10px; font-size: 26px; line-height: 26px; }
.page-category .item a:hover {}
.page-category .item a:hover img { border-color: rgba(100,100,100,0.8); }
.page-category .item a:hover>span>span { background: rgba(0,0,0,0.8); }

.news-list .item { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #e1e1e1; }
.news-list .item .desc { position: relative; padding-bottom: 70px; }
.news-list .item .wpic .desc { min-height: 208px; }
.news-list .item .desc .btn { float: none; position: absolute; bottom: 0; right: 0; }
.news-list .item .badge { border-radius: 2px; font-weight: 500; background: #ef87ff; margin-bottom: 5px; }

.news-list.view .item { padding: 0; border: 0 none; }
.news-list.view .item .desc { min-height: inherit; padding: 0; }
.news-list.view .content-body { margin-bottom: 30px; }
.news-list.view .share-box {margin: 0 0 15px 0;/* float: right; */}


.pager-container { text-align: right; }
.pagination { border-radius: 0; }
.pagination>li { }
.pagination>li>a,.pagination>li>span {border: 0 none;font-size: 17px;color: #b4b4b4;padding: 6px 10px;margin: 0;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { background-color: transparent; border-color: transparent; color: #ef87ff;  }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background: none; border-color: transparent; color: #ef87ff; }
.pagination>li:first-child > a, .pagination > li:last-child > a { border-radius: 0; }

.pagination>li.arrow>a {border: 2px solid #000;color: #fff;padding: 4px 13px;}
.pagination>li.arrow>a:hover {color: #ef87ff;background: #000;}

.user-form { }
.user-form textarea { height: 120px; }

.user-form.login { background: url(../images/bg-login.png) 50% 0 no-repeat scroll transparent;  }
.user-form.login form {position: relative;/* padding: 20px 0; */}

.login-widget {padding-top: 200px;}

.profile {  }
.profile .main-title+.btn {position: absolute;top: 0px;right: 15px;}

/*
.panel-group .panel { border-radius: 0; }
.panel-group .panel+.panel { margin-top: -1px; }
.panel-heading { padding: 0; }
.panel-title>a {position: relative;display: block;padding: 16px 25px 16px 15px;text-transform: uppercase;font-size: 17px;color: #fff;background: #609f31;
-webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.panel-title>a.collapsed { color: #609f31; background: #fff; }
.panel-title>a:after { content: '\f107'; font-family: 'FontAwesome'; position: absolute; top: 50%; right: 10px; font-size: 20px; line-height: 20px; margin-top: -10px; }
.panel-title>a.collapsed:after { content: '\f105'; }
.panel-title>a.nosub:after { content: '\f105'; }

.panel { }
.panel-default { border-color: #6cb458; }
.panel-default>.panel-heading { background-color: transparent; }
.panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #6cb458; }
.panel-body {}
.panel-body ul {}
.panel-body ul li { margin-bottom: 5px; }
.panel-body ul li a { color: #343434; }
.panel-body ul li a:hover { color: #4aa231; }
.panel-body ul li a.active { color: #4aa231; }
*/
.search-page .top { margin-bottom: 30px; }

.footer { }

.createdby {  }
.createdby a { display: inline-block; }
.createdby a:hover {  }

.error404 { text-align: center; }
.error404 h1 { font-size: 72px; font-weight: 700; text-transform: uppercase; }
.error404 h2 { font-size: 32px; }

body.stop-scrolling { padding-right: 17px; }
.sweet-overlay { overflow: visible; overflow-y: scroll; }

@media (max-width: 480px) {
    .contact-box .item .pic { display: none; }
    .salons .contact-box .item .pic { display: table-cell; }
    .product-list .col-xs-6 { width: 100%; }
    .page-category .item { width: 100%; }
}

/* ipad */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
    .product.widget .text-box .inner h1 { line-height: 101px; }
}

.highlight { background: #f6f6f6; border: 1px solid #e1e1e1; padding: 15px; margin-bottom: 30px; }
.highlight .desc {}

/*xs */
@media (max-width: 767px) {
    .main-title {font-size: 28px;line-height: 30px;}

    .header .logo {width: 50%;}

    .services .item { margin-bottom: 30px; }
    .xs-mb { margin-bottom: 15px; }

    .contact .cb { margin-bottom: 15px; }

    .footer .fm .fnav { padding-top: 15px; }

    .footer .bottom { display: block; }
    .footer .bottom>div { display: block; }
    .footer .bottom .social-box  { display: none; }

    .product-wrapper .cols .col-1 { width: 50%; }

    .microsite .col.col-lg { width: 100%; }
    .microsite .col.col-sm { width: 100%; }
    .microsite .col-pic .image1 { margin-left: 0; padding: 0; }
    .microsite .text2 { padding: 0; }
    .microsite .image { margin-bottom: 30px; padding: 0; }
    .microsite .image img { margin: 0 auto; }
    .microsite .btn-holder .btn-lg .btn { font-size: 22px; padding: 15px; }
    .microsite ul li h3 { line-height: 20px; }
}

/* sm */
@media (min-width: 768px) {

}

/* only sm */
@media (min-width: 768px) and (max-width: 991px) {
    .main-title {font-size: 38px;line-height: 40px;}
}

/* xs & sm */
@media (max-width: 991px) {

    .btn { white-space: inherit; font-size: 14px; }


    .header { position: static; }
    .header .top { display: none; }

    .section-bg {background: url(../images/bg-2-sm.png) 50% 0 no-repeat scroll transparent;padding: 104px 0 0 0;margin-bottom: 20px; min-height: inherit; }
    .section-bg>.inner { background: #F0F0F0; padding-bottom: 20px; }

    .services.widget .item .inner { text-align: center; padding-left: 0; }

    .promobox .item { width: 991px; height: 459px;}

    /**/
    .promobox .item { width: 100%; height: 400px; }
    .promobox .item img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
    /**/

    .home-content .pic{ margin: 0 auto 15px auto; }

    .contact-box { background: none; box-shadow: none; border: 0; margin-top: -90px; margin-bottom: 15px; }
    .contact-box .menta { display: none; }
    .contact-box .item { width: 100%; background: #fff; box-shadow: 0 0 8px 0 rgba(0,0,0,0.4);margin-bottom: 15px; }
    .contact-box .item.left .inner {padding-right: 15px;}
    .contact-box .item.right .inner {padding-left: 15px;}

    .salons .contact-box .item .pic {width: 105px;}
    .salons .contact-box .item .td { padding: 5px; }

    .ourview p { font-size: 18px; line-height: 20px; }

    .footer { background: #212121; }
    .footer .fm .fnav { }
    .footer .fm .fnav ul { float: none; display: inline-block; margin-left: 0; }
    .footer .fm .fnav ul li { display: inline-block; margin-left: 15px; }

    .index .footer { padding-top: 25px; margin-top: 25px; }

    .product.widget {background: #f0f0f0;margin-top: 0;padding-top: 30px;}
    .product.widget .text-box {top: -260px;}
    .product.widget .text-box .inner .title:after { width: 100%; }
    .product.widget .text-box .inner h1 {font-size: 30px;line-height: 1em;}
    .product.widget .text-box .inner h1 span {line-height: normal;}
    .product.widget .text-box .links { float: right; }
    .product.widget .text-box .links a {margin: 0 0 15px 0;float: right;clear: both;}
    .product.widget .product-list .pbtn { display: none; }

    .gallery.widget .row { margin: 0 -15px; }
    .gallery.widget .item { padding: 0 15px; }

    .product-wrapper .top.cols>div { padding: 10px; }
    /*.product-wrapper .product-list { padding: 25px 0 0 0;}*/
    .product-wrapper .cols.product-cols .col-2 { padding: 25px 0 0 0; }

    .page-category .item a>span>span { font-size: 12px; line-height: 14px; }

    .news-list .item .main-title {font-size: 22px;margin-bottom: 20px;line-height: 24px;}
    .news-list .item .main-title:after { bottom: -5px; }
    .news-list .item .wpic .desc { min-height: inherit; }
    .news-list .item .desc .inner {font-size: 14px;line-height: 16px;max-height: 114px;overflow: hidden;}
    .news-list .item .desc .btn {padding: 5px;}
    .news-list .item .row { margin: 0 -5px; }
    .news-list .item .row>div{ padding: 0 5px; }

    .btn-icon { margin-bottom: 0; }
    .btn-icon i { display: none; }
    .btn-icon .btn { position: relative; z-index: 2; }

    .panel-title>a {padding: 14px 15px 14px 10px;font-size: 13px;}

}

/* xs & sm & md*/
@media (max-width: 1199px) {
    .product-list .item a h2 { font-size: 12px; line-height: 14px; }
    .product-list .item a h2>span { padding-right: 0; }
    .product-list .item a h2>span.icon { display: none; }

    .product-wrapper .top .btn { font-size: 14px; padding: 10px 10px; }
    .product-wrapper .search-box .field .form-control { height: 44px; }
    .link-list li a {font-size: 15px;}

    .services .pic { position: static; margin: 0 auto; }
    .services .item .inner { padding-left: 0; text-align: center; }
    .services.widget .item .inner { padding-left: 0; }

}

/* md */
@media (min-width: 992px) {

}

/*only md */
@media (min-width: 992px) and (max-width: 1199px) {

    .contact-box .item.left .inner { padding-right: 30px; }
    .contact-box .item.right .inner { padding-left: 30px; }
    .contact-box .menta {width: 140px;height: auto;margin-left: -55px;top: 10px;pointer-events: none;}

    .product.widget .product-list .slider-wrapper { padding: 0 100px; }
    .product.widget .product-list .pbtn.prev { left: 0; }
    .product.widget .product-list .pbtn.next { right: 0; }

    .navbar .navbar-nav>li>a {font-size: 16px;padding: 46px 10px;}

    .header .top .menu li a, .header .top .menu .dropdown-menu>li>a { padding: 10px 5px; }
    .header .top .menu li a { font-size: 14px; }
    .social-box ul li { margin-left: 5px; }

}

/* lg */
@media (min-width: 1200px) {

}

/**/
div.errormark { display: none; width: 16px; height: 16px; }
div.errormark a {display: block; background: transparent url(../images/icons/error.png) no-repeat; width: 16px; height: 16px; }
div.errors { position: relative; background: #ffecec; border: solid 1px #ffffff; padding: 10px; margin-bottom: 10px; }
div.errors strong { color: #000000; }
div.errors .error-close { position: absolute; width: 17px; height: 17px; top: 0px; right: 0px; display: block; background: url(../images/icons/error_close_icon.png) no-repeat; }
div.error-text { margin-top: 5px; }

.link-list li a span {
    font-size: 12px;
    display: block;
}
.product-list .item a h2 > span span span {
    font-size: 12px;
    font-weight: normal;
    display: block;
}

.gallery_body {
    margin-bottom: 20px;
}