@import url(https://fonts.googleapis.com/css?family=Montserrat+Alternates:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
body {
    margin: 0px;
    padding: 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height:25px;
    font-weight: 500;
    background-color: #ffffff;
}

/*========== DEFAULT BROWSER STYLE==========*/
/*
* Remove the gap between audio, canvas, iframes,
* images, videos and the bottom of their containers:
* https://github.com/h5bp/html5-boilerplate/issues/440
*/
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video,main{display:block}mark,rp,rt,ruby,summary,time{display:inline}
a, abbr, acronym, address, applet, article, aside, audio,b, blockquote, big, body,center, canvas, caption, cite, code, command,datalist, dd, del, details, dfn, dl, div, dt, em, embed,fieldset, figcaption, figure, font, footer, form, header, hgroup, html,i, iframe, img, ins,kbd, keygen, legend, li, meter,nav,object, ol, output, pre, progress,q, s, samp, section, small,source, strike, strong, sub, sup,table, tbody, tfoot, thead, th, tr, tdvideo, tt,u, ul, var{
    /*background: transparent;*/
    border: 0 none;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: top;
}
/*ul,ol
{
        list-style: none;
}*/
ol,ul {
    padding-left: 30px;
}
q 
{
    quotes: none;
}
b
{
    font-weight: bold;

}

img{
    vertical-align:top; 
}

input:focus, textarea:focus, keygen:focus, select:focus {
    outline-offset:0px;
}

input,button{
    outline: none;
    border:0;
}

button::-moz-focus-inner{
    border:0;
}
html,body{
    height:100%;
}
hr {
    border: 1px solid #a0a0a0;
}

h1,h2,h3,h4,h6{

    font-weight: 700;
    font-family: 'Open Sans', sans-serif;

}
.italic{
    font-style: italic;
}

/*==========END DEFAULT BROWSER STYLE========== */



/*==========       BASIC CLASSES     ==========*/

/* ========================================= */
/* =============SPACE CLASSES============== */
/* ========================================= */
.space5{
    margin-top: 5px !important;
}
.space10{
    margin-top: 10px !important;
}
.space14{
    margin-top: 14px !important;
}
.space15{
    margin-top: 15px !important;
}
.space20{
    margin-top: 20px !important;
}
.space25{
    margin-top: 25px;
}
.space30{
    margin-top: 30px;
}
.space40{
    margin-top: 40px;
}
.space50{
    margin-top: 50px;
}
.space64{
    margin-top: 64px;
}
.space60{
    margin-top: 60px;
}
.space70{
    margin-top: 70px;
}
.space80{
    margin-top: 80px;
}
.space100{
    margin-top: 100px;
}


/* ========================================= */
/* =============PADDING CLASSES============== */
/* ========================================= */
.pad0{
    padding: 0px !important;
}
.pad-left
{
    padding-left: 0px;
}
.pad-right
{
    padding-right: 0px;
}

/* ========================================= */
/* =============MARGIN CLASSES============== */
/* ========================================= */
.mbtm0{
    margin-bottom: 0px !important;
}
.mtop0{
    margin-top:0px;
}
.mtop10{
    margin-top:10px;
}
.mbtm10{
    margin-bottom:10px;
}
.mleft10{
    margin-left:10px;
}
.mright10{
    margin-right:10px;
}
.nomargin
{
    margin: 0px !important;
}
.mauto img{
    margin: 0px auto !important;
    width: 100%  !important;
}
.mautomargin{
    margin: 0px auto !important;
}
.square
{border-radius: 0px;}
label
{
    color: #fff;
    font-weight: 100;
}
/* ========================================= */
/* =============COLOR CLASSES============== */
/* ========================================= */

a
{
    color: #5b5b5b;

}
.text-whiteclr
{
    color: #ffffff !important;
}
.text-blackclr{
    color: #000000 !important;
}
.text-redclr
{
    color: #b00e14 !important;
}
.text-drkblkclr{
    color: #333333;
}
.text-grayclr{
    color: #888888;
}
.text-blue{
    color: #00295f;
}
.capital
{
    text-transform: uppercase;
}
.underline
{
    text-decoration: underline;
}
/* ========================================= */
/* =============FONT SIZE CLASSES============== */
/* ========================================= */
.fsize8{
    font-size: 8px;
}
.fsize10{
    font-size: 10px;
}
.fsize12,.small{
    font-size: 12px;
}
.fsize15{
    font-size: 15px;
}
.fsize18{
    font-size: 18px
}
.fsize20
{
    font-size: 20px !important;	  
}
.fsize22
{
    font-size: 22px;
}	
/* ========================================= */
/* =============FONT WEIGHT CLASSES============== */
/* ========================================= */
.f100{
    font-weight: 100 !important;
}
.f900{
    font-weight: 700 !important;
}
.fbold{
    font-weight: bold !important;
}
/* ========================================= */
/* =============BUTTON CLASSES============== */
/* ========================================= */
::-webkit-input-placeholder {
    color: #595959 !important;
}

:-moz-placeholder { /* Firefox 18- */
    color: #595959 !important;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #595959 !important;
}

:-ms-input-placeholder {  
    color: #595959 !important;
}
/* ============================================ */
/* ============================================ */
/* ============================================ */
a:focus{
    text-decoration: none;
}

p {
    padding: 0;
    margin-bottom: 8px;
    line-height: 22px;
    font-size: 14px;
} 
body a:hover{
    text-decoration: none;
    cursor: pointer;

}

a:focus,.btn:focus,.btn:active:focus,
button:focus,input[type="file"]:focus, 
input[type="radio"]:focus, 
input[type="checkbox"]:focus{
    outline: none;
}
/*css for header*/
.header .navbar-default {
    background-color: rgba(0, 0, 0, 0.33);
    border: 0px;
    border-radius: 0px;
}
.header .navbar-default .navbar-nav > li > a:hover,.header .navbar-default .navbar-nav > li > a:focus {
    color: #FFFEFE;
    background-color: transparent;
}
.header .navbar-default .navbar-nav > li > a {
    color: #FFFFFF;
    padding: 10px 36px;
}
.header .navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    margin-top: 15px;
}
.header .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
}
.header .dropdown-menu > li > a {
    color: #fff;
    text-align: center;
    border-bottom: 1px solid #ccc;
}
.nos{
    background: #333;
    padding: 10px;
    color: #fff;
}
.header .navbar{
    margin-bottom: 0px;
    z-index: 9999;
}
.header .navbar-default .navbar-nav > .active > a,.header .navbar-default .navbar-nav > .active > a:hover,.header .navbar-default .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: transparent;
}
.header .dropdown-menu {
    background-color: rgba(0, 0, 0, 0.33);
    top: 69px;
}
/*.ul2{
        margin-top: -59px;
}*/
@media (min-width: 768px){
    .navbar-collapse {

        height: auto !important;
        padding-bottom: 0;
        top: 115%;
        overflow: visible !important;

        right: 0px;
        border-top: 0px;
    }
}
.navbar-fixed-top.top-nav-collapse
{
    position: absolute;
}
.slider{
    margin-top: -149px;
}
.slider .carousel {
    position: relative;
    /* bottom: 147px;*/
}

