/* TABLE OF CONTENTS

	1. BASIC STYLES
	2. BUTTONS
	3. NAVBAR
	4. HEADER 
	5. SECTIONS
	6. FOOTER
	7. POPOVERS
	8. DIVIDERS
	9. SELECTION
	10. SCROLL TO TOP
	11. RESPONSIVE
*/

	
/*============================================================
 1. BASIC STYLES
===================================================================*/

        html,
        body {
          height: 100%;
          width: 100%;
        }
	
        body {
                overflow-x: hidden;
                font-family: 'Roboto', sans-serif;
                font-size: 15px;
                font-weight: 300;
                line-height: 30px;
        }

        h5 {
                font-family: 'Prompt', sans-serif;
                font-weight: 600;
                letter-spacing: 4px;
                text-transform: uppercase;
        }
        
        p {
                font-size: 17px;
                line-height: 2;
        }
        
        p.large {
                font-size: 17px;
        }
        
        p.box {
                font-size: 17px;
        }
        
        a {
                color: white;  
        }
        
        a:hover,
        a:focus,
        a:active,
        a.active {
                color: #eccd5f;
                text-decoration: none;
                outline: 0;
        }
        
        a.top {
                color: white;
                font-size: 24px;
                font-weight: 400;
                height: 50px;
        }
        a.top:hover,
        a.top:focus,
        a.top:active,
        a.top.active {
                color: #ddd;
                text-decoration: none;
        }
        
        section {
                padding: 100px 0;
                text-align: center;
        }

        .img-centered {
                margin: 0 auto;
        }
        
                
/*============================================================
 2. BUTTONS
================================================================*/

        .btn {
                font-family: 'Roboto', sans-serif;
                font-weight: 400;
                color: #fff;
                text-transform: uppercase;
                -webkit-transition: all .3s ease-in-out;
                -moz-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out;
        }
        
        .btn-primary {
                border-color: #fff;
                text-transform: uppercase;
                background-color: #d0b858;
        }
        
        .btn-primary:hover,
        .btn-primary:focus,
        .btn-primary:active,
        .btn-primary.active,
        .open .dropdown-toggle.btn-primary {
                border-color: #d0b858;
                color: #fff;
                background-color: #d0b858;
        }
        
        .btn-primary:active,
        .btn-primary.active,
        .open .dropdown-toggle.btn-primary {
                background-image: none;
        }
        
        .btn-primary.disabled,
        .btn-primary[disabled],
        fieldset[disabled] .btn-primary,
        .btn-primary.disabled:hover,
        .btn-primary[disabled]:hover,
        fieldset[disabled] .btn-primary:hover,
        .btn-primary.disabled:focus,
        .btn-primary[disabled]:focus,
        fieldset[disabled] .btn-primary:focus,
        .btn-primary.disabled:active,
        .btn-primary[disabled]:active,
        fieldset[disabled] .btn-primary:active,
        .btn-primary.disabled.active,
        .btn-primary[disabled].active,
        fieldset[disabled] .btn-primary.active {
                border-color: #d0b858;
                background-color: #d0b858;
        }
        
        .btn-primary .badge {
                color: #d0b858;
                background-color: #fff;
        }       
                       
        .btn-xl {
                padding: 10px 20px; /*top and bottom and left and right*/
                border-color: #d0b858;
                border-radius: 1px;
                text-transform: none;
                font-family: 'Roboto', sans-serif;
                font-size: 18px;
                font-weight: 300;
                color: #fff;
                background-color: #d0b858;
        }
        
        .btn-xl:hover,
        .btn-xl:focus,
        .btn-xl:active,
        .btn-xl.active,
        .open .dropdown-toggle.btn-xl {
                border-color: #d0b858;
                color: #444;
                background-color: transparent;
                -webkit-transition: all .5s ease-in-out;
                -moz-transition: all .5s ease-in-out;
                transition: all .5s ease-in-out;
        }
        
        .btn-xl:active,
        .btn-xl.active,
        .open .dropdown-toggle.btn-xl {
                background-image: none;
        }
        
        .btn-xl.disabled,
        .btn-xl[disabled],
        fieldset[disabled] .btn-xl,
        .btn-xl.disabled:hover,
        .btn-xl[disabled]:hover,
        fieldset[disabled] .btn-xl:hover,
        .btn-xl.disabled:focus,
        .btn-xl[disabled]:focus,
        fieldset[disabled] .btn-xl:focus,
        .btn-xl.disabled:active,
        .btn-xl[disabled]:active,
        fieldset[disabled] .btn-xl:active,
        .btn-xl.disabled.active,
        .btn-xl[disabled].active,
        fieldset[disabled] .btn-xl.active {
                border-color: #d0b858;
                background-color: #d0b858;
        }
        
        .btn-xl .badge {
                color: #d0b858;
                background-color: #fff;
        }
        
        .btn-success {
                border-color: #d0b858;
                font-size: 18px;
                letter-spacing: 1px;
                font-weight: 300;
                color: #5a5a5a;
                background-color: transparent;
                border-radius: 2px;
        }
        .btn-success:hover {
                border-color: #d0b858;
                color: #fff;
                background-color: #d0b858;
        }
        .btn-success:focus,
        .btn-success:active,
        .btn-success.active {
                border-color: #d0b858;
                color: #fff;
                background-color: #d0b858;
        }
        .btn-medium {
                border-radius: 1px;
                color: #222;
                background-color: #fff;
                border-color: #fff;
                text-transform: none;
                margin-top: 30px;
        }



