@charset "utf-8";

/* ----------------------------------

Name: style.css
Version: 2.3

-------------------------------------

Table of contents
        
    01. Google font
    02. Reset
    03. Typography
    04. Background color
    05. Custom
    06. Button
    07. Border
    08. Aside style
    09. Video
    10. Background image
    11. Icon
    12. Magnific popup
    13. Header
    14. Page title
    15. Swiper carousel
    16. Slider and parallax typography
    17. Portfolio
    18. Elements
    19. Blog
    20. Footer
    21. Home page
    22. Others

*/

/* ===================================
    Google font
====================================== */

@import url('https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900');

/* ===================================
    Reset
====================================== */
html { font-size: 15px; }
body{ font-family: 'Roboto', sans-serif; -webkit-font-smoothing: antialiased;  font-smoothing: antialiased; font-size:14px; color:#6f6f6f; font-weight: 400;line-height: 24px;}
body, html { height: 100%; -moz-osx-font-smoothing: grayscale;}
a, a:active, a:focus { color: #6f6f6f; text-decoration: none; }
a:hover, a:active{color: #1E8E3E; text-decoration: none;}
a:focus, a:active, button:focus, button:active, .btn:active:focus, .btn:focus {outline: none; box-shadow: none; }
img {max-width:100%; height:auto; }
input, textarea{ border: 1px solid #d1d1d1; font-size: 14px;  padding: 8px 15px; width: 100%; margin: 0 0 20px 0; max-width: 100%; resize: none; color: inherit;}
input[type="submit"] { width: auto}
input[type="button"], input[type="text"], input[type="email"], textarea, input[type="submit"] { -webkit-appearance: none; outline: none; }
input:focus, textarea:focus{ border-color: #585858 !important; outline: none; }
input[type="button"]:focus, input:focus, textarea:focus, .btn:focus{ outline: none; box-shadow: none; }
p {margin: 0 0 25px}
 strong { font-weight: 600;}
.last-paragraph-no-margin p:last-of-type {margin-bottom:0}
.alt-font strong {font-weight: 700 }
ul {list-style-position: outside; margin-bottom: 25px}
*{transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s;}
*:hover{transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; }
::selection { color: #000; background:#dbdbdb; }
::-moz-selection { color:#000; background:#dbdbdb; }
::-webkit-input-placeholder { color: #6f6f6f; text-overflow: ellipsis;}
::-moz-placeholder { color: #6f6f6f; text-overflow: ellipsis; opacity:1;}

/* ===================================
    Typography
====================================== */

/* font family */
.alt-font {font-family: 'Montserrat', sans-serif; font-weight: 500}

/* heading */
 h2, h3, h4, h5, h6 {margin:0 0 25px; padding:0; letter-spacing: 0; font-weight: 400;}
h2 {font-size:55px; line-height:60px}
h3 {font-size:38px; line-height:44px}
h4 {font-size:40px; line-height:46px}
h5 {font-size:32px; line-height:40px}
h6 {font-size:25px; line-height:30px}

/* text size */
.text-extra-small {font-size:11px; line-height:14px}
.text-small {font-size:12px; line-height:20px}
.text-medium {font-size:16px; line-height:23px}
.text-large {font-size:18px; line-height:26px}

/* text color */
.text-white-2, .btn.text-white-2 {color:#FFF}
.text-extra-dark-gray, .btn.text-extra-dark-gray {color:#232323}
.text-medium-gray, .btn.text-medium-gray {color:#939393}
.text-light-gray, .btn.text-light-gray {color:#d6d5d5}
.text-deep-pink, .btn.text-deep-pink {color:#1E8E3E}

/* dropcap */

/* blockquote */

/* text link hover color */

/* hover color */
a.text-deep-pink-hover:hover, a.text-deep-pink-hover:focus {color:#1E8E3E !important;}

/* letter spacing */
.no-letter-spacing {letter-spacing:0px}
.letter-spacing-minus-3 {letter-spacing:-3px}

/* font weight */
.font-weight-300 {font-weight:300}
.font-weight-600 {font-weight:600}
.font-weight-700 {font-weight:700}

/* text property */

/* line height */
.line-height-10 {line-height:10px}
.line-height-26 {line-height:26px}

/* ===================================
    Background color
====================================== */

 .background-transparent {background-color: transparent;}
.bg-white {background-color:#fff;}
.bg-black {background-color:#000;}
.bg-extra-dark-gray {background-color:#1c1c1c;}
.bg-light-gray {background-color:#f7f7f7}
.bg-deep-pink {background-color:#1E8E3E;}

/* ===================================
    Custom
====================================== */
section {padding: 130px 0; overflow: hidden;}

/* input */
.input-border-bottom {background: transparent; border: 0; border-bottom: 1px solid #484848; padding: 10px 0; margin-bottom: 30px; font-size: 14px; border-radius: 0; }
.input-border-bottom:focus{background: transparent; border: 0; border-bottom: 1px solid #929292; }
.input-border-bottom::-webkit-input-placeholder {font-weight: 300; font-size: 14px; }
.input-border-bottom::-moz-placeholder {font-weight: 300; font-size: 14px;} 
.input-border-bottom:-ms-input-placeholder { font-weight: 300; font-size: 14px;}
#success-contact-form-2 { clear: both; margin: 0 15px 15px; text-align: center; border: 1px solid #1a940a; color: #1a940a;  padding: 2px 0; display: none; font-size: 11px}


/* separator */
.separator-line-horrizontal-medium-light2 {width:40%; height: 1px;}

/* divider */

/* opacity */
.opacity-extra-medium {position: absolute; height: 100%; width: 100%; opacity: 0.5; top:0; left: 0;}

/* box-shadow */

/* z-index */
.z-index-1 {z-index:1;}

/* verticle align */
.no-transition *, .parallax { transition-timing-function: none; -moz-transition-timing-function: none; -webkit-transition-timing-function: none; -o-transition-timing-function: none; -ms-transition-timing-function: none; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; -ms-transition-duration: 0s; }

/* ===================================
    Button
====================================== */

.btn {display:inline-block; border:2px solid transparent; color: inherit; letter-spacing: .5px; line-height: inherit; border-radius: 0; text-transform: uppercase; width: auto; font-family: 'Montserrat', sans-serif; font-weight: 600; transition-duration: 0.3s; transition-timing-function: ease-in-out; white-space: nowrap;}

/* button size */
.btn.btn-small {font-size:11px; padding: 4px 24px;}
.btn.btn-medium {font-size:12px; padding: 6px 25px 5px;}
.btn i {margin-left: 6px; vertical-align: middle; position: relative; top:-1px}

/* button background */
.btn.btn-deep-pink {background: #1E8E3E; border-color: #1E8E3E; color: #ffffff}
.btn.btn-deep-pink:hover, .btn.btn-deep-pink:focus {background: transparent; border-color: #1E8E3E; color: #1E8E3E}
/* button transparent */

/* button rounded */

/* image button */

/* dropdown style 1 */

/* button link */
.btn.btn-link { padding: 7px 0 0; position: relative; text-decoration: none; border: 0; border-bottom: 1px solid; background-color: transparent; letter-spacing: normal; line-height: 18px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }


/* ===================================
    Border
====================================== */

/* boder width */

/* boder align */
.border-top {border-top: 1px solid;}
.border-bottom {border-bottom: 1px solid;}

/* border color */
.border-color-extra-light-gray {border-color:#ededed !important;}
.border-color-light-gray {border-color:#f5f5f5 !important;}

/* boder style */
.border-none {border-style: none !important;}

/* border for overline icon box */

/* border color for overline icon box */

/* transparent border */

/* border radius */
.border-radius-10 {border-radius:10px}

/* ===================================
    Aside style
====================================== */

/* ===================================
    Video
====================================== */

/* ===================================
    Background image
====================================== */

.parallax {position: relative; background-size: cover; overflow: hidden; background-attachment: fixed  }
.cover-background {position: relative !important; background-size: cover !important; overflow: hidden !important; background-position: center !important; background-repeat: no-repeat !important;}

/*==============================
    Margin
================================*/

/* margin top */
.margin-15px-top {margin-top:15px}
.margin-30px-top {margin-top:30px}
.margin-40px-top {margin-top:40px}

/* margin bottom */
.margin-two-bottom {margin-bottom:2%}
.margin-three-bottom {margin-bottom:3%}
.margin-eight-bottom {margin-bottom:8%}
.margin-5px-bottom {margin-bottom:5px}
.margin-10px-bottom {margin-bottom:10px}
.margin-15px-bottom {margin-bottom:15px}
.margin-20px-bottom {margin-bottom:20px}
.margin-25px-bottom {margin-bottom:25px}
.margin-30px-bottom {margin-bottom:30px}
.margin-55px-bottom {margin-bottom:55px}

/* margin right */

/* margin left */

/* margin left and right */

/* margin top and bottom */

/*===============================
    Padding
=================================*/

.no-padding {padding:0 !important}
.padding-fifteen-all {padding:15%;}
.padding-eighteen-all {padding:18%;}
.padding-45px-all {padding:45px;}

/* padding top */

/* padding bottom */

/* padding right */

/* padding left */

/* padding top and bottom */
.padding-five-tb {padding-top:5%; padding-bottom:5%;}
.padding-six-half-tb {padding-top:6.5%; padding-bottom:6.5%;}
.padding-50px-tb {padding-top:50px; padding-bottom:50px;}

/* padding left and right */
.padding-two-lr {padding-left:2%; padding-right:2%;}
.padding-six-lr {padding-left:6%; padding-right:6%;}
.padding-seven-lr {padding-left:7%; padding-right:7%;}
.padding-eighteen-lr {padding-left:18%; padding-right:18%;}

/*==============================
    Display and float
================================*/

/*float*/
.float-right{float: right !important}

/*============================== 
    Position
================================*/
.position-relative {position:relative !important;}

/* top */

/* bottom */

/* left */

/* right */

/*================================
    Width
================================*/
.width-30 {width:30%;}
.width-70 {width:70%;}
.width-90 {width:90%;}
.width-95 {width:95%;}
.width-100 {width:100%;}


/*================================ 
    Height
================================*/

/* min-height */

/* screen height  */
.small-screen {height:400px;}

/* equalize inner match height */

/* ===================================
    Icon
====================================== */

/* icon size */
.icon-small {font-size: 24px}
.icon-medium {font-size: 35px}

/* social media icon */

/* social media icon style */

/* social icon style */

/* social icon style */

/* social icon style */

/* icon like counter */

/* icon hover effect style 1 */

/* icon hover effect style 2 */

/* icon hover effect style 3 */

/* icon hover effect style 4 */

/* icon hover effect style 5 */ 

/* icon hover effect style- 5 light*/ 

/* icon hover effect style 6 */

/* icon hover effect style 7 */

/* icon hover effect style 8 */

/* icon hover effect style 9 */

/* social icon style */

/* icon hover effect style 10 light */

/* social icon style */

/* country flag icon */

/* ===================================
    Magnific popup
====================================== */

/* metro-gallery */

/* justify-gallery */

@-webkit-keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;}}
@-moz-keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;}}
@-o-keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;}}
@keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;}}

/* start state */

/* animate in */

/* animate out */

/* dark overlay, start state */


/* animate out */

/* fade move animation for second dialog */

/* animate in */

/* animate out */

/* dark overlay, start state */


/* animate out */

/* simple fade transition */

/* grid */

/* message box */

/* ===================================
    Header
====================================== */

/* header icon */ /* top: -1px; */ /* top: -1px; */ /* top: -1px; */
.navbar-toggler .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; }
.navbar-toggler .icon-bar+.icon-bar { margin-top: 4px; }

/* menu center */
.navbar-collapse {padding-left: 0; padding-right: 0; min-height: 0px;}

/* menu center logo */

/*default pionter cursor*/
header nav.navbar a:not([href]):not([tabindex]):focus, header nav.navbar a:not([href]):not([tabindex]):hover { cursor: pointer; }

/* header navigation color and logo */
header nav.navbar .navbar-nav > li > a, nav.navbar.bootsnav ul.nav > li > a{color: #232323; cursor: pointer;}
header nav.navbar.white-link .navbar-nav > li > a, nav.navbar.bootsnav.white-link ul.nav > li > a,
header nav.navbar.bootsnav ul.nav.white-link > li > a {color: #fff}

header .logo .logo-dark, header .logo .logo-light {visibility: hidden; opacity: 0; width: 0; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
header .logo .logo-dark.default, header .logo .logo-light.default {visibility: visible; opacity: 1; width: auto; transition-duration:0.5s;  -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
header a.logo {display: inline-block; vertical-align: middle;}
header a.logo img {max-height:26px;}

/* header animation */

/* navigation */
 header nav.navbar .navbar-nav > li > a:hover, nav.navbar.bootsnav ul.nav > li > a:hover {color: rgba(0,0,0,0.6)}
header nav.navbar.white-link .navbar-nav > li > a:hover, nav.navbar.bootsnav.white-link ul.nav > li > a:hover, header nav.navbar.bootsnav ul.nav.white-link > li > a:hover { color: rgba(255,255,255,0.6)}
.navbar-nav>li>a { line-height: 20px; }

header {width: 100%; z-index: 99;}
/*.header-with-topbar.fixed-topbar nav.navbar.bootsnav.navbar-fixed-top, .sticky.header-with-topbar.fixed-topbar nav.navbar.bootsnav.navbar-fixed-top, .sticky.header-with-topbar.header-appear.fixed-topbar nav.navbar.bootsnav.navbar-top {top: 36px;}*/

.navbar-fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; }
header nav .row { height: auto; padding: 0;}
/*header nav .row > div:first-child { flex: 1 1 auto;}*/
header nav.navbar {border-radius: 0; padding: 0; }
header nav.navbar-default, nav.navbar.bootsnav {border-bottom: 0;}
header nav {width: 100%; top: 0px; z-index: 99; margin-bottom: 0; }
header nav .nav-header-container {display: table-cell; vertical-align: middle; position: relative;}
header nav .navbar-nav > li > a {color: #232323; font-size: 12px; font-weight: 800; margin:0 20px; padding: 5px 0px 5px; text-transform: uppercase; letter-spacing: 0.015em;}
header nav .navbar-nav > li > a:hover, header nav .navbar-nav > li > a:focus {background: transparent;}
header nav .navbar-nav > li:last-child a { margin-right: 0;}
 .navbar-fixed-top {z-index: 9999}
header nav.navbar-default .navbar-nav > li > a:hover, header nav.navbar-default .navbar-nav > li > a:focus {border-bottom-color: #232323}
.navbar-nav > li { position: inherit;}
.navbar-nav > li ul { margin: 0; padding: 0;}
.navbar-toggler {border-radius: 0; margin-right: 0;float: right; border: none; }

/* mega menu */
nav .accordion-menu { position: initial;}

/* header center logo */
header nav .justify-content-center .navbar-nav > li:last-child a {margin-right: 20px;}

/* top logo */

/* center navigation */

/* simple dropdown menu */

/* light transparent navigation */

/* dark transparent navigation */

/* light navigation */

/* dark navigation */

/* collepsed menu icon */
.navbar-default .navbar-toggler .icon-bar {background: #232323; }
.navbar-default.white-link .navbar-toggler .icon-bar {background: #fff; }

/* hamburger menu */

/* header style two */

/* full width light transparent navigation */

/* full width navigation style 1 */

/* full width navigation style 2 */

/* full navigation */

/* container fluid navigation padding */
header nav.nav-box-width {padding: 0 50px;}

/* hamburger menu right side */

/* dropdown menu */
nav.navbar.navbar-default ul.nav > li > a {padding:26px 0; background: transparent; border-color: transparent; font-weight: 600; display: block;}

/* navigation left sidebar */

/* pull left sidebar */

/* custome scrollbar */

/* sidebar navigation */

/* sidebar navigation style 1 */
/*.sidebar-nav-style-1 .dropdown ul.second-level li ul { display: none; opacity: 0}*/

/* sidebar navigation style 2 */
.navbar-collapse {-webkit-overflow-scrolling:auto; -moz--webkit-overflow-scrolling:auto; -ms--webkit-overflow-scrolling:auto; -o--webkit-overflow-scrolling:auto;}

/* navigation widget */

/* new-menu page */

/* ===================================
    Page title
====================================== */

/* page title font size */

/* breadcrumb */

/* ===================================
    Swiper carousel
====================================== */

/* swiper bottom scrollbar full */

/* swiper vertical pagination */

/* swiper auto width */

/* swiper auto width */

/* arrow pagination black and white */

/* blog swiper */

/* long arrow */

/* small arrow */

/* next prev button style 2 */

/* portfolio next prev button */

/* next prev button style 3 */

/* next prev button style 4 */

/* next prev button style 5 */

/* dot pagination white */

/* square pagination */

/* square pagination */

/* number pagination */

/* revolution slider bullet */

/* slider height */

/* cursor */

/* ===================================
    Slider and parallax typography
====================================== */

/* ===================================
    Portfolio
====================================== */

/* gutter type */

/* portfolio 6 column */

/* portfolio 5 column */

/* portfolio 4 column */

/* portfolio 3 column */

/* portfolio 2 column */

/* portfolio 1 column */


/* portfolio grid */

/* blog grid */

/* justified gallery */

/* portfolio hover style */

/* hover option 1 */

/* hover option 2 */

/* hover option 3 */

/* hover option 4 */

/* hover option 5 */

/* hover option 6 */

/* hover option 7 */

/* hover option 8 */

/* hover option 10 */

/* hover option 11 */

/* portfolio filter tab style 1 */

/* portfolio filter tab style 2 */

/* blog and portfolio next pagination */

/* ===================================
    Elements
====================================== */

/* double quotes */

/* search box */

/* search box style 2 */

/* search form */

/* list style 1 */

/* list style 2 */

/* list style 3 */

/* list style 4 */

/* list style 5 */

/* list style 6 */

/* list style 7 */

/* list style 8 */

/* list style 9 */

/* list style 10 */

/* list style 11 */

/* list style 12 */

/* image hover style 1 */

/* image hover style 3 */
.image-hover-style-3:hover .cover-background {filter: contrast(130%); -webkit-filter:contrast(130%); -moz-filter: contrast(130%); -ms-filter: contrast(130%); -o-filter: contrast(130%); filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -ms-filter: grayscale(1); -o-filter: grayscale(1);}

/* info banner style 1 */

/* info banner style 2 */

/* info banner style 3 */

/* pricing box */

/* feature box style 1 */

/* feature box style 4 */

/* feature box style 5 */

/* feature box style 6 */

/* feature box style 7 */

/* feature box style 8 */

/* feature box style 9 */

/* feature box style 10 */

/* feature box style 11 */

/* feature box style 12 */

/* feature box style 13 */

/* feature box style 14 */
.feature-box-14 > div { border-right: 1px solid #ededed; border-bottom: 1px solid #ededed}
.feature-box-14 > div:last-child { border-right: 0;}

/* feature box style 15 */

/* feature box style 16 */

/* feature box style 17 */

/* feature box style 18 */

/* info banner box style 2 */

/* counter box style 1 */

/* counter box style 3 */

/* counter box style 4 */

/* counter box style 5 */

/* skillbar bar style 1  */

/* skillbar bar style 2  */

/* skillbar bar style 3  */

/* piechart style 1 */

/* piechart style 2 */

/* piechart style 3 */

/*bootstrap panel style 3.7*/
.panel { border: 1px solid transparent; }
.panel .panel-heading { display: block; }
.panel-group { margin-bottom: 20px;}
 .panel-group .panel-heading+.panel-collapse>.panel-body { border-top: 1px solid #ddd; }

/* team style 1 */

/* team style 2 */

/* accordion style */
.panel-title { font-size: 16px;}

/* accordion style1 */

/* accordion style 2 */
.accordion-style2 .panel {background: transparent; border: none; margin-bottom: 15px; box-shadow: none;}
.accordion-style2 .panel-title {background: transparent; border: none }
.accordion-style2 .panel .panel-heading { background: #fff; border-radius:0; padding:18px 28px 19px }
.accordion-style2 .panel-body{padding: 35px 28px 25px; border-top: 1px solid #ddd; }
.accordion-style2 .panel-heading i { font-size: 25px; margin: 0;}
.accordion-style2 .panel-title {padding: 0;}
.accordion-style2 .tab-tag { font-size: 20px; padding: 0; margin-right: 7px; display: inline-block; vertical-align: top; }
.accordion-style2 a, .accordion-style2 a:hover, .accordion-style2 a:hover i { color: #282828;}
.accordion-style2 .panel-default:last-child {border-bottom: 1px solid rgba(0, 0, 0, 0); margin-bottom: 0;}
.accordion-style2 { margin-bottom: 0;}

/* accordion style 3 */
 .accordion-style2 a:hover { color: #fff;}

/* toggles */

/* tab */

/* tab style 1 */

/* tab style 2 */

/* tab style 3 */

/* tab style 4 */
/*.tab-style4 .nav-tabs li.active{z-index: 1;}*/

/* tab style 5 */

/* testimonial style 2 */

/* testimonial style 3 */

/* testimonial-box */

/* ===================================
   Blog
====================================== */

/* blog post style 1 */

/* blog post style 2 */

/* blog post style 3 */

/* blog post style 4 */

/* blog post style 5 */

/* blog post style 6 */

/* blog post style 7 */

/* pagination */

/* blog details page */
/* author */

/* list style 6 */

/* ===================================
    Footer
====================================== */

/* scroll to top */
.scroll-top-arrow, .scroll-top-arrow:focus { color: #fff; background: #878787; line-height: 28px; display: none; height: 30px; width: 30px; padding: 0; position: fixed; right: 45px; text-align: center; text-decoration: none; top: 91%; z-index: 10006; border-radius: 100%;}
.scroll-top-arrow:hover {background: #000; opacity: .8; color: #fff; border-color: #1E8E3E}
.scroll-top-arrow i {line-height: 30px;  position: relative;}
.footer-logo {max-height: 28px;}

/* footer input */
footer input::-webkit-input-placeholder { color: #6f6f6f; text-overflow: ellipsis; font-size: 11px; font-weight: 400; opacity:1;}
footer input::-moz-placeholder { color: #6f6f6f; text-overflow: ellipsis; font-size: 11px; font-weight: 400; opacity:1;} 
footer input:-ms-input-placeholder { color: #6f6f6f; text-overflow: ellipsis; font-size: 11px; font-weight: 400; opacity:1;}

/* latest post */ 

/* newsletter */


/* instagram feed */

/*instagram feed style 1*/

/* ===================================
   Home page
====================================== */

/* home - creative branding agency */

/* home - creative business */

[class^="ti-"], [class*=" ti-"] { display: inline-block; }

/* home - creative simple portfolio */

/* home - classic digital agency */

/* play icon */

/* home - creative studio */

/* home - portfolio personal */

/* home - creative small business */

/* home - blog masonry */

/* home - blog clean */

/* home - classic innovation agency */

/* home - creative designer */

/* home - classic web agency */

/* home - classic corporate */

/* home - portfolio metro */

/* home - portfolio  parallax */

/* home - blog grid */

/* ===================================
   Others
====================================== */

/* services modern */
.arrow-bottom{position: relative;}
.arrow-bottom:after {top: 100%;	left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(245, 245, 245, 0); border-top-color: #f5f5f5; border-width: 15px; margin-left: -15px; z-index: 9;}
.arrow-top{position: relative;}
.arrow-top:after{top: -29px; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(245, 245, 245, 0); border-bottom-color: #f5f5f5; border-width: 15px; margin-left: -15px; z-index: 9;}

/* our clients */

/* sidebar nav style 2 */
.tparrows:before { font-family: "Font Awesome 5 Free"; font-weight: 700; }
.tparrows.tp-leftarrow:before	{content: '\f060'; }
.tparrows.tp-rightarrow:before	{content: '\f061'; }

/* rev slider */
.rev_slider_wrapper { height: 980px;}

/* animation */ 
@-webkit-keyframes up-down-animation {0%   {opacity:1;  top:0px;} 25%  {opacity:.4;   top:2px;} 50%  {opacity:.3;  top:4px;} 75%  {opacity:.2;  top:5px;} 100% {opacity:0;  top:9px;} }
@keyframes up-down-animation {0%   {opacity:1;  top:0px;} 25%  {opacity:.4;   top:4px;} 50%  {opacity:.3;  top:8px;} 75%  {opacity:.2;  top:12px;} 100% {opacity:0;  top:16px;} }


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    nav .accordion-menu { position: static; }

}

/* ===================================
   demo page css
====================================== */