html,body {height:100%;}
body {text-transform: uppercase;
background: #F2EEEF !important}

/*стили хидера и первого блока акция*/

#wrapper {/*width: 1263px;*/
max-width: 100%;
background: #F2EEEF}

.container {padding-left:0 !important;
padding-right: 0 !important;
width: 1263px !important}

#header {background: rgba(58,51,59,0.9);
padding-top:7px}

#action1 {background-color: white}
.logo {margin-top:30px;
margin-left:5%}

.margin0 {margin-bottom:0px}
.margin15 {margin-left: 15%;
           margin-right:15%}


.uppercase {text-transform: uppercase;}

.text_center {text-align:center}
.text_right {text-align:right}
.text_left {text-align:left}

.float_right {float:right}
.clear_both {clear:both}

.grey {color: #dcdcdc !important}
.white {color: white !important}
.yellow {color: #ebb22c !important}
.bold {font-weight: bold !important}


.px25 {font-size: 25px}
.px18 {font-size: 18px}
.px28 {font-size: 28px}
.px44 {font-size: 44px !important}
.px20 {font-size: 20px}

.input_name {background-color: white;
            background-image: url(../images/input_name.png) !important;
            background-repeat: no-repeat;
background-position: 10px 7px}
.input_phone {background-color: white;
             background-image: url(../images/input_phone.png)!important;
             background-repeat: no-repeat;
             background-position: 10px 7px;
             }
.form-control {padding-left: 35px !important}
#phone_pic {padding-bottom: 4px;
margin-right: 7px}

#call_back_link {color: #E98F91;
font-size: 12px;
border-bottom: 1px dashed #E98F91;
text-decoration: none;
  cursor: pointer;
}

.call_now {margin-right:10px}

#action1 .action_form {margin-top:20px}

.action_txt {margin-top: 230px;
padding-right: 30px !important;
padding-left: 5px !important;
padding-top: 43px;
}

.normal_case {text-transform: none}

.action_txt span {font-size:32px;
color: white;
line-height: 0.9}

.action_txt p {font-size: 23px;
color: white;
font-weight: bold;
text-align: center;
margin-bottom:0}

.action_txt p:last-child {color:#88807E;
font-size:16px;
margin-top: 10px}

#zap_form {margin-bottom: 20px}

.action_btn {background-color: #312A32 !important;
            margin-top:25px;
            color: white;
            
}

.action_btn:hover {background: #E8E8E8 !important;
color: #312A32 !important;
border: 1px solid #ccc !important}
.act_send_btn {margin-right: 15px;
margin-left: 15px;
text-transform: uppercase;
font-size: 18px;
}
.zvonok {font-size: 170%;
    margin-top: 13px;
    display: inline-block;}

.form_inside {background: rgba(240, 189, 67, 0.9);
padding: 20px 20px 15px 20px;
max-width: 310px;
float: right}

.form {padding: 0 !important}

.form button {max-width: 100%}

.form form {max-width: 259px;}
.p_act_form {margin-top:15px;margin-bottom:3px}
.div_act_form {}
.div_act_form p {font-size:14px}

.counter {  margin-top: -130px;
  margin-right: -10px;
  margin-left: -10px;
  text-align: right;}
.counter div:first-child {display: inline-block;
position: relative
}
.economy {display: inline-block;
         }
.counter p {color: white}
.counter span {color: white;
font-size: 26px}
.counter p:first-child {font-size: 12px}
.counter_fig {display: inline-block;
margin-left: 5px;
margin-right: 5px}

.counter_fig p {color: #ebb22c !important;
font-size: 12px !important}

.counter_fig span {font-size: 45px !important;
border-radius: 5px;
background: #F3F3F3;
padding: 0px 5px;
color: black;
}
.counter_figs {top: 30px;
position: absolute;
text-align: center}




/*стили блока Три основных преbмущества*/

#preim {padding-bottom: 50px;
margin-bottom: 10px}

.cube_line {margin-bottom: 30px !important;
margin-top: 20px !important}

