@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=latin,cyrillic);

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, font, 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 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
a:hover{
text-decoration: none;
}
:focus {
outline: 0;
}
*{
margin:0;
padding:0;
}
body,html{min-width:1200px}
html{
 height:100%;
}
 body{
font-family: 'Open Sans', sans-serif;
width:100%;
height:100%;
     font-weight: 400;
     color: #161616;
 }
 ul{list-style-type:none;}

.container{
width: 1160px;
    margin:0 auto;
}
.container_design-project {
    width: 100%;
}
h2{
font-size:44px;
}

.logo{
float:left;
display:block;
width:211px;
height:59px;
background: url(images/logo.png) 0 0 no-repeat;
margin:14px 0 0 12px;
}
.header {
width: 100%;
    clear: both;
    height: 1021px;
    background: url(images/header-bg.png) 50% 0 no-repeat;
}
.header .top-header {
overflow: hidden;
    clear: both;
    background: #fff;
    height: 88px;
}


.header .phone {
    float: right;
    font-size: 36px;
    font-weight: 300;
    padding-left: 40px;
    background: url(images/phone-ico.png) 0 50% no-repeat;
    line-height: 88px;
    color: #161616;
    text-decoration: none;
}
.header .phone span {
    font-size: 28px;
    color: #b9c6cc;
}
.header-center {
    overflow: hidden;
    clear: both;
    padding-top: 200px;
        padding-bottom: 220px;
    position: relative;
    margin-bottom: 30px;
}

