@font-face {
    font-family: 'corkituscan';
    src: url('fonts/corki-tuscan-webfont.eot');
    src: url('fonts/corki-tuscan-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/corki-tuscan-webfont.woff') format('woff'),
    url('fonts/corki-tuscan-webfont.ttf') format('truetype'),
    url('fonts/corki-tuscan-webfont.svg#corkituscan') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'segoe_uisemibold';
    src: url('fonts/seguisb-webfont.eot');
    src: url('fonts/seguisb-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/seguisb-webfont.woff2') format('woff2'),
         url('fonts/seguisb-webfont.woff') format('woff'),
         url('fonts/seguisb-webfont.ttf') format('truetype'),
         url('fonts/seguisb-webfont.svg#segoe_uisemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'segoe_uibold';
    src: url('fonts/segoeuib-webfont.eot');
    src: url('fonts/segoeuib-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/segoeuib-webfont.woff2') format('woff2'),
         url('fonts/segoeuib-webfont.woff') format('woff'),
         url('fonts/segoeuib-webfont.ttf') format('truetype'),
         url('fonts/segoeuib-webfont.svg#segoe_uibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
    width: 100%;
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
	width: 100%;
}

a {
	text-decoration: none;
}

a.page-cont {
	background: #fbb040;
	padding: 1px 7px 3px 7px;
	color: #fff;
	text-transform: lowercase;
	font-family: 'corkituscan';
	font-size: 20px;
	letter-spacing: 0px;
}

a.page-cont:hover {
	background: #c9cf4d;
}

strong, b {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}

img {
    border: 0;
}

/*.wrapper {
    width: 980px;
    margin: 0 auto;
}*/

div.wrapper {
    max-width: 492px;
    max-height: 420px;
    position: relative;
    /*top: 50%;*/
    left: 50%;
    /*margin-top: -210px;*/
    margin-left: -246px;
    display: block;
}


/* Title Page */

div.top-line-img {
/*    background: url('../images/top-line-title-page.png') no-repeat;
*/  max-width: 415px;
    height: auto;
    position: relative;
    left: 35px;
    top: 0;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.42);
    -webkit-box-shadow:  0 1px 5px rgba(0, 0, 0, 0.42);
    -moz-box-shadow:  0 1px 5px rgba(0, 0, 0, 0.42);
}

div.top-line-img img, span.logo-big img {
	display: block;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

div.titlepage {
	max-width: 492px;
    max-height: 420px;
	height: auto;
}

a.logo-big, span.logo-big {
    display: block;
}

a.logo-big {
    position: absolute;
    top: 34px;
    left: 96px;
}

div.titlepage > div.moduletable {
    position: absolute;
    top: 155px;
    left: 35px;
    max-width: 457px;
    font-family: 'corkituscan';
    font-size: 24px;
}

div.web-design, div.contacts, div.coding, div.letsgo, div.about, div.titcopyright {
    position: absolute;
    top: 0;
    left: 0;
}

div.web-design a, div.contacts a, div.coding a, div.letsgo a, div.about a, div.titcopyright {
    display: block;
    width: 193px;
    height: 68px;
    padding-left: 13px;
    background: url('../images/but-web-design.png') no-repeat;
    color: #fff;
    text-decoration: none;
    /*-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;*/
}

div.web-design a:hover, div.contacts a:hover, div.coding a:hover, div.letsgo a:hover, div.about a:hover {
    background-position: 0 -68px;
    text-decoration: none;
}

div.contacts {
    left: 208px;
}

div.contacts a {
    padding-right: 13px;
    padding-left: 0;
    text-align: right;
    background: url('../images/but-contactu.png') no-repeat;
}

div.coding {
    top: 69px;
}

div.coding a {
    background: url('../images/but-verstka.png') no-repeat;
}

div.letsgo {
    top: 69px;
    left: 208px;
}

div.letsgo a {
    padding-right: 88px;
    padding-left: 0;
    text-align: right;
    padding-top: 17px;
    background: url('../images/but-lets-go.png') no-repeat;
    width: 159px;
    height: 51px;
    text-decoration: underline;
}

div.letsgo a:hover {
    text-decoration: none;
}

div.about {
    top: 138px;
}

div.about a {
    background: url('../images/but-info.png') no-repeat;
}

div.titcopyright {
    top: 138px;
    left: 208px;
    padding-right: 5px;
    padding-left: 0;
    text-align: right;
    background: url('../images/but-copyright.png') no-repeat;
    font-size: 17px;
    padding-top: 23px;
    width: 201px;
    height: 45px;
	line-height: 19px;
}

div.titcopyright span {
    font-size: 15px;
}

div.koleso {
    position: absolute;
    width: 149px;
    height: 149px;
    background: url('../images/koleso.png') no-repeat;
    z-index: 2;
    top: 47px;
    left: 130px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
}

div.koleso:hover {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

div.zaglushka {
    position: absolute;
    background: url('../images/language-zaglushka.jpg') no-repeat;
    width: 251px;
    height: 32px;
    top: 227px;
    left: 75px;
	background-size: 100%;
}

div.titlephone {
	position: absolute;
	top: 289px;
	left: 138px;
	font-size: 22px;
	color: #2C2C2C;
	width: 200px;
}

div.aboutweb {
	position: absolute;
	text-align: center;
	display: block;
	width: 404px;
	padding-left: 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	top: 339px;
	padding-bottom: 40px;
}

@media (max-width: 319px) {
	div.wrapper {
		max-width: 176px;
		margin-left: -123px;
	}
	a.logo-big {
		top: 21px;
		left: 50px;
		width: 148px;
	}
	div.titlepage > div.moduletable {
		top: 93px;
		width: 148px;
		max-width: 148px;
		left: 50px;
	}
	div.web-design a, div.coding a, div.about a, div.contacts a, div.letsgo a {
		width: 135px;
		background: url("../images/but-web-design-sm.jpg") repeat-x scroll 0% 0% transparent;
	}
	div.coding a {
		background: url("../images/but-verstka-sm.jpg") repeat-x scroll 0% 0% transparent;
	}
	div.about a {
		background: url("../images/but-info-sm.jpg") repeat-x scroll 0% 0% transparent;
	}
	div.koleso {
		display: none;
	}
	div.contacts {
		left: 0;
		top: 207px;
	}
	div.contacts a {
		background: url("../images/but-contactu-sm.jpg") repeat-x scroll 0% 0% transparent;
		padding-left: 13px;
		text-align: left;
		padding-right: 0;
	}
	div.letsgo {
		left: 0;
		top: 276px;
	}
	div.letsgo a {
		background: url("../images/but-lets-go-sm.jpg") repeat-x scroll 0% 0% transparent;
		text-align: left;
		padding: 14px 0 0 13px;
	}
	div.titcopyright {
		left: 0;
		top: 342px;
		background: url("../images/but-copyright-sm.jpg") repeat-x scroll 0% 0% transparent;
		padding-right: 0;
		padding-left: 5px;
		text-align: left;
		width: 143px;
	}
	div.zaglushka {
		width: 171px;
		top: 440px;
		left: -12px;
	}
	div.titlephone {
		top: 480px;
		left: 4px;
	}
	div.aboutweb {
		width: 148px;
		padding-left: 0;
		top: 533px;
	}
}

@media (min-width: 320px) and (max-width: 493px) {
    div.wrapper {
       max-width: 320px;
       margin-left: -160px;
    }
    div.top-line-img {
       left: 0;
    }
    a.logo-big {
        left: 14px;
        top: 26px;
		width: 291px;
    }
	div.titlepage > div.moduletable {
		left: 1px;
	}
	div.web-design a, div.contacts a, div.coding a, div.letsgo a, div.about a {
		width: 145px;
	}
	div.titcopyright {
		width: 155px;
		font-size: 14px;
		padding-top: 27px;
		padding-right: 3px;
	}
	div.titcopyright span {
		font-size: 14px;
	}
	div.web-design a {
		background: url("../images/but-web-design.png") no-repeat scroll 100% 0% transparent;
	}
	div.coding a {
		background: url("../images/but-verstka.png") no-repeat scroll 100% 0% transparent;
	}
	div.about a {
		background: url("../images/but-info.png") no-repeat scroll 100% 0% transparent;
		text-shadow: 0 0 6px rgba(0, 0, 0, 0.31);
	}
	div.about a:hover {
		color: #fff;
	}
	div.web-design a:hover, div.coding a:hover, div.about a:hover {
		background-position: 100% -68px;
	}
	div.contacts, div.letsgo, div.titcopyright {
   	    left: 160px;
	}
	div.letsgo a {
		padding-right: 13px;
	}
	div.koleso {
		left: 82px;
	}
	div.zaglushka {
		left: 26px;
	}
	div.titlephone {
		left: 58px;
		width: 200px;
		text-align: center;
	}
	div.aboutweb {
		width: 300px;
	}
}

/* END Title Page */

div.header {
    position: relative;
    width: 980px;
    height: 110px;
	z-index: 200;
	margin: 0 auto;
}

div.top-line {
    width: 978px;
    margin: 0 auto;
    height: 12px;
    background: url('../images/top-line1.png') no-repeat;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.42);
    -webkit-box-shadow:  0 1px 5px rgba(0, 0, 0, 0.42);
    -moz-box-shadow:  0 1px 5px rgba(0, 0, 0, 0.42);
    position: relative;
    z-index: 10;
}

a.logo {
    display: block;
    position: absolute;
    left: 24px;
    top: 28px;
}

menu.mainmenu {
    position: absolute;
    left: 258px;
    margin: 0;
    padding: 0;
    z-index: 1;
    font-family: 'corkituscan';
}

ul.menu {
    margin: 0;
    padding: 0;
    height: 68px;
}

ul.menu li {
    list-style: none;
    float: left;
    width: 112px;
    height: 68px;
    display: block;

}

ul.menu li a {
    display: block;
    width: 100px;
    height: 65px;
    color: #fff;
    text-decoration: none;
    font-size: 24px;
    padding-left: 12px;
    padding-top: 3px;
}

ul.menu li a:hover {
    text-decoration: none;
}

ul.menu li.item-102, ul.menu li.item-103, ul.menu li.item-104, ul.menu li.item-105 {
    transition: background-color 0.2s ease-in 0.2s;
    -moz-transition: background 0.2s ease-in 0.2s;
    -webkit-transition: background 0.2s ease-in 0.2s;
    -khtml-transition: background 0.2s ease-in 0.2s;
    -opera-transition: background 0.2s ease-in 0.2s;
    -ms-transition: background 0.2s ease-in 0.2s;
}

ul.menu li.item-102:hover, ul.menu li.item-103:hover, ul.menu li.item-104:hover, ul.menu li.item-105:hover {
    transition: background 0.4s ease-in-out;
    -moz-transition: background 0.4s ease-in-out;
    -webkit-transition: background 0.4s ease-in-out;
    -khtml-transition: background 0.4s ease-in-out;
    -opera-transition: background 0.4s ease-in-out;
    -ms-transition: background 0.4s ease-in-out;
}

ul.menu li.item-102 {
    background: #cc0066 url('../images/item102.jpg') repeat-x;
}

ul.menu li.item-102:hover {
    background: url('../images/item102hover.jpg') repeat-x;
}

ul.menu li.item-103 {
    background: #ff6666 url('../images/item103.jpg') repeat-x;
}

ul.menu li.item-103:hover {
    background: url('../images/item103hover.jpg') repeat-x;
}

ul.menu li.item-104 {
    background: #ff9933 url('../images/item104.jpg') repeat-x;
}

ul.menu li.item-104:hover {
    background: url('../images/item104hover.jpg') repeat-x;
}

ul.menu li.item-105 {
    background: #c9cf4d url('../images/item105.jpg') repeat-x;
}

ul.menu li.item-105:hover {
    background: url('../images/item105hover.jpg') repeat-x;
}

div.language {
    position: absolute;
    width: 274px;
    height: 68px;
    right: 0;
    top: 12px;
}

div.zaglushka2 {
    position: absolute;
    background: url('../images/language-zaglushka2.png') no-repeat;
    width: 251px;
    height: 31px;
    top: 20px;
    left: 15px;
}

div.main {
    padding-top: 10px;
	position: relative;
	max-width: 980px;
	margin: 0 auto;
}

.item-page h2 {
    text-align: center;
    margin: 0;
    font-family: 'corkituscan';
    font-size: 28px;
    font-weight: normal;
    background: url('../images/bg-web-design1.png') no-repeat center;
    width: 213px;
    height: 50px;
    display: block;
    position: relative;
    color: #fff;
    padding-left: 17px;
    padding-top: 4px;
    margin-left: 357px;
    margin-bottom: 20px;
}

/* Content Design */


div.first-line {
	max-width: 906px;
	margin: 0 auto;
    height: 300px;
    display: table;
    padding-top: 10px;
}

/*div.first-line div.view:nth-child(2n) {
    background: rgba(161, 123, 54, 0.08);
}

div.first-line:nth-child(2n) {
    background: rgba(161, 123, 54, 0.1);
}*/

div.strelka {
    position: absolute;
    width: 95px;
    height: 21px;
    background: url('../images/strelka-sm.png') no-repeat;
    left: 30px;
    top: 20px;
    opacity: 0.2;
    display: none;
}

div.strelka-bot {
	position: absolute;
    width: 95px;
    height: 21px;
    background: url('../images/strelka-sm-bot.png') no-repeat;
    left: 30px;
    top: 227px;
    opacity: 0.2;
    display: none;
}

div.textview {
    position: relative;
    margin: 0 auto;
    margin-top: 45px;
    font-family: 'corkituscan';
}

div.textview span.site, div.textview span.name, div.textview span.descript {
    color: rgba(35, 31, 32, 0.7);
    font-size: 25px;
    clear: both;
    display: block;
}

div.textview span.name {
    font-size: 40px;
    line-height: 37px;
    padding-bottom: 5px;
}

div.textview span.descript {
    font-size: 27px;
    line-height: 23px;
    padding-top: 4px;
    border-top: 4px solid #fe5850;
}

div.view.view-sixth.second div.textview span.descript {
	border-top: 4px solid #fbb040;
}

div.view.view-sixth.first div.textview span.descript {
	border-top: 4px solid #c10250;
}

div.view.view-sixth.four div.textview span.descript {
	border-top: 4px solid #C5AE63;
}

div.view.view-sixth.fifth div.textview span.descript {
	border-top: 4px solid #96D2E6;

}

.view {
    width: 155px;
    height: 260px;
    margin: 10px 13px;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
	top: 0;
}

.view .mask,.view .content {
    width: 155px;
    height: 260px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.view h2 {
    text-transform: uppercase;
    color: #000;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    margin: 20px 0 0 0;
}
.view p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #000;
    padding: 10px 20px 20px;
    text-align: center;
}
.view a.info {
    display: inline-block;
	text-decoration: none;
	padding: 3px 14px 5px 14px;
	background: #c9cf4d;
	color: #535353;
	font-family: 'corkituscan';
	font-size: 17px;
	letter-spacing: 2px;
    /*text-transform: uppercase;
    -webkit-box-shadow: 0 0 1px #000;
    -moz-box-shadow: 0 0 1px #000;
    box-shadow: 0 0 1px #000;*/
}
.view a.info:hover {
    /*-webkit-box-shadow: 0 0 5px #000;
    -moz-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000;*/
	background: #90D3D6;
}

.view.second a.info:hover {
	background: #D4D45D;
}

.view.first a.info:hover {
	background: #DAE7E7;
}

.view.four a.info:hover {
	background: #E2DD9D;
}

.view.fifth a.info {
	background: #EBF092;;
}

.view.fifth a.info:hover {
	background: #F1E273;
}

.view-sixth {
	border-bottom: 7px solid rgba(254, 88, 80, 0);
    transition: border 0.2s ease-in 0.2s;
    -moz-transition: border 0.2s ease-in 0.2s;
    -webkit-transition: border 0.2s ease-in 0.2s;
    -khtml-transition: border 0.2s ease-in 0.2s;
    -opera-transition: border 0.2s ease-in 0.2s;
    -ms-transition: border 0.2s ease-in 0.2s;
}

.view-sixth img {
    -webkit-transition: all 0.4s ease-in-out 0.5s;
    -moz-transition: all 0.4s ease-in-out 0.5s;
    -o-transition: all 0.4s ease-in-out 0.5s;
    -ms-transition: all 0.4s ease-in-out 0.5s;
    transition: all 0.4s ease-in-out 0.5s;
}
.view-sixth .mask {
    background-color: #fff;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.3s ease-in 0.4s;
    -moz-transition: all 0.3s ease-in 0.4s;
    -o-transition: all 0.3s ease-in 0.4s;
    -ms-transition: all 0.3s ease-in 0.4s;
    transition: all 0.3s ease-in 0.4s;
}
.view-sixth h2 {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    background: transparent;
    /* margin: 20px 40px 0px 40px;*/
    -webkit-transform: scale(10);
    -moz-transform: scale(10);
    -o-transform: scale(10);
    -ms-transform: scale(10);
    transform: scale(10);
    -webkit-transition: all 0.3s ease-in-out 0.1s;
    -moz-transition: all 0.3s ease-in-out 0.1s;
    -o-transition: all 0.3s ease-in-out 0.1s;
    -ms-transition: all 0.3s ease-in-out 0.1s;
    transition: all 0.3s ease-in-out 0.1s;
}
.view-sixth p {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    /*-webkit-transform: scale(10);
    -moz-transform: scale(10);
    -o-transform: scale(10);
    -ms-transform: scale(10);
    transform: scale(10);
    -webkit-transition: all 0.3s ease-in-out 0.2s;
    -moz-transition: all 0.3s ease-in-out 0.2s;
    -o-transition: all 0.3s ease-in-out 0.2s;
    -ms-transition: all 0.3s ease-in-out 0.2s;
    transition: all 0.3s ease-in-out 0.2s;*/
}
.view-sixth a.info {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: all 0.3s ease-in-out 0.1s;
    -moz-transition: all 0.3s ease-in-out 0.1s;
    -o-transition: all 0.3s ease-in-out 0.1s;
    -ms-transition: all 0.3s ease-in-out 0.1s;
    transition: all 0.3s ease-in-out 0.1s;
}

.view-sixth:hover {
    border-bottom: 7px solid #fe5850;
    transition: border 0.4s ease-in-out;
    -moz-transition: border 0.4s ease-in-out;
    -webkit-transition: border 0.4s ease-in-out;
    -khtml-transition: border 0.4s ease-in-out;
    -opera-transition: border 0.4s ease-in-out;
    -ms-transition: border 0.4s ease-in-out;
}

.view-sixth.second:hover {
	border-bottom: 7px solid #fbb040;
}

.view-sixth:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
    /*cursor: pointer;*/
    background: #07afbc;
    color: #fff;
}

.view-sixth.second {
    background: rgba(162, 190, 74, 0.08);
}

.view-sixth.second:hover .mask {
	background: #A2BE4A;
}

.view-sixth.first {
    background: rgba(193, 2, 80, 0.04);
}

.view-sixth.first:hover .mask {
	background: #c10250;
}

.view-sixth.four {
    background: rgba(187, 163, 103, 0.08);
}

.view-sixth.four:hover .mask {
	background: #BBA367;
}

.view-sixth.third {
    background: rgba(7, 175, 188, 0.04);
}

.view-sixth.third:hover .mask {
	background: #07afbc;
}

.view-sixth.fifth {
    background: rgba(229, 186, 46, 0.09);
}

.view-sixth.fifth:hover .mask {
	background: #E5BA2E;
}

div.mask p {
	font-family: 'corkituscan';
	margin-top: 10px;
	display: block;
	font-size: 29px;
	font-style: normal;
	line-height: 25px;
	margin-bottom: 0;
	padding-bottom: 10px;
}

div.mask p span.frst {
	font-size: 22px;
}

span.imgpresent-levitska, span.imgpresent-tymir, span.imgpresent-couleur, span.imgpresent-gofrance, span.imgpresent-kazak, span.imgpresent-sok, span.imgpresent-sww, span.imgpresent-bio, span.imgpresent-jive, span.imgpresent-christi, span.imgpresent-holid, span.imgpresent-yachting, span.imgpresent-kt, span.imgpresent-passage, span.imgpresent-panda, span.imgpresent-nirvana, span.imgpresent-vata, span.imgpresent-harmony, span.imgpresent-tornex, span.imgpresent-olympico, span.imgpresent-lishishin, span.imgpresent-saivo, span.imgpresent-foryou, span.imgpresent-analis, span.imgpresent-toni, span.imgpresent-bayda, span.imgpresent-fcomp, span.imgpresent-dumka, span.imgpresent-teatre, span.imgpresent-fruits, span.imgpresent-auto, span.imgpresent-ipm {
	background: url('../images/maria-levitska2.jpg') no-repeat;
	display: block;
	width: 155px;
	height: 107px;
	background-size: 100%;
	padding-bottom: 10px;
	text-indent: -9999px;
}

span.imgpresent-tymir {
	background: url('../images/tymir-2.jpg') no-repeat;
    background-size: 100%;
}

span.imgpresent-couleur {
	background: url('../images/couleurparis-1.jpg') no-repeat;
    background-size: 100%;
}

span.imgpresent-gofrance {
	background: url('../images/gofrance-1.jpg') no-repeat;
    background-size: 100%;
}

span.imgpresent-kazak {
	background: url('../images/kazak-1.jpg') no-repeat;
    background-size: 100%;
}

span.imgpresent-sok {
    background: url('../images/sok-img.jpg') no-repeat;
    background-size: 100%;
}

span.imgpresent-sww {
    background: url('../images/sww-img.jpg') no-repeat;
    background-size: 100%;
}

span.imgpresent-bio {
    background: url('../images/bio-img.jpg') no-repeat;
    background-size: 100%;
}

span.imgpresent-jive {
    background: url('../images/jive-img.jpg') no-repeat;
    background-size: 100%;
}

span.imgpresent-christi {
    background: url('../images/chrisi-img.jpg') no-repeat;
    background-size: 100%;
}

span.imgpresent-holid {
    background: url('../images/holid-img.jpg') no-repeat;
    background-size: 100%;
}

span.imgpresent-yachting {
    background: url('../images/yachting-img.jpg') no-repeat;
    background-size: 100%;
}

span.imgpresent-kt {
    background: url('../images/kt-img.jpg') no-repeat;
    background-size: 100%;
}

span.imgpresent-passage {
    background: url('../images/passage-img.jpg') no-repeat;
    background-size: 100%;
}

span.imgpresent-panda {
    background: url('../images/panda-img.jpg') no-repeat;
    background-size: 100%;
}

span.imgpresent-nirvana {
    background: url('../images/nirvana-img.jpg') no-repeat;
    background-size: 100%;
}

span.imgpresent-vata {
    background: url('../images/vata-img.jpg') no-repeat;
    background-size: 100%;
}

span.imgpresent-harmony {
    background: url('../images/harminy-img.jpg') no-repeat;
    background-size: 100%;
}

span.imgpresent-tornex {
    background: url('../images/tornex-img.jpg') no-repeat;
    background-size: 100%;
}

span.imgpresent-olympico {
    background: url('../images/olympico-img.jpg') no-repeat;
    background-size: 100%;
}

span.imgpresent-lishishin {
    background: url('../images/lishishin-img.jpg') no-repeat;
    background-size: 100%;
}

span.imgpresent-saivo {
    background: url('../images/saivo-img.jpg') no-repeat;
    background-size: 100%;
}

span.imgpresent-foryou {
    background: url('../images/foryounet-img.jpg') no-repeat;
    background-size: 100%;
}

span.imgpresent-analis {
    background: url('../images/analiz-img.jpg') no-repeat;
    background-size: 100%;
}

span.imgpresent-toni {
    background: url('../images/toni-img.jpg') no-repeat;
    background-size: 100%;
}

span.imgpresent-bayda {
    background: url('../images/bayda-img.jpg') no-repeat;
    background-size: 100%;
}

span.imgpresent-fcomp {
    background: url('../images/fcompany-img.jpg') no-repeat;
    background-size: 100%;
}

span.imgpresent-dumka {
    background: url('../images/dumka-img.jpg') no-repeat;
    background-size: 100%;
}

span.imgpresent-teatre {
    background: url('../images/atheatre-img.jpg') no-repeat;
    background-size: 100%;
}

span.imgpresent-fruits {
    background: url('../images/fruits-img.jpg') no-repeat;
    background-size: 100%;
}

span.imgpresent-auto {
    background: url('../images/auto-img.jpg') no-repeat;
    background-size: 100%;
}

span.imgpresent-ipm {
    background: url('../images/ipm-img.jpg') no-repeat;
    background-size: 100%;
}

.view-sixth:hover img {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
}
.view-sixth:hover h2 {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.view-sixth:hover p {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    /*-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    transition-delay: 0.2s;*/
    color: #fff;
}
.view-sixth:hover a.info {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

/* END Content Design */

div.footer, div.bottom {
    display: none;
}

div.footer {
    background: url('../images/bg-footer-1.png') no-repeat;
    width: 455px;
    height: 68px;
    margin-left: 283px;
    margin-top: 40px;
}

div.footer table {
    text-align: center;
	border-collapse: collapse;
}

div.footer table td {
    padding-top: 2px;
	width: 206px;
	height: 68px;
}

span.copyright, span.developming, span.phones {
    color: #fff;
    font-family: 'corkituscan';
    font-size: 17px;
}

span.copyright {
	letter-spacing: 1px;
}

span.developming {
    font-size: 19px;
    line-height: 19px;
}

span.phones {
    font-size: 21px;
}

div.ccms_form_element label {
    text-align: right;
    padding-right: 10px;
    font-weight: normal;
    font-size: 18px;
    color: #000;
    margin: 0;
}

.cfdiv_text label {
    font-family: 'corkituscan';
}

div#message_container_div label {
    padding-right: 10px;
    font-weight: normal;
    font-size: 18px;
    font-family: 'corkituscan';
    color: #000;
    width: 100px;
}

.ccms_form_element {
    margin-bottom: 7px;
    padding: 0;
}

.ccms_form_element input, textarea {
    padding: 2px !important;
    width: 336px;
    background: #dcdcd6;
    border: 0;
}

.ccms_form_element textarea {
    height: 52px;
    max-height: 52px;
    max-width: 336px;
}

div#submit_container_div input {
    background: #fe5850;
    width: 93px;
    height: 32px;
    color: #fff;
    font-family: 'corkituscan';
    font-size: 20px;
    margin-left: 235px;
}

div#submit_container_div {
    display: table;
}