h2 {margin: 0 !important;
padding-top: 20px !important;
padding-bottom: 10px !important}

h3 {font-size: 28px !important;
font-weight: bold !important;
text-align: center;
margin-top: 0 !important;
padding-top: 60px}



h4 {font-size: 20px !important;
    text-transform: none;
text-align: center;
color: #968888 !important;
margin-top: 0px !important;
margin-bottom: 15px !important}

.preim_row {margin-bottom: 5px !important;
background: #F7F7F7;
margin-right: 0 !important;
margin-left:0 !important;
width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;}

.preim_txt {padding-top: 10%;
padding-bottom: 10%;
padding-right:60px !important;
padding-left: 60px !important}

.preim_txt_left {font-size: 18px;
                 font-weight: bold;
text-align: right}

.preim_txt_left1 {font-size:14px;
text-align: right;
color: #868686;
line-height: 1}

.preim_txt_right {font-size: 18px;
                 font-weight: bold;
text-align: left}

.preim_txt_right1 {font-size:14px;
text-align: left;
color: #868686;
line-height: 1}

.preim1_img {background-image: url(../images/preim1.jpg);
           background-size: cover}
.preim2_img {background-image: url(../images/preim2.jpg);
           background-size: cover}
.preim3_img {background-image: url(../images/preim3.jpg);
           background-size: cover}


#preim button {background: #F43839;
color: white;
margin-top: 30px;
margin-bottom: 30px;
padding-right: 5%;
padding-left: 5%}

#preim button:hover {background: #E8E8E8 !important;
color: #312A32 !important}

/*стили блока Наши дизайнеры*/
#designer_work, #designer_work2, #designer_work3 {background: white;
display: none}

#designers {background: url(../images/pencil1.png) top right no-repeat}
.designer_container {border: #F2EEEF solid 1px;
padding: 10% 7%;
text-align: center;
background: white}

#designers .col-sm-4 {padding-left:6px;
padding-right: 6px}

#designers h5 {color: #ECB22C;
margin-top: 8%;
font-weight: bold;
font-size: 20px;
margin-bottom: 2%}

#designers h3 {padding-top: 40px}



.des_years {margin-bottom: 9%;
text-transform: none;
font-size: 16px !important}

.designer_container p {font-size: 14px}

.designer_container span {font-size: 16px}

.designer_container button {background: #312A32;
padding-left: 7%;
padding-right:7%;
margin-top: 10%}

.designer_container a {text-decoration: none;
color: white}

