/*   
Theme Name: Tomita
Theme URI: tomita-software.com
Description: Tomita theme.
Author: Pzuev
Author URI: tomita-software.com
Template: 
Version: 1
.
GPL
.
*/
/*@import url("https://fonts.googleapis.com/css?family=Lato:400,700,400italic");*/
/*@import url("https://fonts.googleapis.com/css?family=Cuprum:400,700,400italic,700italic&subset=latin,cyrillic");*/
/*@import url ("https://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,400italic,300italic,300&subset=latin,cyrillic,cyrillic-ext");*/
@import url ("https://fonts.googleapis.com/css?family=Roboto:400,700,400italic,700italic,300italic,300&subset=latin,cyrillic,cyrillic-ext")


body,
html {
    width: 100%;
    height:100%;
    
}

html,
body,
footer {
    font-family: 'Roboto', sans-serif!important;

}
html {

    background: url(img/fon.jpg) no-repeat center fixed!important;
    /*background-size: cover!important;*/
     /*background: url(img/photo-1433650552684-d4004a945d6c.jpg) no-repeat center fixed!important;*/
     background-size: cover!important;
}
body {
    background: none!important;
    /*font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;*/
    /*font-family: 'Cuprum', sans-serif!important;*/
    /*font-family: 'Open Sans', sans-serif!important;*/
    
    font-size: 16px!important;
    line-height: 1.5;
    color: #666!important;
    
}
.wrapper {
    
    /*background: url(img/pattern_5.png) repeat fixed!important;*/
    position: relative;
    /*background: rgba(0,0,0,0.2) url(img/pattern1.png) repeat fixed!important;*/
    background: rgba(55,55,55,0.2) url(img/pattern1.png) repeat fixed!important;
    /*background: rgba(0,0,0,0.4)!important;*/
}
.navbar {
    margin-bottom: 0!important;
}
body,
h1,
h2,
h3,
h4,
h5,
h6 {
     /*font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;*/
    /*font-family: 'Cuprum', sans-serif!important;*/
    /*font-family: 'Open Sans', sans-serif!important;*/
    font-family: 'Roboto', sans-serif!important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0 0 10px 0;
    margin: 0;
}

h1, .h1, h2, .h2, h3, .h3 {
    color: #337ab7!important;
    text-transform: uppercase;
    margin-top: 0!important; 
    margin-bottom: 10px;
}
.clear{
    clear: both;
}
.section {
    margin: 70px 0;
    min-height: 425px;
    position: relative;
    background-color: #fff;
    padding: 25px;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 0 0 7px 7px rgba(21, 21, 21, 0.15);
}
.hide {
    display: none;
}
.header-text{
    display: block;
    float: left;
    width: 650px;
    margin-right: 35px;
}
.header-text,
.block-text-left,
.block-text-right{
    text-align: justify;
    margin-bottom: 50px;
}
.block-text-left {
    display: block;
    float: left;
    width: 650px;
 }
.block-text-right {
    display: block;
    float: right;
    width: 650px;
}


.header-video{
    float: right;
}
.photo-left {
    width: 400px;
    min-height: 400px;
    background-size: cover;
    position: relative;
    float: left;
    padding: 0;
}
.photo-right {
    padding: 0;
    width: 400px;
    height: 400px;
    background-size: cover;
    position: relative;
    float: right;
}
.photo-review {
    width: 150px;
    height: 150px;
    background-size: cover;
    position: relative;
    float: left;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 0;
    margin-right: 15px;
}
.p2 {
    background-image: url(img/LZaZZ6q_qys.jpg);
    /*background-position: right;*/
}
.p3 {
    background-image: url(img/IPxZTQSIiQ0.jpg);
}
.p4 {
    background-image: url(img/eDXcZEkowlI.jpg);
}
.p5 {
    background-image: url(img/t4S0Mk-_PY0.jpg);
}
.p8{
    background-image: url(img/photo_2016-01-12_19-06-23.jpg);
}
.p7{
    background-image: url(img/photo_2016-01-12_15-37-14.jpg);
    background-position: right;
}
.p9{
    background-image: url(img/photo_2016-01-12_17-39-57.jpg);
    background-position: right;
}
.p6{
    /*background-image: url(img/12540482_1003619323008819_164650143_n.jpg);*/
    background-image: url(img/12540090_1003619316342153_544196281_n.jpg);
    background-position: center;
}
.p10{
    background-image: url(img/photo_2016-01-24_20-48-28.jpg);
}
.p11{
    background-image: url(img/photo_2016-01-24_20-48-33.jpg);
}


.mess-away {
  text-align: center;
}


footer {
  font-weight: normal;
  margin-top: 0!important;
  margin-bottom: 0!important;
  color: #fff;
  bottom: 0;
  position: relative;
}

footer .list-group{
  margin:0;
}