div#submit_container_div input:hover {
    cursor: pointer;
    background-color: #07afbc;
}

form#chronoform-contact-form {
    display: table;
    margin-left: 211px;
    margin-top: 27px;
}

form#chronoform-contact-form .form-group {
	margin-bottom: 7px;
    padding: 0;
}

form#chronoform-contact-form label {
	text-align: right!important;
    padding-right: 10px;
    font-weight: normal;
    font-size: 18px;
    color: #000;
    margin: 0;
	font-family: 'corkituscan';
	width: 100px;
    min-width: 100px;
    max-width: 100px;
}

form#chronoform-contact-form label i.fa {
	font-size: 7px!important;
    color: #000!important;
}

form#chronoform-contact-form #form-row-phone label {
	padding-right: 19px;
}

form#chronoform-contact-form input {
	padding: 2px 5px 2px 6px !important;
    width: 336px!important;
    background: #dcdcd6;
    border: 0;
    border-radius: 0;
    box-shadow: none;
	height: 24px;
	margin-top: 3px;
	font-size: 14px;
	transition: ease-out 0.4s;
    -moz-transition: ease-out 0.4s;
    -webkit-transition: ease-out 0.4s;
    -khtml-transition: ease-out 0.4s;
    -opera-transition: ease-out 0.4s;
    -ms-transition: ease-out 0.4s;
	font-family: 'Open Sans', sans-serif;
}