.designer_container button:hover {background: #E8E8E8 !important}

.designer_container a:hover {color:#535057}

.designer_container:hover {background: #F9F9F9}



/*стили блока Работы дизайнеров*/

.examples_of_work {background: #312A32;
padding-top: 40px;
padding-bottom: 40px}
.examples_of_work p {text-align: center;
color: white;
text-transform: none;
font-size: 20px;
margin-bottom: 20px}



.designer_carousel span {color: #ebb22c;
border-bottom: 1px #ebb22c dashed;
text-transform: uppercase;
}

.designer_carousel .des-img-car-container {background: #F43839 url(../images/zoom.png) no-repeat center}

.designer_carousel .col-xs-6 {padding-left: 2px;
padding-right: 2px}

.des_car_pad .row {padding-right: 10px !important;}

.des_car_txt {padding-bottom: 15px}

.designer_carousel .carousel-control {top: 30% !important;
right: 15px !important}

.designer_carousel .des-img-car-container {margin-bottom: 10px}


.designer_work .col-xs-2 {padding-left: 5px;
padding-right: 5px}
/*стили блока Стоимость дизайна интерьера*/


.wood h3 {padding-top: 20px;}

.cost {padding-top: 18px;
       padding-bottom: 18px;
       background: #483E49;
margin:0;
color: #ECB22C;
font-size: 20px;
font-weight: bold;
padding-left: 10px;
padding-right: 10px
}

.price {font-size: 35px}
.table_cost p {font-size: 18px}
.ue {font-size: 18px;
text-transform: none;
font-weight: normal}

.cost_small {margin-top: 0px;
margin-bottom: 15px
}

.cost2 {
/*  padding-top: 30px;
padding-bottom: 30px*/

}


.cost_dark {background: #312A32;
color: white;
margin:0;
padding-top: 9px;
padding-bottom: 9px;
padding-left: 10px;
padding-right: 10px}

.cost_light {background: #483e49;
color: white;
margin:0;
padding-top: 9px;
padding-bottom: 9px;
padding-left: 10px;
padding-right: 10px}

.cost_dark button {background:#312A32;
border: 1px solid #483E49;
padding-left: 20%;
padding-right: 20%;
color: white;
font-size: 14px;}

.cost_dark:last-child {padding-top: 20px;
padding-bottom: 17px}

.cost_dark button:hover {background:#F43839;
border: 1px solid #312A32;
color: white}

.table_cost {padding-top: 20px}



/*стили блока закажите обратный звонок*/



#call_back {padding-top: 48px;}

#call_back h2 {color: white;
font-size: 40px;
font-weight: bold;
margin-top: 40px;
}

#call_back h3 {color: white;
font-size: 30px;
font-weight: bold;
padding-top: 10px}

#call_back button {background: #F43839;
color: white;
padding-right: 5%;
padding-left: 5%}

#call_back button:hover {background: #E8E8E8 !important;
color: #312A32 !important}

.div_button {padding-bottom: 40px;
margin-top: 80px}

/*блок Руководитель*/

#leader h4 {font-size: 24px !important;
            font-weight: bold;
text-transform: uppercase;           
color: #EAB12C !important;
margin-top: 20px !important;
margin-bottom: 20px !important}

#leader p {color: #7F7D80 !important;
text-transform: none;
font-size: 20px !important}

#leader {padding-bottom: 50px}

/*блок Наши мастера*/


#masters {margin-top: 10px;
margin-bottom: 10px;
padding-bottom: 70px}


/*блок Сколько будет стоить именно мои ремонт*/

#wood_how_much .wood {margin-bottom: 40px}

#how_much {padding-top: 0px}

#how_much h2 {color: white;
font-size: 44px;
font-weight: bold;
padding-top: 0px !important}

#how_much h3 {color: white;
font-size: 30px !important;
font-weight: bold !important;
text-transform: none;
padding-top: 10px !important;
margin-bottom: 10px}

#how_much button {background: #F43839;
color: white;
font-size: 16px;
margin-top: 75px;
margin-bottom: 30px;
padding-right: 5%;
padding-left: 5%}

#how_much button:hover {background: #E8E8E8 !important;
color: #312A32 !important}

#how_much form {margin-top: 35px}

#how_much .form-group:first-child {margin-right: 5%}


/*блок Параллельные обьекты*/


#parallel {padding-bottom: 30px}
#myCarousel {margin-left: 5px}


#myCarousel .right {margin-right: 10px}
.car_padding {padding-bottom: 14px}
.carousel-inner {width: 90% !important}
#myCarousel .col-xs-3 {padding-right: 9px;
padding-left: 5px;}


.img-car-container {/*width: 192px;
height: 128px;*/
background: rgba(58, 51, 59, 1) url(../images/zoom.png) no-repeat center}

#parallel h4 {text-transform: uppercase;
font-size: 16px !important}

#parallel button {background: #F43839;
color: white;
font-size: 16px;
margin-top: 40px;
margin-bottom: 30px;
padding-right: 5%;
padding-left: 5%}

#parallel button:hover {background: #E8E8E8 !important;
color: #312A32 !important}

#parallel p {font-weight: bold;
text-transform: none;
font-size: 18px}


/*блок Работая с нами*/

#work_with_us {color: white;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 0px;
padding-bottom: 40px}

#work_with_us h3 {padding-top: 40px !important}

#work_with_us h3 p {margin-top: 10px}

.work_with_us_block {margin-top: 30px}

.work_with_us_block img {margin-bottom: 20px}


/*Блок что говорят о наше работе*/

