@charset "utf-8";





li { 

   

padding: 0.5em 1em;

}



iframe {

margin: 0;

padding: 0;

border: none;

height: 220px;

 } 

 

 

 

 @import url('http://fonts.googleapis.com/earlyaccess/opensanshebrew.css');



@import url(https://fonts.googleapis.com/earlyaccess/opensanshebrew.css);

@import url(https://fonts.googleapis.com/earlyaccess/opensanshebrewcondensed.css);







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



Name: style.css

Version: 1.0



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



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

====================================== */



body{

	font-family:  'Open Sans Hebrew',sans-serif;

	-webkit-font-smoothing: antialiased;

	font-smoothing: antialiased;

	font-size:14px;

	color:#6f6f6f;

	font-weight: 400;

	line-height: 24px;

	text-align: right;

	direction: rtl;

}

body, html { height: 100%; -moz-osx-font-smoothing: grayscale;

text-align: right;

	direction: rtl;}

a, a:active, a:focus {

	color: #F00;

	text-decoration: none;

}

a, a:active, a:focus { color: #6f6f6f; text-decoration: none; }

a:hover, a:active{color: #ff214f; text-decoration: none;}

a:focus, a:active, button:focus, button:active, .btn:active:focus, .btn:focus {outline: none;}

img {max-width:100%; height:auto; }

video { background-size: cover; display: table-cell; vertical-align: middle; width: 100%; }

iframe { border: 0;}

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;} 

:-ms-input-placeholder { color: #6f6f6f; text-overflow: ellipsis; opacity:1;}



/* ===================================

    Typography

====================================== */



/* font family */

.alt-font {font-family: 'Open Sans Hebrew',sans-serif; font-weight: 500}



/* heading */

h2, h5, h6 {margin:0 0 25px; padding:0; letter-spacing: 0; font-weight: 400;}

h2 {font-size:55px; line-height:60px}

h5 {

	font-size:32px;

	margin-top: 25px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 0px;

	color: #000;

}

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 {color:#FFF}

.text-black {color:#000}

.text-extra-dark-gray {color:#232323}

.text-medium-gray {color:#939393}



/* dropcap */



/* blockquote */

blockquote {padding: 20px 30px}

blockquote  p {font-size: 18px; line-height: 30px; margin-bottom: 17px !important; font-weight: 300 }

blockquote {

	padding: 15px 40px;

	margin:  0 45px;

	border-right-width: 3px;

	border-top-style: none;

	border-right-style: solid;

	border-bottom-style: none;

	border-left-style: none;

	border-right-color: #ff214f; !important;

}

blockquote footer {color: #939393;}

.blog-image blockquote {padding: 60px; border: 0; margin: 0;}

.blog-image blockquote h6:before {content:"\e67f"; font-family:'Open Sans Hebrew',sans-serif; font-size: 40px; top:5px; position: relative; margin-right: 12px; color: #ff214f}





/* text link hover color */



/* hover color */



/* letter spacing */

.no-letter-spacing {letter-spacing:0px}



/* font weight */

.font-weight-600 {font-weight:600}

.font-weight-700 {font-weight:700}

.font-weight-800 {font-weight:800}



/* text property */



/* line height */

.line-height-26 {line-height:26px}



/* ===================================

    Background color

====================================== */



.bg-transparent {background-color: transparent;}

.bg-black {background-color:#000;}

.bg-light-gray {background-color:#f7f7f7}

.bg-deep-pink {background-color:#ff214f;}



/* ===================================

    Custom

====================================== */



.center-col {float:none; margin-left:auto; margin-right:auto }

section {padding: 130px 0; overflow: hidden;}



/* input */





/* separator */

.separator-line-verticle-large {width:1px; height:20px;}

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



/* divider */



/* opacity */

.opacity-medium {position: absolute; height: 100%; width: 100%; opacity: 0.75; top:0; left: 0;}



/* box-shadow */



/* z-index */



/* verticle align */

.vertical-align-middle {vertical-align: middle;}

.vertical-align-top {vertical-align: top;}

.parallax, .header-social-icon * { 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; }



.no-transition *, .swiper-container *, .mfp-container *, .skillbar-bar-main *, .portfolio-grid *, .parallax, .rev-slider *, .header-searchbar *, .header-social-icon * { 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; letter-spacing: .5px; line-height: inherit; border-radius: 0; text-transform: uppercase; width: auto; font-family: 'Open Sans Hebrew',sans-serif; font-weight: 600; transition-duration: 0.3s; transition-timing-function: ease-in-out}



/* button size */

.btn.btn-small {font-size:11px; padding: 4px 24px;}

.btn-dual .btn {margin: 0 10px; }



/* button background */



/* button transparent */

.btn.btn-transparent-white {background: transparent; border-color: #ffffff; color: #ffffff}

.btn.btn-transparent-white:hover, .btn.btn-transparent-white:focus {background: #ffffff; border-color: #ffffff; color: #232323}



/* button rounded */



/* image button */



/* dropdown style 1 */

.dropdown-style-1 .btn {color: #fff; font-size: 13px; padding: 0; margin: 0; background: transparent; border: none; font-weight:normal}

.dropdown-style-1 .btn:hover, .custom-dropdown btn:focus {color: #ff214f;}

.dropdown-style-1 .dropdown-menu {margin-top: 2px; min-width: 160px; border-radius:0; border: none; z-index: 444; right: 0; left:auto;}

.dropdown-style-1 .dropdown-menu > li > a {padding: 6px 15px; font-size: 13px}

.dropdown-style-1 .dropdown-menu > li > a:hover,.dropdown-style-1 .dropdown-menu > li > a:focus {background: #ededed}



/* ===================================

    Border

====================================== */



/* boder width */



/* boder align */

.border-top {border-top: 1px solid;}



/* border color */

.border-color-extra-light-gray {border-color:#ededed}



/* boder style */



/* border for overline icon box */



/* border color for overline icon box */



/* transparent border */



/* border radius */



/* ===================================

    Aside style

====================================== */

.right-sidebar {padding-right:45px;}



/* ===================================

    Video

====================================== */

.html-video {

position: absolute; right: 0; bottom: 0;

min-width: 100%; min-height: 100%;

width: auto; height: auto; z-index: -100;



}



/* ===================================

    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

================================*/



.no-margin {margin:0 !important}



/* margin top */

.margin-two-top {margin-top:2%}

.margin-40px-top {margin-top:40px}



/* margin bottom */

.margin-two-bottom {margin-bottom:2%}

.margin-four-bottom {margin-bottom:4%}

.margin-eight-bottom {margin-bottom:8%}

.margin-5px-bottom {margin-bottom:5px}

.margin-15px-bottom {margin-bottom:15px}

.margin-25px-bottom {margin-bottom:25px}

.margin-30px-bottom {margin-bottom:30px}



/* margin right */

.margin-ten-right {margin-right:10%}



/* margin left */



/* margin left and right */



/* margin top and bottom */



/*===============================

    Padding

=================================*/



.no-padding {padding:0 !important}

.no-padding-tb {padding-top: 0 !important; padding-bottom: 0 !important}

.no-padding-left {padding-left:0 !important}



/* padding top */

.padding-25px-top {padding-top:25px;}



/* padding bottom */



/* padding right */



/* padding left */

.padding-15px-left {padding-left:15px;}



/* padding top and bottom */

.padding-50px-tb {padding-top:50px; padding-bottom:50px;}



/* padding left and right */

.padding-two-lr {padding-left:2%; padding-right:2%;}

.padding-ten-lr {padding-left:10%; padding-right:10%;}

.padding-eighteen-lr {padding-left:18%; padding-right:18%;}



/*==============================

    Display and float

================================*/



.display-block {display:block !important}

.display-inline-block {display:inline-block !important}

.display-none {display:none !important}

.display-table {display:table !important}

.display-table-cell {display:table-cell !important}



/*float*/



/*============================== 

    Position

================================*/

.position-relative {

	position: relative !important;

	background-image: url(images/dira.jpg);

}



/* top */



/* bottom */



/* left */



/* right */



/*================================

    Width

================================*/

.width-85 {width:85%;}

.width-90 {width:90%;}

.width-95 {width:95%;}

.width-100 {width:100%;}

.width-auto {width: auto}





/*================================ 

    Height

================================*/

.height-100 {height: 100% !important}



/* min-height */



/* screen height  */

.extra-small-screen {height:300px;}

.small-screen {height:400px;}



/* equalize inner match height */



/* ===================================

    Icon

====================================== */



/* icon size */

.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

====================================== */



/* start state */



/* animate in */



/* animate out */



/* dark overlay, start state */



/* animate in */



/* animate out */



/* fade move animation for second dialog */



/* animate in */



/* animate out */



/* dark overlay, start state */



/* animate in */



/* animate out */



/* simple fade transition */



/* grid */



/* message box */



/* ===================================

    Header

====================================== */



/* header icon */

.header-searchbar {border-left: 1px solid rgba(0,0,0,.15); padding-left: 15px; display: inline-block; line-height: 15px; position: relative; top: -1px;}

.header-social-icon {font-size: medium; padding-right: 15px; margin-right: 12px; display: inline-block; line-height: 15px; position: relative; top: 1px;}

.heder-menu-button {display: inline-block; line-height: 14px; padding-left: 5px; position: relative; top: -1px;}

nav.navbar.bootsnav .heder-menu-button .navbar-toggle {float: none; padding: 0; margin-top: 0; margin-bottom: 0; top: 4px}

.white-link .header-searchbar, .white-link .header-social-icon {border-left: 1px solid rgba(255,255,255,.15);}

.header-social-icon a {color: #232323}

.header-social-icon a i, .header-searchbar a i {margin: 0 11px;}

.header-searchbar a i { position: relative; top: -1px;}

.header-social-icon a:last-child i { margin-right: 0;}

.search-icon {padding-right: 10px;}



/* menu center */

.menu-center .header-right { flex: 1 2 auto;}

.navbar-collapse {padding-left: 0; padding-right: 0;}



/* menu center logo */

.menu-logo-center .navbar-left > li {float: none; display: inline-block; vertical-align: middle;}

header nav.menu-logo-center .navbar-nav > li > a { margin: 0 20px;}

header nav.menu-logo-center .navbar-nav > li:last-child a {margin-right: 20px}



/* header navigation color and logo */

header nav.navbar .navbar-nav > li > a, nav.navbar.bootsnav ul.nav > li > a{color: #000000; font-size: medium;}

header nav.navbar.white-link .navbar-nav > li > a, nav.navbar.bootsnav.white-link ul.nav > li > a,

header nav.navbar.white-link .header-social-icon a,  nav.navbar.bootsnav.white-link .header-social-icon a,

header nav.navbar.white-link .header-searchbar a,  nav.navbar.bootsnav.white-link .header-searchbar a,

header nav.navbar.bootsnav ul.nav.white-link > li > a,  nav.navbar.white-link .heder-menu-button a {color: #fff}



header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .navbar-nav > li > a,

header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .header-searchbar a,

header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .header-social-icon a,

header.sticky nav.navbar-fixed-top.header-light.white-link .navbar-nav > li > a,

header.sticky nav.navbar-fixed-top.header-light.white-link .header-searchbar a,

header.sticky nav.navbar-fixed-top.header-light.white-link .header-social-icon a,

header.sticky nav.navbar-fixed-top.header-light.white-link .header-menu-button a,

header.sticky nav.navbar-fixed-top.header-light.white-link .header-menu-button a {color: #232323}



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.sticky nav.header-dark-transparent .logo .logo-light, header.sticky nav.header-dark .logo .logo-light {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.sticky nav.header-dark-transparent .logo .logo-dark, header.sticky nav.header-dark .logo .logo-dark {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.sticky nav.header-light-transparent .logo .logo-dark, header.sticky nav.header-light .logo .logo-dark {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.sticky nav.header-light-transparent .logo .logo-light, header.sticky nav.header-light .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;}



.nav-top-scroll {position: absolute; top: 0; z-index: 5;}

header.sticky nav.nav-top-scroll {background-color: inherit;}

header a.logo {display: inline-block; vertical-align: middle;}

header a.logo img {max-height:56px; margin: 10px;}

header .left-nav .sidebar-part1 a.logo img {max-height:inherit;}

.logo-holder img {max-height: 56px; margin: 10px;}



/* header animation */

.navbar-top { position: fixed;top: 0; left: 0; right: 0; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; }

.sticky .navbar-top {top: -160px; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; }

.sticky.header-appear .navbar-top.navbar-transparent-no-sticky, .sticky.header-appear .navbar-fixed-top.navbar-transparent-no-sticky {top: -160px; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; }

.sticky.header-appear .navbar-top {top: 0; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; }



header .bootsnav .dropdown .animated {-webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; -ms-animation-duration: 0.3s; -o-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; }

nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li.dropdown > ul:before {position: absolute; height: calc(100% + 20px); width: 100%; display: block;content: ""; }



header.sticky .navbar-scroll-fixed-top {position: fixed; top: 0; width: 100%; left: 0; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s;}

header.sticky .navbar-scroll-top {position: fixed; top: -120px; width: 100%; left: 0; transition-duration: 0s; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s;}

header.sticky.header-appear .navbar-scroll-top {top: 0; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s;}



/* navigation */

header.header-appear nav.bootsnav.header-light-transparent .navbar-nav > li > a:hover, header.header-appear nav.bootsnav.header-light .navbar-nav > li > a:hover, header.header-appear nav.header-light-transparent .header-social-icon a:hover, header.header-appear nav.header-light .header-social-icon a:hover, header.header-appear nav.header-light.white-link .header-social-icon a:hover, header.header-appear nav.header-light-transparent.white-link .header-social-icon a:hover, header.header-appear nav.header-light-transparent.white-link .heder-menu-button a:hover, header.header-appear nav.header-light-transparent .header-searchbar a:hover, header.header-appear nav.header-light .header-searchbar a:hover, header.header-appear nav.header-light.white-link .header-searchbar a:hover, header.header-appear nav.header-light-transparent.white-link .header-searchbar a:hover, header nav.navbar .navbar-nav > li > a:hover, nav.navbar.bootsnav ul.nav > li > a:hover, .header-search-form:hover, .header-social-icon 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.white-link .header-social-icon a:hover, nav.navbar.bootsnav.white-link .header-social-icon a:hover, header nav.navbar.white-link .header-searchbar a:hover, nav.navbar.bootsnav.white-link .header-searchbar a:hover, header nav.navbar.bootsnav ul.nav.white-link > li > a:hover, header.header-appear nav.header-dark-transparent .navbar-nav > li > a:hover, header.header-appear nav.header-dark .navbar-nav > li > a:hover, header.sticky nav.header-dark .navbar-nav > li > a:hover, header.sticky nav.header-dark-transparent .navbar-nav > li > a:hover, header.header-appear nav.header-dark-transparent .search-button:hover, header.header-appear nav.header-dark .search-button:hover, header.sticky nav.header-dark .search-button:hover, header.sticky nav.header-dark-transparent .search-button:hover { color: rgba(255,255,255,0.6)}

header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .navbar-nav > li > a:hover, header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .header-searchbar a:hover, header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .header-social-icon a:hover, header.sticky nav.navbar-fixed-top.header-light.white-link .navbar-nav > li > a:hover, header.sticky nav.navbar-fixed-top.header-light.white-link .header-searchbar a:hover, header.sticky nav.navbar-fixed-top.header-light.white-link .header-social-icon a:hover, header.sticky nav.navbar-fixed-top.header-light.white-link .header-menu-button a:hover, header.sticky nav.navbar-fixed-top.header-light.white-link .header-menu-button a:hover {color: rgba(0,0,0,0.6)}



header.sticky nav.navbar.white-link .navbar-nav > li > a:hover, header.sticky nav.navbar.bootsnav.white-link ul.nav > li > a:hover { color: rgba(0,0,0,0.6);}

header.sticky nav.navbar.header-dark.white-link .navbar-nav > li > a:hover, header.sticky nav.navbar.bootsnav.header-dark.white-link ul.nav > li > a:hover, header.sticky nav.header-dark .header-social-icon a:hover { color: rgba(255,255,255,0.6);}



header.header-appear nav.bootsnav.header-light-transparent .navbar-nav > li.active > a, header.header-appear nav.bootsnav.header-light .navbar-nav > li.active > a, header nav.navbar .navbar-nav > li.active > a, nav.navbar.bootsnav ul.nav > li.active > a {color: rgba(0,0,0,0.6)}

header nav.navbar.white-link .navbar-nav > li.active > a, nav.navbar.bootsnav.white-link ul.nav > li.active > a, header nav.navbar.bootsnav ul.nav.white-link > li.active > a, header.header-appear nav.header-dark-transparent .navbar-nav > li.active > a, header.header-appear nav.header-dark .navbar-nav > li.active > a, header.sticky nav.header-dark .navbar-nav > li.active > a, header.sticky nav.header-dark-transparent .navbar-nav > li.active > a, header.sticky nav.navbar.bootsnav.header-dark-transparent.white-link .navbar-nav > li.active > a { color: rgba(255,255,255,0.6)}

header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .navbar-nav > li.active > a, header.sticky nav.navbar-fixed-top.header-light.white-link .navbar-nav > li.active > a {color: rgba(0,0,0,0.6)}

header.sticky nav.navbar.white-link .navbar-nav > li.active > a, header.sticky nav.navbar.bootsnav.white-link ul.nav > li.active > a { color: rgba(0,0,0,0.6);}

header.sticky nav.navbar.header-dark.white-link .navbar-nav > li.active > a, header.sticky nav.navbar.bootsnav.header-dark.white-link ul.nav > li.active > a { color: rgba(255,255,255,0.6);}



header.header-appear nav.bootsnav.header-light-transparent .navbar-nav > li > a.active, header.header-appear nav.bootsnav.header-light .navbar-nav > li > a.active, header nav.navbar .navbar-nav > li > a.active, nav.navbar.bootsnav ul.nav > li > a.active {color: rgba(0,0,0,0.6)}

header nav.navbar.white-link .navbar-nav > li > a.active, nav.navbar.bootsnav.white-link ul.nav > li > a.active, header nav.navbar.bootsnav ul.nav.white-link > li > a.active, header.header-appear nav.header-dark-transparent .navbar-nav > li > a.active, header.header-appear nav.header-dark .navbar-nav > li > a.active, header.sticky nav.header-dark .navbar-nav > li > a.active, header.sticky nav.header-dark-transparent .navbar-nav > li > a.active { color: rgba(255,255,255,0.6)}

header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .navbar-nav > li > a.active, header.sticky nav.navbar-fixed-top.header-light.white-link .navbar-nav > li > a.active {color: rgba(0,0,0,0.6)}



header.sticky nav.navbar.white-link .navbar-nav > li > a.active, header.sticky nav.navbar.bootsnav.white-link ul.nav > li > a.active { color: rgba(0,0,0,0.6);}

header.sticky nav.navbar.header-dark.white-link .navbar-nav > li > a.active, header.sticky nav.navbar.bootsnav.header-dark.white-link ul.nav > li > a.active { color: rgba(255,255,255,0.6);}



header.header-appear nav.bootsnav.header-light-transparent .navbar-nav > li.dropdown.on > a, header.header-appear nav.bootsnav.header-light .navbar-nav > li.dropdown.on > a, header nav.navbar .navbar-nav > li.dropdown.on > a, nav.navbar.bootsnav ul.nav > li.dropdown.on > a {color: rgba(0,0,0,0.6)}

header nav.navbar.white-link .navbar-nav > li.dropdown.on > a, nav.navbar.bootsnav.white-link ul.nav > li.dropdown.on > a, header nav.navbar.bootsnav ul.nav.white-link > li.dropdown.on > a, header.header-appear nav.header-dark-transparent .navbar-nav > li.dropdown.on > a, header.header-appear nav.header-dark .navbar-nav > li.dropdown.on > a, header.sticky nav.header-dark .navbar-nav > li.dropdown.on > a, header.sticky nav.header-dark-transparent .navbar-nav > li.dropdown.on > a { color: rgba(255,255,255,0.6)}

header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .navbar-nav > li.dropdown.on > a, header.sticky nav.navbar-fixed-top.header-light.white-link .navbar-nav > li.dropdown.on > a {color: rgba(0,0,0,0.6)}

header.sticky nav.navbar.white-link .navbar-nav > li.dropdown.on > a, header.sticky nav.navbar.bootsnav.white-link ul.nav > li.dropdown.on > a { color: rgba(0,0,0,0.6);}

header.sticky nav.navbar.header-dark.white-link .navbar-nav > li.dropdown.on > a, header.sticky nav.navbar.bootsnav.header-dark.white-link ul.nav > li.dropdown.on > a { color: rgba(255,255,255,0.6);}



header {width: 100%; z-index: 99;}

.header-with-topbar .top-header-area {font-size: 11px; position: fixed; top: 0; z-index: 100; width: 100%; transition: ease-in-out 0.3s; -webkit-transition: ease-in-out 0.3s; -moz-transition: ease-in-out 0.3s; -ms-transition: ease-in-out 0.3s; -o-transition: ease-in-out 0.3s;}

.sticky.header-with-topbar .top-header-area {top: -45px}

header .top-header-area .icon-social-very-small a:last-child i{margin-right: 0;}

header nav .row { align-items: center; display: -ms-flex; display: -webkit-flex; display: -moz-flex; display: flex; 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; display: table; }

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, header nav .navbar-nav > li.active > a {background: transparent;}

header nav .navbar-nav > li:last-child a { margin-right: 0;}

.navbar-fixed-bottom, .navbar-fixed-top {z-index: 9999}

header nav.navbar-default .navbar-nav > li > a:hover, header nav.navbar-default .navbar-nav > li > a:focus, header nav.navbar-default .navbar-nav > li.active > a {border-bottom-color: #232323}

header nav .navbar-nav.text-normal > li > a {font-weight: 600; font-size: 12px }

.navbar-nav > li { position: inherit;}

.navbar-nav > li.dropdown > .fa { display: none}

.navbar-nav > li ul { margin: 0; padding: 0;}

.navbar-toggle {border-radius: 0; margin-right: 0;}

.mobile-toggle {display: block}

.sidebar-nav .mobile-toggle {display: none}

.mobile-toggle span { display: block; width: 16px; height: 2px; background: #232323; content: ""; margin: 3px 0px }

.mobile-toggle:hover span, .white-link .mobile-toggle:hover span { background-color: red}

.white-link .mobile-toggle span { background: #fff;}

header nav .brand-logo { padding-top: 20px; padding-bottom: 20px;}

header.sticky nav .brand-logo {padding-top: 15px; padding-bottom: 15px;}

header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a, header.sticky nav.navbar.navbar-default.navbar-top ul.nav > li > a { padding: 20px 0 20px; }



/* mega menu */

nav .accordion-menu { position: inherit;}

nav.navbar.bootsnav li.dropdown ul li { list-style: none; padding: 0; }

nav.navbar.bootsnav li.dropdown .mega-menu-full {width: 100%; box-sizing: border-box; background: rgba(35,35,35,1); padding: 45px 50px; box-shadow: none; border-radius: 0; border: 0;}

nav.navbar.bootsnav li.dropdown .mega-menu-full ul {margin: 0; list-style: none;}

nav.navbar.bootsnav li.dropdown .menu-back-div > ul {margin: 0 auto; width: 1070px; display: table; background: rgba(35,35,35,1);}

nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li.dropdown-header { color: #fff; display: inline-block; font-size: 11px; font-weight: 600; margin-bottom: 8px; white-space: inherit; padding: 0 40px; border-bottom: none; text-transform: uppercase}

nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li a {text-align: left; font-size: 12px; color: #9d9d9d; padding:3px 40px; text-transform: capitalize; margin: 0; display: block; position: relative; overflow: hidden; left: 0}

nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li:first-child a,nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li:first-child .dropdown-header {padding-left: 0;}

nav.navbar.bootsnav li.dropdown.megamenu-fw .icon-list-menu li > a > i {font-size: 14px; vertical-align: middle; width: 24px;}

nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li { border-right: 1px solid rgba(255, 255, 255, 0.05);}

nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li:last-child {border: 0;}

nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li:last-child img { padding-left: 40px; background-size: cover; background-position: bottom right;}

nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li > ul { margin-top: 18px;}

nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li > ul:first-child { margin-top: 0;}

nav.navbar.bootsnav li.dropdown .megamenu-fw .icon-list-menu li > a > i {font-size: 14px;vertical-align: middle;width: 24px;}



nav.navbar.navbar-default ul li.dropdown .dropdown-menu .mega-menu-column li > a.menu-banner-image, nav.navbar.navbar-default ul li.dropdown .dropdown-menu .mega-menu-column li > a:hover.menu-banner-image { left: 0; padding: 0; margin-bottom: 20px }

nav.navbar.navbar-default ul li.dropdown .dropdown-menu .mega-menu-column li:last-child > a.menu-banner-image{ margin-bottom: 0;}



/* header center logo */

.nav-left, .nav-right, .nav-center {display: table-cell; vertical-align: middle; width: 33.33%}

header nav .navbar-nav.navbar-center > li:last-child a {margin-right: 20px;}

.social-icon a {margin: 0 15px;}

.social-icon a:first-child {margin-left: 0;}

.social-icon a:last-child {margin-right: 0;}



header nav.nav-center-logo .row { min-height: 0 ; height: auto}

header nav.nav-center-logo .row {display: block;}

header nav.nav-center-logo .row > div:first-child {flex: none;}

.nav-center-logo .navbar-nav > li {float: none; display: inline-block; vertical-align: middle;}

.nav-center-logo .navbar-nav > li > a {display: flex}

.nav-center-logo .navbar-left { margin-left: -15px;}

.nav-center-logo .navbar-left li:first-child a { margin-left: 0;}

nav.nav-center-logo.navbar.bootsnav li.dropdown ul.dropdown-menu,nav.bootsnav.brand-center ul.nav > li.dropdown > ul.dropdown-menu {margin-top: 0px;}

.center-logo {left: 50%; position: absolute; margin-top: -14px; top: 50%; text-align: center; transform: translateX(-50%); z-index: 1; max-width: 20%}

nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a {text-align: left }

header nav.navbar-fixed .nav-header-container {width: 100%; float: right;}



header .menu-logo-center .navbar-nav > li.social-links {padding: 26px 0;}

header.sticky .menu-logo-center .navbar-nav > li.social-links {padding: 20px 0;}



/* top logo */

.navbar.navbar-brand-top>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin-left: 0;}

.navbar-brand-top .navbar-brand { height: auto;}

nav.navbar-brand-top.navbar.navbar-default ul.nav > li > a { padding: 20px 0;}

.navbar-brand-top .navbar-collapse.collapse {display: inline-block !important; vertical-align:middle;}



/* center navigation */

.center-nav {float: none; text-align: center}

.center-nav > li {float:none; display: inline-block;}

nav.navbar.bootsnav.menu-center ul.nav.navbar-center { display: table; float: none; margin: 0 auto; table-layout: fixed; }



/* simple dropdown menu */

.simple-dropdown.dropdown {position: relative;}

.simple-dropdown .dropdown-menu {position: absolute; right: 0; background: rgba(35,35,35,1); min-width: 140px; padding: 0px; box-shadow: none;}

nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li { padding-left: 8px; padding-right: 8px; text-align: right; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFF; }

.simple-dropdown .dropdown-menu > li > a {font-size: 14px; color: #9d9d9d; }

.simple-dropdown .dropdown-menu > li a { padding: 0px overflow: hidden; position: relative; right: 0; font-weight: 500; }

.simple-dropdown .dropdown-menu > li a:hover { background-color: #fff; color: #fff;}

.simple-dropdown .dropdown-menu > li > a.dropdown-toggle .fa, nav.navbar.bootsnav.sidebar-nav .nav.navbar-left-sidebar li.dropdown > a > .fa {position: absolute; right: 0; font-size: 12px; margin-top: 0; height: 20px; width: 20px; line-height: 20px; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%);}

nav.navbar.bootsnav.sidebar-nav .nav.navbar-left-sidebar li a .fa {font-size: 16px;}

nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li.dropdown > ul,nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li.dropdown > ul > li.dropdown > ul  {background: rgba(35,35,35,1); display: none; left: 220px; margin: -13px 0 0 1px; min-width: 220px; white-space: nowrap; position: absolute; top: 0; padding: 13px 0; font-weight: 500; text-transform: capitalize;}

.simple-dropdown .dropdown-menu > li.dropdown > ul li a{color: #9d9d9d; font-size: 12px; line-height: 18px; font-weight: 500;}

nav.navbar.bootsnav.navbar-default li.dropdown.simple-dropdown > ul.dropdown-menu > li.active > a { color: #fff;}



/* light transparent navigation */

header.header-appear nav.header-light-transparent, header.sticky nav.navbar-fixed-top.header-light-transparent, header.sticky nav.navbar-scroll-fixed-top.header-light-transparent {background: rgba(255, 255, 255, 0.95); box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.6)}

header.header-appear nav.header-light-transparent .separator-line-verticle-small, header.header-appear nav.header-light .separator-line-verticle-small {background: rgba(0, 0, 0, 0.4) }

header.header-appear nav.header-light-transparent .header-social-icon a, header.header-appear nav.header-light .header-social-icon a, header.header-appear nav.header-light.white-link .header-social-icon a, header.header-appear nav.header-light-transparent.white-link .header-social-icon a, header.header-appear nav.header-light-transparent.white-link .heder-menu-button a, header.header-appear nav.header-light-transparent .header-searchbar a, header.header-appear nav.header-light .header-searchbar a, header.header-appear nav.header-light.white-link .header-searchbar a, header.header-appear nav.header-light-transparent.white-link .header-searchbar a {color: #232323; font-size: medium; }

header.header-appear nav.bootsnav.header-light-transparent .navbar-nav > li > a, header.header-appear nav.bootsnav.header-light .navbar-nav > li > a {color: #232323; font-size: medium;}

header.header-appear nav.header-light-transparent .header-searchbar, header.header-appear.header-light-transparent .header-social-icon, header.header-appear nav.header-light .header-searchbar, header.header-appear nav.header-light-transparent.white-link .header-social-icon, header.sticky nav.header-light-transparent .header-searchbar, header.sticky nav.header-light-transparent .header-social-icon, header.sticky nav.header-light .header-searchbar, header.sticky nav.header-light .header-social-icon {}

header.header-appear nav.nav-fixed-top.header-light-transparent.white-link .navbar-nav > li > a, header.header-appear nav.nav-fixed-top.header-light-transparent.white-link .header-social-icon a, header.header-appear nav.nav-fixed-top.header-light-transparent.white-link .header-searchbar a,header.header-appear nav.nav-scroll-fixed-top.header-light-transparent.white-link .navbar-nav > li > a, header.header-appear nav.nav-scroll-fixed-top.header-light-transparent.white-link .header-social-icon a, header.header-appear nav.nav-scroll-fixed-top.header-light-transparent.white-link .header-searchbar a {color: #232323}

header.sticky nav.header-light-transparent .heder-menu-button .mobile-toggle span,header.sticky nav.header-light .heder-menu-button .mobile-toggle span {background: #232323;}



/* dark transparent navigation */

header.header-appear nav.header-dark-transparent, header.sticky nav.navbar-fixed-top.header-dark-transparent, header.sticky nav.navbar-scroll-fixed-top.header-dark-transparent {background: rgba(23, 23, 23, 0.85);}

header.header-appear nav.header-dark-transparent .separator-line-verticle-small, header.header-appear nav.header-dark .separator-line-verticle-small {background: #ffffff }

header.header-appear nav.header-dark-transparent .navbar-nav > li > a, header.header-appear nav.header-dark .navbar-nav > li > a, header.sticky nav.header-dark .navbar-nav > li > a, header.sticky nav.header-dark-transparent .navbar-nav > li > a {color: #ffffff }

header.header-appear nav.header-dark-transparent .header-social-icon a, header.header-appear nav.header-dark .header-social-icon a, header.sticky nav.header-dark .header-social-icon a, header.sticky nav.header-dark-transparent .header-social-icon a{color: #ffffff}

header.header-appear nav.header-dark-transparent .search-button, header.header-appear nav.header-dark-transparent .right-menu-button, header.header-appear nav.header-dark .search-button, header.header-appear nav.header-dark .right-menu-button, header.sticky nav.header-dark .search-button, header.sticky nav.header-dark .right-menu-button, header.sticky nav.header-dark-transparent .search-button, header.sticky nav.header-dark-transparent .right-menu-button{color:#ffffff }

header.sticky nav.header-dark-transparent .header-social-icon, header.sticky nav.header-dark .header-social-icon,header.sticky nav.header-dark-transparent .header-searchbar, header.sticky nav.header-dark .header-searchbar {}

header.sticky nav.header-dark-transparent .mobile-toggle span, header.sticky .header-dark  .mobile-toggle span {background: #fff;}

header.sticky nav.header-dark-transparent .mobile-toggle:hover span, header.sticky .header-dark  .mobile-toggle:hover span {background: red;}



/* light navigation */

header.header-appear nav.header-light, header.sticky nav.navbar-fixed-top.header-light, header.sticky nav.navbar-scroll-fixed-top.header-light {background-color: #ffffff; box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.6)}



/* dark navigation */

header.header-appear nav.header-dark, header.sticky nav.navbar-fixed-top.header-dark, header.sticky nav.navbar-scroll-fixed-top.header-dark {background-color: #000000;}



/* collepsed menu icon */

.navbar-default .navbar-toggle .icon-bar, header.sticky .navbar-default.header-light .navbar-toggle .icon-bar, header.sticky .navbar-default.header-light-transparent .navbar-toggle .icon-bar {background: #232323; }

.navbar-default.white-link .navbar-toggle .icon-bar, header.sticky .navbar-default.header-dark .navbar-toggle .icon-bar, header.sticky .navbar-default.header-dark-transparent .navbar-toggle .icon-bar {background: #fff; }



/* hamburger menu */

nav.navbar.bootsnav .btn-hamburger { padding: 0;}

nav.navbar.bootsnav .btn-hamburger .navbar-toggle { margin: 0; top: -2px;}



.hamburger-menu-wrepper {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: -10005; padding: 55px 80px; display: table; opacity: 0; visibility: collapse;}

.menu-middle {display: table; height: 100%; width: 65%; margin: 0 auto; opacity: 0;}

.hamburger-menu-links {float: left; list-style: none; margin: 0; padding: 0; width: 100%; font-size: 52px; line-height: 55px; opacity: 0;}

.hamburger-menu-links li{float: left; margin-bottom: 36px; width: 50%;}

.hamburger-menu-links li a{color: #fff; position: relative;}

.hamburger-menu-links li.open > a{color: #ff2149}

.hamburger-menu-links li a:hover, .follow-box a:hover {color: #ff2149}

.animation-box {position: absolute; top: 5%; height: 100%; width: 100%; left:0; transform: perspective(600px) rotateX(-20deg); -weblit-transform: perspective(600px) rotateX(-20deg); -moz-transform: perspective(600px) rotateX(-20deg); -ms-transform: perspective(600px) rotateX(-20deg); -o-transform: perspective(600px) rotateX(-20deg); }

.hamburger-menu.show-menu .hamburger-menu-wrepper {z-index: 10004; opacity: 1; visibility: visible;}

.hamburger-menu.show-menu .animation-box{top: 0; transform: perspective(600px) rotateX(0deg); -webkit-transform: perspective(600px) rotateX(0deg); -moz-transform: perspective(600px) rotateX(0deg); -o-transform: perspective(600px) rotateX(0deg); -ms-transform: perspective(600px) rotateX(0deg); opacity: 1;}

.hamburger-menu.show-menu .hamburger-menu-links,.hamburger-menu.show-menu .menu-middle {opacity: 1;}

.hamburger-menu.show-menu .btn-hamburger .mobile-toggle,.hamburger-menu .btn-hamburger .close-menu {transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0);}

.hamburger-menu.show-menu .btn-hamburger .close-menu,.hamburger-menu .btn-hamburger .mobile-toggle  {transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1);}

.hamburger-menu .hamburger-menu-wrepper .btn-hamburger {border-color: #fff; height: 18px; position: absolute; width: 18px; z-index: 99; padding: 0; margin: -27px 0 0 -15px; opacity: 0;}

.hamburger-menu.show-menu .hamburger-menu-wrepper .btn-hamburger {opacity: 1; right: 40px; transition-delay: 0.2s; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s;}

.hamburger-menu .close-button-menu  { float: none; height: auto; margin: 0; padding: 0; position: inherit; right: -26px; top: 44px; width: auto;}

.hamburger-menu .close-button-menu:after, .hamburger-menu .close-button-menu:before {background: #fff; width: 22px; right: 26px; top: -34px;}

.hamburger-menu-links li.dropdown > a:after{content: "\f107"; display: inline-block; position: absolute; right: -60px; top: 15px; font-family: 'FontAwesome'; font-size: 42px}



/* header style two */

.header-with-topbar .navbar-top {top: 36px; background: #fff; box-shadow: 0 4px 10px -10px rgba(0, 0, 0, 0.6)}

.header-with-topbar.sticky .navbar-top {top: -160px;}

.header-with-topbar.sticky.header-appear .navbar-top {top: 0;}



/* full width light transparent navigation */

header nav.nav-full-width {width: 100%}

.close-button-menu {float: right; padding: 10px; background-color: transparent; color: #232323; border: 0; position: absolute; height: 40px; width: 40px; outline: none; top: 20px; right: 20px}

.full-width-pull-menu .dropdown-toggle {position: relative;}

.full-width-pull-menu span.dropdown-toggle {position: absolute; right: 30px; width: 40px;  height: 40px; text-align: center; top: 43px; display: inline-block; vertical-align: middle; cursor: pointer; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);}

.full-width-pull-menu .dropdown .dropdown-toggle:before {content: ""; display: block; position: absolute; right: 20px; top: 15px; height: 11px; width: 1px; background: #232323;}

.full-width-pull-menu .dropdown.open .dropdown-toggle:before {height: 0;}

.full-width-pull-menu .dropdown .dropdown-toggle:after {content: ""; display: block; position: absolute; right: 15px; top: 20px; height: 1px; width: 11px; background: #232323;}

.full-width-pull-menu .dropdown ul {background-color: inherit; }



/* full width navigation style 1 */

.full-width-pull-menu .link-style-1 .link-style-1 ul { list-style: none; padding: 0; margin: 0;}

.full-width-pull-menu .link-style-1 ul li {margin: 20px 0; display: table}

.full-width-pull-menu .link-style-1 ul li a {background:inherit;color: #232323; font-size: 22px;  line-height: 26px; position: relative;  padding-left: 35px;}

.full-width-pull-menu .link-style-1 ul li:hover > a, .full-width-pull-menu .link-style-1 ul li.open  > a {color: #ff214f}

.full-width-pull-menu .link-style-1 ul li:hover > a:after, .full-width-pull-menu .link-style-1 ul li.open > a:after  {background:#ff214f}

.full-width-pull-menu .link-style-1 ul li a:after {background: #dbdbdb; content: ""; display: inline-block; height: 4px; left: 0;  position: absolute; top: 14px; width: 18px;}

.full-width-pull-menu .link-style-1 .dropdown.open ul {display: block;}

.full-width-pull-menu .link-style-1 .dropdown ul {position: inherit; left: 0; right: 0; padding: 10px 30px 0; background-color: inherit; border: 0; float: none; box-shadow: none;  margin: 0;}

.full-width-pull-menu .link-style-1 ul li li a {font-size: 18px; line-height: 22px; padding-left: 30px;}

.full-width-pull-menu .link-style-1 .dropdown ul li a:hover, .dropdown ul li a:focus {background-color: inherit}

.full-width-pull-menu .link-style-1 .dropdown ul li {margin: 5px;}

.full-width-pull-menu .link-style-1 .dropdown ul li:last-child {margin-bottom: 0;}



/* full width navigation style 2 */

.full-width-pull-menu .link-style-2 .link-style-2 ul { list-style: none; padding: 0; margin: 0;}

.full-width-pull-menu .link-style-2 ul li {display: table; width: 90%;}

.full-width-pull-menu .link-style-2 ul li a {background:inherit;color: #232323; font-size: 48px; line-height: 85px; position: relative;}

.full-width-pull-menu .link-style-2 ul li:hover > a, .full-width-pull-menu .link-style-2 ul li.open  > a {color: #ff214f}

.full-width-pull-menu .link-style-2 ul li.open > a:after  {background:#ff214f}

.full-width-pull-menu .link-style-2 .dropdown ul {display: block !important; height: 0;overflow: hidden}

.full-width-pull-menu .link-style-2 .dropdown ul {position: inherit; left: 0; right: 0; padding:0; background-color: inherit; border: 0; float: none; box-shadow: none;  margin: 0;}

.full-width-pull-menu .link-style-2 .dropdown.open ul {display: block; height: 100%; }

.full-width-pull-menu .link-style-2 .dropdown ul li a{font-size: 14px; line-height: 18px; color: #757575; padding:0; margin: 0;}

.full-width-pull-menu .link-style-2 .dropdown ul li {border-bottom: 1px solid #e3e3e3; padding: 7px 0;}

.full-width-pull-menu .link-style-2 .dropdown ul li:last-child { border-bottom: 1px solid transparent;}

.full-width-pull-menu .link-style-2 .dropdown ul li a:hover, .dropdown ul li a:focus {background-color: inherit}

.full-width-pull-menu .link-style-2 .dropdown ul li ul.sub-menu { padding-left: 15px; padding-top: 2px;}

.full-width-pull-menu .link-style-2 .dropdown ul li ul.sub-menu li { border-bottom: 0; padding: 5px 0 0 0;}

.full-width-pull-menu .link-style-2 .dropdown ul li:last-child {margin-bottom: 0;}

.full-width-pull-menu .link-style-2 .icon-social-medium a:first-child {margin-left: 0;}

.full-width-pull-menu .link-style-2 .icon-social-medium a:last-child {margin-right: 0;}

.close-button-menu:after,.close-button-menu:before {content: ""; display: block; background: #000; height: 2px; width: 18px; position: absolute;}

.close-button-menu:after{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);}

.close-button-menu:before{transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg);}



/* full navigation */

.show-menu .menu-wrap,.menu-wrap {left:auto }

.show-menu .menu-wrap {transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; opacity: 1; visibility: visible; z-index: 10001;}

.menu-wrap {transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; width: 100%; z-index: -10001; position: fixed; top: 0; right: 0; opacity: 0; visibility: hidden;}



/* container fluid navigation padding */

header nav.nav-box-width {padding: 0 50px;}



/* hamburger menu right side */

.big-menu-right {position: fixed; top: 0; right: 0; width: 40%; height: 100%; padding: 0 5%; opacity: 0; transform: translateX(30%) scaleX(0.6); -webkit-transform: translateX(30%) scaleX(0.6); -moz-transform: translateX(30%) scaleX(0.6); -o-transform: translateX(30%) scaleX(0.6); -ms-transform: translateX(30%) scaleX(0.6); transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -ms-transition-duration: 0.3s; z-index: -1;}

.big-menu-links {list-style: none; margin: 0; padding: 0;}

.big-menu-links li {margin-bottom: 15px; display: block; width: 100%; float: left}

.big-menu-links li a {font-size: 50px;line-height: 1.5; color: #676767; float: left}

.big-menu-links li a:after {width: 0; background: #ff214f; height: 3px; content: ""; display: block; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s;}

.big-menu-links li a:hover {color: #ddd;}

.big-menu-links li a:hover:after {width: 100px; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s;}

.big-menu-right.open {transform: translateX(0) scaleX(1); -moz-transform: translateX(0) scaleX(1); -webkit-transform: translateX(0) scaleX(1); -o-transform: translateX(0) scaleX(1); -ms-transform: translateX(0) scaleX(1); opacity: 1; z-index: 9999}

.big-menu-close {background: #fff; position: absolute; right: 0; width: 40px; height: 40px; color: #232323; }



/* dropdown menu */

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

nav.navbar.navbar-default ul.nav > li.dropdown > a.dropdown-toggle::after, nav.navbar.sidebar-nav ul.nav > li.dropdown > a.dropdown-toggle::after {content: ""; vertical-align: middle; position: relative; top: -1px; margin-top: 0; }

nav.navbar.navbar-default ul li.dropdown ul.dropdown-menu > li:last-child {border-bottom: 0; border-bottom: 0;}

nav.navbar.navbar-default ul li.dropdown .dropdown-menu li > a:hover  {color: #fff; background:  transparent; left: 5px; }

nav.navbar.navbar-default ul li.dropdown .dropdown-menu li.active > a { color: #fff;}

nav.navbar.navbar-default ul.menu-links li.dropdown ul.dropdown-menu li > a:hover, nav.navbar.navbar-default ul.menu-links li.dropdown ul.dropdown-menu li.active > a {color: #232323}

.dropdown ul.second-level {left: 270px; top:0; height: 100%;}

.dropdown ul.third-level {left: 530px; top:0; height: 100%;}

nav.navbar ul.nav .dropdown-menu.second-level .dropdown-menu {margin-top: 0 }

.navbar-default ul li li.dropdown ul {display: none}

.navbar-default ul li li.dropdown.on > ul {display: block; position: absolute; left: 100%; margin-top: 0; padding: 0; top: 0;}

.navbar-default ul li li.dropdown.on > ul > li.dropdown.on > ul {display: block; position: absolute; left: 100%; margin-top: 0; padding: 0; top: 0;}

.navbar-default ul li li.dropdown ul.dropdown-menu {position: absolute; left: 100%; margin-top: 0; padding: 0; top: 0; box-shadow: none;}

.navbar-default ul li li.dropdown ul.dropdown-menu li {padding: 0;}

.dropdown-menu .dropdown a {position: relative}



/* navigation left sidebar */

header .menu-wrap .widget {margin-bottom: 30px; display: inline-block; width: 100%}

.nav.navbar-left-sidebar {transition: all 0s ease-in-out 0s; -webkit-transition: all 0s ease-in-out 0s; -moz-transition: all 0s ease-in-out 0s; -ms-transition: all 0s ease-in-out 0s; -o-transition: all 0s ease-in-out 0s; overflow-y: auto;}

.nav.navbar-left-sidebar li {display: inline-block; width: 100%; padding: 0 45px;}

.nav.navbar-left-sidebar li a, nav.navbar.bootsnav.navbar-left-sidebar ul.nav > li > a {font-size: 11px; text-transform: uppercase; color: #939393; background: transparent !important; font-weight: 600; border-bottom: 1px solid #e5e5e5 !important; padding:15px 0 }

nav.navbar.sidebar-nav .navbar-left-sidebar li.dropdown .third-level a > [class^="ti-"], nav.navbar.sidebar-nav .navbar-left-sidebar li.dropdown .third-level a > [class*=" ti-"] { margin-right: 5px; }

.nav.navbar-left-sidebar li:last-child a {border-bottom:none }

.nav.navbar-left-sidebar li a:hover {color: #fff }

.nav.navbar-left-sidebar li a .nav-caret {height: 35px;text-align: right; width: 35px;}

.nav.navbar-left-sidebar .dropdown .second-level {opacity: 0 !important; left: 245px; display: block !important; visibility: hidden;}

.nav.navbar-left-sidebar .dropdown.on .second-level {opacity: 1 !important; left: 289px; visibility: visible; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s;}

.nav.navbar-left-sidebar .second-level .dropdown .third-level {opacity: 0 !important; display: block !important; visibility: hidden; left:525px;}

.nav.navbar-left-sidebar .second-level .dropdown.on .third-level {opacity: 1 !important; left:569px; visibility: visible; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s;}

.nav.navbar-left-sidebar .dropdown-menu .dropdown > a:after {display: none }



/* pull left sidebar */

.cbp-spmenu {background: #fff; position: fixed; z-index: 1;}

.cbp-spmenu-vertical {width: 455px;height: 100%;top: 0;	z-index: 10005;}

.cbp-spmenu-right {right: -455px;}

.cbp-spmenu-left {left: -100%;}

.cbp-spmenu-left.cbp-spmenu-open {left: 0;}

.cbp-spmenu-right.cbp-spmenu-open {right: 0px; overflow-x: auto; box-shadow: 0 0 4px rgba(0,0,0,.2);}

.cbp-spmenu-push {overflow-x: hidden; position: relative; left: 0;}

.cbp-spmenu,.cbp-spmenu-push {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}



/* custome scrollbar */

.cbp-spmenu-right::-webkit-scrollbar, .navbar-left-sidebar::-webkit-scrollbar {width: 5px;}

.cbp-spmenu-right::-webkit-scrollbar-track, .navbar-left-sidebar::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -ms-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); }

.cbp-spmenu-right::-webkit-scrollbar-thumb, .navbar-left-sidebar::-webkit-scrollbar-thumb { background-color: darkgrey; outline: 1px solid slategrey;}



/* sidebar navigation */

nav.navbar.sidebar-nav .container{ display: table-cell; height: 75px; position: relative; vertical-align: top;}

nav.navbar.bootsnav.sidebar-nav .navbar-left-sidebar > li > a{color: #626262; border-color: #ededed; padding: 15px 0;}

nav.navbar.sidebar-nav .navbar-left-sidebar li a:hover, nav.navbar.bootsnav.sidebar-nav ul.nav.navbar-left-sidebar li.active > a{color: #000 }

.sidebar-nav .logo-holder {text-align: center; min-height: 107px;}

.sidebar-nav .footer-holder {text-align: center}

nav.navbar .toggle-button {background: #000; border: medium none; height: auto; margin: 0; padding: 0; width: auto; }

.sidebar-nav .dropdown-menu {box-shadow: none; height: 100%; left: 270px; padding: 0;position: fixed; top: 0;width: 240px; padding: 80px 0}

nav.navbar.sidebar-nav li.dropdown ul.dropdown-menu {border: none }

nav.navbar.bootsnav.sidebar-nav li.dropdown ul.dropdown-menu { padding-top: 160px;}

.sidebar-nav .dropdown-menu li > a {margin: 0 45px}

nav.navbar.sidebar-nav{border: none; display: inline-table; width: 290px; border-radius:0; position: fixed; top: 0; z-index: 10005; height: 100%; padding: 50px 0px 25px; border-right: 1px solid rgba(0,0,0,.07); left: 0}

.sidebar-wrapper{padding-left: 290px;}



/* sidebar navigation style 1 */

.sidebar-nav-style-1 .dropdown .second-level {top: 0; left: 290px; width: 280px }

.sidebar-nav-style-1 .dropdown.on .second-level {background: #fbfbfb;}

.sidebar-nav-style-1 .dropdown .third-level {top:0; left: 570px; width: 280px; background: #f3f3f3;}

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



/* sidebar navigation style 2 */

.left-nav-sidebar {padding-left: 90px;transition: all 0.3s ease 0s;}

.left-nav {position: fixed; top: 0; width: auto; left:0; height: 100%; background-color: #fff; z-index: 99999; transition: all 0.3s ease 0s} 

.sidebar-part1 {position: absolute; top: 0; width: 90px;}

.sidebar-part2 {padding: 0 0 0 110px; border-right: 1px solid #dfdfdf;  width: 400px; height: 100%; position: fixed; background-color: #fff; z-index: -1; left: -370px;}

.sidebar-part3 {position: absolute; bottom: 0;}

.left-nav-on .sidebar-part2 {left: 0;}

.sidebar-part2:before {width: 100%; height: 1px; background-color: #dfdfdf; content: ""; position: absolute;bottom: 75px; left: 0; display: inline-block}

.left-nav-on .sidebar-part2 .sidebar-middle .sidebar-middle-menu .nav {overflow-y: auto; overflow-x: hidden}

.sidebar-part2 .sidebar-middle {padding: 180px 0}

.sidebar-part2 .sidebar-middle-menu {display: table-cell; height: 100%; width: 100%; vertical-align: middle}

.bottom-menu-icon { width:90px; padding: 22px 30px; text-align: center;}

header .sidebar-part2 nav.navbar.bootsnav ul > li > a {font-size: 36px; display: block; padding: 0; color: #0f0f0f; text-transform: none; margin: 0; line-height: 40px; font-weight: 600; position: relative;}

header .sidebar-part2 nav.navbar.bootsnav ul > li > a > .fa {font-size: 25px; top: 10px; position: absolute; right: 18px;}

header .sidebar-part2 nav.navbar.bootsnav ul > li > .second-level > li > a > .fa {font-size: 14px; line-height: 30px;}

.sidebar-part2 ul > li {margin: 0; float: none; padding: 15px 20px 15px 0; width: 291px; word-break: break-all; position:initial;}

.sidebar-part2 ul li a:hover {background-color: inherit;}

.sidebar-part2 nav.navbar.bootsnav {border-bottom: 0; position: inherit;}

.sidebar-part2 .right-bg {position: fixed; height: 100%; left:0; top: 0; background-color: #fff; width: 90px;}

.sidebar-part2 .right-bg:before { background-color: #dfdfdf;bottom: 75px;content: ""; display: inline-block; height: 1px; left: 0; position: absolute; width: 100%;}

.sidebar-part2 .right-bg img{position: absolute; top: 50%; left: 37px; transform: translateY(-100px); -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px);}

header .sidebar-part2 nav.navbar.bootsnav ul li ul li a {font-size: 14px; line-height: 20px; width: 100%; padding: 15px 0; border-bottom: 1px solid #f0f0f0; color: #939393; font-weight: 500;}

header .sidebar-part2 nav.navbar.bootsnav ul li.dropdown > a, .sidebar-nav-style-1 .navbar-left-sidebar li.dropdown > a {padding-right: 20px;}

header .sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover { border-bottom: 1px solid #ff214f; background: inherit }

header .sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li:last-child > a:hover { border-bottom: 0; }

header .sidebar-part2 nav.navbar.bootsnav ul li ul li a > i{vertical-align: middle; margin-right: 5px;}

header .sidebar-part2 nav.navbar.bootsnav ul li ul li a:hover{color:#ff214f}

header .sidebar-part2 nav.navbar.bootsnav ul li ul li {margin: 0; padding:0 30px;width: 100%; word-break: normal;}

header .sidebar-part2 nav.navbar.bootsnav ul li ul li.dropdown {border-left: 0;}

.sidebar-part2 .dropdown ul.second-level, .sidebar-part2 .dropdown ul.third-level {border-left: 1px solid #eee !important;}

.sidebar-part2 .dropdown ul.second-level {left: 399px; transition: 0s; -webkit-transition: 0s; -moz-transition: 0s; -ms-transition: 0s; -o-transition: 0s;}

.sidebar-part2 .dropdown ul.third-level {left:249px;}

.sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu {box-shadow: none; height: 100%; position: absolute; transition: 0s; -webkit-transition: 0s; -moz-transition: 0s; -ms-transition: 0s; -o-transition: 0s;  width: 250px; padding: 180px 0; background: #fff;}

.bottom-menu-icon a {font-size: 24px; width: 23px; height: 18px; display: inline-block; position: relative;}

header .sidebar-part2 nav.navbar.bootsnav ul.second-level li.active > a, header .sidebar-part2 nav.navbar.bootsnav ul.second-level li.active ul li.active  > a {color: #ff214f}



.nav-icon span {display: block; position: absolute; height: 2px; width: 23px; background: #232323; border-radius: 0; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}

.nav-icon:hover span, .nav-icon.active span { background-color: red }

.nav-icon span:nth-child(1) { top: 0px;}

.nav-icon span:nth-child(2),.nav-icon span:nth-child(3) { top: 8px;}

.nav-icon span:nth-child(4) { top: 16px;}

.nav-icon.active span:nth-child(1) { top: 8px; width: 0%; left: 50%;}

.nav-icon.active span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

.nav-icon.active span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}

.nav-icon.active span:nth-child(4) {top: 8px; width: 0%; left: 50%;}



nav.navbar.brand-center ul.nav > li > a {padding:26px; margin: 0;}

header.sticky nav.navbar.brand-center ul.nav > li > a {padding: 20px; margin: 0 20px;}



/* navigation widget */

.menu-wrap .widget {display: inline-block; width: 100%}



/* ===================================

    Page title

====================================== */



/* page title font size */



/* breadcrumb */



/* ===================================

    Swiper carousel

====================================== */

.swiper-pagination {width: 100%}



/* swiper bottom scrollbar full */



/* swiper vertical pagination */



/* swiper auto width */



/* arrow pagination black and white */

.swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; }

.swiper-button-next.swiper-button-black-highlight { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-black-highlight {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-black-highlight, .swiper-button-prev.swiper-button-black-highlight { background-color: #fff; background-size: 28% auto; border-radius: 3px; height: 30px; width: 30px;  margin: -15px 10px 0; top: 50%;}

.swiper-button-next, .swiper-button-prev {background-size: inherit; height: 22px; width: 50px; top: 51%}



/* blog swiper */



/* long 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 */



/* scroll down */



/* 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 6 */



/* 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 style 15 */



/* feature box style 16 */



/* feature box style 17 */



/* 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 */



/* team style 1 */



/* team style 2 */



/* accordion style1 */



/* accordion style 2 */



/* accordion style 3 */



/* toggles */



/* tab */



/* tab style 1 */



/* tab style 2 */



/* tab style 3 */



/* testimonial style 2 */



/* testimonial style 3 */



/* testimonial-box */



/* ===================================

   Blog

====================================== */



/* blog post style 1 */



/* blog post style 2 */

.blog-post.blog-post-style2 .author span{max-width: calc(100% - 40px); vertical-align: middle; display: inline-block;}



/* 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: #ff214f}

.scroll-top-arrow i {line-height: 30px;  position: relative;}



/* footer input */



/* latest post */ 



/* newsletter */





/* instagram feed */



/*instagram feed style 1*/



/* ===================================

   Home page

====================================== */



/* home - creative branding agency */



/* home - creative business */



/* home - creative simple portfolio */



/* home - classic digital agency */



/* 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 */



/* rev slider */



/* animation */





/* ===================================

   demo page css

====================================== */



/*.all-demo i {font-size: 15px; vertical-align: middle; position: relative; top: -1px; color: #6f6f6f}

.buy-theme {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; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; position:fixed; top:130px; right: -70px; background: #fff; z-index: 1000; -moz-box-shadow:0 0 10px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);box-shadow:0 0 10px rgba(0,0,0,0.2); z-index: 10}

.buy-theme i {font-size: 16px; vertical-align: middle; position: relative; top: -1px; color: #6f6f6f}

.buy-theme:hover, .all-demo:hover {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; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; right: 0px; background: #ff214f}

.buy-theme span, .all-demo span {padding:0 9px; position: relative; top:0; opacity: 0}

.buy-theme:hover span, .all-demo:hover span {opacity: 1; color: #fff}

.buy-theme:hover i, .all-demo:hover i {color: #fff}

.buy-theme a, .all-demo a { color: #232323; font-size: 10px; text-transform: uppercase; padding:2px 10px; display: block; text-decoration: none; font-weight: 500 }

.all-demo {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; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; position:fixed; top:172px; right: -102px; background: #fff; z-index: 1000; -moz-box-shadow:0 0 10px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);box-shadow:0 0 10px rgba(0,0,0,0.2); z-index: 10}*/





.alignright1

{text-align: left;

 direction: ltr

}



video {

  object-fit: fill;

}



.BoldOnly

 {

 font-weight: bold;

}

.padPic {

	text-align: right;

	vertical-align: top;

	padding-left: 10px;

}

.simple-dropdown .dropdown-menu > li a { padding: 0px overflow: hidden; position: relative; right: 0; font-weight: 500; }



/* list style 1 */



.list-style-1 {list-style: none; margin: 0; padding: 0;}

.list-style-1 li {padding: 0px 20px  }

 

.list-style-1 li { position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.1);  }

.list-style-1 li:before { content: "\f00c"; position: absolute; top: 1px; right: 0; font-family: 'FontAwesome'; }

.list-style-1 li:last-child {border-bottom: 0; }

.list-style-1.list-style-color li {border-color: rgba(255,255,255,.15);}

.list-style-1.list-style-color li:before {color: #ff214f}







/* separator */

.separator-line-verticle-extra-small {width:1px; height: 8px;}

.separator-line-verticle-small-thick {width:17px; height: 3px;}

.separator-line-verticle-small {width:1px; height: 13px;}

.separator-line-verticle-small-thick2 {width:64px; height: 7px;}

.separator-line-verticle-large {width:1px; height:20px;}

.separator-line-verticle-extra-large {width:1px; height:30px;}

.separator-line-verticle-medium-thick-full {width:8px; height: 40px;}

.separator-line-verticle-large-thick {width:109px; height: 11px}

.separator-line-horrizontal-medium-light {width:36px; height: 3px;}

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

.separator-line-horrizontal-medium-light3 {width:18%; height: 1px;}

.separator-line-horrizontal-medium-thick {width:50px; height: 5px;}

.separator-line-horrizontal-full {width:100%; height: 1px;}

































input, textarea{ border: 1px solid #d1d1d1; font-size: 14px;  padding: 8px 15px; width: 100%; margin: 0 0 20px 0; max-width: 100%; resize: none;}

input[type="text"], textarea { -webkit-appearance: none; outline: none;}

input:focus, textarea:focus{ border-color: #585858; outline: none; }

*{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;} 

:-ms-input-placeholder { color: #6f6f6f; text-overflow: ellipsis; opacity:1;}





/* ===================================

    Background color

====================================== */

.bg-white {background-color:#fff;}



/* ===================================

    Custom

====================================== */



.center-col {float:none; margin-left:auto; margin-right:auto }



/* input */

input.input-bg {background-color: #f7f7f7; border-radius: 4px; border: 1px solid rgba(0,0,0,.1);padding: 10px 20px; margin-bottom: 15px;}

input.input-bg:focus, textarea.input-bg:focus{ border: 0; border: 1px solid rgba(0,0,0,.3); }

textarea.input-bg {background-color: #f7f7f7; border-radius: 4px; border: 1px solid rgba(0,0,0,.1);padding: 10px 20px; margin-bottom: 15px; min-height: 130px;}

.input-bg::-webkit-input-placeholder {font-weight: 400; font-size: 14px;}

.input-bg::-moz-placeholder {font-weight:400; font-size: 14px;} 

.input-bg:-ms-input-placeholder { font-weight: 400; font-size: 14px;}

#success-contact-form-3 { clear: both; margin: 0 15px 15px; text-align: center; border: 1px solid #1a940a; color: #1a940a;  padding: 2px 0; display: none; font-size: 11px}









/* ===================================

    Button

====================================== */



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



/* button size */

.btn.btn-small {font-size:13px; padding: 4px 24px;}



/* button background */

.btn.btn-black {background:#000000; border-color: #000000; color: #fff}

.btn.btn-black:hover, .btn.btn-black:focus {background: transparent; color: #000}







/* border radius */

.border-radius-4 {border-radius:4px}

.border-radius-6 {border-radius:6px}





================================*/

.no-margin-lr {margin-left: 0 !important; margin-right: 0 !important}





/*===============================

    Padding

=================================*/

.padding-fifteen-all {

	padding-top: 0%;

	padding-right: 15%;

	padding-bottom: 0%;

	padding-left: 15%;

}