form#chronoform-contact-form textarea {
	height: 52px;
    max-height: 52px;
    max-width: 336px;
	padding: 2px 5px 2px 6px !important;
    width: 336px!important;
    background: #dcdcd6;
    border: 0;
	box-shadow: none;
	border-radius: 0;
}

form#chronoform-contact-form #form-row-captcha {
	width: 563px;
}

form#chronoform-contact-form #form-row-captcha #fitem1 {
	float: right;
	margin-top: 19px;
}

form#chronoform-contact-form #form-row-captcha #fin-captcha1 input {
	margin-top: 28px;
}

form#chronoform-contact-form #form-row-submit input#submit {
	background: #fe5850;
    width: 93px!important;
    height: 32px;
    color: #fff;
    font-family: 'corkituscan';
    font-size: 20px;
    margin-left: 226px;
	font-weight: normal;
    text-shadow: none;
	padding-top: 0!important;
	transition: ease-out 0.4s;
    -moz-transition: ease-out 0.4s;
    -webkit-transition: ease-out 0.4s;
    -khtml-transition: ease-out 0.4s;
    -opera-transition: ease-out 0.4s;
    -ms-transition: ease-out 0.4s;
}

form#chronoform-contact-form #form-row-submit input#submit:hover, form#chronoform-contact-form #form-row-submit input#submit:focus {
	outline: none;
	background: #07afbc;
}

form#chronoform-contact-form input:hover, form#chronoform-contact-form input:focus {
	background: #c5c5c0;
}

.cfdiv_text label {
    width: 100px;
}

#chronoform_contact-form input:hover, #chronoform_contact-form input:focus, #chronoform_contact-form textarea:hover, #chronoform_contact-form textarea:focus {
    background: #c5c5c0;
}

span.langusge-test {
    display: block;
    width: 251px;
    height: 32px;
    background: url('../images/language-zaglushka.jpg') no-repeat;
    margin-top: 30px;
	margin-left: 351px;
	display: table;
}

a.logo-small {
    display: block;
    width: 155px;
    height: 56px;
    background: url('../images/logo-small.png') no-repeat;
    text-indent: -9999px;
    margin: 0 auto;
    margin-top: 90px;
    margin-bottom: -20px;
}

div.item-page {
	font-family: 'Open Sans', sans-serif;
    font-size: 13px;
}

table.info {
	width: 747px; 
	margin-left: 105px; 
	border-collapse: collapse; 
	text-align: center; 
	color: #fff;
}

div.rectangle-one, div.rectangle-two, div.rectangle-three, div.rectangle-four, div.rectangle-five, div.rectangle-six {
    width: 217px;
    height: 330px;
    background: #c10250;
    position: relative;
    margin-right: 48px; 
    font-family: 'corkituscan';
    font-size: 35px;
    line-height: 31px;
    padding-top: 15px;
}

div.sm-rect-one, div.sm-rect-two, div.sm-rect-three, div.sm-rect-four, div.sm-rect-five, div.sm-rect-six {
    position: absolute;
    width: 217px;
    height: 231px;
    background: #fbb040;
    bottom: 0;
    left: 0;
    font-family: 'corkituscan';
    color: #c10250;
    font-size: 26px;
    line-height: 24px;
    padding-top: 20px;
}

div.sm-rect-one {
    background: #fbb040 url('../images/saytu-s-nulya.png') 56px 173px no-repeat;
}

div.rectangle-two {
    background: #fe5850;
}

div.sm-rect-two {
    background: #c9cf4d url('../images/design-saita.png') 55px 159px no-repeat;
    color: #595959;
}

div.rectangle-three {
    margin-right: 0px; 
    background: #2f6f85;
}

div.sm-rect-three {
    background: #07afbc url('../images/verstka-saita.png') 79px 173px no-repeat;
    color: #fff;
    font-size: 26px;
}

div.rectangle-four {
    background: #07afbc;
    margin-top: 40px;
}

