html, body { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
/* alternatively: html { min-height: 100%; height: 100%; } */

html { min-height: 100%; }
body { min-height: 100%; }

body{
    color: #000000;
    font-family: 'Montserrat_2', 'normal';
    font-weight: 500;
  /*  font-size: 15px;*/
    font-size: 1.5em;
}
body.main-page{
    color: white;
    background-color: #232323;
    background-image: url(../img/hand.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto;
}
body.main-page a{
    color: white;

}
.display-no{
    display: none;
}

body .wrap {
    position: relative;
    z-index: 1000;
}

.modal-backdrop
{
    display: none!important;
}
.rectangles{

    position: absolute;
    z-index: 1;
    width: 44%;
    left: 16.5%;
    height: 87%;

}

.menu-primary
{
    position: relative;
    z-index: 3;
}

.modal-backdrop
{
    z-index: 4;  
}

body.main-page .navbar-nav > li > .dropdown-menu{
    background-color: black;

}
a{
    color: #000000;
}


nav{
    font-family: 'Montserrat_3','normal';
    font-weight: 600;
    font-size: 15px;
}

h1{
    font-family: 'Montserrat_1','normal';
    font-weight: bold;
   /* font-size: 28px;*/
    margin-bottom: 0.9em;
    font-size: 1.87em;
}
h3{
    font-family: 'Montserrat_3','normal';
    font-weight: 600;
}

.btn-custom{
border-radius: 15px;
    padding-left: 2em;
    padding-right: 2em;
    background-color: #FF9900;
    color: white;
    /*border: none;*/
    border: 1px solid #ff7600;

}
.btn-custom-lg{
    border-radius: 1.5em;/* 25px;*/
}

.btn-custom:hover, .btn-custom:focus, .btn-custom:active{
    background-color: #ff7600;
    color: white;
    border: 1px solid #d66d00;
}

.margin-top-1{
    margin-top: 45px;
}

.btn-block-custom{
text-align: center;
}

.btn-custom-4{
background-color: transparent;
    color: black;
    margin-bottom: 20px;
}
.btn-block-custom div{
    display: inline-block;
    margin-left: 20px;
    margin-right: 20px;
}
.btn-block-custom div p{
    text-align: center;
}
.domain-price-title{
    text-align: right;
    margin-top: 25px;
}

.not_available{
    color: #E20000;
}
.available{
color: #00B91D;
}

.domain-status-title{
    text-align: center;
    margin-top: 25px;
}
.domain-item-available{
    text-align: center;
}

.display-no{
    display: none;
}

/******************domain***********************/

.submit-btn-possition-1{
    text-align: right;
    margin-top: -60px;
}

#domainnameform-name{
    border-radius: 0;
    border: 0;
    box-shadow: none;
    border-bottom: 2px solid black;
    color: #FF9900;
    font-size: 1.9em;
}
form#domainNameMainForm #domainnameform-name{
    border-radius: 0;
    border: 0;
    box-shadow: none;
    border-bottom: 2px solid white;
    color: #FF9900;
    font-size: 1.9em;
    background-color: transparent;
}


.domain-form-1{
    margin-top: 20%;
}
.domain-form-3{
    margin-top: 20px;
}

.label-position-1{
    margin-bottom: 30px;

}
.label-position-1 label{
    font-weight: 500;
}
.box-domain-item-1{
    border: 1px solid #E7E7E7;
    margin-bottom: 2px;
}
.box-domain-item-1 p{
    margin-top: 6px;
    margin-bottom: 6px;
}
.domain-item-price{
    text-align: right;
}


.checkbox-custom{
    margin-left: 30px;
}
.domain-item-name{
    margin-left: 20px;
}
.block-domains-type{
    margin-top: 30px;
    margin-bottom: 20px;
}
.block-domains-type-2{
    margin-bottom: 20px;
}

.form-horizontal .position-custom-3{
    text-align: left;
}
/******************main************************/

.domain-form-2{
    margin-top: 70px;
}
.submit-btn-possition-2{
    text-align: left;
    margin-top: -60px;
}
.btn-custom-2{
    padding: 10px 16px;
}
.form-horizontal .control-label-custom{
    text-align: left;
}
.btn-custom-3{
    border: 1px solid #FF9900;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 55px;
    padding-bottom: 55px;
    border-radius: 80px;
    width: 150px;
    margin-top: 30px;
    display: block;
    cursor: pointer;
    text-align: center;
}