footer ul li{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.btn-group-sm>.btn, .btn-sm {
  font-size: 14px!important;
}

footer a {
  color: #fff;
  text-decoration: underline;
}

/*footer a:hover {
  color: #5cb85c;
}*/

.navbar {
    border-radius: 0!important;
}
footer,
.navbar-default{
    /*box-shadow: 0 0 10px 5px rgba(21, 21, 21, 0.2);*/
    /*background-color: #2C3E50!important;*/
   /*background-color: #080097!important;*/
   /*background-color: #00488D!important;*/
    /*background-color: #00488D!important;*/
    background-color: #337ab7!important;
    /*background-color: #2C3E50!important;*/
    border: none!important;
}
nav {
    font-size: 16px;
}

nav a {
    color: #fff!important;
}

footer a:hover,
nav a:hover {
    /*color: #5cb85c!important;*/
    color: #84BDED!important;
}
.img-tip{
    bottom: 0;
    position: absolute;
    padding: 5px;
    width: 398px;
    height: 40px;
    font-size: 12px;
    font-style: italic;
    color:#fff;
    background-color: rgba(0,0,0,0.75);
    line-height: 1.2;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.thumbnail{
    padding: 0!important;
    margin-bottom: 0px!important;
}
.form {
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 0 5px 5px rgba(21, 21, 21, 0.1);
    border: 1px solid #ccc;
}
.form h3 {
    text-align: center;
}
.form input[type="submit"] {
    width: 100%!important;
}
.navbar-collapse{
    padding-left: 0!important;
    padding-right: 15px!important;
}
.slogan{
    margin: 0;
    padding: 0;
    font-family: "Roboto", sans-serif;
    margin-top: 12px;
    font-style: italic;
    color: #fff;
    font-size: 18px;
    font-weight: light;
    position: absolute;
}

.button {
    position: absolute;
    bottom: 25px;
    width: inherit;
}
.choose-left,
.choose-right{
    display: block;
    position: relative;
    width: 225px;
}
.choose-left{
    float: left;
}
.choose-right{
    float: right;
}
.wpcf7-response-output {
    text-align: center;
    position: absolute;
    margin: 2em 1em 0 0.3em!important;
    background-color: #fff;
}
@font-face {
    font-family: 'Grands';
    src:url('fonts/Grands.eot');
    src:url('fonts/Grands.eot?#iefix') format('embedded-opentype'),
        url('fonts/Grands.svg#Grands') format('svg'),
        url('fonts/Grands.woff') format('woff'),
        url('fonts/Grands.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
    font-family: 'Grands';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: 'Grands';
    font-style: normal;
    speak: none;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
}
.icon-YouTube:before {
    content: "\e000";
}
.icon-Yandex:before {
    content: "\e001";
}
.icon-Vkontakte:before {
    content: "\e002";
}
.icon-VK:before {
    content: "\e003";
}
.icon-vimeo:before {
    content: "\e004";
}
.icon-twitter:before {
    content: "\e005";
}
.icon-tumblr:before {
    content: "\e006";
}
.icon-Steam:before {
    content: "\e007";
}
.icon-StackOverflow:before {
    content: "\e008";
}
.icon-SoundCloud:before {
    content: "\e009";
}
.icon-Skype:before {
    content: "\e00a";
}
.icon-Share:before {
    content: "\e00b";
}
.icon-RSS:before {
    content: "\e00c";
}
.icon-Readability:before {
    content: "\e00d";
}
.icon-Read-it-Later:before {
    content: "\e00e";
}
.icon-Pocket:before {
    content: "\e00f";
}
.icon-Pinterest:before {
    content: "\e010";
}
.icon-Picasa:before {
    content: "\e011";
}
.icon-OpenID:before {
    content: "\e012";
}
.icon-MySpace:before {
    content: "\e013";
}
.icon-MoiKrug:before {
    content: "\e014";
}
.icon-Linked-in:before {
    content: "\e015";
}
.icon-LiveJournal:before {
    content: "\e016";
}
.icon-lastfm:before {
    content: "\e017";
}
.icon-Jabber:before {
    content: "\e018";
}
.icon-Instapaper:before {
    content: "\e019";
}
.icon-HabraHabr:before {
    content: "\e01a";
}
.icon-google:before {
    content: "\e01b";
}
.icon-GitHub-octoface:before {
    content: "\e01c";
}
.icon-GitHub-circle:before {
    content: "\e01d";
}
.icon-FourSquare:before {
    content: "\e01e";
}
.icon-flickr:before {
    content: "\e01f";
}
.icon-Flattr:before {
    content: "\e020";
}
.icon-facebook:before {
    content: "\e021";
}
.icon-Evernote:before {
    content: "\e022";
}
.icon-Email:before {
    content: "\e023";
}
.icon-DropBox:before {
    content: "\e024";
}
.icon-Blogspot:before {
    content: "\e025";
}
.icon-BitBucket:before {
    content: "\e026";
}
.icon-YouTube-play:before {
    content: "\e027";
} 
.social-block {
    display: inline-block;
    font-size: 54px;
    margin-top: -25px;
    padding: 0;
}

.social-block a,
.social-block a:hover{
    /*background-color: #222;*/
    margin-left: -14px;
    margin-right: -20px;
    /*margin-bottom: -10px;*/
    padding: 0;
    text-decoration: none;
}
.page-title{

    padding: 0;
    margin-top: 25px;
    color:#fff!important;
    line-height: 1;
    margin-bottom: -35px;
}
.page-title-string-one {
    text-shadow: #337ab7 0 0 10px;
    padding: 0;
    margin: 0;
    text-align: justify;
    text-transform: uppercase;
    font-size: 52px;
    
}
.page-title-string-two {
    text-shadow: #337ab7 0 0 10px;
    padding: 0;
    margin: 0;
    font-size: 35px;
    text-align: center;
}
.review {
    padding-top: 15px;
    margin-bottom: 10px;
}
.review h3,
.review h4 {
    padding-bottom: 0!important;
    margin-bottom: 0!important;
}
.review p{
    padding-top: 10px;
}

.modal-body{
    
}
.a-main{
  text-decoration: underline;	
}
.dop {
    padding-bottom: 0!important;
    padding-top: 0!important;
    padding-right: 20px!important;
    padding-left: 20px!important;
}
.form-get-text{
    width: 255px!important;
    float: left;
    margin-right: 15px;
}
.form-textarea {
    resize:none;
}
.ex-s10{
    min-height: 25px;
    text-align: justify;  
}
.ex-s10 .panel-group{
    margin: 0 auto;
    margin-bottom: 0px;
    width: 750px;
}
.front-review {
    /* margin-top: -25px; */
}