.slider .carousel-control.right,.slider .carousel-control.left{
    background-image: none;
    top: 50%;
    opacity: 5.5;
    z-index: 9999;
} 
.slider .carousel-caption {
    position: absolute;
    bottom: 205px;
    z-index: 10; 
    padding-bottom: 20px;
    color: #ffffff;
    text-align: left;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    padding: 20px 20px;
    right: 0%;
    left: 0%;

    width: 100%;
    background: rgba(0, 0, 0, 0.6);
}
.slider .carousel-caption h2{
    font-family: 'Montserrat Alternates', sans-serif;
    font-weight: 500;
}

.slider p a {
	
	color:#fff;
	
}

.slider p a:hover {
	
	text-decoration:underline;
	color:#fff;
}

.we-do{
    /*background: #333333;*/
    padding: 50px 0px;
    color: #fff;
    background: -webkit-repeating-linear-gradient(#2f2f2f 0% , #333333 40%,#333333);
    background: -moz-repeating-linear-gradient(#2f2f2f 0% , #333333 40%,#333333);
    background: -ms-repeating-linear-gradient(#2f2f2f 0% , #333333 40%,#333333);
}
.welcome-img{
    background: #282828;
    padding: 25px 23px;
    box-shadow: 0px 4px 20px 0px #000;
    color: #fff;
    text-align: center;
}
.welcome-img img{
    width: 100%;
}
.offer{
    background: #282828;
    padding: 5px 14px;
    box-shadow: 0px 4px 20px 0px #000;
    color: #fff;
    margin-top: 4px;	
}
.offer li span{
    line-height: 60px;
    margin-left: 18px;
}
.offer a{
    color: #fff;
}
.test{
    background: url('../images/images.png') no-repeat;
    background-size: cover;
    padding: 0px 0px;
    color: #fff;
    font-family: 'Slabo 27px', serif;
}
.gallery{
    background: #333333;
    color: #fff;
}
.total img {
    margin-top: 17px;
}
.total_head {
    float: left;
    margin-left: 10px;
    font-weight: 900;
}
.total_head h3 {
    margin-bottom: 0px;
    font-weight: bold;
}
/*css for footer*/
.pre-footer{
    background: url('../images/images.png') no-repeat ;
    color: #fff;
    padding: 30px 0;
    background-size: cover;
}

.pre-footer p{

    border-right: 1px solid #fff;
    padding-bottom: 35px;

}
.pre-footer ul {

    list-style-type: none;
    padding: 0 0 0 20px;

}
.pre-footer .border-right{
    border-right: 1px solid #fff;
}
.pre-footer .contact{
    background-color: #212121;
    padding: 10px 0;
}

#footer{
    background-color: #000;
    color: #fff;
    padding: 10px 0;
}
.right{
    float: right;
}

.nav-footer a {
	
	color:#fff;
}

.nav-footer a:hover {
	
	text-decoration:underline;
	color:#fff;
}

.pre-footer .col-xs-12 .img-responsive{
    display: inline;
}
.pre-footer .col-xs-12{

    padding-bottom: 20px;
}
@media(max-width: 1200px){
    .slider .carousel-control.right, .slider .carousel-control.left {
        top: 28% !important;
    }
    .slider .carousel-caption {
        bottom: 5% !important;
    }
}
@media(min-width: 992px) and (max-width: 1026px){
    .offer h2{
        margin-top: 9px !important;
    }
}
@media(max-width: 992px){
    .header .navbar-default .navbar-nav > li > a {
        padding: 10px 15px;
    }
    .offer{
        margin-top: 5px;
    }
}
@media(max-width: 767px){
    .ul2 {
        margin-top: 0px;
    }
    .navbar-fixed-top{
        position: relative;
    }
    .slider{
        margin-top: 148px;
    }
    .header .navbar-default {	
        background-color: rgb(51, 51, 51);
    }
    .pre-footer p {
        text-align:center;
    }

    .col-md-8, .col-md-9, .col-md-4 {

        text-align: center;
    }

    .col-sm-4 .offer {

        text-align: left;
    }

    .col-xs-12 {

        text-align: center;
    }
    .pre-footer p{

        border-right: none;

    }
    .pre-footer .border-right{
        border-right: none;
    }
    .pre-footer ul {
        list-style-type: none;
        padding: 0 ;
    }
    .slider .carousel-control.right, .slider .carousel-control.left {
        display: none !important;
    }
    .header .navbar-default .navbar-nav > .dropdown > a .caret {
        margin-top: 10px;
        display: none;
    }

    .navbar-collapse {

        max-height:auto;
    }

    .header .dropdown-menu {

        clear:both;
        position:relative;
        display:none;
        width: 100%;
        top:0px;
        left:0px;
        padding-top:0px;
        padding-left:10px;
        margin-top:0px;
        margin-left:10px;
        margin-bottom:20px;
        box-shadow:none;
        border:0px;
        list-style:circle;
        text-indent:10px;

        background:none;
    }

    .header .dropdown-menu li {

        display:inline;

    }

    .header .dropdown-menu li a {
        background:#333;
        text-align:left;
        padding:10px;
        border:0px solid #111;
    }


    .header .navbar-default .navbar-nav > li > a {
        padding: 14px 15px;
    }


}
@media(max-width: 600px){
    .slider .carousel-control.right, .slider .carousel-control.left {
        display: none;
    }

}
@media(max-width: 365px){

    .slider {

        margin-top:100px
    }



    .slider .carousel-caption {
        z-index: 10;
        bottom: 0px !important;
        padding: 0px 2px;
        padding-bottom: 0px;
    }

    .navbar-default .navbar-brand {

        max-width:126px;
        padding:5px 0px;
    }
    /*	.cascade-slider_item.prev {
            left: 27% !important;
            width: 58% !important;
            }*/

    .cascade-slider_item {
        padding: 9px;
    }
}


    @media screen and (max-width: 770px) {
        
        .navbar-default .col-md-10 {
            
         box-shadow: 5px 5px 5px #000;   
        }

        .navbar-header {
            
            padding-bottom:5px;
        }
         
        #myCarousel .carousel-inner {
            padding: 10px 30px;
          }
          
          .navbar-toggle {
              position:absolute;
              top:60px;
              right:0px;
             
          }
    
    }