/* подключение шрифтов  */
@font-face {font-family: 'bold'; src: url('https://kodim.site/templates/alextim/fonts/bold.eot'); src: local('O'), url('https://kodim.site/templates/alextim/fonts/bold.woff') format('woff'), url('https://kodim.site/templates/alextim/fonts/bold.ttf') format('truetype'), url('https://kodim.site/templates/alextim/fonts/bold.svg') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'regular'; src: url('https://kodim.site/templates/alextim/fonts/regular.eot'); src: local('O'), url('https://kodim.site/templates/alextim/fonts/regular.woff') format('woff'), url('https://kodim.site/templates/alextim/fonts/regular.ttf') format('truetype'), url('https://kodim.site/templates/alextim/fonts/regular.svg') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'light'; src: url('https://kodim.site/templates/alextim/fonts/light.eot'); src: local('O'), url('https://kodim.site/templates/alextim/fonts/light.woff') format('woff'), url('https://kodim.site/templates/alextim/fonts/light.ttf') format('truetype'), url('https://kodim.site/templates/alextim/fonts/light.svg') format('svg'); font-weight: normal; font-style: normal;} 

.contentpane {font-family: 'regular', sans-serif; color: #90A0B7; font-size: 2.2vw; background: #F2F3F7;}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------- стили для десктопной версии */
@media (min-width: 801px) and (max-width: 3500px) {

#call_me {padding: 15vw 20vw 0 20vw;} 
#call_me h2 {padding: 0; margin: 0 0 2vw 0; color: #456078;}
#call_me .formContainer {border: none; line-height: 140%; margin: 0; padding: 0; width: 60vw; font-size: 100%;}
#call_me .formDescription {display: none;}

#call_me .rsform-block-intro {margin: 0;}
#call_me .rsform-block-detail {display: inline-block; overflow: hidden; margin: -9.25vw 0 7vw 41.5vw; width: 20vw; font-family: 'bold', sans-serif;}

#call_me .rsform-block-name {display: block; overflow: hidden; margin: 0 0 2vw 0; width: 100%;}
#call_me .rsform-block-name label {position: absolute; background: #F2F3F7; padding: 0 1vw; margin: -1.25vw 0 0 1vw; font-size: 50%; font-family: 'bold', sans-serif;}
#call_me .rsform-block-name input {width: 50vw; border: 0.15vw solid #90A0B7; border-radius: 0.25vw; transition-duration: 0.3s; background: #F2F3F7; cursor: pointer; margin: 0 1vw 0 0; padding: 2vw 3vw; color: #90A0B7; font-size: 100%; font-family: 'regular', sans-serif;}
#call_me .rsform-block-name input:focus {border: 0.15vw solid #456078; transition-duration: 0.3s; background: #F2F3F7; color: #456078;}

#call_me .rsform-block-tel {display: block; overflow: hidden; margin: 0 0 2vw 0; width: 100%;}
#call_me .rsform-block-tel label {position: absolute; background: #F2F3F7; padding: 0 1vw; margin: -1.25vw 0 0 1vw; font-size: 50%; font-family: 'bold', sans-serif;}
#call_me .rsform-block-tel input {width: 50vw; border: 0.15vw solid #90A0B7; border-radius: 0.25vw; transition-duration: 0.3s; background: #F2F3F7; cursor: pointer; margin: 0 1vw 0 0; padding: 2vw 3vw; color: #90A0B7; font-size: 100%; font-family: 'regular', sans-serif;}
#call_me .rsform-block-tel input:focus {border: 0.15vw solid #456078; transition-duration: 0.3s; background: #F2F3F7; color: #456078;}

#call_me .rsform-block-services {display: block; overflow: hidden; margin: 0 0 2vw 0; width: 100%;}
#call_me .rsform-block-services .formControlLabel {margin: 0 0 2vw 0; display: inline-block;}  

#call_me .rsform-block-design {display: block; overflow: hidden; margin: 0 0 2vw 0; width: 100%;}
#call_me .rsform-block-design label {position: absolute; background: #F2F3F7; padding: 0 1vw; margin: -1.25vw 0 0 1vw; font-size: 50%; font-family: 'bold', sans-serif;}
#call_me .rsform-block-design select {width: 56.25vw; border: 0.15vw solid #90A0B7; border-radius: 0.25vw; transition-duration: 0.3s; background: #F2F3F7; cursor: pointer; margin: 0 1vw 0 0; padding: 2vw 3vw; color: #90A0B7; font-size: 100%; font-family: 'regular', sans-serif; vertical-align: top; outline: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none !important;}

#call_me .rsform-block-code {display: block; overflow: hidden; margin: 0 0 2vw 0; width: 100%;}
#call_me .rsform-block-code label {position: absolute; background: #F2F3F7; padding: 0 1vw; margin: -1.25vw 0 0 1vw; font-size: 50%; font-family: 'bold', sans-serif;}
#call_me .rsform-block-code select {width: 56.25vw; border: 0.15vw solid #90A0B7; border-radius: 0.25vw; transition-duration: 0.3s; background: #F2F3F7; cursor: pointer; margin: 0 1vw 0 0; padding: 2vw 3vw; color: #90A0B7; font-size: 100%; font-family: 'regular', sans-serif; vertical-align: top; outline: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none !important;}


#call_me .rsform-block-indi {display: block; overflow: hidden; margin: 0 0 2vw 0; width: 100%;}
#call_me .rsform-block-indi .rsform-text-box {width: 50vw; height: 15vw; border: 0.15vw solid #90A0B7; border-radius: 0.25vw; transition-duration: 0.3s; background: #F2F3F7; cursor: pointer; margin: 0 1vw 0 0; padding: 2vw 3vw; color: #90A0B7; font-size: 100%; font-family: 'regular', sans-serif; vertical-align: top; outline: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none !important;}
#call_me .rsform-block-indi .rsform-text-box:focus {border: 0.15vw solid #456078; transition-duration: 0.3s; background: #F2F3F7; color: #456078;}

#call_me .rsform-block-file {display: block; overflow: hidden; margin: -2vw 0 4vw 0; width: 100%;}
.rsform-block-file input[type="file"] {width: 50vw; padding: 3vw; font-size: 75%; border: 0.15vw dashed #90A0B7; background: transparent; border-radius: 0.5vw; cursor: pointer; transition-duration: 0.3s;}
.rsform-block-file input[type="file"]:hover {border: 0.15vw dashed #456078; transition-duration: 0.3s;}


#call_me .rsform-block-file-check {display: block; overflow: hidden; margin: 0 0 2vw 0; width: 100%;}

#call_me .rsform-block-submit {display: block; overflow: hidden; margin: 0 0 10vw 0; width: 100%;}
#call_me .rsform-block-submit button[type='submit'] {padding: 2vw 5vw; font-size: 75%; border: none; background: #456078; border-radius: 0.25vw; color: #fff; cursor: pointer; transition-duration: 0.3s;}
#call_me .rsform-block-submit button[type='submit']:hover {background: #90A0B7; transition-duration: 0.3s;}

#call_me label {margin: 0 3vw 0 0;}
#call_me label input[type='checkbox'] {height: 2vw; width: 2vw; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; border: 0.25vw solid #90A0B7; border-radius: 0.25vw; outline: none; transition-duration: 0.3s; background: #F2F3F7; cursor: pointer; margin: 0 1vw 0 0;}  
#call_me label input[type='checkbox']:checked {border: 0.25vw solid #D8D8D8; background: #456078;}


}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------- стили для мобильной версии */
@media (min-width: 101px) and (max-width: 800px) {

#call_me {padding: 20vw 15vw 0 15vw;} 
#call_me h2 {padding: 0; margin: 0 0 2vw 0; color: #456078; font-size: 300%;}
#call_me .formContainer {border: none; line-height: 140%; margin: 0; padding: 0; width: 70vw; font-size: 125%;}
#call_me .formDescription {display: none;}

#call_me .rsform-block-intro {margin: 0;}
#call_me .rsform-block-detail {display: inline-block; overflow: hidden; margin: -3.65vw 0 7vw 37.5vw; font-family: 'bold', sans-serif;}

#call_me .rsform-block-name {display: block; overflow: hidden; margin: 0 0 2vw 0; width: 100%;}
#call_me .rsform-block-name label {position: absolute; background: #F2F3F7; padding: 0 1vw; margin: -1.25vw 0 0 1vw; font-size: 75%; font-family: 'bold', sans-serif; width: auto;}
#call_me .rsform-block-name input {width: 60vw; border: 0.15vw solid #90A0B7; border-radius: 0.25vw; transition-duration: 0.3s; background: #F2F3F7; cursor: pointer; margin: 0 1vw 0 0; padding: 4vw 3vw; color: #90A0B7; font-size: 100%; font-family: 'regular', sans-serif;}
#call_me .rsform-block-name input:focus {border: 0.15vw solid #456078; transition-duration: 0.3s; background: #F2F3F7; color: #456078;}

#call_me .rsform-block-tel {display: block; overflow: hidden; margin: 0 0 2vw 0; width: 100%;}
#call_me .rsform-block-tel label {position: absolute; background: #F2F3F7; padding: 0 1vw; margin: -1.25vw 0 0 1vw; font-size: 75%; font-family: 'bold', sans-serif; width: auto;}
#call_me .rsform-block-tel input {width: 60vw; border: 0.15vw solid #90A0B7; border-radius: 0.25vw; transition-duration: 0.3s; background: #F2F3F7; cursor: pointer; margin: 0 1vw 0 0; padding: 4vw 3vw; color: #90A0B7; font-size: 100%; font-family: 'regular', sans-serif;}
#call_me .rsform-block-tel input:focus {border: 0.15vw solid #456078; transition-duration: 0.3s; background: #F2F3F7; color: #456078;}

#call_me .rsform-block-services {display: block; overflow: hidden; margin: 0 0 2vw 0; width: 100%;}
#call_me .rsform-block-services .formControlLabel {margin: 0 0 2vw 0; display: inline-block;}  

#call_me .rsform-block-design {display: block; overflow: hidden; margin: 0 0 2vw 0; width: 100%;}
#call_me .rsform-block-design label {position: absolute; background: #F2F3F7; padding: 0 1vw; margin: -1.25vw 0 0 1vw; font-size: 75%; font-family: 'bold', sans-serif; width: auto;}
#call_me .rsform-block-design select {width: 66.25vw; border: 0.15vw solid #90A0B7; border-radius: 0.25vw; transition-duration: 0.3s; background: #F2F3F7; cursor: pointer; margin: 0 1vw 0 0; padding: 4vw 3vw; color: #90A0B7; font-size: 100%; font-family: 'regular', sans-serif; vertical-align: top; outline: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none !important;}

#call_me .rsform-block-code {display: block; overflow: hidden; margin: 0 0 2vw 0; width: 100%;}
#call_me .rsform-block-code label {position: absolute; background: #F2F3F7; padding: 0 1vw; margin: -1.25vw 0 0 1vw; font-size: 75%; font-family: 'bold', sans-serif; width: auto;}
#call_me .rsform-block-code select {width: 66.25vw; border: 0.15vw solid #90A0B7; border-radius: 0.25vw; transition-duration: 0.3s; background: #F2F3F7; cursor: pointer; margin: 0 1vw 0 0; padding: 4vw 3vw; color: #90A0B7; font-size: 100%; font-family: 'regular', sans-serif; vertical-align: top; outline: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none !important;}


#call_me .rsform-block-indi {display: block; overflow: hidden; margin: 0 0 2vw 0; width: 100%;}
#call_me .rsform-block-indi .rsform-text-box {width: 60vw; height: 15vw; border: 0.15vw solid #90A0B7; border-radius: 0.25vw; transition-duration: 0.3s; background: #F2F3F7; cursor: pointer; margin: 0 1vw 0 0; padding: 4vw 3vw; color: #90A0B7; font-size: 100%; font-family: 'regular', sans-serif; vertical-align: top; outline: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none !important;}
#call_me .rsform-block-indi .rsform-text-box:focus {border: 0.15vw solid #456078; transition-duration: 0.3s; background: #F2F3F7; color: #456078;}

#call_me .rsform-block-file {display: block; overflow: hidden; margin: -2vw 0 4vw 0; width: 100%;}
.rsform-block-file input[type="file"] {width: 60vw; padding: 3vw; font-size: 75%; border: 0.15vw dashed #90A0B7; background: transparent; border-radius: 0.5vw; cursor: pointer; transition-duration: 0.3s;}
.rsform-block-file input[type="file"]:hover {border: 0.15vw dashed #456078; transition-duration: 0.3s;}


#call_me .rsform-block-file-check {display: block; overflow: hidden; margin: 0 0 5vw 0; width: 100%;}

#call_me .rsform-block-submit {display: block; overflow: hidden; margin: 0 0 10vw 0; width: 100%;}
#call_me .rsform-block-submit button[type='submit'] {padding: 4vw 5vw; font-size: 100%; border: none; background: #456078; border-radius: 0.25vw; color: #fff; cursor: pointer; transition-duration: 0.3s;}
#call_me .rsform-block-submit button[type='submit']:hover {background: #90A0B7; transition-duration: 0.3s;}

#call_me label {margin: 0 0 0 0; width: 25vw;}
#call_me .rsform-block-services label {margin: 0 3vw 0 0;}
#call_me label input[type='checkbox'] {height: 2vw; width: 2vw; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; border: 0.25vw solid #90A0B7; border-radius: 0.25vw; outline: none; transition-duration: 0.3s; background: #F2F3F7; cursor: pointer; margin: 0 1vw 0 0;}  
#call_me label input[type='checkbox']:checked {border: 0.25vw solid #D8D8D8; background: #456078;}

	
	
	
	
	
	
}