/*
// Table of contents //

	1. Body
		1.1 Headlines
		1.2 Tools Elements
		1.3 Spacing Elements
		1.4 Form Elements
		1.5 Main Sections // header, footer, section
		1.6 Loader // .loader
		1.7 Buttons // .btn-zero
		1.8 Main title // .main-title, sub-title
		1.9 Overlay // .overlay, .overlay-video

	2. Header Menu
		2.1 Navbar // .navbar-default
		2.2 Logo // .logo
		2.3 Toogle // .navbar-toggle

	3. Side Menu
		3.1 Side menu // .navbar-collapse

	4. Header
		4.1 Header // header
		4.2 Header elements
		4.3 Header Video BG // video-bg


	5. Icon Features
		5.1 Icon features elements

	6. Content Carousel
		6.1 Content Carousel elements
		6.2 Carousel // .bx-viewport
		6.3 Button // .btn-zero


	7. About Us
		7.1 About Us elements
		7.2 Talents // .talents
		7.3 Services List // .services-list

	8. Progress steps
		8.1 Progress steps elements

	9. Clients
		9.1 Clients elements
		9.2 Client Description // .work .desc

	10. Recent Works
		10.1 Recent Works elements
		10.2 Button // .btn-zero
		10.3 Works Grids // .grid
		10.4 Works Description // figcaption

	11. Works Detail
		11.1 Works Detail elements
		11.2 Carousel // .bx-viewport
		11.3 Carousel Pagers // .bx-pager

	12. Latest News
		11.1 Lates News elements
		11.2 Carousel // .bx-viewport
		11.3 Carousel Pagers // .bx-pager
		11.4 Related News // .related-news
		11.5 Pagement // .pagement
		11.6 Side Bar // .side-bar
		11.7 Search Box // .search-box
		11.8 Related News // .related-news
		11.9 Archives // .archives
		11.10 Tags // .tags

	13. Home quote
		13.1 Home quote elements

	14. Process
		14.1 Process elements
		14.2 Circles // .circles

	15. Team
		15.1 Team elements

	16. Awards
		16.1 Awards elements
		16.2 Video // video
		16.3 Pattern // .pattern
		16.4 Icon Border // .icon-border
		16.5 Counter // .odometer

	17. Logos ( client.html )
		17.1 Logos elements
		17.2 Logo description // .work .desc

	18. Contact
		18.1 Contact elements
		18.2 Footer social media // .social-media
		18.3 Newsletter // form

	19. Footer
		19.1 Footer elements
		19.2 Footer social media // .social-media
		19.3 Newsletter // form

	20. Shorcodes
		20.1 Tab // .nav-tabs
		20.2 Alerts // .alert
		20.3 Acordeon // .panel-group

	21. CSS Animation
		21.1 Loader animations
		21.2 Slider animations

	22. Mobile Fixes
		22.1 Elements for mobile fixes


		// END - Table of contents //

*/

@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Vollkorn:400italic,400);


/* Body */
body{/* overflow-y: hidden; */margin:0;padding:0;/* font-family: 'Vollkorn', serif; */font-size:17px;-webkit-font-smoothing: antialiased;}
*{outline:none !important;}

li iframe {
    width: -webkit-fill-available;
    height: inherit;
}

h5.contact-h {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    color: #00000061;
    line-height: unset;
}

.contact-address {
    position: relative;
    margin-top: 100px;
    width: 50vh;
    float: right;
    text-align: right;
}

.form-contact {
    margin-top: 100px;
    width: 40vw;
    float: left;
}

.wrap-input1.validate-input {
    /* border: 1px black; */
}

.grid-item {
    /* width: 50%; */
}

a, a:hover, a:active, a:visited, a:focus {
    text-decoration: none;
}

.btn-zero.tab-btn {
    margin: 0;
    background: white;
}

button.btn-zero.tab-btn:active {
    background: #007bff;
    border: 1px solid #007bff;
    color: #fff;
}

canvas#pt_canvas {
    position: absolute;
    left: 0;
    z-index: 2;
}

button.skip-btn {
    background: #017bff;
    border: none;
    color: #f7f7f7;
    /* width: 36px; */
    padding-top: 20px;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    transition: all 0.2s ease-in-out;
}

button.skip-btn:hover {
    background: none;
    color: #027cff;
}

.skip {
    position: fixed;
    bottom: 0;
    /* top: 87vh; */
    right: 105px;
    /* width: 41px; */
    display: inline-flex;
    /* background: #017bff; */
    padding-top: 22px;
    /* border-radius: 100px; */
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    z-index: 9;
}

footer .footer-bg {
    position: absolute;
    width: inherit;
    height: 75%;
    bottom: 0px;
    background: #112233;
    /* box-shadow: 0px -6px 20px 0px #00000038; */
}

.text {
    z-index: 1;
    /* height: 50vh; */
    width: 100%;
    position: fixed;
    overflow: hidden;
    text-align: center;
    /*top: 0;*/
    align-self: center;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}

.main {
    /* top: 700px !important; */
    /* margin-top: 100% !important; */
    z-index: 8;
    /* margin-top: 400px; */
    /* display: none; */
    /* opacity: 0; */
}

.fancybox-thumbs {
    background: #232323;
}

.margn100 {
    margin-top: 100% !important;
}

.owl-carousel.faci-owl {
    background-color: #f7f7f7;
    /* padding: 9px 0px; */
    /* box-shadow: 0px -6px 20px 0px #0000004d; */
    margin: 0px 20%;
    width: auto;
    margin-bottom: 10px;
}

div#owl-example {
    background-color: #29282e;
    padding: 9px 0px;
}

.sl-circ {width: 50px;height: 50px;border: 3px solid;border-radius: 100%;text-align: center;line-height: 44px;font-size: 24px;font-weight: 700;margin-left: 21%;}

button.collapsible {}

td {
    border: 20px solid transparent !important;
    margin: 47%;
    /* padding-left: 6% !IMPORTANT; */
    /* padding-right: 6% !IMPORTANT; */
    padding: 1% 6% !important;
    text-align:  left;
    color: #676767;
    vertical-align: middle !important;
}

th {
    border: 20px solid transparent !important;
    text-align:  center;
    /* padding: 6% 0 !important; */
    color: #676767;
    vertical-align: middle !important;
}

th {}

td {
}

iframe.mapbox {
    float:  left;
    /* height: 90%; */
    /* box-shadow: -1px -3px 20px #00000026; */
    /* border: 3px black !important; */
    /* border-radius: 70px; */
}