/*============================================================
 3. NAVBAR
================================================================*/
      
        .navbar-default {
                padding: 25px;
                border: 0;                
                background-color:transparent;
                font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
                font-size: 12px;
                font-weight: 300;
                text-transform: uppercase;
                -webkit-transition: padding .3s;
                -moz-transition: padding .3s;
                transition: padding .3s;
        }
            
        .navbar-default .navbar-brand {
                width:140px;
                height:42px;
                padding-top: 20px;
                margin:5px 0 0 5px;
                background-image:url(../img/logos/weblogowhite.png);
                background-repeat:no-repeat;
                -webkit-transition: all .2s;
                -moz-transition: all .2s;
                transition: all .2s;
        }
        
        .navbar-default .nav li a {
                letter-spacing: 1px;
                color: #fff;
        }
        
        .navbar-default .nav li a:hover,
        .navbar-default .nav li a:focus {
                outline: 0;
                color: #d0b858;  
                -webkit-transition: all .5s ease-in-out;
                -moz-transition: all .5s ease-in-out;
                transition: all .5s ease-in-out;
        }
        
        .navbar-default .navbar-nav>.active>a {
                border-radius: 0;
                color: #fff;
                background-color: #d0b858;
        }
        
        .navbar-default .navbar-nav>.active>a:hover,
        .navbar-default .navbar-nav>.active>a:focus {
                color: #fff;
                background-color: #d0b858;
        }
      
        .navbar-default .navbar-nav>.active>a {
                border-radius: 1px;
        }
    
        .navbar-default.navbar-shrink {
                padding: 0 0;
		                padding-left: 20px;
                padding-right: 20px;
                background-color: #000053;
        }
        
        .navbar-fixed-top .navbar-brand:hover {
                opacity: 0.5;
        }
    
        .navbar-default .navbar-toggle {
                border-color: transparent;
                background-color: transparent;
        }
        
        .navbar-default .navbar-toggle .icon-bar {
                background-color: #fff;
        }
        
        .navbar-default .navbar-toggle:hover,
        .navbar-default .navbar-toggle:focus {
                background-color: transparent;
        }