.header-center h1 {
    font-size: 44px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.header-center p {
    font-size: 24px;
    color: #dfdfdf;
    text-align: center;

}
.header-center .anchor-down {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: 0 0 0 -25px;
    width: 50px;
    height: 50px;
    background: url(images/scroll-down.png);
    display: block;
}
.top-application {
    float: right;
    position: relative;
    z-index: 99;
    width: 500px;
  margin-right: 145px;
}
.top-application form {
    
}
.top-application h3 {
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    padding-left: 70px;
    background: url(images/why-phone-ico.png) 0 0 no-repeat;
    margin-left: -70px;
    line-height: 24px;
    height: 59px;
    margin-bottom:15px;
}
.top-application h3 span {
    display: block;
    color: #fff176;
    line-height: 32px;
}
.top-application input[type="text"] {
    float: left;
    width: 243px;
    height: 50px;
    line-height: 50px;
    padding: 0 25px;
    border: none;
    font-size: 24px;
}
.top-application input[type="text"]:-moz-placeholder { color: #1cb4c7;font-style: italic; }
.top-application input[type="text"]::-webkit-input-placeholder { color: #1cb4c7;font-style: italic; }

.top-application button {
    float: left;
    width: 207px;
    height: 50px;
    border: none;
    font-size: 16px;
    color: #4a1e14;
    text-transform: uppercase;
    font-weight: 600;
    background: #ffc30f;
    cursor: pointer;
}

/* end header*/

.regulations {

    /*width: 110%;*/
    width: 100%;
    margin-left: -5%;
    height: 760px;
    margin-top: -230px;
    position: relative;
}

.regulations__list {
    position: relative;
    left: 0;
    top: 0;
}

.regulations__pic {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;    
}

.regulations__pic.active {
    opacity: 1;
}
.services {
    float: left;
    width: 670px;
    margin-left: 540px;
    margin-top: 150px;
}
.services h2 {
    text-align: left;
    margin-bottom: 50px;
}

.services ul {
    
}
.services li {
    margin-bottom: 60px;

    
}
.services .number {
    display: block;
    float: left;
    width: 69px;
    height: 69px;
    background: #ffc71d;
    text-align: center;
    line-height: 69px;
    font-size: 46px;
    color: #fff;
    font-weight: 300;
    margin-right: 40px;
    border-radius: 50%;
}

.services strong {
        font-size: 24px;
    font-weight: 600;
    line-height: 26px;
}
.services strong span {
     font-size: 24px;
    display: block;
color: #6d6e71;
font-weight: 300;
    line-height: 30px;
}
.our-work {
    position: relative;
    overflow: hidden;
    clear: both;
    padding: 30px 0 0;
    background: #eceff1;
}
.our-work h2 {
    text-align: center;
    margin-bottom: 30px;
}
.options-work {
    overflow: hidden;
    clear: both;
    padding: 30px 0 0 0;
    background: #1f87e5;
}
.options-work h2 {
    color: #fff;
    margin-bottom: 50px;
    text-align: center;
}

.options-list {
    
}
.options-list ul {
    margin-bottom: 50px;
}

.options-list ul:before,
.options-list ul:after {
  content: " ";
  display: table;
}

.options-list ul:after {
  clear: both;
}

.options-list  li{
float: left;
width: 240px;
    text-align: center;
    margin: 0 0
}
.options-list  li a{
    display: block;
text-decoration: none;
    color: #fff;
    padding-top: 120px;
    position: relative;
}

.options-list li a:before {
    display: none;
    position: absolute;
    left: -20px;
    top: -20px;
    right: -20px;
    bottom: -20px;
    border: 1px solid #3a90e8;
    content: '';
}

.options-list li a:hover:before {
    display: block;
}

.options-list .ico1{margin: 0 50px 0 115px ;}
.options-list .ico2{margin: 0 50px;}
/*.options-list .ico3{margin: ;}*/
.options-list .ico3{margin:0 ;}
.options-list .ico4{margin: 0 50px 0 280px;}
.options-list .ico5{margin: 0 0 0 50px;}

.options-list .ico1 a {background: url(images/v-ico1.png) 50% 0 no-repeat;}
.options-list .ico2 a {background: url(images/v-ico2.png) 50% 10px no-repeat;}
.options-list .ico3 a {background: url(images/v-ico3.png) 50% 10px no-repeat;}
.options-list .ico4 a {background: url(images/v-ico4.png) 50% 0 no-repeat;}
.options-list .ico5 a {background: url(images/v-ico5.png) 50% 0 no-repeat;}

.options-list  p {
    font-size: 16px;
    /*font-size: 700;*/
    text-transform: uppercase;
}
.options-list span {
    font-size: 35px;
    font-weight: 300;
}

.options-info {
    overflow: hidden;
    clear: both;
    padding: 20px 0 15px 0;
    background: #3180e7;
}
.options-info p{
    font-size: 18px;
    color: #fff;
    padding-left: 70px;
    margin: 0 0 0 20px;
    background: url(images/info-ico.png) 0 50% no-repeat;
    min-height: 56px;
    padding-top: 4px;
}

.design-project {
    overflow: hidden;
    clear: both;
    padding: 30px 0 0 0;
    background: #455a64;
}

.design-project h2 {
text-align: center;
    color: #fff;
    margin-bottom: 40px;
}
.d-project-content {
}
.d-project-content ul {
}
.d-project-content ul li{
    position: relative;
float: left;
    /*width: 974px;*/
    width: 50%;
    height: 280px;
}
.d-project-content ul li .hover-project{
    position: relative;
    left: 0;
    top: 0;
width: 100%;
    height: 100%;
    background: url(images/blue-bg.png) repeat;
    display: none;
    text-align: center;
}
.d-project-content ul li:hover   .hover-project{display: block;}
.d-project-content ul li .hover-project p{
font-size: 22px;
    color: #fff;
    font-weight: 700;
    margin-bottom:20px;
    padding-top: 50px;
}
.d-project-content ul li .hover-project span{
        display: block;
    text-align: center;
    font-size: 54px;
    color: #fff;
    font-weight: 300;
    width: 100%;
    margin-bottom: 20px;
}
    
.d-project-content ul li .hover-project a{
display: block;
    width: 240px;
    height: 50px;
    margin: 0 auto;
        font-size: 22px;
    color: #4a1e14;
    font-weight: 700;
    background: #ffc30f;
    text-align: center;
    line-height: 50px;
    text-decoration: none;
}
.d-project-content .download-link{
padding-left: 170px;
    display: block;
    margin: 90px 0 0 50px;
    /*line-height: 107px;*/
    line-height: 50px;
    height: 110px;
    font-size: 24px;
    color: #4a1e14;
    font-weight: 700;
    background: url(images/download-ico.png) 0 0 no-repeat;
}
.d-project-content .dp1 {
    background: url(images/portfolio/d1.jpg);
    /*margin-left: -396px;*/
}
.d-project-content .dp2 {
    background: url(images/portfolio/d2.jpg);
    /*margin-right: -396px;*/
}
.d-project-content .dp3 {
    background: url(images/portfolio/d3.jpg);
     /*margin-left: -396px;*/
}
.d-project-content .dp4 {
    /*margin-right: -396px;*/
    background: #ffc30f;
}
.dp-text {
    position: absolute;
    bottom: 10px;
    display: block;
    text-align: center;
    font-size: 54px;
    color: #fff;
    font-weight: 300;
    width: 100%;
}





.questions {
    overflow: hidden;
    clear: both;
    padding: 40px 0 0 0;
    height: 397px;
    background: url(images/question-bg.png) 50% 0 no-repeat;
}
.questions .container {
}
.questions h2 {
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
}


.questions .main-phone {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    font-size: 100px;
    color: #91bfdb;
    text-align: center;
    text-decoration: none;
}
.questions p {
    font-size: 32px;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
}
.questions form {

}

.questions input[type="text"] {
    float: left;
    width:390px;
    height: 62px;
    line-height: 62px;
    padding: 0 25px;
    border: none;
    font-size: 24px;
    margin-right: 5px;
}
.questions input[type="text"]:-moz-placeholder { color: #1cb4c7;font-style: italic; }
.questions input[type="text"]::-webkit-input-placeholder { color: #1cb4c7;font-style: italic; }

.questions  button {
    float: left;
    width: 265px;
    height: 62px;
    border: none;
    font-size: 16px;
    color: #4a1e14;
    text-transform: uppercase;
    font-weight: 600;
    background: #ffc30f;
    cursor: pointer;
}
.contacts {
    overflow: hidden;
    clear: both;
    padding-top: 20px;
    background: #3180e7;
}
.contacts h2 {
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
}
.map{
overflow: hidden;
    clear: both;
    position: relative;
    height: 424px;
}
.maps__maps { height: 424px; }
.map-marker {
    position: absolute;
    top:100px;
    left: 50%;
    margin-left: -113px ;
    width: 226px;
    height: 197px;
    background: url(images/marker.png);
    z-index: 999;
}
.map-marker p {
    width: 100%;
    text-align: center;
    padding-top: 100px;
    font-size: 15px;
    color: #000;
}
.map-marker strong {
    font-weight: 700;
    display: block;
}
.reviews {
    overflow: hidden;
    clear: both;
    padding: 40px 0;
    background: #fff;
}

.reviews h2 {
    font-size: 44px;
    text-align: center;
    margin-bottom: 30px;
}

.review-item{
width: 520px;
    float: left;
    padding: 0 30px;
}
.review-item p{
font-size: 18px;
    line-height: 30px;
    margin-bottom: 20px;
    padding-top: 40px;
    background: url(images/quote.png) 0 0 no-repeat;
}
.review-item .name {
    display: block;
    font-size: 16px;
    color: #3180e7;
    line-height: 65px;
}
.review-item .name .ava {
    float: left;
    margin-right: 15px;
}
.review-item .name .ava img {
    border-radius: 50%;
    width: 65px;
    height: 65px;
}
.review-item .name strong {
    font-weight: 700;
}

.reviews-content {
    width: 1160px;
    margin: 0 auto;
}

.window-style{
width: 1110px;
    height: 625px;
    background: #fff;
    overflow: hidden;
    padding: 25px;
}

.windows-options__inner {
    overflow: hidden;
    margin-bottom: 35px;
}

.windows-options__title {
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
}

.windows-options__footer {
    text-align: center;
}

.windows-options__phone {
    font-size: 3.5em;
    color: #1f84e5;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
}

.windows-options__or {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px;
}

.windows-options__button {
    display: inline-block;
    vertical-align: middle;
    width: 324px;
    height: 52px;
    font-weight: 700;
    background: #ffc30f;
    font-size: 22px;
    color: #4a1e14;
    text-align: center;
    text-decoration: none;
    line-height: 48px;
}

.windows-options__more {
    margin-bottom: 10px;
    font-weight: bold;
    cursor: pointer;
    border-bottom: 1px dotted;
    display: inline-block;
}

.windows-options__hidden {
    display: none;
}


#cboxLoadedContent {
    overflow: hidden !important;
}

.window-options img{
float: left;
    max-height: 625px;
    width: 463px;
}
.window-options .info-content{
float: right;
    width: 595px;
}

.window-options .info-content h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 40px;
}
.window-options .info-content ul {
    overflow: hidden;
    clear: both;
    margin-bottom: 50px;
}
.window-options .info-content li {
    font-size: 20px;
    margin-bottom: 10px;
    padding-left: 30px;
    background: url(images/list-marker.png) 0 10px no-repeat;
}

.window-options .info-content .w-phone {
     overflow: hidden;
    clear: both;
    margin-bottom: 20px;
}

.window-options .info-content .w-phone p {
    font-size: 17px;
    font-weight: 600;
}
.window-options .info-content .w-phone span {
    display: block;
    font-size: 62px;
    color: #1f84e5;
}
.window-options .info-content .button {
    
}

.window-options .info-content .button  a {
    width: 324px;
    height: 52px;
    display: inline-block;
    font-weight: 700;
    background: #ffc30f;
    font-size: 22px;
    color: #4a1e14;
    text-align: center;
    text-decoration: none;
line-height: 48px;
    margin-left: 20px;
}

#boxes {
      position:absolute;
  left:0;
  top:120px;
    z-index: 999;
     width:100%; 
}
#boxes .window {

  display:none;
  z-index:9999;
     width:100%; 
  height:618px;
  background-color:#455a64;
}

#boxes #dialog {
 
}