.img-svg path{
	fill: white !important;
}

#pinContainer {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}

#slideContainer {
  /* background-image: url(../images/back-desktop.jpg); */
  width: 400%;
  /* to contain 4 panels, each with 100% of window width */
  /* height: 100%; */
  height: 100%;
  z-index: -99;
  -webkit-overflow-scrolling: touch;
}
.panel {
  /* flex: 0 0 auto; */
  /* border: 1px white !important; */
  border-radius: 0 !important;
  /* background-color: transparent !important; */
  width: 25%;
  height: 100%;
  z-index: -9;
  float: left;
}

.illustration {
  position: absolute;
  background-color: black;
  left: -50%;
  width: 100px;
  height: 100px;
  color: white;
}

/* new slider */
/*  */
/*  */
.slider {
  display: flex;
    height: 100vh;
    max-height:100%;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    width: 100%;
    margin: 0 !important;
    overflow: hidden;
}

.one {
  height: 100%;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  margin: 0;
  overflow: hidden;
  position:fixed;
  top: 0;
}

.two {
    height: 100%;
    width: 100%;
    display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
    margin: 0;
    overflow: hidden;
    position:fixed;
    top: 0;
}
.three {
    height: 100%;
    width: 100%;
    display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
    margin: 0;
    overflow: hidden;
    position:fixed;
    top: 0;
}
.four {
    height: 100%;
    width: 100%;
    display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
    margin: 0;
    overflow: hidden;
    position:fixed;
    top: 0;
}
.five {
    height: 100%;
    width: 100%;
    display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
    margin: 0;
    overflow: hidden;
    position:fixed;
    top: 0;
}

.bg {
  /* background: url(bg.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; */
  z-index: 1;
  /* height: 50vh; */
  width: 100%;
  position: fixed;
  overflow: hidden;
  text-align: center;
  /*top: 0;*/
  align-self: center;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}

.inner {
  /* background: url(inner.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; */
  z-index: 0;
  /* height: 100vh; */
  width: 100%;
  position: fixed;
  /*top: 0;*/
  text-align: center;
  /* background-color: black; */
  align-self: center;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}

header.inner {
}

.outer {
  /* background: url(outer.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat; */
  z-index: 2;
  /* height: 100vh; */
  width: 100%;
  position: fixed;
  /* top: 75px; */
  text-align: center;
  /*top: 0;*/
  align-self: center;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}
/*  */
/*  */
/* new slider END */



/* Headlines */
h1{font-family: 'Montserrat', sans-serif; font-weight:700; font-size:40px;}
h2{font-family: 'Montserrat', sans-serif; font-weight:700;}
h3{font-family: 'Montserrat', sans-serif; font-weight:700;}

h3.coll-head {
    margin: 10px 0;
    margin-left: 35px;
}

h3.adm-h {
    text-align:  left;
    color: #686868;
}
h4{font-family: 'Montserrat', sans-serif;font-weight:700;font-size:19px;margin:20px 0;}

.content-carousel h4 {
    /* color: #333745; */
}



/* Tools */
p{/* color:#666; */}

p.adm-p {
    text-align:  left;
    color: #909090;
}
i{font-size: 40px;position: relative;top: -5px;}
a{ -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.navbar a {
    z-index: 9;
    pointer-events: all;
}

#nav a {
    /* margin-left: 25px; */
}

a#adm-btn {
    position: relative;
    float: left;
    /*right: 250px;*/
    margin-top: 19px;
    /*margin-left: 850px;*/
     margin-right: 20px; 
    background: #007bff;
    color: #eaf1f7;
    pointer-events: all;
}

a#adm-btn:hover {
    background: #ffffffd1;
    color: #027cff;
}
ul{ margin:0; padding:0;}
ul li{list-style: circle;margin:0;padding:0;}


/* Spacing */
.section-space{ padding:100px 0;}
.no-margin{ margin:0 !important;}
.no-padding{ padding:0 !important;}


/* Form elements */
input[type="text"]{ border:none; font-family:'Montserrat', sans-serif;  padding:0 10px; font-weight:400;}

input.input1 {
    /* border: 1px black; */
}
input[type="submit"]{ border:none; font-family:'Montserrat', sans-serif; }
input[type="button"]{ border:none; font-family:'Montserrat', sans-serif; }
select{ border:none; font-family:'Montserrat', sans-serif; }
textarea{ border:none; font-family:'Montserrat', sans-serif;  padding:10px;}


/* Main sections */
header{ width:100%; float:left;}
section{ width:100%; float:left;}
footer{ width:100%; float:left;}

.fancybox-thumbs__list a:before {
    border: 6px solid #007bff;
}

.fancybox-progress {
    background: #007bff;
}

