body{
font-family: 'Roboto Mono', Helvetica, Arial;
-webkit-font-smoothing: antialiased;
font-weight:300;
background:white;
color: rgb(84, 90, 95); 
}
h1 
{ 
} 
a{
text-decoration:none;
}
p 
{
font-weight: 300;
line-height: 28px;
font-size: 19px;
}
p:last-child 
{
margin-bottom:0px;
}
h1 
{
font-size:24px;
font-weight: 600;
}
h2 
{
font-size: 30px;
font-weight: 400;
}
h3 
{
font-size: 20px;
font-weight: 400;
}
h4 
{
font-size: 18px;
}
h5 
{
font-size: 22px;
font-weight: 600;
}
h6 
{
font-family: 'Lato', sans-serif;
font-size: 16px;
}
.navbar-custom {
margin-top: 0px;
padding: 20px 0;
border-bottom: none;
background: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
color: #0258A4 !important;
}
.navbar-custom.top-collapse {
margin-top: 0px;
padding: 0;
background-color: #070F13;
}
.navbar-brand {
float: left;
height: 50px;
margin-left: 0px !important;
padding: 0px 0px;
font-size: 18px;
line-height: 20px;
margin-top: -14px;
}
/* Top Navigation Shrink On Scroll End */
/* Top Navigation Colors */
.hvr-bounce-to-right:before {
background: #014785;
}
.navbar-custom .navbar-nav a {
color: #BBB !important;
background-color: rgba(134, 134, 134, 0.13) !important;
border: 1px solid rgba(195, 195, 195, 0.06);
padding: 3px 8px !important;
margin: 17px 3px;
}
.navbar-custom .navbar-nav li.active a {
background-color: rgba(237, 191, 36, 1) !important;
font-weight: 500;
color: #FFF !important;
cursor: pointer;
border-color: rgba(237, 191, 36, 1) !important;
}
.navbar-custom .navbar-nav a:hover {
background-color: rgba(237, 191, 36, 1)!important;
font-weight: 500;
color: #FFF !important;
cursor: pointer;
border-color: rgba(237, 191, 36, 1) !important;
}
.navbar-custom.top-collapse .navbar-brand > img{
width: 80%;
margin-top: 9px;
}
a.navbar-brand {
width: 15%;
/* margin-left: 10px; */
}
.navbar-custom.top-collapse #top-navigation {
margin: 14px 0px;
}
.navbar-brand>img {
display: block;
margin-left: 39px;
margin-top: 15px;
}
ul.nav.navbar-nav.navbar-right {
margin-right: 10px;
}
/* Top Navigation Colors End */
/* Toggle Button Colors */
.navbar-custom .navbar-toggle .icon-bar {
background-color: #edbf24;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
background-color: transparent;
color: black;
}
.navbar-custom.top-collapse .navbar-toggle .icon-bar {
background-color: #edbf24;
}
.navbar-custom .navbar-toggle {
border: 2px solid #edbf24;
}
.navbar-custom.top-collapse .navbar-toggle {
border: 2px solid #edbf24;
}
/* Toggle Button Colors End */
/* Progress Animation On Scroll */
.progressContainer{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 3px;
background-color: black;
}
.progress{
height: 3px;
width: 0%;
background:rgba(237, 191, 36, 1);
border-radius: 0;
}
/* Progress Animation On Scroll End */
/* Toggle Navigation Border Remove */
.navbar-collapse {
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
/* .....=======top Sections============= */
span.top-btn {
position: absolute;
right: 0px;
top: 0;
padding-left: 14px;
font-size: 17px;
font-weight: bold;
cursor: pointer;
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 11%);
background: rgba(237, 191, 36, 1);
width: 31px;
height: 40px;
color: white;
}
.overlay {
height: 0%;
width: 100%;
position: fixed;
z-index: 99999;
top: 0;
left:0;
color: #A4AAAD;
background-color: #070F13;
background-color: rgba(0, 13, 19, 0.95);
overflow-y: hidden;
transition: 0.5s;
}
.top-div{
padding: 30px 0px;
}
.overlay h4{
color: #D1D5D6;
margin-top: 0px;
}
.overlay h4:after{
content:"";
border-color: rgba(162, 162, 162, 0.3); 
width: 13%;
margin-top: 15px;
margin-bottom: 18px;
border-bottom-style:double ;
display: block;
}
.small{
font-size: 14px;
line-height: 26px;
}
a{
color: rgba(237, 191, 36, 1);
}
a:hover, a:focus {
color: rgba(237, 191, 36, 1);
text-decoration: underline;
}
.container-flex{
display: flex;
flex-wrap: wrap;
}
.container-flex > div{
width: 18%;
margin-right: 5px;
margin-bottom: 5px;
}
.container-flex a img{
background: black;
}
.container-flex a:hover img{
background: black;
}
.closebtn-top {
position: absolute;
right: 0px;
bottom: 0px;
padding-top: 13px;
padding-left: 17px;
font-size: 17px;
font-weight: bold;
cursor: pointer;
clip-path: polygon(0% 105%, 100% 0%, 100% 100%, 0% 100%);
background: rgba(237, 191, 36, 1);
width: 31px;
height: 40px;
color: white;
}
.closebtn-top:hover{
color:white;
text-decoration: none;
}
/* Toggle Navigation Border Remove End */
/* Sections */
.section1 {
background: url(../images/slider.jpg);
height: 620px;
position: relative;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 0px;
color: white !important;
}
.block-1{
background-color: rgba(0, 0, 0, 0.37);
}
.table_dv {
display: table;
width: 100%;
height: 100%;
}
.table_cell {
display: table-cell;
vertical-align: middle;
}
.section1 img {
width: 28%;
opacity: 0.6;
}
.section1 h3{
color:white !important;
margin-top: 25px;
}
a.top-btn {
border: 1px solid white;
padding: 8px 18px;
display: inline-block;
margin-top: 25px;
text-decoration: none;
color: white;
}
a.top-btn:hover{
background: white;
color:black;
transition: 0.5s;
}
a.top-btn-hire {
/* border: 1px solid white; */
padding: 8px 18px;
display: inline-block;
margin-top: 25px;
background: rgba(237, 191, 36, 1);
text-decoration: none;
color: white;
text-transform: uppercase;
}
a.arrow-btn {
display: block;
position: absolute;
left: 0;
font-size: 25px;
color: white;
bottom: 30px;
right: 0;
font-weight: bold;
}
#section-call{
background-image:url(../images/ptn-2.png); 
color: #A4AAAD !important;
}
.block-2{
padding: 70px 0;
background-color: rgba(7, 15, 19, 0.61);
}
#section-call h2{
text-transform: UPPERCASE;
color:white;
}
#section-call p{
font-size: 17px;
}
a.call-btn {
border: 2px solid rgba(237, 191, 36, 1);
padding: 16px 40px;
display: block;
margin: 0 auto;
text-decoration: none;
width: 65%;
text-align: center;
margin-top: 28px;
font-weight: 500;
}
a.call-btn i{
padding-right: 7px;
}
a.call-btn:hover{
background: rgba(237, 191, 36, 1);
color: white;
transition: 0.7s;
}
.section2{
padding: 80px 0px;
}
.heading h2{
font-size: 38px;
font-weight: 700;
text-transform: uppercase;
}
.heading h2:after{
content: "";
display: block;
margin-top: 10px !important;
margin: 0 auto;
border: 2px solid rgba(237, 191, 36, 1);
width: 4%;
margin-bottom: 30px !important;
}
.heading h1{
margin-top: 0px;
margin-bottom: -46px;
color: rgba(170, 173, 177, 0.22);
font-size: 50px;
font-weight: 700;
text-transform: uppercase;
}
.heading p{
width: 85%;
margin: 0 auto;
}
.section2 .row{
margin-top: 80px;
}
.section2 .row p{
color: #8E969C;
font-size: 16px;
}
.section2 .row i{
margin-bottom: 20px;
text-align: center;
font-size: 48px;
}
#section3{
background-image:url(../images/bg-5.jpg);
color: white;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.block-3{
background-color: rgba(0, 7, 10, 0.85);
padding: 80px 0px;
}
.heading.heading-main h2:after{
margin: unset;
}
#section3 p{
color: #D1D5D6;
}
.flex{
display: flex;
flex-wrap: wrap;
}
.flex > div:nth-child(1){
width: 15%;
margin-top: 13px;
}
.flex > div:nth-child(2){
width: 85%;
margin-bottom: 30px;
}
.flex > div:nth-child(3){
width: 15%;
margin-top: 13px;
}
.flex > div:nth-child(4){
width: 85%;
margin-bottom: 30px;
}
.flex > div:nth-child(5){
width: 15%;
margin-top: 13px;
}
.flex > div:nth-child(6){
width: 85%;
margin-bottom: 30px;
}
.icons i {
background: rgba(237, 191, 36, 1);
padding: 15px;
width: 51px;
font-size: 20px;
text-align: center;
}
a.top-btn i{
padding-right: 7px;
}
.sec-4{
padding-top: 80px;
padding-bottom: 30px;

}
/*  gallery */
.gallery-title{
font-size: 36px;
color: #3F6184;
text-align: center;
font-weight: 500;
margin-bottom: 70px;
}
.filter-button{
font-size: 16px;
border: 2px solid rgba(237, 191, 36, 1);
padding:5px 10px;
text-align: center;
color: #070F13;
margin-bottom: 30px;
background:transparent;
}
.filter-button:hover,
.filter-button:focus,
.filter-button.active{
color: #ffffff;
background-color: rgba(237, 191, 36, 1);
outline:none;
}
.gallery_product{
margin: 0px;
padding:0;
position:relative;
}
.gallery_product .img-info{
position: absolute;
background: rgba(237, 191, 36, 1);
left: 0;
right: 0;
bottom: 0;
padding: 80px 20px;
overflow:hidden;
color:#fff;
top:0;
display:none;
-webkit-transition: 2s;
transition: 2s;
}
.gallery_product:hover .img-info{
display:block;
-webkit-transition: 2s;
transition: 2s;
}
.bg-dark{
color: #D1D5D6;
padding: 70px 0;
background-color: #151F23;
}
.bg-dark h2{
color: white;
text-transform: uppercase;
}
.bg-dark h2:after{
content: "";
display: block;
width: 7%;
margin-bottom: 22px;
margin-top: 19px;
border: 3px solid rgba(237, 191, 36, 1);
}
.padding-right-40 {
padding-right: 40px !important;
}
a.hire-btn {
text-transform: uppercase;
text-decoration: none;
color: white;
background: #edbf24;
padding: 20px 50px;
display: block;
font-size: 16px;
margin-top: 34px;
font-weight: bold;
text-align: center;
}
a.hire-btn:hover{
background: #d3aa23;  
}
#section5{
background-image: url(../images/bg-6.jpg);
background-color: #070F13 !important;   
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: white !important; 
}
.block-4{
background: rgba(0, 7, 10, 0.91) !important;
padding: 100px 0px 80px 0px;
}
.block-4 p{
color: #D1D5D6;
font-size: 16px;
line-height: 22px;
}
.flex.flex-1 > div:nth-child(2){
width: 78%;
margin-left: 20px;
}
.flex.flex-1 {
margin-top: 25px;
}
.flex-container1{
display:flex;
flex-wrap: wrap;
margin-bottom:0px;
}
.flex-container1>div{
width:50%;
}
.text-portion{
height:324px;
color: #4E5758;
padding:0px 50px;
}
.table_dv {
display: table;
width: 100%;
height: 100%;
}
.table_cell {
display: table-cell;
vertical-align: middle;
}
.text-portion h3{
font-size: 24px;
line-height: 33px;
margin:0px;
}
.text-portion p{
font-size: 18px;
line-height: 24px;
}
/* ------------------------------------------------------------- *
* Prices
/* ------------------------------------------------------------- */
.prices {
position: relative;
margin-top: 40px;
z-index: 9;
}
.prices .owl-carousel .owl-stage-outer {
padding-top: 10px;
}
/* Price box */
.price-box {
position: relative;
top: 0;
background-color: #FFF;
margin: 20px 0;
text-align: center;
overflow: hidden;
border: 1px solid #E6E6E6;
-webkit-box-shadow: inset 0px 4px 0px rgba(226, 226, 226, 0.18);
-moz-box-shadow: inset 0px 4px 0px rgba(226, 226, 226, 0.18);
box-shadow: inset 0px 4px 0px rgba(226, 226, 226, 0.18);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.price-box:hover {
top: -10px;
}
.price-box .pr-box {
padding: 20px;
}
/* Price heading */
.price-box .price-heading {
border-bottom: 1px solid #ededed;
}
.price-box .price-heading i {
margin-bottom: 20px;
font-size: 34px;
}
.price-box .price-heading .price-title {
margin: 0;
font-size: 22px;
}
.price-box .price-heading .price-heading-text {
margin-top: 10px;
font-size: 14px;
}
/* Price price box price */
.price-box .price-box-price {
border-bottom: 1px solid #ededed;
}
.price-box .price-box-price .price {
position: relative;
display: inline-block;
margin-top: 10px;
font-size: 48px;
font-weight: bold;
}
.price-box .price-box-price .price-currency {
position: absolute;
left: -15px;
font-size: 19px;
}
.price-box .price-box-price .price-tenure {
font-size: 13px;
color: #8E969C;
}
/* Price features */
.price-box .price-features {
border-bottom: 1px solid #ededed;
}
.price-box .price-features > ul > li {
padding: 8px 0;
font-size: 16px;
}
/* Price box featured */
.price-box-featured .price-box-price {
background-color: #edbf24 !important;
color: #FFF !important;
}
.price-box-featured .price-box-price .price-tenure {
color: #FFF !important;
}
.price-box-featured .price-box-ribbon {
position: absolute;
width: 150px;
top: 22px;
right: -35px;
text-align: center;
padding: 5px 20px;
background-color: #edbf24;
font-size: 14px;
color: #FFF;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.price-box-featured .price-footer {
-webkit-box-shadow: inset 0px -4px 0px #f7465b;
-moz-box-shadow: inset 0px -4px 0px #f7465b;
box-shadow: inset 0px -4px 0px #edbf24;
}
/* Price box styles */
.price-box-dark, .price-box-dark .price-box {
background-color: transparent;
border-color: transparent;
}
.price-box-dark .price-heading, .price-box-dark .price-features {
background-color: rgba(29, 34, 37, 0.9);
color: #FFF;
border-bottom-color: transparent;
}
.price-box-dark .price-box-price, .price-box-dark .price-footer {
background-color: rgba(43, 48, 51, 0.9);
color: #FFF;
border-bottom-color: transparent;
}
.btn-white-bordered {
color: #FFF;
background-color: transparent;
border: 2px solid #FFF;
-webkit-box-shadow: none;
box-shadow: none;
}
.owl-carousel.owl-loaded.owl-drag {
padding-top: 40px;
}
#owl-carousel .owl-item, #owl-one .owl-item  {
width: 270px !important;
margin-right: 20px;
}
.owl-stage {
width: 1160px !important;
}
.price-box .pr-box {
padding: 20px;
}
a.white-bordered {
border: 2px solid white;
color: white;
padding: 8px 27px;
display: inline-block;
text-decoration: none;
margin: 10px 0px;
text-transform: uppercase;
font-weight: bold;
}
a.white-bordered:hover{
background: white;
color:black;
transition: 0.6s;
}
a.white-bordered.bg {
background: #edbf24;
border: 2px solid #edbf24;
color: white;
}
.team .team-ig {
margin-bottom: 37px;
position: relative;
overflow: hidden;
text-align: center;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.team:hover .team-ig {
transform: translateY(-10px);
}
.team:hover .team-ig:before {
top: -160%;
}
.team .team-ig:before {
position: absolute;
content: "";
width: 200%;
height: 100%;
left: -150px;
top: 140%;
background-color: rgba(255, 255, 255, 0.35);
z-index: 1;
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-o-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg);
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
ul.list-inline.bottom-link {
margin-top: 25px;
}
ul.list-inline.bottom-link li a i {
background: rgba(189, 189, 189, 0.25);
width: 35px;
/* padding: 14px; */
color: black;
height: 35px;
line-height: 35px;
}
ul.list-inline.bottom-link li a:hover i{
color: white;
background: #edbf24;
}
ul.list-inline.bottom-link li {
padding: 0px;
}
#section6{
padding-bottom: 100px;
}
/* ------------------------------------------------------------- *
* Video promo section
/* ------------------------------------------------------------- */
.video-section {
position: relative;
min-height: 700px;
background-color: #44484C;
-webkit-background-size: cover;
background-size: cover;
}
.video-section-caption {
width: 100%;
}
.video-section .heading {
max-width: 700px;
margin: 0 auto;
padding: 0 15px;
}
/* Video button */
.video-section .video-btn {
display: inline-block;
width: 100px;
height: 100px;
line-height: 97px;
background-color: rgba(255, 255, 255, 0.13);
margin-top: 40px;
margin-bottom: 40px;
padding: 0 0 0 10px;
text-align: center;
font-size: 34px;
color: #FFF;
border-radius: 50%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.video-section .video-btn:hover {
background-color: #F7465B;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
/* ------------------------------------------------------------- *
* YTP Player: https://github.com/pupunzi/jquery.mb.YTPlayer;
/* ------------------------------------------------------------- */
.youtube-bg {
position: relative;
padding-bottom: 0 !important;
height: auto !important;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
}
.YTPOverlay {
background-color: transparent;
}
.YTPOverlay.raster {
background: url("img/raster.png"); /* "raster.png" or "raster_dot.png" */
background-color: rgba(0, 0, 0, 0.6);
}
.youtube-bg.YTPFullscreen .YTPOverlay, .youtube-bg.YTPFullscreen .YTPOverlay.raster, .youtube-bg.YTPFullscreen .cover {
display: none;
}
/* Video control bar */
.mb_YTPBar, .mb_YTPBar.visible {
opacity: .1;
z-index: 9;
}
.mb_YTPBar, .mb_YTPBar .buttonBar {
padding: 4px 4px 0px 4px;
}
.mb_YTPBar, .mb_YTPBar .mb_YTPProgress, .mb_YTPBar .mb_YTPLoaded, .mb_YTPBar .mb_YTPseekbar {
height: 4px;
}
.mb_YTPBar .mb_YTPProgress, .mb_YTPBar .mb_YTPLoaded {
cursor: pointer;
}
.mb_YTPBar .mb_YTPseekbar {
background: #F20000;
cursor: pointer;
}
/* Video control elements */
.mb_YTPBar span.mb_OnlyYT {
left: 250px;
right: auto;
}
@media (min-width: 480px) {
.mb_YTPBar span.mb_OnlyYT {
left: 330px;
}
}
.art-img{
position: relative;
overflow: hidden;
}
.art-img img {
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.6s;
}
.art-img:hover img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
cursor: pointer;
transform: scale(1.06);
}
.title a , a.article-time  {
text-decoration: none;
color: #545A5F;
}
.title a:hover{
color:rgb(237, 191, 36);
}
.padding-top{
padding-top: 15px;
}
a.view-btn {
background-color: rgba(189, 189, 189, 0.56);
display: block;
margin: 0 auto;
text-decoration: none;
color: black;
padding: 20px 54px;
font-weight: bold;
margin-top: 61px;
text-transform: uppercase;
/* margin: 15px 0px; */
margin-bottom: 75px;
}
a.view-btn:hover {
background: #c5c3c3;
}
#testimonial .carousel-indicators li.active {
background-color: #edbf24;
}
#testimonial .carousel-indicators li {
background-color: transparent;
height: 7px;
width: 26px;
margin: 0px;
border-radius: 0px;
background: #d3d0d0;
border: 1px solid transparent;
}
#featuredclinet .carousel-indicators {
bottom: -50px;
}
#testimonial .carousel-indicators {
bottom: -50px;
}
#testimonial img{
width: 80px;
margin-bottom: 15px;
}
#testimonial p{
color: rgb(209, 213, 214) !important;
font-size: 17px;
font-style: italic;
}
small {
margin-top: 20px;
font-size: 15px;
color: rgb(142, 150, 156);
}
.flex-ig{
display: flex;
flex-wrap: wrap;
align: center;
}
.flex-ig > div{
width: 25%;
padding-left: 5%;

}
.our-c img{
width: auto !important;
margin-bottom: 15px;
}
#section9{
background-image: url(../images/bg-2.jpg);
background-color: #070F13 !important;   
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: white !important; 
}
#section10{
padding-bottom: 120px;
background-color: #070F13 !important;
color: white !important; 
}
#section11{
background-image: url(../images/bg-1.jpg);