#boxes .window  .slide ul li{float:left;margin: 0 20px;}

#boxes .window  h2{
font-size: 36px;
    color: #fff;
    text-align: center;
    font-weight: 300;
    padding-top: 35px;
    padding-bottom: 20px;
}
#boxes .window .close{
position: absolute;
    top:32px;
    right: 90px;
    width: 31px;
    height: 31px;
    background: url(images/close2.png);
}
#boxes .window .prev{
position: absolute;
    top: 50%;
    left: 20px;
    width: 95px;
    height: 95px;
    background: url(images/arrow-left.png) 0 0 no-repeat;
    margin-top: -47px;
}
#boxes .window  .next{
position: absolute;
    top: 50%;
    right: 20px;
    width: 95px;
    height: 95px;
    background: url(images/arrow-right.png) 0 0 no-repeat;
    margin-top: -47px;
}

/* footer */

.footer {
    overflow: hidden;
    clear: both;
    height: 105px;
    background: #fff;
}

.footer  p {
    float: right;
    font-size: 13px;
    padding-top: 35px;
}
.footer .logo {
    float:right;
display:block;
width:211px;
height:59px;
background: url(images/logo.png) 0 0 no-repeat;
margin:24px 20px 0 15px;
}

.footer .r-footer {
    float: right;
}
.footer .r-footer p {
    font-size: 12px;

}
.footer span {
    display:block;
    font-weight: 600;
}
.footer .media-nation {
    display: block;
    float: right;
    width: 152px;
    height: 46px;
    background: url(images/media-nation-logo.png);
    margin-left: 20px;
    margin-top: 30px;
}







