body,html{
	width:100%;
	height:100%
}

body{
	font-family:Merriweather,'Helvetica Neue',Arial,sans-serif
}

hr{
	max-width:50px;
	border-width:3px;
	border-color:#787D65!important
}

hr.light{
	border-color:#fff!important
}

a{
	color:#A4A280!important;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	transition:all .2s
}

a:hover{
	color:#A4A280!important
}

i:hover{
	color: #787D65!important
}

h1,h2,h3,h4,h5,h6{
	font-family:"Helvetica", bold, serif;
	font-weight: 700
}

@-webkit-keyframes arrow  {
    0%, 20%, 60%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  40% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
}

@-moz-keyframes arrow {
    0%, 20%, 60%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  40% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
}

@keyframes arrow {
  0%, 20%, 60%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  40% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
}

img.arrow-right{
  padding-left: 10px;
  -webkit-animation-name: arrow; 
  -webkit-animation-duration: 0.8s; 
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: arrow; 
  -moz-animation-duration: 0.8s; 
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  animation-name: arrow; 
  animation-duration: 0.8s; 
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.hashtag h1{
	font-family: "Helvetica", bold, serif;
  	font-size: 60px;
  	font-weight: 700;
  	color: #A4A280!important;
  	text-align: center;
}

@media(max-width: 768px){
	.hashtag h1{
		font-size: 20px;
	}
}

.bg-primary{
	background-color:#A4A280!important;
	width: 100%;
	height: 650px;
	padding-top: 1px;
}

.bg-primary p{
	font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
  	font-size: 20px;
  	color: #fff!important;
  	text-align: center;"
}

.bg-primary h2{
	padding-top: 180px;
	font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
  	font-size: 20px;
  	font-weight: 700;
  	color: #fff!important;
  	text-align: center;
}

@media(max-width: 768px){
	.bg-primary{
		width: 100%;
		height: 700px;
	}
	.bg-primary p{
  		font-size: 18px;
	}

	.bg-primary h2{
		padding-top: 120px;
		font-size: 18px;
	}

	.bg-primary img{
		width: 100%;
	}
}

.bg-dark{
	margin-top: 50px;
	background-color:#A4A280!important
}

.text-faded{
	color:rgba(255,255,255,.7)!important
}

section{
	padding:8rem 0
}

.section-heading{
	margin-top:0
}

::-moz-selection{
	color:#fff!important;
	background:#212529;
	text-shadow:none
}

::selection{
	color:#fff!important;
	background:#212529;
	text-shadow:none
}

img::selection{
	color:#fff!important;
	background:0 0
}

img::-moz-selection{
	color:#fff!important;
	background:0 0
}

#mainNav{
	border-bottom:1px solid rgba(33,37,41,.1);
	background-color:#fff!important;
	font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	transition:all .2s
}

#mainNav .navbar-brand{
	font-weight:700;
	text-transform:uppercase;
	color:#A4A280!important;
	font-family:'Open Sans','Helvetica Neue',Arial,sans-serif
}

#mainNav .navbar-brand:focus,
#mainNav .navbar-brand:hover{
	color:#A4A280!important
}

#mainNav .navbar-nav>li.nav-item>a.nav-link,
#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{
	font-size:.9rem;
	font-weight:700;
	text-transform:uppercase;
	color:#212529!important
}

#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,
#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{
	color:#A4A280!important
}

#mainNav .navbar-nav>li.nav-item>a.nav-link.active,
#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active{
	color:#A4A280!important;
	background-color:transparent
}

#mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover,
#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active:hover{
	background-color:transparent
}

#mainNav .navbar-nav li > .dropdown-menu {-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;min-width: 225px;border: 2px solid #A4A280;}
#mainNav .navbar-nav li > .dropdown-menu > li > a {padding: 10px;position: relative;color: #000 !important;line-height: 1.12857143;font-size: 15px;}
#mainNav .navbar-nav li > .dropdown-menu > li > a:hover,#mainNav .navbar-nav li > .dropdown-menu > li > a:focus {color: #A4A280 !important;background-color: transparent;}
#mainNav .navbar-nav li > .dropdown-menu > li > a i {position: absolute;right: 20px;top: 50%;margin-top: -8px;font-size: 16px;}