#comments {padding-top: 0px;
padding-bottom: 60px}
 #comments h3 {padding-top: 40px !important}

#comments video {width: 427px}

.com_name {font-size:18px;
           text-align: center;
font-weight: bold;
margin-top: 15px;
margin-bottom: 0px}

.com_city {text-align: center;
text-transform: none;}

.video {margin-top: 30px}


/*блок Заполняйте форму и присоединяйтесь*/

#prisoed {padding-top: 30px;
padding-bottom: 40px}

#prisoed h2 {color: white;
font-size: 44px;
font-weight: bold;
padding-top: 0px !important;
}
#prisoed h3 {color: white;
font-size: 30px !important;
font-weight: bold !important;
text-transform: none;
padding-top: 10px;
margin-bottom: 10px}


#prisoed button {border: none;
                 background: #F43839;
color: white;
font-size: 16px;
margin-top: 60px;
margin-bottom: 0px;
padding-right: 2%;
padding-left: 2%}

#prisoed button:hover {background: #E8E8E8 !important;
color: #312A32 !important}

#prisoed form {margin-top: 20px}

#prisoed .form-group:first-child {margin-right: 5%}



/*блок Как происходят наши взаимодействия*/


#process {color: white;
          padding-top: 10px}

#process h3 {padding-top: 40px !important}


#proc_txt div {display: inline-block;
}

#img_process {width: 90%;
padding-top: 20px;
padding-bottom: 30px}

#proc .col-sm-3 {text-align: center;
padding-left: 9px;
font-size: 17px;
font-weight: bold;
}

.col-sm-4.text_center p {
  font-size: 17px;
  font-weight: bold;
}

.proc-2 {padding-left:11px}
.proc-3 {padding-left:12px}
.proc-4 {padding-left:15px}

#econom {padding-top: 70px;
}

/*Блок Акция нижний*/


#action2 {margin-top: 10px;
margin-bottom: 10px}

#action2 .action_form {padding-top: 37px}

#action1 {background: url(../images/action1.jpg) no-repeat;
  background-size: cover;
  height: 100%;
}

/*Наши контакты*/

#contacts {padding-top: 15px}
#contacts .col-sm-6:first-child {padding-top: 35px}
#contacts button {border: none;
                 background: #F43839;
color: white;
font-size: 16px;
margin-top: 40px;
margin-bottom: 30px;
width: 80%;
border:1px solid #ccc}

#contacts button:hover {background: #E8E8E8 !important;
color: #312A32 !important;
}

#contacts h3 {padding-top: 30px !important}
#cont1 {margin-left:12%}

#cont1 p {font-weight: bold;
font-size: 22px;
margin-bottom: 0px;
margin-left: 40px}

#cont1 table {margin-bottom: 30px}

#cont1 a {color: black;
text-decoration: none;
text-transform: none;
border-bottom: black dashed 1px;
margin-left: 50px;
font-size:18px}

.map p {text-align: center;
text-transform: none;
font-size: 20px}


.white_background {background-color: white !important}


#wood_call_back {   background: url(../images/wood_call_back.jpg) no-repeat;
  min-height: 714px;
  background-position-y: -309px;
  }

.wood {margin-bottom:0px;
padding-top: 20px}

#wood_how_much {
  background: url(../images/wood_how_much.jpg) no-repeat;
  min-height: 730px;
  background-position-y: -227px;
}



#work_with_us {background-image: url(../images/work_with_us.jpg);background-size: 100% 100%;}

#proc {background-image: url(../images/process_background.jpg);background-size: 100% 100%;
min-height: 1100px}

#action2 {background-image: url(../images/action2.jpg);background-size: 100% 100%;}

/*стили галереи и модальных окон*/



 .car_img_small {
    width:100%;
    height: auto;}

.designer_carousel .car_img_small {width: 128px;
height: 96px}
.car_img_small:hover {opacity: 0.5}

.car_img_big {/*width: 1000px !important;
height: auto !important;*/
max-width: 800px;
max-height: 600px;
margin-left: auto;
margin-right: auto}