.btn-custom-3:hover, .btn-custom-3:focus, .btn-custom-3:active{
    background-color: #ff7600;
    color: black;
    border: 1px solid #d66d00;
    text-decoration:none;
}
.main-big-text{
    font-weight: bold;
    font-size: 4.5em;
    /* margin-top: -40px; */
}
.main-title-3{
    color: #FF9900;
    font-size: 1.7em;
    margin-top: 50px;
}

/***********popaps_main*************/

.modal_header_custom_02{
    border: none;
    padding-bottom: 5px;
}
.modal_header_custom_03{
    padding-bottom: 5px;
}

.modal_wrapper_custom_02 .modal-dialog, .modal_wrapper_custom_03 .modal-dialog{
    margin-top: 10%;
}

.modal_wrapper_custom_02 .modal-content, .modal_wrapper_custom_03 .modal-content{
    border-radius: unset;
}
.modal_wrapper_custom_02 .close, .modal_wrapper_custom_03 .close{
    font-size: 32px;
    font-weight: normal;
    line-height: 0.5;
    opacity: 1;
}

.modal_wrapper_custom_03 .close{
    margin-top: 20px;
}



.modal_wrapper_custom_02 .modal-body, .modal_wrapper_custom_03 .modal-body{
    color: black;
    z-index: 4;
}



.btn-block-custom_02{
    margin-top: 80px;
    margin-bottom: 40px;
}

.btn-block-custom_02 div, .btn-block-custom_03 div{

    margin-left: 10%;
    margin-right: 10%;
}

.btn-block-custom_02 div p, .btn-block-custom_03 div p{
    margin-top: 15px;
}
.top_text_modal_02, .top_text_modal_03{
    text-align: center;
    font-size: 1.4em;
}
#changedomainpositionform-name{
    border-radius: 0;
    border: 0;
    box-shadow: none;
    border-bottom: 2px solid black;
    color: #FF9900;
    font-size: 1.6em;
    background-color: transparent;
}

.input-modal-tarif{
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

.input-modal-tarif label{
    font-size: 1.2em;
}

    /******************menu******************/
ul li.dropdown_arrow_custom{
    margin-left: -21px;
}
.custom-style-navbar-2 ul li.dropdown_arrow_custom a{
    padding-left: 3px;
}

.custom-style-navbar-2{
   /* margin-top: 22px;*/
    margin-bottom: 40px;
}
.custom-style-navbar-2 .navbar-header{
    margin-top: 5px;
}

 .custom-style-navbar-2 .nav > li > a{
    padding-right: 25px;
    padding-left: 25px;
     padding-top: 30px;
     padding-bottom: 5px;
     -webkit-transform: skew(15deg);
     -moz-transform: skew(15deg);
     -o-transform: skew(15deg);



}
.custom-style-navbar-2 .nav > li{
    -webkit-transform: skew(-15deg);
    -moz-transform: skew(-15deg);
    -o-transform: skew(-15deg);
}

.dropdown-menu{
    -webkit-transform: skew(15deg);
    -moz-transform: skew(15deg);
    -o-transform: skew(15deg);
}


/*.custom-style-navbar-2 .nav > li > a:hover , .custom-style-navbar-2 .nav > li.open > a, .active{
    background-color: #FF9900;


}*/
.custom-style-navbar-2 .nav > li:hover  , .custom-style-navbar-2 .nav > li.open, .active, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
    /* background-color: #FF9900; */

}

.active > a, .active > a:hover, .active > a:focus{
    color: white;
}




.custom-style-navbar-2 .nav > li > a:hover, .custom-style-navbar-2 .nav > li > a:focus, .custom-style-navbar-2 .nav > li.open > a{
    background: transparent;
    color: white;
}

button.navbar-toggle{

  /*  border: 1px solid #FF9900;*/
    border:none;
}

button.navbar-toggle:hover, button.navbar-toggle:focus{

  /*  background-color: #FF9900;
    border: 1px solid #FF9900;*/
}

button.navbar-toggle .icon-bar,button.navbar-toggle:focus .icon-bar{
    background-color: black;

}

.main-page  button.navbar-toggle .icon-bar,.main-page button.navbar-toggle:focus .icon-bar{
    background-color: white;
}



button.navbar-toggle:hover .icon-bar, button.navbar-toggle:active .icon-bar{
    /*background-color: white;*/
    background-color: #FF9900;

}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: white;
    text-decoration: none;
    background-color: #FF9900;
}