@media screen and (min-width: 993px) {#mainNav .navbar-nav .dropdown:hover > .dropdown-menu {display: block;}#mainNav .navbar-nav .dropdown:hover > .dropdown-menu .dropdown:hover .dropdown-menu {left: 225px;top: 0;margin-top: -2px;}}
@media screen and (max-width: 992px) {#mainNav .navbar-nav > li {border-bottom: 1px solid #f3f3f3;}#mainNav .navbar-nav > li:last-child {border-bottom: none;}#mainNav .navbar-nav > li > a {padding-top: 12px;padding-bottom: 12px;}}

@media (min-width:992px){
	#mainNav{
		border-color:transparent;
		background-color:transparent
	}

	#mainNav .navbar-brand{
		color:rgba(255,255,255,.7)!important
	}

	#mainNav .navbar-brand:focus,
	#mainNav .navbar-brand:hover{
		color:#fff!important
	}

	#mainNav .navbar-nav>li.nav-item>a.nav-link{
		padding:.5rem 1rem
	}

	#mainNav .navbar-nav>li.nav-item>a.nav-link,
	#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{
		color:rgba(255,255,255,.7)!important
	}

	#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,
	#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{
		color:#fff!important
	}

	#mainNav.navbar-shrink{
		border-bottom:1px solid rgba(33,37,41,.1);
		background-color:#fff!important
	}

	#mainNav.navbar-shrink .navbar-brand{
		color:#A4A280!important
	}

	#mainNav.navbar-shrink .navbar-brand:focus,
	#mainNav.navbar-shrink .navbar-brand:hover{
		color:#A4A280!important
	}

	#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link,
	#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus{
		color:#212529!important
	}

	#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus:hover,
	#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover{
		color:#A4A280!important
	}
}

header.masthead{
	padding-top:10rem;
	padding-bottom:calc(10rem - 56px);
	background-position:center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover
}

header.masthead img{
	width: 800px;
}

#buto {
	width: 6%;
	margin-top: 80px;
	transition: all 800ms ease-in-out;
}

#buto:hover{
	-ms-transform: rotate(360deg); /* IE 9 */
  	-webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
  	transform: rotate(360deg);
}

@media(max-width: 768px){
	header.masthead img{
		width: 100%;
	}

	#buto {
		width: 9%;
		margin-top: 50px;
	}
}

header.masthead hr{
	margin-top:30px;
}

header.masthead h1{
	font-size:2rem
}

header.masthead p{
	font-weight:300
}

@media (min-width:768px){
	header.masthead p{
		font-size:1.15rem
		}
}

@media (min-width:992px){
	header.masthead{
		height:100vh;
		min-height:650px;
		padding-top:0;
		padding-bottom:0
	}

header.masthead h1{
	font-size:3rem
	}
}

@media (min-width:1200px){
	header.masthead h1{
		font-size:4rem
		}
}

.service-box{
	max-width:400px
}

.p-0{
	margin-top: 0px;
	background-color: #A4A280!important;
}

#content-desktop{
        display:block;
}

#content-mobile{
        display:none;
}

.p-0 video{
	width: 295px;
}

.p-0 iframe{
	width: 900px;
	height: 564px;
}

.row.vimeo{
	padding: 30px 0;
}

.row.video{
	padding: 0 0 50px 0;
}

@media(max-width: 768px){

        #content-desktop{
                display:none;
        }
        #content-mobile{
                display:block;
        }
	.p-0 iframe{
		width: 300px;
		height: 200px;
	}

	.row.vimeo{
		padding: 0;
	}

	.row.video{
		padding: 0 0 30px 0;
	}
}