/*---------------------
  DROPDOWN MENU
-----------------------------------------------------------------------------*/

        .navbar-default .dropdown-menu{
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                -ms-border-radius: 4px;
                -o-border-radius: 4px;
                border-radius: 4px;
                -moz-background-clip: padding;
                -webkit-background-clip: padding-box;
                background-clip: padding-box;
                margin: 0;
                border: none;
                text-transform: none;
                min-width: 200px;
                background: #000053;
        }
        .navbar-default .dropdown-menu:before{
                content: "";
                display: block;
                width: 0;
                height: 0;
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-bottom: 10px solid #fff;
                position: absolute;
                right: 30px;
                top: -10px;
        }
        .navbar-default .nav .dropdown-menu a{
                border-bottom: 1px solid #3e3e3e;
                padding: 8px 20px;
                color: #eaeaea/*dfe9fb*/;
                -webkit-opacity: 1;
                -moz-opacity: 1;
                opacity: 1;
        }
        .dropdown-menu > .active > a,
        .dropdown-menu > .active > a:hover,
        .dropdown-menu > .active > a:focus {
                color: #fff;
                text-decoration: none;
                background-color: #d0b858;
                outline: 0;
        }

        .navbar-default .nav .dropdown-menu a:hover {
                background: #d0b858;
                color: #fff;
        }
        
        .navbar-default .nav.active > a.dropdown-toggle:before {
                display: none;
        }
        
        .navbar-default .dropdown:hover .dropdown-menu {
            display: block;
        }
        

/*============================================================
 4. HEADER
================================================================*/

        header {
                position: relative;
                height: 100%;
                width: 100%;
                background-attachment: fixed;
                background-image: url(../img/h.jpg);
                background-position: center center;
                background-repeat: no-repeat;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                background-size: cover;
                -o-background-size: cover;
                text-align: left;
                color: #fff;
                padding: 100px 0;
        }
        
        .overlay{
		background-color: rgba(0,0,83,.7);
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
	}
        
        header .intro-text {
	        margin: auto;
                position: relative;
                top: 45%;
                left: 60%;
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        }
    
        header .intro-text .intro-heading {
                margin-bottom:5px;
                text-transform: none;
                font-size: 75px;
                font-weight: 300;
                line-height: 120px;
		color: #eaeaea;
        }
             
        header .intro-text .intro-lead-in1 {
                margin-bottom: 0;
                font-size: 20px;
                font-weight: 300;
                line-height: 40px;
                color: #cdcdcd;
        }
        header .intro-text .intro-lead-in2 {
                margin-bottom: 50px;
                font-size: 20px;
                font-weight: 300;
                line-height: 40px;
                color: #cdcdcd;
        }
        
        a.down {
		font-family: 'Roboto', serif;
		font-size: 15px;
		letter-spacing: 1px;
		font-weight: 100;
		padding: 50px;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
        }
        a.down:hover {
		color: #fff;
        }

        header .learn-more {
            position: absolute;
            width: 100%;
            bottom: 10%;
            text-align: center;
        }
        
        header .scroll-down {
            position: absolute;
            width: 100%;
            bottom: 20px;
            text-align: center;
        }
        header .scroll-down .btn {
            height: 50px;
            width: 50px;
            line-height: 50px;
            padding: 0;
            letter-spacing: normal;
            color: white;
            font-size: 30px;
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }
        header .scroll-down .btn:hover,
        header .scroll-down .btn:active{
            color: rgba(255, 255, 255, 0.5);
            border-color: transparent;
            outline: none;
        }
	
	.line span {
                display: inline-block;
                width: 350px;
                height: 1px;
                background: #fff;
                margin-bottom: 20px;
		margin-top: 0;
        }
	
	
