/**
 * Created by Coder Baykuş on 13.02.2018.
 */
.calc-15{
    width: calc(100% + 15px);
}
.swiper-container {
    width: 100%;
}
ul{
    margin: 0;
    padding:0;
    list-style-type: none;
}
.swiper-slide {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.shadow:before {
    content: '';
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color:rgba(0, 0, 0, 0.46)!important;
}
.center-box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
/* different text size */
.text-small { font-size:11px !important; line-height:15px !important;}
.text-med{ font-size:14px !important; line-height:26px !important;}
.text-large { font-size: 15px !important; text-transform: uppercase; line-height: 24px !important; letter-spacing: 2px !important;}
.text-extra-large { font-size: 16px !important; line-height: 28px !important; font-weight: 100; }
.text-extra-large strong { letter-spacing: 3px}
.text-extra-large-normal { font-weight: normal !important;}
.title-small{ font-size:20px !important; line-height:30px !important;}
.title-med{ font-size:24px !important; line-height:34px !important;}
.title-large{ font-size:28px !important; line-height:41px !important;}
.title-extra-large{ font-size:35px !important; line-height:43px !important;}

/* text color */
.white-text{ color:#FFF !important}
.magenta-text{ color:#d94378 !important}
.orange-text{ color:#ff513b !important}
.orange-light-text{ color:#ef824c !important}
.deep-red-text{ color:#e75e50 !important}
.black-text{ color:#000 !important}
.yellow-text{ color:#e6af2a !important}
.yellow-light-text{color: #ffd200 !important}
.fast-yellow-text{ color:#f7d23d !important}
.pink-text{ color:#d9378e !important}
.light-gray-text{ color: #ababab !important}
.deep-gray-text { color: #464646 !important; }
.deep-light-gray-text { color: #878787 !important; }
.gray-text {  color:#7f7f7f !important}
.dark-gray-text { color:#373737 !important}

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

/* font weight */
.font-weight-100 { font-weight:100 !important}
.font-weight-300 { font-weight:300 !important}
.font-weight-400 { font-weight:400 !important}
.font-weight-600 { font-weight:600 !important}
.font-weight-700 { font-weight:700 !important}
.font-weight-800 { font-weight:800 !important}

/* text property */
.text-transform-unset { text-transform:unset !important}
.text-decoration-underline { text-decoration:underline !important; }
.word-wrap { word-wrap: break-word}
.text-transform-none {text-transform:none !important}
.text-transform-uppercase {text-transform: uppercase !important}

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

.extra-large-icon {font-size:60px !important;}
.large-icon {font-size:50px !important;}
.medium-icon { font-size:40px !important; margin-bottom: 15px !important; }
.small-icon { font-size:25px !important;}
.extra-small-icon { font-size:18px !important;}

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

.bg-white{ background: #fff !important;}
.bg-yellow{ background: #e6af2a !important; }
.bg-deep-yellow{ background: #f7f5e7 !important; }
.bg-golden-yellow{ background: #c3bd86 !important; }
.bg-fast-yellow{ background: #fdd947 !important; }
.bg-dark-gray{ background: #252525 !important; }
.bg-mid-gray{ background: #d4d4d4 !important; }
.bg-black{ background: #000000 !important; }
.bg-highlight{ background: #345b8f !important; text-align:center}
.bg-green{ background: #70bd5b !important; }
.bg-gray-light { background-color: #fcfcfc !important;}
.bg-gray {background-color: #f6f6f6 !important;}
.bg-gray-medium {background-color: #f3f3f3 !important;}
.bg-yellow-ochre { background-color: #997546 !important;}
.bg-deep-brown{ background-color: #544441 !important;}
.bg-transparent { background:transparent !important}
.bg-orange { background:#c24742 !important;}
.bg-deep-orange { background:#f15a22 !important;}
.bg-fast-orange { background:#ff513b !important;}
.bg-pink { background:#c2345f !important}
.bg-deep-red { background:#e75e50 !important}
.bg-deep-pink { background:#e53878 !important}
.bg-light-pink { background:#dc378e !important}
.bg-fast-pink { background:#ff1a56 !important}
.bg-magenta { background:#d94378 !important }
.bg-light-yellow {background:#f8f7f5 !important}
.bg-dark-green{ background:#60a532 !important;}
.bg-dark-blue { background:#3273a5 !important;}
.bg-violet { background:#6c407e !important}
.dark-section{ color: #939393 !important}
.bg-light-gray { background-color: #f8f7f7 !important; }
.bg-slider {background: rgba(27, 22, 28, 0.9)}
.parallax-gray-bg{ background: rgba(246,246,246,1)}
.bg-light-orange { background-color: #ef824c !important;}
.bg-inherit { background-color: inherit !important;}

/* opacity */
.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; z-index: 1; top:0; left: 0 }

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

.center-col{ float:none !important; margin-left:auto !important; margin-right:auto !important}
/* separator */
.separator-line { height: 2px; margin: 0 auto; width: 30px; margin:7% auto}
.separator-line-thick { height: 4px; margin: 0 auto; width: 30px; margin:7% auto}
.separator-line-vertical { width:7px; height:80px; background-color:#fff; float:left; margin-right:90px;}
.slider-text .separator-line { margin:14% auto; height: 2px}
.thin-separator-line { height: 1px; width: 30px; margin:7% auto}
.vertical-separator { height:25px; width:25px; border-left:1px solid #000}
.wide-separator-line { height: 1px;  background-color:#e5e5e5; margin:5% 15px;}
.indicators-black .active { background-color: #000; border: 2px solid rgba(0, 0, 0, 1); }
.indicators-black li { border: 2px solid rgba(0, 0, 0, 1);}

/* margin */
.margin-one{ margin-top:1% !important; margin-bottom:1% !important}
.margin-two{ margin-top:2% !important; margin-bottom:2% !important}
.margin-three{ margin-top:3% !important; margin-bottom:3% !important}
.margin-four{ margin-top:4% !important; margin-bottom:4% !important}
.margin-five{ margin-top:5% !important; margin-bottom:5% !important}
.margin-six{ margin-top:5% !important; margin-bottom:0 !important }
.margin-seven{ margin-top:7.8% !important; margin-bottom:5% !important}
.margin-eight {margin-top:8% !important; margin-bottom:8% !important}
.margin-nine {margin-top:9% !important; margin-bottom:9% !important}
.margin-ten{ margin-top:10% !important; margin-bottom:10% !important}
.margin-eleven{ margin-top:22% !important; margin-bottom:22% !important}
.margin-right-four{margin-right:4% !important}
.margin-right-five{margin-right:5% !important}
.margin-right-six{margin-right:6% !important}
.margin-right-seven{margin-right:7% !important}
.margin-right-eight{margin-right:8% !important}
.margin-right-nine{margin-right:9% !important}
.margin-right-ten{margin-right:10% !important}
.margin-top-section { margin-top:96px;}
.margin-left-right-one { margin-right:6% !important; margin-left:6% !important}
.margin-two-bottom { margin-bottom: 2% !important; }
.margin-three-bottom { margin-bottom: 3% !important; }
.margin-four-bottom { margin-bottom: 4% !important; }
.margin-five-bottom { margin-bottom: 5% !important; }
.margin-six-bottom { margin-bottom: 6% !important; }
.margin-seven-bottom { margin-bottom: 7% !important; }
.margin-ten-bottom { margin-bottom: 10% !important; }
.no-margin{ margin:0 !important}
.no-margin-lr , .nomarg{ margin-left: 0 !important; margin-right: 0 !important}
.no-margin-top{ margin-top:0 !important}
.no-margin-bottom{ margin-bottom:0 !important}
.no-margin-left{ margin-left:0 !important}
.no-margin-right{ margin-right:0 !important}
.margin-bottom{ margin-bottom:60px}

/* padding */

.padding-5{padding: 5px!important;}
.padding-10{padding: 10px!important;}
.padding-15{padding: 15px!important;}
.padding-20{padding: 20px!important;}
.padding-25{padding: 25px!important;}
.padding-30{padding: 30px!important;}
.padding-35{padding: 35px!important;}
.padding-40{padding: 40px!important;}
.padding-45{padding: 45px!important;}
.padding-50{padding: 50px!important;}
.padding-55{padding: 55px!important;}
.padding-60{padding: 60px!important;}
.padding-65{padding: 65px!important;}
.padding-70{padding: 70px!important;}
.padding-75{padding: 75px!important;}
.padding-80{padding: 80px!important;}
.padding-85{padding: 85px!important;}
.padding-90{padding: 90px!important;}
.padding-95{padding: 95px!important;}
.padding-100{padding: 100px!important;}

.padding-one { padding-top:1% !important; padding-bottom:1% !important}
.padding-two { padding-top:2% !important; padding-bottom:2% !important}
.padding-three { padding-top:3% !important; padding-bottom:3% !important}
.padding-four { padding-top:4% !important; padding-bottom:4% !important}
.padding-five { padding-top:5% !important; padding-bottom:5% !important}
.padding-six { padding-top:3% !important; padding-left:3% !important; padding-right:3% !important;}
.padding-seven { padding:6%}
.padding-eight { padding-top:20%; padding-bottom: 20%}
.padding-nine { padding:6% 0}
.padding-twenty-nine{ padding:15% !important}
.padding-left-right { padding-right:6% !important; padding-left:6% !important;}
.padding-two-bottom { padding-bottom: 2% !important; }
.padding-left-right-px { padding: 0 15px;}
.no-padding-lr  , .nopad{ padding-left:0 !important; padding-right:0 !important}
.no-padding-section { padding:0px !important;}
.no-padding-right { padding-right:0px !important;}
.no-padding-top { padding-top:0 !important}
.no-padding{padding:0 !important}
.no-padding-left { padding-left:0px !important;}
.no-padding-bottom { padding-bottom:0 !important}
.section-padding-inner{ padding: 140px 0}

/* float */
.f-left { float:left !important}
.f-right{ float:right !important}
.no-float { float:none !important;}

/* other col size */
.col-large {width:90%;}
.col-medium {width:85%;}
.col-small{ width:75%;}
.col-extra-small{ width:70%; }

/* display */
.display-block { display: block !important}
.overflow-hidden{ overflow: hidden !important}
.overflow-hidden-mobile{ position:fixed !important; overflow: hidden !important}
.display-inline-block { display: inline-block !important}
.display-inline { display: inline !important}
.display-none { display: none !important}
.display-table { display: table !important}

/* position */
.position-relative{ position: relative !important; z-index: 5 }
.position-absolute {position: absolute !important;}
.position-right { right:0 !important; }
.position-left { left:0 !important; }
.position-top { top:0 !important; }

/* width */
.width { display: inline-block; position: relative; width: 90%; }
.width-20 { width:20% !important;}
.width-30 { width:30% !important;}
.width-40 { width:40% !important;}
.width-50 { width:50% !important;}
.width-60 { width:60% !important;}
.width-70 { width:70% !important;}
.width-80 { width:80% !important;}
.width-90 { width:90% !important;}
.width-100 { width:100% !important;}
.width-auto { width: auto !important}

/* height */
.height-100 { height: 100% !important}
.height-auto { height:auto !important}

.clear-both{ clear:both}
.roundedimage { border-radius: 100%}
.vertical-align-middle { vertical-align: middle !important;}
.vertical-align-bottom { vertical-align: bottom !important;}
.no-box-shadow { box-shadow:none !important}
p.uppercase { text-transform:uppercase !important;}
p.uppercase a { text-decoration:underline !important;}
p.uppercase a:hover { text-decoration: none;}
.line-break { display:block !important;}
.z-index-1 {z-index:1 !important;}
.z-index-0 {z-index:0 !important;}
.no-transition *, .owl-carousel * { transition-timing-function: none; -moz-transition-timing-function: none; -webkit-transition-timing-function: none; -o-transition-timing-function: none; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; }
/* ===================================
    Border
====================================== */

.white-round-border { border-radius: 50%; border: 1px solid #fff;}
.border-black{ border:1px solid #000}
.border-thick{ border-width:2px !important }
.border-white { border:1px solid #FFF}
.border-top { border-top: 1px solid #e5e5e5; }
.border { border: 1px solid #e5e5e5;  }
.border-right { border-right: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }
.border-left { border-left: 4px solid #fff; }
.border-color-black { border-color: #000 !important}
.border-color-white { border-color: #fff !important}
.border-gray { border-color:#d7d7d7 !important}
.border-color-orange { border-color:#ff513b !important}
.no-border { border:none !important}
.border-top-light { border-top: 1px solid rgba(0, 0, 0, 0.1);}
.border-bottom-light { border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.border-transperent-light { border-color:rgba(255,255,255,.25) !important}
.no-border-round {border-radius:0 !important}

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

.pad-top-0{padding-top:0!important;}
.pad-top-5{padding-top:5px!important;}
.pad-top-10{padding-top:10px!important;}
.pad-top-15{padding-top:15px!important;}
.pad-top-20{padding-top:20px!important;}
.pad-top-25{padding-top:15px!important;}
.pad-top-30{padding-top:30px!important;}
.pad-top-35{padding-top:35px!important;}
.pad-top-40{padding-top:40px!important;}
.pad-top-45{padding-top:45px!important;}
.pad-top-50{padding-top:50px!important;}
.pad-top-55{padding-top:55px!important;}
.pad-top-60{padding-top:60px!important;}
.pad-top-65{padding-top:65px!important;}
.pad-top-70{padding-top:70px!important;}
.pad-top-75{padding-top:75px!important;}
.pad-top-80{padding-top:80px!important;}
.pad-top-85{padding-top:85px!important;}
.pad-top-90{padding-top:90px!important;}
.pad-top-95{padding-top:95px!important;}
.pad-top-100{padding-top:100px!important;}
/* ====================================== */
.pad-bottom-0{padding-bottom:0!important;}
.pad-bottom-5{padding-bottom:5px!important;}
.pad-bottom-10{padding-bottom:10px!important;}
.pad-bottom-15{padding-bottom:15px!important;}
.pad-bottom-20{padding-bottom:20px!important;}
.pad-bottom-25{padding-bottom:15px!important;}
.pad-bottom-30{padding-bottom:30px!important;}
.pad-bottom-35{padding-bottom:35px!important;}
.pad-bottom-40{padding-bottom:40px!important;}
.pad-bottom-45{padding-bottom:45px!important;}
.pad-bottom-50{padding-bottom:50px!important;}
.pad-bottom-55{padding-bottom:55px!important;}
.pad-bottom-60{padding-bottom:60px!important;}
.pad-bottom-65{padding-bottom:65px!important;}
.pad-bottom-70{padding-bottom:70px!important;}
.pad-bottom-75{padding-bottom:75px!important;}
.pad-bottom-80{padding-bottom:80px!important;}
.pad-bottom-85{padding-bottom:85px!important;}
.pad-bottom-90{padding-bottom:90px!important;}
.pad-bottom-95{padding-bottom:95px!important;}
.pad-bottom-100{padding-bottom:100px!important;}

/* ====================================== */
.pad-left-0{padding-left:0!important;}
.pad-left-5{padding-left:5px!important;}
.pad-left-10{padding-left:10px!important;}
.pad-left-15{padding-left:15px!important;}
.pad-left-20{padding-left:20px!important;}
.pad-left-25{padding-left:15px!important;}
.pad-left-30{padding-left:30px!important;}
.pad-left-35{padding-left:35px!important;}
.pad-left-40{padding-left:40px!important;}
.pad-left-45{padding-left:45px!important;}
.pad-left-50{padding-left:50px!important;}
.pad-left-55{padding-left:55px!important;}
.pad-left-60{padding-left:60px!important;}
.pad-left-65{padding-left:65px!important;}
.pad-left-70{padding-left:70px!important;}
.pad-left-75{padding-left:75px!important;}
.pad-left-80{padding-left:80px!important;}
.pad-left-85{padding-left:85px!important;}
.pad-left-90{padding-left:90px!important;}
.pad-left-95{padding-left:95px!important;}
.pad-left-100{padding-left:100px!important;}

/* ====================================== */
.pad-right-0{padding-right:0!important;}
.pad-right-5{padding-right:5px!important;}
.pad-right-10{padding-right:10px!important;}
.pad-right-15{padding-right:15px!important;}
.pad-right-20{padding-right:20px!important;}
.pad-right-25{padding-right:15px!important;}
.pad-right-30{padding-right:30px!important;}
.pad-right-35{padding-right:35px!important;}
.pad-right-40{padding-right:40px!important;}
.pad-right-45{padding-right:45px!important;}
.pad-right-50{padding-right:50px!important;}
.pad-right-55{padding-right:55px!important;}
.pad-right-60{padding-right:60px!important;}
.pad-right-65{padding-right:65px!important;}
.pad-right-70{padding-right:70px!important;}
.pad-right-75{padding-right:75px!important;}
.pad-right-80{padding-right:80px!important;}
.pad-right-85{padding-right:85px!important;}
.pad-right-90{padding-right:90px!important;}
.pad-right-95{padding-right:95px!important;}
.pad-right-100{padding-right:100px!important;}


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


.margin-top-5{margin-top:5px!important;}
.margin-top-10{margin-top:10px!important;}
.margin-top-15{margin-top:15px!important;}
.margin-top-20{margin-top:20px!important;}
.margin-top-25{margin-top:15px!important;}
.margin-top-30{margin-top:30px!important;}
.margin-top-35{margin-top:35px!important;}
.margin-top-40{margin-top:40px!important;}
.margin-top-45{margin-top:45px!important;}
.margin-top-50{margin-top:50px!important;}
.margin-top-55{margin-top:55px!important;}
.margin-top-60{margin-top:60px!important;}
.margin-top-65{margin-top:65px!important;}
.margin-top-70{margin-top:70px!important;}
.margin-top-75{margin-top:75px!important;}
.margin-top-80{margin-top:80px!important;}
.margin-top-85{margin-top:85px!important;}
.margin-top-90{margin-top:90px!important;}
.margin-top-95{margin-top:95px!important;}
.margin-top-100{margin-top:100px!important;}
/* ====================================== */

.margin-bottom-5{margin-bottom:5px!important;}
.margin-bottom-10{margin-bottom:10px!important;}
.margin-bottom-15{margin-bottom:15px!important;}
.margin-bottom-20{margin-bottom:20px!important;}
.margin-bottom-25{margin-bottom:15px!important;}
.margin-bottom-30{margin-bottom:30px!important;}
.margin-bottom-35{margin-bottom:35px!important;}
.margin-bottom-40{margin-bottom:40px!important;}
.margin-bottom-45{margin-bottom:45px!important;}
.margin-bottom-50{margin-bottom:50px!important;}
.margin-bottom-55{margin-bottom:55px!important;}
.margin-bottom-60{margin-bottom:60px!important;}
.margin-bottom-65{margin-bottom:65px!important;}
.margin-bottom-70{margin-bottom:70px!important;}
.margin-bottom-75{margin-bottom:75px!important;}
.margin-bottom-80{margin-bottom:80px!important;}
.margin-bottom-85{margin-bottom:85px!important;}
.margin-bottom-90{margin-bottom:90px!important;}
.margin-bottom-95{margin-bottom:95px!important;}
.margin-bottom-100{margin-bottom:100px!important;}

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

.margin-left-5{margin-left:5px!important;}
.margin-left-10{margin-left:10px!important;}
.margin-left-15{margin-left:15px!important;}
.margin-left-20{margin-left:20px!important;}
.margin-left-25{margin-left:15px!important;}
.margin-left-30{margin-left:30px!important;}
.margin-left-35{margin-left:35px!important;}
.margin-left-40{margin-left:40px!important;}
.margin-left-45{margin-left:45px!important;}
.margin-left-50{margin-left:50px!important;}
.margin-left-55{margin-left:55px!important;}
.margin-left-60{margin-left:60px!important;}
.margin-left-65{margin-left:65px!important;}
.margin-left-70{margin-left:70px!important;}
.margin-left-75{margin-left:75px!important;}
.margin-left-80{margin-left:80px!important;}
.margin-left-85{margin-left:85px!important;}
.margin-left-90{margin-left:90px!important;}
.margin-left-95{margin-left:95px!important;}
.margin-left-100{margin-left:100px!important;}

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

.margin-right-5{margin-right:5px!important;}
.margin-right-10{margin-right:10px!important;}
.margin-right-15{margin-right:15px!important;}
.margin-right-20{margin-right:20px!important;}
.margin-right-25{margin-right:15px!important;}
.margin-right-30{margin-right:30px!important;}
.margin-right-35{margin-right:35px!important;}
.margin-right-40{margin-right:40px!important;}
.margin-right-45{margin-right:45px!important;}
.margin-right-50{margin-right:50px!important;}
.margin-right-55{margin-right:55px!important;}
.margin-right-60{margin-right:60px!important;}
.margin-right-65{margin-right:65px!important;}
.margin-right-70{margin-right:70px!important;}
.margin-right-75{margin-right:75px!important;}
.margin-right-80{margin-right:80px!important;}
.margin-right-85{margin-right:85px!important;}
.margin-right-90{margin-right:90px!important;}
.margin-right-95{margin-right:95px!important;}
.margin-right-100{margin-right:100px!important;}


@media (max-width: 768px) {
    .sm-nopad{
        padding-left: 0!important;
        padding-right: 0!important;
    }
}

.effect-1 {
    padding-top: 10px;
}
.effect-1:before {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    transform: scaleX(0);
}
.effect-1:hover:before {
    transform: scaleX(1);
}

.effect-2 {
    padding: 10px;
}
.effect-2:before, .effect-2:after {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-style: solid;
    border-color: #fff;
}
.effect-2:before {
    border-width: 2px 0 2px 0;
    transform: scaleX(0);
}
.effect-2:after {
    border-width: 0 2px 0 2px;
    transform: scaleY(0);
}
.effect-2:hover:before, .effect-2:hover:after {
    transform: scale(1, 1);
}

.effect-3 {
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 5px;
    overflow: hidden;
}
.effect-3:before {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    transform: translateX(-100%);
}
.effect-3:hover:before {
    transform: translateX(0);
}

.effect-4 {
    padding: 10px;
    display: inline-block;
    overflow: hidden;
}
.effect-4:before, .effect-4:after {
    left: 0;
    width: 100%;
    height: 2px;
    background: #fff;
}
.effect-4:before {
    bottom: 0;
    transform: translateX(-100%);
}
.effect-4:after {
    top: 0;
    transform: translateX(100%);
}
.effect-4:hover:before, .effect-4:hover:after {
    transform: translateX(0);
}

.effect-5 {
    display: inline-block;
    overflow: hidden;
}
.effect-5:before, .effect-5:after {
    right: 0;
    bottom: 0;
    background: #fff;
}
.effect-5:before {
    width: 100%;
    height: 2px;
    transform: translateX(-100%);
}
.effect-5:after {
    width: 2px;
    height: 100%;
    transform: translateY(100%);
}
.effect-5 > span {
    display: block;
    padding: 10px;
}
.effect-5 > span:before, .effect-5 > span:after {
    left: 0;
    top: 0;
    background: #fff;
}
.effect-5 > span:before {
    width: 100%;
    height: 2px;
    transform: translateX(100%);
}
.effect-5 > span:after {
    width: 2px;
    height: 100%;
    transform: translateY(-100%);
}
.effect-5:hover:before, .effect-5:hover:after, .effect-5:hover > span:before, .effect-5:hover > span:after {
    transform: translate(0, 0);
}

.effect-6 {
    display: inline-block;
    overflow: hidden;
}
.effect-6:before, .effect-6:after {
    right: 0;
    bottom: 0;
    background: #fff;
    transition: transform .3s ease;
}
.effect-6:before {
    width: 100%;
    height: 2px;
    transform: translateX(-100%);
    transition-delay: .9s;
}
.effect-6:after {
    width: 2px;
    height: 100%;
    transform: translateY(100%);
    transition-delay: .6s;
}
.effect-6 > span {
    display: block;
    padding: 10px;
}
.effect-6 > span:before, .effect-6 > span:after {
    left: 0;
    top: 0;
    background: #fff;
    transition: transform .3s ease;
}
.effect-6 > span:before {
    width: 100%;
    height: 2px;
    transform: translateX(100%);
    transition-delay: .3s;
}
.effect-6 > span:after {
    width: 2px;
    height: 100%;
    transform: translateY(-100%);
    transition-delay: 0s;
}
.effect-6:hover:before, .effect-6:hover:after, .effect-6:hover > span:before, .effect-6:hover > span:after {
    transform: translate(0, 0);
}
.effect-6:hover:before {
    transition-delay: 0s;
}
.effect-6:hover:after {
    transition-delay: .3s;
}
.effect-6:hover > span:before {
    transition-delay: .6s;
}
.effect-6:hover > span:after {
    transition-delay: .9s;
}
a, a > span {
    position: relative;
    color: inherit;
    text-decoration: none;
    line-height: 24px;
}
a:before, a:after, a > span:before, a > span:after {
    content: '';
    position: absolute;
    transition: transform .5s ease;
}
.effect-7 {
    display: inline-block;
    overflow: hidden;
}
.effect-7:before {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    transform: translateX(-100%);
}
.effect-7:after {
    content: attr(data-content);
    left: 0;
    top: 0;
    width: 0;
    margin: 12px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    transition: width .5s ease;
}
.effect-7 > span {
    display: block;
    margin: 2px;
    padding: 10px;
    background: #fff;
}
.effect-7:hover:before {
    transform: translateX(0);
}
.effect-7:hover:after {
    width: calc(100% - 24px);
}

.effect-8 {
    display: inline-block;
    overflow: hidden;
}
.effect-8:before {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    transform: translateY(-100%);
}
.effect-8:after {
    content: attr(data-content);
    top: 0;
    left: 0;
    height: 0;
    margin: 12px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    transition: height .5s ease;
}
.effect-8 > span {
    display: block;
    margin: 2px;
    padding: 10px;
    background: #fff;
}
.effect-8:hover:before {
    transform: translateY(0);
}
.effect-8:hover:after {
    height: calc(100% - 24px);
}

.separator-line {
    height: 2px;
    margin: 0 auto;
    width: 30px;
    margin-bottom: 30px;
}
/* piechart */
.size-chart { border: medium none !important; text-decoration: underline; text-transform: uppercase; width: 90px !important; }
.chart { position: relative; display: inline-block; width: 120px; height: 120px; text-align: center; border-radius: 50%;  }
.chart canvas { position: absolute; top: 0; left: 0; }
.chart-percent { margin: 0 0 30px 0}
.percent { display: inline-block; line-height: 125px; z-index: 2; font-size: 25px; font-family: 'Oswald', sans-serif; font-weight: 100;}
.percent:after { content: '%'; font-family: 'Oswald', sans-serif; font-weight: 100; }
.chart-text{ font-size: 12px; letter-spacing: 1px; text-transform: uppercase; line-height: 40px; color: #ffd65f}

.chart-style2 .chart2 { position: relative; display: inline-block; width: 120px; height: 120px; text-align: center; border-radius: 50%;  }
.chart-style2 .chart2 canvas { position: absolute; top: 0; left: 0; }
.chart-style2 h5 { font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 1px; }
.chart-style2 p { font-size:11px; letter-spacing: 2px;}


/**/

.section-small{
    padding: 40px 0!important;
}
.section-medium{
     padding: 50px 0!important;
}
.section-large{
     padding: 60px 0!important;
}
.section-xlarge{
    padding: 70px 0!important;
}
.section-xxlarge{
    padding: 80px 0!important;
}


/*Social Btn*/
.bg-facebook {
    background-color: rgba(59,89,152,.9)!important;
}
.bg-twitter {
    background-color: rgba(85,172,238,.9)!important;
}
.bg-youtube {
    background-color: rgba(204,24,30,.9)!important;
}
.bg-linkedin {
    background-color: rgba(9,118,180,.9)!important;
}
.bg-whatsapp{
    background-color: #25d366;
}
.bg-instagram{
    background-image: linear-gradient(-45deg, #c1089e 20%, #ff4e00 100%) !important;
}

.default-form input[type="text"] , .default-form input[type="password"], .default-form select  ,.default-form select:focus ,  .default-form textarea , .default-form textarea:focus{
    border: 1px solid #ddd;
    height: 40px;
    box-shadow: none;
    border-radius: 4px;
    outline: none;
    padding: 0 10px;
}
.default-form textarea , .default-form textarea:focus{
    height: 120px;
    resize: none;
    padding: 10px;
}
.default-form button.btn {
    margin: 0;
    padding: 11px;
    border-radius: 4px;
    box-shadow: none;
    outline: none;
    background: #468b6f;
    font-size: 14px;
    border: 0;
}