div.sm-rect-four {
    background: #2f6f85 url('../images/redesign-saita.png') 77px 193px no-repeat;
    font-size: 25px;
    color: #fff;
}

div.rectangle-five {
    background: #a0a433;
    margin-top: 40px;
}

div.sm-rect-five {
    background: #c38323 url('../images/velosiped.png') 44px 108px no-repeat;
    font-size: 25px;
    color: #fff;
}

div.rectangle-six {
    background: #fbb040;
    margin-top: 40px;
}

div.sm-rect-six {
    background: #fe5850 url('../images/teh-podderjka.png') 81px 165px no-repeat;
    font-size: 27px;
    color: #fff;
}

table.vidu-saitov {
    color: #fff;
    font-family: 'corkituscan';
    border-collapse: collapse;
    position: relative;
    font-size: 30px;
}

table.vidu-saitov tr:first-child {
    background: #07afbc;
    width: 438px;
    height: 54px;
}

table.vidu-saitov tr:last-child {
    background: url('../images/bg-table-vidu.png') no-repeat;
    width: 438px;
    height: 245px;
    position: relative;
}

span.vizitka, span.site-blog, span.site-catalog, span.int-mag {
    position: absolute;
    top: 84px;
    left: 158px;
    font-size: 28px;
}

/* Only Mozilla */
@-moz-document url-prefix() {
	span.vizitka, span.site-blog, span.site-catalog, span.int-mag  {
		top: 28px;
	}
	
}

/* Opera Only */
noindex:-o-prefocus, span.vizitka, span.site-blog, span.site-catalog, span.int-mag {
	top: 28px;
}


span.site-blog {
    left: 36px;
    top: 154px;
}

/* Only Mozilla */
@-moz-document url-prefix() {
	span.site-blog {
		top: 103px;
	}
	
}

/* Opera Only */
noindex:-o-prefocus, span.site-blog {
	top: 103px;
}


span.site-catalog {
    left: 301px;
    top: 157px;
    font-size: 27px;
}

/* Only Mozilla */
@-moz-document url-prefix() {
	span.site-catalog  {
		top: 103px;
	}
	
}

/* Opera Only */
noindex:-o-prefocus, span.site-catalog {
	top: 103px;
}

span.int-mag {
    top: 244px;
    left: 144px;
    font-size: 27px;
}

/* Only Mozilla */
@-moz-document url-prefix() {
	span.int-mag  {
		top: 185px;
	}
	
}

/* Opera Only */
noindex:-o-prefocus, span.int-mag {
	top: 185px;
}

div.anchor {
    background: url('../images/anchor.png') no-repeat;
    width: 90px;
    height: 90px;
    margin: 0 auto;
    opacity: 0.7;
}

input.chrono_captcha_input {
    margin-top: 14px;
    height: 23px;
}

div#capcha_container_div img {
    margin-top: 8px;
}

span.phonecall {
	background: url('../images/phone-call.png') 0 2px no-repeat;
	padding: 0 0 6px 20px;
	line-height: 42px;
	font-size: 18px;
}

aside.left {
	float: left;
	width: 335px;
	height: 353px;
	position: relative;
	top: 89px;
	z-index: 99;
}

div.left-block {
	background: url('../images/bg-left3.png') 10px 0px no-repeat;
	width: 305px;
	height: 364px;
}

article.isleft {
	width: 615px;
	padding: 0 10px;
	margin-left: 345px;
}

article.isleft .item-page h2 {
	margin-left: 5px;
	margin-bottom: 35px;
}

div.return {
	position: absolute;
	width: 102px;
	height: 31px;
	top: 60px;
	left: 41px;
	z-index: 100;
}

div.return a {
	font-family: 'corkituscan';
	color: #2f6f85;
	font-size: 23px;
	position: absolute;
	top: 0;
	left: 0;
	background: url('../images/return-bg.png') 0px 3px no-repeat;
	padding-left: 32px;
	padding-bottom: 6px;
}

div.return a:hover {
	color: #c10250;
	background: url('../images/return-bg-hover.png') 0px 3px no-repeat;
}

div.design1, div.design2, div.design3, div.design4 {
	background: url('../images/toni/design-toni-1.jpg') no-repeat;
	width: 615px;
	height: 376px;
	margin-bottom: 15px;
	border: 1px solid rgba(68, 68, 68, 0.24);
	background-size: 100%!important;
}

div.design2 {
	background: url('../images/toni/design-toni-2.jpg') no-repeat;
	height: 692px;
}

div.design3 {
	background: url('../images/toni/design-toni-3.jpg') no-repeat;
}

div.design4 {
	background: url('../images/toni/design-toni-4.jpg') no-repeat;
	height: 411px;
}

span.name-proj {
	font-family: 'corkituscan';
	width: 167px;
	text-align: center;
	display: block;
	position: absolute;
	left: 114px;
	color: #2f6f85;
	font-size: 30px;
	padding-top: 10px;
	padding-left: 6px;
}

span.logo-proj {
	width: 189px;
	text-align: center;
	display: block;
	position: absolute;
	left: 114px;
	top: 54px;
}

span.toni-logo {
	display: block;
	background: url('../images/toni/toni-logo3.png') no-repeat;
	width: 137px;
	height: 72px;
	margin: 0 auto;
}

span.url-proj {
	display: block;
	position: absolute;
	width: 189px;
	left: 114px;
	top: 140px;
	text-align: center;
	margin-top: 17px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #2f6f85;
}

span.url-proj a {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #2f6f85;
}

span.url-proj a:hover {
	color: #f1efef;
	background: #a9ae35;
	padding: 1px 11px 3px 11px;
}

span.descript-proj {
	display: block;
	position: absolute;
	width: 178px;
	padding: 7px;
	padding-top: 10px;
	left: 114px;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	color: #2f6f85;
	font-size: 13px;
	top: 202px;
	line-height: 17px;
}

div.design1-analis, div.design2-analis, div.design3-analis {
	background: url('../images/analis/design-analis-1.jpg') no-repeat;
	width: 615px;
	height: 328px;
	border: 1px solid rgba(68, 68, 68, 0.24);
	margin-bottom: 15px;
	background-size: 100%!important;
}

div.design2-analis {
	background: url('../images/analis/design-analis-2.jpg') no-repeat;
	height: 402px;
}

div.design3-analis {
	background: url('../images/analis/design-analis-3.jpg') no-repeat;
	height: 427px;
}

span.analis-logo {
	background: url('../images/analis/logo-analis2.png') no-repeat;
	width: 150px;
	height: 72px;
	margin: 0 auto;
	display: block;
}

div.design1-bayda, div.design2-bayda, div.design3-bayda, div.design4-bayda, div.design5-bayda {
	background: url('../images/bayda/design-bayda-1.jpg') no-repeat;
	width: 615px;
	height: 415px;
	border: 1px solid rgba(68, 68, 68, 0.24);
	margin-bottom: 15px;
	background-size: 100%!important;
}

div.design2-bayda {
	background: url('../images/bayda/design-bayda-2.jpg') no-repeat;
	height: 378px;
}

div.design3-bayda {
	background: url('../images/bayda/design-bayda-3.jpg') no-repeat;
	height: 601px;
}

div.design4-bayda {
	background: url('../images/bayda/design-bayda-4.jpg') no-repeat;
	height: 581px;
}

div.design5-bayda {
	background: url('../images/bayda/design-bayda-5.jpg') no-repeat;
	height: 599px;
}

span.bayda-logo {
	display: block;
	background: url('../images/bayda/bayda-logo2.png') no-repeat;
	width: 127px;
	height: 74px;
	margin: 0 auto;
}

span.sww-logo {
	display: block;
	background: url('../images/sww/sww-logo2.png') no-repeat;
	width: 117px;
	height: 79px;
	margin: 0 auto;
}

div.design1-sww, div.design2-sww, div.design3-sww {
	background: url('../images/sww/design-sww-1.jpg') no-repeat;
	width: 615px;
	height: 682px;
	border: 1px solid rgba(68, 68, 68, 0.24);
	margin-bottom: 15px;
	background-size: 100%!important;
}

div.design2-sww {
	background: url('../images/sww/design-sww-2.jpg') no-repeat;
	height: 448px;
}

div.design3-sww {
	background: url('../images/sww/design-sww-3.jpg') no-repeat;
	height: 279px;
}

div.design1-bio, div.design2-bio {
	background: url('../images/bio/design-bioenergo-1.jpg') no-repeat;
	width: 615px;
	height: 1179px;
	border: 1px solid rgba(68, 68, 68, 0.24);
	margin-bottom: 15px;
	background-size: 100%!important;
}

div.design2-bio {
	background: url('../images/bio/design-bioenergo-2.jpg') no-repeat;
	height: 562px;
}

span.bio-logo {
	display: block;
	background: url('../images/bio/bio-logo2.png') no-repeat;
	width: 171px;
	height: 68px;
	margin: 0 auto;
}

div.design1-dumka, div.design2-dumka {
	background: url('../images/dumka/design-dumka1.jpg') no-repeat;
	width: 615px;
	height: 431px;
	border: 1px solid rgba(68, 68, 68, 0.24);
	margin-bottom: 15px;
	background-size: 100%!important;
}

div.design2-dumka {
	background: url('../images/dumka/design-dumka2.jpg') no-repeat;
	height: 492px;
}

span.dumka-logo {
	display: block;
	background: url('../images/dumka/dimka-logo2.png');
	width: 165px;
	height: 66px;
	margin: 0 auto;
	margin-left: 13px;
}

span.logo-jive {
	background: url('../images/jive/logo-jive2.png') no-repeat;
	width: 171px;
	height: 68px;
	display: block;
	margin: 0 auto;
}

div.design1-jive, div.design2-jive {
	background: url('../images/jive/design-jive1.jpg') no-repeat;
	width: 615px;
	height: 720px;
	border: 1px solid rgba(68, 68, 68, 0.24);
	margin-bottom: 15px;
	background-size: 100%!important;
}

div.design2-jive {
	background: url('../images/jive/design-jive2.jpg') no-repeat;
	height: 448px;
}

span.logo-atheatre {
	display: block;
	background: url('../images/atheatre/logo-atheatre2.png') no-repeat;
	width: 165px;
	height: 66px;
	margin: 0 auto;
}

div.design1-atheate, div.design2-atheate {
	background: url('../images/atheatre/design-atheatre1.jpg') no-repeat;
	width: 615px;
	height: 1107px;
	border: 1px solid rgba(68, 68, 68, 0.24);
	margin-bottom: 15px;
	background-size: 100%!important;
}

div.design2-atheate {
	background: url('../images/atheatre/design-atheatre2.jpg') no-repeat;
	height: 740px;
}