/*-----------------------
  ARROW UP & DOWN
--------------------------------------------------*/

        
        .bounce {
                animation: bounce 4s infinite;
                -webkit-animation: bounce 4s infinite;
                -moz-animation: bounce 4s infinite;
                -o-animation: bounce 4s infinite;
        }
         
        @-webkit-keyframes bounce {
                0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
                40% {-webkit-transform: translateY(-30px);}
                60% {-webkit-transform: translateY(-15px);}
        }
         
        @-moz-keyframes bounce {
                0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
                40% {-moz-transform: translateY(-30px);}
                60% {-moz-transform: translateY(-15px);}
        }
         
        @-o-keyframes bounce {
                0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
                40% {-o-transform: translateY(-30px);}
                60% {-o-transform: translateY(-15px);}
        }
        @keyframes bounce {
                0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
                40% {transform: translateY(-30px);}
                60% {transform: translateY(-15px);}
        }
                  
/*============================================================
 5. SECTIONS
================================================================*/


        section h2.section-heading {
                margin-top: 0;
                margin-bottom: 35px;
                font-size: 60px;
                font-weight: 100;
                text-align: center;
                color: #222;
                text-transform: none;
                display: inline-block;
                padding-bottom: 10px;           
        }
        
        .service-item {
                position: relative;
                color: #fff;
                text-align: center;
                margin-bottom: 30px;
        }
        
        .service-item a {
                color: #222;
        }
        
        .service-item a:hover {
                color: #fff;
                background-color: transparent;
                border-color: #fff;
        }
        
        .service-item .service-icon {
                font-size: 70px;
                padding: 80px 0;
        }
        .service-item .service-content {
                background-color: #ff9933;                                               ;
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                padding: 25px;
                text-align: center;
                color:  #fff;
                opacity: 0;
                visibility: hidden;
                -webkit-transition: all 500ms ease-in-out;
                -moz-transition: all 500ms ease-in-out;
                transition: all 500ms ease-in-out;
        }
        .service-item .service-content .inner-service {
                padding: 20px;
        }

        .service-item .service-content h3 {
                font-size: 20px;
                font-weight: 600;
                text-transform: none;
                color: #fff;
                padding-bottom: 10px;
                margin-bottom: 20px;
                display: inline-block;
                border-bottom: 1px solid #fff;
        }
        .service-item .service-content .content-overlay a.expand {
                margin-top: 15px;
                width: 36px;
                height: 36px;
                border-radius: 18px;
                -webkit-border-radius: 18px;
                -moz-border-radius: 18px;
                background-color: #fff;
                display: inline-block;
                text-align: center;
        }
        .service-item .service-content .content-overlay a.expand i {
                line-height: 36px;
        }
        .service-item .service-content:hover .content-overlay {
                opacity: 1;
                visibility: visible;
        }
        
        .service-item:hover .service-icon {
                opacity: 0;
                visibility: hidden;
        }
        .service-item:hover .service-content {
                opacity: 1;
                visibility: visible;
        }
        .vcenter {
                min-height: 12em;
                display: table-cell;
                vertical-align: middle;
                text-align: center;
        }         
         
        .services .service:hover .btn {        
                border-radius: 1px
        }
        
        .services .service:hover .btn:hover {        
                border-radius: 1px
        }
        
        #service-1 {
                background-color: #46A6F7/*000053/5b8f81*/;
        }
        

/*============================================================
 6. FOOTER
================================================================*/

        footer {
                padding: 35px 20px 0;
                background-color: #262626;
                color: rgba(255, 255, 255, 0.6);
		font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
		color: rgba(255, 255, 255, 0.6); 
        }
        p.footer {                
                font-weight: 300;
                font-size: 14px; 
        }
        
        footer .copyright {
                font-size: 16px;
                text-transform: none;                
        }

	.copyright {
		border-top:#444 solid 1px;
		padding:24px 0;
		margin-top: 20px;
	}
	
        a.footer {
                color: #d0b858;
                text-decoration: underline;
        }
        a.footer:hover,
        a.footer:focus,
        a.footer:active,
        a.footer.active {
                color: #fff;
                text-decoration: none;
        }