#modal_car,
#modal_car2,
#modal_car3,
#modal_car4,
#modal_car5,
#modal_car6,
#modal_car7,
#modal_car8,
#modal_car9,
#modal_car10,
#modal_car11,
#modal_car12,
#modal_car13,
#modal_car14,
#modal_car15,
#modal_car16,
#modal_car17,
#modal_car18,
#modal_car19,
#modal_car20,
#modal_car21,
#modal_car22,
#modal_car23,
#modal_car24 {width:100%;
margin-left: auto;
margin-right: auto}

#modal_car .carousel-control.left,
#modal_car2 .carousel-control.left,
#modal_car3 .carousel-control.left,
#modal_car4 .carousel-control.left,
#modal_car5 .carousel-control.left,
#modal_car6 .carousel-control.left,
#modal_car7 .carousel-control.left,
#modal_car8 .carousel-control.left,
#modal_car9 .carousel-control.left,
#modal_car10 .carousel-control.left,
#modal_car11 .carousel-control.left,
#modal_car12 .carousel-control.left,
#modal_car13 .carousel-control.left,
#modal_car14 .carousel-control.left,
#modal_car15 .carousel-control.left,
#modal_car16 .carousel-control.left,
#modal_car17 .carousel-control.left,
#modal_car18 .carousel-control.left,
#modal_car19 .carousel-control.left,
#modal_car20 .carousel-control.left,
#modal_car21 .carousel-control.left,
#modal_car22 .carousel-control.left,
#modal_car23 .carousel-control.left,
#modal_car24 .carousel-control.left {left: 5px}

#modal_car .carousel-control.right,
#modal_car2 .carousel-control.right,
#modal_car3 .carousel-control.right,
#modal_car4 .carousel-control.right,
#modal_car5 .carousel-control.right,
#modal_car6 .carousel-control.right,
#modal_car7 .carousel-control.right,
#modal_car8 .carousel-control.right,
#modal_car9 .carousel-control.right,
#modal_car10 .carousel-control.right,
#modal_car11 .carousel-control.right,
#modal_car12 .carousel-control.right,
#modal_car13 .carousel-control.right,
#modal_car14 .carousel-control.right,
#modal_car15 .carousel-control.right,
#modal_car16 .carousel-control.right,
#modal_car17 .carousel-control.right,
#modal_car18 .carousel-control.right,
#modal_car19 .carousel-control.right,
#modal_car20 .carousel-control.right,
#modal_car21 .carousel-control.right,
#modal_car22 .carousel-control.right,
#modal_car23 .carousel-control.right,
#modal_car24 .carousel-control.right {right: 50px}

#modal_car button,
#modal_car2 button,
#modal_car3 button,
#modal_car4 button,
#modal_car5 button,
#modal_car6 button,
#modal_car7 button,
#modal_car8 button,
#modal_car9 button,
#modal_car10 button,
#modal_car11 button,
#modal_car12 button,
#modal_car13 button,
#modal_car14 button,
#modal_car15 button,
#modal_car16 button,
#modal_car17 button,
#modal_car18 button,
#modal_car19 button,
#modal_car20 button,
#modal_car21 button,
#modal_car22 button,
#modal_car23 button,
#modal_car24 button{color: white;
background: none;
margin-top: 0;
margin-bottom: 0;
margin-right: 10px;
padding-right: 0;
padding-left: 0;
font-size: 25px;}

#modal_car .modal-header,
#modal_car2 .modal-header,
#modal_car3 .modal-header,
#modal_car4 .modal-header,
#modal_car5 .modal-header,
#modal_car6 .modal-header,
#modal_car7 .modal-header,
#modal_car8 .modal-header,
#modal_car9 .modal-header,
#modal_car10 .modal-header,
#modal_car11 .modal-header,
#modal_car12 .modal-header,
#modal_car13 .modal-header,
#modal_car14 .modal-header,
#modal_car15 .modal-header,
#modal_car16 .modal-header,
#modal_car17 .modal-header,
#modal_car18 .modal-header,
#modal_car19 .modal-header,
#modal_car20 .modal-header,
#modal_car21 .modal-header,
#modal_car22 .modal-header,
#modal_car23 .modal-header,
#modal_car24 .modal-header {border: none;}

