a {
text-decoration: none ;
cursor:pointer;
}



/* unvisited link */
a:link {
color: black;
}

/* visited link */
a:visited {
color: black;
}

/* mouse over link */
a:hover {
color: black;
}

/* selected link */
a:active {
color: black;
}

* {
box-sizing: border-box;
}

html {
scroll-behavior: smooth; /* свойство scroll-behavior не наследуется, применяется к прокручиваемым блокам */ 
}

/* */ 


body {
    font-family: Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-family: proxima-nova,sans-serif;
    margin: 0;
    background-color: white;
    opacity: 0;
    -moz-user-select:none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    
    
}
.cover{position:absolute;top: 0;width: 100%;height:100%;background-color: #666;z-index: 100;}

.checkMedia{width: 2px; }

.main-menu active{color: red;}



/* Header/logo Title */
.header {
width:auto;	
margin: 0px;/**/
height: auto;
text-align: center;
background: #F9F9F9;
background-color: #0CF;
color: white;
margin-top: 0px;
margin-top: -60px;
background: url(../img/bg/sky.png);
background-repeat: no-repeat;
background-size: auto  150%;
background-position: center;

}
.header-content{
/*margin-top: 0px;
top: 0;*/
margin-top: 0px;
height: 450px;
width:auto;
text-align: center;
background-color: red;
color: white;
background: url(../img/bg/tbg-4.png);
background-repeat: no-repeat;
background-size:auto 100% ;
background-position: center;
font-family: "Roboto","Helvetica","Arial",sans-serif;
font-family: Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
font-family: proxima-nova,sans-serif;
}

.active {  
color: white;
}


.navbar{
font-family: "Roboto","Helvetica","Arial",sans-serif;
font-family: Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
font-family: proxima-nova,sans-serif;
background-color: transparent;
height:60px;
padding:0px;
position: -webkit-sticky; /* Safari */
position: sticky;
top:0;
z-index: 1;
font-size: 16px;
/*  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.23);
-moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.23);
box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.23);*/

}

/* Style the top navigation bar */
.ul-navbar {
display: flex; /**/
background-color: transparent;
list-style-type: none;
margin: 0;
padding-top: 7px;



overflow: hidden;


top: 0;
justify-content: flex-end;
height: 50px;
}

/* Style the navigation bar links */
.main-menu-link {

padding: 14px 14px;
text-decoration: none;
text-align: center;
transition: 1s;
}

.main-menu-text-box:after{
margin-top:-1px;
display:block;
content: '';
border-bottom: solid 1px #666;  
transform: scaleX(0);  
transition: transform 500ms ease-in-out;
}
/* */ 
.main-menu-text-box:hover:after { transform: scaleX(1); }


/* Change color on hover */
.main-menu-link:hover {
/*background-color: #ddd;*/
color: red;
}




/* Column container */
.row {  
display: flex;
flex-wrap: wrap;
margin-top: 0px;
}

/* Create two unequal columns that sits next to each other */
/* Sidebar/left column */


/* Main column */
.main {
flex: 100%;
background-color: white;
padding: 0px;
width:100%;
}

/* Fake image, just for this example */
.fakeimg {
background: #F9F9F9;
width: 100%;
padding: 20px;
/*min-height: 100vh;*/
/*height: auto;  */

}

/* Footer */
.footer {
padding: 15px;
font-size: 10px;
font-weight: BOLD;
text-align: center;
background: #ddd;
background-color: #2d637f;
background-color: #008dd2;
color: WHITE;
}
#menu-icon{
display:none;

}
@media screen and (min-width: 700px) {
.block-header{
text-align:center; 

}


}
/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 700px) {
.checkMedia{width: 500px}

.ul-navbar {
height: 350px;
background: white;


}
.row, .ul-navbar {   
flex-direction: column;
}

.block-header{
text-align:center; 


}


#menu-icon{
display:block;
}

.header-content{

background-size: auto 100%;

}
}	

@media screen and (max-width: 700px) {
.checkMedia{width: 700px}


.row, .ul-navbar {   
flex-direction: column;
}

.block-header{
text-align:center; 


}


#menu-icon{
display:block;
}

.header-content{

background-size: auto 100%;

}
}	

#logo{

    width: 100px;
    height: 50px;
    position: absolute;
    top:5px;
    left: 20px;
    /*background: url(../img/logo/logo-1b.png);*/
    background-repeat: no-repeat;
    background-size: auto 100% ;
}

#menu-icon{
    background-color: transparent;
    width: 30px;
    height: 30px;
    position: absolute;
    top:15px;
    right: 20px;
    cursor:pointer;

}

.icon-bar{
    display: block;
    width: 22px;
    height: 1px;
    border-radius: 1px;
    border: 1px solid;
    transition: 0.3s ease;
    position: relative;
    color: #555;
    transform-origin: left center;
    top: 0;
    margin-top: 4px;
}