/* carousel */
.carousel-content{
position: relative;
}

.carousel-content li{position: relative;}
.carousel-content li a{
    text-decoration: none;
    display: block;
    position: relative;
}
.carousel-content li a:before {
    display: none;
    width: 100%;
    height: 100%;
    background: #4f626c url(images/plus.png) 50% 50% no-repeat;
    opacity: 0.7;
    position: absolute;
    top:0;
    left: 0;    
    content: '';
}
.carousel-content li a:hover:before {
    display: block;
}
.carousel-content ul{
width: 100%;
    clear: both;
    overflow: hidden;
}
.image-list1 {height: 271px;}
.image-list2{height: 343px;}
.image-list1 img {
    height: 271px;
}
.image-list2 img {
    height: 343px;
}
	#carousel li{
float: left;

			}
			
            .our-work #ui-carousel-next,.our-work #ui-carousel-prev {
                display: none;
            }

			#ui-carousel-next, #ui-carousel-prev {
				width: 95px;
				height: 95px;
				background: url(images/arrow-left.png) center center no-repeat;
				display: block;
				position: absolute;
				top: 248px;
				z-index: 100;
               opacity: 0.6;
			}
            #ui-carousel-prev{ left:20px;}
			#ui-carousel-next {
				right: 20px;
				background-image: url(images/arrow-right.png);
			}

			
			#ui-carousel-next > span, #ui-carousel-prev > span {
				display: none;
			}
			
			.slide {

			}

            .slide__list {
                overflow: hidden;
                list-style: none;
                margin: 0;
                padding: 0;
            }

            .slide__item {
                float: left;
                width: 20%;
            }

            .slide__link {
                display: block;
                position: relative;
                text-decoration: none;
                height: 270px;
            }

            .slide__link:after {
                display: none;
                width: 100%;
                height: 100%;
                background: #4f626c url(images/plus.png) 50% 50% no-repeat;
                opacity: 0.7;
                position: absolute;
                top:0;
                left: 0;    
                content: '';
            }

            .slide__link:hover:after {
                display: block;
            }            

            .slide__pic {
                -webkit-background-size: cover;
                -moz-background-size: cover;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center center;
                position: absolute;
                left: 0;
                top: 0;
                right: 0;
                bottom: 0;
            }
	
			#pages {
                position: relative;
                z-index: 99;
				width: 150px;
				margin:-40px auto 0;
			}
			
			.bullet {
				background: url(images/page-off.png) center center no-repeat;
				display: block;
				width: 15px;
				height: 15px;
				margin: 0;
				margin-right: 5px;
				float: left;				
			}