background-color: #070F13 !important;   
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: white !important; 
}
.txt-font{
font-size: 19px !important;
}
.margin-1{
margin-top: 40px;
margin-bottom: 20px;
font-size: 15px;
font-weight: 500px;
color: #D1D5D6;
}
ul.list-inline.footer-list{
margin-bottom: 50px;
}
ul.list-inline.footer-list li {
padding: 0px;
}
ul.list-inline.footer-list li a {
color: white;
border: 2px solid white;
/* width: 23px; */
/* padding: 8px 0px; */
display: block;
width: 50px;
line-height: 50px;
height: 50px;
border-radius: 50px;
text-align: center;
}
ul.list-inline.footer-list li a:hover{
transition: 0.6s;
background: white;
color:black;
}
.form-control {
display: block;
width: 100%;
height: 48px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: inherit;
background-color: rgba(139, 145, 150, 0.14);
background-image: none;
border: 1px solid rgba(139, 145, 150, 0.1);
border-radius: 4px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border-color ease-in-out .15s;
-o-transition: border-color ease-in-out .15s;
transition: border-color ease-in-out .15s;
}
.form-control:focus{
border-color: #edbf24 !important;
}
a.hire-btn.send-btn {
margin-top: 10px;
padding: 17px 0px;
}
#footer{
padding: 30px 0;
background-color: #070F13 !important;
}
.scrolltotop {
border: 1px solid #edbf24;
border-radius: 50%;
bottom: 40px;
color: #fff;
cursor: pointer;
display: block;
font-size: 20px;
height: 50px;
text-align: center;
position: fixed;
right: 50px;
line-height: 43px;
width: 50px;
z-index: 999;
background: #edbf24;
}
/*Responsive table*/
/*======
Media Queries
=======*/
/*========================*/
@media (min-width: 1200px) and (max-width: 2400px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
ul.nav.navbar-nav.navbar-right {
margin-right: 0px;
margin-left: 20px;
margin-top: 25px;
}       
}
@media (min-width: 768px) and (max-width: 991px) {
.text-portion {
height: 241px;
}
.text-portion h3 {
font-size: 21px;
line-height: 27px;
}
.line{
margin: 6px 0px 9px 0px;
}
.text-portion p {
font-size: 15px;
line-height: 20px;
}
ul.nav.navbar-nav.navbar-right {
margin-right: 0px;
margin-left: 20px;
margin-top: 10px;
}
}
@media (min-width: 320px) and (max-width: 767px) {
.flex-container1>div{
width:100%;
}
.text-portion {
height: 277px;
}
a.navbar-brand {
width: 25%;
margin-top: -24px;
/* margin-left: 10px; */
}
ul.nav.navbar-nav.navbar-right {
/* margin-right: 10px; */
margin-left: 25px;
background: black;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: #e7e7e7;
background: black;
}
.navbar-custom.top-collapse .navbar-brand > img {
width: 100%;
margin-top: 17px;
}
.navbar-custom.top-collapse #top-navigation {
margin: 14px 0px;
}
.navbar-custom.top-collapse {
/* margin-top: 0px; */
/* margin: 20px 0px; */
padding: 20px 0px;
background-color: #070F13;
}   
.container-fluid {
padding-right: 0;
}
.section1 img {
width: 63%;
opacity: 0.6;
}
.navbar-toggle {
padding: 9px 10px;
margin-top: -2px;
margin-right: 44px;
}
.section1 {
height: 475px;
}
a.top-btn {
margin-bottom: 10px;
}
.scrolltotop {
right: 13px;
}
}
@media (min-width: 320px) and (max-width: 480px) {
.flex-container1>div{
width:100%;
}
}