ul.dropdown-menu{
    padding-left: 0px;
    text-align: center;
    border-radius: 0px;
    border: 1px solid #FF9900;
}

.phone-position{
    display: inline-block;
    margin-top: 25px;
    margin-left: 25px;
}
.phone-icon{
    color: black;

}

.main-page .phone-icon{
    color: white;
}
.phone-position a{
    text-decoration: none;
}
.phone-position a:hover{
    color: #FF9900;
}



/*****************************Tariff***************************/
.panel-custom{
    text-align: center;
    border-radius: 0;
}
.panel-custom  ul{
    padding: 0;
}
.panel-custom  li{
   /* font-size: 20px;*/
    font-size: 1.36em;
    list-style: none;
    line-height: 2.3em;
}
.panel-custom  h3{
    font-weight: bold;
    margin-bottom: 0.2em;
    margin-top: 0.4em;
}
/****************спинер********************************/
#floatingBarsG{
    position:relative;
    width:19px;
    height:23px;
    margin:auto;
}

.blockG{
    position:absolute;
    background-color:rgba(255,153,0,0.99);
    width:3px;
    height:7px;
    border-radius:2px 2px 0 0;
    -o-border-radius:2px 2px 0 0;
    -ms-border-radius:2px 2px 0 0;
    -webkit-border-radius:2px 2px 0 0;
    -moz-border-radius:2px 2px 0 0;
    transform:scale(0.4);
    -o-transform:scale(0.4);
    -ms-transform:scale(0.4);
    -webkit-transform:scale(0.4);
    -moz-transform:scale(0.4);
    animation-name:fadeG;
    -o-animation-name:fadeG;
    -ms-animation-name:fadeG;
    -webkit-animation-name:fadeG;
    -moz-animation-name:fadeG;
    animation-duration:0.672s;
    -o-animation-duration:0.672s;
    -ms-animation-duration:0.672s;
    -webkit-animation-duration:0.672s;
    -moz-animation-duration:0.672s;
    animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    -ms-animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    animation-direction:normal;
    -o-animation-direction:normal;
    -ms-animation-direction:normal;
    -webkit-animation-direction:normal;
    -moz-animation-direction:normal;
}

#rotateG_01{
    left:0;
    top:8px;
    animation-delay:0.2495s;
    -o-animation-delay:0.2495s;
    -ms-animation-delay:0.2495s;
    -webkit-animation-delay:0.2495s;
    -moz-animation-delay:0.2495s;
    transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
}

#rotateG_02{
    left:2px;
    top:3px;
    animation-delay:0.336s;
    -o-animation-delay:0.336s;
    -ms-animation-delay:0.336s;
    -webkit-animation-delay:0.336s;
    -moz-animation-delay:0.336s;
    transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
}

#rotateG_03{
    left:8px;
    top:1px;
    animation-delay:0.4225s;
    -o-animation-delay:0.4225s;
    -ms-animation-delay:0.4225s;
    -webkit-animation-delay:0.4225s;
    -moz-animation-delay:0.4225s;
    transform:rotate(0deg);
    -o-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
}

#rotateG_04{
    right:2px;
    top:3px;
    animation-delay:0.509s;
    -o-animation-delay:0.509s;
    -ms-animation-delay:0.509s;
    -webkit-animation-delay:0.509s;
    -moz-animation-delay:0.509s;
    transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
}

#rotateG_05{
    right:0;
    top:8px;
    animation-delay:0.5955s;
    -o-animation-delay:0.5955s;
    -ms-animation-delay:0.5955s;
    -webkit-animation-delay:0.5955s;
    -moz-animation-delay:0.5955s;
    transform:rotate(90deg);
    -o-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
}

#rotateG_06{
    right:2px;
    bottom:2px;
    animation-delay:0.672s;
    -o-animation-delay:0.672s;
    -ms-animation-delay:0.672s;
    -webkit-animation-delay:0.672s;
    -moz-animation-delay:0.672s;
    transform:rotate(135deg);
    -o-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
}

#rotateG_07{
    bottom:0;
    left:8px;
    animation-delay:0.7585s;
    -o-animation-delay:0.7585s;
    -ms-animation-delay:0.7585s;
    -webkit-animation-delay:0.7585s;
    -moz-animation-delay:0.7585s;
    transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
}

