@charset "utf-8";

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

Name: style.css
Version: 1.0

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

Table of contents
        
    Google Font
    Body and Default Transitions
    Typography
    Icon
    Background Color
    Border Color
    Margin
    Padding
    Custom
    OWL Carousel
    Button
    Form Control
    Portfolio and Photo Gallery
    Video and Sound
    Navbar
    Header
    Hero Section
    Slider
    Feature Box 
    Content
    Team
    Pricing Table
    Contact
    Blog
    Subscribe
    Counter
    Clients
    Timer
    Testimonial 
    Footer

*/

/* ===================================
    Google Font
====================================== */

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

/* ===================================
    Body and Default Transitions
====================================== */


html{width: 100%;height: 100%;}
body{ width: 100%;height: 100%;overflow-x: hidden;font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-size:13px; color:#707070; line-height:22px; letter-spacing: 0.01em }
a { text-decoration: none; color:#4e4e4e; cursor: pointer; outline: 0; }
a:hover, a:focus{ text-decoration: none;}
a:focus {outline: none; }
img { max-width:100%; height:auto; -webkit-backface-visibility: hidden; }
p {margin:0 0 22px 0}
video { background-size: cover; display: table-cell; vertical-align: middle; width: 100%; }
.coming-soon-style1-bg {background: rgba(44,203,142,0.99);font-family: 'Montserrat', sans-serif;color: #ccc;}
#particles {width: 100%;height: 100%;}
#intro {position: absolute;left: 0;top: 50%;padding: 0 20px;width: 100%;text-align: center;}
ul, ol{ margin: 0px; }
input, button, button:focus {outline: 0;}
input, textarea, select{ border: 1px solid #dfdfdf; font-size: 11px;  padding: 8px 15px; width: 100%; margin: 0 0 20px 0; max-width: 100%; resize: none;}
input[type="submit"] { width: auto}
input[type="button"], input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea, input[type="submit"] { -webkit-appearance: none;  border-radius: 0; }
input:focus, textarea:focus{ border: 1px solid #989898; outline: none; }
input[type="submit"]:focus { border:none;}
select::-ms-expand{ display:none;}
iframe { border: 0;}
iframe, embed, object { max-width: 100%; }
iframe{ border-width: 0px; }
ul.circle {list-style-type: circle;}
ul.square {list-style-type: square;}
ol.upper-roman {list-style-type: upper-roman;}
ol.lower-alpha {list-style-type: lower-alpha;}
dl {list-style-position: outside;}
* { 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; }
::selection { color: #000; background:#dcdcdc; }
::-moz-selection { color:#000; background:#dcdcdc; }
::-webkit-input-placeholder { color: #999; text-overflow: ellipsis; }
:-moz-placeholder { color: #999; text-overflow: ellipsis; opacity:1; }
::-moz-placeholder { color: #999; text-overflow: ellipsis; opacity:1; } 
:-ms-input-placeholder { color: #999; text-overflow: ellipsis; opacity:1; }
::-webkit-scrollbar { width:12px }
::-webkit-scrollbar-track { -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3); -moz-box-shadow:inset 0 0 6px rgba(0,0,0,.3); box-shadow:inset 0 0 6px rgba(0,0,0,.3); }
::-webkit-scrollbar-thumb { background:rgba(210,210,210,.8); -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5); -moz-box-shadow:inset 0 0 6px rgba(0,0,0,.5); box-shadow:inset 0 0 6px rgba(0,0,0,.5); }
::-webkit-scrollbar-thumb:window-inactive { background:rgba(210,210,210,.4) }


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

/* font family */
.alt-font {font-family: 'Montserrat', sans-serif;}
.main-font {font-family: 'Open Sans', sans-serif;}
a:hover,a:focus{color:#d3d3d3 !important;}

/* heading */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; color: #000;}
h1 { font-size:50px; line-height: 60px;}
h2 { font-size:35px; line-height:40px}
h3 { font-size:30px; line-height:35px}
h4 { font-size:25px; line-height:33px}
h5 { font-size:20px; line-height:30px}
h6 { font-size:18px; line-height:23px} 

/* different text size */
.text-extra-small { font-size:10px; line-height:15px;}
.text-small2{ font-size:11px;}
.text-small{ font-size:12px; line-height:20px; display: inline-block;}
.text-extra-medium{ font-size:13px; line-height:24px;}
.text-medium{ font-size:14px; line-height:24px;}
.text-large{ font-size:16px; line-height: 25px; }
.text-extra-large { font-size:18px; line-height:28px;  }
.title-small{ font-size:20px; line-height:30px;}
.title-medium{ font-size:24px; line-height:30px;}
.title-large{ font-size:28px; line-height:35px;}
.title-extra-large{ font-size:35px; line-height:40px;}
.title-extra-large-2{ font-size:45px; line-height:50px;}
.title-extra-large-3{ font-size:50px; line-height:57px;}
.title-extra-large-4{ font-size:60px; line-height:67px;}
.title-extra-large-4 span{ font-size:120px; line-height:130px;}
.title-extra-large-5{ font-size:70px; line-height:80px;}
.title-extra-large-6{ font-size:80px; line-height:90px;}
.title-extra-large-7{ font-size:90px; line-height:90px;}
.title-extra-large-8{ font-size:100px; line-height:100px;}
.title-extra-large-9{ font-size:110px; line-height:100px;}
.title-big { font-size: 90px; line-height:95px;}
.title-extra-big { font-size: 150px; line-height:160px;}
.title-extra-big-2 { font-size: 160px; line-height:160px;}
.title-extra-big-3 { font-size: 180px; line-height:180px;}
.title-extra-big-4 { font-size: 190px; line-height:190px;}
.title-extra-big-5 { font-size: 200px; line-height:200px;}
.section-title-large { font-size: 35px; line-height: 39px;}
.section-title-medium { font-size: 30px; line-height: 35px;}
.section-title-small { font-size: 22px; line-height: 26px;}

/* letter spacing */
.letter-spacing-1 { letter-spacing:1px;}
.letter-spacing-2 { letter-spacing:2px;}
.letter-spacing-3 { letter-spacing:3px;}
.letter-spacing-4 { letter-spacing:4px;}
.letter-spacing-5 { letter-spacing:5px;}
.letter-spacing-6 { letter-spacing:6px;}
.letter-spacing-7 { letter-spacing:7px;}
.letter-spacing-8 { letter-spacing:8px;}
.letter-spacing-9 { letter-spacing:9px;}
.letter-spacing-10 { letter-spacing:10px;}
.letter-spacing-minus-1{ letter-spacing: -1px;}
.letter-spacing-minus-2{ letter-spacing: -2px;}
.letter-spacing-minus-3{ letter-spacing: -3px;}
.letter-spacing-minus-4{ letter-spacing: -4px;}
.letter-spacing-minus-5{ letter-spacing: -5px;}
.letter-spacing-minus-6{ letter-spacing: -6px;}
.no-letter-spacing { letter-spacing: 0px}

/* font weight */
.font-weight-100 { font-weight:100;}
.font-weight-200 { font-weight:200;}
.font-weight-300 { font-weight:300;}
.font-weight-400 { font-weight:400;}
.font-weight-500 { font-weight:500;}
.font-weight-600 { font-weight:600;}
.font-weight-700 { font-weight:700;} 
.font-weight-800 { font-weight:800;}
.font-weight-900 { font-weight:900;}

/* line height */
.line-height-10{ line-height: 10px;}
.line-height-15{ line-height: 15px;}
.line-height-18{ line-height: 18px;}
.line-height-20{ line-height: 20px;}
.line-height-22{ line-height: 22px;}
.line-height-24{ line-height: 24px;}
.line-height-26{ line-height: 26px;}
.line-height-30{ line-height: 30px;}
.line-height-34{ line-height: 34px;}
.line-height-40{ line-height: 40px;}
.line-height-45{ line-height: 45px;}
.line-height-48{ line-height: 48px;}
.line-height-50 {line-height: 50px;}
.line-height-55{ line-height: 55px;}
.line-height-60 {line-height: 60px;}
.line-height-65{ line-height: 65px;}
.line-height-70{ line-height: 70px;}
.line-height-72{ line-height: 72px;}
.line-height-75{ line-height: 75px;}
.line-height-80{ line-height: 80px;}
.line-height-85{ line-height: 85px;}
.line-height-90{ line-height: 90px;}
.line-height-normal {line-height: normal}
.line-height-inherit {line-height: inherit}
.line-height-0{ line-height: 0px;}

/* text property */
.text-transform { text-transform:uppercase}
.text-decoration-underline { text-decoration:underline;}
.word-wrap { word-wrap: break-word}
.text-transform-none {text-transform:none} 
.line-height-none {line-height: 0;}
.text-decoration-line-through {text-decoration:line-through;}
.font-italic { font-style: italic;}

/* text color */

.text-servios{ color:#1e5663;}
.text-white{ color:#ffffff;}
.text-black{ color:#000000;}
.text-dark-gray { color:#282828;}
.text-fast-gray { color:#444444;}
.text-light-gray{ color: #bfbfbf;}
.text-light-gray2 { color: #707070;}
.text-medium-gray{ color: #848484;}
.text-gray{color: #ababab;} 
.text-yellow{ color:#ffcf29;}
.text-light-yellow{color: #f7f4ec;}
.text-golden-yellow{color: #ecce63;}
.text-blue{ color:#3953a1;}
.text-deep-blue{ color: #2e5ba5;}
.text-dark-blue { color: #2c353f;}
.text-fast-blue{ color: #3966e6;}
.text-sky-blue-dark{ color: #2c91d8;}
.text-blue-gray { color:#919499;}
.text-cyan{ color: #31c99b;}
.text-deep-red{ color: #e7403a;}
.text-pink{ color: #ff3d7f;}
.text-dark-cherry { color: #3d3234;}
.text-rosy-brown{color: #827777;}
.text-light-red{color: #dc6768;}
.text-sky-blue {color: #32b6e6;}
.text-light-green {color: #8BC34A;}
.text-deep-green { color: #6aa84f;}
.text-dark-slate-blue{color: #55365e;}
.text-bitter-sweet{color: #f3605c;}
.text-orange{color: #ef5037;}
.text-light-orange{color: #ff573d;}
.text-deep-purple { color: #472e83;}
.text-chrome-yellow { color: #f5ab35;}
.text-turquoise-green {color: #2ccb8e}
.text-brown { color: #4e2b1f;}
.text-golden{ color: #d0ae5e;}
.text-deep-orange {color: #f26149}
.text-sand-yellow {color: #bdb6b2}
.text-light-purple-blue { color: #374a8a;}
.text-dark-purple-blue { color: #2a3869;}
.text-puerto-rico {color:#55beae; }
.text-orange-peel { color: #FF9800;}
.text-greenish-blue { color: #3ed6a2;}
.text-light-blue { color: #53d0e7;}
.text-dark-speech-blue { color: #1b1841;}
.text-yellow-ochre {color: #c0812a}
.text-yellowish-gray {color: #817b71}
.text-light-deep-yellow {color: #f5f0e9}
.text-dark-aqua { color: #43cbcd;}
.text-emerald { color: #47DF84;}
.text-deep-green-dark{color: #40c37d}
.text-deep-blue-dark{color: #2e70c4}
.text-very-light-gray { color: #e6e6e6;}
.text-fast-pink { color: #ff1967;}
.text-fast-blue2 {color: #1080f2;}
.text-meteorite { color: #473d5f;}
.text-cinnabar {color: #E74948;}
.text-poison-green {color: #05d561;}
.text-dark-bitter-sweet {color: #807575;}
.text-red {color: #bf001d;}
.text-tequila-gold { color: #c5a47e;}
.text-dark-brown { color: #7d6548;}
.text-light-brown { color: #cec3b5;}
.text-extra-dark-brown { color: #251b10;}
.text-dark-poison{color:#00897B;}

/* slider typography */
.slider-text-middle-main { display: table; height: 100%; width: 100% }
.slider-text-bottom { display: table-cell; vertical-align: bottom; }
.slider-text-top { display: table-cell; vertical-align: top; }
.slider-text-middle { display: table-cell; vertical-align: middle; }
.slider-typography { height: 100%; position: absolute; z-index: 1; right: 0; left: 0; }
.slider-content-box { position: relative; z-index: 2}

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

/* icon size */
.icon-extra-big {font-size:75px;}
.icon-big {font-size:60px;}
.icon-extra-large {font-size:50px;}
.icon-large {font-size:35px;}
.icon-medium {font-size:30px;}
.icon-small {font-size:25px;}
.icon-extra-small {font-size:14px;}

/* social icon */
.social-icon .fa { text-align: center; display: table-cell; vertical-align: middle; width: 30px; height: 30px; font-size: 14px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; color: #fff; background: none; }
.social-icon.medium-social-icon .fa {width: 25px; height: 25px; font-size: 12px;}
.social-icon a:hover .fa {opacity:.6} 
.social-icon .fa-pinterest {background-color: #cb2027;}
.social-icon .fa-rss {background-color: #f26522;}
.social-icon .fa-facebook-f {background-color: #3b5998;}
.social-icon .fa-twitter {background-color: #00aced;}
.social-icon .fa-flickr {background-color: #ff0084;}
.social-icon .fa-dribbble {background-color: #ea4c89;}
.social-icon .fa-behance {background-color: #42a9fb;}
.social-icon .fa-linkedin-in {background-color: #007bb6;}
.social-icon .fa-vimeo-square {background-color: #23b6ea;}
.social-icon .fa-youtube {background-color: #bb0000;}
.social-icon .fa-tumblr {background-color: #32506d;}
.social-icon .fa-github-alt {background-color: #333333;}
.social-icon .fa-google-plus-g {background-color: #dd4b39;}
.social-icon .fa-instagram  {background-color: #517fa4;}
.social-icon .fa-soundcloud {background-color: #f80;}

.social-icon-color .fa-pinterest, .social-icon-color .ti-pinterest-alt, .social-icon-color .ti-pinterest {color: #cb2027;}
.social-icon-color .fa-rss {color: #f26522;}
.social-icon-color .fa-facebook-f, .social-icon-color .ti-facebook {color: #3b5998;}
.social-icon-color .fa-twitter, .social-icon-color .ti-twitter-alt {color: #00aced;}
.social-icon-color .fa-flickr, .social-icon-color .ti-flickr-alt {color: #ff0084;}
.social-icon-color .fa-dribbble, .social-icon-color .ti-dribbble {color: #ea4c89;}
.social-icon-color .fa-behance {color: #42a9fb;}
.social-icon-color .fa-linkedin-in, .social-icon-color .ti-linkedin {color: #007bb6;}
.social-icon-color .fa-vimeo-square, .social-icon-color .ti-vimeo-alt {color: #23b6ea;}
.social-icon-color .fa-youtube {color: #bb0000;}
.social-icon-color .fa-tumblr, .social-icon-color .ti-tumblr-alt {color:#32506d;}
.social-icon-color .fa-github-alt {color: #333333;}
.social-icon-color .fa-google-plus-g, .social-icon-color .ti-google {color:#dd4b39;}
.social-icon-color .fa-instagram, .social-icon-color .ti-instagram {color:#517fa4;}
.social-icon-color .fa-soundcloud, .social-icon-color .ti-soundcloud {color: #f80;}

/* icon style */
.icon-box i { margin:0 30px}
.i-large-box{ width:100px; height:100px; line-height:98px; text-align:center; font-size:40px}
.i-medium-box{ width:80px; height:80px; line-height:80px; text-align:center; font-size:30px;}
.i-small-box{ width:60px; height:60px; line-height:60px; text-align:center; font-size:22px}
.i-extra-small-box{ width:40px; height:40px; line-height:40px; text-align:center; font-size:15px}
.i-plain { color:#737373; background-color: transparent;}
.i-plain:hover { color:#fff; background-color: #737373; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
.i-rounded  { border-radius: 3px; background-color: #000; color:#fff; border:1px solid rgba(0,0,0,0.15);}
.i-rounded:hover { background-color: #fff; color:#9a9a9a; border:1px solid rgba(0,0,0,0.15);}
.i-bordered { border:1px solid rgba(0,0,0,0.15); background-color: transparent; color:#9a9a9a}
.i-bordered:hover { background-color: #000; color: #fff}
.i-circled  { border-radius: 50%;}
.i-light { background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .08) inset; color:#9a9a9a; text-shadow: 1px 1px 1px #fff; }
.i-light:hover { background-color: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, .15) inset; color: #444; text-shadow:none }
.i-3d { box-shadow: 0 0 3px rgba(0, 0, 0, .1); color:#9a9a9a;  background-color: #fff; color:#000}
.i-3d:hover {box-shadow: 0 0 4px rgba(0, 0, 0, .3);}
.i-3d-border { border-bottom:3px solid rgba(0,0,0,0.15); color:#fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3)}
.i-3d-border:hover { border-bottom:3px solid rgba(0,0,0,0.30); color:#fff; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

/* ===================================
    Background Color
====================================== */

.bg-servios{ background: #1e5663;}
.bg-white{ background: #fff;}
.bg-black{ background: #000000; }
.bg-gray { background-color: #f6f6f6;}
.bg-brown{ background-color: #efe6da;}
.bg-light-gray { background: #f7f7f7;}
.bg-dark-gray{ background: #282828;}
.bg-middle-gray{ background: #dedede;}
.bg-dark-blue { background: #2c353f;}
.bg-fast-blue{ background: #3966e6;}
.bg-blue{ background: #1f337a;}
.bg-deep-blue{ background: #2e5ba5;}
.bg-sky-blue {background: #32b6e6;}
.bg-sky-blue-dark{ background: #2c91d8;}
.bg-cyan { background-color: #31c99b;}
.bg-light-cyan { background-color: #6dc6a8;}
.bg-cream { background-color: #f7f5e7;}
.bg-dark-cream { background-color: #ac9377;}
.bg-dark-cherry { background: #3d3234;}
.bg-pink { background: #ff3d7f;}
.bg-deep-red{ background: #e7403a;}
.bg-rosy-brown{background:#9f9292;}
.bg-light-red{background: #dc6768;}
.bg-deep-purple { background: #472e83;}
.bg-light-green { background: #8BC34A;}
.bg-medium-green { background: #259319;}
.bg-deep-green { background: #6aa84f;}
.bg-yellow{ background: #ffcf29;}
.bg-light-yellow{background: #f7f4ec;}
.bg-golden-yellow{background: #ecce63;}
.bg-purple{background: #221825;}
.bg-dark-slate-blue{background: #353d4f;}
.bg-bitter-sweet{background: #f3605c;}
.bg-scarlet-gum{background: #432a4b;}
.bg-orange{background: #ef5037;}
.bg-light-orange{background: #ff573d;}
.bg-chrome-yellow { background: #f5ab35;}
.bg-gray-yellow { background: #f6f5f5;}
.bg-very-light-gray { background: #f8f8f8;}
.bg-turquoise-green {background: #2ccb8e}
.bg-golden { background: #d0ae5e;}
.bg-deep-orange {background:#f26149}
.bg-sand-yellow {background:#fbf9f3}
.bg-sand-yellow-dark {background:#4a3b34}
.bg-deep-purple {background:#4b3a6c}
.bg-dark-purple-blue { background: #2a3869;}
.bg-puerto-rico {background:#55beae; }
.bg-orange-peel { background: #FF9800;}
.bg-greenish-blue { background: #3ed6a2;}
.bg-light-blue { background: #53d0e7;}
.bg-dark-speech-blue { background: #1b1841;}
.bg-light-deep-yellow {background: #f5f0e9}
.bg-yellow-ochre {background: #c0812a}
.bg-yellowish-gray {background: #8f887e}
.bg-aqua { background: #46eff0;}
.bg-emerald { background: #47DF84;}
.bg-mongoose { background: #A78A73;}
.bg-deep-green-dark {background: #40c37d}
.bg-deep-blue-dark  {background: #2e70c4}
.bg-light-purple-blue { background: #374a8a;}
.bg-middle-light-gray { background: #686868;}
.bg-cod-grey { background: #313233;}
.bg-charcoal {background: #242526;}
.bg-black-russian { background: #1c1c1d;}
.bg-light-gray2 { background: #ededed;}
.bg-fast-pink { background: #ff1967;}
.bg-fast-blue2 {background: #1080f2;}
.bg-meteorite { background: #473d5f;}
.bg-cinnabar { background: #E74948;}
.bg-dark-gray2{background: #181818;}
.bg-poison-green {background: #05d561;}
.bg-light-bitter-sweet {background: #f8eded;}
.bg-red {background: #bf001d;}
.bg-nero { background: #272727;}
.bg-dark-nero { background: #0e0e0e;}
.bg-medium-nero { background: #1f1f1f;}
.bg-tequila-gold { background: #c5a47e;}
.bg-dark-purple { background: #181623;}
.bg-dark-brown { background: #7d6548;}
.bg-very-light-brown { background: #eee3d6;}
.bg-dark-poison{background:#00897B;}

/* rgb background color */
.bg-cyan-rgba { background-color: rgba(49, 201, 155, 0.9);}
.bg-white-light-rgba{ background-color: rgba(255, 255, 255, 0.9);}
.bg-black-light-rgba{ background-color: rgba(0, 0, 0, 0.45);}
.bg-black-dark-rgba{ background-color: rgba(0, 0, 0, 0.8);}
.bg-greenish-blue-rgba {background-color: rgba(62, 214, 162, 0.80);}
.bg-orange-rgba { background-color: rgba(255, 152, 0, 0.8);}
.bg-black-medium-rgba{ background-color: rgba(0, 0, 0, 0.7);}
.bg-red-rgba { background-color: rgba(191, 0, 29, 0.8);}

/* opacity */
.only-opacity-light{ opacity: 0.5; }
.opacity-light{ position: absolute; height: 100%; width: 100%; opacity: 0.5; z-index: 1; top:0; left: 0 }
.opacity-medium{ position: absolute; height: 100%; width: 100%; opacity: 0.7; z-index: 1; top:0; left: 0 }
.opacity-full{ position: absolute; height: 100%; width: 100%; opacity: 0.8; top:0; left: 0 }
.opacity-full-dark{ position: absolute; height: 100%; width: 100%; opacity: 0.9; z-index: 1; top:0; left: 0 }


/* background image */
.cover-background { background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important; overflow: hidden; position: relative;}
.fix-background { background-attachment: fixed !important; background-position: center center; background-repeat: no-repeat !important; background-size: cover !important; overflow: hidden; position: relative;}
/* ===================================
    Border Color
====================================== */

.border-light { border: 1px solid rgba(0,0,0,.1);}
.border-dark{border: 1px solid #454545;}
.border-top { border-top: 1px solid rgba(0,0,0,.12);}
.border-right { border-right:1px solid rgba(0,0,0,.12);}
.border-top-light { border-top: 1px solid rgba(255,255,255,.12);}
.border-right-white { border-right: 1px solid rgba(255,255,255,255);}
.border-bottom{border-bottom: 1px solid #dcdcdc;}
.border-bottom-medium-dark{border-bottom: 1px solid rgba(0,0,0,.10);}
.border-bottom-light{border-bottom: 1px solid rgba(255,255,255,0.1);}
.border-none {border: 0 ;}
.border-top-none {border-top:0;}
.border-bottom-none {border-bottom:0 ;}
.border-left-none {border-left:0;}
.border-left {border-left:1px solid rgba(0,0,0,.12);}
.border-right-none {border-right:0;}
.border-radius-0 {border-radius: 0px;}
.border-radius-2 {border-radius: 2px;}
.border-radius-3 {border-radius: 3px;}
.border-radius-4 {border-radius: 4px;}
.border-radius-6 {border-radius: 6px;}
.border-radius-8 {border-radius: 8px;}
.border-radius-20 {border-radius: 20px;}
.border-radius-30 {border-radius: 30px;}
.border-radius-40 {border-radius: 40px;}
.border-radius-50 {border-radius: 50%;}
.border-radius-100 {border-radius: 100%;}
.border-color-light-white{border-color: rgba(255,255,255,.4);}
.border-radius-10 {border-radius: 10px;}
.img-border {border: 6px solid #fff; height: calc(100% - 40px); width: calc(100% - 40px); left: 20px; top: 20px;  position: absolute; }

/* border color */
.border-2-white {border: 2px solid #ffffff;}
.border-2-fast-blue {border: 2px solid #3966e6 ;}
.border-2-light-green {border: 2px solid #8BC34A ;}
.border-2-medium-green {border: 2px solid #259319 ;}
.border-2-deep-green {border: 2px solid #6aa84f ;}
.border-2-sky-blue {border: 2px solid #32b6e6;}
.border-2-sky-blue-dark {border: 2px solid #2c91d8;}
.border-2-light-gray {border: 2px solid #b8b8b8;}
.border-2-dark-gray {border: 2px solid #282828;}
.border-2-bitter-sweet {border: 2px solid #f3605c;}
.border-3-bitter-sweet {border: 3px solid #f3605c;}
.border-2-yellow {border: 2px solid #ffcf29;}
.border-10-light-red {border: 10px solid #f18182;}
.border-2-chrome-yellow {border: 2px solid #f5ab35;}
.border-2-turquoise-green {border: 2px solid #2ccb8e ;}
.border-2-golden {border: 2px solid #d0ae5e;}
.border-2-deep-orange {border: 2px solid #f26149;}
.border-2-orange-peel {border: 2px solid #FF9800;}
.border-greenish-blue {border: 2px solid #3ed6a2;}
.border-2-dark-aqua { border: 2px solid #43cbcd;}
.border-2-deep-green-dark {border: 2px solid #40c37d;}
.border-2-deep-blue-dark {border: 2px solid #2e70c4;}
.border-2-orange {border: 2px solid #ef5037;}
.border-2-fast-blue2 {border: 2px solid #1080f2;}
.border-2-red {border: 2px solid #bc3031;}
.border-2-cinnabar { border: 2px solid #E74948;}
.border-2-poison-green {border: 2px solid #05d561;}
.border-tequila-gold  {border: 5px solid rgba(197,164,126,.5);}
.border-2-tequila-gold {border: 2px solid #c5a47e ;}
.border-1-light-gray {border: 1px solid #e9e9e9;}
.border-2-yellow-ochre {border: 2px solid #c0812a;}

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

/* margin all side */
.margin-one-half{margin:0.5% ;}
.margin-one{margin:1% }
.margin-two{margin:1.5% }
.margin-three{margin:2%}
.margin-four{margin:2.5%}
.margin-five{margin:3%}
.margin-six{margin:3.5%}
.margin-seven{margin:4% }
.margin-eight {margin:4.5%}
.margin-nine{margin:5%;}
.margin-ten{ margin:5.5%;}
.margin-eleven{ margin:6%;}
.margin-twelve{ margin:6.5%;}
.margin-thirteen{ margin:7%;}
.margin-fourteen{ margin:7.5%;}
.margin-fifteen{ margin:8%;}
.margin-sixteen{ margin:8.5%;}
.margin-seventeen{ margin:9%;}
.margin-eighteen{ margin:9.5%;}
.margin-nineteen{ margin:10%;}
.margin-twenty{ margin:10.5%;}
.margin-twenty-one{ margin:11%;}
.margin-twenty-two{ margin:11.5%;}
.margin-twenty-three{ margin:12%;}
.margin-twenty-four{ margin:12.5%;}
.margin-twenty-five{ margin:13%;}
.margin-twenty-six{ margin:13.5%;}
.margin-twenty-seven{ margin:14%;}
.margin-twenty-eight{ margin:14.5%;}
.margin-twenty-nine{ margin:15%;}
.margin-thirty{ margin:15.5%;}
.margin-thirty-one{margin:16%;}
.margin-thirty-two{margin:16.5%;}
.margin-thirty-three{margin:17%;}
.margin-thirty-four{margin:17.5%;}
.margin-thirty-five{margin:18%;}

/* margin bottom */
.margin-one-half-bottom{margin-bottom: 0.5%;}
.margin-one-bottom{margin-bottom:1%;}
.margin-two-bottom{margin-bottom:1.5%;}
.margin-three-bottom{margin-bottom:2%;}
.margin-four-bottom{margin-bottom:2.5%;}
.margin-five-bottom{margin-bottom:3%;}
.margin-six-bottom{margin-bottom:3.5%;}
.margin-seven-bottom{margin-bottom:4%;}
.margin-eight-bottom {margin-bottom:4.5%;}
.margin-nine-bottom{margin-bottom:5%;}
.margin-ten-bottom{margin-bottom:5.5%;}
.margin-eleven-bottom{margin-bottom:6%;}
.margin-twelve-bottom{margin-bottom:6.5%;}
.margin-thirteen-bottom{margin-bottom:7%;}
.margin-fourteen-bottom{margin-bottom:7.5%;}
.margin-fifteen-bottom{margin-bottom:8%;}
.margin-sixteen-bottom{margin-bottom:8.5%;}
.margin-seventeen-bottom{margin-bottom:9%;}
.margin-eighteen-bottom{margin-bottom:9.5%;}
.margin-nineteen-bottom{margin-bottom:10%;}
.margin-twenty-bottom{margin-bottom:10.5%;}
.margin-twenty-one-bottom{margin-bottom:11%;}
.margin-twenty-two-bottom{margin-bottom:11.5%;}
.margin-twenty-three-bottom{margin-bottom:12%;}
.margin-twenty-four-bottom{margin-bottom:12.5%;}
.margin-twenty-five-bottom{margin-bottom:13%;}
.margin-twenty-six-bottom{margin-bottom:13.5%;}
.margin-twenty-seven-bottom{margin-bottom:14%;}
.margin-twenty-eight-bottom{margin-bottom:14.5%;}
.margin-twenty-nine-bottom{margin-bottom:15%;}
.margin-thirty-bottom{margin-bottom:15.5%;}
.margin-thirty-one-bottom{margin-bottom:16%;}
.margin-thirty-two-bottom{margin-bottom:16.5%;}
.margin-thirty-three-bottom{margin-bottom:17%;}
.margin-thirty-four-bottom{margin-bottom:17.5%;}
.margin-thirty-five-bottom{margin-bottom:18%;}
.margin-twenty-six-bottom{margin-bottom:26%;}
.margin-bottom-10px{ margin-bottom:10px;}
.margin-bottom-15px{ margin-bottom:15px;}
.margin-bottom-20px{ margin-bottom:20px;}
.margin-bottom-25px{ margin-bottom:25px;}
.margin-bottom-30px{ margin-bottom:30px;}
.margin-bottom-35px{ margin-bottom:35px;}
.margin-bottom-40px{ margin-bottom:40px;}
.margin-bottom-45px{ margin-bottom:45px;}
.margin-bottom-50px{ margin-bottom:50px;}
/* margin top */
.margin-one-half-top{margin-top: 0.5%;}
.margin-one-top{margin-top:1%;}
.margin-two-top{margin-top:1.5%;}
.margin-three-top{margin-top:2%;}
.margin-four-top{margin-top:2.5%;}
.margin-five-top{margin-top:3%;}
.margin-six-top{margin-top:3.5%;}
.margin-seven-top{margin-top:4%;}
.margin-eight-top {margin-top:4.5%;}
.margin-nine-top{margin-top:5%;}
.margin-ten-top{margin-top:5.5%;}
.margin-eleven-top{margin-top:6%;}
.margin-twelve-top{margin-top:6.5%;}
.margin-thirteen-top{margin-top:7%;}
.margin-fourteen-top{margin-top:7.5%;}
.margin-fifteen-top{margin-top:8%;}
.margin-sixteen-top{margin-top:8.5%;}
.margin-seventeen-top{margin-top:9%;}
.margin-eighteen-top{margin-top:9.5%;}
.margin-nineteen-top{margin-top:10%;}
.margin-twenty-top{margin-top:10.5%;}
.margin-twenty-one-top{margin-top:11%;}
.margin-twenty-two-top{margin-top:11.5%;}
.margin-twenty-three-top{margin-top:12%;}
.margin-twenty-four-top{margin-top:12.5%;}
.margin-twenty-five-top{margin-top:13%;}
.margin-twenty-six-top{margin-top:13.5%;}
.margin-twenty-seven-top{margin-top:14%;}
.margin-twenty-eight-top{margin-top:14.5%;}
.margin-twenty-nine-top{margin-top:15%;}
.margin-thirty-top{margin-top:15.5%;}
.margin-thirty-one-top{margin-top:16%;}
.margin-thirty-two-top{margin-top:16.5%;}
.margin-thirty-three-top{margin-top:17%;}
.margin-thirty-four-top{margin-top:17.5%;}
.margin-thirty-five-top{margin-top:18%;}
.margin-twenty-six-top{margin-top:26%;}
.margin-top-5px{ margin-top:5px;}
.margin-top-10px{ margin-top:10px;}
.margin-top-15px{ margin-top:15px;}
.margin-top-30px{ margin-top:30px;}
.margin-top-40px{ margin-top:40px;}
.margin-top-50px{ margin-top:50px;}
.margin-top-60px{ margin-top:60px;}
.margin-top-70px{ margin-top:70px;}
.margin-top-80px{ margin-top:80px;}
.margin-80px-tb{ margin-top:80px;margin-bottom: 80px;}
.margin-20px-tb{ margin-top:20px;margin-bottom: 20px;}

/* margin left */
.margin-one-half-left {margin-left:0.5%;}
.margin-one-left {margin-left:1%;}
.margin-two-left {margin-left:1.5%;}
.margin-three-left {margin-left:2%;}
.margin-four-left {margin-left:2.5%;}
.margin-five-left {margin-left:3%;}
.margin-six-left {margin-left:3.5%;}
.margin-seven-left {margin-left:4%;}
.margin-eight-left {margin-left:4.5%;}
.margin-nine-left {margin-left:5%;}
.margin-ten-left {margin-left:5.5%;}
.margin-eleven-left {margin-left:6%;}
.margin-twelve-left {margin-left:6.5%;}
.margin-thirteen-left {margin-left:7%;}
.margin-fourteen-left {margin-left:7.5%;}
.margin-fifteen-left {margin-left:8%;}
.margin-sixteen-left {margin-left:8.5%;}
.margin-seventeen-left{margin-left:9%;}
.margin-eighteen-left {margin-left:9.5%;}
.margin-nineteen-left {margin-left:10%;}
.margin-twenty-left{margin-left:10.5%;}
.margin-twenty-one-left{margin-left:11%;}
.margin-twenty-two-left{margin-left:11.5%;}
.margin-twenty-three-left{margin-left:12%;}
.margin-twenty-four-left{margin-left:12.5%;}
.margin-twenty-five-left{margin-left:13%;}
.margin-twenty-six-left{margin-left:13.5%;}
.margin-twenty-seven-left{margin-left:14%;}
.margin-twenty-eight-left{margin-left:14.5%;}
.margin-twenty-nine-left{margin-left:15%;}
.margin-thirty-left{margin-left:15.5%;}
.margin-thirty-one-left{margin-left:16%;}
.margin-thirty-two-left{margin-left:16.5%;}
.margin-thirty-three-left{margin-left:17%;}
.margin-thirty-four-left{margin-left:17.5%;}
.margin-thirty-five-left{margin-left:18%;}
.margin-fourty-nine-left{margin-left:25%;}
.margin-seventy-eight-left{margin-left:40%;}
.margin-ninghty-eight-left{margin-left:50%;}
.margin-left-5px {margin-left:5px;}
.margin-left-10px {margin-left:10px;}
.margin-left-15px {margin-left:15px;}
.margin-left-25px {margin-left:25px;}
.margin-left-40px {margin-left:40px;}


/* margin right */
.margin-one-half-right {margin-right:0.5%;}
.margin-one-right {margin-right:1%;}
.margin-two-right {margin-right:1.5%;}
.margin-three-right {margin-right:2%;}
.margin-four-right {margin-right:2.5%;}
.margin-five-right {margin-right:3%;}
.margin-six-right {margin-right:3.5%;}
.margin-seven-right {margin-right:4%;}
.margin-eight-right {margin-right:4.5%;}
.margin-nine-right {margin-right:5%;}
.margin-ten-right {margin-right:5.5%;}
.margin-eleven-right {margin-right:6%;}
.margin-twelve-right {margin-right:6.5%;}
.margin-thirteen-right {margin-right:7%;}
.margin-fourteen-right {margin-right:7.5%;}
.margin-fifteen-right {margin-right:8%;}
.margin-sixteen-right {margin-right:8.5%;}
.margin-seventeen-right{margin-right:9%;}
.margin-eighteen-right {margin-right:9.5%;}
.margin-nineteen-right {margin-right:10%;}
.margin-twenty-right{margin-right:10.5%;}
.margin-twenty-one-right{margin-right:11%;}
.margin-twenty-two-right{margin-right:11.5%;}
.margin-twenty-three-right{margin-right:12%;}
.margin-twenty-four-right{margin-right:12.5%;}
.margin-twenty-five-right{margin-right:13%;}
.margin-twenty-six-right{margin-right:13.5%;}
.margin-twenty-seven-right{margin-right:14%;}
.margin-twenty-eight-right{margin-right:14.5%;}
.margin-twenty-nine-right{margin-right:15%;}
.margin-thirty-right{margin-right:15.5%;}
.margin-thirty-one-right{margin-right:16%;}
.margin-thirty-two-right{margin-right:16.5%;}
.margin-thirty-three-right{margin-right:17%;}
.margin-thirty-four-right{margin-right:17.5%;}
.margin-thirty-five-right{margin-right:18%;}
.margin-right-5px {margin-right:5px;}
.margin-right-10px {margin-right:10px;}
.margin-right-15px {margin-right:15px;}
.margin-right-25px {margin-right:25px;}

.no-margin{ margin:0;}
.no-margin-left{margin-left: 0 !important; }
.no-margin-lr{ margin-left: 0; margin-right: 0;}
.no-margin-tb{ margin-top: 0; margin-bottom: 0;}
.no-margin-top{ margin-top:0;}
.no-margin-bottom{ margin-bottom:0;}
.no-margin-left{ margin-left:0;}
.no-margin-right{ margin-right:0;}
.margin-lr-auto {margin-left:auto; margin-right:auto;}

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

/* padding all side */
.padding-one-half{padding:0.5%;}
.padding-one{padding:1%;}
.padding-two{padding:1.5%;}
.padding-three{padding:2%;}
.padding-four{padding:2.5%;}
.padding-five{padding:3%;}
.padding-six{padding:3.5%;}
.padding-seven{padding:4%;}
.padding-eight {padding:4.5%;}
.padding-nine {padding:5%;}
.padding-ten{ padding:5.5%;}
.padding-eleven{ padding:6%;}
.padding-twelve{ padding:6.5%;}
.padding-thirteen{ padding:7%;}
.padding-fourteen{ padding:7.5%;}
.padding-fifteen{ padding:8%;}
.padding-sixteen{ padding:8.5%;}
.padding-seventeen{ padding:9%;}
.padding-eighteen{ padding:9.5%;}
.padding-nineteen{ padding:10%;}
.padding-twenty{ padding:10.5%;}
.padding-twenty-one{ padding:11%;}
.padding-twenty-two{ padding:11.5%;}
.padding-twenty-three{ padding:12%;}
.padding-twenty-four{ padding:12.5%;}
.padding-twenty-five{ padding:13%;}
.padding-twenty-six{ padding:13.5%;}
.padding-twenty-seven{ padding:14%;}
.padding-twenty-eight{ padding:14.5%;}
.padding-twenty-nine{ padding:15%;}
.padding-thirty{ padding:15.5%;}
.padding-thirty-one{padding:16%;}
.padding-thirty-two{padding:16.5%;}
.padding-thirty-three{padding:17%;}
.padding-thirty-four{padding:17.5%;}
.padding-thirty-five{padding:18%;}

/* padding left */
.padding-one-half-left {padding-left:0.5%;}
.padding-one-left {padding-left:1%;}
.padding-two-left {padding-left:1.5%;}
.padding-three-left {padding-left:2%;}
.padding-four-left {padding-left:2.5%;}
.padding-five-left {padding-left:3%;}
.padding-six-left {padding-left:3.5%;}
.padding-seven-left {padding-left:4%;}
.padding-eight-left {padding-left:4.5%;}
.padding-nine-left {padding-left:5%;}
.padding-ten-left {padding-left:5.5%;}
.padding-eleven-left {padding-left:6%;}
.padding-twelve-left {padding-left:6.5%;}
.padding-thirteen-left {padding-left:7%;}
.padding-fourteen-left {padding-left:7.5%;}
.padding-fifteen-left {padding-left:8%;}
.padding-sixteen-left {padding-left:8.5%;}
.padding-seventeen-left{padding-left:9%;}
.padding-eighteen-left {padding-left:9.5%;}
.padding-nineteen-left {padding-left:10%;}
.padding-twenty-left{padding-left:10.5%;}
.padding-twenty-one-left{padding-left:11%;}
.padding-twenty-two-left{padding-left:11.5%;}
.padding-twenty-three-left{padding-left:12%;}
.padding-twenty-four-left{padding-left:12.5%;}
.padding-twenty-five-left{padding-left:13%;}
.padding-twenty-six-left{padding-left:13.5%;}
.padding-twenty-seven-left{padding-left:14%;}
.padding-twenty-eight-left{padding-left:14.5%;}
.padding-twenty-nine-left{padding-left:15%;}

.padding-left-5px{ padding-left:5px;}
.padding-left-10px{ padding-left:10px;}
.padding-left-15px{ padding-left:15px;}
.padding-left-20px{ padding-left:20px;}
.padding-left-25px{ padding-left:25px;}
.padding-left-30px{ padding-left:30px;}
.padding-left-35px{ padding-left:35px;}
.padding-left-40px{ padding-left:40px;}
.padding-left-45px{ padding-left:45px;}
.padding-left-50px{ padding-left:50px;}
.padding-left-55px{ padding-left:55px;}
.padding-left-60px{ padding-left:60px;}
.padding-left-65px{ padding-left:65px;}
.padding-left-70px{ padding-left:70px;}
.padding-left-75px{ padding-left:75px;}
.padding-left-80px{ padding-left:80px;}

/* padding right */
.padding-one-half-right {padding-right:0.5%;}
.padding-one-right {padding-right:1%;}
.padding-two-right {padding-right:1.5%;}
.padding-three-right {padding-right:2%;}
.padding-four-right {padding-right:2.5%;}
.padding-five-right {padding-right:3%;}
.padding-six-right {padding-right:3.5%;}
.padding-seven-right {padding-right:4%;}
.padding-eight-right {padding-right:4.5%;}
.padding-nine-right {padding-right:5%;}
.padding-ten-right {padding-right:5.5%;}
.padding-eleven-right {padding-right:6%;}
.padding-twelve-right {padding-right:6.5%;}
.padding-thirteen-right {padding-right:7%;}
.padding-fourteen-right {padding-right:7.5%;}
.padding-fifteen-right {padding-right:8%;}
.padding-sixteen-right {padding-right:8.5%;}
.padding-seventeen-right{padding-right:9%;}
.padding-eighteen-right {padding-right:9.5%;}
.padding-nineteen-right {padding-right:10%;}
.padding-twenty-right{padding-right:10.5%;}
.padding-twenty-one-right{padding-right:11%;}
.padding-twenty-two-right{padding-right:11.5%;}
.padding-twenty-three-right{padding-right:12%;}
.padding-twenty-four-right{padding-right:12.5%;}
.padding-twenty-five-right{padding-right:13%;}
.padding-twenty-six-right{padding-right:13.5%;}
.padding-twenty-seven-right{padding-right:14%;}
.padding-twenty-eight-right{padding-right:14.5%;}
.padding-twenty-nine-right{padding-right:15%;}

/* padding top */
.padding-one-half-top {padding-top:0.5%;}
.padding-one-top {padding-top:1%;}
.padding-two-top {padding-top:1.5%;}
.padding-three-top {padding-top:2%;}
.padding-four-top {padding-top:2.5%;}
.padding-five-top {padding-top:3%;}
.padding-six-top {padding-top:3.5%;}
.padding-seven-top {padding-top:4%;}
.padding-eight-top {padding-top:4.5%;}
.padding-nine-top {padding-top:5%;}
.padding-ten-top {padding-top:5.5%;}
.padding-eleven-top {padding-top:6%;}
.padding-twelve-top {padding-top:6.5%;}
.padding-thirteen-top {padding-top:7%;}
.padding-fourteen-top {padding-top:7.5%;}
.padding-fifteen-top {padding-top:8%;}
.padding-sixteen-top {padding-top:8.5%;}
.padding-seventeen-top{padding-top:9%;}
.padding-eighteen-top {padding-top:9.5%;}
.padding-nineteen-top {padding-top:10%;}
.padding-twenty-top{padding-top:10.5%;}
.padding-twenty-one-top{padding-top:11%;}
.padding-twenty-two-top{padding-top:11.5%;}
.padding-twenty-three-top{padding-top:12%;}
.padding-twenty-four-top{padding-top:12.5%;}
.padding-twenty-five-top{padding-top:13%;}
.padding-twenty-six-top{padding-top:13.5%;}
.padding-twenty-seven-top{padding-top:14%;}
.padding-twenty-eight-top{padding-top:14.5%;}
.padding-twenty-nine-top{padding-top:15%;}

.padding-top-5px{ padding-top:5px;}
.padding-top-10px{ padding-top:10px;}
.padding-top-15px{ padding-top:15px;}
.padding-top-20px{ padding-top:20px;}
.padding-top-25px{ padding-top:25px;}
.padding-top-30px{ padding-top:30px;}
.padding-top-35px{ padding-top:35px;}
.padding-top-40px{ padding-top:40px;}
.padding-top-45px{ padding-top:45px;}
.padding-top-50px{ padding-top:50px;}
.padding-top-55px{ padding-top:55px;}
.padding-top-60px{ padding-top:60px;}
.padding-top-65px{ padding-top:65px;}
.padding-top-70px{ padding-top:70px;}
.padding-top-75px{ padding-top:75px;}
.padding-top-80px{ padding-top:80px;}

/* padding bottom */
.padding-one-half-bottom {padding-bottom:0.5%;}
.padding-one-bottom {padding-bottom:1%;}
.padding-two-bottom {padding-bottom:1.5%;}
.padding-three-bottom {padding-bottom:2%;}
.padding-four-bottom {padding-bottom:2.5%;}
.padding-five-bottom {padding-bottom:3%;}
.padding-six-bottom {padding-bottom:3.5%;}
.padding-seven-bottom {padding-bottom:4%;}
.padding-eight-bottom {padding-bottom:4.5%;}
.padding-nine-bottom {padding-bottom:5%;}
.padding-ten-bottom {padding-bottom:5.5%;}
.padding-eleven-bottom {padding-bottom:6%;}
.padding-twelve-bottom {padding-bottom:6.5%;}
.padding-thirteen-bottom {padding-bottom:7%;}
.padding-fourteen-bottom {padding-bottom:7.5%;}
.padding-fifteen-bottom {padding-bottom:8%;}
.padding-sixteen-bottom {padding-bottom:8.5%;}
.padding-seventeen-bottom{padding-bottom:9%;}
.padding-eighteen-bottom {padding-bottom:9.5%;}
.padding-nineteen-bottom {padding-bottom:10%;}
.padding-twenty-bottom{padding-bottom:10.5%;}
.padding-twenty-one-bottom{padding-bottom:11%;}
.padding-twenty-two-bottom{padding-bottom:11.5%;}
.padding-twenty-three-bottom{padding-bottom:12%;}
.padding-twenty-four-bottom{padding-bottom:12.5%;}
.padding-twenty-five-bottom{padding-bottom:13%;}
.padding-twenty-six-bottom{padding-bottom:13.5%;}
.padding-twenty-seven-bottom{padding-bottom:14%;}
.padding-twenty-eight-bottom{padding-bottom:14.5%;}
.padding-twenty-nine-bottom{padding-bottom:15%;}

.padding-bottom-5px{ padding-bottom:5px;}
.padding-bottom-10px{ padding-bottom:10px;}
.padding-bottom-15px{ padding-bottom:15px;}
.padding-bottom-20px{ padding-bottom:20px;}
.padding-bottom-25px{ padding-bottom:25px;}
.padding-bottom-30px{ padding-bottom:30px;}
.padding-bottom-35px{ padding-bottom:35px;}
.padding-bottom-40px{ padding-bottom:40px;}
.padding-bottom-45px{ padding-bottom:45px;}
.padding-bottom-50px{ padding-bottom:50px;}

.padding-left-right-px { padding: 0 15px;}
.padding-30px-top { padding-top:30px;}
.padding-40px-top { padding-top:40px;}
.padding-60px-top { padding-top:60px;}
.padding-70px-top { padding-top:70px;}
.padding-90px-top { padding-top: 90px;}
.padding-110px-top { padding-top: 110px;}
.padding-120px-top { padding-top: 120px;}
.padding-130px-top { padding-top: 130px;}
.padding-140px-top { padding-top: 140px;}
.padding-150px-top { padding-top: 150px;}
.padding-60px-bottom { padding-bottom: 60px;}
.padding-10px-tb{ padding-top: 10px; padding-bottom: 10px;}
.padding-20px-tb{ padding-top: 20px; padding-bottom: 20px;}
.padding-30px-tb{ padding-top: 30px; padding-bottom: 30px;}
.padding-40px-tb{ padding-top: 40px; padding-bottom: 40px;}
.padding-50px-tb{ padding-top: 50px; padding-bottom: 50px;}
.padding-60px-tb{ padding-top: 60px; padding-bottom: 60px;}
.padding-70px-tb{ padding-top: 70px; padding-bottom: 70px;}
.padding-80px-tb{ padding-top: 80px; padding-bottom: 80px;}
.padding-90px-tb{ padding-top: 90px; padding-bottom: 90px;}
.padding-110px-tb{ padding-top: 110px; padding-bottom: 110px;}
.padding-120px-tb{ padding-top: 120px; padding-bottom: 120px;}
.padding-130px-tb{ padding-top: 130px; padding-bottom: 130px;}
.padding-140px-tb{ padding-top: 140px; padding-bottom: 140px;}
.padding-150px-tb{ padding-top: 150px; padding-bottom: 150px;}
.padding-100px-tb{ padding-top: 100px; padding-bottom: 100px;}

.no-padding{ padding:0;}
.no-padding-lr{ padding-left: 0; padding-right: 0;}
.no-padding-tb{ padding-top: 0; padding-bottom: 0;}
.no-padding-top{ padding-top:0;}
.no-padding-bottom{ padding-bottom:0;}
.no-padding-left{ padding-left:0;}
.no-padding-right{ padding-right:0;}
.padding-testimonial{padding: 30px;}

/* ===================================
    Custom
====================================== */

/* float */
.float-left { float: left;}
.float-right { float: right;}
.float-none { float: none;}

/* section */
.center-col { float: none; margin-left: auto; margin-right: auto;}
.clear-both{ clear:both}
section {border-bottom:1px solid #ececec}

/* separator */
.separator-line { height: 1px; width: 68px;}
.separator-line1 { height: 1px; width: 65px;}
.separator-line2 { height: 3px; width: 60px;}
.separator-line3 { height: 3px; width: 40px;}
.separator-line-full { height: 1px; margin: 0 auto; width: 100%;}
.separator-line-full-margin { height: 1px; width: 100%;}
.border-all {
  border: 1px solid #ededed; }

/* vertical align */
.vertical-align-middle { vertical-align: middle;}
.vertical-align-bottom { vertical-align: bottom;}
.vertical-align-top { vertical-align: top;}
.vertical-align-sub { vertical-align: sub;}

/* display */
.display-block { display: block;}
.overflow-hidden{ overflow: hidden;}
.overflow-auto{ overflow: auto;}
.display-inline-block { display: inline-block;}
.display-inline { display: inline;}
.display-none { display: none;}
.display-inherit { display: inherit;}
.display-table{ display: table;}
.display-table-cell{display: table-cell !important;}
.display-table-cell-vertical-middle{ display: table-cell; vertical-align: middle; float: none;}
.display-table-cell-vertical-bottom{ display: table-cell; vertical-align:bottom; float: none;}
.list-style-none { list-style: none; padding: 0; margin: 0;}

/* position */
.position-relative{ position: relative; z-index: 5 }
.position-absolute {position: absolute;}
.position-fixed {position: fixed;}
.position-inherit {position: inherit;}
.position-static { position: static;}
.position-right { right:0; }
.position-left { left:0; }
.position-top { top:0; }
.position-bottom { bottom:0; }

/* top */
.top-0{top: 0;}
.top-1{top: 1px;}
.top-2{top: 2px;}
.top-3{top: 3px;}
.top-4{top: 4px;}
.top-5{top: 5px;}
.top-6{top: 6px;}
.top-7{top: 7px;}
.top-8{top: 8px;}
.top-9{top: 9px;}
.top-10{top: 10px;}

.top-minus1 {top: -1px;}
.top-minus2 {top: -2px;}
.top-minus3 {top: -3px;}
.top-minus4 {top: -4px;}
.top-minus5 {top: -5px;}
.top-minus6 {top: -6px;}
.top-minus7 {top: -7px;}
.top-minus8 {top: -8px;}
.top-minus9 {top: -9px;}
.top-minus10 {top: -10px;}

.left-minus1 {left: -1px;}
.left-minus2 {left: -2px;}
.left-minus3 {left: -3px;}
.left-minus4 {left: -4px;}
.left-minus5 {left: -5px;}
.left-minus6 {left: -6px;}
.left-minus7 {left: -7px;}
.left-minus8 {left: -8px;}
.left-minus9 {left: -9px;}
.left-minus10 {left: -10px;}
.left-20p{left: 20%}
.left-40p{left: 40%}

.left-100p{left: 100%;}
.left-85p{left: 85%;}
.left-100p{left: 100%;}
    
.left-0{left: 0;}   
.left-1 {left: 1px;}
.left-2 {left: 2px;}
.left-3 {left: 3px;}
.left-4 {left: 4px;}
.left-5 {left: 5px;}
.left-6 {left: 6px;}
.left-7 {left: 7px;}
.left-8 {left: 8px;}
.left-9 {left: 9px;}
.left-10 {left: 10px;}

.right-10p{right:10%;}
.right-30p{right: 30%;}
.right-15p{right:15%;}
.right-0 {right: 0px;}
.right-3{right:3%;}

/* bottom */
.bottom-0{bottom: 0;}
.bottom-3{bottom: 3px;}
.bottom-4{bottom: 4px;}
.bottom-5{bottom: 5px;}
.bottom-6{bottom: 6px;}
.bottom-7{bottom: 7px;}
.bottom-8{bottom: 8px;}
.bottom-9{bottom: 9px;}
.bottom-10{bottom: 10px;}

/* width */
.width { display: inline-block; position: relative; width: 90%; }
.width-15 { width:15%;}
.width-20 { width:20%;}
.width-25 { width:25%;}
.width-30 { width:30%;}
.width-35 { width:35%;}
.width-40 { width:40%;}
.width-45 { width:45%;}
.width-50 { width:50%;}
.width-55 { width:55%;}
.width-60 { width:60%;}
.width-65 { width:65%;}
.width-70 { width:70%;}
.width-75 { width:75%;}
.width-80 { width:80%;}
.width-85 { width:85%;}
.width-90 { width:90%;}
.width-95 { width:95%;}
.width-100 { width:100%;}
.width-auto { width: auto;}
.width-130px { width:130px;}

.height-20 { height:20%;}
.height-25 { height:25%;}
.height-30 { height:30%;}
.height-35 { height:35%;}
.height-40 { height:40%;}
.height-45 { height:45%;}
.height-50 { height:50%;}
.height-55 { height:55%;}
.height-60 { height:60%;}
.height-65 { height:65%;}
.height-70 { height:70%;}
.height-75 { height:75%;}
.height-80 { height:80%;}
.height-85 { height:85%;}
.height-90 { height:90%;}
.height-95 { height:95%;}
.height-100 { height:100%;}
.min-height { min-height: 100%;}

/* z-index */
.z-index-0{ z-index: 0;}
.z-index-1{ z-index: 1;}
.z-index-2{ z-index: 2;}
.z-index-3{ z-index: 3;}
.z-index-4{ z-index: 4;}
.z-index-5{ z-index: 5;}
.z-index-6{ z-index: 6;}
.z-index-7{ z-index: 7;}
.z-index-8{ z-index: 8;}
.z-index-999{ z-index: 999;}

/* section height  */
.small-screen {height: 450px;}
.one-second-screen {height: 600px;}
.one-third-screen {height: 700px;}
.one-fourth-screen {height: 800px;}
.one-fifth-screen {height: 900px;}
.one-sixth-screen {height: 985px;}

/* round image  */
.img-round{ width: 250px; border-radius: 50%; overflow: hidden;}
.img-round-250{ border-radius: 50%; height: 250px; width: 250px; overflow: hidden;}
.img-round-70{ border-radius: 50%; height: 70px; width: 70px; overflow: hidden;}
.img-round-80{ border-radius: 50%; height: 80px; width: 80px; overflow: hidden;}
.img-round-90{ border-radius: 50%; height: 90px; width: 90px; overflow: hidden;}
.img-round-100{ border-radius: 50%; height: 100px; width: 100px; overflow: hidden;}
.img-round-110{ border-radius: 50%; height: 110px; width: 110px; overflow: hidden;}
.img-round-120{ border-radius: 50%; height: 120px; width: 120px; overflow: hidden;}
.img100 { width: 100%;}

/* column for equalizer   ***/
.two-column > div:nth-child(2n+1) { clear: both; }
.three-column > div:nth-child(3n+1) { clear: both; }
.four-column > div:nth-child(4n+1) { clear: both; }
.six-column > div:nth-child(6n+1) { clear: both; }

/* list */
.list-line { list-style: none; padding: 0; margin: 0;}
.list-line li {border-bottom:1px solid rgba(0,0,0,.15); padding:18px 0}
.list-line li:last-child {border-bottom:none}
.list-line li:first-child {padding-top:0}

/* ===================================
    OWL Carousel
====================================== */

.owl-bg-img {display: block; overflow: hidden; position: relative; width: 100%;}
.owl-buttons .owl-prev {position: absolute; top: 50%; margin-top:-18px; left: 70px; font-size: 35px; color: #fff}
.owl-buttons .owl-next {position: absolute; top: 50%; right:70px; font-size: 35px; color: #fff; margin-top:-18px;}
.owl-pagination {position: absolute; bottom: 35px; text-align: center; width: 100%;}
.owl-pagination .owl-page {display: inline-block}
.owl-pagination .owl-page span {width: 10px; height: 10px; border-radius: 100%; border: 2px solid rgba(255,255,255,.5); display: inline-block; margin: 0 5px;}
.owl-pagination .active span {background-color: #fff; border: 2px solid rgba(255,255,255,.8);}
.owl-pagination-bottom .owl-pagination{position: absolute; bottom:-50px; text-align: center; width: 100%;}
.owl-pagination-bottom .owl-pagination .active span {background: rgba(255,255,255,.8); }
.owl-without-next-pre-arrow .owl-buttons { display: none;}
.owl-pagination-bottom-30px .owl-pagination{bottom:-30px; position: absolute; text-align: center; width: 100%;}

/* hide dot buttons */
.owl-no-buttons .owl-buttons { display: none;}

/* hide dot navigation */
.owl-no-pagination .owl-pagination { display: none}

/* hide next previous arrow */
.owl-without-next-prev-arrow .owl-prev, .owl-without-next-prev-arrow .owl-next {display: none}

/* dark pagination */
.owl-dark-pagination .owl-item {cursor: url("../images/icon/icon-move-black.png"), move;}
.owl-dark-pagination .owl-pagination .owl-page span {border: 2px solid rgba(0,0,0,.5);}
.owl-dark-pagination .owl-pagination .active span {background-color: #000; border: 2px solid rgba(0,0,0,.8);}
.owl-dark-pagination .owl-buttons .owl-prev {position: absolute; top: 48%; left: 70px; font-size: 35px; color: #000}
.owl-dark-pagination .owl-buttons .owl-next {position: absolute; top: 48%; right:70px; font-size: 35px; color: #000}

/* outside next previous arrow */
.outside-arrow .owl-buttons .owl-prev {background: #999999; border-radius: 50%; color: #ffffff; font-size: 24px; height: 50px; padding: 13px; position: absolute; left: -60px; top: 50%; width: 50px; margin-top: -25px}
.outside-arrow .owl-buttons .owl-next {background: #999999; border-radius: 50%; color: #ffffff; font-size: 24px; height: 50px; padding: 13px; position: absolute; right: -60px; top: 50%; width: 50px; margin-top: -25px}

/* outside next previous arrow simple */
.outside-arrow-simple .owl-buttons .owl-prev {color: #282828; font-size: 24px; height: 50px; padding: 13px; position: absolute; left: -60px; top: 50%; width: 50px; margin-top: -25px}
.outside-arrow-simple .owl-buttons .owl-next {color: #282828 ; font-size: 24px; height: 50px; padding: 13px; position: absolute; right: -60px; top: 50%; width: 50px; margin-top: -25px}

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

.btn {display: inline-block; border-radius:4px; /* width: auto */; font-family: 'Montserrat', sans-serif; font-weight: 500; white-space: inherit; cursor: pointer;}
.btn p {margin-bottom:0}
.btn:hover {opacity:0.7}
.btn-dual .btn {margin:0 20px 0 0}
.btn-dual .btn:last-child {margin:0}
.btn-round { border-radius:4px;}
.btn-circle { border-radius:30px;}
.btn i { margin-left:7px; vertical-align:baseline; margin-top: 1px;}
.btn-small-white:focus {color: #fff}
.button { margin-top:0; margin-bottom: 0}

.btn.btn-extra-large2 { font-size: 16px; padding: 18px 30px; line-height: 20px;}
.btn.btn-extra-large { font-size: 14px; padding: 14px 28px; line-height: 18px;}
.btn.btn-large { font-size: 13px; padding: 11px 25px; line-height: 18px;}
.btn.btn-medium { font-size: 12px; padding: 8px 20px; line-height: 18px;}
.btn.btn-small { font-size: 11px; padding: 4px 14px; line-height: 18px;}
.btn.btn-very-small {font-size: 10px; padding: 10px 12px 10px; line-height: 0;}

.btn-circle.btn-extra-large { font-size: 16px; padding: 20px 42px; line-height: 18px;}
.btn-circle.btn-large { font-size: 14px; padding: 12px 30px; line-height: 18px;}
.btn-circle.btn-medium { font-size: 12px; padding: 8px 25px; line-height: 18px;}
.btn-circle.btn-small { font-size: 10px; padding: 5px 22px; line-height: 18px;}
.btn-circle.btn-very-small {font-size: 10px; padding: 10px 12px 10px; line-height: 0;}

.btn.btn-border {border: 2px solid; background-color: rgba(0, 0, 0, 0);}

.btn-3d { border-bottom:3px solid rgba(0,0,0,0.2);}

.btn-shadow { box-shadow: 0 0 6px rgba(0,0,0,.3);}
.box-shadow-light { box-shadow: 0 0 3px rgba(0,0,0,.1);}
.box-shadow { box-shadow: 0 0 3px rgba(0,0,0, .2);}
.box-shadow-dark { box-shadow: 0 0 4px rgba(0,0,0,.4);}

.highlight-button-black { background-color: transparent; border: 2px solid #000; color: #000; display: inline-block; font-size: 12px; padding: 8px 20px 9px;}
.highlight-button-black-border { background-color: transparent; border: 2px solid #000; color: #000; font-size: 22px; font-weight: 600; padding: 20px 30px;}
.highlight-button-white-border { background-color: transparent; border: 2px solid #fff; color: #fff; font-size: 22px; font-weight: 600; padding: 20px 30px;}

/* buttons hover */
.button-black-hover:hover {border: 1px solid #000; color: #000;}
.button-white-hover:hover {border: 1px solid #fff; color: #fff;}

.highlight-button-black:hover { background-color: #000; border: 2px solid #000; color: #fff;}
.highlight-button-black-border { background-color: transparent; border: 2px solid #000; color: #000; font-size: 22px; font-weight: 500; padding: 20px 30px;}
.highlight-button-black-border:hover { background-color: #000; border: 2px solid #000; color: #fff;}
.highlight-button-white-border { background-color: transparent; border: 2px solid #fff; color: #fff; font-size: 22px; font-weight: 500; padding: 20px 30px;}
.highlight-button-white-border:hover { background-color: transparent; border: 2px solid #fff; color: #fff;}

.highlight-button-bitter-sweet-border{background-color: rgba(0, 0, 0, 0); border: 5px solid #f3605c; color: #ffffff; font-size: 18px; padding: 4px 17px; font-weight: 400;}
.highlight-button-bitter-sweet-border:hover{background-color: #000; border: 5px solid #000; color: #fff;}
.highlight-button-white-border-wide{background-color: rgba(0, 0, 0, 0); border: 3px solid #ffffff; color: #ffffff; font-size: 16px; padding: 8px 30px; font-weight: 400;}
.highlight-button-white-border-wide:hover{border: 3px solid #f3605c; color: #fff;}

.highlight-button-dark-slate-blue-border-wide{background-color: rgba(0, 0, 0, 0); border: 5px solid #55365e; color: #f3605c; font-weight: 400; font-size: 18px; padding: 4px 17px;}
.highlight-button-dark-slate-blue-border-wide:hover{background-color: #55365e; border: 5px solid #55365e; color: #fff;}

/* scroll down */
.scroll-down { bottom: 50px; position: absolute; text-align: center; width: 100%; z-index: 9;}
.scroll-down a i { border: 2px solid #fff; border-radius: 100%; color: #fff; font-size: 25px; padding:4px 0 0 1px; width: 38px; height: 38px;}

/* ===================================
    Form Control
====================================== */

.extra-big-input, .extra-big-textarea, .extra-big-select select { padding: 18px 25px; border:1px solid rgba(0,0,0,.1); font-size: 14px;}
.big-input, .big-textarea, .big-select select { padding: 18px 25px; border:1px solid rgba(0,0,0,.1); font-size: 14px;}
.big-input:focus, .big-select:focus {border:1px solid rgba(0,0,0,.5);}
.big-label {font-size:14px; letter-spacing:2px;}

.medium-input, .medium-textarea, .medium-select select { padding: 12px 20px; border:1px solid rgba(0,0,0,.1); font-size: 14px; line-height: normal}
.medium-input:focus, .medium-select:focus {border:1px solid rgba(0,0,0,.5);}
.small-input, .small-textarea { padding: 12px 15px; border:1px solid rgba(0,0,0,.1); font-size: 11px; line-height: normal}
.small-input:focus, .small-select:focus {border:1px solid rgba(0,0,0,.5);}
.small-select select {padding: 15px 15px; line-height: normal}
.medium-input-light, .medium-textarea-light, .medium-select-light select { padding: 12px 25px; border:1px solid rgba(255,255,255,.1); font-size: 12px; background: rgba(255,255,255,.1); line-height: normal}
.medium-input-light:focus, .medium-select-light:focus {border:1px solid rgba(255,255,255,.4);}

/* 23-feb-2016 */
.extra-small-input, .extra-small-textarea, .extra-small-select select { padding: 9px 17px; border:1px solid rgba(0,0,0,.1); font-size: 12px; text-transform: uppercase; line-height: normal}
.extra-small-input:focus, .extra-small-select:focus {border:1px solid rgba(0,0,0,0.5);}

.msg_error {border:1px solid #dd1c1c !important;}

.input-group input, .input-group textarea, .input-group select {margin:0; border-radius:4px 0 0 4px; border-color: #fff; padding: 19px 25px;}
.input-group-btn .btn {border-radius:0 4px 4px 0}
.input-group-btn .btn.btn-large {line-height:2px; height:62px; padding:15px 25px!important}
.input-group input.tz_input_error, .input-group textarea.tz_input_error, .input-group select.tz_input_error { border-color: #dd1c1c;}

#success { clear: both; margin: 0 15px 20px; text-align: center; background-color: #6dc13a; border: 2px solid #6dc13a; color: #fff; padding: 10px 0; display: block; }
#error { clear: both; margin: 0 15px 20px; text-align: center; background-color: #ec2313; border: 2px solid #ec2313; color: #fff; padding: 10px 0; display: block; }
.g-recaptcha {margin:0 0 20px 0}
.google-recaptcha-error {color:#ec2313; display:block; margin: 0 0 25px 0}

/* ===================================
    Portfolio and Photo Gallery
====================================== */

.grid li { transition-duration: 0s;}
.grid img { width: 100%;}
.grid-gallery { clear: both; float: left; width: 100%;}
.gallery-img a { display: block; position: relative; z-index: 2;}
.grid-gallery ul { list-style: outside none none; padding: 0;}
.grid-gallery figure { margin: 0; position: relative; overflow: hidden}
.grid-gallery figure img { cursor: pointer; display: block; opacity: 1; width: 100%;}
.grid { margin: 0 auto;}
.grid li { box-sizing: border-box; display: inline-table; float: left; margin: 0; width: 25%;}
.grid-gallery ul { margin-left: 1px;}
.grid figure { transition: opacity 0.2s ease 0s;}
.grid figcaption { bottom: 70px; opacity: 0; position: absolute; text-align: center; transition: all 0.3s ease 0s; width: 100%;}
.gallery-img { opacity: 1; overflow: hidden; transition: all 0.3s ease 0s;}
.grid figure:hover .gallery-img { background-color: #000;}
.no-hover figure:hover .gallery-img { background-color: transparent;}
.no-hover figure:hover img { opacity: 1; transform: none;}
figure:hover img { cursor: url("../images/icon/icon-zoom-white.png"), pointer; opacity: 0.15; transform: scale(1.1, 1.1); transition: all 0.3s ease 0s;}
.mfp-figure figure:hover img { cursor: pointer;}
.grid figure:hover figcaption { opacity: 1; transition: all 0.3s ease 0s;}
.revolution-masonry-portfolio-list .portfolio-item { padding: 10px;}

/* portfolio grid - 2 column  */
.work-2col .grid li { float: left; width: 50%;}

/* portfolio grid - 3 column  */
.work-3col .grid li { float: left; width: 33.33%;}

/* portfolio grid - 4 column  */
.work-4col .grid li { float: left; width: 25%;}

/* portfolio grid - 5 column  */
.work-5col .grid li { float: left; width: 20%;}

/* portfolio grid - gutter */
.gutter .grid-gallery ul { margin-left: -14px;}
.gutter .grid li { padding: 0 0 14px 14px;}

/* portfolio with title */
.work-with-title .grid figcaption { background: rgba(19,19,19,.95); bottom: -25px; opacity: 1; display:block; padding: 25px 0; position: absolute; z-index: 2;}
.work-with-title .grid figure:hover figcaption {bottom:0}
.work-with-title .grid figcaption p {opacity: 0; transform: translateY(13px); transition-property: transform, opacity; margin: 0}
.work-with-title .grid figure:hover figcaption, .work-with-title .grid figure:hover p { opacity: 1; display:block;  }
.work-with-title .grid figure:hover p  {transform: translateY(0); transition-property: transform, opacity;}
.work-with-title figure:hover img { cursor: pointer; opacity: 1; transform: scale(1.1, 1.1); }

/* portfolio with title light */
.work-with-title-light .grid figcaption { background: rgba(255,255,255,1); bottom: 0; opacity: 1; display:block; padding: 25px 0; position: absolute; z-index: 2;}
.work-with-title-light .grid figcaption p {margin:0}
.work-with-title-light .grid figure:hover figcaption {background: rgba(0,0,0,.95);}
.work-with-title-light .grid figure:hover figcaption .text-dark-gray {color: #fff;}
.work-with-title-light .grid figure:hover figcaption, .work-with-title-light .grid figure:hover p { opacity: 1; display:block;  }
.work-with-title-light figure:hover img { cursor: pointer; opacity: 1; transform: scale(1.1, 1.1);  }

/* ===================================
    Video and Sound
====================================== */

.video-wrapper { height: 100%; overflow: hidden; position: absolute; width: 100%; top: 0;}
.html-video { background-color: #000; height: auto; left: 50%; min-height: 100%; min-width: 100%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: auto; z-index: -3;}
.sound iframe{width: 100%;}
.video-background { position: relative; height: 100%; width: 100%; z-index: 1; top: 0; background: rgba(67,67,67,0.5); }

/* ===================================
    Navbar
====================================== */

.navbar {padding: 16px 0 16px; z-index: 999; width: 100%; border-radius: 0; border: 0;}
.navbar.sidebar-nav{position:fixed; top:0; right:0; z-index:10; padding:0;}
.sidebar-nav .navigation-menu{display:table-cell; position:relative;}
.navbar img {max-height:65px;}
footer a img{max-height:65px;}
.navbar li {margin:13px 17px; position: relative;}
.navbar li:last-child { margin-right: 0;}
.navbar li a {font-size: 14px; padding: 0;cursor: pointer; border-bottom: 2px solid transparent; }
.navbar li a:hover,.navbar li a:focus {opacity: 0.8; background:none; border-bottom: 2px solid #fff;}
.navbar li a.active {opacity: 0.8;}
.navbar .nav-button { margin: 10px 0 8px 30px;}
.navbar .nav-button i {margin-right:5px}
.navbar .nav-button a { padding: 4px 22px 4px; border: 1px solid transparent; font-size: 10px}
.navbar-collapse { padding: 0;}
/*header .container { position: relative;}*/
header .row { align-items: center; display: flex; height: auto;}
.header-margin-top { margin-top: 86px; }
.navbar.shrink-nav { position: fixed; top: 0; }
.navbar.shrink-nav.shrink { padding: 11px 0; border-bottom: 1px solid rgba(0,0,0,0.1); }
.header-margin-top-big { margin-top: 134px; }
.header-margin-top-medium { margin-top: 138px; }
.navbar.shrink-nav.shrink .header-bottom { padding: 11px 0;}

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


/* header style 1 */
.header-style1 .navbar-nav { width: 100%;}
.header-style1 .navbar li { display: inline-block; float: none; margin: 0 20px}
.header-style1 .navbar li a { font-weight: 400; color: #797979;}
.header-style1 .black-header.navbar li a { color: #ffffff;}


/* header style 2 */
.header-style2 .header-top { border-bottom: 1px solid #eaeaea; padding: 10px 0;}
.header-style2 .header-top .mail { color: #797979; font-size: 11px; float: left;}
.header-style2 .header-top .mail a, .header-style2 .white-header .header-bottom li a { color: #797979;}
.header-style2 .header-top a:hover { opacity: 0.5;}
.header-style2 .social a { margin: 0 13px; font-size: 14px; color: #797979;}
.header-style2 .social a:last-child {margin-right: 0}
.header-style2 .header-bottom { padding: 18px 0;}
.header-style2 .header-bottom li:last-child { margin-right: 0;}
.header-style2 .header-bottom li a { color: #fff; line-height: 19px;}
.header-style2 .header-bottom li a:before { content: "\f111"; font-size: 6px; color: #ffffff; font-family: fontawesome; right: -23px; position: absolute;}
.header-style2 .header-bottom li:last-child a:before { display: none;}
.header-style2 .white-header .header-top .mail, .header-style2 .white-header .header-top .mail a, .header-style2 .white-header .social a { color: #555555;}

/* header style 3 */
.header-style3 .full-header { padding: 0 40px; }

/* header style 4 */
.header-style4 .black-header li a, .header-style4 .black-header li a:before { color: #ffffff;}
.header-style4 li a:before { content: "\f111"; font-size: 6px; color: #959595; font-family: 'Font Awesome\ 5 Free'; right: -23px; position: absolute; top: -1px}
.header-style4 li:last-child a:before { display: none;}


/* header style 5 */
/*.header-style5 .social { float: right; margin: 12px 0 9px 30px;}*/
.header-style5 .social a { font-size: 14px; color: #242424; margin: 0 9px;}
.header-style5 .navbar li a {font-size: 14px;}
.header-style5 .social a:last-child { margin-right: 0;}
.header-style5 .social a:hover { opacity: 0.5;}
.header-style5 .black-header .social a { color: #ffffff;}
.header-style5 .black-header.navbar li a { color: #ffffff; background-color:transparent;}

/* header style 6 */
.header-style6 .navbar { padding: 23px 0;}
.header-style6 .header-bottom { padding: 25px 0;}
.header-style6 .social a{font-size: 14px; margin: 0 12px; color:#292a2a}
.header-style6 .social a:hover{ opacity: 0.5;}
.header-style6 .social a{ color: #000;}
.header-style6 .navbar.shrink-nav.shrink { padding: 18px 0; }

/* header style 7 */
.header-style7 .navbar { padding: 20px 40px; position: absolute;}
.header-style7 .shrink-transparent-header-dark.shrink { padding: 11px 40px;}
.header-style7 .navbar .nav-button a { background-color: #ffffff; color: #000000;}
.header-style7 .one-fourth-screen { min-height: 750px;}
.header-style7 .navbar li a { color: #ffffff;}
.header-style7 .header-banner .banner-icon:hover, .header-style7 .header-banner .banner-icon:focus {color: #ffffff;}

/* transparent header */
.shrink-transparent-header-dark.shrink { background: #1e5663;}
.shrink-transparent-header-light.shrink { background: #ffffff;}
.shrink-transparent-header-light.shrink.navbar li a { color: #282828; }
.shrink-transparent-header-light.shrink.navbar .nav-button a { border: 2px solid #000; color: #fff;}
.shrink-transparent-header-light.shrink.navbar .social a { color: #282828;}

/* header border bottom */
.header-border-light {border-bottom: 1px solid rgba(255,255,255,.1)}
.header-border-dark {border-bottom: 1px solid rgba(0,0,0,.1)}
.light-header.navbar li.active a { border-bottom: 2px solid  rgba(255, 255, 255, 0.904); }
.center-logo-header .light-header.navbar li.active a { border-bottom: 1px solid rgba(0, 0, 0, 0.3);background-color: transparent !important; }
.center-logo-header .light-header.navbar li.center-logo.active a{border-bottom:none;}
.dark-header.navbar li.active a { border-bottom: 2px solid rgba(255, 255, 255,1); }

/* Center Logo*/
.center-logo-navbar .nav {float:none;}
.center-logo-navbar .nav li {display:inline-block;float:none;vertical-align:middle;margin: 0 20px;}
.center-logo-navbar .nav li a {color:#434343; font-size:12px; font-weight:600; line-height:20px;}
.center-logo-navbar .nav li.center-logo a, .center-logo-navbar .nav li.center-logo a:hover {background:transparent;max-width:150px;}
.center-logo-navbar .nav li.center-logo a img {height:auto;vertical-align:middle;display:inline-block;}


/* sidebar navigation */
.navbar-brand img {position: relative; top: -5px; z-index: 2; max-width: 156px;}
.sidebar-nav { width: 250px; /*height: 100%*/}
.sidebar-nav .navbar-header {background: none}
nav.sidebar-nav .container { vertical-align: top; padding:60px 40px }
.sidebar-nav .navbar-nav li {width: 100%; padding: 15px 0; border-bottom: 1px solid rgba(0,0,0,.1); margin: 0}
.sidebar-nav .navbar-nav li:last-child {border-bottom: none}
.sidebar-nav .navbar-nav li a {color: #000 !important; padding: 0 0 0 15px !important; font-weight: 600; border-bottom: none}
.sidebar-nav .navbar-nav li a:before { content: ""; left: 1px; position: absolute; top: 26px; border-bottom: 2px solid #ffcf29; width: 6px; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s;}
.sidebar-nav .navbar-nav li a:hover:before, .sidebar-nav .navbar-nav li.active a:before {width: 130px; border-bottom: 1px solid #ffcf29;}
.sidebar-wrapper {padding-right:250px }
.sidebar-nav .footer-social i { font-size: 14px;}
.sidebar-nav .footer-social a { margin: 0 10px;}

/* ===================================
    Hero Section
====================================== */

/* hero style 3 */
.header-number {height:50px; width: 50px; border-radius: 100%; border: 2px solid #fff; display:block; text-align:center; line-height:46px}

/* hero style 4 */
.hero-style4 .application-mobile { position: absolute; float: right; left:0; bottom: 0; top: -50px; overflow: hidden;}

/* hero style 11 */
.back-down {bottom:8%; width:100%; z-index:5}
.back-down a:hover{ opacity: 0.5;}
.back-down a i { width: 34px; height: 34px;}

/* hero style 19 */
.hero-bottom-img img { border: 30px solid #0b0b0c; border-radius: 20px; max-width: 90%; margin: 0 5% -100px;}

/* hero style 27 */
.logo-area {width: 100%; opacity: 1; bottom: 0px;}

/* ===================================
    Slider
====================================== */

/* slider style 5 */
.slider-style5 .slider-content { width: 550px;}
.slider-style5 .slider-title { font-size: 40px; line-height: 48px; }

/* slider style 6 */
.slider-text-middle-main {display: table; height: 100%;width: 100%;}

/* ===================================
    Feature Box 
====================================== */

.feature-box-image { background: #a1a1a1; overflow: hidden;}
.feature-box img { opacity: 1; transition: all 0.3s ease 0s; width: 100%;}
.feature-box:hover img {opacity: 0.5; transform: scale(1.2, 1.2); transition: all 0.3s ease 0s;}

/* feature style 1 */
.feature-style1 .content-box { border-radius: 4px; min-height: 140px; padding: 30px 20px; position: relative; margin-top: 24px;}
.feature-style1 .content-box-top-arrow { color: #282828; font-size: 50px; left: 50%; position: absolute; top: -34px;transform: translateX(-50%);}

/* feature style 3 */
.feature-style3 .feature-box i{ border-radius: 50%; font-size: 35px; height: 80px; line-height: 80px; text-align: center; width: 80px;}
.feature-style3 .feature-box .feature-title { min-height: 22px;}

/* feature style 4 */
.feature-style4 .feature-icon {height: 120px; margin: 0 auto; padding: 24px; width: 120px;}

/* feature style 36 */
.feature-style36 .feature-icon { height: 130px; margin: 0 auto; padding: 20px; width: 130px; position: relative}
.feature-style36 .feature-icon img {-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50%; margin: 0 auto; left:0; right:0; text-align: center}

/* feature style 25 */
.feature-style25 .feature-icon {height: 120px; margin: 0 auto; padding: 24px; width: 120px;}
.feature-style25 i { font-size:60px }

/* feature style 29 */
.feature-style29 .info { position: relative; margin: 0 0 0 60px;}

/* feature style 50 */
.feature-bg1 {background-size: cover;}
.feature-bg2 {background-size: cover;}

/* feature style 31 */
.feature-style-31 .icon-style { width: 30px;}
.feature-style-31 span { padding-right: 20px;}

/* Parallax */
.parallax-fix{ position: relative; background-size: cover !important; overflow: hidden; background-position: center center; background-repeat: no-repeat !important; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; background-attachment: fixed !important }

/* ===================================
    Tab 
====================================== */

/* tab style 6 */
.tab-style6 .nav-tabs{border-bottom:0;}
.tab-style6 .nav-tabs li{border:0;}
.tab-style6 .nav-tabs li a {border: 0; color: #fff; padding:3px 1px;}
.tab-style6 .nav-tabs li a:hover, .tab-style6 .nav-tabs li a:focus, .tab-style6 .nav-tabs li a:visited {border:0; border-bottom:2px solid #fff; background-color:transparent;}
.tab-style6 .nav-tabs-light li a {margin: 0 30px 0 0; border-bottom: 2px solid transparent;}
.tab-style6 .nav-tabs > li.active > a {cursor: default; border-bottom: 2px solid #fff; color: #fff; background:transparent;}

/* ===================================
    Team
====================================== */

/* team style 3  */
.team-style3 .team-details { padding: 30px 40px 50px; position: relative;}
.team-style3 .team-social {opacity:0; background:rgba(0,0,0,.75); padding:23px 0 16px; position:absolute; width:100%; bottom:-30px; cursor: default; transition: all 0.3s ease 0s;}
.team-style3 .team:hover .team-social {opacity:1; bottom:0; transition: all 0.3s ease 0s;}

/* team style 4  */
.about-style3 .about-text { min-height: 580px; padding: 8%;}
.about-style3 .about-img { min-height: 580px;}

/* team style 5 */
.team-style5 .team-details { padding:13%}
.team-style5 .team img:hover {-webkit-filter: grayscale(1); filter: grayscale(1);}

/* team style 6  */
.team-style6 .team:hover {}
.team-style6 .team {max-height:580px}
.team-style6 .team-details{position: relative; bottom:0}

/* team style 8  */
.team-style8 .team {box-shadow: 0 0 6px rgba(0, 0, 0, .20);}

/* ===================================
    Title
====================================== */

/* title style 6  */
.title-style6 .progress { background-color: #dedede; height: 4px; overflow: hidden; margin-bottom: 10px; border-radius: 0; }
.title-style6 .progress-bar-style1 .progress-name { font-size: 11px; letter-spacing: 1px; text-transform: uppercase; font-weight: 400; margin: 5px 0 20px; }
.title-style6 .progress-bar-style1 .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #000; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; }

/* title style 14  */
.breadcrumb {background: none;}
.breadcrumb ul li+li:before { color: #898989; content: "/"; font-size: 8px; padding: 0 10px; position: relative; top: -1px;}

/* ===================================
    Pricing Table
====================================== */

/* price box 1 */
.pricing-box-style1 .pricing-box{border: 1px solid #ededed;}
.pricing-box-style1 .pricing-title{padding: 40px 0;}
.pricing-box-style1 .pricing-price{padding: 19px 0;}
.pricing-box-style1 .pricing-features{padding: 30px 40px 40px;}
.pricing-box-style1 .pricing-features ul li{border-bottom:1px solid rgba(0,0,0,.1); padding:7px 0}
.pricing-box-style1 .pricing-features ul li:last-child {border:none}
.pricing-box-style1 .pricing-title i{display: inline-block; vertical-align: middle;}
.pricing-box-style1 .pricing-title .icon-border{display: inline-block; height: 75px; width: 75px; line-height: 75px; border-radius: 50%;}
.pricing-box-style1 .pricing-box:hover{border: 1px solid #3966e6;}
.pricing-box-style1 .pricing-box:hover .pricing-title span{color: #3966e6;}
.pricing-box-style1 .pricing-box:hover .pricing-price{background: #3966e6; color: #ffffff;}
.pricing-box-style1 .pricing-box:hover .pricing-price h4{color: #ffffff;}

/* price box 2 */
.spa-therapists li { border-top: 1px solid #4a4646; font-size: 14px; letter-spacing: 2px; padding: 13px 0;}
.spa-therapists li span { margin: 0 40px 0 0; font-weight: 600; width: 50px; display: inline-block;}
.spa-therapists .btn { padding: 5px 20px;}
.spa-therapists .owl-pagination { bottom: -60px;}

/* price box 3 */
.pricing-box-style3 {margin-bottom: 30px; padding:15px; box-shadow: 0 0 4px rgba(0, 0, 0, .10);}
.pricing-box-style3 li:first-child {padding: 25px 0; border-bottom: none }
.pricing-box-style3 li {list-style: none; padding: 11px 0;}
.pricing-box-style3 li {border-bottom: 1px solid #dedede;}
.pricing-box-style3 li:nth-child(2) {padding: 25px 0;}
.pricing-box-style3 li:last-child{padding: 30px 13px; border-bottom:0}

/* price box 4 */
.pricing-box-style4 .pricing-box{border: 2px solid #3966e6; padding:60px 0}
.pricing-box-style4 .pricing-features{padding: 35px 40px 0;}
.pricing-box-style4 .pricing-features ul li{border-bottom:1px solid rgba(0,0,0,.1); padding:10px 0; font-size:14px}
.pricing-box-style4 .pricing-features ul li:last-child {border:none}
.pricing-box-style4 .pricing-title i{display: inline-block; vertical-align: middle;}
.pricing-box-style4 .pricing-title .icon-border{display: inline-block; height: 75px; width: 75px; line-height: 75px; border-radius: 50%;}

/* price box 5 */
.pricing-box-style5 {margin-bottom: 30px; border:1px solid #dedede}
.pricing-box-style5 li:first-child {padding: 25px 0; border-bottom: none }
.pricing-box-style5 li {list-style: none; padding: 11px 0;}
/*.pricing-box-style5 li {border-bottom: 1px solid #dedede;} */
.pricing-box-style5 li:nth-child(2) {padding: 25px 0;}
.pricing-box-style5 li:last-child{padding: 30px 13px; border-bottom:0}
.pricing-box-style5 .popular { box-shadow: 0 0 4px rgba(0, 0, 0, .10); padding:1px 15px; top:89px; /*left: 40%; */}

/* price box 6 */
.pricing-box-style6 .pricing-box{ padding:40px}
.pricing-box-style6 .pricing-title {padding:35px 0; border:1px solid rgba(231,64,58,0.5);}
.pricing-box-style6.res-6-price .pricing-title{border:1px solid rgba(192,129,42,0.5);}
.pricing-box-style6 .pricing-features ul li{padding:6px 0; font-size:14px}
.pricing-box-style6 .pricing-features ul li:last-child {border:none}
.pricing-box-style6 .pricing-title i{display: inline-block; vertical-align: middle;}
.pricing-box-style6 .pricing-title .icon-border{display: inline-block; height: 75px; width: 75px; line-height: 75px; border-radius: 50%;}

/* price box 7 */
.pricing-box-style7 {padding:15px;}
.pricing-box-style7 li:first-child {padding: 25px 0; border-right: 0; border-top: 1px solid #dedede; border-left:0; }
.pricing-box-style7 li {list-style: none; padding: 10px 0; display: table; width: 100%; height: 130px;}
.pricing-box-style7 li {border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; border-left: 1px solid #dedede;}
.pricing-box-style7 li:last-child{padding: 30px 13px;}
.pricing-box-style7 li .feature-box-details, .pricing-box-style7 li .feature-box-details-second, .pricing-box-style7 li .feature-box-details-third, .pricing-box-style7 li .pricing-box-style7-top-col { display: table-cell; vertical-align: middle;}
.pricing-box-style7-first-col li { padding-right: 20px;}
.pricing-box-style7 li:first-child { height: 130px;}
.pricing-box-style7 li:last-child { height: 97px;}


/* ===================================
    Contact
====================================== */

/* contact style 1 */
.contact-form-style1 .contact-details .details-box { margin-bottom: 35px;}
.contact-form-style1 .contact-details .details-box:last-child { margin-bottom: 0;}
.contact-form-style1 .contact-details .details-box .details-icon { width:50px; display: inline-block; vertical-align: top;}
.contact-form-style1 .contact-details .details-box .details-text { display: inline-block; padding-left: 15px;}
.contact-form-style1 .contact-details .details-box .details-text.last { vertical-align: top; padding-left: 40px;}
.contact-form-style1 textarea { min-height: 100px;}

/* contact style 2 */
.contact-form-style2 .contact-details {padding:40px 30px; border:1px solid rgba(0,0,0,.1)}

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

.blog-image { background: #a1a1a1 none repeat scroll 0 0; overflow: hidden;}
.blog-post img { opacity: 1; transition: all 0.3s ease 0s;}
.blog-post:hover img { opacity: 0.5; transform: scale(1.2, 1.2); transition: all 0.3s ease 0s;}
.post-thumbnail a:hover { opacity: 1;}
.post-thumbnail:hover img { filter: grayscale(1);}

/* blog style 1 */
.blog-style1 .post-details { padding: 30px; text-align: center;}
.blog-style1 .post-author { color: #fff; display: block; font-size: 11px; font-weight: 600; letter-spacing: 1px; line-height: 18px; padding: 4px 5px; text-align: center;}
.blog-style1 .post-author a:hover{color:inherit;}
/* ===================================
    Subscribe
====================================== */

.subscribe-style1 input { margin: 0 0 0 0px; padding: 8px 45px 9px 20px; width: 430px; border-color: #fff;}
.subscribe-style1 input:focus, .subscribe-style1 select:focus { border-color: #fff;}
.subscribe-style1 a { height: auto; line-height: normal; position: absolute; right: 135px; top: 6px; vertical-align: top;}
.subscribe-style1 a .fa { line-height: normal; }
.subscribe-style1 a:hover { opacity: 0.8;}



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

footer ul { list-style: none; padding: 0; margin: 0;}
footer ul.links-inline li a, footer .social-icon a, .social-icon a{ margin: 0 10px; display: inline-block;}
footer ul.links-inline li{ display: inline-block;}
footer ul.links li a { margin: 2px 0; display: inline-block}
footer .newsletter button{padding: 0; position: absolute; right:15px; top: 24px; outline: none; background:transparent;}
footer .newsletter button.btn{padding: 8px 15px;}
footer .social-icon a i, .social-icon a i{ height: 40px; width: 40px; border-radius: 50%; vertical-align: middle; text-align: center;}
footer .social-icon a:last-child{ margin-right:0;}

/* ===================================
    Call To Action
====================================== */

.offer .offer-box-right ul { padding-left: 0;}
.offer .offer-box-right ul li{display: inline-block; margin:0 15px 15px 0;}

/* ===================================
    Counter
====================================== */

.counter-box .counter-content{left: 0; right: 0; top: 50%; transform: translateY(-50%); z-index: 11;}

/* ===================================
    Clients
====================================== */

.grid-border [class^=col-]:before, .grid-border [class^=col-]:after {content: ''; position: absolute;}
.grid-border [class^=col-]:before { height: 100%; top: 0; left: -1px; border-left: 1px solid rgba(0,0,0,0.1);}
.grid-border [class^=col-]:before, .grid-border [class^=col-]:after { content: ''; position: absolute;}
.grid-border [class^=col-]:after { width: 100%; height: 0; top: auto; left: 0; bottom: 0; border-bottom: 1px solid rgba(0,0,0,0.1);}
.client-logo-inner {display: table-cell; text-align: center; vertical-align: middle; width: 100%;}
.client-logo-outer {display: table; width: 100%;}

/* ===================================
    Timer
====================================== */

.time-counter-box {width:780px}
.time-counter .counter-box { display: inline-block; border-right: 1px solid rgba(255,255,255,.3); padding:20px 20px 7px; min-width: 160px; text-align: center;}
.time-counter .counter-box .number {font-size:50px; color:#fff; padding-bottom:15px;}
.time-counter .counter-box:last-child {border-right:0}

.coming-soon-style1 .counter-box { display: inline-block; border-right: 1px solid rgba(255,255,255,.3); margin-bottom: 20px; padding:20px 20px 7px; min-width: 160px; text-align: center;}
.coming-soon-style1 .counter-box .number {font-size:50px; color:#fff; padding-bottom:15px;}
.coming-soon-style1 .counter-box:last-child {border-right:0}

.coming-soon-style2 .counter-box { display: inline-block; border-bottom: 3px solid #fff; margin-bottom: 20px; padding:20px 20px 7px; min-width: 160px; text-align: center;}
.coming-soon-style2 .counter-box .number {font-size:50px; color:#fff; padding-bottom:15px;}

.coming-soon-style3 .counter-box { height: 150px; width: 150px; background: rgba(0,0,0,.8); display: inline-block; border-radius: 10%; padding: 55px 0;margin-right: 2px; text-align: center;}
.coming-soon-style3 .counter-box .number {font-size:50px; color:#fff; padding-bottom:15px;}

.coming-soon-style4 .counter-box { height: 150px; width: 150px; background: rgba(0,0,0,.4);margin-bottom: 20px; display: inline-block; border-radius: 50%; padding: 55px 0;margin-right: 2px; text-align: center;}
.coming-soon-style4 .counter-box .number {font-size:50px; color:#fff; padding-bottom:15px;}


/* ===================================
    Testimonial 
====================================== */

/* testimonial style 7 */
.testimonial-style7 i { margin:0 2px}
.testimonial-style7 .testimonial-box {box-shadow: 0 0 3px rgba(0, 0, 0, .10); padding:20px 20px}

/* testimonial style 9 */
.testimonial-style9-con {padding:55px 45px; box-shadow: 0 0 3px rgba(0, 0, 0, .10);}

/* ===================================
    only ie7, ie9, ie10, ie11
====================================== */

/* button */
.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus { outline: 0 none; box-shadow: none;}

/* chetan css */
.slider-res {left: 187px; top: 224px; opacity:0.8}
.btn-res-hover:hover{background-color:#c0812a; color:#fff; opacity:1;}
.btn-spa-hover:hover{background-color:#FF9800; color:#fff; opacity:1;}
.arc-btn-hover:hover{background-color:#c5a47e; color:#fff; opacity:1;}
.buss-btn-hover:hover{background-color:#f26149; color:#fff; opacity:1; border-color:#f26149}
.eve-btn-hover:hover{background-color:#2ccb8e; color:#fff; opacity:1;}
.buss-nav{padding:0;}
.navbar.shrink-nav.shrink.buss-nav{padding:0;}
.header-style4 .white-header .header-bottom li a:hover,.header-style4 .white-header .header-bottom li.active a{border-bottom:2px solid #797979; opacity:0.8;}
.header-style3 .light-header li a:hover,.header-style3 .light-header li.active a{border-bottom:2px solid #797979; opacity:1; color:#797979;}
.header-style4 .light-header li a:hover,.header-style4 .light-header li.active a{border-bottom:2px solid #797979; opacity:1; color:#797979;}
.gym-text-hover-white:hover{color:#fff;}
.wed-plan-tab.tab-style3 li a{padding:15px; border:1px solid transparent;}
.wed-plan-tab.tab-style3 li a:hover, .wed-plan-tab.tab-style3 li.active a, .wed-plan-tab.tab-style3 li.active a:focus, .wed-plan-tab.tab-style3 li.active a:hover{text-decoration:none; color:#f3605c; border:1px solid #f3605c; padding-bottom:15px;}
.simple-filter.tab-style3 li a:hover, .simple-filter.tab-style3 li.active a, .simple-filter.tab-style3 li.active a:focus, .simple-filter.tab-style3 li.active a:hover{background-color: inherit; color: #282828 !important; padding-bottom: 2px; transition: none 0s ease 0s; border-bottom: 1px solid #282828 !important; border-top: none; border-left: none; border-right: none; text-decoration:none;}
.tab-style3 li { display: inline-block; float: none; margin: 0 25px;}
.tab-style3 li a { border: 0 none; color: #959595; margin: 0; padding: 0 0 15px; vertical-align: middle; border-radius: 0;}
.tab-style3.tab-style-restaurant li a:hover, .tab-style3.tab-style-restaurant li.active a, .tab-style3.tab-style-restaurant li.active a:focus, .tab-style3.tab-style-restaurant li.active a:hover { background-color: inherit; color: #C0812A; padding-bottom: 2px; transition: none 0s ease 0s; border-top: none; border-left: none; border-right: none; border-bottom:1px solid #C0812A ; text-decoration:line-through; border-bottom:none;}
.tab-style3.tab-style-gym li a:hover, .tab-style3.tab-style-gym li.active a, .tab-style3.tab-style-gym li.active a:focus{color:#ff3d7f !important; border-bottom:1px solid #ff3d7f !important; text-decoration:none;}
.navbar-header.center-travel-logo{display:none;}
.error-page ul li a{color:#fff;}
/* chetan */
.slider-button a:hover{background-color:#fff;}


@media screen\0 { 
    .input-group-btn .btn-large.btn { height: 59px;}
    .equalize.equalize-display-inherit .display-table { display: inherit; position: static;}
    .equalize.equalize-display-inherit .display-table-cell-vertical-middle { display: inherit; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: relative;}
    .equalize.equalize-display-inherit .display-table-cell-vertical-bottom { display: inherit; top: inherit; bottom: 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); position: relative;}
    .client-logo-inner, .client-logo-outer { display: block;}
}

/* ===================================
    07. Blog Styles
====================================== */
.breadcrumb ul li {
    display: inline-block;
}
.breadcrumb ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
/* aside style */
.aside-title {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #222;
  padding-bottom: 10px; }

.aside-style {
  list-style: none;
  margin: 0;
  display: block;
  padding: 0;
 }
  .aside-style li {
    position: relative;
    padding: 0 0 0 12px;
    margin: 0 0 9px 0; }
    .aside-style li:before {
      content: "";
      width: 5px;
      height: 1px;
      background-color: #222;
      position: absolute;
      top: 12px;
      left: 0; }

.aside-social li {
  margin-right: 15px;
  display: inline-block; }
  .aside-social li:last-child {
    margin-right: 0; }

/* tag cloud */
.tag-cloud a {
  font-size: 10px;
  padding: 3px 8px;
  border: 1px solid #dbdbdb;
  margin: 0 8px 8px 0;
  display: inline-block;
  text-transform: uppercase;
  color: #232323;
  line-height: 18px; }
  .tag-cloud a:hover {
    background: #232323;
    color: #fff !important;
    border: 1px solid #232323; }

/* blog comment */
.blog-comment {
  list-style: none;
  margin: 0;
  padding: 0; }
  .blog-comment li {
    padding: 50px 0;
    border-bottom: 1px solid #ededed;
    position: relative; }
    .blog-comment li .btn-reply {
      float: right;
      border: 1px solid #ededed;
      padding: 0 8px;
      font-size: 10px;
      font-weight: 600;
      position: relative; }
    .blog-comment li > li:first-child {
      padding-top: 0; }
    .blog-comment li:last-child {
      border-bottom: none;
      padding-bottom: 0; }
    .blog-comment li ul.child-comment {
      margin-left: 40px;
      list-style: none; }
      .blog-comment li ul.child-comment li {
        border: none;
        padding-bottom: 0;
        border-top: 1px solid #ededed;
        margin-top: 50px; }
.first-letter-block {
    font-size: 30px;
    height: 55px;
    line-height: 22px;
    padding: 15px 0;
    width: 55px;
    font-weight: 500;
    margin-top: 5px;
}
.first-letter {
    float: left;
   
    margin: 0 20px 0 0;
    text-align: center;

}
blockquote{border-left:5px solid #2c353f;}
.blog-btn {
    border-radius: 0;
    width: auto;
    letter-spacing: .5px;
    font-family: "Montserrat", sans-serif;
    min-width: 200px;
    background-color: #222;
    display: inline-block;
    font-size: 18px;
    line-height: 26px;
    color: #222;
    font-weight: 800;
    text-transform: uppercase;
    position: relative;
    text-align: center;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    border: 3px solid transparent;
    font-size: 12px;
    padding: 12px 25px 11px;
    background-color: #fff !important;
    border-color: #222
}
.blog-btn:hover {
    background-color: #222 !important;
    color: #fff !important;
    border-color: none !important;
    color: #222;
    border: 3px solid #222;
    font-size: 12px;
}
/* Blog Style */ 
.blog-btn-all{min-width: 0px;padding: 7px 20px 7px;}
.pagination li {
    display: inline;
}
.pagination a {
    float: left;
    padding: 0 18px;
    line-height: 40px;
    text-decoration: none;
    border: 1px solid #dbdbdb;
    border-left-width: 0;
    background: #fff;
}
.pagination li:first-child a {
    border-left-width: 1px;
}

.pagination li:first-child a {
    border-left-width: 1px;
}
.pagination a:hover {
    background-color: #232323;
    color: #fff;
}

/*bharat css*/

.navbar-toggle h3{
    padding: 3px 10px !important;
    background-color: #000;
    border: 1px solid #111;
}

.center-logo{
    margin-top: -24px !important;
}

.blog li a {
    color: #ffffff;
}