div.design1-fcompany, div.design2-fcompany, div.design3-fcompany {
	background: url('../images/fcompany/design-fcompany1.jpg') no-repeat;
	width: 615px;
	height: 557px;
	border: 1px solid rgba(68, 68, 68, 0.24);
	margin-bottom: 15px;
	background-size: 100%!important;
}

div.design2-fcompany {
	background: url('../images/fcompany/design-fcompany2.jpg') no-repeat;
	height: 570px;
}

div.design3-fcompany {
	background: url('../images/fcompany/design-fcompany3.jpg') no-repeat;
	height: 582px;
}

span.fcompany-logo {
	display: block;
	background: url('../images/fcompany/fcompany-logo2.png') no-repeat;
	width: 171px;
	height: 68px;
	margin: 0 auto;
}

span.kazak-logo {
	display: block;
	background: url('../images/kazak/logo-kazak2.png') no-repeat;
	width: 171px;
	height: 71px;
	margin: 0 auto;
}

div.design1-kazak, div.design2-kazak {
	background: url('../images/kazak/design-kazak1.jpg') no-repeat;
	width: 615px;
	height: 509px;
	border: 1px solid rgba(68, 68, 68, 0.24);
	margin-bottom: 15px;
	background-size: 100%!important;
}

div.design2-kazak {
	background: url('../images/kazak/design-kazak2.jpg') no-repeat;
	height: 878px;
}

div.design1-fruits, div.design2-fruits, div.design3-fruits {
	background: url('../images/fruits/design-fruit1.jpg') no-repeat;
	width: 615px;
	height: 600px;
	border: 1px solid rgba(68, 68, 68, 0.24);
	margin-bottom: 15px;
	background-size: 100%!important;
}

div.design2-fruits {
	background: url('../images/fruits/design-fruit2.jpg') no-repeat;
	height: 591px;
}

div.design3-fruits {
	background: url('../images/fruits/design-fruit3.jpg') no-repeat;
	height: 591px;
}

span.fruits-logo {
	display: block;
	width: 85px;
	height: 75px;
	background: url('../images/fruits/logo-fruits.png') no-repeat;
	margin: 0 auto;
}

span.automag-logo {
	display: block;
	width: 171px;
	height: 71px;
	background: url('../images/automag/logo-automag2.png') no-repeat;
	margin: 0 auto;
}

div.design1-automag {
	background: url('../images/automag/design-automag1.jpg') no-repeat;
	width: 615px;
	height: 571px;
	border: 1px solid rgba(68, 68, 68, 0.24);
	margin-bottom: 15px;
	background-size: 100%!important;
}

div.design1-ipm {
	background: url('../images/ipm/design-ipm1.jpg') no-repeat;
	width: 615px;
	height: 741px;
	border: 1px solid rgba(68, 68, 68, 0.24);
	margin-bottom: 15px;
	background-size: 100%;
}

span.ipm-logo {
	display: block;
	width: 171px;
	height: 68px;
	background: url('../images/ipm/logo-ipm2.png') no-repeat;
	margin: 0 auto;
}

div.design1-yourholiday, div.design2-yourholiday, div.design3-yourholiday {
	background: url('../images/yourholiday/design-yourholid-1.jpg') no-repeat;
	width: 615px;
	height: 650px;
	border: 1px solid rgba(68, 68, 68, 0.24);
	margin-bottom: 15px;
	background-size: 100%!important;
}

div.design2-yourholiday {
	background: url('../images/yourholiday/design-yourholid-2.jpg') no-repeat;
	height: 645px;
}

div.design3-yourholiday {
	background: url('../images/yourholiday/design-yourholid-3.jpg') no-repeat;
	height: 558px;
}

span.yourholid-logo {
	display: block;
	width: 171px;
	height: 68px;
	background: url('../images/yourholiday/logo-yourholid2.png') no-repeat;
	margin: 0 auto;
}

div.design1-lishishin {
	background: url('../images/lishishin/design-lishishin-1.jpg') no-repeat;
	width: 615px;
	height: 663px;
	border: 1px solid rgba(68, 68, 68, 0.24);
	margin-bottom: 15px;
	background-size: 100%!important;
}

span.lishishin-logo {
	display: block;
	width: 171px;
	height: 68px;
	background: url('../images/lishishin/logo-lishishin2.png') no-repeat;
	margin: 0 auto;
}

span.couleur-logo {
	display: block;
	width: 109px;
	height: 73px;
	background: url('../images/couleur/paris-logo2.png') no-repeat;
	margin: 0 auto;
}

div.design1-paris, div.design2-paris {
	background: url('../images/couleur/design1-couleur.jpg') no-repeat;
	width: 615px;
	height: 422px;
	border: 1px solid rgba(68, 68, 68, 0.24);
	margin-bottom: 15px;
	background-size: 100%!important;
}

div.design2-paris {
	background: url('../images/couleur/design2-couleur.jpg') no-repeat;
	height: 466px;
}

span.gofrance-logo {
	display: block;
	width: 171px;
	height: 71px;
	background: url('../images/gofrance/gofrance-logo2.png') no-repeat;
	margin: 0 auto;
}

div.design1-gofrance, div.design2-gofrance {
	background: url('../images/gofrance/design1-gofrance.jpg') no-repeat;
	width: 615px;
	height: 1023px;
	border: 1px solid rgba(68, 68, 68, 0.24);
	margin-bottom: 15px;
	background-size: 100%!important;
}

div.design2-gofrance {
	background: url('../images/gofrance/design2-gofrance.jpg') no-repeat;
	height: 991px;
}

div.design1-sok-school, div.design2-sok-school, div.design3-sok-school {
	background: url('../images/sok-school/design1-sok-school.jpg') no-repeat;
	width: 615px;
	height: 937px;
	border: 1px solid rgba(68, 68, 68, 0.24);
	margin-bottom: 15px;
	background-size: 100%!important;
}

div.design2-sok-school {
	background: url('../images/sok-school/design2-sok-school.jpg') no-repeat;
	height: 1719px;
}

div.design3-sok-school {
	background: url('../images/sok-school/design3-sok-school.jpg') no-repeat;
	height: 951px;
}


span.sok-logo {
	display: block;
	width: 171px;
	height: 73px;
	background: url('../images/sok-school/sok-logo2.png') no-repeat;
	margin: 0 auto;
}

div.design1-kt-service, div.design2-kt-service {
	background: url('../images/kt-service/design1-kt-servise.jpg') no-repeat;
	width: 615px;
	height: 1117px;
	border: 1px solid rgba(68, 68, 68, 0.24);
	margin-bottom: 15px;
	background-size: 100%!important;
}

div.design2-kt-service {
	background: url('../images/kt-service/design2-kt-servise.jpg') no-repeat;
	height: 909px;
}

span.kt-service-logo {
	display: block;
	width: 75px;
	height: 75px;
	background: url('../images/kt-service/logo-kt-service.png') no-repeat;
	margin-top: 0;
	margin-left: 54px;
}

span.christi-logo {
	display: block;
	width: 171px;
	height: 68px;
	background: url('../images/christi/logo-christina2.png') no-repeat;
	margin: 0 auto;
}

div.design1-christi, div.design2-christi, div.design3-christi, div.design4-christi {
	background: url('../images/christi/design1-christi.jpg') no-repeat;
	width: 615px;
	height: 415px;
	border: 1px solid rgba(68, 68, 68, 0.24);
	margin-bottom: 15px;
	background-size: 100%!important;
}

div.design2-christi {
	background: url('../images/christi/design2-christi.jpg') no-repeat;
	height: 853px;
}

div.design3-christi {
	background: url('../images/christi/design3-christi.jpg') no-repeat;
	height: 979px;
}

div.design4-christi {
	background: url('../images/christi/design4-christi.jpg') no-repeat;
	height: 1269px;
}

span.yachting-logo {
	display: block;
	width: 171px;
	height: 73px;
	background: url('../images/yachting/logo-yachting2.png') no-repeat;
	margin: 0 auto;
}

div.design1-yachting, div.design2-yachting {
	background: url('../images/yachting/design1-yachting.jpg') no-repeat;
	width: 615px;
	height: 1224px;
	border: 1px solid rgba(68, 68, 68, 0.24);
	margin-bottom: 15px;
	background-size: 100%!important;
}

div.design2-yachting {
	background: url('../images/yachting/design2-yachting.jpg') no-repeat;
	height: 822px;
}

span.lpassage-logo {
	display: block;
	width: 171px;
	height: 68px;
	background: url('../images/l-passage/logo-lpass2.png') no-repeat;
	margin: 0 auto;
}

div.design1-lpassage, div.design2-lpassage, div.design3-lpassage {
	background: url('../images/l-passage/design1-lpass.jpg') no-repeat;
	width: 615px;
	height: 594px;
	border: 1px solid rgba(68, 68, 68, 0.24);
	margin-bottom: 15px;
	background-size: 100%!important;
}

div.design2-lpassage {
	background: url('../images/l-passage/design2-lpass.jpg') no-repeat;
	height: 616px;
}

div.design3-lpassage {
	background: url('../images/l-passage/design3-lpass.jpg') no-repeat;
	height: 670px;
}

span.panda-logo {
	display: block;
	width: 137px;
	height: 72px;
	background: url('../images/panda/logo-panda.png') no-repeat;
	margin: 0 auto;
}

div.design1-panda, div.design2-panda, div.design3-panda {
	background: url('../images/panda/design1-panda.jpg') no-repeat;
	width: 615px;
	height: 1032px;
	border: 1px solid rgba(68, 68, 68, 0.24);
	margin-bottom: 15px;
	background-size: 100%!important;
}

div.design2-panda {
	background: url('../images/panda/design2-panda.jpg') no-repeat;
	height: 679px;
}

div.design3-panda {
	background: url('../images/panda/design3-panda.jpg') no-repeat;
	height: 635px;
}

span.levitska-logo {
	display: block;
	width: 171px;
	height: 68px;
	background: url('../images/levitska/logo-levitska1.png') no-repeat;
	margin: 0 auto;
}

div.design1-levitska {
	background: url('../images/levitska/design1-levitska.jpg') no-repeat;
	width: 615px;
	height: 715px;
	border: 1px solid rgba(68, 68, 68, 0.24);
	margin-bottom: 15px;
	background-size: 100%!important;
}

span.nirvana-logo {
	display: block;
	width: 171px;
	height: 68px;
	background: url('../images/nirvana/logo-nirvana1.png') no-repeat;
	margin: 0 auto;
}

div.design1-nirvana, div.design2-nirvana {
	background: url('../images/nirvana/design1-nirvana.jpg') no-repeat;
	width: 615px;
	height: 838px;
	border: 1px solid rgba(68, 68, 68, 0.24);
	margin-bottom: 15px;
	background-size: 100%!important;
}

