/* Css Index 
-----------------------------------
1. Theme default css
2. header
3. basic slider
4. portfolio
5. service
6. testimonial
7. footer
8. blog
9. pricing
10. process
11. team
11. breadcrumb
12. contact
13. about
*/


/*-------------------------------------------------------
1. Theme default css
---------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700|Open+Sans:300,400,600,700');
@import url('font-awesome.min.css');
@import url('text-headline.css');
@import url('owl.carousel.min.css');
@import url('hamburgers.min.css');
@import url('animate.css');
body { font-family: 'Montserrat', sans-serif; font-weight: normal; font-style: normal; }
.img, img { max-width: 100%; transition: all 0.3s ease-out 0s; }
a, .button { -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
a:focus, .button:focus { text-decoration: none; outline: none; }
a:focus, a:hover, .portfolio-cat a:hover, .footer-menu li a:hover { color: #5E8429; text-decoration: underline; }
a, button { color: #5E8429; outline: medium none; }
.uppercase { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }
h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; font-weight: normal; color: #232332; margin-top: 0px; font-style: normal; font-weight: 400; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
h1 { font-size: 40px; font-weight: 500; }
h2 { font-size: 35px; }
h3 { font-size: 28px; }
h4 { font-size: 22px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
ul { margin: 0px; padding: 0px; }
li { list-style: none }
p { color: #666; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: normal; line-height: 26px; margin-bottom: 15px; }
.blog-content p { line-height: 1.5; margin-bottom: 5px; margin-top: 10px; }
hr { padding: 0px; border-bottom: 1px solid #eceff8; border-top: 0px; }
label { color: #444; cursor: pointer; font-size: 14px; font-weight: 400; }
*::-moz-selection {
 background: #d6b161;
 color: #fff;
 text-shadow: none;
}
::-moz-selection {
 background: #555;
 color: #fff;
 text-shadow: none;
}
::selection { background: #555; color: #fff; text-shadow: none; }
*::-moz-placeholder {
 color: #555555;
 font-size: 14px;
 opacity: .5;
}
*::placeholder {
 color: #555555;
 font-size: 14px;
 opacity: .5;
}
.fix { overflow: hidden }
/* button style */
.btn { -moz-user-select: none; background: #444 none repeat scroll 0 0; border: 1px solid transparent; border-radius: 2px; color: #fff; cursor: pointer; display: inline-block; font-size: 13px; font-weight: 400; letter-spacing: 1px; line-height: 1.42857; margin-bottom: 0; padding: 10px 30px; text-align: center; text-transform: uppercase; touch-action: manipulation; transition: all 0.3s ease 0s; vertical-align: middle; }
.btn:hover { background: transparent; border-color: #444 }
.btn.btn-large { padding: 10px 25px; }
.btn-lg { font-weight: 700; padding: 13px 31px; }
.btn.MORAL-btn:hover { border-color: #ddd; color: #ddd }
/* bg img part */
.bg-1 { background: url(../img/ex1.jpg); }
.bg-2 { background: url(../img/ex2.jpg); }
.bg-3 { background: url(../img/ex3.jpg); }
.bg-4 { background: url(../img/ex4.jpg); }
.bg-5 { background: url(../img/ex5.jpg); }
.bg-6 { background: url(../img/ex6.jpg); }
.bg-7 { background: url(../img/ex7.jpg); }
.bg-8 { background: url(../img/ex8.jpg); }

.bg-cover { background-position: center center; background-size: cover; }
.color-osduk { color: #ffffff !important; }
.white-bg { background: #fff; }

.contentUL { font-weight: 300; }
.contentUL li { color: #666; }
.ccc-intro p { font-size: 12px; line-height: 1.5; }

.bg-1, .bg-2, .bg-3, .bg-4, .bg-5, .bg-6, .bg-7, .bg-8, .bg-9, .bg-10 { background-attachment: fixed; background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 0; }
/* opacity */
.bg-black-alfa-5::before, .bg-black-alfa-10::before, .bg-black-alfa-15::before, .bg-black-alfa-20::before, .bg-black-alfa-25::before, .bg-black-alfa-30::before, .bg-black-alfa-35::before, .bg-black-alfa-40::before, .bg-black-alfa-45::before, .bg-black-alfa-50::before, .bg-black-alfa-55::before, .bg-black-alfa-60::before, .bg-black-alfa-65::before, .bg-black-alfa-70::before, .bg-black-alfa-75::before, .bg-black-alfa-80::before, .bg-black-alfa-85::before, .bg-black-alfa-90::before, .bg-black-alfa-95::before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
.bg-black-alfa-5::before, .bg-black-alfa-10::before, .bg-black-alfa-15::before, .bg-black-alfa-20::before, .bg-black-alfa-25::before, .bg-black-alfa-30::before, .bg-black-alfa-35::before, .bg-black-alfa-40::before, .bg-black-alfa-45::before, .bg-black-alfa-50::before, .bg-black-alfa-55::before, .bg-black-alfa-60::before, .bg-black-alfa-65::before, .bg-black-alfa-70::before, .bg-black-alfa-75::before, .bg-black-alfa-80::before, .bg-black-alfa-85::before, .bg-black-alfa-90::before, .bg-black-alfa-95::before { background: rgba(0, 0, 0, 0.05) none repeat scroll 0 0; }
.bg-black-alfa-40::before { background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0; }
.owl-carousel .owl-nav div { background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0; height: 40px; left: 20px; line-height: 40px; opacity: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); transition: all 0.3s ease 0s; visibility: hidden; width: 40px; }
.owl-carousel .owl-nav div.owl-next { left: auto; right: 20px; }
.owl-carousel:hover .owl-nav div { opacity: 1; visibility: visible }
/* 2. header */
.header-fixed { left: 0; position: absolute; right: 0; z-index: 1030; }
.header-transparent { background: transparent none repeat scroll 0 0; transition: height 0.3s ease-out 0s, background 0.3s ease-out 0s, box-shadow 0s ease-out 0s; }
.sticky { left: 0; margin: auto; position: fixed; top: 0; width: 100%; background: #ffffff none repeat scroll 0 0; box-shadow: 0 -1px 0 #f5f5f5 inset; transition: height 0.3s ease-out 0s, background 0.3s ease-out 0s, box-shadow 0.3s ease-out 0s; z-index: 1030; }
.breadcrumb-2-area { background-position: 50% 0; padding: 220px 0 200px; overflow: hidden; }
.hero-caption { display: table; height: 100%; margin: 0 auto; position: relative; width: 80%; z-index: 2; }
.hero-text { display: table-cell; height: 100%; position: relative; vertical-align: middle; }
h1.breadcrumb-2 { font-size: 36px; font-weight: 600; letter-spacing: 5px; }
.logo { padding: 4px 0 0 0; transition: all 0.3s ease 0s; }
.logo h4 { font-weight: 600; margin: 0; }
.header-transparent .logo h4 { color: #fff; }
.sticky .logo h4 { color: #222; }
.sticky .logo { padding: 0; }
.basic-area { position: relative; }
.basic-menu { float: right; }
.basic-menu li { float: left; margin-left: 22px; position: relative; transition: all 0.3s ease 0s; }
/* .basic-menu > li::after {
  background: #d7d7d7 none repeat scroll 0 0;
  content: "";
  height: 15px;
  position: absolute;
  right: -16px;
  top: 32px;
  transform: rotate(45deg);
  transition: all 0.3s ease 0s;
  width: 1px;
} */
.basic-menu > li:last-child:after { display: none }
.basic-menu li a { color: #232332; display: inline-block; font-size: 12px; font-weight: 500; letter-spacing: 1px; position: relative; text-transform: uppercase; }
.basic-menu > li > a::before { background: #666666 none repeat scroll 0 0; bottom: 23px; content: ""; height: 1px; left: 0; margin: auto; opacity: 0; position: absolute; right: 0; transition: all 0.3s ease 0s; width: 0px; }
.basic-menu > li > a { padding: 30px 0; }
.basic-menu li:hover > a { color: #999; }
.basic-menu li:hover > a:before { opacity: 1; width: 15px; }
.basic-menu li ul { background: #222 none repeat scroll 0 0; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); float: none; left: 0; opacity: 0; position: absolute; text-align: left; top: 110%; transition: all 0.3s ease 0s; visibility: hidden; width: 200px; z-index: 11; }
.basic-menu li:hover > ul { opacity: 1; top: 100%; visibility: visible; }
.basic-menu li ul li { border-bottom: 1px solid rgba(51, 51, 51, 0.5); display: block; float: none; margin: 0; }
.basic-menu li ul li:last-child { border-bottom: 0 none; margin: 0; }
.basic-menu li ul li a i { float: right }
/* --------------------------
  Child Sub menu
-----------------------------*/
.basic-menu li ul li ul { left: 100%; opacity: 0; position: absolute; top: 10%; visibility: hidden; z-index: 999; }
.basic-menu li ul li:hover > ul { opacity: 1; top: 0; visibility: visible; }
.basic-menu li ul li a { color: rgba(255, 255, 255, 0.7); display: block; font-size: 10px; padding: 10px 15px; }
.basic-menu li ul li:hover > a { background: rgba(51, 51, 51, 0.5) none repeat scroll 0 0; color: #fff; }
.basic-menu li ul li a span { float: right; }
.member-img img { width: 100%; }
.menu-area .menu-p-right ul { left: auto; right: 0; }
.basic-menu .menu-p-right ul li ul { right: 100%; }
.headroom { left: 0; position: fixed; right: 0; top: 0; z-index: 10; }
.headroom--pinned { background: #fff none repeat scroll 0 0; box-shadow: 0 -1px 0 #f5f5f5 inset; transform: translateY(0px); }
.headroom--unpinned { transform: translateY(-100%); }
.headroom { transition: transform 0.25s ease-in-out 0s; will-change: transform; }
.basic-space { height: 78px }
.header-transparent .basic-menu li a { color: #fff; }
.header-transparent.sticky .basic-menu > li > a { color: #232332; }
.sticky .basic-menu > li > a { padding: 23px 0; }
.sticky .basic-menu > li::after { top: 25px; }
.header-transparent .basic-menu > li > a::before { background: #f6f6f6 none repeat scroll 0 0; }
.header-transparent.sticky .basic-menu > li > a::before { background: #666 none repeat scroll 0 0; }
.sticky .basic-menu > li > a::before { bottom: 17px; }
.hamburger { float: right; margin-left: 20px; margin-top: 24px; padding: 0; transition: all 0.3s ease 0s; }
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before { height: 2px; width: 30px; }
.hamburger-inner::before { top: -8px; }
.hamburger--collapse .hamburger-inner::after { top: -16px; }
.hamburger-menu { float: right; margin-right: -30px; opacity: 0; transition: all 0.3s ease 0s; visibility: hidden; }
nav.nav-menu-show { margin-right: 0; opacity: 1; visibility: visible; }
.sticky .hamburger { margin-top: 17px; }
/* 3. basic slider */
.basic-slider { position: relative; }
.height-100-vh { height: 100vh }
.slide-1 { background: rgba(0, 0, 0, 0) url("../img/slider/slider-1.jpg") repeat scroll center top / cover; }
.slide-2 { background: rgba(0, 0, 0, 0) url("../img/slider/slider-2.jpg") repeat scroll center center / cover; }
.slide-3 { background: rgba(0, 0, 0, 0) url("../img/slider/sss.jpg") repeat scroll right top / cover; }
.slide-4 { background: rgba(0, 0, 0, 0) url("../img/slider/slider-5.jpg") repeat scroll right top / cover; }
.slide-5 { background: rgba(0, 0, 0, 0) url("../img/slider/slider-6.jpg") repeat scroll right top / cover; }
.slide-6 { background: rgba(0, 0, 0, 0) url("../img/slider/slider-7.jpg") repeat scroll right top / cover; }
.slide-7 { background: rgba(0, 0, 0, 0) url("../img/slider/bg-video.png") repeat scroll right top / cover; }
.bg { background-position: center top; background-size: cover; }
.slider-content h2 { font-size: 54px; font-weight: 700; letter-spacing: 2px; margin: 0; }
.slider-content.text-osduk .btn { background: #fff none repeat scroll 0 0; color: #444; }
.slider-content.text-osduk .btn:hover { border-color: #fff; color: #fff; background: none }
.slider-content.white-bg-opacity > h2 { margin-bottom: 15px; text-transform: uppercase; }
.slider-content.hero-text span { background: #000 none repeat scroll 0 0; height: 10px; margin: 0 10px; position: relative; width: 10px; z-index: 999; }
.slider-content.hero-text span::before, .slider-content.hero-text.text-osduk span::before { background: #000 none repeat scroll 0 0; border-radius: 20px; content: ""; height: 10px; left: -15px; position: absolute; top: 31px; width: 10px; }
.slider-content.hero-text.text-osduk span::before { background: #fff }
.slider-content > p { color: #444; font-size: 24px; margin: 20px 0 0 0; text-transform: capitalize; }
.dot { background: #444 none repeat scroll 0 0; display: inline-block; height: 5px; width: 5px; }
.slider-content.text-osduk h2 { color: #fff; }
.slider-content.text-osduk p { color: #fff; }
.slider-content.black-bg-opacity { background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; display: inline-block; padding: 70px 50px; text-align: center; outline: 1px solid rgba(0, 0, 0, 0.2); outline-offset: -15px; position: relative; }
.slider-content.white-bg-opacity { background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0; display: inline-block; outline: 1px solid rgba(0, 0, 0, 0.2); outline-offset: -15px; padding: 70px 50px; position: relative; text-align: center; }
.gradient-bg { position: relative }
.gradient-bg:before { background-image: -webkit-linear-gradient(135deg, rgba(243, 71, 75, 0.9) 0%, rgba(255, 152, 0, 0.9) 100%); content: ""; height: 100%; left: 0; opacity: 1; position: absolute; top: 0; transition: all 0.3s ease 0s; width: 100%; z-index: 1; }
.slider-content.black-bg-opacity > h2 { font-size: 30px; line-height: 40px; position: relative; color: #000 }
.slider-content.white-bg-opacity > h4 { color: #000000; font-size: 16px; font-weight: 400; letter-spacing: 5px; }
.slider-content.text-osduk.black-bg-opacity::before { border: 1px solid #888; bottom: 15px; content: ""; left: 15px; position: absolute; right: 15px; top: 10px; }
.slider-MORAL { border-bottom: 1px solid #f5f5f5; border-top: 1px solid #f5f5f5; padding: 140px 0; }
.slider-MORAL .slider-content { }
.slider-MORAL .slider-content h3 { font-size: 35px; font-weight: 700; letter-spacing: 4px; line-height: 1.5; margin: auto; text-transform: capitalize; width: 80%; }
.single-slider { background: rgba(0, 0, 0, 0) none repeat scroll center center / cover; padding: 200px 0; }
.border-t-b { border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5 }
.slider-screen { background-position: center center; background-size: cover; height: 100vh; padding: 0; position: relative; }
.slider-screen .slider-content { left: 0; position: absolute; right: 0; text-align: center; top: 40%; transform: translateY(-50%); z-index: 99; }
.basic-slider .container { height: 100% }
.hero-caption { display: table; height: 100%; width: 100%; }
.hero-text { display: table-cell; height: 100%; vertical-align: middle; }
.bg-MORAL-opacity::before { background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
/* 4. portfolio */
.filter-menu { }
.filter-menu button { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; color: #666; font-family: open sans; font-size: 12px; font-weight: 700; letter-spacing: 2px; margin: 0 2px; padding: 6px 15px; position: relative; text-transform: uppercase; transition: all 0.3s ease 0s; }
.filter-menu button.active, .filter-menu button:hover { color: #f3474b }
.row-portfolio { margin: 0 -15px }
.row-portfolio .portfolio-item { padding: 0 15px; }
.portfolio-wrapper { position: relative; transition: all 0.3s ease 0s; overflow: hidden }
.portfolio-wrapper:hover { box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22); }
.portfolio-item { float: left; margin-bottom: 30px; width: 33.33%; }
.portfolio-thumb img { width: 100%; }
.portfolio-wrapper:hover .portfolio-thumb img { transform: rotate(-5deg) scale(1.2); }
.portfolio-thumb { position: relative; }
.portfolio-thumb::before { background-image: -webkit-linear-gradient(135deg, rgba(243, 71, 75, 0.9) 0%, rgba(255, 152, 0, 0.9) 100%); content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: all 0.3s ease 0s; width: 100%; z-index: 1; }
.portfolio-wrapper:hover .portfolio-thumb::before { opacity: 1 }
.view-icon { opacity: 0; position: absolute; right: 30px; text-align: center; top: 30px; transition: all 0.3s ease 0s; visibility: hidden; z-index: 9; }
.portfolio-wrapper:hover .view-icon { opacity: 1; visibility: visible; }
.view-icon > a { color: #fff; display: inline-block; font-size: 30px; line-height: 1; }
.portfolio-caption { padding: 15px; }
.portfolio-caption > h4 { font-size: 20px; font-weight: 700; margin: 10px 0; position: relative; }
.portfolio-caption a { color: #fff; }
.work-tag > p { color: #fff; margin: 0; text-transform: uppercase; }
.work-tag > a { color: #555; font-size: 13px; letter-spacing: 1px; }
.portfolio-caption { padding: 15px; }
.portfolio-caption { padding: 15px; }
.caption-border { border: 1px solid #f6f6f6; }
/* portfolio style 2 */
.portfolio-caption { bottom: 0; left: 0; opacity: 0; padding: 30px 120px 30px 30px; position: absolute; right: 0; top: 0; transition: all 0.3s ease 0s; visibility: hidden; z-index: 2; }
.portfolio-wrapper:hover .portfolio-caption { opacity: 1; visibility: visible; }
.portfolio-full .portfolio-item .portfolio-caption { padding-right: 100px; }
/* call to action */
.call-to-action > h3 { font-weight: 500; letter-spacing: 1.5px; }
.call-to-action > p { margin: 0; }
.call-to-action a { margin-top: 12px; }
/* portfolio-style-3 */
.portfolio-style-3 { }
.portfolio-style-3 .portfolio-caption { bottom: 20px; top: inherit; }
.portfolio-style-3 .portfolio-wrapper:hover .portfolio-caption { bottom: 0; top: inherit; }
.row-portfolio.m-0 { margin: 0; }
.portfolio-style-4 .portfolio-thumb::before { background: #000 none repeat scroll 0 0; }
.portfolio-style-4 .portfolio-wrapper:hover .portfolio-thumb::before { opacity: 0.7; }
.portfolio-style-4 .portfolio-caption > h4 { color: #fff; }
.portfolio-style-4 .work-tag > a { color: #fff; }
.portfolio-style-4 .portfolio-caption { bottom: 50%; top: inherit; }
.portfolio-style-4 .portfolio-wrapper:hover .portfolio-caption { transform: translateY(50%); bottom: 50%; }
.portfolio-grid-2 .portfolio-item { width: 50%; }
.portfolio-grid-4 .portfolio-item { width: 25% }
.no-space .portfolio-item { margin-bottom: 0; }
.width-8 { width: 66.6667%; }
#related-active .portfolio-item { width: 100%; margin-bottom: 0; }
#related-active { padding: 0 15px; }
#related-active .portfolio-caption { padding: 30px 80px 30px 30px; }
.basic-separator { border-top: 1px solid #ddd }
/* portfolio details */
.portfolio-full-img img { width: 100%; }
.project-details li { font-size: 13px; font-weight: 400; letter-spacing: 1px; padding: 0 0 10px; }
.portfolio-details { }
.portfolio-details span { color: #eae600; display: inline-block; font-size: 11px; font-weight: bold; letter-spacing: 1px; margin: 0; text-transform: uppercase; }
.portfolio-details h2 { color: #000; display: inline-block; float: left; font-size: 35px; font-weight: bold; line-height: 40px; margin: 15px 0 25px; padding: 0 35px 0 0; text-transform: capitalize; width: 100%; }
.portfolio-details p { }
/* 5. service */
.service-box { padding: 25px; }
.area-title { margin: 0 auto 10px; }
.area-title h2 { display: inline-block; font-size: 28px; font-weight: 500; letter-spacing: 2px; margin-bottom: 20px; padding-bottom: 15px; position: relative; }
.area-title2 h2 { display: inline-block; font-size: 28px; font-weight: 500; letter-spacing: 2px; margin-bottom: 20px; padding-bottom: 15px; position: relative; }
.area-title h2::after { background: #444444 none repeat scroll 0 0; bottom: 0; content: ""; display: block; font-size: 20px; height: 2px; left: 0; margin: 0; position: absolute; right: 0; width: 50px; }
.area-title p { margin: 0; }
.service-icon { }
.service-icon span { background-color: #e6e6e6; border-radius: 10%; color: #3e3e3e; height: 46px; line-height: 46px; text-align: center; transition: all 0.4s ease 0s; width: 46px; display: inline-block; font-size: 18px; margin-bottom: 17px; }
.service-content { }
.service-content h3 { font-size: 15px; font-weight: 600; margin-bottom: 10px; }
.service-content p { margin: 0; }
/* 6. testimonial */
.testimonial-box { margin: auto; max-width: 700px; }
.testimonial-box blockquote { background: #ffffff none repeat scroll 0 0; border: medium none; font-size: 17px; font-style: normal; line-height: 1.6; margin: 0; padding: 50px; position: relative; }
.testimonial-box blockquote:after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #fff transparent transparent; border-image: none; border-style: solid; border-width: 8px; bottom: -16px; content: ""; display: block; height: 0; left: 20px; position: absolute; right: 0; width: 0; }
.testimonial-content { margin-top: 20px; position: relative; }
.testimonial-name { color: #ffffff; font-size: 15px; font-weight: 700; margin: 0; }
.testimonial-pos { color: #ffffff; display: block; font-size: 14px; margin-top: 5px; }
.testimonial-pos > a { color: #ffffff; }
/* 7. footer */
.footer-logo h3 { font-weight: 600; margin: 0; }
.social-icon { }
.social-icon a { background: #252525 none repeat scroll 0 0; border-radius: 50%; color: #fff; display: inline-block; font-size: 16px; height: 35px; line-height: 36px; margin: 0 5px; text-align: center; width: 35px; }
.social-icon a:hover { background: #999; }
.footer-menu li { display: inline-block; padding: 0 10px; position: relative; }
.footer-menu a { color: #444; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; }
.footer-menu li::before { background: #666 none repeat scroll 0 0; bottom: 8px; content: ""; height: 4px; left: -5px; margin-right: 6px; position: absolute; width: 4px; }
.footer-menu li:first-child:before { display: none }
.copyright p { margin-bottom: 0; }
.copyright.mt-20 a { color: #000; }
.bg-soft { background: #f9f9f9 none repeat scroll 0 0; }
.footer-info { }
.socile-2 a { }
.socile-2 a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-radius: 50%; color: #444; display: inline-block; font-size: 16px; height: inherit; line-height: inherit; margin: 0 5px; text-align: center; width: inherit; }
.socile-2 a:hover { color: #999 }
.post-thumbnail > img { width: 100%; }
/* 8. blog */
.blog-wrapper { background: #fff none repeat scroll 0 0; overflow: hidden; padding: 25px; }
.blog-title { display: inline-block; font-size: 30px; font-weight: bold; line-height: 36px; margin: 15px 0 0; padding: 0; text-align: left; }
.blog-title a { color: #222; font-size: 16px; }
.blog-title a:hover { color: #f3474b; }
.meta-info ul li { color: #EF8152; display: inline-block; font-size: 11px; padding: 0 12px; position: relative; }
.meta-info ul li:first-child { padding-left: 0 }
.meta-info ul li a { color: #f3474b }
.meta-info ul li a:hover { color: #444 }
.meta-info ul li::before { border: 1px solid #999; border-radius: 5px; content: ""; height: 5px; left: -4px; position: absolute; top: 6px; width: 5px; }
.meta-info ul li:first-child:before { display: none }
.blog-thumb { overflow: hidden; }
/* sidebar */ 
.widget { background: #fff none repeat scroll 0 0; overflow: hidden; padding: 25px; }
.widget-title { color: #000; display: inline-block; font-size: 14px; font-weight: bold; height: auto; letter-spacing: 1px; line-height: 1; margin-bottom: 20px; padding: 0 0 10px; position: relative; }
.widget-title::before { background: #e2e2e2 none repeat scroll 0 0; bottom: 0; content: ""; height: 2px; position: absolute; width: 50px; }
.sidebar-form { }
.sidebar-form form { position: relative; }
.sidebar-form form input { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #f5f5f5; color: #ccc; padding: 10px 0; text-indent: 10px; transition: all 0.2s ease 0s; width: 100%; }
.sidebar-form form input::-moz-placeholder {
 color: #999;
 font-size: 12px;
 opacity: .5;
}
.sidebar-form form button { background: #222 none repeat scroll 0 0; border: 0 none; color: #fff; font-size: 20px; height: 100%; position: absolute; right: 0; top: 0; transition: all 0.3s ease 0s; width: 50px; }
.sidebar-form form button:hover { background: #f3474b; }
.sidebar-rc-post { }
.sidebar-rc-post ul { }
.sidebar-rc-post ul li { border-bottom: 1px solid #f5f5f5; color: #000; display: block; font-size: 13px; margin-bottom: 15px; overflow: hidden; padding-bottom: 15px; }
.sidebar-rc-post ul li:last-child { border: 0; margin: 0; padding: 0; ; }
.sidebar-rc-post .rc-post-thumb { display: inline-block; float: left; height: 70px; overflow: hidden; position: relative; width: 90px; }
.sidebar-rc-post .rc-post-content { margin-left: 105px; }
.sidebar-rc-post .rc-post-content h4 { color: #000; display: block; font-size: 13px; font-weight: bold; line-height: 19px; margin: 0; text-indent: 0; transition: all 0.2s ease 0s; }
.sidebar-rc-post .rc-post-content h4 a:hover { color: #f3474b }
.widget-date { color: #ccc; display: inline-block; float: left; font-size: 10px; line-height: 1; margin: 10px 5px 0 0; padding: 0 8px 0 0; text-decoration: none; text-indent: 0; text-transform: uppercase; }
.sidebar-blog .widget { margin-bottom: 35px; }
.sidebar-blog .widget:last-child { margin-bottom: 0; }
.widget-social { }
.widget-social a { background: #000 none repeat scroll 0 0; color: #fff; display: inline-block; font-size: 19px; height: 45px; line-height: 45px; margin-right: 12px; text-align: center; width: 45px; }
.widget-social a.facebook { background: #3b5998 }
.widget-social a.twitter { background: #1da1f2 }
.widget-social a.instagram { background: #dd4b39 }
.widget-social a.googleplus { background: #dd4b39 }
.widget-social a.linkedin { background: #0077b5 }
.widget-social a:hover { opacity: 0.8; }
.sidebar-link { }
.sidebar-link li { border-bottom: 1px solid #f5f5f5; color: #000; display: block; font-size: 13px; line-height: 20px; margin-bottom: 10px; padding-bottom: 10px; }
.sidebar-link li:last-child { border: 0; padding: 0; margin: 0; }
.sidebar-link li a { color: #000; font-weight: bold; padding-left: 5px; }
.sidebar-link li a:hover { color: #f3474b }
.sidebar-link li span { float: right; }
.instagram-link { margin: 0 -5px }
.instagram-link li { float: left; margin-bottom: 10px; padding: 0 5px; width: 33.33%; }
.instagram-link li a { }
.sidebar-tad { }
.sidebar-tad li { float: left; margin-bottom: 5px; margin-right: 5px; }
.sidebar-tad li a { background: #f7f7f7 none repeat scroll 0 0; color: #222; display: inline-block; font-size: 11px; font-weight: 600; line-height: 1; padding: 10px 15px; text-transform: uppercase; }
.sidebar-tad li a:hover { background: #f3474b; color: #fff }
/* blog column */
.blog-column { }
.blog-column .blog-title { font-size: 18px; line-height: 1.4; }
.blog-2-column .blog-title { font-size: 22px; line-height: 1.4; }
.pagination-col { }
.pagination-col .pagination { margin-top: 0; }
/* blog details */
.blog-details .meta-info { margin-bottom: 20px; }
.blog-details .widget-social { margin-bottom: 20px; }
.blog-title-sm { font-size: 22px; line-height: 1.5; margin-bottom: 10px; margin-top: 10px; }
.blog-details blockquote { background: #f7f7f7 none repeat scroll 0 0; border-left: 5px solid #f3474b; font-family: open sans; font-size: 17px; font-style: italic; margin: 0 0 20px 40px; padding: 10px 20px; }
.blob-post-gallery { margin-bottom: 15px; overflow: hidden; }
.blob-post-gallery ul { margin: 0 -5px; }
.blob-post-gallery ul li { float: left; padding: 0 5px; width: 33.33%; }
.blob-post-gallery-full { margin-bottom: 20px; }
.common-tag { }
.common-tag ul { }
.common-tag ul li { float: left; margin-right: 5px; }
.common-tag ul li a { background: #f7f7f7 none repeat scroll 0 0; font-size: 11px; padding: 10px 15px; text-transform: uppercase; }
.common-tag ul li a:hover { background: #f3474b; color: #fff }
.common-tag { margin-top: 30px; }
.next-prev-post { margin-top: 50px; }
.next-prev-post a { background: #f7f7f7 none repeat scroll 0 0; border-radius: 50px; font-size: 11px; font-weight: 500; padding: 10px 30px; text-transform: uppercase; }
.next-prev-post a:hover { background: #f3474b; color: #fff }
.prev-post { float: left }
.prev-post i { margin-right: 5px; }
.next-post { float: right }
.next-post i { margin-left: 5px }
.author-box { background: #f7f7f7 none repeat scroll 0 0; overflow: hidden; padding: 30px; }
.author-avatar { display: inline-block; float: left; }
.author-avatar > img { border-radius: 50%; }
.authorinfo { margin-left: 120px; margin-top: 7px; }
.authorinfo h4 { font-size: 12px; font-weight: bold; margin: 0; padding: 0; text-transform: uppercase; }
.authorinfo p { color: #555; font-size: 13px; line-height: 20px; margin: 0; padding: 5px 0; text-indent: 0; }
.author-icons { margin-top: 5px; }
.author-icons a { display: inline-block; margin-right: 5px; }
.author-icons a:hover { color: #f3474b }
.related-post-active .blog-column { padding: 0 }
.related-post-active .blog-column .blog-title { font-size: 14px; margin-bottom: 0; margin-top: 10px; padding: 0; }
.blog-section-title { font-size: 18px; font-weight: 700; margin-bottom: 20px; }
.blog-details { }
.comments, .comment-form { margin-bottom: 70px; }
.comment, .comment-content { position: relative; }
.comment-avatar { float: left; margin: 5px 0 0; max-width: 70px; position: relative; z-index: 1; }
.comment-avatar::after { background: #f5f5f5 none repeat scroll 0 0; content: ""; height: 2px; left: 70px; position: absolute; top: 34px; width: 20px; z-index: -1; }
.comment-avatar img { border-radius: 50%; height: 70px; width: 70px; }
.comment-tools { padding: 0 30px; position: absolute; right: 0; top: 25px; z-index: 1; }
.comment-tools a { color: #666; margin: 0 0 0 15px; }
.comment-content { background: #f7f7f7 none repeat scroll 0 0; border-radius: 2px; margin: 0 0 35px 90px; padding: 30px; position: relative; }
.comment-content h5 { font-size: 16px; font-weight: 600; }
.comment-reply { margin-left: 90px; }
.comments-form { }
.comments-form form { }
.comments-form form textarea { background: #f9f9f8 none repeat scroll 0 0; border: medium none; color: #777; display: inline-block; float: left; font-size: 14px; height: 150px; margin: 0; padding: 10px; width: 100%; }
.comments-form form label { color: #ccc; display: inline-block; font-size: 10px; letter-spacing: 1px; margin: 15px 0 10px; text-transform: uppercase; width: 100%; }
.comments-form form input { background: #f9f9f8 none repeat scroll 0 0; border: medium none; color: #777; display: inline-block; font-size: 13px; letter-spacing: 1px; margin: 0; padding: 13px 10px; width: 100%; }
.comments-form button { background-color: #222; border: medium none; color: #fff; cursor: pointer; font-size: 12px; margin: 30px 0; padding: 10px 15px; text-transform: uppercase; transition: all 0.2s ease 0s; }
.comments-form button:hover { background: #f3474b }
/*------------------------------------------------------------------
[Pagination]
*/
.pagination { margin: 30px 0 0; }
.pagination > li { display: inline-block; margin-right: 2px; }
.pagination > li:first-child > a, .pagination > li:first-child > span { border-radius: 3px; }
.pagination > li > a, .pagination > li > span { border: 2px solid #eeeeee; border-radius: 3px; color: #777777; display: block; float: none; padding: 8px 15px; }
.pagination > .active > a, .pagination > .active > span { background: #27cbc0 none repeat scroll 0 0; border-color: #27cbc0; color: #ffffff; }
.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus { background: #f3474b none repeat scroll 0 0; border-color: #f3474b; color: #ffffff; }
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color: #f3474b; border-color: #f3474b; color: #fff; cursor: default; z-index: 3; }
/* 9. pricing */
.pricing-table { background: #fff none repeat scroll 0 0; box-shadow: 0 0 1px 1px #f6f6f6; position: relative; text-align: center; }
.pricing-title, .pricing-action { padding: 25px 0; }
.pricing-title h6 { font-weight: 700; letter-spacing: 1px; margin: 0; text-transform: uppercase; margin-bottom: 10px; }
.pricing-price { border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; padding: 20px 0; }
.pricing-price .price-unit { text-transform: uppercase; font-size: 54px; color: #222222; }
.price-unit > span { vertical-align: top; letter-spacing: 2px; line-height: 3.5; font-size: 22px; }
.pricing-features ul { list-style: none; padding: 0 0; margin: 0; }
.pricing-features ul li { border-bottom: 1px solid #f6f6f6; padding: 8px 0; }
.pricing-table { margin: 10px 0 0; }
.pricing-table.best-value { z-index: 1; margin: 0 0 0; }
.pricing-table.best-value .pricing-title, .pricing-table.best-value .pricing-action { padding: 30px 0; }
/* 10. process */
.process-item { margin-top: 30px }
.process-item img { max-width: 100%; height: auto }
.process-item-icon { font-size: 50px; line-height: 60px; padding: 60px 30px 80px; text-align: center; }
.process-item-content { position: relative; padding: 30px }
.process-item-number { background-color: #444; border: 5px solid #fff; border-radius: 40px; color: #fff; font-size: 20px; font-weight: 700; height: 60px; left: 50%; line-height: 45px; position: absolute; text-align: center; top: -30px; transform: translateX(-50%); width: 60px; }
.process-item-title { font-size: 16px; font-weight: 500; letter-spacing: 2px; margin: 15px 0; text-transform: uppercase; }
.process-item { -webkit-box-shadow: 0 8px 31px 0 rgba(0, 0, 0, .1); -moz-box-shadow: 0 8px 31px 0 rgba(0, 0, 0, .1); -ms-box-shadow: 0 8px 31px 0 rgba(0, 0, 0, .1); -o-box-shadow: 0 8px 31px 0 rgba(0, 0, 0, .1); box-shadow: 0 8px 31px 0 rgba(0, 0, 0, .1) }
.process-item.process-item-alt .process-item-icon { padding: 30px 30px 50px }
.process-item.process-item-alt .process-item-number { top: -23px; width: 46px; height: 46px; font-size: 16px; line-height: 35px }
.process-item.process-item-alt .process-item-title { font-size: 14px }
.process-item.process-item-alt .process-item-content { padding: 20px }
/* 11. team */
.team-item { display: block; position: relative; margin-bottom: 30px; text-align: center }
.team-item-image { display: block; margin: 0 auto 20px; overflow: hidden; position: relative; }
.team-item-image::after { content: ''; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1) }
.team-item-image:hover::after { background-color: rgba(255, 255, 255, .3) }
.team-item-image:hover .team-item-detail { opacity: 1 }
.team-item-image img { max-width: 100%; height: auto }
.team-item-detail { left: 0; opacity: 0; padding: 20px; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; width: 100%; z-index: 2; }
.team-item-title { font-size: 18px; font-weight: 500; letter-spacing: 2px; line-height: 24px; text-transform: uppercase; }
.team-item-name { font-size: 18px; font-weight: 400; text-transform: capitalize; }
.team-item-role { display: block; text-transform: capitalize; font-size: 13px; letter-spacing: 1px; color: #858899 }
.team-social-icon { }
.team-social-icon a { background: #252525 none repeat scroll 0 0; border-radius: 50%; color: #fff; display: inline-block; font-size: 16px; height: 35px; line-height: 34px; margin: 0 3px; text-align: center; width: 35px; }
.team-social-icon a:hover { background: #999 }
/* 11. breadcrumb */
.basic-breadcrumb-area { }
.basic-breadcrumb > h3 { font-size: 25px; font-weight: 600; letter-spacing: 6px; }
.breadcrumb { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-radius: 0; margin-bottom: 0; }
/* 12. contact */
.contact-person > h4 { font-size: 19px; font-weight: 500; letter-spacing: 2px; margin-bottom: 15px; }
#map { height: 420px; width: 100% }
.input-lg { border-color: #ddd; border-radius: 0; box-shadow: none; font-size: 14px; height: 47px; }
/* 13. about */
.about-text > h5 { font-size: 22px; font-weight: 500; letter-spacing: 3px; margin-bottom: 25px; }
.about-text > p { line-height: 26px; margin-bottom: 25px; }
.signature > img { margin-left: -12px; }
.counter-box { float: left; padding: 0 20px; position: relative; text-align: center; width: 25%; }
.counter-icon span { color: #fff; font-size: 30px; }
.counter-text h3 { color: #fff; font-size: 34px; font-weight: 300; margin: 15px 0; }
.counter-text > h4 { color: #fff; font-size: 16px; font-weight: 500; letter-spacing: 3px; margin-bottom: 0; }
.owl-carousel .owl-item .basic-clients img { width: inherit; }
.progress-title { font-size: 15px; font-weight: 500; letter-spacing: 1px; margin: 0 0 10px; padding: 0; text-align: left; text-transform: uppercase; }
.progress { background-color: #f5f5f5; border-radius: 0; box-shadow: none; height: 2px; margin-bottom: 20px; overflow: visible; }
.progress-bar { background-color: #444; border-radius: 0; box-shadow: none; color: #333333; position: relative; }
.video-area { position: relative; }
.video-area:before { background: #000 none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0.5; position: absolute; top: 0; width: 100%; }
.video-icon-view.text-center { margin: 60px 0; text-align: center; }
.play-btn { animation: 1.2s cubic-bezier(0.8, 0, 0, 1) 0s normal none infinite running pulse; background-color: transparent; border: 2px solid #000000; border-radius: 50%; box-shadow: 0 0 0 0 rgba(194, 244, 246, 0.7); color: #000000; display: inline-block; font-size: 18px; height: 75px; line-height: 72px; margin: 0 20px; padding: 0 0 0 5px; position: relative; text-align: center; width: 75px; border-color: #ffffff; color: #ffffff; }
@-webkit-keyframes pulse {  to {
 box-shadow: 0 0 0 45px rgba(194, 244, 246, 0);
}
}
 @keyframes pulse {  to {
 box-shadow: 0 0 0 45px rgba(194, 244, 246, 0);
}
}
/* scrollUp */
a#scrollUp { background: #444 none repeat scroll 0 0; bottom: 50px; color: #fff; height: 40px; line-height: 40px; position: absolute; right: 50px; text-align: center; width: 40px; }
/*------------------------------------------------------------------
[17.Preloader]
*/

.page-loader { background: #fff; position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 9998; }
.loader { background: #666; position: absolute; display: inline-block; height: 40px; width: 40px; left: 50%; top: 50%; margin: -20px 0 0 -20px; text-indent: -9999em; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: ball-scale 1s 0s ease-in-out infinite; animation: ball-scale 1s 0s ease-in-out infinite; }
 @-webkit-keyframes ball-scale {  0% {
 -webkit-transform: scale(0);
 -moz-transform: scale(0);
 -ms-transform: scale(0);
 -o-transform: scale(0);
 transform: scale(0);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -ms-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
}
}
 @keyframes ball-scale {  0% {
 -webkit-transform: scale(0);
 -moz-transform: scale(0);
 -ms-transform: scale(0);
 -o-transform: scale(0);
 transform: scale(0);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -ms-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
}
}
/* css end here */



.portfolio-full .portfolio-item { width: 25%; }
.bg-black-opacity { position: relative; }
.bg-black-opacity:before { background: #000 none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0.5; position: absolute; top: 0; width: 100%; }