@charset "utf-8";
/* CSS Document */

@media screen  and (min-width:1601px) and (max-width:1920px) {
	.custom_about .left-about {
		width: 62%;
	}
	.custom_about .right-about {
		margin-left: 0;
		width: 37%;
	}
	.custom_about .right-about .link-to-article {
		margin-top: 80px;
	}
}
@media screen  and (min-width:1440px) and (max-width:1599px) {
	.itemid-105 .custom_about .title-block .h1 {}
	.custom_about .title-block {
		margin-bottom: 10px;
	}
	.custom_about .title-block .h1 {
		font-size: 30px;
	}
	.itemid-105 .custom_about .title-block .hor-line {}
}
@media screen  and (min-width:1366px) and (max-width:1439px) {
	.custom_about .title-block {
		margin-bottom: 10px;
	}
	.custom_about .title-block .h1 {
		font-size: 30px;
	}
	.custom_about .right-about p {
		font-size: 17px;
		line-height: 1.4;
	}
	.custom_question .h3 {
		font-size: 25px;
	}
}
@media screen  and (min-width:1280px) and (max-width:1365px) {
	.custom_about .title-block .h1 {
		font-size: 28px;
	}
	.custom_about .title-block {
		margin-bottom: 5px;
	}
	.custom_about .title-block .h1 {
		
	}
	.custom_about .title-block .hor-line {
		
	}
	.custom_about .title-block .hor-line hr {
		margin: 15px 0;
	}
	.custom_about .right-about p {
		font-size: 17px;
		line-height: 1.4;
	}
	.custom_exemples .exemples-works .allmode-item .allmode-title {
		font-size: 24px;
	}
	.custom_question .h3 {
		font-size: 24px;
	}
}
@media screen  and (min-width:1200px) and (max-width:1279px) {
	.custom_about .title-block .h1 {
		font-size: 26px;
	}
	.custom_about .title-block {
		margin-bottom: 5px;
	}
	.custom_about .title-block .h1 {
		
	}
	.custom_about .title-block .hor-line {
		
	}
	.custom_about .right-about p {
		font-size: 16px;
		line-height: 1.3;
	}
	.custom_about .title-block .hor-line hr {
		margin: 15px 0;
	}
	.custom_about .right-about p {
		font-size: 15px;
		line-height: 1.4;
	}
	.custom_exemples .exemples-works .allmode-item .allmode-title {
		font-size: 24px;
	}
	.custom_question .h3 {
		font-size: 24px;
	}
}
@media screen  and (min-width:992px) and (max-width:1199px) {
	.header .moduletable_logo-phones {
		
	}
	.header .moduletable_logo-phones .img-logo {
		margin-right: 50px;
		position: relative;
		z-index: 10;
	}
	.header .moduletable_logo-phones .dropdown {
		padding-top: 24px;
	}
	.header .moduletable_logo-phones .dropdown a.link-drop {
		font-size: 28px;
	}
	.header-home .moduletable_logo-phones .dropdown a.link-drop {
		color: #ffffff;
	}
	.header-inside .moduletable_logo-phones .dropdown a.link-drop {
		color: #232323;
	}
	.header .moduletable_logo-phones .dropdown a.link-drop:hover,
	.header .moduletable_logo-phones .dropdown a.link-drop:focus {
		text-decoration: none;
		opacity: 0.8;
	}
	.header .moduletable_logo-phones ul.phones {
		float: none;
		padding-top: 5px;
	}
	.header-home .moduletable_logo-phones ul.phones li a {
		color: #232323;
	}
	.moduletable_menu ul {
		text-align: center;
	}
	.moduletable_menu ul li {
		margin-right: 0;
		width: 30%;
	}
	.moduletable_bottom-header .h1 {
		font-size: 90px;
	}
	.moduletable_bottom-header .h2 {
		font-size: 40px;
	}
	.moduletable_bottom-header .h3 {
		font-size: 24px;
	}
	.moduletable_bottom-header .buttons a.btn, 
	.moduletable_bottom-header .buttons a.link-article {
		font-size: 16px;
	}
	/*---------- title-block ----------*/
	.title-block .h1 {
		font-size: 28px;
	}
	.title-block .hor-line hr {
		margin: 15px 0;
	}
	/*----------- advantages ------------*/
	.custom_advantages .right-advan .row-advan ul li .deac-advan {
		font-size: 16px;
	}
	/*------------ about ---------------*/
	.custom_about {
		overflow: hidden;
		padding-bottom: 15px;
	}
	.custom_about .right-about {
		width: 42%;
	}
	.custom_about .right-about .title-block {
		margin-bottom: 15px;
	}
	.custom_about .right-about p {
		font-size: 16px;
	}
	/*---------------------------------*/
	p, li {
		font-size: 16px;
	}
	/*---------- exemples -------------*/
	#Exemples {
		padding-top: 50px !important;
	}
	.custom_exemples .exemples-works .allmode-item .allmode-img {
		height: auto;
	}
	.custom_exemples .exemples-works .allmode-item .allmode-img a img {
		height: 100%;
	}
	.custom_exemples .exemples-works .allmode-item .allmode-title {
		font-size: 22px;
	}
	/*---------- works -------------*/
	.custom_works .row-works .block-works .desc-work .h5 {
		font-size: 18px;
	}
	.custom_works .row-works .block-works .desc-work p {
		font-size: 16px;
	}
	/*---------- question --------------*/
	.custom_question .h1 {
		font-size: 34px;
	}
	.custom_question .h3 {
		font-size: 24px;
	}
	.custom_question .include-form .fox-container .fox-item-submit button.btn {
		font-size: 20px !important;
	}
	/*------------ footer -----------*/
	.moduletable_footer .h3 {
		font-size: 24px;
	}
	.left-footer .include-menu ul li a,
	.right-footer ul li,
	.right-footer ul li a {
		font-size: 18px;
	}
	/*--------------- blog ----------*/
	.blog .include-module .exemples-works .allmode-item .allmode-img {
		height: 270px;
	}
	.blog .include-module .exemples-works .allmode-item .allmode-img a img {
		height: 100%;
	}
	.blog .include-module .exemples-works .allmode-item .allmode-title {
		font-size: 22px;
	}
	/*----------- item page ------------*/
	.full-img .title-article .page-header h2 {
		font-size: 34px;
	}
	.article-body h2 {
		font-size: 30px;
	}
	.article-body h3 {
		font-size: 26px;
	}
	#Content .search .search-results .result-text {
		font-size: 18px;
	}
}
@media screen  and (min-width:768px) and (max-width:991px) {
	.header .moduletable_logo-phones {
		
	}
	.header .moduletable_logo-phones .img-logo {
		margin-right: 26px;
		position: relative;
		z-index: 10;
	}
	.header .moduletable_logo-phones .dropdown {
		padding-top: 24px;
	}
	.header .moduletable_logo-phones .dropdown a.link-drop {
		font-size: 28px;
	}
	.header-home .moduletable_logo-phones .dropdown a.link-drop {
		color: #ffffff;
	}
	.header-inside .moduletable_logo-phones .dropdown a.link-drop {
		color: #232323;
	}
	.header .moduletable_logo-phones .dropdown a.link-drop:hover,
	.header .moduletable_logo-phones .dropdown a.link-drop:focus {
		text-decoration: none;
		opacity: 0.8;
	}
	.header .moduletable_logo-phones ul.phones {
		float: none;
		padding-top: 5px;
      	left: 40px;
	}
	.header-home .moduletable_logo-phones ul.phones li a {
		color: #232323;
	}
	.moduletable_menu {
		padding-top: 10px;
	}
	.moduletable_menu ul {
		text-align: center;
	}
	.moduletable_menu ul li {
		margin-right: 0;
		width: 45%;
	}
	.moduletable_bottom-header .h1 {
		font-size: 90px;
	}
	.moduletable_bottom-header .h2 {
		font-size: 40px;
	}
	.moduletable_bottom-header .h3 {
		font-size: 24px;
	}
	.moduletable_bottom-header .buttons a.btn, 
	.moduletable_bottom-header .buttons a.link-article {
		font-size: 16px;
	}
	/*---------- title-block ----------*/
	.title-block .h1 {
		font-size: 24px;
	}
	.title-block .hor-line {
		display: none;
	}
	/*----------- advantages ------------*/
	.custom_advantages .right-advan .row-advan ul li .deac-advan {
		font-size: 16px;
	}
	/*------------ about ---------------*/
	.custom_about {
		overflow: hidden;
		padding-bottom: 15px;
	}
	.custom_about .right-about {
		width: 44%;
	}
	.custom_about .right-about .title-block {
		margin-bottom: 15px;
	}
	.custom_about .right-about p {
		font-size: 15px;
	}
	/*---------------------------------*/
	p, li {
		font-size: 15px;
	}
	/*---------- exemples -------------*/
	#Exemples {
		padding-top: 40px !important;
	}
	.custom_exemples .exemples-works .allmode-item .allmode-img {
		height: auto;
	}
	.custom_exemples .exemples-works .allmode-item .allmode-img a img {
		height: 100%;
	}
	.custom_exemples .exemples-works .allmode-item .allmode-title {
		font-size: 18px;
	}
	/*---------- works -------------*/
	#Works {
		padding-bottom: 0 !important;
	}
	.custom_works .row-works-1,
  	.custom_works .row-works-2 {
		margin-bottom: 0;
	}
	.custom_works .row-works .block-works {
		margin-bottom: 30px;
	}
	.custom_works .row-works .block-works .desc-work {
		height: auto;
	}
	.custom_works .row-works .block-works .desc-work .h5 {
		font-size: 14px;
	}
	.custom_works .row-works .block-works .desc-work p {
		font-size: 16px;
	}
	/*---------- question --------------*/
	.custom_question .h1 {
		font-size: 34px;
	}
	.custom_question .h3 {
		font-size: 24px;
	}
	.custom_question .include-form .fox-container .fox-item-submit button.btn {
		font-size: 20px !important;
	}
	/*------------ footer -----------*/
	.moduletable_footer .h3 {
		font-size: 24px;
	}
	.left-footer .include-menu ul li a,
	.right-footer ul li,
	.right-footer ul li a {
		font-size: 18px;
	}
	.copyright p {
		font-size: 14px;
	}
	/*--------------- blog ----------*/
	.blog .include-module .exemples-works .allmode-item .allmode-img {
		height: 220px;
	}
	.blog .include-module .exemples-works .allmode-item .allmode-img a img {
		height: 100%;
	}
	.blog .include-module .exemples-works .allmode-item .allmode-title {
		font-size: 18px;
	}
	/*----------- item page ------------*/
	.full-img .title-article .page-header h2 {
		font-size: 28px;
	}
	.article-body h2 {
		font-size: 28px;
	}
	.article-body h3 {
		font-size: 24px;
	}
	/*----------- page result search ------------*/
	#Content .search #searchForm .searchintro p,
	#Content .search #searchForm .form-limit label,
	#Content .search .search-results .result-title {
		font-size: 20px;
	}
	#Content .search .search-results .result-text {
		font-size: 15px;
	}
}
@media screen and (max-width:767px) {
	.header-home {
		padding-bottom: 80px;
	}
	.mobile-menu {
		padding: 0;
		height: 50px;
		margin-bottom: 20px;
	}
	.mobile-menu .navbar-header {
		padding-top: 2px;
	}
	.mobile-menu .navbar {
        padding-right: 0;
		padding-left: 0;
		background-color: transparent;
		border: none;
		margin-bottom: 0;
		position: absolute;
		width: 100%;
		left: 0;
		padding-left: 0;
		z-index: 12;
    }
    .mobile-menu .navbar-brand {
    	padding: 0;
    	width: 40%;
    	/*height: 36px;*/
    	float: left;
      	font-size: 48px;
		font-weight: 600;
      	color: #232323;
      	line-height: 36px;
    }
  	.itemid-107 .mobile-menu .navbar-brand,
  	.itemid-105 .mobile-menu .navbar-brand {
    	color: #ffffff;
      	text-shadow: 2px 2px #232323;
  	}
    .mobile-menu .navbar-brand img {
    	padding-top: 0;
    	height: 100%;
    }
    .mobile-menu .navbar-default .navbar-toggle {
        border-color: transparent;
		margin-top: 0;
        margin-right: 10px;
        float: right;
    }
    .mobile-menu .navbar-default .navbar-toggle .icon-bar {
        height: 3px;
    }
    .header-home .mobile-menu .navbar-default .navbar-toggle .icon-bar {
    	background-color: #ffffff;
    }
    .header-inside .mobile-menu .navbar-default .navbar-toggle .icon-bar {
    	background-color: #232323;
    }
    .mobile-menu .navbar-default .navbar-toggle:hover, 
    .mobile-menu .navbar-default .navbar-toggle:focus {
        background-color: transparent;
    }
    .mobile-menu .navbar-collapse {
        position: absolute;
        width: 100%;
        box-shadow: 0 11px 10px -8px #212121;
        margin-top: 0;
        padding: 0;
        left: 0;
        top: 64px;
    }
    .header-home .mobile-menu .navbar-collapse {
    	background: rgba(222, 190, 102, 0.9);
    }
    .header-inside .mobile-menu .navbar-collapse {
    	background: rgba(0, 0, 0, 0.9);
    }
    .mobile-menu .navbar-collapse ul {
        text-align: center;
        padding: 15px 0 9px;
		margin: 0;
    }
    .mobile-menu .navbar-collapse ul li {
        list-style: none;
        width: 100%;
        float: left;
        text-align: center;
        margin-bottom: 10px;
    }
    .mobile-menu .navbar-collapse ul li a {
        color: #ffffff;
        padding: 0;
        font-size: 20px;
        font-weight: 700;
        display: block;
    }
    .mobile-menu .navbar-collapse ul li a:hover,
    .mobile-menu .navbar-collapse ul li a:focus,
    .mobile-menu .navbar-collapse ul li.active a {
        background-color: transparent;
        text-decoration: none;
        opacity: 0.6;
    }
    .mobile-menu .navbar-collapse ul li .nav-header {
        /*display: none;*/
        color: #ffffff;
		padding: 0;
		font-size: 20px;
		font-weight: 700;
    }
    .moduletable_menu {
    	padding-top: 0;
    }
    /*----------- mob-top-info -----------*/
    .mob-top-info {
    	padding: 0;
      float: left;
	  width: 40%;
    }
    .moduletable_mobile .mob-phones,
    .moduletable_mobile .mob-search,
    .moduletable_mobile .mob-langs {
    	padding: 0;
    	text-align: center;
    }
    .moduletable_mobile .dropdown a.link-drop {
    	font-size: 30px;
    }
    .header-home .moduletable_mobile .dropdown a.link-drop {
    	color: #ffffff;
    }
    .header-inside .moduletable_mobile .dropdown a.link-drop {
    	color: #232323;
    }
    .moduletable_mobile .mob-search .dropdown .dropdown-menu {
    	min-width: 245px;
	    left: 0;
	    padding: 10px;
    }
    .moduletable_mobile .mob-search .dropdown .dropdown-menu form input.inputbox {
	    padding-left: 10px;
	    border: 1px solid #232323;
	    height: 30px;
	    font-size: 14px;
	}
	.moduletable_mobile .mob-search .dropdown .dropdown-menu form input.button {
	    position: relative;
	    top: 4px;
	    left: 4px;
	}
	/*--------------- langs ---------------*/
	.mod-languages {
		padding-top: 6px;
	}
	.mob-langs select {
	    border: none;
	    font-size: 20px;
	    height: 34px;
	    -moz-appearance: none;
	    -webkit-appearance: none;
	    appearance: none;
	    background-color: transparent;
	}
	.header-home .mob-langs select {
	    /*color: #ffffff;*/
      	color: #000;
	}
	.header-inside .mob-langs select {
	    color: #232323;
	}
	.mob-langs select::-ms-expand {  /* для IE */ 
	    display: none;
	}
  	.mob-langs select option {}
	.mob-langs select option[selected] {
	    color: #232323;
	    font-size: 20px;
	    background-color: transparent;
	}
	.mob-langs .chzn-container {
	    width: 60px !important;
	}
	.mob-langs .chzn-container-single .chzn-single {
	    background: none !important;
	    background-color: transparent !important;
	    border-radius: 0 !important;
	    border: none !important;
	    box-shadow: none !important;
	    font-size: 20px;
	    text-align: center;
	}
	.header-home .mob-langs .chzn-container-single .chzn-single {
	    color: #ffffff;
	}
	.header-inside .mob-langs .chzn-container-single .chzn-single {
	    color: #232323;
	}
	.mob-langs .chzn-container-single .chzn-single span {
	    margin: 0
	}
	.mob-langs .chzn-container-single .chzn-single div {
	    display: none;
	}
	.mob-langs .chzn-container .chzn-results {
	    float: none;
	    color: #232323;
	    padding: 0;
	    margin: 0;
	}
	.mob-langs .chzn-container .chzn-results li.highlighted {
	    background-color: transparent !important;
	    background-image: none !important;
	}
	.mob-langs .chzn-container .chzn-results li {
	   text-align: center;
	   font-size: 16px;
	   color: #232323 !important;
	}
	.mob-langs .chzn-container-active.chzn-with-drop .chzn-single {
	   border: none;
	   background: none;
	}
	.mob-langs .chzn-container .chzn-drop {
	   border: none;
	}
	.mob-langs .chzn-container .chzn-results li:hover {
	    background-color: #000 !important;
	    color: #ffffff !important;
	}
  	.mob-langs .dropdown-menu {
    	left: -40px;
      	min-width: 110px;
  	}
  	.mob-langs .dropdown-menu ul {
    	text-align: center;
  	}
  	.mob-langs .dropdown-menu ul li a {
    	color: #232323;
  	}
  	.mob-langs .dropdown-menu ul li.lang-active a {
    	color: #000;
		font-weight: 700;
  	}
	/*------------ bottom-header --------------*/
	.bottom-header {
		margin-top: 30px;
	}
	.moduletable_bottom-header .h1 {
		font-size: 48px;
	}
	.moduletable_bottom-header .h2 {
		font-size: 24px;
	}
	.moduletable_bottom-header .h3 {
		font-size: 18px;
	}
	.moduletable_bottom-header .buttons a.btn, 
	.moduletable_bottom-header .buttons a.link-article {
		font-size: 16px;
		padding: 8px 15px;
	}
	/*------------ .title-block -------------*/
	.title-block .h1 {
		width: 100%;
		font-size: 28px;
		text-align: center;
	}
	.itemid-105 .custom_advantages .title-block .h1,
	.itemid-105 .custom_about .title-block .h1,
	.itemid-105 .custom_exemples .title-block .h1,
	.itemid-105 .custom_works .title-block .h1 {
		width: 100%;
	}
	.title-block .hor-line {
		display: none;
	}
	/*------------- #Advantages ------------*/
	#Advantages {
		padding: 40px 0 0 !important;
	}
	.custom_advantages .left-advan {
		padding-right: 0;
	}
	.custom_advantages .left-advan ul {
		width: 280px;
		margin: 0 auto;
	}
	.custom_advantages .right-advan {
		padding-left: 0;
		margin-top: 40px;
	}
	.custom_advantages .right-advan .row-advan ul li .deac-advan {
		font-size: 16px;
	}
	/*----------- about ----------------*/
	.custom_about .right-about {
		width: 100%;
		padding: 0 15px;
		margin-left: 0;
	}
	.custom_about .right-about .title-block {
		margin-bottom: 20px;
	}
	.custom_about .right-about p {
		font-size: 15px;
	}
	.custom_about .left-about {
		width: 100%;
		margin-bottom: 30px;
	}
	/*------------- Exemples ---------------*/
	#Exemples {
		padding-top: 40px !important;
	}
	.custom_exemples .title-block .h1 {
		width: 100%;
	}
	.custom_exemples .exemples-works .allmode-item {
		padding: 0;
		text-align: center;
	}
	.custom_exemples .exemples-works .allmode-item .allmode-title {
		font-size: 20px;
	}
	.custom_exemples .exemples-works .allmode-item .allmode-img,
	.custom_exemples .exemples-works .allmode-item .allmode-img a img {
		height: auto;
	}
	/*--------------- works --------------*/
	#Works {
		padding-bottom: 0 !important;
	}
	.custom_works .title-block .h1 {
		width: 100%;
	}
	.custom_works .row-works-1,
  	.custom_works .row-works-2 {
		margin-bottom: 0;
	}
  	.custom_works .row-works .block-works .desc-work .h5 {
    	font-size: 16px;
  	}
	.custom_works .row-works .block-works {
		margin-bottom: 40px;
		text-align: center;
	}
	/*---------------- question ---------------*/
	.moduletable_question {
		padding: 30px 15px;
	}
	.custom_question .h1 {
		font-size: 22px;
	}
	.custom_question .h3 {
		font-size: 20px;
	}
	.custom_question .include-form {
		
	}
	.custom_question .include-form .fox-container .fox-item .controls {
		width: 100% !important;
	}
	.custom_question .include-form .fox-container .fox-item input {
		width: 100% !important;
		margin-bottom: 0 !important;
	}
	.custom_question .include-form .fox-container .fox-item-submit button.btn {
		height: 44px !important;
		font-size: 16px !important;
	}
	/*------------- footer ---------------*/
	.moduletable_footer .h3 {
		font-size: 22px;
	}
	.left-footer .include-menu ul li a,
	.right-footer ul li,
	.right-footer ul li a {
		font-size: 18px;
	}
	/*------------ Copyright ------------*/
	.copyright,
	.develop {
		padding: 0;
		text-align: center;
	}
	.copyright {
		margin-bottom: 15px;
	}
	.copyright p {
		font-size: 14px;
	}
	/************ content ************/
	p, li {
		font-size: 15px;
	}
	.breadcr {
		
	}
	.breadcrumb li a,
	.breadcrumb > .active {
		font-size: 11px;
	}
	.breadcrumb > li + li::before {
		padding: 0;
	}
	.article-body {
		padding-bottom: 40px;
	}
	/*----------- item-page -------------*/
	.full-img .title-article {
		position: relative;
		bottom: 0;
		width: 100%;
		float: left;
	}
	.full-img {
		margin-bottom: 0;
	}
	.full-img .title-article .page-header {
		width: 100%;
	}
	.full-img .title-article .page-header h2 {
		color: #232323;
		font-size: 20px;
      	text-shadow: none;
	}
	.article-body h2 {
		font-size: 24px;
		margin: 10px 0;
		font-weight: 300;
	}
	.article-body h3 {
		font-size: 20px;
		margin: 10px 0;
		font-weight: 300;
	}
	/*----------- blog ---------------*/
	.blog {
		padding: 0 0 30px;
	}
  	.blog > h2 {
    	font-size: 24px;
  	}
	.blog .exemples-works .allmode-item {
		padding: 0;
		text-align: center;
	}
	.blog .exemples-works .allmode-item .allmode-img,
	.blog .exemples-works .allmode-item .allmode-img a img {
		height: auto;
	}
	.blog .exemples-works .allmode-item .allmode-title {
		font-size: 20px;
	}
	/*----------- page result search ------------*/
	#Content .search #searchForm .searchintro p,
	#Content .search #searchForm .form-limit label,
	#Content .search .search-results .result-title {
		font-size: 18px;
	}
	#Content .search #searchForm .pull-left:nth-child(1) {
		width: 70%;
	}
	#Content .search .search-results .result-text {
		font-size: 15px;
	}
  	/*----------- page contacts ---------------*/
  	.itemid-123 .title-article,
  	.itemid-128 .title-article {
    	display: none;
  	}
  	.contacts {
    	padding: 0;
  	}
  	.contacts .h3 {
    	margin-top: 25px;
    	font-size: 22px;
  	}
}
@media screen and (max-width:615px) {
	.moduletable_bottom-header .buttons a.btn {
		margin-bottom: 15px;
	}
}
@media screen and (max-width:480px) {
	.moduletable_mobile .mob-search .dropdown .dropdown-menu {
		left: -100px;
	}
	.custom_advantages .right-advan .row-advan ul li {
		width: 100%;
		margin-bottom: 30px;
	}
}