.ui-carousel {
	height: 100px;
	margin: 0;
	overflow: auto;
	padding: 0;
	position: relative; /*for ie7 to work e.g in html carousels*/
	width: 300px
}

.ui-carousel > .wrapper {
    margin: 0;
    padding: 0;
    width: 9999px;
}

.ui-carousel > .wrapper > * {
	border: 0;
	display: block;
	float: left;
	height: 100px;
	overflow: hidden;
	width: 100px;	
}


/* colorbox */

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.7; filter: alpha(opacity = 70);}
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; overflow:visible; background:#000;}
        .cboxIframe{background:#000;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
#cboxTitle{position:absolute; top:-42px;width: 100%; color:#fff;font-size: 32px;text-align: center;font-weight: 300;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute;background:url(images/controls.png) no-repeat 0 0;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background: url(images/w-arrows.png) 0 0 no-repeat;width: 95px;height: 95px;left:-110px;top:50%;margin-top: -55px;}
        #cboxNext{background: url(images/w-arrows.png) 100% 0 no-repeat;width: 95px;height: 95px; right:-110px;top:50%;margin-top: -55px;}
        #cboxClose{width: 31px;height: 31px;background: url(images/close.png) 0 0 no-repeat; right:0;top: -35px}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}

		
/*slider */




#slides {
position: relative;
    z-index: 9999;
}

#slides .slide {
	width:1920Px;
	margin: 0 0 0 -30px;
}

#slides .next,#slides .prev {
	display:block;
	z-index:101;
}

.slides_container {
	width:1920Px;
	height:355px;
	overflow:hidden;
	position:relative;
	margin: 0 auto;

}



.pagination {
	margin:78px auto 0;
	width:140px;
}

.pagination li {
	float:left;
	margin:0 2px;
}

.pagination li a {
	display:block;
	width:15px;
	height:0;
	padding-top:15px;
	background: #a2adb2;
	background-position:0 0;
	float:left;
	overflow:hidden;
    border-radius: 50%;
    
}

.pagination li.current a {
	background: #fff;
}
		/* own-carousel */
		
		/* 
 * 	Core Owl Carousel CSS File
 *	v1.15
 */

/* clearfix */
.owl-carousel:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	overflow: hidden;
	width: 100%;
}
.owl-carousel .owl-wrapper{
	position: relative;
	display: inline-block;
	-webkit-transform: translate3d(0px, 0px, 0px);
	-webkit-perspective: 1000;
}
.owl-carousel .owl-item{
	float: left;
}
.owl-controlls .owl-page,
.owl-controlls .owl-buttons{
	cursor: pointer;
}
.owl-controlls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
}