div.design2-nirvana {
	background: url('../images/nirvana/design2-nirvana.jpg') no-repeat;
	height: 1220px;
}

span.vata-logo {
	display: block;
	width: 171px;
	height: 68px;
	background: url('../images/vata/logo-vata1.png') no-repeat;
	margin: 0 auto;
}

div.design1-vata, div.design2-vata {
	background: url('../images/vata/design1-vata.jpg') no-repeat;
	width: 615px;
	height: 1259px;
	border: 1px solid rgba(68, 68, 68, 0.24);
	margin-bottom: 15px;
	background-size: 100%!important;
}

div.design2-vata {
	background: url('../images/vata/design2-vata.jpg') no-repeat;
	height: 783px;
}

span.harmony-logo {
	display: block;
	width: 171px;
	height: 71px;
	background: url('../images/harmony/logo-harmony1.png') no-repeat;
	margin: 0 auto;
}

div.design1-harmony, div.design2-harmony {
	background: url('../images/harmony/design1-harmony.jpg') no-repeat;
	width: 615px;
	height: 659px;
	border: 1px solid rgba(68, 68, 68, 0.24);
	margin-bottom: 15px;
	background-size: 100%!important;
}

div.design2-harmony {
	background: url('../images/harmony/design2-harmony.jpg') no-repeat;
	height: 1049px;
}

span.tornex-logo {
	display: block;
	width: 171px;
	height: 68px;
	background: url('../images/tornex/logo-tornex1.png') no-repeat;
	margin: 0 auto;
}

div.design1-tornex, div.design2-tornex, div.design3-tornex {
	background: url('../images/tornex/design1-tornex.jpg') no-repeat;
	width: 615px;
	height: 382px;
	border: 1px solid rgba(68, 68, 68, 0.24);
	margin-bottom: 15px;
	background-size: 100%!important;
}

div.design2-tornex {
	background: url('../images/tornex/design2-tornex.jpg') no-repeat;
	height: 316px;
}

div.design3-tornex {
	background: url('../images/tornex/design3-tornex.jpg') no-repeat;
	height: 378px;
}

span.olympico-logo {
	display: block;
	width: 171px;
	height: 68px;
	background: url('../images/olympico/logo-olympico1.png') no-repeat;
	margin: 0 auto;
}

div.design1-olympico {
	background: url('../images/olympico/design1-olympico.jpg') no-repeat;
	width: 615px;
	height: 1189px;
	border: 1px solid rgba(68, 68, 68, 0.24);
	margin-bottom: 15px;
	background-size: 100%!important;
}

span.sianie-logo {
	display: block;
	width: 171px;
	height: 68px;
	background: url('../images/sianie/logo-sianie.png') no-repeat;
	margin: 0 auto;
}

div.design1-sianie, div.design2-sianie, div.design3-sianie {
	background: url('../images/sianie/design1-sianie.jpg') no-repeat;
	width: 615px;
	height: 416px;
	border: 1px solid rgba(68, 68, 68, 0.24);
	margin-bottom: 15px;
	background-size: 100%!important;
}

div.design2-sianie {
	background: url('../images/sianie/design2-sianie.jpg') no-repeat;
	height: 585px;
}

div.design3-sianie {
	background: url('../images/sianie/design3-sianie.jpg') no-repeat;
	height: 656px;
}

span.foryounet-logo {
	display: block;
	width: 171px;
	height: 68px;
	background: url('../images/foryounet/logo-foryounet.png') no-repeat;
	margin: 0 auto;
}

div.design1-foryounet, div.design2-foryounet {
	background: url('../images/foryounet/design1-foryounet.jpg') no-repeat;
	width: 615px;
	height: 864px;
	border: 1px solid rgba(68, 68, 68, 0.24);
	margin-bottom: 15px;
	background-size: 100%!important;
}

div.design2-foryounet {
	background: url('../images/foryounet/design2-foryounet.jpg') no-repeat;
	height: 800px;
}

span.tymir-logo {
	display: block;
	width: 171px;
	height: 68px;
	background: url('../images/tymir/logo-tymir.png') no-repeat;
	margin: 0 auto;
}

div.design1-tymir {
	background: url('../images/tymir/design1-tymir.jpg') no-repeat;
	width: 615px;
	height: 1377px;
	border: 1px solid rgba(68, 68, 68, 0.24);
	margin-bottom: 15px;
	background-size: 100%!important;
}

#toTop {
	width: 490px;
	height: 100%;
	text-align: center;
	position: fixed;
	bottom: 0;
	left: 10px;
	cursor: pointer;
	display: none;
	text-indent: -9999px;
	background: url('../images/totop2.png') 30% 95% no-repeat;
}

div.totop {
	width: 490px;
	position: fixed;
	float: left;
	height: 100%;
	left: 0;
	bottom: 30px;
	z-index: 98;
}

div.conteiner {
	max-width: 980px;
	margin: 0 auto;
}

div.mobile-footer {
	display: none;
}
div.mobile-version {
	display: none;
}