/* Loader */
.loader{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background:#fff;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;}



/* Buttons */
.btn-zero{padding:8px 20px;font-size:18px;font-weight: 100;font-family:Montserrat;border:1px solid #007bff;color:#007bff;border-radius: 100px;}

.container-contact1-form-btn .btn-zero {
    background-color: white;
}
.btn-zero:hover{background:#007bff;border:1px solid #007bff;color:#fff;text-decoration:none;cursor: pointer;}

.coll-content a.btn-zero {
    margin: 50px;
    position: relative;
    margin-top: 50px !important;
}



/* Main title */
.main-title{ width:100%; display:inline-block; margin-top:0; margin-bottom:60px; position:relative; font-size:40px;}
.main-title:before{content:'';width:320px;height:1px;float:left;background:#e2e2e3;position:absolute;left:50%;margin-left:-160px;bottom:-28px;}
.main-title:after{content:''; width:48px; height:16px; background:url(../images/triangles.jpg) bottom no-repeat; position:absolute; left:50%; bottom:-35px; margin-left:-24px;}
.sub-title{font-size: 20px;margin-bottom:60px;line-height:28px;color:#666;font-weight:normal;/* font-family:'Vollkorn', serif; */text-align: -webkit-center;text-align: center;}
.zero-color{ color:#007bff;}



/* Overlay */
.overlay-video{width:114%;  float:left; opacity:0.2; left:0; top:0; position:absolute;}
.overlay{width:100%;/* float:left; */position:relative;}
.overlay:after{content:'';width:100%;height:100%;float:left;position:absolute;left:0;top:0;background: #f1f1f194;opacity:0.95;z-index:1;}



/* Header menu */
.navbar-default{ border:none; background:none;}
.navbar-default{width: 100% !important;left: 0;max-width: 100vw !important;transition: all 0.5s ease-out;position: fixed;top: 0;z-index: 9 !important;/* background: #dedede; */pointer-events: none;border-radius: 0px 0px 10px 10px;padding:0 100px;padding-top: 20px;}

nav#nav {
    top: -85px;
    left: 0;
    padding: 0 100px;
}
.navbar-default .logo{float:left;width: 60px;opacity: 0.8;margin: 14px 0;margin-left: 25px;z-index: 1000 !important;}
.navbar-default .navbar-toggle{
    /*right: 0;*/
    display:block;
    border:none;
    border-radius:0;
    margin-top: 18px;
    padding: 0px 0px 0px 0px;
    color: #f7f7f7;
    margin-right: 20px;
    background: #017bff;
    height: 44px;
    width: 44px;
    border-radius: 50%;
    transition: all 0.2s ease-in-out;
    z-index: 1000 !important;pointer-events: all !important;
    
}
.navbar-default .navbar-toggle:hover{background:none;/* border: 1px solid #007bff; */color: #017bff;}
.navbar-default .navbar-toggle:focus{ background:none;}
.navbar-default .navbar-nav{ display:inline-block; padding:20px 15px;}
.navbar-nav li{width:100%;margin: 1px 0;display:inline-block;}
.navbar-nav li a{width:100%;float:left;padding:10px 0;font-weight:700;font-size: 25px;color:#29282e;font-family: 'Montserrat', sans-serif;}

a#active-btn {
    color: #017bff;
    pointer-events: none;
    cursor: default;
}
.navbar-nav li a:hover{color:#007bff; background:none;}

/* Side menu */
.navbar-collapse{padding:20px;padding-left:60px;}
.navbar-collapse img{margin-bottom: 21px;display:inline-block;width: 68px;}
.navbar-collapse .address{width:100%;margin-top: 80px;display:inline-block;font-size: small;opacity: .8;font-family: 'Montserrat', sans-serif;}



/* Header */
header{width:100%;height:750px;color: #e4e4e4;/* background:#29282e; *//* background-image: url(../images/bg.jpg); */position:relative;}
header .wrap{width:100%;position: sticky;z-index: 999;top:0;left:0;}
header .logo{ margin-top:20px;}
header .image-overlay{ width:100%; float:left;}
header .image-overlay:after{content:'';width:100%;height:100%;float:left;position:absolute;left:0;top:0;/* background:#29282e; */opacity:0.95;}
header .affix{width: 100%;left:0;background:#29282e;border-radius:0;}
header .affix .logo{ margin-top:10px; margin-left:20px;}
header .affix .navbar-toggle{ margin-top:20px; margin-right:20px;}

/* Header Inner */
header.inner{height: 400px;/* background-image:url(../images/hero3.jpg); */position: relative;background-attachment: fixed;/* box-shadow: 1px 1px black; */}
header.inner .content{width:100%;height:100%;/* float:left; */text-align:center;}
header.inner .content .centered{position:relative;width:100%;float:left;z-index: 3;}

div#page-heading {
    pointer-events: none;
}
header.inner .content .centered h1{margin-top:150px;}

/* Header Titles */
header .zero-slider {width:100%; height:750px; float:left; position:absolute; z-index:1;}
header .zero-slider .item{ width:100%; height:750px; float:left;}
header .zero-slider .slider-content{width:100%;float:left;position:relative;z-index:2;height: 100vh;}
header .zero-slider .owl-pagination{ width:100%; height:60px; position:absolute; left:0; bottom:0; text-align:center;}
header .zero-slider .owl-page{ width:16px; height:16px; border:2px solid rgba(255,255,255,0.3); border-radius:16px; margin:0 2px; background:none; display:inline-block; position:relative;}
header .zero-slider .owl-page:hover{ background:none; border:2px solid rgba(255,255,255,0.5)}
header .zero-slider .owl-page.active{position:relative; border:2px solid rgba(255,255,255,0.3); background:none; position:relative;}
header .zero-slider .owl-page.active:after{content:''; width:6px; height:6px; border-radius:6px; background:#fff; position:absolute; top:3px; left:3px;}

/* Background Images */
.background-img1{/* background-image: url(../images/rock-up.png) !important; */background-attachment:  fixed;background-size:  cover;z-index: 9;}
.background-img2{background-image:url(../images/hero1.jpg) !important;background-size: cover;}
.background-img3{background-image:url(../images/hero2.jpg) !important;background-size: cover;}
.parallax{ background-repeat:no-repeat; background-attachment:fixed; background-size:cover;}

/* Header Titles */
header h1{ font-size:90px;  font-weight:700; margin-top:250px;}
header h4{ font-size:30px; font-weight:700; margin-top:70px;}
header h5{ font-size:16px; position:relative;}
header h5:after{content:'';width:200px;height:16px;/* background:url(../images/triangle-separetor.png) no-repeat; */position:absolute;left:50%;margin-left:-100px;bottom:-35px;}

/* Header with Video BG */
.video-bg{ height:750px;}
.video-bg .video-container{ width:100%; height:100%; max-height:750px; float:left; position:relative; overflow:hidden;}
.video-bg .video-bg-content{ width:100%;}
.video-bg .video-bg-content .error{ font-size:150px;}
.video-bg video{ min-height:750px; float:left; opacity:0.05;}




/* Icon Features */
.icon-features{/* width:100%; *//* background:url(../images/vertical-ribbon.png) top center no-repeat; */padding-bottom: 100px;/* opacity: 0; */position: relative;}
.icon-features .sub-title{margin-bottom:70px;}
.icon-features img{ display:inline-block}

.contact-address .logo {
    width: 65px;
    margin: 30px 0;
}

img.faci-img {
    width: 260px;
}
.icon-features h4{ margin-bottom:40px; position:relative;}
.icon-features h4:after{content:''; width:30px; height:2px; background:#007bff; position:absolute; left:50%; bottom:-20px; margin-left:-15px;}
.icon-features p{ margin-bottom:100px;}

.coll-content p {margin-bottom: 50px;padding: 0px 20%;text-align: left;}


/* Content with carousel */
.content-carousel{width:100%;/* background-image:url(../images/hero3.jpg); */background-size:cover;color: #676767;}
.content-carousel .container{ position:relative; z-index:2;}
.content-carousel h2{font-size:90px;}
.content-carousel p{margin-bottom:60px;font-weight: 100;}
.content-carousel .btn-zero{color: #007bff;border: 1px solid #007bff;}
.content-carousel .btn-zero:hover{text-decoration:none;background:#007bff;border:1px solid #007bff;color: #fff;}
.content-carousel .bx-viewport{ box-shadow:none; background:none; border:none;}
.content-carousel .bx-pager.bx-default-pager a{ width:16px; height:16px; border:2px solid rgba(255,255,255,0.3); border-radius:16px; margin:0 2px; background:none; display:inline-block;}
.content-carousel .bx-pager.bx-default-pager a:hover{ background:none; border:2px solid rgba(255,255,255,0.5)}
.content-carousel .bx-pager.bx-default-pager a.active{ position:relative; border:2px solid rgba(255,255,255,0.3); background:none;}
.content-carousel .bx-pager.bx-default-pager a.active:after{content:''; width:6px; height:6px; border-radius:6px; background:#fff; position:absolute; top:3px; left:3px;}


/* About us */
.about-us { width:100%; background:url(../images/vertical-ribbon.png) top center no-repeat;}
.about-us .intro-text{font-family: 'Montserrat', sans-serif; font-size:20px; margin-bottom:60px;}
.about-us .intro-icon{ width:100%; float:left; text-align:center; margin-top:60px; margin-bottom:40px;}

/* About us // Talents */
.about-us .talents{ width:266px; float:left; border:1px dotted #ddd; text-align:center; margin:0 20px; margin-bottom:60px;}
.about-us .talents h2{ width:100%; display:inline-block; font-size:36px; position:relative;}
.about-us .talents h2:after{content:''; width:30px; height:2px; background:#007bff; position:absolute; left:50%; bottom:-20px; margin-left:-15px;}
.about-us .talents i{font-size: 70px!important; margin:40px 0; display:inline-block;}
.about-us .talents ul{ width:100%; margin-bottom:30px;}
.about-us .talents ul li{ width:100%; margin:5px 0; padding:0;}

/* About us // Services list */
.about-us .services-list{ width:100%; margin-top:20px;}
.about-us .services-list li{ width:100%; float:left;}
.about-us .services-list li:after{content:''; width:12px; height:1px; float:left; background:red; margin:10px 6px 0 0;}



/* Progress steps */
.progress-steps{ width:100%; background-image:url(../images/hero3.jpg); background-size:cover;}
.progress-steps .container{ position:relative; z-index:2;}
.progress-steps .space-bottom{ margin-bottom:60px;}
.progress-steps h2{ font-size:40px; color:#fff;}
.progress-steps i{font-size:100px; color:#fff; position:relative;}
.progress-steps i:after{content:''; width:30px; height:2px; background:#007bff; position:absolute; left:50%; bottom:0; margin-left:-15px;}



/* Clients  */
.clients{ width:100%; background:url(../images/vertical-ribbon.png) top center no-repeat;}
.clients ul{ width:100%; float:left; margin-bottom:60px;}
.clients ul li{ width:32.5%; float:left; margin:0.4%; border:1px dotted #ddd; padding:20px; position:relative;}
.clients ul li:hover .work{ opacity:1;}
.clients ul li img{ width:100%; opacity:0.3;}
.clients ul li .work{ width:100%; height:100%; float:left; background:#007bff; text-align:center; opacity:0; position:absolute; left:0; top:0;  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
.clients ul li .work .desc{ width:100%; float:left; text-align:center; position:absolute; top:50%; left:0; margin-top:-25px;}
.clients ul li .work .desc h3{ font-family: 'Montserrat', sans-serif; margin:0; font-weight:700; color:#fff;}
.clients ul li .work .desc p{ margin:0; color:#fff;}



/* Recent works */
.recent-works{width:100%;/* background:url(../images/vertical-ribbon.png) top center no-repeat; */}
.recent-works *{ -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.disabled-tab {
    display: none;
}

.tabs {
}

.tabs .tab-loader {
    position: absolute;
    left: inherit;
    top: inherit;
    /* width: inherit; */
    /* min-width: 100%; */
    height: 170%;
    min-height: 100%;
    z-index: 1;
    background: #fff;
    display: none;
}

.tab-loading{
  display: block;
}

.recent-works .btn-zero{ margin-bottom:50px; display:inline-block;}

li.active-tab a.tab-btn {
    background: #007bff;
    border: 1px solid #007bff;
    color: #fff;
}

.active-tab .tab-btn:hover {
    cursor: default;
}
.recent-works .grid{ margin:0; min-height:300px;}

.grid.gallery-tile {
    /* margin: 0 100px; */
}
.recent-works .grid li figure{width:100%;float:left;/* box-shadow: inset -1px 20px black; */}
.recent-works .grid li figcaption{width:100%;height:100%;position:absolute;z-index:2;top:0;left:0;color: #ffffff;background: #48a0ffd4;opacity:0;}
.recent-works .grid li:hover figcaption{ opacity:1;}
.recent-works .grid li:hover h3{ margin-top:30px;}
.recent-works .grid li figcaption a{ width:100%; height:100%; float:left; color:#fff; text-decoration:none;}
.recent-works .grid li figcaption h3{font-family: 'Montserrat', sans-serif; font-size:20px; font-weight:700; margin-top:0; margin-bottom:10px; position:relative;}
.recent-works .grid li figcaption h3:after{content:''; width:30px; height:2px; float:left; position:absolute; left:0; bottom:-45px; background:#fff;}
.recent-works .grid li figcaption p{ color:#ccc; font-size:14px; margin-bottom:10px; color:#fff}



/* Works Detail */
.works-detail{ width:100%; float:left;}
.works-detail h3{ margin-top:40px;}
.works-detail p{ margin-bottom:30px;}
.works-detail small{ width:100%; display:inline-block;}
.works-detail .bx-viewport{ box-shadow:none; background:none; border:none; left:0;}
.works-detail .bx-wrapper{ margin:0;}
.works-detail .bx-wrapper img{ width:100%;}
.works-detail .bx-pager.bx-default-pager a{ width:16px; height:16px; border:2px solid rgba(-255,-255,-255,0.3); border-radius:16px; margin:0 2px; background:none; display:inline-block;}
.works-detail .bx-pager.bx-default-pager a:hover{ background:none; border:2px solid rgba(-255,-255,-255,0.3)}
.works-detail .bx-pager.bx-default-pager a.active{ position:relative; border:2px solid rgba(-255,-255,-255,0.3); background:none;}
.works-detail .bx-pager.bx-default-pager a.active:after{content:''; width:6px; height:6px; border-radius:6px; background:#29282e; position:absolute; top:3px; left:3px; opacity:0.5;}



/* Latest News */
.latest-news{ width:100%; float:left; background:url(../images/vertical-ribbon.png) top center no-repeat;}
.latest-news .content-box{ width:100%; float:left; padding-bottom:60px; margin-bottom:60px; border-bottom:1px solid #eee;}
.latest-news h3{ margin-bottom:60px;}
.latest-news h4{ width:100%; margin-top:30px; display:inline-block; font-size:26px;}
.latest-news p{ margin-bottom:30px;}
.latest-news span{font-family:'Montserrat', sans-serif; font-size:14px; margin:0; color:#666;}
.latest-news small{ width:100%; float:left; font-family:'Montserrat', sans-serif; font-size:11px; margin-bottom:30px; color:#ccc;}
.latest-news blockquote{ color:#666; border-left:4px solid #007bff; margin:40px 0; color:#999;}
.latest-news .related-news{ width:100%; float:left; margin-bottom:80px;}
.latest-news .related-news li{ width:100%; float:left; margin:10px 0;}
.latest-news .related-news li small{ width:100%; float:left; margin:0;}
.latest-news .related-news li a{ color:#666; float:left;}
.latest-news .related-news li a:hover{ color:#007bff;}
.latest-news .news-image{ width:100%;}
.latest-news .news-image img {width:100%;}
.latest-news .pagement {width:100%; float:left; border-bottom:1px solid #eee; border-top:1px solid #eee;}
.latest-news .pagement li{ float:left; border-left:1px solid #eee; border-right:1px solid #eee;}
.latest-news .pagement li.prev{ float:left;}
.latest-news .pagement li.next{ float:right;}
.latest-news .pagement li a{ float:left; color:#29282e; padding:10px 20px;}
.latest-news .pagement li a:hover{ color:#007bff; text-decoration:none;}
.latest-news .bx-viewport{ box-shadow:none; background:none; border:none; left:0;}
.latest-news .bx-wrapper{ margin:0; margin-bottom:30px;}
.latest-news .bx-wrapper img{ width:100%;}
.latest-news .bx-pager.bx-default-pager a{ width:16px; height:16px; border:2px solid rgba(-255,-255,-255,0.3); border-radius:16px; margin:0 2px; background:none; display:inline-block;}
.latest-news .bx-pager.bx-default-pager a:hover{ background:none; border:2px solid rgba(-255,-255,-255,0.3)}
.latest-news .bx-pager.bx-default-pager a.active{ position:relative; border:2px solid rgba(-255,-255,-255,0.3); background:none;}
.latest-news .bx-pager.bx-default-pager a.active:after{content:''; width:6px; height:6px; border-radius:6px; background:#29282e; position:absolute; top:3px; left:3px; opacity:0.5;}
.latest-news .btn-zero i{height:35px; overflow:hidden; display:inline-block; margin-right:10px;}
.latest-news .side-bar{ width:100%; float:left; padding-left:30px;}
.latest-news .side-bar h3{ margin-bottom:20px; margin-top:0;}
.latest-news .side-bar .search-box{ width:100%; float:left; margin-bottom:40px;}
.latest-news .side-bar .search-box input[type="text"]{ height:40px; float:left; border:1px solid #e2e2e3; border-right:0; margin:0;}
.latest-news .side-bar .search-box input[type="submit"]{ height:40px; background:#007bff; color:#fff; float:left;}
.latest-news .side-bar .related-news{ float:left; margin-bottom:40px;}
.latest-news .side-bar .archives{ width:100%; float:left; margin-bottom:40px;}
.latest-news .side-bar .archives li{ width:100%; float:left; margin-bottom:8px;}
.latest-news .side-bar .archives li a{ color:#666;}
.latest-news .side-bar .archives li a:hover{color:#007bff;}
.latest-news .side-bar .tags{ width:100%; float:left;}
.latest-news .side-bar .tags li{ float:left; font-family:'Montserrat', sans-serif; font-size:11px; margin-right:10px; margin-bottom:10px;}
.latest-news .side-bar .tags li a{ color:#ccc; border-bottom:2px solid #ccc; }
.latest-news .side-bar .tags li a:hover{ color:#007bff; text-decoration:none; border-bottom:2px solid #007bff;}


/* Home quote */
.home-quote{ width:100%;}
.home-quote .right-image{ width:100%; float:left;}
.home-quote .signature{ width:220px; margin-top:30px;}
.home-quote h2{ margin-top:80px;}
.home-quote h5{ margin:30px 0;}
.home-quote p{ margin-top:30px;}


/* Process */
.process{width:100%;/* background: #ffffff; */background-color: #f1f1f194;z-index: 1 !important;}
.process *{ -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

table.table.table-borderless {
    color: #676767;
}

.lft {
    text-align:  left;
}

.rgt {
    text-align: right;
    width: 85%;
}

.abt {
    margin-bottom: 10%;
    color: #676767 !important;
}

.icon-border .show-hover {
    /* width: inherit; */
    height:  inherit;
    position:  absolute;
    background-color: transparent;
    color: transparent;
    /* border-radius:  100%; */
    /* border: 2px solid #29282e; */
    z-index: 1;
    /* display:  none; */
}

.show-hover:hover {
    /* display:  block; */
    background-color: gray;
    color:white;
/*     border: 2px solid #29282e; */
}

p {}

.void p {
    margin: auto;
}

p#loader-p {/* opacity: 0; */position: absolute;top: 58%;left: 38%;color: #00000030;text-align: left;/* transition: opacity 2s ease-in; */animation: fadein 2s;}

.icon-border.show-hover {
    width: -webkit-fill-available;
}

h4.msg {
    padding: 13px 98px;
    color: #676767 !important;
}

.quote {
    width: 10%;
    float:  right;
    position:  absolute;
    left: 400px;
    bottom: 83px;
    z-index: -1;
}

.quote.inverted {
    transform: rotate(180deg);
    float:  left;
    left: 23px;
    top: -35px;
}
.process .container{ position:relative; z-index:2;}
.process h2{font-size:90px;color: #29282e;}

h2.dress-code {
    color: #676767;
    font-size: 60px;
    font-weight: 700;
}

.dress-code:before {
    content: '';
    width: 320px;
    height: 1px;
    /* float: left; */
    /* background: #e2e2e3; */
    position: absolute;
    left: 41%;
    margin-left: -160px;
    bottom: 280px;
}

h2 {}

.abt-headding:after {
    content: '';
    width: 48px;
    height: 16px;
    /* background: url(../images/triangles.jpg) bottom no-repeat; */
    position: absolute;
    left: 41%;
    bottom: 272px;
    margin-left: -24px;
}

.rgt .abt-headding:after {
    left: 60% !important;
}

.abt-headding:before {
    content: '';
    width: 320px;
    height: 1px;
    float: left;
    background: #e2e2e3;
    position: absolute;
    left: 41%;
    margin-left: -160px;
    bottom: 280px;
}

.rgt .abt-headding:before {
    left: 60% !important;
}

abt-headding::before {
    content: '';
    width: 320px;
    height: 1px;
    float: left;
    background: #e2e2e3;
    position: absolute;
    left: 50%;
    margin-left: -160px;
    bottom: -28px;
}
.process h3{color: #29282e;display:inline-block;}
.process p{margin-top: 60px;}

p.abt-para {
    color: #676767;
}

.rgt .abt-para {
    margin-left: 30%;
}

.show-hover .phover {
    color: inherit;
    font-size: 1rem;
}

.show-hover .p-hover {
    color:  inherit;
}

p.msg-auth {
    font-family: 'Montserrat', sans-serif;
    color: #007bff;
    font-weight: 600;
    font-size: 2rem;
}
.process .circles{ width:100%; height:300px; background-repeat:no-repeat; background-image:url(../images/process-circles.png); background-size:100% auto;}
.process .circles .icon-border{width: 268px;height:268px;border-radius:268px;display:inline-block;overflow:hidden;/* border: 2px solid #29282e; */text-align:center;/* padding-top:20px; *//* transition:  all 0.5s linear; */box-shadow: inset 0px 0px 0 2px #29282e;}
.process .circles .icon-border:hover{
border:none;
}
.process .circles .icon-border:hover i {color:#007bff;}
.process .circles .icon-border i{font-size: 110px;color: #29282e;margin-top:31px;display: inline-block;}
.process .circles .icon-border span{width:100%;display:inline-block;color: #29282e;font-size:30px;font-family:'Montserrat', sans-serif;font-weight:700;margin-top:15px;position:relative;}
.process .circles .icon-border span:after{content:''; width:30px; height:2px; background:#007bff; position:absolute; left:50%; bottom:-10px; margin-left:-15px;}



/* Team */
.team{ width:100%; background:url(../images/vertical-ribbon.png) top center no-repeat;}
.team img{ display:inline-block;}
.team a{ display:inline-block; color:#007bff; font-family:'Montserrat', sans-serif; font-size:12px;}



/* Awards */
.awards{ width:100%; position:relative; overflow:hidden; background:#29282e;}
.awards video{margin-top:-200px;}
.awards .pattern{width:100%; height:100%; float:left; background:url(../images/pattern.png); position:absolute; left:0; z-index:2; top:0;}
.awards .container{ position:relative; z-index:2; color:#fff;}
.awards .container h2{margin-bottom:60px; font-size:90px;}
.awards .container img{ height:40px; margin-bottom:30px;}
.awards .container .icon-border{ width: 268px; height:268px; border-radius:268px; display:inline-block; overflow:hidden; border:2px solid #fff; text-align:center; padding-top:20px; margin-top:30px;}
.awards .container .icon-border h4{ width:100%; display:inline-block; color:#fff; font-size:22px; font-family:'Montserrat', sans-serif; font-weight:700; margin-top:15px; position:relative;}
.awards .container .icon-border h4:after{content:''; width:30px; height:2px; background:#007bff; position:absolute; left:50%; bottom:-10px; margin-left:-15px;}
.awards .container .icon-border i{ width:100%; height:100px; float:left; margin-top:30px; margin-bottom:10px; overflow:hidden; font-size:100px;}
.awards .container .icon-border .odometer{ font-family:'Montserrat', sans-serif; font-size:18px;}



/* Logos */
.logos{width:100%;/* background:url(../images/vertical-ribbon.png) top center no-repeat; */}
.logos ul{ width:100%; float:left;}
.logos ul li{ width:32.5%; float:left; margin:0.4%; border:1px dotted #ddd; padding:20px; position:relative;}
.logos ul li:hover .work{ opacity:1;}
.logos ul li img{ width:100%; opacity:0.3;}
.logos ul li .work{ width:100%; height:100%; float:left; background:#007bff; text-align:center; opacity:0; position:absolute; left:0; top:0;  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
.logos ul li .work .desc{ width:100%; float:left; text-align:center; position:absolute; top:50%; left:0; margin-top:-25px;}
.logos ul li .work .desc h3{ font-family: 'Montserrat', sans-serif; margin:0; font-weight:700; color:#fff;}
.logos ul li .work .desc p{ margin:0; color:#fff;}


/* Contact */
.contact{ width:100%; background:url(../images/vertical-ribbon.png) top center no-repeat;}
.contact .contact-box{ width:100%; padding:0 20px;}
.contact h4{ position:relative; margin-bottom:40px; margin-top:0;}
.contact h4:after{content:''; width:30px; height:2px; background:#007bff; position:absolute; left:50%; bottom:-20px; margin-left:-15px;}
.contact small{ width:100%; float:left; font-family:'Montserrat', sans-serif;}
.contact a{ color:#007bff; margin-bottom:10px; display:block;}
.contact #map{width:100%; height:400px; float:left; margin-top:60px;}




/* Footer */
footer{width:100%;float:left;padding: 24px 0;/* background: #333745; */color: #ffffff8a;}

.container {}
footer .logo{width: 61px;float: right;margin-right:20px;margin-top: 20px;}
footer .copyright {float: right;margin-top: 36px;font-family:'Montserrat', sans-serif;font-size: 12px;line-height: 20px;text-align:  right;margin-left:  290px;}
footer .copyright i{ font-size:16px; color:#e24a4b; display:inline-block;}

/* Footer // Social media */
footer .social-media{float:left;margin-left: 145px;margin-top:  260px;}
footer .social-media li{  display:inline-block; margin:0 3px; text-align:center;}
footer .social-media li a{width:30px;height:30px;float:left;line-height:34px;color: #112233;background: #f1f1f194;border-radius:30px;overflow:hidden;}

footer .social-media li a:hover {}

a {}

.void a {
    height: inherit;
    /* padding-top: 10px; */
    text-decoration: none;
    display: inline-flex;
    color: #f7f7f7;
}
footer .social-media li a:hover{background:#007bff;color: #f7f7f7;}
footer .social-media li a i{font-size: 18px;display:inline-block;top: 0;}

i.fab.fa-instagram {
    color: black;
}

/* Footer // Newsletter */
footer form{ float:right;}
footer form h3{ font-weight:700; line-height:40px; color:#fff; float:left; font-family:'Montserrat', sans-serif; letter-spacing:-1px; margin:0; margin-right:20px; font-size:22px;}
footer form input[type="text"]{ width:226px; height:40px; float:left; background:#212026;}
footer form input[type="button"]{ height:40px; float:left; padding:0 20px; background:#212026;}


/* Shortcodes */

.nav-tabs{ border-bottom:1px solid #e2e2e3; margin-bottom:20px;}
.nav-tabs > li{ font-family:'Montserrat', sans-serif; font-size:15px;}
.nav-tabs > li a{ color:#29282e; border:none; border-bottom:1px solid #e2e2e3; padding-bottom:20px;}
.nav-tabs > li a:hover{background:none;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{ color:#007bff; background:none; border:none; border-bottom:1px solid #007bff;}

.alert{ border-radius:0;}
.alert-success { border:none; background:#d6e9c6;}
.alert-info { border:none; background:#bce8f1;}
.alert-warning{ border:none; background:#faebcc;}
.alert-danger{ border:none; background:#ebccd1;}

.panel-default > .panel-heading{ background:none;}
.panel-group .panel{ border-radius:0;}
.panel{ box-shadow:none;}
.panel-title > a:hover{color:#007bff; text-decoration:none;}
.panel-title > a:focus{color:#007bff; text-decoration:none;}
.space-bottom{ margin-bottom:40px;}

/* Fixing mobile */

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {

header h1{ margin-top:130px; font-size:76px;}
.grid li{ width:48%; margin:1%;}
.about-us .talents{ width:230px; margin:0; margin-bottom:60px;}
.home-quote .signature{ width:120px; margin:0;}
.home-quote .right-image{ width:70%;}
.process .circles{ height:auto; background:none;}
.process .circles .icon-border{ width: 210px; height:210px; border-radius:210px; display:inline-block; overflow:hidden; border:2px solid #fff; text-align:center; padding-top:20px;}
.process .circles .icon-border i{ font-size:70px;}
.process .circles .icon-border span{ font-size:22px;}
.process .col-md-4 { text-align:center !important;}
.awards video{ margin-top:-50px;}
.team img{ width:100%;}
footer .social-media{ float:right;}
footer form{ float:left; margin-top:40px; margin-left:90px;}

}


@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {

.content-carousel h2{ font-size:60px;}
.home-quote .right-image{ width:100%;}
.works-detail img{ width:100%;}
.grid li{ width:96%; margin:0 2%; margin-bottom:10px;}
.logos ul li{ width:100%; margin-bottom:10px;}
footer .logo{ margin-bottom:20px;}
footer .social-media{ float:left; margin-left:0; margin-top:30px;}
footer form{ margin-left:0;}
footer form h3{ font-size:18px;}
.ms-view{ height:500px !important;}
.ms-slide{ height:500px !important;}
.ms-slide img{ margin-top:200px;}
.ms-slide h4{ margin-top:140px;}
.ms-slide h1{ font-size:40px; width:100%; float:left; text-align:center; margin-top:-50px;}
.cbp-spmenu-push-toleft{ left:-250px;}
.cbp-spmenu-vertical{ width:250px;}
.cbp-spmenu-left{ left:250px;}
.cbp-spmenu-push-toright{ left:250px;}

}









/* Loader animation */
.spinner{ position: absolute;
/*top: 50%;left: 50%;margin: -33px 0 0 -33px;*/
width: 32px;height: 32px;-webkit-animation: rotator 1.4s linear infinite;animation: rotator 1.4s linear infinite;}

@-webkit-keyframes rotator {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
}

@keyframes rotator {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
}
.path {stroke-dasharray: 187;stroke-dashoffset: 0;-webkit-transform-origin: center;-ms-transform-origin: center;transform-origin: center;-webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite; animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}

@-webkit-keyframes colors {
  0% {
    stroke: #ddd;
  }
  25% {
    stroke: #ddd;
  }
  50% {
    stroke: #ddd;
  }
  75% {
    stroke: #ddd;
  }
  100% {
    stroke: #ddd;
  }
}

@keyframes colors {
  0% {
    stroke: #ddd;
  }
  25% {
    stroke: #ddd;
  }
  50% {
    stroke: #ddd;
  }
  75% {
    stroke: #ddd;
  }
  100% {
    stroke: #ddd;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
            transform: rotate(450deg);
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
            transform: rotate(450deg);
  }
}

@keyframes fadein{
	from { opacity: 0; }
    to   { opacity: 1; }
}

/* Slider Animations */
header .slider-content h1{
	-webkit-animation: bounceInUp 0.7s ease-in-out both;
	-moz-animation: bounceInUp 0.7s ease-in-out both;
	-o-animation: bounceInUp 0.7s ease-in-out both;
	-ms-animation: bounceInUp 0.7s ease-in-out both;
	animation: bounceInUp 0.7s ease-in-out both; }

header .slider-content h4{


	-webkit-animation: bounceInUp 1.1s ease-in-out both;
	-moz-animation: bounceInUp 1.1s ease-in-out both;
	-o-animation: bounceInUp 1.1s ease-in-out both;
	-ms-animation: bounceInUp 1.1s ease-in-out both;
	animation: bounceInUp 1.1s ease-in-out both; }

header .slider-content h5{
	-webkit-animation: bounceInUp 1.4s ease-in-out both;
	-moz-animation: bounceInUp 1.4s ease-in-out both;
	-o-animation: bounceInUp 1.4s ease-in-out both;
	-ms-animation: bounceInUp 1.4s ease-in-out both;
	animation: bounceInUp 1.4s ease-in-out both; }

header .slider-content img{
	-webkit-animation: fadeIn 1.8s ease-in-out both;
	-moz-animation: bounceInUp 1.8s ease-in-out both;
	-o-animation: bounceInUp 1.8s ease-in-out both;
	-ms-animation: bounceInUp 1.8s ease-in-out both;
	animation: fadeIn 1.8s ease-in-out both;
	position: absolute;
	bottom: 2%;
	/* left: 50%; */
	}

img {
    /* vertical-align: middle; */
}

.grid-item {
    /* width: 50%; */
    width: 60px;
    height: 60px;
    float: left;
    margin: 5px;
}

img.imgs.img4 {
    bottom: 0px;
    right: 0px;
}

img.imgs {
    width: 17%;
    z-index: -30;
}

img.imgs.img1 {
    bottom: 35px;
    left: 20px;
}

img.foot.foot12 {
    top: 522px;
    left: 1079px;
    transform: rotate(124deg);
}

img.foot.foot11 {
    top: 467px;
    left: 1073px;
    transform: rotate(137deg);
}

img.foot.foot1 {
  left: 18%;
  top: 75%;
  transform: rotate(64deg);
}

img.foot.foot10 {
    top: 462px;
    left: 1011px;
    transform: rotate(125deg);
}

img.foot.foot9 {
    top: 397px;
    left: 998px;
    transform: rotate(134deg);
}

img.foot.foot8 {
    left: 782px;
    top: 357px;
    transform: rotate(56deg);
}

img.foot.foot7 {
    left: 728px;
    top: 350px;
    transform: rotate(74deg);
}

img.foot.foot6 {
    left: 701px;
    top: 390px;
    transform: rotate(68deg);
}

img.foot.foot5 {
    left: 661px;
    top: 372px;
    transform: rotate(80deg);
}

img.foot.foot4 {
  left: 391px;
  top: 434px;
  transform: rotate(56deg);
}

img.foot.foot3 {
  left: 323px;
  top: 436px;
  transform: rotate(67deg);
}

img.foot.foot2 {
  left: 303px;
  top: 489px;
  transform: rotate(55deg);
}

img.foot {
    width: 2%;
}

img.foot.foot1 {
    left: 240px;
    top: 483px;
    transform: rotate(58deg);
}

img.imgs.img3 {
  left: 809px;
  top: 191px;
}

img.imgs.img2 {
  left: 431.672px;
  top: 271.406px;
}
  img.imgs.img1 {
    left:  0;
  top: 68%;
}
  img.imgs.img4 {
  left: 1105px;
  top: 480px;
}
  header.inner h1{
	-webkit-animation: bounceInUp 0.6s ease-in-out both;
  -moz-animation: bounceInUp 0.6s ease-in-out both;
  -o-animation: bounceInUp 0.6s ease-in-out both;
  -ms-animation: bounceInUp 0.6s ease-in-out both;
  animation: bounceInUp 0.6s ease-in-out both; }
  header.inner h5{
	-webkit-animation: bounceInUp 1.0s ease-in-out both;
  -moz-animation: bounceInUp 1.0s ease-in-out both;
  -o-animation: bounceInUp 1.0s ease-in-out both;
  -ms-animation: bounceInUp 1.0s ease-in-out both;
  animation: bounceInUp 1.0s ease-in-out both; }

  /* curriculum */
  button.collapsible {
  display: flex;
  background-color: transparent;
  color: #6c6c6c;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: background 0.2s ease-out;
  /* box-shadow: 0px 7px 5px #00000052; */
}

.active, button.collapsible:hover {
  background-color: #112233c2 !important;
  color: #fefefe !important;
}

button.collapsible:after {
}

.active:after {
}

.coll-content {
  /* padding: 0px 376px; */
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #f7f7f7;
  text-align: center;
  color: #686868 !important;
  font-family: 'Montserrat', sans-serif;
}

.void {position: fixed;top: 50%;left: -217px;background-color: #017bff;/* padding-top: 8px; */width: 153px;color: #f7f7f7;border-bottom-right-radius: 95px;border-top-right-radius: 100px;transition: left 0.5s ease-out;z-index: 9;}

.void:hover {
    left: -100px;
}

.material-icons{
  position: unset;
  font-size: 40px !important;
  color: #f7f7f7;
  margin: auto;
}


.recent-works li {
    border-radius: 5px;
}

.col-md-12 {
}

input.input1 {
  height: 50px;
  border-radius: 25px;
  padding: 0 30px;
}
input.input1 + .shadow-input1 {
  border-radius: 25px;
}

textarea.input1 {
  min-height: 150px;
  border-radius: 25px;
  padding: 12px 30px;
}
textarea.input1 + .shadow-input1 {
  border-radius: 25px;
}

/*---------------------------------------------*/
.wrap-input1 {
  position: relative;
  width: 100%;
  z-index: 1;
  margin-bottom: 20px;
}

.input1 {
  display: block;
  width: 100%;
  background: #e6e6e6;
  font-size: 15px;
  line-height: 1.5;
  color: #666666;
}

.shadow-input1 {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 0px 0px;
  color: rgba(87,184,70, 0.5);
}

.dropbtn {
  /*background-color: #4CAF50;*/
  /*color: white;*/
  /*padding: 16px;*/
  /*font-size: 16px;*/
  /*border: none;*/
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/*.dropdown-content a:hover {background-color: #ddd;}*/

.dropdown:hover .dropdown-content {display: block;}

/*.dropdown:hover .dropbtn {background-color: #3e8e41;}*/

#moreyt {
    border: none;
}

#moreyt:after {
    font-family: "Ionicons";
    content: "\f24c";
    font-weight: 100;
    padding: 10px;
    vertical-align: top;
    transition: 5.5s ease;
}
#moreyt:hover {
    color: #007bff !important;
    background: none;
}
#moreyt:hover:after {
    font-family: "Ionicons";
    content: "\f24d";
}

a.dropcbtn {
    color: black;
    margin: 0 !important;
    z-index: 100;
    border: none;
    background: #f1f1f1 !important;
}

.dropdown-content {
    z-index: 99 !important;
    border-radius: 30px;
}

.dropdown {
    margin: 5px;
    top: 0;
}

.dropdown:hover .dropbtn {
    background: #007bff;
    border: 1px solid #007bff;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

button.dropbtn {
    padding: 8px 20px;
    font-size: 18px;
    font-weight: 100;
    font-family: Montserrat;
    background-color: transparent;
    border: 1px solid #007bff;
    color: #007bff;
    border-radius: 100px;
}

.logo_text {
    width: fit-content;
    display: block;
    position: relative;
    float: left;
    padding: 0 20px;
    font-family: 'Montserrat', sans-serif;
}

p.logo_title {
    font-size: 25px;
    font-weight: 500;
    margin: 0;
    margin-top: 5px;
}

p.logo_addr {
    font-size: 11px;
}

#res_nav{
    display:none;
}