/* The Modal (background) */
.modalone {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 0px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content */
.modal-contentone {
    /*background-color: #fefefe;*/
    background-color: transparent;
    margin: auto;
    padding: 20px;
    /*border: 1px solid #888;*/
    border: none;
    width: 80%;
}

.modal-contentone video{
    width: 100%;
}

@media(max-width: 1024px){
    .modalone{padding-top: 40%}
    .modal-contentone{
        width: 100%;
    }
}

/* The Close Button */
.closeone {
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closeone:hover,
.closeone:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}


/* The Modal (background) */
.modaltwo {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 0px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content */
.modal-contenttwo {
    /*background-color: #fefefe;*/
    background-color: transparent;
    margin: auto;
    padding: 20px;
    /*border: 1px solid #888;*/
    border: none;
    width: 80%;
}

.modal-contenttwo video{
    width: 100%;
}

@media(max-width: 1024px){
    .modaltwo{padding-top: 40%}
    .modal-contenttwo{
        width: 100%;
    }
}

/* The Close Button */
.closetwo {
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closetwo:hover,
.closetwo:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}


/* The Modal (background) */
.modalthree {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 0px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content */
.modal-contentthree {
    /*background-color: #fefefe;*/
    background-color: transparent;
    margin: auto;
    padding: 20px;
    /*border: 1px solid #888;*/
    border: none;
    width: 80%;
}

.modal-contentthree video{
    width: 100%;
}

@media(max-width: 1024px){
    .modalthree{padding-top: 40%}
    .modal-contentthree{
        width: 100%;
    }
}

/* The Close Button */
.closethree {
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closethree:hover,
.closethree:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}


/* The Modal (background) */
.modalfour {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 0px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content */
.modal-contentfour {
    /*background-color: #fefefe;*/
    background-color: transparent;
    margin: auto;
    padding: 20px;
    /*border: 1px solid #888;*/
    border: none;
    width: 80%;
}

.modal-contentfour video{
    width: 100%;
}

@media(max-width: 1024px){
    .modalfour{padding-top: 40%}
    .modal-contentfour{
        width: 100%;
    }
}

/* The Close Button */
.closefour {
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closefour:hover,
.closefour:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}


.loadmore{
  	position: relative;
  	float: right;
  	margin-right: 5%;
  	padding: 10px;
  	color: black!important;
  	font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;
  	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	transition:all .5s
}

.loadmore:hover{
	color: #000!important;
}

.loadvideo{
	color: #fff!important;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	transition:all .5s
}

.loadvideo:hover{
	color: #000!important;
}

.services{
	background-color: #A4A280!important;
	margin-top: 0px;
}

.services p{
	font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff!important
}

.portfolio-box{
	position:relative;
	display:block;
	max-width:650px;
	margin:0 auto
}

.portfolio-box .portfolio-box-caption{
	position:absolute;
	bottom:0;
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	opacity:0;
	color:#fff!important;
	background-color:#A4A280!important;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	transition:all .5s
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content{
	position:absolute;
	top:50%;
	width:100%;
	transform:translateY(-50%);
	text-align:center
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{
	padding:0 15px;
	font-family:'Open Sans','Helvetica Neue',Arial,sans-serif
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{
	font-size:14px;
	font-weight:600;
	text-transform:uppercase
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{
	font-size:18px
}

.portfolio-box:hover .portfolio-box-caption{
	opacity: 0.5
}

.portfolio-box:focus{
	outline:0
}

@media (min-width:768px){
	.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{
		font-size:16px
		}
		.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{
			font-size:22px
		}
}

.section-heading{
	color: #fff!important;
}

.mb-3{
	color: #fff!important;
}

.text-primary{
	color: #A4A280!important
}

.section-heading-clients,
.section-heading-contact{
	color: #222222!important;
}

.list-inline-item a i{
	color: #222222!important;
	font-size: 30px;
	padding: 20px;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	transition:all .2s
}

.list-inline-item a i:hover{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.btn{
	font-weight:700;
	text-transform:uppercase;
	border:none;
	border-radius:300px;
	font-family:'Open Sans','Helvetica Neue',Arial,sans-serif
}

.btn-xl{
	padding:1rem 2rem
}

.btn-primary{
	background-color:#A4A280!important;
	border-color:#A4A280!important
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover{
	color:#fff!important;
	background-color:#787D65!important
}

.btn-primary:active,
.btn-primary:focus{
	box-shadow:0 0 0 .2rem rgba(240,95,64,.5)!important
}


.load{
	font-weight:700;
	color: #222222!important;
	font-size: 15px;
	padding: 10px;
	text-transform:uppercase;
	border:none;
	border-radius:300px;
	background-color: #A4A280!important;
	font-family:'Open Sans','Helvetica Neue',Arial,sans-serif
}

.load:hover{
	background-color: #787D65!important
}

.list-inline-footer li a i{
	font-size: 14px;
	color: #A4A280!important;
	padding: 0;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	transition:all .5s
}

.list-inline-footer li a i:hover{
	color: #787D65!important;
}

/* Back to Top */
#backtotop{z-index:999; display:inline-block; position:fixed; visibility:hidden; bottom:20px; right:20px; width:36px; height:36px; line-height:36px; font-size:16px; text-align:center; opacity:.2;}
#backtotop i{display:block; width:100%; height:100%; line-height:inherit;background-color: #787D65;color: #fff;}
#backtotop.visible{visibility:visible; opacity:.5;transition: 0.6s ease;}
#backtotop:hover{opacity:1;}