@media (min-width: 768px) and (max-width: 979px) { 
	div.header {
		max-width: 750px;
		height: 99px;
	}
	div.top-line {
		width: 100%;
		height: 9px;
		background-size: 100%;
	}
	div.language {
		display: none;
	}
	a.logo {
		left: 42px;
		top: 21px;
	}
	a.logo img {
		width: 150px;
	}
	menu.mainmenu {
		left: 242px;
	}
	.item-page h2 {
		margin-left: 257px;
		margin-bottom: 12px;
	}
	div.first-line {
		max-width: 545px;
		height: 580px;
	}
	.view-sixth.second {
		margin-left: 105px;
	}
	div.height-blocksize {
		display: table;
		height: 290px;
	}
	span.langusge-test {
		margin-left: 243px;
		margin-top: 25px;
	}
	div.footer {
		margin-left: 173px;
		margin-top: 30px;
	}
	div.conteiner {
		max-width: 750px;
		margin: 0 auto;
	}
	table.info {
		margin-left: 31px;
		width: 700px;
	}
	div.rectangle-one, div.rectangle-two, div.rectangle-four, div.rectangle-five {
		margin-right: 12px;
	}
	div.rectangle-six {
		margin-right: 0;
		margin-top: 20px;
	}
	div.rectangle-four, div.rectangle-five {
		margin-top: 20px;
	}
	a.logo-small {
		margin-top: 50px;
	}
	form#chronoform_contact-form {
		margin-left: 106px;
	}
	
	form#chronoform-contact-form {
		margin-left: 106px;
	}
	div#submit_container_div input {
		margin-left: 226px;
	}
	aside.left {
		width: 310px;
	}
	div.totop {
		width: 375px;
	}
	article.isleft {
		margin-left: 315px;
		width: 425px;
		padding: 0;
	}
	#toTop {
		width: 375px;
		left: 0px;
	}
	div.design1, div.design2, div.design3, div.design4 {
		width: 422px;
		height: 258px;
	}
	div.design2 {
		height: 474px;
	}
	div.design4 {
		height: 282px;
	}
	div.design1-analis, div.design2-analis, div.design3-analis {
		width: 422px;
		height: 231px;
	}
	div.design2-analis {
		height: 280px;
	}
	div.design3-analis {
		height: 294px;
	}
	div.design1-bayda, div.design2-bayda, div.design3-bayda, div.design4-bayda, div.design5-bayda {
		width: 422px;
		height: 284px;
	}
	div.design2-bayda {
		height: 259px;
	}
	div.design3-bayda {
		height: 412px;
	}
	div.design4-bayda {
		height: 398px;
	}
	div.design5-bayda {
		height: 411px;
	}
	div.design1-sww, div.design2-sww, div.design3-sww {
		width: 422px;
		height: 467px;
	}
	div.design2-sww {
		height: 307px;
	}
	div.design3-sww {
		height: 191px;
	}
	div.design1-bio, div.design2-bio {
		width: 422px;
		height: 809px;
	}
	div.design2-bio {
		height: 385px;
	}
	div.design1-dumka, div.design2-dumka {
		width: 422px;
		height: 296px;
	}
	div.design2-dumka {
		height: 337px;
	}
	div.design1-jive, div.design2-jive {
		width: 422px;
		height: 494px;
	}
	div.design2-jive {
		height: 307px;
	}
	div.design1-atheate, div.design2-atheate {
		width: 422px;
		height: 756px;
	}
	div.design2-atheate {
		height: 506px;
	}
	div.design1-fcompany, div.design2-fcompany, div.design3-fcompany {
		width: 422px;
		height: 382px;
	}
	div.design2-fcompany {
		height: 391px;
	}
	div.design3-fcompany {
		height: 399px;
	}
	div.design1-kazak, div.design2-kazak {
		width: 422px;
		height: 357px;
	}
	div.design2-kazak {
		height: 602px;
	}
	div.design1-fruits, div.design2-fruits, div.design3-fruits {
		width: 422px;
		height: 411px;
	}
	div.design2-fruits {
		height: 405px;
	}
	div.design3-fruits {
		height: 405px;
	}
	div.design1-automag {
		width: 422px;
		height: 391px;
	}
	div.design1-ipm {
		width: 422px;
		height: 508px;
	}
	div.design1-yourholiday, div.design2-yourholiday, div.design3-yourholiday {
		width: 422px;
		height: 446px;
	}
	div.design2-yourholiday {
		height: 442px;
	}
	div.design3-yourholiday {
		height: 382px;
	}
	div.design1-lishishin {
		width: 422px;
		height: 454px;
	}
	div.design1-paris, div.design2-paris {
		width: 422px;
		height: 289px;
	}
	div.design2-paris {
		height: 319px;
	}
	div.design1-gofrance, div.design2-gofrance {
		width: 422px;
		height: 701px;
	}
	div.design2-gofrance {
		height: 680px;
	}
	div.design1-sok-school, div.design2-sok-school, div.design3-sok-school {
		width: 422px;
		height: 642px;
	}
	div.design2-sok-school {
		height: 1179px;
	}
	div.design3-sok-school {
		height: 652px;
	}
	div.design1-kt-service, div.design2-kt-service {
		width: 422px;
		height: 766px;
	}
	div.design2-kt-service {
		height: 623px;
	}
	div.design1-christi, div.design2-christi, div.design3-christi, div.design4-christi {
		width: 422px;
		height: 284px;
	}
	div.design2-christi {
		height: 585px;
	}
	div.design3-christi {
		height: 870px;
	}
	div.design4-christi {
		height: 870px;
	}
	div.design1-yachting, div.design2-yachting {
		width: 422px;
		height: 564px;
	}
	div.design1-yachting {
		height: 839px;
	}
	div.design1-lpassage, div.design2-lpassage, div.design3-lpassage {
		width: 422px;
		height: 411px;
	}
	div.design2-lpassage {
		height: 428px;
	}
	div.design3-lpassage {
		height: 463px;
	}
	div.design1-panda, div.design2-panda, div.design3-panda {
		width: 422px;
		height: 708px;
	}
	div.design3-panda {
		height: 435px;
	}
	div.design2-panda {
		height: 465px;
	}
	div.design1-levitska {
		width: 422px;
		height: 500px;
	}
	div.design1-nirvana, div.design2-nirvana {
		width: 422px;
		height: 575px
	}
	div.design2-nirvana {
		height: 837px;
	}
	div.design1-vata, div.design2-vata {
		width: 422px;
		height: 863px;
	}
	div.design2-vata {
		height: 537px;
	}
	div.design1-harmony, div.design2-harmony {
		width: 422px;
		height: 452px;
	}
	div.design2-harmony {
		height: 719px;
	}
	div.design1-tornex, div.design2-tornex, div.design3-tornex {
		width: 422px;
		height: 262px;
	}
	div.design2-tornex {
		height: 216px;
	}
	div.design3-tornex {
		height: 259px;
	}
	div.design1-olympico {
		width: 422px;
		height: 815px;
	}
	div.design1-sianie, div.design2-sianie, div.design3-sianie {
		width: 422px;
		height: 285px;
	}
	div.design2-sianie {
		height: 401px;
	}
	div.design3-sianie {
		height: 450px;
	}
	div.design1-foryounet, div.design2-foryounet {
		width: 422px;
		height: 592px;
	}
	div.design2-foryounet {
		height: 548px;
	}
	div.design1-tymir {
		width: 422px;
		height: 944px;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	div.conteiner {
		max-width: 480px;
	}
	div.top-line {
		width: 460px;
		height: 12px;
		
	}
	div.return {
		display: none;
	}
	menu.mainmenu {
		left: 16px;
		top: 113px;
	}
	a.logo {
		left: 140px;
	}
	div.header {
		height: 200px;
		width: 480px;
	}
	div.language {
		display: none;
	}
	div.main {
		max-width: 480px;
	}
	div.totop {
		display: none;
	}
	div.center {
		display: table;
	}
	aside.left {
		width: 480px;
		height: 485px;
		top: 78px;
	}
	div.left-block {
		margin: 0 auto;
		position: relative;
	}
	article.isleft .item-page h2 {
		position: absolute;
		top: 14px;
		left: 114px;
	}
	div.return a {
		top: 6px;
		left: -19px;
	}
	article.isleft {
		width: 422px;
		margin-left: 19px;
	}
	div.design1, div.design2, div.design3, div.design4 {
		width: 422px;
		height: 258px;
	}
	div.design2 {
		height: 474px;
	}
	div.design4 {
		height: 282px;
	}
	div.design1-analis, div.design2-analis, div.design3-analis {
		width: 422px;
		height: 231px;
	}
	div.design2-analis {
		height: 280px;
	}
	div.design3-analis {
		height: 294px;
	}
	div.design1-bayda, div.design2-bayda, div.design3-bayda, div.design4-bayda, div.design5-bayda {
		width: 422px;
		height: 284px;
	}
	div.design2-bayda {
		height: 259px;
	}
	div.design3-bayda {
		height: 412px;
	}
	div.design4-bayda {
		height: 398px;
	}
	div.design5-bayda {
		height: 411px;
	}
	div.design1-sww, div.design2-sww, div.design3-sww {
		width: 422px;
		height: 467px;
	}
	div.design2-sww {
		height: 307px;
	}
	div.design3-sww {
		height: 191px;
	}
	div.design1-bio, div.design2-bio {
		width: 422px;
		height: 809px;
	}
	div.design2-bio {
		height: 385px;
	}
	div.design1-dumka, div.design2-dumka {
		width: 422px;
		height: 296px;
	}
	div.design2-dumka {
		height: 337px;
	}
	div.design1-jive, div.design2-jive {
		width: 422px;
		height: 494px;
	}
	div.design2-jive {
		height: 307px;
	}
	div.design1-atheate, div.design2-atheate {
		width: 422px;
		height: 756px;
	}
	div.design2-atheate {
		height: 506px;
	}
	div.design1-fcompany, div.design2-fcompany, div.design3-fcompany {
		width: 422px;
		height: 382px;
	}
	div.design2-fcompany {
		height: 391px;
	}
	div.design3-fcompany {
		height: 399px;
	}
	div.design1-kazak, div.design2-kazak {
		width: 422px;
		height: 357px;
	}
	div.design2-kazak {
		height: 602px;
	}
	div.design1-fruits, div.design2-fruits, div.design3-fruits {
		width: 422px;
		height: 411px;
	}
	div.design2-fruits {
		height: 405px;
	}
	div.design3-fruits {
		height: 405px;
	}
	div.design1-automag {
		width: 422px;
		height: 391px;
	}
	div.design1-ipm {
		width: 422px;
		height: 508px;
	}
	div.design1-yourholiday, div.design2-yourholiday, div.design3-yourholiday {
		width: 422px;
		height: 446px;
	}
	div.design2-yourholiday {
		height: 442px;
	}
	div.design3-yourholiday {
		height: 382px;
	}
	div.design1-lishishin {
		width: 422px;
		height: 454px;
	}
	div.design1-paris, div.design2-paris {
		width: 422px;
		height: 289px;
	}
	div.design2-paris {
		height: 319px;
	}
	div.design1-gofrance, div.design2-gofrance {
		width: 422px;
		height: 701px;
	}
	div.design2-gofrance {
		height: 680px;
	}
	div.design1-sok-school, div.design2-sok-school, div.design3-sok-school {
		width: 422px;
		height: 642px;
	}
	div.design2-sok-school {
		height: 1179px;
	}
	div.design3-sok-school {
		height: 652px;
	}
	div.design1-kt-service, div.design2-kt-service {
		width: 422px;
		height: 766px;
	}
	div.design2-kt-service {
		height: 623px;
	}
	div.design1-christi, div.design2-christi, div.design3-christi, div.design4-christi {
		width: 422px;
		height: 284px;
	}
	div.design2-christi {
		height: 585px;
	}
	div.design3-christi {
		height: 870px;
	}
	div.design4-christi {
		height: 870px;
	}
	div.design1-yachting, div.design2-yachting {
		width: 422px;
		height: 564px;
	}
	div.design1-yachting {
		height: 839px;
	}
	div.design1-lpassage, div.design2-lpassage, div.design3-lpassage {
		width: 422px;
		height: 411px;
	}
	div.design2-lpassage {
		height: 428px;
	}
	div.design3-lpassage {
		height: 463px;
	}
	div.design1-panda, div.design2-panda, div.design3-panda {
		width: 422px;
		height: 708px;
	}
	div.design3-panda {
		height: 435px;
	}
	div.design2-panda {
		height: 465px;
	}
	div.design1-levitska {
		width: 422px;
		height: 500px;
	}
	div.design1-nirvana, div.design2-nirvana {
		width: 422px;
		height: 575px
	}
	div.design2-nirvana {
		height: 837px;
	}
	div.design1-vata, div.design2-vata {
		width: 422px;
		height: 863px;
	}
	div.design2-vata {
		height: 537px;
	}
	div.design1-harmony, div.design2-harmony {
		width: 422px;
		height: 452px;
	}
	div.design2-harmony {
		height: 719px;
	}
	div.design1-tornex, div.design2-tornex, div.design3-tornex {
		width: 422px;
		height: 262px;
	}
	div.design2-tornex {
		height: 216px;
	}
	div.design3-tornex {
		height: 259px;
	}
	div.design1-olympico {
		width: 422px;
		height: 815px;
	}
	div.design1-sianie, div.design2-sianie, div.design3-sianie {
		width: 422px;
		height: 285px;
	}
	div.design2-sianie {
		height: 401px;
	}
	div.design3-sianie {
		height: 450px;
	}
	div.design1-foryounet, div.design2-foryounet {
		width: 422px;
		height: 592px;
	}
	div.design2-foryounet {
		height: 548px;
	}
	div.design1-tymir {
		width: 422px;
		height: 944px;
	}
	span.langusge-test {
		margin-left: 114px;
	}
	div.footer {
		margin-left: 18px;
	}
	.item-page h2 {
		margin-left: 116px;
		margin-bottom: 15px;
	}
	.view-sixth.first, .view-sixth.second {
		margin-left: 70px;
	}
	.view-sixth.fifth {
		margin-left: 158px;
	}
	table.info {
		width: 468px;
		margin-left: 9px;
	}
	div.rectangle-one, div.rectangle-two, div.rectangle-four, div.rectangle-five {
		margin-right: 0px;
		width: 149px;
		font-size: 29px;
	}
	div.sm-rect-one, div.sm-rect-two, div.sm-rect-three, div.sm-rect-four, div.sm-rect-five, div.sm-rect-six {
		width: 149px;
		font-size: 22px;
	}
	div.rectangle-three, div.rectangle-six {
		width: 149px;
		margin-right: 0;
		font-size: 29px;
	}
	div.sm-rect-three {
		font-size: 20px;
		background: #07afbc url('../images/verstka-saita.png') 42px 173px no-repeat;
	}
	div.rectangle-five {
		font-size: 25px;
	}
	div.rectangle-four, div.rectangle-five, div.rectangle-six { 
		margin-top: 10px;
	}
	div.sm-rect-four, div.sm-rect-five {
		font-size: 19px;
		background: #2f6f85 url('../images/redesign-saita.png') 42px 195px no-repeat;
	}
	div.sm-rect-six {
		font-size: 20px;
		background: #fe5850 url('../images/teh-podderjka.png') 47px 165px no-repeat;
	}
	div.sm-rect-one {
		background: #fbb040 url('../images/saytu-s-nulya.png') 15px 173px no-repeat;
	}
	div.sm-rect-two {
		background: #c9cf4d url('../images/design-saita.png') 20px 159px no-repeat;
	}
	div.sm-rect-five {
		background: #c38323 url('../images/velosiped.png') 14px 110px no-repeat;
	}
	a.logo-small {
		margin-top: 60px;
	}
	form#chronoform_contact-form, form#chronoform-contact-form {
		margin-left: 70px;
		width: 340px;
	}
	div.ccms_form_element label, form#chronoform-contact-form label {
		float: left!important;
		width: 330px;
		text-align: left!important;
		padding-bottom: 5px;
		max-width: 330px;
	}
	input.chrono_captcha_input {
		margin-top: 2px;
		height: 23px;
	}
	
	form#chronoform-contact-form #form-row-captcha #fin-captcha1 input {
		margin-top: 0;
	}
	
	form#chronoform-contact-form #form-row-captcha {
		width: 330px;
	}
	
	form#chronoform-contact-form #form-row-captcha #fitem1 {
		float: left;
    	margin-top: 5px;
	}
	
	form#chronoform-contact-form #form-row-submit input#submit {
		margin: 10px 0 0 131px;
	}
	
	div#capcha_container_div img {
		margin-top: -4px;
	}
	div#submit_container_div input {
		margin-left: 131px;
	}
}