/*
* 	Owl Carousel Owl Demo Theme 
*	v1.15
*/

.owl-theme .owl-controlls{
    margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controlls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
    width: 95px;
    height: 95px;
	background-image: url(images/carousel-arrows.png);
}
.owl-theme .owl-controlls .owl-prev{float: left;background-position: 0 0;position: absolute;top: 50%;left: 20px;margin-top: -70px;}
.owl-theme .owl-controlls .owl-prev:hover{background-position: 0 100%;}
.owl-theme .owl-controlls .owl-next{float: right;background-position: 100% 0;position: absolute;top: 50%;right:  20px;margin-top: -70px;}
.owl-theme .owl-controlls .owl-next:hover{background-position: 100% 100%;}

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controlls.clickable .owl-buttons div:hover{
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controlls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controlls .owl-page span{
	display: block;
	width: 15px;
	height: 15px;
	margin: 3px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #dddddd;
}

.owl-theme .owl-controlls .owl-page.active span,
.owl-theme .owl-controlls.clickable .owl-page:hover span{
	background: #ff9900;
}

.form-order {
    display: none;
    background: rgba(0, 0, 0, .9);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.form-order__inner {
    display: table;
    width: 100%;
    height: 100%;
}

.form-order__section {
    display: table-cell;
    vertical-align: middle;
}

.form-order__block {
    margin: 0 auto;
    background: #fff;
    padding: 30px 50px 50px;
    width: 400px;
    border-radius: 3px;
    position: relative;
}

.form-order__close {
    width: 31px;
    height: 31px;
    background: url(images/close.png) 0 0 no-repeat;
    right: -35px;
    top: -35px;    
    position: absolute;
    cursor: pointer;
}

.form-order__title {
    text-align: center;
    font-size: 25px;
    margin-bottom: 15px;
}

.form-order__form {

}

.form-order__name {
    font-size: 20px;
    margin: 0 0 7px;
}

.form-order__field {
    margin: 0 0 20px;
    position: relative;
}

.form-order__input {
    height: 62px;
    width: 100%;
    color: #91bfdb;
    line-height: 62px;
    padding: 0 25px;
    --webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    font-size: 24px;
    border: 1px solid #91bfdb;
    border-radius: 3px;
}

.form-order__select {
    height: 62px;
    width: 100%;
    color: #91bfdb;
    line-height: 62px;
    padding: 0 25px;
    --webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    font-size: 24px;
    border: 1px solid #91bfdb;
    border-radius: 3px;
}

.form-order__select option {
    padding-top: 5px;
    padding-bottom: 5px;
}

.form-order__bullet {
    position: absolute;
    right: 3px;
    top: 3px;
    bottom: 3px;
    width: 40px;
    pointer-events: none;
    background: #fff;
}

.form-order__bullet:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -5px 0 0 -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid #91bfdb;
}

.form-order__submit {
    width: 100%;
    height: 62px;
    border: none;
    font-size: 16px;
    color: #4a1e14;
    text-transform: uppercase;
    font-weight: 600;
    background: #ffc30f;
    cursor: pointer;
    border: none;
    text-align: center;
    border-radius: 3px;
}

.scroll-slide {

}
.scroll-slide__inner {
    overflow-x: auto;
    position: relative;
}
.scroll-slide__inner:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 12px;
    background: #ccc;
}
.scroll-slide__table {
    display: table;
    margin-bottom: 12px;
}
.scroll-slide__cell {
    display: table-cell;
    vertical-align: top;
}
.scroll-slide__link {
    display: block;
    text-decoration: none;
    position: relative;
}
.scroll-slide__pic {
    display: block;
    width: 270px;
    height: 270px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.scroll-slide__link:after {
    display: none;
    width: 100%;
    height: 100%;
    background: #4f626c url(images/plus.png) 50% 50% no-repeat;
    opacity: 0.7;
    position: absolute;
    top:0;
    left: 0;
    content: '';
}

.scroll-slide__link:hover:after {
    display: block;
}