кто нибудь знает почему плагин contack form расползается на всю ширину?

Стили для него не заданы - вот и занимает всю доступную ширину.

а почему в прошлых версиях вордпресс он так не расползался? и как решить проблему?

Почему в прошлых версиях не расползался - не знаю, видимо были какие-то стили, влияющие на эту фомру.

Прописать ширину в стилях.

Например тут http://xo-hotels.ru/wp-content/plugins/contact-form-7-style/css/frontend.css?ver=2.2.4

Ближе к концу будет блок с вашими стилями, добавьте туда что-то типа

form.twenty-fifteen-pattern {

 	width: 500px;

 }

Или сколько вам надо.

подскажите пожалуйста как сделать в форме отправки сообщений подсветку типа +7(...) ...-..-.. ?

live2love, вот отсюда какой-нибудь плагин выберите https://plugins.jquery.com/tag/mask/