/*============================================================
 7. POPOVERS
================================================================*/

        .popover {
            padding-bottom: 24px;
            color: #222;
        }
        .popover-content {
          
          margin-top: 12px;
          margin-bottom: -5px;
          margin-left: 7px;
          margin-right: auto;
          font-size: 15px;
        }
        
        .cBtn ul{
            margin-bottom: 90px;  
                
        }
        .cBtn ul li{
                margin-bottom: 25px;
                margin-right: 0px;
                border-radius:4px;
                float: inherit;
                list-style:none;
        }
            
        .cBtn ul li:last-child{
                margin-right: 0;
        }
        .cBtn ul li a{
                text-decoration:none;
                color:#fff;
                font-size: 15px;
                text-align:center;
                font-family: 'Roboto', 'sans-serif';
                font-weight: 700;
        }
        .cBtn i {
		margin-left: 15px;
	}
        
        
/*============================================================
 8. DIVIDERS
================================================================*/

        .divider-1 span {
                display: inline-block;
                width: 200px;
                height: 1px;
                background: #111;
                margin-bottom: 80px;
        }
        .divider-2 span {
                display: inline-block;
                width: 300px;
                height: 1px;
                background: #fff;
                margin-bottom: 60px;
        }
        
/*============================================================
 9. SELECTION
================================================================*/
        ::selection{
                background: #d0b858;
                color: #fff;
        }
        ::-moz-selection {
                background: #d0b858;
                color: #fff;
        }
        


/*============================================================
 10. SCROLL TO TOP
================================================================*/

        .scroll-up {
		position: fixed;
		display: none;
		z-index: 999;
		bottom: 1.8em;
		right: 1.8em;
	}

	.scroll-up ul{
		margin: 0;
		padding: 0;
	}

	.scroll-up li{
		list-style: none;
		margin: 0;
		padding: 0 100px 0;
	}

	.scroll-up a {
		background-color: #d0b858;
                border-color: #d0b858;
                border-radius: 50px;
		display: block;
		width: 40px;
		height: 40px;
		text-align: center;
		color: #fff;
		font-size: 20px;
		line-height: 38px;
		box-shadow: 0px 0px 6px #ccc;
	}

	.scroll-up a:hover,
	.scroll-up a:active {
		background-color: #fff;
                border-color: #000053;
                color: #000053;
	}
        
        
        
/*============================================================
 11. RESPONSIVE
================================================================*/

/*=========================================================================================
lg pc
======================================================================================================*/
/*
@media (min-width: 1600px) and (max-width: 1700px){

	/* HEADER 
	
	header .intro-text {
		padding-top: 200px;
        }
    
        header .intro-text .intro-heading {
                margin-bottom: 10px;
        }
        
        .line span {
                margin-bottom: 40px;
        }
        
        header .intro-text .intro-lead-in1 {
                margin-bottom: 5px;
        }
        header .intro-text .intro-lead-in2 {
                margin-bottom: 30px;
        }
}
@media (min-width: 1500px) and (max-width: 1599px){*/
	
	/* HEADER */
/*	
	header .intro-text {
		left: 10%;
        }

}

@media (min-width: 1400px) and (max-width: 1499px){
	
	/* HEADER */
/*	
	header .intro-text {
                padding-top: 150px;
        }
	        header .intro-text .intro-heading {
                margin-bottom: 10px;
        }
        
        .line span {
                margin-bottom: 50px;
        }
        
        header .intro-text .intro-lead-in1 {
                margin-bottom: 5px;
        }
        header .intro-text .intro-lead-in2 {
                margin-bottom: 30px;
        }
}
@media (min-width: 1300px) and (max-width: 1399px){
	
	/* HEADER */
/*	
	header .intro-text {
                padding-top: 150px;
        }
	        header .intro-text .intro-heading {
                margin-bottom: 10px;
        }
        
        .line span {
                margin-bottom: 50px;
        }
        
        header .intro-text .intro-lead-in1 {
                margin-bottom: 5px;
        }
        header .intro-text .intro-lead-in2 {
                margin-bottom: 30px;
        }
}
@media (min-width: 1200px) and (max-width: 1299px){
	
	/* HEADER */