/* Container for content */
.container-features {
    display: grid;
    grid-gap: 15px;
    /*grid-template-columns: repeat(auto-fit, 400px);*/
    /*grid-template-rows:  auto;*/
    grid-template-columns: minmax(150px, 1.33fr) minmax(150px, 1.33fr) minmax(150px, 1.33fr);/**/
    /**/grid-template-rows: repeat(auto, auto);
    padding-top: 80px;
}

/* Container for content */
.internal-container-features {
    display: grid;
    grid-template-columns: 1fr ;
    grid-template-rows: 140px 30px auto;
    font-family: "Roboto","Helvetica","Arial",sans-serif;
    font-family: Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-family: proxima-nova,sans-serif;
    text-align: center;
    padding: 10px;
    justify-content: center;
}

/* Container for content */
.container-team {
    display: grid;
    grid-gap: 80px;
    /*grid-template-columns: repeat(auto-fit, 400px);*/
    /*grid-template-rows:  auto;*/
    grid-template-columns: minmax(100px, 500px) minmax(100px, 500px); /**/
    /*grid-template-rows: repeat(auto, auto);*/
    border: 0px solid red;
    /*margin-left:80px;
    margin-right:80px;*/
    padding-left:80px;
    padding-right:80px;/**/
    justify-content: center ;
    padding-top: 0px;
}

/* Container for content */
.internal-container-team {
    display: grid;
    grid-template-columns: 200px auto ;
    grid-template-rows: 1fr;
    grid-gap: 25px;
    font-family: "Roboto","Helvetica","Arial",sans-serif;
    font-family: Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-family: proxima-nova,sans-serif;
    /*padding: 60px;*/
    /*justify-content: center right;*/
    justify-items: left ;
    border: 0px solid red;
    /*margin-top:20px;
    margin-bottom:20px;*/

}




@media screen and (max-width: 900px) {
/* Container for content */
.container-features {
    display: grid;
    grid-template-columns:   1fr;/**/
    justify-content: center;
    grid-template-rows: 1fr;/**/
}

/* Container for content */
.container-team {
/*justify-content: right;*/
    display: grid;
    grid-template-columns:   1fr;/**/
    justify-content: center;
    grid-template-rows: 1fr;/**/
}


}



.text-content-name{
    font-family:  "Roboto Slab","Times New Roman",serif;
    font-family: Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-family: proxima-nova,sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: black;
    text-align:left;
    padding-top: 15px;
}

.text-content-description{
    font-family:  "Roboto Slab","Times New Roman",serif;
    font-family: Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-family: proxima-nova,sans-serif;
    font-size: 12px;color: gray;text-align:left;
    padding-top: 10px;
}

.text-content{
    font-family: 'Roboto','Helvetica','Arial',sans-serif;
    font-family: Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-family: proxima-nova,sans-serif;
    font-size: 16px;
    color: rgb(153, 153, 153);
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
}

.block-header-h1{font-family: 'Roboto','Helvetica','Arial',sans-serif;font-weight: 700;font-size: 37px;text-align:center;font-family: Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-family: proxima-nova,sans-serif;}
.block-header-h3{font-family: 'Roboto Slab','Arial',sans-serif;font-size: 22px;color: rgb(153, 153, 153);text-align:center;font-family: Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-family: proxima-nova,sans-serif;}


.photo_team_member_{
    box-shadow: 0 16px 38px -12px rgba(0,0,0,0.56), 0 4px 25px 0 rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.2);
    height:200px;
    width:200px;
    /*min-height: 150px;	
    min-width: 150px;*/
}

.photo_team_member__{
    border: 0px solid green; 
    font-size: 22px;
    background-repeat: no-repeat;
    background-size:100% auto  ;
    background-position: center top;
    height:200px;
    width:200px;
    min-height: 150px;	
    min-width: 150px;/**/
}



@media screen and (max-width: 1200px) {
    .photo_team_member_{
        max-height:150px;
        max-width:150px;
    }

    /* Container for content */
    .internal-container-team {
        grid-template-columns: 150px auto ;
        grid-template-rows:  auto ;
    }
    .fakeimg {
        padding-top: 20px;
    }
}

@media screen and (max-width: 1000px) {
    .photo_team_member_, .photo_team_member__{
        max-height:305px;
        max-width:305px;
        background-size:100% auto  ;
    }

    .photo_team_member_{
        height:305px;
        width:305px;

        background-size:100% auto  ;
    }



    /* Container for content */
    .internal-container-team {
        grid-template-columns: 305px  ;
        grid-template-rows: 305px  auto;
        grid-gap: 25px;
    }
    .fakeimg {
        padding-top: 20px;
    }
}




@media screen and (max-width: 900px) {

    .internal-container-team {

        justify-items: center;
        grid-template-columns: 305px  ;
        grid-template-rows: 305px  100px;
        grid-gap: 25px;
    }

    /* Container for content */
    .container-team {
        padding-top: 0px;
        grid-gap: 50px;
        /*grid-template-columns: repeat(auto-fit, 400px);*/
        /*grid-template-rows:  auto;*/
        grid-template-columns: 305px; /**/
        grid-template-rows: repeat(auto, auto);/**/
        border: 0px solid red;
    }
    .fakeimg {
        padding-top: 20px;
    }

    .text-content{
        visibility:hidden
    }
}

