/*--------------------------------------------------
BODY
--------------------------------------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block; }
audio, canvas, video {display:inline-block; *display:inline; *zoom:1; }
audio:not([controls]) {display:none; }
[hidden] {display:none; }
html {font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
html, button, input, select, textarea {font-family: "font-family: Arial, Helvetica, sans-serif;", 'Arial', sans-serif;color:#2b2b2b; }

body {margin:0; padding:0; background:#fff; font-size:100%; line-height:1.3;}
::-moz-selection {background:#72a9bd; color:inherit; text-shadow:none;}
::selection {background:#72a9bd; color:inherit; text-shadow:none; }
img::selection {background:transparent;}
img::-moz-selection {background:transparent;}
a{outline: none; }
a{ color: #2F2F2F; }
a:hover{ color: #666666; }
img {border: none;}
.f-left{float: left;}
.f-right{float: right;}
.left{text-align: left;}
.right{text-align: right;}
.center{text-align: center;}
.clear{ clear: both;}
.ib{display: inline-block;}
.rtl{direction:rtl;}
body{
	-webkit-font-smoothing: subpixel-antialiased !important;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;

}

input, select{ font-size: 115%; }

/*--------------------------------------------------
Non-Semantic Helper Classes
--------------------------------------------------*/
.ir {display:block; border:0; text-indent:-999em; overflow:hidden; background-color:transparent; background-repeat:no-repeat; text-align:left; direction:ltr; *line-height:0;}
.ir br {display:none;}
.hidden {display:none !important; visibility:hidden;}
.visuallyhidden {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto;}
.invisible {visibility:hidden;}
.clearfix:before, .clearfix:after, .cf:before, .cf:after  {content:""; display:table;}
.clearfix:after, .cf:after {clear:both;}
.clearfix, .cf {*zoom:1;}
::-webkit-input-placeholder {   color: #35383d;}
:-moz-placeholder { /* Firefox 18- */   color: #35383d;}
::-moz-placeholder {  /* Firefox 19+ */    color: #35383d;}
:-ms-input-placeholder {   color: #35383d;}

/*--------------------------------------------------
Typography
--------------------------------------------------*/
h1{	margin: 0;	padding: 0; font-size: 1.5em; font-weight: bold; }
h2{font-size:1.2em; font-weight: bold;  margin: 0;}
h3{	margin: 0;	padding: 0; font-size: 1.5em;font-weight: normal; }
h4{	font-size: 1.3em; font-weight: normal; }
h5{	font-size: 1em; font-weight: normal; text-align: right; margin: 0;  padding-top:1%; }
.red{ color: #C7050D; }




/*--------------------------------------------------
Basic
--------------------------------------------------*/
#wrapper{
   width: 100%;
   max-width: 1200px;
   text-align: center;
   margin:0 auto;
   background-color: #FFFFFF;
}
#holder{ width: 100%; margin: 0 auto; position: relative;}
#holder_mob{ display: none;}
#holder img{ width: 100%; }
.cont_form{ position: absolute; top:41%; left:14.5%; width: 23% }
.cont_form3{ position: absolute; top:36%; left:14.5%; width: 23% }
.cont_form4{ position: absolute; top:36%; left:14.5%; width: 23% }
.cont_form4_mob{ position: absolute; top:40%; width: 90%; left:5%; }

.cont_form4_mob input[type="text"]{
  width: 96%;
  background-color:#fff;
  border: 1px solid #d7d7d7;
  padding:5px;
  text-align:right ;
  outline: 0;
  	border-radius:5px;

  margin:2% 0;
}

.cont_form4_mob input[type="radio"]{
   color:#fff;
   font-size: 1.2em;
}


.cont_form4_mob input[type="submit"]{
 padding:2% 3%;
 width: 99%;
 background-color: #760809;
 color: #FFFFFF;
 border: none;
 font-size: 1.2em;
 font-weight: bold;
 cursor: pointer;
 border-radius:5px;
 margin:3% 0;
 -webkit-box-shadow: 0px 5px 0px rgba(163, 0, 6, 1);
-moz-box-shadow:    0px 5px 0px rgba(163, 0, 6, 1);
box-shadow:         0px 5px 0px rgba(163, 0, 6, 1);
 transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; white-space:nowrap; cursor:pointer;
}
.cont_form4_mob input[type="submit"]:hover{
 background-color:#B11217;
 -webkit-box-shadow: 0px 2px 0px rgba(163, 0, 6, 1);
-moz-box-shadow:    0px 2px 0px rgba(163, 0, 6, 1);
box-shadow:         0px 2px 0px rgba(163, 0, 6, 1);
}

.cont_form4 input[type="text"]{
  width: 96%;
  background-color:#fff;
  border: 1px solid #d7d7d7;
  padding:5px;
  text-align:right ;
  outline: 0;
  	border-radius:5px;

  margin:2% 0;
}

.cont_form4 input[type="radio"]{
   color:#fff;
   font-size: 1.2em;
}


.cont_form4 input[type="submit"]{
 padding:2% 3%;
 width: 99%;
 background-color: #760809;
 color: #FFFFFF;
 border: none;
 font-size: 1.2em;
 font-weight: bold;
 cursor: pointer;
 border-radius:5px;
 margin:3% 0;
 -webkit-box-shadow: 0px 5px 0px rgba(163, 0, 6, 1);
-moz-box-shadow:    0px 5px 0px rgba(163, 0, 6, 1);
box-shadow:         0px 5px 0px rgba(163, 0, 6, 1);
 transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; white-space:nowrap; cursor:pointer;
}
.cont_form4 input[type="submit"]:hover{
 background-color:#B11217;
 -webkit-box-shadow: 0px 2px 0px rgba(163, 0, 6, 1);
-moz-box-shadow:    0px 2px 0px rgba(163, 0, 6, 1);
box-shadow:         0px 2px 0px rgba(163, 0, 6, 1);
}

.styled-select select{
   background: #fff;
   width: 100%;
   padding: 5px;
   line-height: 1;
   border: 1px solid #b9b9b9;
   border-radius: 5px;
   direction: rtl;
   }

.cont_form2 input[type="text"]{
  width: 96%;
  background-color:#fff;
  border: 1px solid #d7d7d7;
  padding:5px;
  text-align:right ;
  outline: 0;
  	border-radius:5px;

  margin:2% 0;
}

.cont_form2 input[type="submit"]{
 padding:2% 3%;
 width: 99%;
 background-color: #d2232a;
 color: #FFFFFF;
 border: none;
 font-size: 1.2em;
 font-weight: bold;
 cursor: pointer;
 border-radius:5px;
 margin:3% 0;
 -webkit-box-shadow: 0px 5px 0px rgba(163, 0, 6, 1);
-moz-box-shadow:    0px 5px 0px rgba(163, 0, 6, 1);
box-shadow:         0px 5px 0px rgba(163, 0, 6, 1);
 transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; white-space:nowrap; cursor:pointer;
}
.cont_form2 input[type="submit"]:hover{
 background-color:#e52129;
 -webkit-box-shadow: 0px 2px 0px rgba(163, 0, 6, 1);
-moz-box-shadow:    0px 2px 0px rgba(163, 0, 6, 1);
box-shadow:         0px 2px 0px rgba(163, 0, 6, 1);
}

.cont_form input[type="text"]{
  width: 96%;
  background-color:#fff;
  border: 1px solid #d7d7d7;
  padding:5px;
  text-align:right ;
  outline: 0;
  	border-radius:5px;

  margin:2% 0;
}

.cont_form input[type="submit"]{
 padding:2% 3%;
 width: 99%;
 background-color: #d2232a;
 color: #FFFFFF;
 border: none;
 font-size: 1.2em;
 font-weight: bold;
 cursor: pointer;
 border-radius:5px;
 margin:3% 0;
 -webkit-box-shadow: 0px 5px 0px rgba(163, 0, 6, 1);
-moz-box-shadow:    0px 5px 0px rgba(163, 0, 6, 1);
box-shadow:         0px 5px 0px rgba(163, 0, 6, 1);
 transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; white-space:nowrap; cursor:pointer;
}
.cont_form input[type="submit"]:hover{
 background-color:#e52129;
 -webkit-box-shadow: 0px 2px 0px rgba(163, 0, 6, 1);
-moz-box-shadow:    0px 2px 0px rgba(163, 0, 6, 1);
box-shadow:         0px 2px 0px rgba(163, 0, 6, 1);
}
.cont_form_tnx { position: absolute; top:58%; left:14.5%; width: 23%; color: #fff; font-size: 160%; direction: rtl; }



.cont_form3 input[type="text"]{
  width: 96%;
  background-color:#fff;
  border: 1px solid #d7d7d7;
  padding:5px;
  text-align:right ;
  outline: 0;
  	border-radius:5px;

  margin:2% 0;
}

.cont_form3 input[type="submit"]{
 padding:2% 3%;
 width: 99%;
 background-color: #d2232a;
 color: #FFFFFF;
 border: none;
 font-size: 1.2em;
 font-weight: bold;
 cursor: pointer;
 border-radius:5px;
 margin:3% 0;
 -webkit-box-shadow: 0px 5px 0px rgba(163, 0, 6, 1);
-moz-box-shadow:    0px 5px 0px rgba(163, 0, 6, 1);
box-shadow:         0px 5px 0px rgba(163, 0, 6, 1);
 transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; white-space:nowrap; cursor:pointer;
}
.cont_form3 input[type="submit"]:hover{
 background-color:#e52129;
 -webkit-box-shadow: 0px 2px 0px rgba(163, 0, 6, 1);
-moz-box-shadow:    0px 2px 0px rgba(163, 0, 6, 1);
box-shadow:         0px 2px 0px rgba(163, 0, 6, 1);
}
.cont_form3_tnx { position: absolute; top:58%; left:14.5%; width: 23%; color: #fff; font-size: 160%; direction: rtl; }

 .fields{ padding-top: 16%; }
  .fields2{ padding-top: 30%; }
  .fields3{ padding-top: 19%; }
  .fields4{ padding-top: 0; }


.cont_form2{ position: absolute; top:33%; left:17%; width: 23% }

.styled-select2 select{

   background: #fff;
   width: 100%;
   padding: 5px;
   line-height: 1;
   border: 1px solid #b9b9b9;
   border-radius: 5px;
   direction: rtl;
   }




@-moz-keyframes bounceIn {
 0% {
                opacity: 0;
                -moz-transform: scale(.3);
        }

        5% {
                opacity: 1;
                -moz-transform: scale(1.05);
        }

        10% {   opacity: 1;
                -moz-transform: scale(.9);
        }

        15% {  opacity: 1;
                -moz-transform: scale(1);
        }
		 90% {  opacity: 1;
                -moz-transform: scale(1);
        }
		 95% {  opacity: 1;
                -moz-transform: scale(.9);
        }
		 100% {  opacity: 0;
                -moz-transform: scale(.5);
        }
}
@-webkit-keyframes bounceIn {
	0% {
                opacity: 0;
                -webkit-transform: scale(.3);
        }

        5% {
                opacity: 1;
                -webkit-transform: scale(1.05);
        }

        10% {   opacity: 1;
                -webkit-transform: scale(.9);
        }

        15% {  opacity: 1;
                -webkit-transform: scale(1);
        }
		 90% {  opacity: 1;
                -webkit-transform: scale(1);
        }
		 95% {  opacity: 1;
                -webkit-transform: scale(.9);
        }
		 100% {  opacity: 0;
                -webkit-transform: scale(.5);
        }
}

@keyframes bounceIn {
       	0% {
                opacity: 0;
                transform: scale(.3);
        }

        5% {
                opacity: 1;
               transform: scale(1.05);
        }

        10% {   opacity: 1;
                transform: scale(.9);
        }

        15% {  opacity: 1;
               transform: scale(1);
        }
		 90% {  opacity: 1;
               transform: scale(1);
        }
		 95% {  opacity: 1;
               transform: scale(.9);
        }
		 100% {  opacity: 0;
               transform: scale(.5);
        }
}


@-moz-keyframes bounceIn2 {
   	0% {  opacity: 0;  -moz-transform: scale(.3); }

        5% {
                opacity: 1;
                -moz-transform: scale(1.05);
        }

        10% {   opacity: 1;
                -moz-transform: scale(.9);
        }

        15% {  opacity: 1;
                -moz-transform: scale(1);
        }
		 90% {  opacity: 1;
                -moz-transform: scale(1);
        }
		 100% {  opacity: 0;
                -moz-transform: scale(1);
        }
}
@-webkit-keyframes bounceIn2 {
	0% {
                opacity: 0;
                -webkit-transform: scale(.3);
        }

        5% {
                opacity: 1;
                -webkit-transform: scale(1.05);
        }

        10% {   opacity: 1;
                -webkit-transform: scale(.9);
        }

        15% {  opacity: 1;
                -webkit-transform: scale(1);
        }
		 90% {  opacity: 1;
                -webkit-transform: scale(1);
        }
		 100% {  opacity: 0;
                -webkit-transform: scale(1);
        }
}

@keyframes bounceIn2 {
       	0% {
                opacity: 0;
                transform: scale(.3);
        }

        5% {
                opacity: 1;
               transform: scale(1.05);
        }

        10% {   opacity: 1;
                transform: scale(.9);
        }

        15% {  opacity: 1;
                transform: scale(1);
        }
		 90% {  opacity: 1;
               transform: scale(1);
        }
		 100% {  opacity: 0;
                transform: scale(1);
        }
}



@-moz-keyframes bounceIn3 {
  0% {
    opacity: 0;
    -moz-transform: translateY(-500px);
    transform: translateY(-500px);
  }

  5% {
    opacity: 1;
    -moz-transform: translateY(30px);
    transform: translateY(30px);
  }

  10% {
  	opacity: 1;
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  90% {
   	opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
}


@-webkit-keyframes bounceIn3 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
  }

  5% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  10% {
  	opacity: 1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  90% {
   	opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceIn3 {
  0% {
    opacity: 0;
    transform: translateY(-500px);
    transform: translateY(-500px);
  }

  5% {
    opacity: 1;
    transform: translateY(30px);
    transform: translateY(30px);
  }

  10% {
  	opacity: 1;
  transform: translateY(-10px);
    transform: translateY(-10px);
  }
  90% {
   	opacity: 1;
   transform: translateY(0);
    transform: translateY(0);
  }
  100% {
   transform: translateY(0);
    transform: translateY(0);
  }
}


@-moz-keyframes bounceIn4 {
  0% {
    opacity: 0;
    -moz-transform: translateY(500px);
    transform: translateY(500px);
  }

  5% {
    opacity: 1;
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  10% {
    -moz-transform: translateY(10px);
    transform: translateY(10px);
  }
   90% {
   	opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes bounceIn4 {
    0% {
    opacity: 0;
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
  }

  5% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  10% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
   90% {
   	opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceIn4 {
     0% {
    opacity: 0;
    transform: translateY(500px);
    transform: translateY(500px);
  }

  5% {
    opacity: 1;
    transform: translateY(-30px);
    transform: translateY(-30px);
  }

  10% {
    transform: translateY(10px);
    transform: translateY(10px);
  }
   90% {
   	opacity: 1;
    transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    transform: translateY(0);
    transform: translateY(0);
  }
}

@-moz-keyframes bounceIn5 {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  1% {
    opacity: 1;
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  2% {
    -moz-transform: translateY(10px);
    transform: translateY(10px);
  }
   99% {
   	opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes bounceIn5 {
    0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  1% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  2% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
   99% {
   	opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceIn5 {
     0% {
    opacity: 0;
    transform: translateY(2000px);
    transform: translateY(2000px);
  }

  1% {
    opacity: 1;
    transform: translateY(-30px);
    transform: translateY(-30px);
  }

  2% {
    transform: translateY(10px);
    transform: translateY(10px);
  }
   99% {
   	opacity: 1;
    transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    transform: translateY(0);
    transform: translateY(0);
  }
}



.bounceIn {
        opacity: 0;
       -moz-animation:bounceIn 6s linear ; -webkit-animation:bounceIn 6s linear; animation:bounceIn 6s linear ;
}
.bounceIn2 {
        opacity: 0;
       -moz-animation:bounceIn2 4s linear 2s; -webkit-animation:bounceIn2 4s linear 2s; animation:bounceIn2 4s linear 2s;
}
.bounceIn3 {
    opacity: 0;
      -moz-animation:bounceIn3 8s linear 5s ; -webkit-animation:bounceIn3 8s linear 5s ; animation:bounceIn3 8s linear 5s ;
}
.bounceIn4 {
    opacity: 0;
      -moz-animation:bounceIn4 6s linear 7s ; -webkit-animation:bounceIn4 6s linear 7s ; animation:bounceIn4 6s linear 7s ;
}
.bounceIn5 {
    opacity: 0;
      -moz-animation:bounceIn5 100s linear 12s ; -webkit-animation:bounceIn5 100s linear 12s ; animation:bounceIn5 100s linear 12s ;
}


#white_block{position: absolute; top:62%; left:40%; padding:3%;  background: rgb(255, 255, 255);
  background: rgba(255, 255, 255, 0.6); width: 54%; height: 13%;  }
#text1 { position: absolute; top:10%; left:30%;  }
#text2 { position: absolute; top:50%; left:10%; }
#text3 { position: absolute; top:10%; left:20%;  }
#text4 { position: absolute; top:50%; left:5%; }
#text5 { position: absolute; top:10%; left:5%; }












/*--------------------------------------------------
media query
--------------------------------------------------*/
@media screen and (min-width:100px) and (max-width:559px) {

#holder{ display: none;}
#holder_mob{ width: 100%; margin: 0 auto; position: relative; display: block;}
#holder_mob img{ width: 100%;}
.cont_form2{ position: absolute; top:51%; left:29%; width: 60% }
.cont_form{ position: absolute;top: 65%;left: 30%;width: 63%; }
#phone a{ display: block; width: 100%;  padding:10px; }
 .cont_form_tnx { position: absolute; top:58%; left:50%; width: 50%; color: #fff; font-size:180%; }
 #white_block{top:38%; left:0; padding:3%;  background: rgb(255, 255, 255);  background: rgba(255, 255, 255, 0.6); width: 94%; height: 13%;  }
}

@media screen and (min-width:560px) and (max-width:959px) {


#holder{ display: none;}
#holder_mob{ width: 100%; margin: 0 auto; position: relative; display: block;}
#holder_mob img{ width: 100%;}
.cont_form2{ position: absolute; top:51%; left:29%; width: 60% }
.fields3 {padding-top: 26%;}
.fields {padding-top: 24%;}
.cont_form{ position: absolute;top: 65%;left: 30%;width: 63%; }
 #phone a{ display: block; width: 60%; padding:90px;}
 .cont_form_tnx { position: absolute; top:58%; left:50%; width: 50%; color: #fff; font-size: 250%; }
  #white_block{top:38%; left:0; padding:3%;  background: rgb(255, 255, 255);  background: rgba(255, 255, 255, 0.6); width: 94%; height: 13%;  }
}

@media screen and (min-width:960px) and (max-width:1024px) {

#holder{ display: none;}
#holder_mob{ width: 100%; margin: 0 auto; position: relative; display: block;}
#holder_mob img{ width: 100%;}
.cont_form2{ position: absolute; top:51%; left:29%; width: 60% }
input, select{ font-size: 280%; padding:0 2%; border-radius:15px; }
.cont_form2 input[type="submit"]{ font-size: 200%; }

.cont_form{ position: absolute;top: 65%;left: 30%;width: 63%; }

.cont_form input[type="submit"]{ font-size: 200%; }
.fields {padding-top: 24%;}
#phone a{ display: block; width: 60%;  padding:50px; }
.cont_form_tnx { position: absolute; top:58%; left:50%; width: 23%; color: #fff; font-size: 250%; }
 #white_block{top:38%; left:0; padding:3%;  background: rgb(255, 255, 255);  background: rgba(255, 255, 255, 0.6); width: 94%; height: 13%;  } 
}

@media screen and (min-width:1025px) and (max-width:1200px) {

}

@media screen and (min-width:1200px) and (max-width:1400px) {

}
@media screen and (min-width:1400px) {

}