/*	
	header .intro-text {
                padding-top: 130px;
        }
}


/*==============================================================================================
md Desktop
===========================================================================================================

@media (min-width: 992px) and (max-width: 1199px) {*/

/*  HEADER 
        header .intro-text {
                padding-top: 150px
        }
        header .intro-text .intro-lead-in1 {
                margin-bottom: 0;
        }
        header .intro-text .intro-lead-in2 {
                margin-bottom: 0;
	}
	.line span {
		margin-bottom: 30px;
        }
        section {
		padding: 90px 50px;
	}
}*/


/*========================================================================================
sm Tablet
=======================================================================================================*/
/*
@media (min-width: 768px) and (max-width:991px){
    
/*  HEADER *//*
        header .intro-text {
                padding-top: 150px;
		padding-bottom: 10px;
        }
	header .intro-text .intro-heading {
                margin-bottom: 5px;
	}
        header .intro-text .intro-lead-in1 {
                margin-bottom: 0;
        }
        header .intro-text .intro-lead-in2 {
                margin-bottom: 0;
	}
	.line span {
		margin-bottom: 30px;
        }
        
        .scroll-up li{		
		list-style: none;
		margin: 0;
		padding: 0;
	}
}

/*================================================================================================================
xs mobile Landscape
==================================================================================================================*/

@media (min-width: 480px) and (max-width: 767px) {

/*  NAVBAR */

	.navbar-default {
                padding: 0;
	}
	.navbar-default.navbar-shrink {
                padding: 0;
        }
        .navbar-default .dropdown:hover .dropdown-menu {
                position: relative;
                display: block;
        }
        .navbar-default .dropdown-menu{
                min-width: 100%;
        }
        
/*  HEADER */

	header .intro-text .intro-heading {
		font-size: 50px;
                line-height: 50px;
		margin-bottom: 15px;
        }
	header .intro-text .intro-lead-in1 {
                margin-bottom: 10px;
		padding-right: 15%;
		font-size: 17px;
		line-height: 20px;
        }
        header .intro-text .intro-lead-in2 {
		padding-right: 15%;
		font-size: 17px;
		line-height: 22px;
	}
        
/*  SECTIONS */   
        section {
                text-align: left;
        }
        section h2.section-heading {
                margin-bottom: 2px;
                margin-left: 6px;
                font-size: 40px;
                text-align: left;         
        }
        .divider-1 span {
                margin-left: 6px;
                display: block;
                width: 40px;
                height: 1px;
                background: #111;
        }
        
/*  FOOTER */
        footer span.copyright {
                text-align: left;
        }
        .social-buttons {
                text-align: right;
        }
}

/* ==============================================================================================
XS Portrait
======================================================================================================*/
@media (max-width: 479px) {
	
/*  NAVBAR */

	.navbar-default {
                padding: 0;
	}
	.navbar-default.navbar-shrink {
                padding: 0;
        }
        
/*  HEADER */

	header .intro-text .intro-heading {
		font-size: 45px;
                line-height: 45px;
		margin-bottom: 15px;
        }
	header .intro-text .intro-lead-in1 {
                margin-bottom: 10px;
		padding-right: 15%;
		font-size: 17px;
		line-height: 20px;
        }
        header .intro-text .intro-lead-in2 {
		padding-right: 15%;
		font-size: 17px;
		line-height: 22px;
	}
            
/*  SECTIONS */

        section {
                padding: 5px 0;
                text-align: left;
        }
        #services1 {
                padding-top: 100px;
        }
        section h2.section-heading {
                margin-bottom: 2px;
                margin-left: 6px;
                font-size: 30px;
                text-align: left;         
        }
        .divider-1 span {
                margin-left: 6px;
                margin-bottom: 50px;
                display: block;
                width: 50px;
                height: 1px;
                background: #111;
        }  
}