html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{display:block;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
*,
*:before,
*:after{box-sizing:border-box;outline-color:#01194f;}
a{text-decoration:none;padding:0.1em;color:#01194f;}
a:hover, a:focus{color:#aba1a0;}
body{font-family:'Ubuntu', sans-serif;font-weight:normal;color:#222}
.container{width:90%;margin:0 auto;position:relative;max-width:1200px;}
.container:after{content:'';display:table;clear:both;}
sup { vertical-align: baseline; position: relative; top: -0.3em; font-size: 0.6em;}
sub { vertical-align: baseline; position: relative; bottom: -0.3em; font-size: 0.6em; }
h1{font-size:2em;padding:1em;color:#d10000;}
h2{font-size:1.6em;}
section h2{font-size:1.6em;padding:0.4em 0;}
h3{font-size:1.5em;padding-top:0.4em;}
h4{font-size:1.4em;padding-top:0.4em;}
h5{font-size:1.3em;}
h6{font-size:1.2em;}
p{line-height:1.5}
img{max-width:100%;}
input[type='text']{font-size:0.9em;}
body>header{width:100%;height:auto;background-color:#fff;position:relative;}
body>header:after{content:'';position:absolute;z-index:1000;bottom:-0.3em;left:0;width:100%;border-bottom:0.1em dotted #d7d6d6;}
body>header figure{padding-top:1em;}
body>header section{padding-top:1em;}
.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9,
.col10,
.col11,
.col12{width:100%;float:left;}
body>header figure{text-align:center;}
body>header h1{text-align:center;}
body>header section p{float:left;margin:1em 0;width:50%;text-align:center;font-size:1.1em}
a.btn{cursor:pointer;display:none;}
header a.btn{float:left;margin:0.5em 0;text-align:center;font-size:1.1em;width:50%;background-color:#0758b7;-webkit-transition:0.1s linear;-moz-transition:0.1s linear;-ms-transition:0.1s linear;-o-transition:0.1s linear;transition:0.1s linear;cursor:pointer;border:0.1em solid #0758b7;color:#fff;padding:0.5em;}
header a.btn:hover, header a.btn:focus{background-color:#01194f}
header a.btn:active{background-color:#01194f}
#modal{position:fixed;left:0;top:0;background-color:#d7d6d6;width:100%;height:100%;text-align:center;z-index:2600;box-shadow:2px 2px 3px rgba(18,25,45,0.8);border:0.15em solid #01194f;outline:0.1em dotted #9abbf4;outline-offset:0.3em;padding:0.5em;margin:0;display:none;}
#modal p{font-size:1.2em;padding:1.5em 0;}
#modal_close{width:2em;height:2em;position:absolute;top:1em;right:1em;padding:0.3em;cursor:pointer;display:block;box-shadow:0 0 3px rgba(18,25,45,0.8);border-radius:50%;background-color:#01194f;color:#fff;-webkit-transition:0.1s linear;-moz-transition:0.1s linear;-ms-transition:0.1s linear;-o-transition:0.1s linear;transition:0.1s linear;}
#modal_close:hover{background-color:#01194f;color:white;}
#overlay{z-index:2500;position:fixed;background-color:rgba(18,25,45,0.8);width:100%;height:100%;top:0;left:0;cursor:pointer;display:none;}
#modal form input{padding:0.6em;margin:1em;width:45%;background-color:rgba(218,211,209,0.6);border:0.2em solid #0758b7;color:#0758b7;font-family:'Ubuntu', sans-serif;}
#modal form input:focus{background-color:rgba(245,240,239,1);}
#modal form input[type="submit"]{background-color:#0758b7;font-size:1.2em;-webkit-transition:0.1s linear;-moz-transition:0.1s linear;-ms-transition:0.1s linear;-o-transition:0.1s linear;transition:0.1s linear;cursor:pointer;border-color:#01194f;color:#a7b5bb;}
#modal form input[type="submit"]:hover, #modal form input[type="submit"]:focus{background-color:#01194f}
#modal form input[type="submit"]:active{background-color:#01194f}
.slider{width:100%;height:24em;position:relative;overflow:hidden;background-color:#0758b7;}
.slider:after{content:'';position:absolute;z-index:1000;bottom:0.3em;left:0;width:100%;border-bottom:0.1em dotted #9abbf4;}
.slider li{position:absolute;left:0;top:0;width:100%;z-index:1001;}
.slider li img{width:100%;height:24em;-webkit-object-fit:cover;object-fit:cover;position:relative;z-index:0;}
.caption{position:absolute;text-align:center;z-index:1001;left:0;right:0;top:30%;top:10%;color:white;display:none;text-shadow:0.1em 0.1em 0.1em rgba(0,0,0,0.8)}
.callbacks_nav{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:52%;left:0;opacity:0.7;z-index:1000;text-indent:-9999px;overflow:hidden;text-decoration:none;height:61px;width:38px;background:transparent url("/images/themes.gif") no-repeat left top;margin-top:-45px;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{left:auto;background-position:right top;right:0;}
nav ul{margin:0 auto;display:block;position:relative;z-index:2000;border-top:0.3em solid #aba1a0;max-width:100%;}
nav ul li a{float:left;padding:1em;background-color:#01194f;margin:0.1em 0;text-align:center;margin:0 auto;width:50%;color:#fff;border:0.15em solid #01194f;position:relative;margin-bottom:0.1em;}
nav ul li a:after{content:'';position:absolute;left:50%;top:0;border-left:0.4em solid transparent;border-right:0.4em solid transparent;border-top:0.4em solid #0758b7;opacity:0;}
nav ul li a:hover, nav ul li a:focus{border-top-color:#0758b7;color:#d7d6d6;}
nav ul li a:hover:after, nav ul li a:focus:after{opacity:1;}
nav a#menu{display:none;background-color:#283744;width:100%;position:relative;color:white;z-index:1000;height:2em;padding:0.5em;font-size:1.2em;}
nav a#menu:after{content:"";background:url('/images/nav-icon.png') no-repeat;background-size:cover;width:2em;height:2em;display:inline-block;position:absolute;right:0;top:0;}
.fixed{position:fixed;top:0;left:0;z-index:2000;display:block;width:100%;}
.fixed ul{position:absolute;right:0;top:0;border:none;}
.default ul{
	display: table;
}

.bread{padding:1em 0;font-size:0.9em}
article{padding:2em 0;float:left;width:100%;}
article p{margin:0.75em 0;}
article header p{font-size:1.3em;color:#0758b7;}
article svg{float:left;}
article header .img{float: right;padding-left: 2em;width: 40%; border-left: 0.1em dotted #d7d6d6;}
.txt h1{float: left;width: 60%; margin-top: 2.2em;}
article header .txt:after{content:'';display:table;clear:both;}
article ul{list-style: disc;padding-left: 1.5em;}
article ul li{line-height:1.5}
.service{text-align:center;margin: 3em auto;}

.service a{text-align:center;background:#01194f;margin:1em 2%;-overflow:hidden;color:#fff;-padding:0.6em 0 0;font-size:1em;display:inline-block;-border-top-left-radius:15em 1em;-border-bottom-right-radius:15em 1em;-webkit-transition:0.1s linear;-moz-transition:0.1s linear;-ms-transition:0.1s linear;-o-transition:0.1s linear;transition:0.1s linear;-height: 220px;

vertical-align:top;
}
.service a:hover, .service a:focus{background-color:#0758b7;color:white;}
.service a:hover, .service a:focus{background-color:#0758b7;color:white;}
.service a img{margin-top:1em;border-top-left-radius:15em 1em;-ms-filter:sepia(50%);-webkit-filter:sepia(50%);filter:sepia(50%);margin-bottom:-0.1em;height:140px;-webkit-object-fit:cover;object-fit:cover;width:100%;}
.service a:hover img, .service a:focus img{-ms-filter:sepia(0%);-webkit-filter:sepia(0%);filter:sepia(0%);}
.service p{-height:3.6em;padding:0.2em;font-size: 1em;}
aside form{height:auto;padding:2em 1em;text-align:center;margin-top:0;margin-bottom:2em;outline:0.1em dotted #01194f;outline-offset:0.3em;background:#d7d6d6;}
aside form input{padding:0.6em;margin:1em;width:40%;background-color:rgba(212,225,241,0.6);border:0.2em solid #01194f;font-family:'Ubuntu', sans-serif;}
aside form input:focus{background-color:rgba(212,225,241,1);}
aside form input[type="submit"]{background-color:#0758b7;font-size:1.2em;-webkit-transition:0.1s linear;-moz-transition:0.1s linear;-ms-transition:0.1s linear;-o-transition:0.1s linear;transition:0.1s linear;cursor:pointer;border-color:#0758b7;color:#fff;}
aside form input[type="submit"]:hover, aside form input[type="submit"]:focus{background-color:#01194f}
aside form input[type="submit"]:active{background-color:#01194f}
.above{background-color:#d7d6d6;margin-top:-3em;position:relative;padding:1em 0;font-size:0.9em}
.above h2{padding-top:2em;}
.above:after{content:'';position:absolute;bottom:-0.3em;left:0;width:100%;border-bottom:0.1em dotted #d7d6d6;}
.advantage{padding:2em 0;background: #eee;}
.advantage h1, .advantage h2{text-align:center;}
.advantage h2{font-size: 1.1em;line-height: 1.4em;}
.advantage div{padding:1em 1.5em;text-align:center;}
.advantage p{padding:1em 0;}
.advantage svg{padding-bottom:1em;width:25%;}
.reviews{margin-top:1em;background-color:#d7d6d6;padding-top:2em;position:relative;}
.reviews:after{content:'';position:absolute;bottom:-0.3em;left:0;width:100%;border-bottom:0.1em dotted #d7d6d6;}
.reviews:before{content:'';position:absolute;top:-0.3em;left:0;width:100%;border-top:0.1em dotted #d7d6d6;}
.reviews svg{width:2em;float:left;margin:0 1em;}
.reviews p{margin-top:0.7em;}
.reviews .col3{padding:1em 1.5em;}
.reviews a{color:#01194f;}
.review{border-bottom:0.1em dotted #d7d6d6;}
.review:last-child{border: none;}
.reviews h3{height:3.2em;}
.review-short-text{height:auto;}
.hidden a:hover{color:#0758b7;}
.dottes{font-size:3em;text-align:center;width:100%;display:block;cursor:pointer;}
.hidden{opacity:0;margin-top:-1.5em;margin-bottom:2em;-webkit-transition:0.1s linear;-moz-transition:0.1s linear;-ms-transition:0.1s linear;-o-transition:0.1s linear;transition:0.1s linear;text-align:center;position:relative;z-index:1000;}
.line{margin:0 0.3em;}
.reviews div div:hover .dottes{opacity:0;}
.reviews div div:hover .hidden, .dottes:focus .hidden{opacity:1;-webkit-transition:1s linear;-moz-transition:1s linear;-ms-transition:1s linear;-o-transition:1s linear;transition:1s linear;}
ul.left-menu{margin-top:3em;width:100%}
ul.left-menu a{background-color:#a7b5bb;display:block;padding:0.3em 0.5em;width:100%;margin:.1em 0;color:#01194f}
ul.left-menu a:hover,ul.left-menu a:focus{background-color:#d7d6d6}
ul.left-menu li li a{background-color:#edeae9;}
ul.left-menu li.active li a:hover, ul.left-menu li.active li a:focus{background-color:#d7d6d6;}
ul.left-menu li.active>a{background-color:#01194f;color:white;}
ul.left-menu li.active li.active>a{background-color:#d7d6d6;padding-left:2em}
ul.left-menu ul a{padding-left:1em;font-size:0.9em}
table{width:90%;margin:0.5em auto;}
table th{background:#666;color:#fff;padding:1em;}
table td, th{border:0.1em solid #d7d6d6;padding:1em;}
table.ceny tr:last-child td{text-align:center;font-size:1.1em}
table td p.red{background:red;}
table td p.red:before{content:'\2716'}
table td p.green{background:green;}
table td p.green:before{content:'\2714'}
table td a{background: #369;color: #fff;padding: 0.2em 1em;}
table td a:hover{background: #f00;color: #fff;}
table td p{padding: 0 6px;border-radius: 50%;display: table;color: #fff;margin: 0 auto;}
table tr:nth-child(even){background-color:#f4f1f0;}
.price h2{margin-top:1em;}
footer{background-image:url('/images/_3.jpg');background-size:cover;padding:2em 0;background-color:#01194f;}
footer .container section{text-align:center;color:white;font-size:1.3em;margin:1em 0;}
footer span{font-size:2em;}
footer ul li a{color:#d7d6d6;padding:0.4em 0;display:block;}
footer ul li a:hover, footer ul li a:focus{color:#01194f;}
footer a.btn{padding:1em;margin:2em 0;background-color:rgba(171,161,160,0.3);text-align:center;border:0.2em solid #a7b5bb;color:#a7b5bb}
footer a.btn:hover{background-color:rgba(171,161,160,0.6);}
.fz09em{font-size:0.9em;}
@media only screen and (max-width:480px){figure.col3{float:left;width:100%}
h1.col5{width:100%;margin-top:-0.5em;}
aside form input{width:80%}
.caption{font-size:2em;}
#modal form input{width:90%;}
#modal{padding-top:5%};
	#modal form p{padding:7px 0;}
.review svg{margin:0 0.4em;width:4em;}
.review h4{text-align:right;}
}
@media only screen and (max-height:350px){
#modal form input{width:90%;
margin: 6px 1em;
    padding: 0.5em;
}
#modal form p{padding:3px 0;}
#modal{padding-top:3%}
}
@media only screen and (min-width:481px){nav ul li a{float:left;width:33.33333333333333%}
figure.col3{float:left;width:30%}
h1.col5{width:70%;margin-top:-0.5em;}
#modal{width:80%;height:auto;left:50%;top:45%;margin-top:-35%;margin-left:-40%;padding:10% 0;}
#modal form input{width:90%;}
.service a{width:45%;}
}
/*@media only screen and (max-width:720px){.info{display:none;}*/
.fixed ul{top:2.5em;max-height:100%;}
nav ul li a{padding:0.7em;font-size:0.8em}
.above img{margin:1em;}
article header .img{float: none;margin-left: 0;width: 100%; margin-top: 1em;}
.txt h1{width: 100%;}
}
@media only screen and (min-width:721px){nav ul li a{float:left;width:33.33333333333333%}
figure.col3{width:50%}
h1.col5{width:50%;margin-top:0em;}
.above img{width:30%;margin:2em 1em;float:left;}
.col3{width:46%}
#modal form input{width:70%;}
#modal{width:50%;height:auto;left:50%;top:45%;margin-top:-25%;margin-left:-25%;padding:10% 0;}
.review-short-text{height:8em;}
}
@media only screen and (min-width:960px){.col1{width:8.333333333333333%}
.col2{width:16.66666666666667%}
.col3{width:25%}
.col4{width:33.33333333333333%}
.col5{width:41.66666666666667%}
.col6{width:50%}
.col7{width:58.33333333333333%}
.col8{width:66.66666666666667%}
.col9{width:75%}
.col10{width:83.33333333333333%}
.col11{width:91.66666666666667%}
.col12{width:100%}
.above .container article:first-child{padding-right:1em;}
.above .container article:last-child{padding-left:1em;}
aside.col4{width:100%;margin-bottom:1em;}
main.col8{width:100%;}
.col2{width:45%;}
.col3{width:50%}
nav ul{display: table;width: 100%;}
nav ul li{display: table-cell;}
nav ul li a{width: 100%;}
nav ul{margin-top:-1em;border-radius:0.3em;overflow:hidden;}
figure.col3{width:25%}
h1.col5{width:41.66666666666667%}
.caption{font-size: 3em;background: rgba(0,0,0,0.6);width: 80%;margin: auto;padding: 0.4em 0;}
.fixed ul{padding-top:0.5em;}
body>header section p{float:left;width:100%;margin:1em 0;}
header a.btn{float:left;width:100%;}
ul.left-menu{float:left;width:30%;}
ul.left-menu a{width:85%;}
.with-menu{width:70%!important;}
.service a{width:25%;}
.table{width:80%;margin:1em auto;}
}
@media only screen and (min-width:1024px){footer .container section:last-child{text-align:right;}
footer .container section:first-child{text-align:left;}
footer ul li a{float:left;font-size:0.8em;margin:2em 0.3em;border-right:0.1em solid white;padding:0 0.3em;}
footer ul li.last a{border:none;}
}
@media only screen and (min-width:1280px){.col1{width:8.333333333333333%}
.col2{width:16.66666666666667%}
.col3{width:25%}
.col4{width:33.33333333333333%}
.col5{width:41.66666666666667%}
.col6{width:50%}
.col7{width:58.33333333333333%}
.col8{width:66.66666666666667%}
.col9{width:75%}
.col10{width:83.33333333333333%}
.col11{width:91.66666666666667%}
.col12{width:100%}
body>header section p, header a.btn{float:left;width:50%;}
.above img{width:50%;margin-right:1em;float:left;margin-top:1em;}
.above article:first-child{padding-right:1em;}
.above article:last-child{padding-left:1em;}
aside form input{width:80%;}
main p{padding-right:2.5em;}
aside.col4{width:33.33333333333333%;margin-bottom:1em;}
main.col8{width:66.66666666666667%}
#modal{left:50%;top:45%;width:40%;height:auto;margin-top:-20%;margin-left:-20%;padding:5%;}
.review{width:90%}
.service a{width:20%;}
}
.service a.btn{display: inline-block !important;}
.col4.info a, .col4.info div{float:unset;width:auto;margin:auto;text-align:center;font-size: 1.1em;line-height: 1.4;}
.col4.info a{display:table !important;padding:0.2em 2em;margin:0.2em auto}

.above p{position:relative}
.above p:before{content:'*';position: absolute;left: -0.7em;top:-5px;font-size: 2em;color: #b22222;}
.atestat {clear: both;text-align:center;padding:2em 0 0}
.atestat img{width:300px;height:200px;object-fit:cover;padding:0.2em;margin:1em;border:1px solid #369}
.atestat img:hover{transform: scale(1.02);}

table.srvc{text-align:left;width:99%}
table.srvc tr{width:initial}
table.srvc tr.s1{background:#366;color:#fff;font-size:1.2em}
table.srvc td{width:initial}
table.srvc td a.btn{width:initial;height:initial;overflow:initial;padding:0.5em;border-radius:0}

a.allserv{display: table;margin:2em auto;padding: 0.5em 1em;background: #369;color: #fff;font-size: 1.3em;}
a.allserv:hover{background: #f00}

#flx{display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
}
#flx>div{width:24%;margin:0.5em;}
#flx>div a{width:initial;}

#flx>div>a{width:100%}
#flx>div>table{width:100%}
#flx>div>table td{padding:0.1em;}
#flx>div>table tr:first-child td{background:#ccc}
#flx>div>table td a{float:right}

 /* Style the buttons that are used to open and close the accordion panel */
.accordion {
  color: #444;
  cursor: pointer;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  display: none;
  overflow: hidden;
} 

a.wtf {
background: crimson;
text-decoration: none;
animation: rainbow 2s linear 2s infinite;
border-radius: 0.5em;
border:1px solid #2a3249;
float: none;
display: table;
text-align: center;
margin: 0.5em auto;
color: #fff;
padding: 0.4em;
font-size: 0.8em;
}
@keyframes rainbow {
0% {background: crimson}
50% {background: #369}
100% {background: crimson}
}
a.wtf:hover {
transform:scale(1.02);
background: #369 !important;
}
form a[target]{font-size:11px;color:white;display:table;margin:0.5em auto}

.service #flx img{width:280px;height:120px;object-fit:cover;}
.service #flx p{font-size:1.2em}

#foto {text-align:center;margin:1em auto 2em}
#foto h3 {text-align:center;margin:1em auto}
#foto img{width:180px;padding:2px;margin:2px;height:140px;object-fit:cover;}
#foto img:hover{transform:scale(1.05)}

.act250322{font-size: 1.3em;line-height: 1.5;background:tomato;color:white;padding:0.5em;margin:1em auto;text-align:center}

#js-cookie-box{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    color: #0c1b26;
    -webkit-transition: all .75s cubic-bezier(.19,1,.22,1);
    transition: all .75s cubic-bezier(.19,1,.22,1);
    z-index: 100;
    border-top: 1px solid rgba(12,27,38,.1);
}
button.close {
    margin: 0 -20px;
    font-size: 20px;
    opacity: 0.8;
}

.win_inner {
    background-color: #fff;
    padding: 10px 30px 10px 10px;
    border: 1px solid #ddd;
    box-shadow: 0 0 30px black;
    font-size: 14px;
}

.win_inner button.close {
    float: right;
    border: none;
    background: none;
}

.win_inner p {
    margin: 0;
}

/***   bootstrap  ***/
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
}
/***   bootstrap  ***/