.mail_success{
    background-color: lightGreen;
}
.mail_error{
background-color: DeepSkyBlue;
}

/* Container for content */
.container-partners {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 0px;
}

/* Container for content */
.internal-container-partners {
    flex: 0 0 calc();
    color: white;
    padding: 20px;
    margin: 10px;
    cursor: pointer;
}  
.container-contact {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border:0px solid red;
    padding-top: 0px;
}




.internal-container-contact{
    min-width:400px; 
    border:0px solid green;
    color: black;
    padding: 20px;
    font-family: 'Roboto','Helvetica','Arial',sans-serif;
    font-family: proxima-nova,sans-serif;
    margin: 10px;
}

.counter{
    width: 120px;
    height: 45px;
    background: url(img/counter/droneplan-counter-2020.png);
    background-repeat: no-repeat;
    background-size: 120px auto;
    background-position: center;
    margin:auto;
}






#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea, #contact button[type="submit"] { 
    font:400 16px proxima-nova,sans-serif; 
}

#contact {
    background:#F9F9F9;
    padding:0px;
    margin: 0px 0;
}

#contact h3 {
    color: #F96;
    display: block;
    font-size: 30px;
    font-weight: 400;
}

#contact h4 {
    margin:5px 0 15px;
    display:block;
    font-size:13px;
}



#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact textarea {
    width:100%;
    /*border:1px solid #CCC;
    background:#FFF;*/
    margin:0 0 5px;
    padding:10px;
    font-size:16px;
}



#contact textarea {
    height:100px;
    max-width:100%;
    resize:none;
}

#contact button[type="submit"] {
    cursor:pointer;
    width:100%;
    border:none;
    background:#0CF;
    color:#FFF;
    margin:0 0 5px;
    padding:10px;
    font-size:16px;
}

#contact button[type="submit"]:hover {
    background:#09C;
    -webkit-transition:background 0.3s ease-in-out;
    -moz-transition:background 0.3s ease-in-out;
    transition:background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active {
    box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5);
}


/*#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact textarea:hover {
border:0;
outline:0;
background-size: 100% 2px;
transition: background-size .5s;
}*/


#contact input:focus, #contact textarea:focus {
    border:0;
    outline:0;
    background-size: 100% 2px;
    transition: background-size .5s;
}

#contact input, #contact textarea{
    border: none;
    outline:0;
    text-decoration: none;
    background-image: linear-gradient(#9c27b0, #9c27b0);
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    transition: background-size .5s;
}



::-webkit-input-placeholder {
    color:#888;
}
:-moz-placeholder {
    color:#888;
}
::-moz-placeholder {
    color:#888;
}
:-ms-input-placeholder {
    color:#888;
}


#photo_team_member__photo_team_member_a{
    background: url(../img/team-photo/kd_.png);
    box-shadow: 0 16px 38px -12px rgba(0,0,0,0.56), 0 4px 25px 0 rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.2);
    border-radius: 50%;
    font-size: 22px;
    background-repeat: no-repeat;
    background-size:200% auto  ;
    background-position: left top;
    transition: background-image 1s ease-in-out;
}

#photo_team_member__photo_team_member_a:hover{
    
    background-position: right top;
    transition: background-image 1s ease-in-out;
}

#photo_team_member__photo_team_member_b{
    background-image: url(../img/team-photo/vb_.png);
    box-shadow: 0 16px 38px -12px rgba(0,0,0,0.56), 0 4px 25px 0 rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.2);
    border-radius: 50%;
    font-size: 22px;
    background-repeat: no-repeat;
    background-size:200% auto  ;
   background-position: left top;
    transition: background-image 1s ease-in-out;
}

#photo_team_member__photo_team_member_b:hover{
    	
    background-position: right top;
    transition: background-image 1s ease-in-out;
}

#photo_team_member__photo_team_member_c{
    background-image: url(../img/team-photo/sr_.png);
    box-shadow: 0 16px 38px -12px rgba(0,0,0,0.56), 0 4px 25px 0 rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.2);
    border-radius: 50%;
    font-size: 22px;
    background-repeat: no-repeat;
    background-size:200% auto  ;
    background-position: left top;
    transition: background-image 1s ease-in-out;
}

#photo_team_member__photo_team_member_c:hover{
    
    background-position: right top;
    transition: background-image 1s ease-in-out;
}

#photo_team_member__photo_team_member_d{
    background-image: url(../img/team-photo/vg_.png);
    box-shadow: 0 16px 38px -12px rgba(0,0,0,0.56), 0 4px 25px 0 rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.2);
    border-radius: 50%;
    font-size: 22px;
    background-repeat: no-repeat;
    background-size:200% auto  ;
    background-position: left top;
    transition: background-image 1s ease-in-out;
}

#photo_team_member__photo_team_member_d:hover{
    
    background-position: right top;
    transition: background-image 1s ease-in-out;
}

.navbar-toggle-wrapper{}
.fa {}
.fa-facebook-f {}
.fa-youtube {}