.contacts { padding-top: 100px; position: relative; }
.contacts .item {
    display: table;
    background: #f2f2fa;
    height: 500px;
    margin-top: -100px;
}
#map {
    width: 100%;
    height: 500px;
}

/*fotter*/
.fotter { background: #fff; max-width: none; } 
.fotter .container .row > div { display: table; padding-top: 32px; padding-bottom: 32px; } 
.fotter .logofirm {
    display: table;
    float: left;
}
.fotter .logofirm_text, .fotter .social_text {
    margin-bottom: 8px;
    font-family: "RobotoRegular", sans-serif; 
    font-size: 14px;
    color: #666666;    
}
.fotter .social_text { margin-bottom: 20px; }
.fotter .logofirm_img {
    width: 175px;
    height: 38px;
    background: url('../img/logofirm.png');
    background-size: cover;
}
.fotter .social {
    display: table;
    float: right;
}
.fotter .social_img .img1 { background-color: #3b5998; }
.fotter .social_img .img2 { background-color: #48729e; background-position: -24px 0px; }
.fotter .social_img .img3 { background-color: #eb722e; background-position: -48px 0px; }
.fotter .social_img .img4 { background-color: #168de2; background-position: -72px 0px; }
.fotter .social_img .img5 { background-color: #dc4e41; background-position: -96px 0px; }
.fotter .social_img .img6 { background-color: #00aced; background-position: -120px 0px; }
.fotter .social_img .img7 { background-color: #ac3696; background-position: -144px 0px; margin-right: 0; }
.fotter .social_img div {
    width: 24px;
    height: 24px;
    margin-right: 4px;
	background: url('../img/social_icon.png');
    float: left;
    -moz-border-radius: 2px; 
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    behavior: url(border-radius.htc);
}
.fotter .social_img div:hover {
	opacity: .9;
}

/*modal*/
#modalbox .modal-dialog { width: 480px; }
.modal .modal-body {
    padding-bottom: 36px;
}
.modal .modal-header {
    border-bottom: 3px solid #ffa834;  
    padding: 26px 12px 22px;
}
.modal .title {
    margin-bottom: 16px;
	font-family: "OpenSansSemiBold", sans-serif; 
    font-size: 28px;
    color: #666666; 
    text-align: center;
}
.modal .text {
    padding: 0px 12px;
	font-family: "OpenSansRegular", sans-serif; 
    font-size: 14px;
    color: #1a1a1a; 
    text-align: center;
    line-height: 20px;
}
.modal .fields-group { display: none; }
.modal .fields-group, .utp .fields-group {
    width: 80%;
    margin: 0px auto 16px;
}
.modal .required, .utp .required { font-family: "OpenSansBold", sans-serif; color: #ff4040; }
.modal label {
    margin-bottom: 8px;
	font-family: "OpenSansRegular", sans-serif; 
    font-size: 15px;
    color: #1a1a1a;    
}
.modal input[type="text"], .utp input[type="text"] {
    width: 100%;
    height: 54px;
    padding: 0 16px 4px;
    background: #fff;
    border: 2px solid #ccc;
	font-family: "OpenSansRegular", sans-serif; 
    font-size: 18px;
    color: #1a1a1a;   
    outline: none;
    line-height: 1;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
::-webkit-input-placeholder {padding-top: 4px;}
::-moz-placeholder          {padding-top: 4px;}
:-moz-placeholder           {padding-top: 4px;}
:-ms-input-placeholder      {padding-top: 4px;}
:focus::-webkit-input-placeholder {color: transparent}
:focus::-moz-placeholder          {color: transparent}
:focus:-moz-placeholder           {color: transparent}
:focus:-ms-input-placeholder      {color: transparent}
.utp input[type="text"] { font-size: 16px; height: 52px; }
.modal input[type="text"]:hover, .modal input[type="text"]:focus,
.utp input[type="text"]:hover, .utp input[type="text"]:focus,
.modal textarea:hover, .modal textarea:focus,
.utp textarea:hover, .utp textarea:focus { border: 2px solid #ffa834; }
.modal textarea, .utp textarea {
    width: 100%;
    max-width: 100%;
    height: 92px;
    padding: 8px;
    background: #fff;
    border: 2px solid #ccc;
	font-family: "OpenSansRegular", sans-serif; 
    font-size: 14px;
    line-height: 18px;
    color: #1a1a1a;   
    outline: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    resize: none;
}
.modal input[type="submit"], .utp input[type="submit"] {
    display: table;
    background: transparent;    
    padding: 13px 18px 16px;
    margin: 12px auto 0px;
	border: 2px solid #2266bb;
    font-family: "OpenSansSemiBold", sans-serif; 
    font-size: 18px;
	color: #1a1a1a;
	text-align: center;
	line-height: 1;
	text-decoration: none;
	outline: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box;
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
    behavior: url(border-radius.htc);
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.utp input[type="submit"] {
    width: 100%;
    max-width: 100%;
    padding: 14px 0px 17px;
    font-size: 17px;
}
.modal input[type="submit"]:hover, .utp input[type="submit"]:hover {
    border: 2px solid #26b;
	background: #26b;
	color: #fff;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer;
}
.modal .redd, .utp .redd {
    display: none;
    font-family: "OpenSansSemiBold", sans-serif; 
    font-size: 14px;
    text-align: center;
    line-height: 20px;
}
.utp .redd { text-align: left; }
.modal .successfully, .utp .successfully { color: #009600; }
.modal .error, .utp .error { color: #ff4040; }


/*utp*/
.utp .title {
    margin-bottom: 16px;
	font-family: "OpenSansSemiBold", sans-serif; 
    font-size: 20px;
    color: #666666;    
}
.utp .text {
    padding: 0px;
	font-family: "OpenSansRegular", sans-serif; 
    font-size: 14px;
    color: #1a1a1a; 
    line-height: 20px;
    margin-bottom: 20px;
}
.utp label {
    margin-bottom: 8px;
	font-family: "OpenSansRegular", sans-serif; 
    font-size: 15px;
    color: #1a1a1a;    
}
.utp .fields-group { width: 100%; }

/*pagination*/
.pagination {
    display: table;
    margin: 24px auto 0px;
    border-radius: 0px;
    font-family: "OpenSansRegular", sans-serif;
    font-size: 16px;
}
.pagination>li>a, .pagination>li>span { color: #26b; }
.pagination .active {
    color: #808080;
    background-color: #f2f2f2;
    border-color: #ddd;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    color: #428bca;
    background-color: #e8e8ff;
    border-color: #ddd;
}



/*320 - 767*/
@media (min-width: 320px) and (max-width: 767px) {    

    #modalbox .modal-dialog { max-width: 479px; width: 100%; margin: 0px auto; }
    #modalvideo .modal-dialog { max-width: 720px; width: 100%; margin: 0px auto; }
    
}

/*320 - 479*/
@media (max-width: 479px) {
    
    .fotter .logofirm { float: none; margin: 0px auto 24px; }
    .fotter .social { float: none; margin: 0px auto; }
    .fotter .logofirm_text, .fotter .social_text { text-align: center; }    
    .modal .fields-group { width: 100%; }   
    #modalvideo iframe { height: 260px!important; }
   
}

/*480 - 767*/
@media (min-width: 480px) and (max-width: 767px) {
    
    
}

/*768 - 991*/
@media (min-width: 768px) and (max-width: 991px) {    
    
}

/*992 - 1199*/
@media (min-width: 992px) and (max-width: 1199px) {
    
}

/*1200*/
@media (min-width: 1200px) {

}