@import url('https://fonts.googleapis.com/css?family=Quicksand');
@import url('https://fonts.googleapis.com/css?family=Nunito');
@import url('https://fonts.googleapis.com/css?family=Poppins');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Muli&display=swap');

body {  /* font-family: 'Nunito', sans-serif; */ font-family: 'Muli', sans-serif; font-size: 14px; font-size: normal; font-smooth: always; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; }

a { text-decoration: none; -moz-transition: all linear .3s; -webkit-transition: all linear .3s;-o-transition: all linear .3s; transition: all linear .3s; }
a:hover { text-decoration: none; }
img { max-width: 100%; }
ul { list-style: none; padding: 0; margin: 0; }

/*Top nav left*/
.top-nav { color: #333; line-height: 40px;  border-bottom: 1px solid #3f3f3f; background:#000; }

/*Top left Menu*/
.top-left { float: left; }
.top-left ul >li { display: inline-block; margin-right: 15px; }
.top-left a { font-size: 16px; color: #333; }
.top-left a:hover { color: #01b1d7; }

/*Icon */
.icon-email { float: right; color: #fff; margin-right:10px; }
.icon-email p:before { content: "\f0e0"; font-family: 'FontAwesome'; font-size: 16px; color: #3f3f3f; margin-right: 6px; }
.icon-call { float: right; color: #fff; margin-right:10px; }
.icon-call p:before { content: "\f095"; font-family: 'FontAwesome'; font-size: 16px; color: #3f3f3f; margin-right: 6px; }

/*Nagivation*/
#main-nav { padding: 5px 0; background:#000; font-family: 'Montserrat', sans-serif; text-transform:uppercase; }

/*Affix*/
#main-nav.affix { position: fixed; top: 0; width: 100%; background-color: #000; color: #fff; z-index:10; transition: all 0.3s; }
.navbar { margin:0; }
#main-nav .navbar-header a { }

/*Toggle Menu*/
#main-nav .navbar-toggle { }
#main-nav .navbar-toggle span { background-color: #fff; }

/*Main Menu*/
#main-nav .navbar-right { margin-top: 20px; }
#main-nav .navbar-right li > a { font-size: 14px; line-height: 30px; color: #fff; padding-top: 0; padding-bottom: 0; text-transform: uppercase; }
#main-nav .navbar-right li > a:focus { color: #fff;  background: none; outline: none; }
#main-nav .navbar-nav>li>a:hover,
#main-nav .navbar-nav>li.active>a { color: #b18b3e;  background: none; }

/*Search Form*/
.search-form { padding: 10px; position: absolute; bottom: -76px; right: 15px; z-index: 3; background: #fff; visibility: hidden; opacity: 0; transition: opacity .5s linear; -moz-box-shadow: 0 1px 2px #ebebeb; -webkit-box-shadow: 0 1px 2px #ebebeb; box-shadow: 0 1px 2px #ebebeb; }
.search-form.visible { visibility: visible; opacity: 1; }
.search-form input { height: 40px; width: 275px; border-color: #e8e8e8; }

/* Slider */
#slider { margin: 0; padding: 0; position: relative; width: 100%; }
.flexslider { border: 0; }
#slider.flexslider .slides > li img { }

#slider .caption { position: absolute; top: 50%; width:90%; text-align:center; color:#FFF; font-family: 'Quicksand', sans-serif; font-weight:bold; font-size:70px;  }
#slider .caption span { font-size:20px; }
#slider .caption h2 { font-size:50px; font-family: 'Montserrat', sans-serif; text-transform:uppercase;}


/* Navigation */
#navigation { background: #fff; z-index: 9999; width:100%; box-sizing:border-box; border-bottom: 1px solid #eee; }
.navbar {  margin-bottom: 0; }
.navbar-brand { font-weight: 700; }
.navbar-brand { height: 40px; padding: 5px 15px; font-size: 18px; line-height: 1em; }
.navbar-brand:focus { outline: 0; }
.nav.navbar-nav { }
.navbar-custom.top-nav-collapse .nav.navbar-nav { background-color: rgba(0,0,0,0); }
.navbar-custom ul.nav li a { font-size: 12px; letter-spacing: 1px; color: #444; text-transform: uppercase; font-weight: 700; }
.navbar-custom.top-nav-collapse ul.nav li a { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: #fff; }
.navbar-custom ul.nav ul.dropdown-menu { border-radius: 0; margin-top: 21px; border-top: none; }
.navbar-custom ul.nav li a:hover ul.dropdown-menu {  -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.navbar-custom ul.nav ul.dropdown-menu li {border-bottom: 1px solid #f5f5f5; }
.navbar-custom ul.nav ul.dropdown-menu li:last-child{ border-bottom: none; }
.navbar-custom ul.nav ul.dropdown-menu li a { padding: 10px 20px; }
.navbar-custom ul.nav ul.dropdown-menu li a:hover { background: #000; }
.navbar-custom.top-nav-collapse ul.nav ul.dropdown-menu li a { color: #666; }
.navbar-collapse.collapse.in a { color: #666; }
.navbar-custom .nav li a { -webkit-transition: background .3s ease-in-out; -moz-transition: background .3s ease-in-out; transition: background .3s ease-in-out; }
.navbar-custom .nav li a:hover,.navbar-custom .nav li a:focus, .navbar-custom .nav li.active { outline: 0; background-color: rgba(255,255,255,.2); color: #FE7A66; }
.navbar-custom .nav li a:hover, .navbar-custom .nav li a:focus, .navbar-custom .nav li.active { outline: 0; background-color: rgba(255,255,255,.2); color: #FE7A66; }
.navbar-toggle { padding: 9px 6px; font-size: 14px; color: #fff; }
.navbar-toggle:focus,.navbar-toggle:active { outline: 0; }

/*Form*/
input[type="text"], input[type="password"], input[type="email"],textarea { font-size: 14px; font-weight: 500; color: #7e7e7e; border-width: 1px; border-style: solid; padding: 0 15px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition: border linear .3s; -webkit-transition: border linear .3s; -o-transition: border linear .3s; transition: border linear .3s; }
textarea { padding: 15px; }
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus, textarea:focus { background: rgba(62, 212, 255, 0.5); border-color: #01b1d7 !important; outline: none; color: #333; }
.btn { font-size: 14px; width: 130px; height: 40px; background:#FFF; border:2px solid #000; color:#000; border-radius: 0px; }
.btn:hover { -moz-transition: all linear .3s; -webkit-transition: all linear .3s;-o-transition: all linear .3s; transition: all linear .3s; background:#000; color:#FFF; }
.container { position: relative; z-index: 3; }
h2 { font-size:14px; }
h1 {  font-size: 23px; text-align:center; text-transform:uppercase; font-weight:bold; }

.welcome-slogan {  font-weight:bold; color:#2b99ee; }
.btn-readmore { font-size:12px;  background:#fff; b-webkit-border-radius: 20px; -moz-border-radius: 20px;  border-radius: 20px; padding:5px; color:#000; letter-spacing:1px; width:120px; border: 2px solid #09F; }
.bg-ig {background:#ec008a; padding:25px; color:#FFF; background-image: linear-gradient(-90deg, #f0347b, #7171f5); font-weight:bold; font-size:14px; }
/*Control Nav*/
#slider .flex-control-nav { position: absolute; display: inline; z-index: 2; }
#slider .flex-control-nav li { margin: 5px; display: inline-block; }
#slider .flex-control-paging li a { background: #d4d4d4; width: 12px; height: 12px; border-radius: 50%; }
#slider .flex-control-paging li a:hover { background: #000; }
#slider .flex-control-paging li a.flex-active { background: #000; width: 12px; height: 12px; }

/*About*/
#about { padding-top: 30px; }
#about .about-heading {  }
#about .about-heading p {  line-height: 25px; font-size:17px; }
#about .about-heading .content {  line-height: 25px; font-size:16px; }
#about .about-heading .tittle { line-height: 25px; color:#39F; }

/*Services*/
#about-bg { position: relative; width:100%; }
.about-bg-heading { text-align: center; z-index: -2; }
.about-bg-heading p { font-size: 20px; }
.about-bg-wrapper { text-align: center; z-index: -2; }
.about-bg-wrapper h2{ font-size: 16px; font-family: 'Montserrat', sans-serif; text-transform:uppercase;}

/*Portfolio*/
#portfolio { margin-top: 50px; }
#portfolio .portfolio-heading { text-align: center; }
#portfolio .portfolio-heading p { margin-top: 20px; line-height: 25px; color: #8e8e8e; margin-bottom: 50px; }
#portfolio .portfolio-thumbnail { position: relative; }
#portfolio .portfolio-thumbnail img { width: 100%; height:auto; }
#portfolio .portfolio-thumbnail .col-md-3 { padding: 0; }
#portfolio .portfolio-thumbnail .caption { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.6); opacity: 0; -moz-transition: opacity linear .3s; -webkit-transition: opacity linear .3s; -o-transition: opacity linear .3s; transition: opacity linear .3s; }
#portfolio .portfolio-thumbnail .item:hover > .caption { opacity: 1; }
#portfolio .caption i { width: 45px; height: 45px; line-height: 45px; text-align: center; color: #01b1d7; background-color: #fff; position: absolute; top: 45%; left: 50%; margin-top: -22px; margin-left: -22px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
#portfolio .caption p {  font-weight: 400; text-align: center; color: #fff; position: absolute; font-size: 16px; text-transform: capitalize; top: 55%; left: 30%; right: 30%; }

/* Blog */
#blog { background: #232323; position:relative; padding:50px 0px 30px 0px; }
.home-post { padding: 0; margin:0px; }
.home-post .entry-content { color:#bbbbbb; }
.home-post .entry-content h5 a { font-size:16px; color:#cf9f3d;  text-transform: capitalize; font-family: 'Montserrat', sans-serif;   }
.home-post .entry-content h5 a:hover { text-decoration:none; color:#FFF; }
.home-post .entry-content a.more { font-size:13px; color:#fff; }
.home-post .post-meta { overflow:hidden; line-height:50px; color:#666666; }
.home-post .post-meta a { color:#666666; }
.home-post .post-meta span.date { float:right; }
.home-post .post-meta span.tags { float:left; }
.home-post .post-meta span.tags a { }
.btn-rounded { -webkit-border-radius: 20px; -moz-border-radius: 20px;  border-radius: 20px; background:#bc0000 url(../images/play-btn.png) no-repeat 210px center; border:none; padding:10px 45px 10px 30px; color:#FFF; margin-right:10px; }
.btn-rounded:hover { -moz-transition: all linear .3s; -webkit-transition: all linear .3s;-o-transition: all linear .3s; transition: all linear .3s; background:#fff url(../images/play-btn.png) no-repeat 210px center; color:#000; }

/*Footer*/
#footer { background-color: #000; }
#footer .footer-heading { color: #d9d9d9; padding:10px; }
#footer .footer-heading2 { color: #d9d9d9; padding:10px; }
#footer .footer-heading h3 { font-size: 15px; text-transform: capitalize; color:#cd9f44; font-weight:bold; }
#footer .footer-heading2 h3 { font-size: 15px; text-transform: capitalize; color:#cd9f44; text-transform: capitalize; color:#cd9f44; font-weight:bold; }
#footer .footer-heading text { 	padding:35px 0; }
#footer .footer-heading text a { color:#666; }

/* Contact */
#footer .footer-heading ul { list-style: none; margin: 0; padding: 0; }
#footer .footer-heading li { padding: 5px 0; list-style:none;  background:url(../images/arrow.png) 0px 11px no-repeat; padding-left:14px; }
#footer .footer-heading li a {  color:#CCC; }
#footer .footer-heading li a:hover {  color:#cf9f3d; }

#footer .footer-heading2 ul { list-style: none; margin: 0; padding: 0; }
#footer .footer-heading2 li { padding: 5px 0; list-style:none; }
#footer .footer-heading2 li a { color:#CCC; }

.social-link{ padding:35px 0; margin:0 0 0 68px; display:block; overflow:hidden; list-style:none;}
.social-link li{ float:left; margin-right:8px; }
.social-link li a{ display:block; width:50px; height:50px; text-align:center; line-height:50px; font-size:25px; color:#fff; background:#1C1C1C; border-radius:50%; transition:all 0.3s ease-in-out;  border:none; }
.social-link li a:hover, .social-link li a:focus{ text-decoration:none; }
.facebook a:hover { background: #2652ad; }
.instagram a:hover { background: #e61983; }
.youtube a:hover { background: #ff0000; }

/*Bottom Footer*/
#bottom-footer { background-color: #000; border-top:1px #313131 solid; padding: 15px 0; color: #d9d9d9; }
#bottom-footer .footer-right ul > li > a { color: #d9d9d9; }
#bottom-footer .footer-right ul > li > a:hover { color: #bd8e2d; }

.btn-whatsapp { background:#28d15f url(../images/icon-wa.png) no-repeat 15px; width:210px; height:37px;  color:#FFF; border:none; font-weight:bold; border-radius: 115px; font-size:13px; letter-spacing:2px; font-family:Arial, Helvetica, sans-serif; padding-left:40px;}
.btn-whatsapp2 { background:#fff url(../images/icon-wa2.png) no-repeat 15px; width:210px; height:37px;  color:#28d15f; border:2px solid #28d15f; font-weight:bold; border-radius: 115px; font-size:13px; letter-spacing:2px; font-family:Arial, Helvetica, sans-serif; padding-left:40px;}

/*Media*/
@media (max-width:768px) {
#slider .caption { position: absolute; width: 330px; top:50%; }
#slider .caption h2 { font-size: 22px; margin:0px; padding:0px; }
#slider .caption span { font-size: 15px; }

.about-bg-heading h1 { font-size: 30px; }
.about-bg-wrapper { }
#portfolio { margin-top: 50px; }
#portfolio .portfolio-heading h2 { font-size: 30px; }
#bottom-footer .footer-left { text-align:center; font-size:8px; }
.home-post span.date { float:left; line-height:30px; }
}

/*Media*/
@media (max-width:736px) {
#slider .caption { position: absolute; width: 90%;  top:50%; }
#slider .caption h2 { font-size: 17px; margin:0px; padding:0px; }
#slider .caption span { font-size: 10px; display:none;}


.home-post .entry-content h5 { font-size:15px; color:#cd9f44; }
.home-post span.date { float:left; line-height:20px;}
.about-bg-heading h1 { font-size: 25px; }
.about-bg-wrapper { padding:2px; }

#portfolio { margin-top: 50px; }
#portfolio .portfolio-heading h2 { font-size: 27px; }
#portfolio .portfolio-heading p { font-size: 13px; }
#bottom-footer .footer-left { text-align:center;  }
#footer .footer-heading { padding:3px 0px 5px 0px; }

}