#designer_carousel_big .modal-header, .designer_carousel_big .modal-header {border: none}
#designer_carousel_big2 .modal-header, .designer_carousel_big2 .modal-header {border: none}
#designer_carousel_big3 .modal-header, .designer_carousel_big3 .modal-header {border: none}
#designer_carousel_big .carousel-control,.designer_carousel_big .carousel-control, .myCarousel_big .carousel-control {font-size: 100px}
#designer_carousel_big2 .carousel-control,.designer_carousel_big2 .carousel-control, .myCarousel_big2 .carousel-control {font-size: 100px}
#designer_carousel_big3 .carousel-control,.designer_carousel_big3 .carousel-control, .myCarousel_big3 .carousel-control {font-size: 100px}
#designer_carousel_big .carousel-control.left,.designer_carousel_big .carousel-control.left, .myCarousel_big .carousel-control.left {left: 0px}
#designer_carousel_big2 .carousel-control.left,.designer_carousel_big2 .carousel-control.left, .myCarousel_big2 .carousel-control.left {left: 0px}
#designer_carousel_big3 .carousel-control.left,.designer_carousel_big3 .carousel-control.left, .myCarousel_big3 .carousel-control.left {left: 0px}
#designer_carousel_big .carousel-control.right, .designer_carousel_big .carousel-control.right {right: 50px}
#designer_carousel_big2 .carousel-control.right, .designer_carousel_big2 .carousel-control.right {right: 50px}
#designer_carousel_big3 .carousel-control.right, .designer_carousel_big3 .carousel-control.right {right: 50px}

#modal_call_back,.modal_call_back, #modal_how_much_repair, #want_to_see {margin-left: auto;
                  margin-right: auto;
                  width: 310px;
height: 320px;
padding-right: 0!important;
margin-top: 100px;
background: rgba(240, 189, 67, 1)}

#modal_how_mush_design, .modal_how_mush_design {margin-left: auto;
                  margin-right: auto;
                  width: 310px;
height: 290px;
padding-right: 0!important;
margin-top: 100px;
background: rgba(240, 189, 67, 1)}

#modal_call_back .form_inside, #modal_how_mush_design .form_inside, .modal_how_mush_design .form_inside,
#modal_how_much_repair .form_inside, #want_to_see .form_inside {float: none;}

#modal_call_back .modal-content, #modal_how_much_repair .modal-content, #want_to_see .modal-content {box-shadow: none;
                                 border: none;
                                 background: none;
                                 width:310px;
                                 height: 310px;
}

#modal_how_mush_design .modal-content, .modal_how_mush_design .modal-content  {box-shadow: none;
                                 border: none;
                                 background: none;
                                 width:310px;
                                 height: 290px;
}

#modal_call_back .close, #modal_how_mush_design .close, .modal_how_mush_design .close, 
#modal_how_much_repair .close, #want_to_see .close {position: absolute;
                         top:3px;
right: 5px}


.modal_car_backgr {background: rgba(58,51,59,0.9) !important}
.modal_car_close {background: none !important;
opacity: 1 !important;
color: white !important}


#modal_designer_car, #modal_designer_car2, #modal_designer_car3, #modal_car,
#modal_car2,
#modal_car3,
#modal_car4,
#modal_car5,
#modal_car6,
#modal_car7,
#modal_car8,
#modal_car9,
#modal_car10,
#modal_car11,
#modal_car12,
#modal_car13,
#modal_car14,
#modal_car15,
#modal_car16,
#modal_car17,
#modal_car18,
#modal_car19,
#modal_car20,
#modal_car21,
#modal_car22,
#modal_car23,
#modal_car24,
.modal_designer_car {width: 900px !important;
height: 700px !important;

margin-left: 180px;}

.modal-backdrop {background: none !important}

@media (min-width: 200px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}