#rotateG_08{
    left:2px;
    bottom:2px;
    animation-delay:0.845s;
    -o-animation-delay:0.845s;
    -ms-animation-delay:0.845s;
    -webkit-animation-delay:0.845s;
    -moz-animation-delay:0.845s;
    transform:rotate(-135deg);
    -o-transform:rotate(-135deg);
    -ms-transform:rotate(-135deg);
    -webkit-transform:rotate(-135deg);
    -moz-transform:rotate(-135deg);
}



@keyframes fadeG{
    0%{
        background-color:rgb(255,153,0);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}

@-o-keyframes fadeG{
    0%{
        background-color:rgb(255,153,0);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}

@-ms-keyframes fadeG{
    0%{
        background-color:rgb(255,153,0);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}

@-webkit-keyframes fadeG{
    0%{
        background-color:rgb(255,153,0);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}

@-moz-keyframes fadeG{
    0%{
        background-color:rgb(255,153,0);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}
/************************************************/
/***********************Media***************************/

@media (min-width: 767px ) {

    .main-big-text {

        font-size: 4.2em;
        /* margin-top: -40px; */
    }

}

@media (max-width: 1200px ) {

    .main-big-text {

        font-size: 3.5em;
        /* margin-top: -35px; */
    }

.navbar  .container 
{
    justify-content: left;
}


}

@media (max-width: 992px ) {

    body.main-page{
        background-image: none;
    }
    .datacontainer
    {
        max-width: 100%;
    }

    .main-big-text {

        font-size: 3.5em;
        /* margin-top: -10px; */
    }
    .rectangles
    {
        width: 90%!important;  
    }
    body 
    {
        padding-top: 0px!important;
    }



}

@media (max-width: 767px ) {





    body.main-page{
        background-image: none;
    }

    .main-big-text {

        font-size: 4.3em;
        margin-top: 0px;

    }

    .rectangles {
        position: inherit;
        width: 80%;
        left: 7%;
         height: 70%;
    }

    .submit-btn-possition-1 {

         margin-top: 0px;
    }

    .btn-position-custom-5{
        margin-top: 15px;
    }











    .custom-style-navbar-2 .nav > li > a{
        padding-right: 25px;
        padding-left: 25px;
        padding-top: 30px;
        padding-bottom: 5px;
        -webkit-transform: skew(0deg);
        -moz-transform: skew(0deg);
        -o-transform: skew(0deg);



    }
    .custom-style-navbar-2 .nav > li{
        -webkit-transform: skew(0deg);
        -moz-transform: skew(0deg);
        -o-transform: skew(0deg);
    }

    .dropdown-menu{
        -webkit-transform: skew(0deg);
        -moz-transform: skew(0deg);
        -o-transform: skew(0deg);
    }

    li.dropdown_arrow_custom > a{
        height: 1px;
    }

    .custom-style-navbar-2 .nav > li.open{
        background-color: transparent;
    }

    .navbar-nav{
        background-color: black;
    }

    .navbar-nav a{
        color: white;
    }

}

@media (max-width: 470px ){

    .navbar-brand img{
        width: 120px
    }
    .navbar-brand{
        margin-left: -15px;
    }

    .phone-position a {
        font-size: 0.6em;
    }
    .phone-position {
        margin-left: 0px;
    }


    button.btn-custom-2 {
        padding: 7px 10px;
        margin-left: -15px;
    }
    .btn-custom-lg {
        border-radius: 1.2em;
    }
    .main-big-text {
        font-size: 1.7em;
        margin-top: 0px;
    }
    .main-title-3 {
        font-size: 1.4em;
        margin-top: 40px;
        /* text-align: center; */
    }
    body{
        font-size: 1.2em;
    }

    .btn-custom-3 {
        /* display: block;
        padding-top: 35px;
        padding-bottom: 35px;

        width: 100px;

        font-size: 0.8em; */
    }

    .btn-custom {
        padding-left: 1em;
        padding-right: 1em;
        font-size: 14px;
    }

    .top_text_modal_02 {
        font-size: 1.2em;
    }

    .btn-block-custom_02 {
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .field-changedomainpositionform-content .label-position-1{
        margin-bottom: 0px;
    }

    .checkbox-custom {
        margin-left: 10px;
    }
    .domain-item-name {
        margin-left: 1px;
    }

    h3{
        font-size: 1.6em;
    }

    ul.dropdown-menu{
        margin-left: -80px;
    }
}