@font-face {
    font-family: 'roboto-black';
    src: url('../fonts/roboto/roboto-black-webfont.woff2') format('woff2'), url('../fonts/roboto/roboto-black-webfont.woff') format('woff'), url('../fonts/roboto/Roboto-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto-bold';
    src: url('../fonts/roboto/roboto-bold-webfont.woff2') format('woff2'), url('../fonts/roboto/roboto-bold-webfont.woff') format('woff'), url('../fonts/roboto/Roboto-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto-light';
    src: url('../fonts/roboto/roboto-light-webfont.woff2') format('woff2'), url('../fonts/roboto/roboto-light-webfont.woff') format('woff'), url('../fonts/roboto/Roboto-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto-medium';
    src: url('../fonts/roboto/roboto-medium-webfont.woff2') format('woff2'), url('../fonts/roboto/roboto-medium-webfont.woff') format('woff'), url('../fonts/roboto/Roboto-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto-regular';
    src: url('../fonts/roboto/roboto-regular-webfont.woff2') format('woff2'), url('../fonts/roboto/roboto-regular-webfont.woff') format('woff'), url('../fonts/roboto/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto-thin';
    src: url('../fonts/roboto/roboto-thin-webfont.woff2') format('woff2'), url('../fonts/roboto/roboto-thin-webfont.woff') format('woff'), url('../fonts/roboto/Roboto-Thin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoCondensed-Regular';
    src: url('../fonts/roboto/roboto-medium-webfont.woff2') format('woff2'), url('../fonts/roboto/roboto-medium-webfont.woff') format('woff'), url('../fonts/roboto/RobotoCondensed-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #151515;
    z-index: 800;
    height: 100vh;
    width: 100%;
    overflow: hidden;
  }
  
  .no-js #preloader,
  .oldie #preloader {
    display: none;
  }
body{
    font-family: 'roboto-regular';
    font-size: 14px;
    color:#000;
    letter-spacing: 1;
    line-height: 1.5;
}

.headFlex{
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;


}
.headFlex h1{
    font-family: 'roboto-light';
    color:#fff;
    font-size:32px;
    margin: 0px 44px;
   
}
.headFlex h6{
 
    color:#fff;
    font-size:14px;
    margin:0;
    letter-spacing: 1.5;
  
    margin: 0 10px 0 20px;
    margin-top: 60px;
}
/* .headFlex div:last-child{margin-right:5px;} */
.container600{
    width:600px;
    margin:0 auto;
    padding:0;
    border-left: 2px solid #007dc2;
    border-right: 2px solid #007dc2;

}
.ani_img{width:600px;}
.head2018{
    font-family: 'roboto-bold';
    font-size:28px;
    text-transform:uppercase;
    color:#007dc2;
    margin:10px 15px;
}
.columFlex{
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content:space-between;
}
.columFlex .item1{
    width:32%;
    background-color:#efefef;
}
.columFlex .item2{
    width:32%;
    background-color:#e4eef4;
}
.columFlex .item3{
    width:32%;
    background-color:#c9e3f2;
}
.columFlex div p{
    padding:15px;
    font-size:13px;
}
.columFlex div p span{
word-break: break-all;
color:#007dc2;
}
.section-1{background-color: #52a7d6;color:#000;font-size:14px;}
.section-1 h4{margin:0;font-size:18px;padding:15px;font-family: 'roboto-regular';}
.section1Inn{background-color: #e3e3e3;color:#000;font-size:13px;padding:15px}

.section-2{background-color: #52a7d6;color:#000;font-size:14px;}
.section-2 h4{margin:0;font-size:18px;padding:15px;font-family: 'roboto-regular';color:#fff}
.section2Inn{background-color: #e3e3e3;color:#000;font-size:13px;padding:15px}

.foot{float:left;}
.gap{margin-bottom:50px;}


/* ------------------------Contact------------------------------------ */
.contactFlex{-ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    padding:30px 20px;
    /* justify-content:space-between; */

}
.cont_inq{
      padding: 20px 20px 0;
    width: 90%;
    margin-bottom: 22px;
}
.contactFlex2{
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    padding:30px 20px;
}
.contactFlex2 div{margin-right:15px;}

.contactFlexinn{-ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
  
    /* justify-content:space-between; */

}
.contactFlexinnlink{-ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
  
    /* justify-content:space-between; */

}
.contactFlex div h4{margin-top:0;}
.contactFlex div{margin-right:30px;}
.headFlex h1{text-transform: uppercase;margin: 0 0 0 20px;}

.footbase {
    background: #b0dcf5;
    /* border: 1px solid #000000; */
    padding: 10px 10px 10px 10px;
    position: relative;
    height: 46px;
}

@media (max-width: 580px) {
    .ani_img{width:100%;}
    base {
        width: 100%;
    }
    .item1Height{height: auto!important;}
    .container600 {
        width: 100%!important;}
.footheight{height:auto!important;}
    .headFlex h6 {
     
        margin-top: 15px;
    }
    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
        font-family: inherit;
        font-weight: 500;
        line-height: 1.4;
        color: inherit;
    }
    .contactFlex2{
    
        flex-direction: column;
       
    }
    .contactFlex2 div {
      
        margin-bottom: 15px;
    }
    
    .footbase{height: auto;}
    .headFlex {
        
        flex-direction: column;
        justify-content: center;
        text-align: center;padding-bottom:20px;
    }
    .columFlex {
    
        flex-direction: column;
    }
    .columFlex .item1 {
        width: 100%;
        background-color: #efefef;
    }
    .columFlex .item2 {
        width: 100%;
        background-color: #e4eef4;
    }
    .columFlex .item3 {
        width: 100%;
        background-color: #c9e3f2;
    }
    body{padding:0 20px;}
    .foot {
        float: none;
        text-align: center;
    }
    .gap{margin-bottom:15px;}
}
.gapcont{margin-bottom:100px;}
.highligthColor{background-color: #c9e3f2;}