@media (max-width: 479px) {
	div.conteiner {
		width: 320px;
	}
	div.header {
		width: 320px;
		height: 320px;
	}
	div.top-line {
		width: 320px;
		height: 12px;
	}
	div.main {
		width: 320px;
	}
	a.logo {
		left: 60px;
	}
	div.language {
		left: 14px;
		top: 102px;
	}
	menu.mainmenu {
		left: 48px;
		top: 170px;
		width: 230px;
	}
	.item-page h2 {
		margin-left: 39px;
		margin-bottom: 10px;
	}
	.view {
		margin-left: 83px;
	}
	span.langusge-test {
		margin-left: 30px;
	}
	div.footer table {
		display: none;
	}
	div.mobile-footer {
		display: block;
		background: url('../images/bg-footer-2(1).png') no-repeat;
		width: 247px;
		height: 137px;
	}
	div.footer {
		background:none;
		width: 257px;
		margin-left: 56px;
	}
	span.copyright, span.developming {
		display: table;
		width: 206px;
		text-align: center;
	}
	span.copyright {
		padding-top: 24px;
	}
	span.developming {
		margin-top: 41px;
	}
	span.phones {
		display: table;
		width: 206px;
		text-align: center;
		margin-top: 28px;
	}
	div.totop {
		display: none;
	}
	article.isleft {
		margin: 0;
		padding: 0px;
		width: 302px;
		padding-left: 8px;
	}
	article.isleft .item-page h2 {
		position: absolute;
		top: 20px;
		left: 32px;
	}
	aside.left {
		top: 94px;
		left: 2px;
		height: 489px;
		width: 305px;
	}
	div.return {
		display: none;
	}
	div.center {
		width: 320px;
		display: table;
	}
	div.design1, div.design2, div.design3, div.design4 {
		width: 300px;
		height: 183px;
	}
	div.design2 {
		height: 337px;
	}
	div.design4 {
		height: 200px;
	}
	div.design1-analis, div.design2-analis, div.design3-analis {
		width: 300px;
		height: 164px;
	}
	div.design2-analis {
		height: 200px;
	}
	div.design3-analis {
		height: 211px;
	}
	div.design1-bayda, div.design2-bayda, div.design3-bayda, div.design4-bayda, div.design5-bayda {
		width: 300px;
		height: 202px;
	}
	div.design2-bayda {
		height: 184px;
	}
	div.design3-bayda {
		height: 293px;
	}
	div.design4-bayda {
		height: 283px;
	}
	div.design5-bayda {
		height: 292px;
	}
	div.design1-sww, div.design2-sww, div.design3-sww {
		width: 300px;
		height: 332px;
	}
	div.design2-sww {
		height: 218px;
	}
	div.design3-sww {
		height: 136px;
	}
	div.design1-bio, div.design2-bio {
		width: 300px;
		height: 575px;
	}
	div.design2-bio {
		height: 274px;
	}
	div.design1-dumka, div.design2-dumka {
		width: 300px;
		height: 213px;
	}
	div.design2-dumka {
		height: 242px;
	}
	div.design1-jive, div.design2-jive {
		width: 300px;
		height: 351px;
	}
	div.design2-jive {
		height: 218px;
	}
	div.design1-atheate, div.design2-atheate {
		width: 300px;
		height: 542px;
	}
	div.design2-atheate {
		height: 361px;
	}
	div.design1-fcompany, div.design2-fcompany, div.design3-fcompany {
		width: 300px;
		height: 271px;
	}
	div.design2-fcompany {
		height: 278px;
	}
	div.design3-fcompany {
		height: 283px;
	}
	div.design1-kazak, div.design2-kazak {
		width: 300px;
		height: 255px;
	}
	div.design2-kazak {
		height: 430px;
	}
	div.design1-fruits, div.design2-fruits, div.design3-fruits {
		width: 300px;
		height: 292px;
	}
	div.design2-fruits {
		height: 288px;
	}
	div.design3-fruits {
		height: 288px;
	}
	div.design1-automag {
		width: 300px;
		height: 278px;
	}
	div.design1-ipm {
		width: 300px;
		height: 361px;
	}
	div.design1-yourholiday, div.design2-yourholiday, div.design3-yourholiday {
		width: 300px;
		height: 317px;
	}
	div.design2-yourholiday {
		height: 314px;
	}
	div.design3-yourholiday {
		height: 272px;
	}
	div.design1-lishishin {
		width: 300px;
		height: 323px;
	}
	div.design1-paris, div.design2-paris {
		width: 300px;
		height: 205px;
	}
	div.design2-paris {
		height: 227px;
	}
	div.design1-gofrance, div.design2-gofrance {
		width: 300px;
		height: 499px;
	}
	div.design2-gofrance {
		height: 483px;
	}
	div.design1-sok-school, div.design2-sok-school, div.design3-sok-school {
		width: 300px;
		height: 457px;
	}
	div.design2-sok-school {
		height: 838px;
	}
	div.design3-sok-school {
		height: 463px;
	}
	div.design1-kt-service, div.design2-kt-service {
		width: 300px;
		height: 544px;
	}
	div.design2-kt-service {
		height: 443px;
	}
	div.design1-christi, div.design2-christi, div.design3-christi, div.design4-christi {
		width: 300px;
		height: 202px;
	}
	div.design2-christi {
		height: 416px;
	}
	div.design4-christi {
		height: 619px;
	}
	div.design1-yachting, div.design2-yachting {
		width: 300px;
		height: 400px;
	} 
	div.design1-yachting {
		height: 597px;
	}
	div.design1-lpassage, div.design2-lpassage, div.design3-lpassage {
		width: 300px;
		height: 292px;
	}
	div.design2-lpassage {
		height: 306px;
	}
	div.design3-lpassage {
		height: 330px;
	}
	div.design1-panda, div.design2-panda, div.design3-panda {
		width: 300px;
		height: 503px;
	}
	div.design3-panda {
		height: 309px;
	}
	div.design2-panda {
		height: 331px;
	}
	div.design1-levitska {
		width: 300px;
		height: 354px
	}
	div.design1-nirvana, div.design2-nirvana {
		width: 300px;
		height: 408px;
	}
	div.design2-nirvana {
		height: 595px;
	}
	div.design1-vata, div.design2-vata {
		width: 300px;
		height: 614px;
	}
	div.design2-vata {
		height: 381px;
	}
	div.design1-harmony, div.design2-harmony {
		width: 300px;
		height: 321px;
	}
	div.design2-harmony {
		height: 511px;
	}
	div.design1-tornex, div.design2-tornex, div.design3-tornex {
		width: 300px;
		height: 186px;
	}
	div.design2-tornex {
		height: 154px;
	}
	div.design3-tornex {
		height: 184px;
	}
	div.design1-olympico {
		width: 300px;
		height: 580px;
	}
	div.design1-sianie, div.design2-sianie, div.design3-sianie {
		width: 300px;
		height: 202px;
	}
	div.design2-sianie {
		height: 285px;
	}
	div.design3-sianie {
		height: 320px;
	}
	div.design1-foryounet, div.design2-foryounet {
		width: 300px;
		height: 421px;
	}
	div.design2-foryounet {
		height: 390px;
	}
	div.design1-tymir {
		width: 300px; 
		height: 671px;
	}
	div.mobile-version {
		display: none;
	}
	div.mobile-version {
		display: block;
		width: 250px;
		margin-left: 53px;
	}
	table.info {
		display: none;
	}
	div.rectangle-one, div.rectangle-two, div.rectangle-three, div.rectangle-four, div.rectangle-five, div.rectangle-six {
		margin-right: 0px;
		text-align: center;
	}
	div.rectangle-one, div.rectangle-two {
		margin-bottom: 20px;
	}
	div.rectangle-four, div.rectangle-five, div.rectangle-six {
		margin-top: 20px;
	}
	div.item-page {
		width: 304px;
	}
	table.vidu-saitov {
		width: 310px!important;
		font-size: 27px;
		line-height: 29px;
	}
	table.vidu-saitov tr:last-child {
		width: 310px;
		height: 174px;
		background-size: 100%;
	}
	table.vidu-saitov tr:first-child {
		width: 310px;
		height: 69px;
	}
	span.vizitka, span.site-blog, span.site-catalog, span.int-mag {
		font-size: 23px;
		left: 110px;
		top: 83px;
	}
	span.site-blog {
		left: 20px;
		top: 139px;
	}
	span.site-catalog {
		left: 207px;
		top: 141px;
		font-size: 23px;
	}
	span.int-mag {
		top: 205px;
		left: 91px;
		font-size: 23px;
	}
	form#chronoform_contact-form {
		margin-left: 15px;
	}
	
	form#chronoform-contact-form {
		margin-left: 15px;
		width: 289px;
	}
	
	form#chronoform-contact-form input, form#chronoform-contact-form textarea {
		width: 285px!important;
	}
	
	form#chronoform-contact-form textarea {
		margin-top: 2px;
	}
	
	form#chronoform-contact-form #form-row-captcha #fin-captcha1 input {
		margin-top: 5px;
	}
	
	form#chronoform-contact-form #form-row-captcha {
		width: 285px!important;
	}
	
	form#chronoform-contact-form #form-row-captcha #fitem1 {
		float: left;
    	margin-top: 5px;
	}
	
	form#chronoform-contact-form #form-row-submit input#submit {
		margin: 7px 0 0 103px;
	}
	
	form#chronoform-contact-form label {
		width: 285px;
		text-align: left!important;
		max-width: 285px;
	}
	div.ccms_form_element label {
		text-align: left;
	}
	.ccms_form_element input, textarea {
		width: 285px;
	}
	.cfdiv_text label {
		width: 215px;
	}
	div#capcha_container_div img {
		margin-top: -5px;
	}
	div#submit_container_div input {
		margin-left: 100px;
	}
}

@import url(http://fonts.googleapis.com/css?family=Open+Sans);
<!-- font-family: 'Open Sans', sans-serif; font-weight: 300; - LIGHT -->
<!-- font-family: 'Open Sans', sans-serif; font-weight: 400; - NORMAL -->
<!-- font-family: 'Open Sans', sans-serif; font-weight: 600; - SEMI-BOLD -->
<!-- font-family: 'Open Sans', sans-serif; font-weight: 700; - BOLD -->
<!-- font-family: 'Open Sans', sans-serif; font-weight: 800; - EXTRA-BOLD -->