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

Sukces - Neat Personal Resume CV vCard Template

File:			CSS Theme
Version:        1.0
Last change:    15/07/16 
Author:			Suelo 

Table of Contents:

1. Document Setup
2. Basic
3. Header 
-- 3.1 Header Vertical
-- 3.2 Header Vertical RTL
-- 3.3 Header Horizontal
-- 3.4 Header Horizontal RTL
4. Content 
-- 4.1 Blog
-- 4.2 Features
-- 4.3 Media
-- 4.4 Other 
-- 4.5 Sections
-- 4.6 Timeline
5. Elements 
-- 5.1 Accordion
-- 5.2 Ajax Modal
-- 5.3 Buttons
-- 5.4 Backgrounds
-- 5.5 Breadcrumbs
-- 5.6 Contact Popup
-- 5.7 Carousel
-- 5.8 Forms 
-- 5.9 Icons
-- 5.10 Images 
-- 5.11 Labels / Badges
-- 5.12 Loader
-- 5.13 Modals
-- 5.14 Navigations
-- 5.15 Other
-- 5.16 Pagination
-- 5.17 Price Tables
-- 5.18 Progress Bars
-- 5.19 Typography
6. Widgets 
7. Animations 

-------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */
/* --- 1. SETUP
/* ----------------------------------------------------------------------------- */
body { position: relative; color: #434343; font-size: 15px; font-family: "Lora", Georgia, serif; font-weight: 400; line-height: 1.5; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

a { color: inherit; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }

a:hover, a:focus { text-decoration: none; color: inherit; }

textarea:focus, input:focus, a:focus, a:visited, *:focus { outline: none; }

iframe { border: none; }

img { max-width: 100%; height: auto; -webkit-backface-visibility: hidden; }

/* ---------------------------------------------------------------------------- */
/* --- 2. BASICS
/* ----------------------------------------------------------------------------- */
.relative { position: relative; z-index: 2; }

.block { display: block; }

.dark { color: #fff; }

.mt-0 { margin-top: 0px !important; }

.mt-5 { margin-top: 5px !important; }

.mt-10 { margin-top: 10px !important; }

.mt-15 { margin-top: 15px !important; }

.mt-20 { margin-top: 20px !important; }

.mt-25 { margin-top: 25px !important; }

.mt-30 { margin-top: 30px !important; }

.mt-35 { margin-top: 35px !important; }

.mt-40 { margin-top: 40px !important; }

.mt-45 { margin-top: 45px !important; }

.mt-50 { margin-top: 50px !important; }

.mt-55 { margin-top: 55px !important; }

.mt-60 { margin-top: 60px !important; }

.mt-65 { margin-top: 65px !important; }

.mt-70 { margin-top: 70px !important; }

.mt-75 { margin-top: 75px !important; }

.mt-80 { margin-top: 80px !important; }

.mt-85 { margin-top: 85px !important; }

.mt-90 { margin-top: 90px !important; }

.mt-95 { margin-top: 95px !important; }

.mt-100 { margin-top: 100px !important; }

.mt-105 { margin-top: 105px !important; }

.mt-110 { margin-top: 110px !important; }

.mt-115 { margin-top: 115px !important; }

.mt-120 { margin-top: 120px !important; }

.mt-125 { margin-top: 125px !important; }

.mt-130 { margin-top: 130px !important; }

.mt-135 { margin-top: 135px !important; }

.mt-140 { margin-top: 140px !important; }

.mt-145 { margin-top: 145px !important; }

.mt-150 { margin-top: 150px !important; }

.mt-155 { margin-top: 155px !important; }

.mt-160 { margin-top: 160px !important; }

.mt-165 { margin-top: 165px !important; }

.mt-170 { margin-top: 170px !important; }

.mt-175 { margin-top: 175px !important; }

.mt-180 { margin-top: 180px !important; }

.mt-185 { margin-top: 185px !important; }

.mt-190 { margin-top: 190px !important; }

.mt-195 { margin-top: 195px !important; }

.mt-200 { margin-top: 200px !important; }

.mr-0 { margin-right: 0px !important; }

.mr-5 { margin-right: 5px !important; }

.mr-10 { margin-right: 10px !important; }

.mr-15 { margin-right: 15px !important; }

.mr-20 { margin-right: 20px !important; }

.mr-25 { margin-right: 25px !important; }

.mr-30 { margin-right: 30px !important; }

.mr-35 { margin-right: 35px !important; }

.mr-40 { margin-right: 40px !important; }

.mr-45 { margin-right: 45px !important; }

.mr-50 { margin-right: 50px !important; }

.mr-55 { margin-right: 55px !important; }

.mr-60 { margin-right: 60px !important; }

.mr-65 { margin-right: 65px !important; }

.mr-70 { margin-right: 70px !important; }

.mr-75 { margin-right: 75px !important; }

.mr-80 { margin-right: 80px !important; }

.mr-85 { margin-right: 85px !important; }

.mr-90 { margin-right: 90px !important; }

.mr-95 { margin-right: 95px !important; }

.mr-100 { margin-right: 100px !important; }

.mr-105 { margin-right: 105px !important; }

.mr-110 { margin-right: 110px !important; }

.mr-115 { margin-right: 115px !important; }

.mr-120 { margin-right: 120px !important; }

.mr-125 { margin-right: 125px !important; }

.mr-130 { margin-right: 130px !important; }

.mr-135 { margin-right: 135px !important; }

.mr-140 { margin-right: 140px !important; }

.mr-145 { margin-right: 145px !important; }

.mr-150 { margin-right: 150px !important; }

.mr-155 { margin-right: 155px !important; }

.mr-160 { margin-right: 160px !important; }

.mr-165 { margin-right: 165px !important; }

.mr-170 { margin-right: 170px !important; }

.mr-175 { margin-right: 175px !important; }

.mr-180 { margin-right: 180px !important; }

.mr-185 { margin-right: 185px !important; }

.mr-190 { margin-right: 190px !important; }

.mr-195 { margin-right: 195px !important; }

.mr-200 { margin-right: 200px !important; }

.mb-0 { margin-bottom: 0px !important; }

.mb-5 { margin-bottom: 5px !important; }

.mb-10 { margin-bottom: 10px !important; }

.mb-15 { margin-bottom: 15px !important; }

.mb-20 { margin-bottom: 20px !important; }

.mb-25 { margin-bottom: 25px !important; }

.mb-30 { margin-bottom: 30px !important; }

.mb-35 { margin-bottom: 35px !important; }

.mb-40 { margin-bottom: 40px !important; }

.mb-45 { margin-bottom: 45px !important; }

.mb-50 { margin-bottom: 50px !important; }

.mb-55 { margin-bottom: 55px !important; }

.mb-60 { margin-bottom: 60px !important; }

.mb-65 { margin-bottom: 65px !important; }

.mb-70 { margin-bottom: 70px !important; }

.mb-75 { margin-bottom: 75px !important; }

.mb-80 { margin-bottom: 80px !important; }

.mb-85 { margin-bottom: 85px !important; }

.mb-90 { margin-bottom: 90px !important; }

.mb-95 { margin-bottom: 95px !important; }

.mb-100 { margin-bottom: 100px !important; }

.mb-105 { margin-bottom: 105px !important; }

.mb-110 { margin-bottom: 110px !important; }

.mb-115 { margin-bottom: 115px !important; }

.mb-120 { margin-bottom: 120px !important; }

.mb-125 { margin-bottom: 125px !important; }

.mb-130 { margin-bottom: 130px !important; }

.mb-135 { margin-bottom: 135px !important; }

.mb-140 { margin-bottom: 140px !important; }

.mb-145 { margin-bottom: 145px !important; }

.mb-150 { margin-bottom: 150px !important; }

.mb-155 { margin-bottom: 155px !important; }

.mb-160 { margin-bottom: 160px !important; }

.mb-165 { margin-bottom: 165px !important; }

.mb-170 { margin-bottom: 170px !important; }

.mb-175 { margin-bottom: 175px !important; }

.mb-180 { margin-bottom: 180px !important; }

.mb-185 { margin-bottom: 185px !important; }

.mb-190 { margin-bottom: 190px !important; }

.mb-195 { margin-bottom: 195px !important; }

.mb-200 { margin-bottom: 200px !important; }

.ml-0 { margin-left: 0px !important; }

.ml-5 { margin-left: 5px !important; }

.ml-10 { margin-left: 10px !important; }

.ml-15 { margin-left: 15px !important; }

.ml-20 { margin-left: 20px !important; }

.ml-25 { margin-left: 25px !important; }

.ml-30 { margin-left: 30px !important; }

.ml-35 { margin-left: 35px !important; }

.ml-40 { margin-left: 40px !important; }

.ml-45 { margin-left: 45px !important; }

.ml-50 { margin-left: 50px !important; }

.ml-55 { margin-left: 55px !important; }

.ml-60 { margin-left: 60px !important; }

.ml-65 { margin-left: 65px !important; }

.ml-70 { margin-left: 70px !important; }

.ml-75 { margin-left: 75px !important; }

.ml-80 { margin-left: 80px !important; }

.ml-85 { margin-left: 85px !important; }

.ml-90 { margin-left: 90px !important; }

.ml-95 { margin-left: 95px !important; }

.ml-100 { margin-left: 100px !important; }

.ml-105 { margin-left: 105px !important; }

.ml-110 { margin-left: 110px !important; }

.ml-115 { margin-left: 115px !important; }

.ml-120 { margin-left: 120px !important; }

.ml-125 { margin-left: 125px !important; }

.ml-130 { margin-left: 130px !important; }

.ml-135 { margin-left: 135px !important; }

.ml-140 { margin-left: 140px !important; }

.ml-145 { margin-left: 145px !important; }

.ml-150 { margin-left: 150px !important; }

.ml-155 { margin-left: 155px !important; }

.ml-160 { margin-left: 160px !important; }

.ml-165 { margin-left: 165px !important; }

.ml-170 { margin-left: 170px !important; }

.ml-175 { margin-left: 175px !important; }

.ml-180 { margin-left: 180px !important; }

.ml-185 { margin-left: 185px !important; }

.ml-190 { margin-left: 190px !important; }

.ml-195 { margin-left: 195px !important; }

.ml-200 { margin-left: 200px !important; }

.m-0 { margin: 0px !important; }

.m-5 { margin: 5px !important; }

.m-10 { margin: 10px !important; }

.m-15 { margin: 15px !important; }

.m-20 { margin: 20px !important; }

.m-25 { margin: 25px !important; }

.m-30 { margin: 30px !important; }

.m-35 { margin: 35px !important; }

.m-40 { margin: 40px !important; }

.m-45 { margin: 45px !important; }

.m-50 { margin: 50px !important; }

.m-55 { margin: 55px !important; }

.m-60 { margin: 60px !important; }

.m-65 { margin: 65px !important; }

.m-70 { margin: 70px !important; }

.m-75 { margin: 75px !important; }

.m-80 { margin: 80px !important; }

.m-85 { margin: 85px !important; }

.m-90 { margin: 90px !important; }

.m-95 { margin: 95px !important; }

.m-100 { margin: 100px !important; }

.m-105 { margin: 105px !important; }

.m-110 { margin: 110px !important; }

.m-115 { margin: 115px !important; }

.m-120 { margin: 120px !important; }

.m-125 { margin: 125px !important; }

.m-130 { margin: 130px !important; }

.m-135 { margin: 135px !important; }

.m-140 { margin: 140px !important; }

.m-145 { margin: 145px !important; }

.m-150 { margin: 150px !important; }

.m-155 { margin: 155px !important; }

.m-160 { margin: 160px !important; }

.m-165 { margin: 165px !important; }

.m-170 { margin: 170px !important; }

.m-175 { margin: 175px !important; }

.m-180 { margin: 180px !important; }

.m-185 { margin: 185px !important; }

.m-190 { margin: 190px !important; }

.m-195 { margin: 195px !important; }

.m-200 { margin: 200px !important; }

.pt-0 { padding-top: 0px !important; }

.pt-5 { padding-top: 5px !important; }

.pt-10 { padding-top: 10px !important; }

.pt-15 { padding-top: 15px !important; }

.pt-20 { padding-top: 20px !important; }

.pt-25 { padding-top: 25px !important; }

.pt-30 { padding-top: 30px !important; }

.pt-35 { padding-top: 35px !important; }

.pt-40 { padding-top: 40px !important; }

.pt-45 { padding-top: 45px !important; }

.pt-50 { padding-top: 50px !important; }

.pt-55 { padding-top: 55px !important; }

.pt-60 { padding-top: 60px !important; }

.pt-65 { padding-top: 65px !important; }

.pt-70 { padding-top: 70px !important; }

.pt-75 { padding-top: 75px !important; }

.pt-80 { padding-top: 80px !important; }

.pt-85 { padding-top: 85px !important; }

.pt-90 { padding-top: 90px !important; }

.pt-95 { padding-top: 95px !important; }

.pt-100 { padding-top: 100px !important; }

.pt-105 { padding-top: 105px !important; }

.pt-110 { padding-top: 110px !important; }

.pt-115 { padding-top: 115px !important; }

.pt-120 { padding-top: 120px !important; }

.pt-125 { padding-top: 125px !important; }

.pt-130 { padding-top: 130px !important; }

.pt-135 { padding-top: 135px !important; }

.pt-140 { padding-top: 140px !important; }

.pt-145 { padding-top: 145px !important; }

.pt-150 { padding-top: 150px !important; }

.pt-155 { padding-top: 155px !important; }

.pt-160 { padding-top: 160px !important; }

.pt-165 { padding-top: 165px !important; }

.pt-170 { padding-top: 170px !important; }

.pt-175 { padding-top: 175px !important; }

.pt-180 { padding-top: 180px !important; }

.pt-185 { padding-top: 185px !important; }

.pt-190 { padding-top: 190px !important; }

.pt-195 { padding-top: 195px !important; }

.pt-200 { padding-top: 200px !important; }

.pr-0 { padding-right: 0px !important; }

.pr-5 { padding-right: 5px !important; }

.pr-10 { padding-right: 10px !important; }

.pr-15 { padding-right: 15px !important; }

.pr-20 { padding-right: 20px !important; }

.pr-25 { padding-right: 25px !important; }

.pr-30 { padding-right: 30px !important; }

.pr-35 { padding-right: 35px !important; }

.pr-40 { padding-right: 40px !important; }

.pr-45 { padding-right: 45px !important; }

.pr-50 { padding-right: 50px !important; }

.pr-55 { padding-right: 55px !important; }

.pr-60 { padding-right: 60px !important; }

.pr-65 { padding-right: 65px !important; }

.pr-70 { padding-right: 70px !important; }

.pr-75 { padding-right: 75px !important; }

.pr-80 { padding-right: 80px !important; }

.pr-85 { padding-right: 85px !important; }

.pr-90 { padding-right: 90px !important; }

.pr-95 { padding-right: 95px !important; }

.pr-100 { padding-right: 100px !important; }

.pr-105 { padding-right: 105px !important; }

.pr-110 { padding-right: 110px !important; }

.pr-115 { padding-right: 115px !important; }

.pr-120 { padding-right: 120px !important; }

.pr-125 { padding-right: 125px !important; }

.pr-130 { padding-right: 130px !important; }

.pr-135 { padding-right: 135px !important; }

.pr-140 { padding-right: 140px !important; }

.pr-145 { padding-right: 145px !important; }

.pr-150 { padding-right: 150px !important; }

.pr-155 { padding-right: 155px !important; }

.pr-160 { padding-right: 160px !important; }

.pr-165 { padding-right: 165px !important; }

.pr-170 { padding-right: 170px !important; }

.pr-175 { padding-right: 175px !important; }

.pr-180 { padding-right: 180px !important; }

.pr-185 { padding-right: 185px !important; }

.pr-190 { padding-right: 190px !important; }

.pr-195 { padding-right: 195px !important; }

.pr-200 { padding-right: 200px !important; }

.pb-0 { padding-bottom: 0px !important; }

.pb-5 { padding-bottom: 5px !important; }

.pb-10 { padding-bottom: 10px !important; }

.pb-15 { padding-bottom: 15px !important; }

.pb-20 { padding-bottom: 20px !important; }

.pb-25 { padding-bottom: 25px !important; }

.pb-30 { padding-bottom: 30px !important; }

.pb-35 { padding-bottom: 35px !important; }

.pb-40 { padding-bottom: 40px !important; }

.pb-45 { padding-bottom: 45px !important; }

.pb-50 { padding-bottom: 50px !important; }

.pb-55 { padding-bottom: 55px !important; }

.pb-60 { padding-bottom: 60px !important; }

.pb-65 { padding-bottom: 65px !important; }

.pb-70 { padding-bottom: 70px !important; }

.pb-75 { padding-bottom: 75px !important; }

.pb-80 { padding-bottom: 80px !important; }

.pb-85 { padding-bottom: 85px !important; }

.pb-90 { padding-bottom: 90px !important; }

.pb-95 { padding-bottom: 95px !important; }

.pb-100 { padding-bottom: 100px !important; }

.pb-105 { padding-bottom: 105px !important; }

.pb-110 { padding-bottom: 110px !important; }

.pb-115 { padding-bottom: 115px !important; }

.pb-120 { padding-bottom: 120px !important; }

.pb-125 { padding-bottom: 125px !important; }

.pb-130 { padding-bottom: 130px !important; }

.pb-135 { padding-bottom: 135px !important; }

.pb-140 { padding-bottom: 140px !important; }

.pb-145 { padding-bottom: 145px !important; }

.pb-150 { padding-bottom: 150px !important; }

.pb-155 { padding-bottom: 155px !important; }

.pb-160 { padding-bottom: 160px !important; }

.pb-165 { padding-bottom: 165px !important; }

.pb-170 { padding-bottom: 170px !important; }

.pb-175 { padding-bottom: 175px !important; }

.pb-180 { padding-bottom: 180px !important; }

.pb-185 { padding-bottom: 185px !important; }

.pb-190 { padding-bottom: 190px !important; }

.pb-195 { padding-bottom: 195px !important; }

.pb-200 { padding-bottom: 200px !important; }

.pl-0 { padding-left: 0px !important; }

.pl-5 { padding-left: 5px !important; }

.pl-10 { padding-left: 10px !important; }

.pl-15 { padding-left: 15px !important; }

.pl-20 { padding-left: 20px !important; }

.pl-25 { padding-left: 25px !important; }

.pl-30 { padding-left: 30px !important; }

.pl-35 { padding-left: 35px !important; }

.pl-40 { padding-left: 40px !important; }

.pl-45 { padding-left: 45px !important; }

.pl-50 { padding-left: 50px !important; }

.pl-55 { padding-left: 55px !important; }

.pl-60 { padding-left: 60px !important; }

.pl-65 { padding-left: 65px !important; }

.pl-70 { padding-left: 70px !important; }

.pl-75 { padding-left: 75px !important; }

.pl-80 { padding-left: 80px !important; }

.pl-85 { padding-left: 85px !important; }

.pl-90 { padding-left: 90px !important; }

.pl-95 { padding-left: 95px !important; }

.pl-100 { padding-left: 100px !important; }

.pl-105 { padding-left: 105px !important; }

.pl-110 { padding-left: 110px !important; }

.pl-115 { padding-left: 115px !important; }

.pl-120 { padding-left: 120px !important; }

.pl-125 { padding-left: 125px !important; }

.pl-130 { padding-left: 130px !important; }

.pl-135 { padding-left: 135px !important; }

.pl-140 { padding-left: 140px !important; }

.pl-145 { padding-left: 145px !important; }

.pl-150 { padding-left: 150px !important; }

.pl-155 { padding-left: 155px !important; }

.pl-160 { padding-left: 160px !important; }

.pl-165 { padding-left: 165px !important; }

.pl-170 { padding-left: 170px !important; }

.pl-175 { padding-left: 175px !important; }

.pl-180 { padding-left: 180px !important; }

.pl-185 { padding-left: 185px !important; }

.pl-190 { padding-left: 190px !important; }

.pl-195 { padding-left: 195px !important; }

.pl-200 { padding-left: 200px !important; }

.p-0 { padding: 0px !important; }

.p-5 { padding: 5px !important; }

.p-10 { padding: 10px !important; }

.p-15 { padding: 15px !important; }

.p-20 { padding: 20px !important; }

.p-25 { padding: 25px !important; }

.p-30 { padding: 30px !important; }

.p-35 { padding: 35px !important; }

.p-40 { padding: 40px !important; }

.p-45 { padding: 45px !important; }

.p-50 { padding: 50px !important; }

.p-55 { padding: 55px !important; }

.p-60 { padding: 60px !important; }

.p-65 { padding: 65px !important; }

.p-70 { padding: 70px !important; }

.p-75 { padding: 75px !important; }

.p-80 { padding: 80px !important; }

.p-85 { padding: 85px !important; }

.p-90 { padding: 90px !important; }

.p-95 { padding: 95px !important; }

.p-100 { padding: 100px !important; }

.p-105 { padding: 105px !important; }

.p-110 { padding: 110px !important; }

.p-115 { padding: 115px !important; }

.p-120 { padding: 120px !important; }

.p-125 { padding: 125px !important; }

.p-130 { padding: 130px !important; }

.p-135 { padding: 135px !important; }

.p-140 { padding: 140px !important; }

.p-145 { padding: 145px !important; }

.p-150 { padding: 150px !important; }

.p-155 { padding: 155px !important; }

.p-160 { padding: 160px !important; }

.p-165 { padding: 165px !important; }

.p-170 { padding: 170px !important; }

.p-175 { padding: 175px !important; }

.p-180 { padding: 180px !important; }

.p-185 { padding: 185px !important; }

.p-190 { padding: 190px !important; }

.p-195 { padding: 195px !important; }

.p-200 { padding: 200px !important; }

.h-100 { height: 100px; }

.h-200 { height: 200px; }

.h-300 { height: 300px; }

.h-400 { height: 400px; }

.h-500 { height: 500px; }

.h-600 { height: 600px; }

.h-700 { height: 700px; }

.h-800 { height: 800px; }

.h-900 { height: 900px; }

.h-sm { height: 40vh; }

.h-md { height: 60vh; }

.h-lg { height: 80vh; }

.fullheight { height: 100vh; }

.min-fullheight { min-height: 100vh; }

.sep-line { position: relative; z-index: 1; display: block; height: 1px; border: none; margin: 40px 0; background: rgba(0, 0, 0, 0.05); }

.font-secondary { font-family: "Poppins", Helvetica, Arial, sans-serif; }

.border { border: 1px solid rgba(0, 0, 0, 0.1); }

.dark .border { border: 1px solid rgba(255, 255, 255, 0.1); }

.border-top { border-top: 1px solid rgba(0, 0, 0, 0.1); }

.dark .border-top, .dark.border-top { border-top: 1px solid rgba(255, 255, 255, 0.1); }

.border-bottom { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.dark .border-bottom, .dark.border-bottom { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

.dark .sep-line { background: rgba(255, 255, 255, 0.2); }

.v-center { position: relative; top: 50%; -moz-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.v-bottom { position: relative; top: 95%; -moz-transform: translate3d(0, -100%, 0); -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.v-center-items { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; -webkit-flex-direction: row; flex-direction: row; }

.animated { visibility: hidden; }

.animated.visible { visibility: visible; }

.animate-hover { -moz-animation-fill-mode: both; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.mobile .hidden-mobile { display: none; }

.shadow { -moz-box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.2); }

.container { position: relative; }

.container-custom { width: 900px; }
@media only screen and (max-width: 1199px) { .container-custom { width: auto; margin-left: 30px; margin-right: 30px; } }
@media only screen and (max-width: 767px) { .container-custom { margin-left: 0px; margin-right: 0px; } }

.row.no-spaces { margin-left: 0; margin-right: 0; }

.row.no-spaces > *[class^='col'], .row.no-spaces > *[class*=' col'] { padding-left: 0; padding-right: 0; }

.row.long-spaces { margin-left: -30px; margin-right: -30px; }

.row.long-spaces > *[class^='col'], .row.long-spaces > *[class*=' col'] { padding-left: 30px; padding-right: 30px; }

html.locked-scrolling, html.locked-scrolling body { height: 100%; overflow: hidden; }

@media only screen and (max-width: 991px) { .v-center-items { display: block; }
  .v-center { top: auto; -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  .v-bottom { top: auto; -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  .h-sm, .h-md, .h-lg, .fullheight { height: auto; } }
html[dir="rtl"] .text-left { text-align: right; }
html[dir="rtl"] .text-right { text-align: left; }

/* ---------------------------------------------------------------------------- */
/* --- 3. HEADER
/* ----------------------------------------------------------------------------- */
#header { position: fixed; z-index: 888; font-family: "Poppins", Helvetica, Arial, sans-serif; }
#header.dark { background-color: #242424; color: #fff; }
#header.light { background-color: #fff; color: #434343; -moz-box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.06); -webkit-box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.06); box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.06); }

/* 3.1 Header Vertical
----------------------------------------------------------*/
#header.header-vertical { width: 260px; height: 100vh; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
@media only screen and (min-width: 1500px) { #header.header-vertical { width: 300px; } }
@media only screen and (max-width: 991px) { #header.header-vertical { -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: hidden; display: block; overflow-y: auto; } }
#header.header-vertical + #content { margin-left: 260px; }
@media only screen and (min-width: 1500px) { #header.header-vertical + #content { margin-left: 300px; } }
@media only screen and (max-width: 991px) { #header.header-vertical + #content { margin-left: 0px; } }
#header.header-vertical .logo { background-color: #3a6bc4; color: #fff; padding: 90px 35px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); text-align: right; display: block; }
#header.header-vertical .logo h1 { font-size: 36px; margin-bottom: 10px; }
#header.header-vertical .logo h4 { font-family: "Lora", Georgia, serif; font-weight: 100; color: rgba(255, 255, 255, 0.5); line-height: 1.3; }
#header.header-vertical #main-menu { position: relative; background-color: #fff; z-index: 2; }
#header.header-vertical #main-menu .selector { position: absolute; top: 0; left: 0; right: 0; background-color: #3a6bc4; z-index: 1; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
#header.header-vertical #main-menu .nav-vertical { position: relative; z-index: 2; }
#header.header-vertical .bottom { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px 10px; }
#header.header-vertical #header-toggle { display: none; }
#header.header-vertical.collapsed { width: 110px; }
@media only screen and (max-width: 991px) { #header.header-vertical.collapsed { width: 260px; } }
#header.header-vertical.collapsed + #content { margin-left: 110px; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
@media only screen and (max-width: 991px) { #header.header-vertical.collapsed + #content { margin-left: 0; } }
#header.header-vertical.collapsed #main-menu { visibility: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
@media only screen and (max-width: 991px) { #header.header-vertical.collapsed #main-menu { visibility: visible; opacity: 1; } }
#header.header-vertical.collapsed .bottom { display: none; }
@media only screen and (max-width: 991px) { #header.header-vertical.collapsed .bottom { display: block; } }
#header.header-vertical.collapsed #header-toggle { position: absolute; bottom: 40px; left: 54px; -moz-transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); display: block; }
@media only screen and (max-width: 991px) { #header.header-vertical.collapsed #header-toggle { display: none; } }
#header.header-vertical.collapsed.uncollapsed { width: 260px; }
@media only screen and (min-width: 1500px) { #header.header-vertical.collapsed.uncollapsed { width: 300px; } }
#header.header-vertical.collapsed.uncollapsed + #content { margin-left: 260px; }
@media only screen and (min-width: 1500px) { #header.header-vertical.collapsed.uncollapsed + #content { margin-left: 300px; } }
#header.header-vertical.collapsed.uncollapsed #main-menu { visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }

/* Nav Vertical */
.nav-vertical li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.nav-vertical li > a { font-size: 11px; text-transform: uppercase; padding: 15px 20px; font-weight: 600; white-space: nowrap; }
@media only screen and (max-height: 760px) { .nav-vertical li > a { padding: 13px 20px; } }
.nav-vertical li > a > i { font-size: 140%; display: inline-block; vertical-align: middle; margin-right: 20px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
.nav-vertical li > a:hover, .nav-vertical li > a:focus { background: transparent; }
.nav-vertical li > a:hover > span, .nav-vertical li > a:focus > span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
.nav-vertical li > a.active { pointer-events: none; color: #fff; }

#header.header-vertical.dark #main-menu { background-color: #242424; }
#header.header-vertical.dark .nav-vertical li { border-color: rgba(255, 255, 255, 0.1); }

#vertical-nav-toggle { position: fixed; top: 0; left: 0; display: none; background-color: #3a6bc4; z-index: 1000; }
@media only screen and (max-width: 991px) { #vertical-nav-toggle { display: inline-block; } }
#vertical-nav-toggle > span:before, #vertical-nav-toggle > span:after { background-color: #fff; }
#vertical-nav-toggle > span > span:before, #vertical-nav-toggle > span > span:after { background-color: #fff; }

.nav-toggle { width: 50px; height: 50px; }
.nav-toggle:after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; min-height: 20px; min-width: 20px; content: ' '; }
.nav-toggle > span { position: relative; top: 9px; left: 14px; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; display: inline-block; }
.nav-toggle > span:before, .nav-toggle > span:after { height: 2px; width: 20px; display: inline-block; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; content: ' '; background-color: #434343; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.nav-toggle > span:before, .nav-toggle > span:after { position: absolute; left: 0; }
.nav-toggle > span:before { top: -7px; }
.nav-toggle > span:after { bottom: -7px; }
.nav-toggle > span > span { position: absolute; top: 0; left: 0; }
.nav-toggle > span > span:before, .nav-toggle > span > span:after { position: absolute; top: -1px; left: 0; height: 2px; width: 20px; display: inline-block; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; content: ' '; background-color: #434343; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.nav-toggle.active > span { background: transparent; }
.nav-toggle.active > span:before { -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -webkit-transform: translateX(-10px); transform: translateX(-10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.nav-toggle.active > span:after { -moz-transform: translateX(10px); -ms-transform: translateX(10px); -webkit-transform: translateX(10px); transform: translateX(10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.nav-toggle.active > span > span:before { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.nav-toggle.active > span > span:after { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.dark .nav-toggle > span:before, .dark .nav-toggle > span:after, .transparent .nav-toggle > span:before, .transparent .nav-toggle > span:after { background-color: #fff; }
.dark .nav-toggle > span > span:before, .dark .nav-toggle > span > span:after, .transparent .nav-toggle > span > span:before, .transparent .nav-toggle > span > span:after { background-color: #fff; }

@media only screen and (max-width: 1199px) { .mobile-nav-open #header.header-vertical { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); visibility: visible; } }

/* 3.2 Header Vertical RTL
----------------------------------------------------------*/
@media only screen and (max-width: 991px) { html[dir="rtl"] #header.header-vertical { -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); } }
html[dir="rtl"] #header.header-vertical + #content { margin-left: 0; margin-right: 260px; }
@media only screen and (min-width: 1500px) { html[dir="rtl"] #header.header-vertical + #content { margin-left: 0; margin-right: 300px; } }
@media only screen and (max-width: 991px) { html[dir="rtl"] #header.header-vertical + #content { margin-right: 0; } }
html[dir="rtl"] .nav-vertical li > a { font-size: 13px; }
html[dir="rtl"] .nav-vertical li > a > i { margin-right: 0; margin-left: 20px; }
html[dir="rtl"] #vertical-nav-toggle { left: auto; right: 0; }
html[dir="rtl"] .nav-toggle > span { left: auto; right: 34px; }
@media only screen and (max-width: 1199px) { html[dir="rtl"] .mobile-nav-open #header.header-vertical { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } }

/* 3.3 Header Horizontal
----------------------------------------------------------*/
#header.header-horizontal { width: 100%; height: 90px; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
@media only screen and (max-width: 991px) { #header.header-horizontal { height: 75px; }
  #header.header-horizontal + #content .post.single { padding-top: 75px; }
  #header.header-horizontal + #content .post.single .post-nav { top: 105px; } }
#header.header-horizontal + #content .post.single { padding-top: 90px; }
#header.header-horizontal + #content .post.single .post-nav { top: 130px; }
#header.header-horizontal + #content > section:first-child { padding-top: 170px; }
#header.header-horizontal .photo { height: 90px; display: inline-block; }
@media only screen and (max-width: 991px) { #header.header-horizontal .photo { height: 75px; } }
#header.header-horizontal .photo > img { height: 100%; }
#header.header-horizontal .logo { position: absolute; top: 0; left: 15px; max-width: 300px; min-width: 240px; background-color: #3a6bc4; color: #fff; padding: 26px 15px; height: 90px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: right; }
@media only screen and (max-width: 991px) { #header.header-horizontal .logo { height: 75px; padding: 20px 15px; } }
@media only screen and (max-width: 767px) { #header.header-horizontal .logo { min-width: 0; max-width: 60px; } }
#header.header-horizontal .logo h1 { font-size: 18px; margin-bottom: 0; }
@media only screen and (max-width: 767px) { #header.header-horizontal .logo h1 { display: none; } }
#header.header-horizontal .logo h4 { font-family: "Lora", Georgia, serif; font-size: 14px; font-weight: 100; color: rgba(255, 255, 255, 0.5); }
@media only screen and (max-width: 767px) { #header.header-horizontal .logo h4 { display: none; } }
#header.header-horizontal .logo .initials { font-size: 20px; font-family: "Poppins", Helvetica, Arial, sans-serif; display: none; font-weight: 600; }
@media only screen and (max-width: 991px) { #header.header-horizontal .logo .initials { display: block; } }
#header.header-horizontal #main-menu { position: relative; text-align: center; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
@media only screen and (max-width: 991px) { #header.header-horizontal #main-menu { position: absolute; top: 0; left: 0; right: 0; max-height: 75vh; visibility: hidden; -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); } }
#header.header-horizontal #main-menu .selector { position: absolute; top: 28px; left: 0; height: 32px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; background-color: #3a6bc4; z-index: 1; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
@media only screen and (max-width: 991px) { #header.header-horizontal #main-menu .selector { display: none; visibility: hidden; } }
#header.header-horizontal #main-menu .nav-horizontal { position: relative; z-index: 2; }
#header.header-horizontal.transparent { background: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: #fff; }
#header.header-horizontal.transparent.scrolled { background: rgba(0, 0, 0, 0.8); }

/* Nav Horizontal */
@media only screen and (max-width: 991px) { .nav-horizontal { background: #fff; -moz-box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.06); -webkit-box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.06); box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.06); overflow: auto; } }
.nav-horizontal li { display: inline-block; }
@media only screen and (max-width: 991px) { .nav-horizontal li { display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } }
.nav-horizontal li > a { font-size: 11px; text-transform: uppercase; padding: 0 14px; line-height: 90px; height: 90px; font-weight: 600; white-space: nowrap; }
@media only screen and (max-width: 991px) { .nav-horizontal li > a { line-height: 1.5; padding: 20px; height: auto; }
  .nav-horizontal li > a.active { background: #3a6bc4; } }
.nav-horizontal li > a:hover, .nav-horizontal li > a:focus { background: transparent; }
.nav-horizontal li > a:hover > span, .nav-horizontal li > a:focus > span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
.nav-horizontal li > a.active { pointer-events: none; color: #fff; }

@media only screen and (max-width: 991px) { .dark .nav-horizontal, .transparent .nav-horizontal { background: #242424; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
  .dark .nav-horizontal li, .transparent .nav-horizontal li { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } }
#horizontal-nav-toggle { position: absolute; top: 13px; left: 50%; margin-left: -25px; display: none; }
@media only screen and (max-width: 991px) { #horizontal-nav-toggle { display: inline-block; } }

@media only screen and (max-width: 1199px) { .mobile-nav-open #header.header-horizontal #main-menu { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); visibility: visible; } }

/* 3.4 Header Horizontal RTL
----------------------------------------------------------*/
html[dir="rtl"] .nav-horizontal li > a { font-size: 13px; }

/* ---------------------------------------------------------------------------- */
/* --- 4. CONTENT
/* ----------------------------------------------------------------------------- */
#content { position: relative; }

/* 4.1 Blog
----------------------------------------------------------*/
.post .post-image { background-size: cover; background-position: center center; }
.post ul.post-meta { position: relative; list-style: none; padding: 0; margin: 0 0 25px 0; display: block; }
.post ul.post-meta > li { display: inline-block; font-family: "Poppins", Helvetica, Arial, sans-serif; font-size: 12px; color: rgba(0, 0, 0, 0.4); font-weight: 500; }
.post ul.post-meta > li:not(:last-child) { margin-right: 8px; }
.post ul.post-meta > li:not(:last-child):after { content: "/"; margin-left: 8px; }
.post.item { margin-bottom: 10px; display: -webkit-flex; display: flex; }
@media only screen and (max-width: 767px) { .post.item { display: block; } }
.post.item .post-image { width: 55%; }
@media only screen and (max-width: 767px) { .post.item .post-image { width: 100%; height: 300px; } }
.post.item .post-content { width: 45%; background-color: #f5f5f5; padding: 90px 40px; }
@media only screen and (max-width: 767px) { .post.item .post-content { width: 100%; padding: 40px 30px; } }
.post.item .post-content h4 { margin-bottom: 25px; }
.post.item .post-content p { color: rgba(0, 0, 0, 0.4); }
.post.item:nth-child(2n-1) { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; }
.post.single { padding-bottom: 40px; }
.post.single .post-nav { position: absolute; top: 40px; left: 0; right: 0; text-align: center; z-index: 2; color: #fff; }
.post.single .post-nav + .post-image { position: relative; }
.post.single .post-nav + .post-image:after { position: absolute; top: 0; left: 0; width: 100%; height: 50%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)); content: ' '; }
.post.single .post-image { height: 65vh; min-height: 300px; margin-bottom: -100px; background-attachment: fixed; }
.post.single .post-content { position: relative; width: 900px; margin: 0 auto; background-color: #fff; padding: 45px 50px; z-index: 3; }
@media only screen and (max-width: 1199px) { .post.single .post-content { width: auto; margin-left: 30px; margin-right: 30px; } }
@media only screen and (max-width: 767px) { .post.single .post-content { margin-left: 0px; margin-right: 0px; padding: 25px; } }
.post.single .post-content ul.post-meta { margin-bottom: 35px; }
.post.single .post-content h1 { margin-left: -50px; margin-right: -50px; padding-left: 50px; padding-right: 50px; padding-bottom: 40px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 40px; }
@media only screen and (max-width: 767px) { .post.single .post-content h1 { margin-left: -25px; margin-right: -25px; padding-left: 25px; padding-right: 25px; margin-bottom: 30px; } }
.post.single .post-content > *:last-child { margin-bottom: 0; }
.post.single .post-module { width: 900px; margin: 0 auto; background-color: #fff; padding: 45px 50px; }
@media only screen and (max-width: 1199px) { .post.single .post-module { width: auto; margin-left: 30px; margin-right: 30px; } }
@media only screen and (max-width: 767px) { .post.single .post-module { margin-left: 0px; margin-right: 0px; padding: 25px; } }
.post.single .post-module > .title { width: 170px; text-align: right; float: left; }
@media only screen and (max-width: 767px) { .post.single .post-module > .title { width: 100%; float: none; text-align: left; margin-bottom: 40px; } }
.post.single .post-module > .content { margin-left: 230px; }
@media only screen and (max-width: 767px) { .post.single .post-module > .content { margin-left: 0; } }
.post.single .post-comments { border-top: 1px solid rgba(0, 0, 0, 0.1); }
.post.single .post-write-comment { position: relative; background-color: #3a6bc4; margin-bottom: 50px; }
.post.single .post-write-comment:after { position: absolute; top: 100%; right: 56px; width: 0; height: 0; border-style: solid; border-width: 0 34px 66px 0; border-color: transparent #3a6bc4 transparent transparent; content: ' '; }

html[dir="rtl"] .post.single .post-module > .title { width: 170px; text-align: left; float: right; }
@media only screen and (max-width: 767px) { html[dir="rtl"] .post.single .post-module > .title { float: none; text-align: right; } }
html[dir="rtl"] .post.single .post-module > .content { margin-right: 230px; margin-left: 0; }
@media only screen and (max-width: 767px) { html[dir="rtl"] .post.single .post-module > .content { margin-right: 0; } }

.bg-light .post.item .post-content { background-color: #fff; }

.comments { list-style: none; padding: 0; margin: 0; }
.comments > li { margin-bottom: 5px; }
.comments > li .avatar { width: 58px; height: 58px; float: left; }
@media only screen and (max-width: 767px) { .comments > li .avatar { float: none; margin-bottom: 15px; } }
.comments > li .avatar > img { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; width: 58px; height: 58px; }
.comments > li .content { padding: 10px 0; margin-left: 78px; }
@media only screen and (max-width: 767px) { .comments > li .content { margin-left: 0; } }
.comments > li .content > .details { font-family: "Poppins", Helvetica, Arial, sans-serif; font-size: 12px; color: rgba(0, 0, 0, 0.4); }
.comments > li ul { padding-left: 58px; list-style: none; }
@media only screen and (max-width: 767px) { .comments > li ul { padding-left: 30px; } }

html[dir="rtl"] .post-nav li:first-child, html[dir="rtl"] .post-nav li:last-child { display: none; }
html[dir="rtl"] .comments > li .avatar { float: right; }
@media only screen and (max-width: 767px) { html[dir="rtl"] .comments > li .avatar { float: none; } }
html[dir="rtl"] .comments > li .content { margin-left: 0; margin-right: 78px; }
@media only screen and (max-width: 767px) { html[dir="rtl"] .comments > li .content { margin-right: 0; } }
html[dir="rtl"] .comments > li ul { padding-left: 0; padding-right: 58px; }
@media only screen and (max-width: 767px) { html[dir="rtl"] .comments > li ul { padding-left: 0; padding-right: 30px; } }

/* 4.2 Features
----------------------------------------------------------*/
.feature { margin-bottom: 30px; }
.feature.feature-1 .icon { margin-bottom: 16px; }
.feature.feature-2 .feature-content { padding-left: 50px; padding-top: 10px; }
.feature.feature-2 .icon { float: left; }
.feature.feature-2 .icon.icon-sm + .feature-content { padding-left: 45px; }
.feature.feature-2 .icon.icon-lg + .feature-content { padding-left: 90px; }
.feature.feature-2 .icon.icon-circle + .feature-content { padding-left: 95px; }
.feature.feature-2 .icon.icon-circle.icon-sm + .feature-content { padding-left: 64px; }
.feature.feature-2 .icon.icon-circle.icon-lg + .feature-content { padding-left: 140px; }
.feature.feature-2.feature-sm { min-height: 0; }

/* 4.3 Media
----------------------------------------------------------*/
/* Image */
.image-box { position: relative; overflow: hidden; }
.image-box .image { position: relative; background: #000000; overflow: hidden; }
.image-box .image img { position: relative; -moz-transition: all 1.5s ease-out; -o-transition: all 1.5s ease-out; -webkit-transition: all 1.5s ease-out; transition: all 1.5s ease-out; width: 100%; z-index: 1; }
.image-box > .label { position: absolute; top: 20px; right: 20px; z-index: 4; }
.image-box .image:after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC44NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.85))); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.85)); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.85)); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.85)); -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; content: ' '; visibility: hidden; z-index: 2; }
.image-box .hover { position: absolute; bottom: 0; left: 0; width: 100%; padding: 40px; color: #fff; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; -moz-transform: translateX(10px); -ms-transform: translateX(10px); -webkit-transform: translateX(10px); transform: translateX(10px); z-index: 3; }
.image-box .hover .h5 { font-size: 17px; }
.image-box .hover .text-muted { color: rgba(255, 255, 255, 0.5); }
.image-box:hover .image:after { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; visibility: visible; }
.image-box:hover .hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); visibility: visible; }
.image-box:not(.no-zooming):hover .image img { -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); }

/* Video */
.video-box { position: relative; overflow: hidden; }
.video-box.placeholder-image .btn-play { position: absolute; top: 50%; left: 50%; -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
.video-box.placeholder-image iframe { width: 100%; height: 100%; }
.video-box.placeholder-image.playing .btn-play { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; }

/* 4.4 Other
----------------------------------------------------------*/
/* Resume */
.resume-card { margin-bottom: 60px; }
.resume-card .title { margin-bottom: 45px; }
.resume-card.boxed { background-color: #f5f5f5; padding: 50px 30px 30px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.resume-card.boxed .progress { background-color: #fff; }
.resume-card.boxed .timeline:after { background-color: #fff; }
.resume-card.boxed .timeline .timeline-event:before { border-color: #f5f5f5; }

.bg-light .resume-card.boxed { background-color: #fff; }

.skill { margin-bottom: 20px; }

/* Filter */
.filter-bar { padding: 30px 0; text-align: center; }

.filter-list > * { -moz-transition: opacity 0.4s ease-out; -o-transition: opacity 0.4s ease-out; -webkit-transition: opacity 0.4s ease-out; transition: opacity 0.4s ease-out; }
.filter-list > *.not-matched { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25); opacity: 0.25; pointer-events: none; }

/* Contact Box */
.contact-box { position: relative; padding: 60px 60px 40px; background: transparent !important; }
.contact-box:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ' '; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.contact-box.bg-primary:before { background-color: #3a6bc4; }
.contact-box .contact-toggle { position: absolute; top: 0px; right: 0px; height: 40px; width: 40px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.contact-box .contact-toggle:before, .contact-box .contact-toggle:after { position: absolute; top: 50%; left: 10px; right: 10px; height: 2px; margin-top: -1px; content: ' '; border: 1px solid #fff; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.contact-box.not-visible:before { height: 40px; }
.contact-box.not-visible .contact-toggle { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.contact-box.not-visible .contact-toggle:after { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }

/* Typing */
.typing { white-space: pre; }

.typed-cursor { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-animation: blinking 1.5s infinite; -webkit-animation: blinking 1.5s infinite; animation: blinking 1.5s infinite; }

/* Shapes */
.shape.circle { display: inline-block; width: 64px; height: 64px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }

/* Documentation */
.example-box { border: 1px solid #E1E1E8; border-top-left-radius: 4px; border-top-right-radius: 4px; margin-bottom: 20px; }

.example-box-content { padding: 20px; }

.example-box-content > *:last-child { margin-bottom: 0; }

.example-box-title { padding: 10px 20px; text-transform: uppercase; font-size: 11px; border-bottom: 1px solid #E1E1E8; background-color: #F7F8F9; color: #9b9fa1; font-weight: 500; }

.example-box + pre { margin-top: -1px !important; border-top-left-radius: 0; border-top-right-radius: 0; }

pre { tab-size: 4; }

/* 4.5 Sections
----------------------------------------------------------*/
section, .section { position: relative; padding-top: 90px; padding-bottom: 90px; overflow: hidden; }
#contact { background: url('../../img/photos/custom-web-programming.jpg') no-repeat center; background-size: cover;}
section.section-sm, .section.section-sm { padding-top: 65px; padding-bottom: 65px; }
section.section-xs, .section.section-xs { padding-top: 40px; padding-bottom: 40px; }
section.section-lg, .section.section-lg { padding-top: 120px; padding-bottom: 120px; }
section.cover, .section.cover { padding-top: 0; padding-bottom: 0; }

.section-double { padding: 0; height: 50vw; max-height: 700px; }
.section-double.fullheight { height: 100vh; max-height: none; }

.section-double .image { overflow: hidden; position: absolute; height: 100%; }

.section-double .content { position: relative; top: 50%; left: 50%; padding: 0 7%; -moz-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.section-double.left .image { left: 0; }

.section-double.left .content { right: 0; }

.section-double.right .image { right: 0; }

.section-double.right .content { left: 0; }

.section-image-edge .image { padding-left: 0; padding-right: 0; }
.section-image-edge .image.right { text-align: right; }
.section-image-edge .image.center { text-align: center; }
.section-image-edge > .container > .row > div[class*="col-"] { position: absolute; top: 50%; -moz-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }

html[dir="rtl"] .section-image-edge .image.right { text-align: left; }
html[dir="rtl"] .section-image-edge .image.center { text-align: center; }

@media only screen and (max-width: 991px) { .section-double { height: auto !important; max-height: none; }
  .section-double .image { position: relative; height: 100vh; max-height: 500px; }
  .section-double .content { -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); top: 0; left: 0; padding: 90px 6%; }
  .section-image-edge .image { text-align: center; }
  .section-image-edge > .container > .row > div[class*="col-"] { position: relative; top: 0; -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
/* 4.6 Timeline
----------------------------------------------------------*/
.timeline { position: relative; padding: 60px 0; margin-left: 15px; }
.timeline:after { position: absolute; top: 0; height: 100%; left: 0; width: 8px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; content: ' '; background-color: #ededed; z-index: 0; }
.timeline .timeline-event { position: relative; z-index: 2; margin-bottom: 50px; padding-left: 50px; }
.timeline .timeline-event:before { position: absolute; top: -3px; left: -9px; width: 26px; height: 26px; background-color: #3a6bc4; border: 4px solid #fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; content: ' '; }
.timeline .timeline-event .content { position: relative; }
.timeline .timeline-event .content .date { font-size: 14px; font-family: "Poppins", Helvetica, Arial, sans-serif; font-weight: 600; margin-bottom: 20px; display: block; }
.timeline .timeline-event .content > img { margin-bottom: 24px; }
.timeline .timeline-event .content h4 { margin-bottom: 0; }
.timeline .timeline-event .content .caption { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; font-size: 14px; font-weight: 300; }
.timeline .timeline-event:last-child { margin-bottom: 0; }
.timeline .timeline-event.animated { visibility: visible !important; }
.timeline .timeline-event.animated .content { -moz-transform: translateX(40px); -ms-transform: translateX(40px); -webkit-transform: translateX(40px); transform: translateX(40px); -moz-transition: all 0.5s ease-out 0.3s; -o-transition: all 0.5s ease-out 0.3s; -webkit-transition: all 0.5s ease-out; -webkit-transition-delay: 0.3s; transition: all 0.5s ease-out 0.3s; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.timeline .timeline-event.animated.visible .content { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }

html[dir="rtl"] .timeline:after { left: auto; right: 0; }
html[dir="rtl"] .timeline .timeline-event { padding-left: 0; padding-right: 50px; }
html[dir="rtl"] .timeline .timeline-event:before { left: auto; right: -9px; }

.dark .timeline:after { background-color: rgba(0, 0, 0, 0.2); }

.bg-dark .timeline .timeline-event:before { border-color: #242424; }

.bg-primary .timeline .timeline-event:before { border-color: #3a6bc4; background-color: #fff; }

/* ---------------------------------------------------------------------------- */
/* --- 5. ELEMENTS
/* ----------------------------------------------------------------------------- */
/* 5.1 Accordion
----------------------------------------------------------*/
.panel-group .panel { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.panel { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

.panel-group .panel-2 .panel-heading { padding: 18px 0px 18px 45px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.panel-group .panel-2 .panel-heading .panel-title { position: relative; font-size: 20px; }
.panel-group .panel-2 .panel-heading .panel-title > a:before { position: absolute; top: 0; left: -40px; width: 24px; height: 24px; content: ' '; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #d2d2d2; color: #fff; font-family: 'FontAwesome'; font-size: 14px; text-align: center; padding: 5px; content: "\f068"; }
.panel-group .panel-2 .panel-heading .panel-title > a[aria-expanded="false"]:before { content: "\f067"; }
.panel-group .panel-2 .panel-body { border-top: none !important; padding: 18px 0px 18px 45px; }
.panel-group .panel-2 + .panel-2 { margin-top: 0; }

/* 5.2 Ajax Modal
----------------------------------------------------------*/
#ajax-modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100vh; width: 100vw; z-index: 922; display: none; overflow: auto; }
#ajax-modal:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100vh; width: 100vw; -moz-transform: scaleY(0); -ms-transform: scaleY(0); -webkit-transform: scaleY(0); transform: scaleY(0); -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; background-color: #fff; content: ' '; -moz-transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1); -o-transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1); -webkit-transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1); transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1); }
#ajax-modal #content { position: absolute; top: 0; left: 0; right: -30px; bottom: 0; height: 100vh; margin-right: 30px; overflow: auto; z-index: 1; display: none; }
#ajax-modal.loading-started:before { -moz-transform: scaleY(1); -ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); }
#ajax-modal.loading-finished .ajax-close { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; }
#ajax-modal.loading-finished .ajax-close:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }

.ajax-close { position: fixed; top: 30px; right: 30px; font-size: 30px; z-index: 923; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -webkit-transform: translateY(-40px); transform: translateY(-40px); visibility: hidden; }

.ajax-modal-loaded .ajax-close { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; }

#ajax-loader { position: fixed; top: 50%; left: 50%; margin-left: -16px; margin-top: -16px; display: none; z-index: 922; }

#ajax-tmp { position: absolute; display: none !important; visibility: hidden; }

/* 5.5 Buttons
----------------------------------------------------------*/
.btn { position: relative; font-family: "Poppins", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 600; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; padding: 18px 34px; border: none; color: #fff; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; outline: none; border: none; background: transparent; margin-bottom: 3px; }
.btn > .i { position: relative; top: 1px; }
.btn > .i > i { display: inline-block; -moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s ease-out; -o-transition: -o-transform 0.2s ease-out, opacity 0.2s ease-out; -webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-out; transition: transform 0.2s ease-out, opacity 0.2s ease-out; }
.btn > .i > i:nth-child(2) { position: absolute; top: 0; left: 0; -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.btn:hover > .i > i:nth-child(1) { -moz-transform: translateY(10px); -ms-transform: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.btn:hover > .i > i:nth-child(2) { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.btn:hover, .btn:focus { color: #fff; }
.btn:focus:active, .btn:focus, .btn:active { outline: none !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.btn.btn-xs { padding: 7px 20px; font-size: 10px; }
.btn.btn-sm { padding: 13px 24px; font-size: 11px; }
.btn.btn-lg { padding: 23px 40px; font-size: 13px; }
.btn.btn-section { display: block; padding: 40px; text-align: center; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; font-family: "Lora", Georgia, serif; font-size: 18px; text-transform: none; font-weight: 300; }
.btn.btn-primary { background-color: #3a6bc4; }
.btn.btn-primary:hover, .btn.btn-primary:focus { background-color: #335798; }
.btn.btn-info { background-color: #56aee5; }
.btn.btn-info:hover, .btn.btn-info:focus { background-color: #3097d8; }
.btn.btn-warning { background-color: #f06a28; }
.btn.btn-warning:hover, .btn.btn-warning:focus { background-color: #d05315; }
.btn.btn-danger { background-color: #e15757; }
.btn.btn-danger:hover, .btn.btn-danger:focus { background-color: #d33232; }
.btn.btn-success { background-color: #83bd3f; }
.btn.btn-success:hover, .btn.btn-success:focus { background-color: #689237; }
.btn.btn-light { background-color: #f5f5f5; }
.btn.btn-light:hover, .btn.btn-light:focus { background-color: gainsboro; }
.btn.btn-dark { background-color: #242424; }
.btn.btn-dark:hover, .btn.btn-dark:focus { background-color: #0a0a0a; }

.btn-default { color: #434343; background-color: #f6f6f6; }
.btn-default:hover, .btn-default:focus { color: #434343; background-color: #ededed; }

.dark .btn-default { color: #fff; background-color: rgba(0, 0, 0, 0.1); }
.dark .btn-default:hover, .dark .btn-default:focus { background-color: rgba(0, 0, 0, 0.2); }

.btn-white { background-color: #fff; color: #3a6bc4; }
.btn-white:hover, .btn-white:focus { background-color: #3460b0; color: #fff; }

.btn-link { color: inherit; border: none; }
.btn-link:hover, .btn-link:focus { color: inherit; text-decoration: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }

/* Submit Button */
.btn-submit { text-align: center; background-color: transparent !important; border: none; }
.btn-submit:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 13px; padding-top: 10px; background-color: #3a6bc4; border: 2px solid #3a6bc4; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; content: ' '; color: #fff; }
.btn-submit.btn-white:after { background-color: #fff; }
.btn-submit.btn-white:hover, .btn-submit.btn-white:focus { color: #fff; }
.btn-submit.btn-white:hover:after, .btn-submit.btn-white:focus:after { background-color: #3460b0; }
.btn-submit:hover, .btn-submit:focus { color: #fff; }
.btn-submit > * { position: relative; z-index: 2; }
.btn-submit.loading { pointer-events: none; }
.btn-submit.loading > * { opacity: 0 !important; visibility: hidden; }
.btn-submit.loading:after { width: 53px; left: 50%; margin-left: -26px; -moz-animation: btnLoading 1.2s both 0.5s infinite; -webkit-animation: btnLoading 1.2s both 0.5s infinite; animation: btnLoading 1.2s both 0.5s infinite; line-height: 28px; font-size: 20px; }
.btn-submit.loading.success:after { font-family: 'themify'; background-color: #83bd3f; border-color: #83bd3f; -moz-animation: none; -webkit-animation: none; animation: none; content: "\e64c"; }
.btn-submit.loading.error:after { font-family: 'themify'; background-color: #e15757; border-color: #e15757; -moz-animation: none; -webkit-animation: none; animation: none; content: "\e646"; }

@-moz-keyframes btnLoading { 0% { -moz-transform: scale(1, 1); transform: scale(1, 1); }
  12% { -moz-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); }
  38% { -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
  62% { -moz-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); }
  87% { -moz-transform: scale(1, 1); transform: scale(1, 1); } }
@-webkit-keyframes btnLoading { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  12% { -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); }
  38% { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
  62% { -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); }
  87% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } }
@keyframes btnLoading { 0% { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  12% { -moz-transform: scale(0.7, 0.7); -ms-transform: scale(0.7, 0.7); -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); }
  38% { -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
  62% { -moz-transform: scale(0.8, 0.8); -ms-transform: scale(0.8, 0.8); -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); }
  87% { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } }
/* Play Button */
.btn-play { position: relative; display: inline-block; font-size: 52px; width: 82px; height: 82px; font-size: 22px; vertical-align: middle; margin-bottom: 3px; color: #fff; }
.btn-play.btn-lg { width: 120px; height: 120px; }
.btn-play:before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.5); -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; content: ' '; background: rgba(0, 0, 0, 0.65); }
.btn-play:after { position: absolute; top: 50%; left: 50%; -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-filter: blur(0); filter: blur(0); border-style: solid; border-width: 5px 0 5px 10px; border-color: transparent transparent transparent #ffffff; content: ' '; }
.btn-play:hover:before { -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); }

/* 5.3 Backgrounds
----------------------------------------------------------*/
.bg-body { position: fixed !important; }

/* Image / Slideshow */
.bg-image, .bg-slideshow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; z-index: 0; }

.bg-image > img { display: none; }

.bg-image + * { position: relative; }

.bg-fixed { background-attachment: fixed; }

.bg-slideshow .owl-wrapper-outer, .bg-slideshow .owl-wrapper, .bg-slideshow .owl-item { height: 100%; overflow: hidden; }

/* Video */
.bg-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.bg-video-placeholder { display: none; }

/* Map */
.bg-map { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.bg-map.light-overlay:after, .bg-map.dark-overlay:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ' '; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.bg-map.light-overlay:after { background: rgba(255, 255, 255, 0.5); }
.bg-map.dark-overlay:after { background: rgba(0, 0, 0, 0.5); }
.bg-map:hover:after { visibility: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.bg-map + * { position: relative; }

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

.bg-grey { background-color: #f6f6f6; }

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

.bg-primary { background-color: #3a6bc4; }

.bg-info { background-color: #56aee5; }

.bg-warning { background-color: #f06a28; }

.bg-danger { background-color: #e15757; }

.bg-success { background-color: #83bd3f; }

.bg-light { background-color: #f5f5f5; }

.bg-dark { background-color: #242424; }

.bg-facebook { background-color: #213553; }

.bg-twitter { background-color: #3aa8db; }

.bg-google-plus { background-color: #d04f3e; }

.bg-behance { background-color: #1882ff; }

.bg-dribbble { background-color: #e95aae; }

.bg-flickr { background-color: #f9429c; }

.bg-instagram { background-color: #4f86ac; }

.bg-linkedin { background-color: #008bc2; }

.bg-pinterest { background-color: #cb1f24; }

.bg-skype { background-color: #00bef4; }

.bg-slack { background-color: #44ba97; }

.bg-tumblr { background-color: #435971; }

.bg-vimeo { background-color: #0bc4ef; }

.bg-vine { background-color: #00be9b; }

.bg-youtube { background-color: #ed4533; }

/* 5.4 Breadcrumb
----------------------------------------- */
.breadcrumb { background: transparent; font-size: 12px; margin-bottom: 40px; padding: 0; height: 50px; overflow: auto; white-space: nowrap; border-bottom: 1px solid rgba(0, 0, 0, 0.1); font-size: 12px; }
.breadcrumb > li { position: relative; display: inline-block; padding: 18px 19px; font-family: "Poppins", Helvetica, Arial, sans-serif; }
.breadcrumb > li + li:before, .breadcrumb > li + li:after { position: absolute; top: 0; width: 0; height: 0; border-style: solid; border-width: 25px 0 25px 10px; content: ' '; padding: 0; }
.breadcrumb > li + li:before { left: -7px; border-color: transparent transparent transparent rgba(0, 0, 0, 0.1); }
.breadcrumb > li + li:after { left: -8px; border-color: transparent transparent transparent #fff; }
.breadcrumb > li:first-child { color: #3a6bc4; }
.breadcrumb > li.active { color: rgba(0, 0, 0, 0.2); }

/* 5.7 Contact Popup
----------------------------------------------------------*/
.contact-popup-ctrl { position: fixed; top: 24px; right: 26px; display: inline-block; z-index: 899; color: #fff; }
@media only screen and (max-width: 991px) { .contact-popup-ctrl { top: 15px; right: 15px; } }

.contact-popup-toggle { position: absolute; top: 0; right: 0; display: inline-block; font-family: "Poppins", Helvetica, Arial, sans-serif; font-size: 12px; background-color: #3a6bc4; font-weight: 600; padding: 12px 28px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; color: #fff; -moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1); }
@media only screen and (max-width: 767px) { .contact-popup-toggle { padding: 12px 16px; min-width: 60px; } }
.contact-popup-toggle:after { position: absolute; top: 100%; right: 28px; width: 0; height: 0; border-style: solid; border-width: 0 12px 12px 0; border-color: transparent #3a6bc4 transparent; content: ' '; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
.contact-popup-toggle:hover, .contact-popup-toggle:focus { color: #fff; background-color: #3460b0; }
.contact-popup-toggle:hover:after, .contact-popup-toggle:focus:after { border-color: transparent #3460b0 transparent; }

.contact-popup-close { position: absolute; top: 0; right: 50%; font-size: 32px; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -webkit-transform: translateY(-30px); transform: translateY(-30px); visibility: hidden; }

html[dir="rtl"] .contact-popup-ctrl { right: auto !important; left: 26px; }
@media only screen and (max-width: 991px) { html[dir="rtl"] .contact-popup-ctrl { left: 15px; } }
html[dir="rtl"] .contact-popup-ctrl .contact-popup-toggle { right: auto; left: 0; }
html[dir="rtl"] .contact-popup-ctrl .contact-popup-close { right: auto; left: 50%; }

.contact-popup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; z-index: 898; padding: 90px 10%; display: none; visibility: hidden; }
.contact-popup:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #3a6bc4; content: ' '; -moz-transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1); -o-transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1); -webkit-transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1); transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -webkit-transform: scaleY(0); transform: scaleY(0); -moz-transform-origin: right top; -ms-transform-origin: right top; -webkit-transform-origin: right top; transform-origin: right top; }

#contact-form { position: relative; -moz-transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1); -o-transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1); -webkit-transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1); transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1); visibility: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -webkit-transform: translateY(-50px); transform: translateY(-50px); }
#contact-form .form-status { float: right; font-size: 22px; letter-spacing: 0.2em; font-family: "Poppins", Helvetica, Arial, sans-serif; font-weight: 600; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; }
#contact-form textarea { resize: none; }
#contact-form .step { min-height: 300px; display: none; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -moz-transform: translateX(-90px); -ms-transform: translateX(-90px); -webkit-transform: translateX(-90px); transform: translateX(-90px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
#contact-form .step.next { -moz-transform: translateX(90px); -ms-transform: translateX(90px); -webkit-transform: translateX(90px); transform: translateX(90px); }
#contact-form .step.active, #contact-form .step.next.active { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
#contact-form .bottom { margin-top: 20px; }
#contact-form .bottom .controls { float: right; }
#contact-form .bottom .info { float: left; font-size: 18px; line-height: 54px; }
#contact-form .bottom .info > span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }

html[dir="rtl"] #contact-form .form-status { float: left; }

.contact-popup-open .contact-popup { visibility: visible; }
.contact-popup-open .contact-popup:before { -moz-transform: scaleY(1); -ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); }
.contact-popup-open .contact-popup #contact-form { visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
.contact-popup-open .contact-popup-toggle { -moz-transform: translateY(-70px); -ms-transform: translateY(-70px); -webkit-transform: translateY(-70px); transform: translateY(-70px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; }
.contact-popup-open .contact-popup-close { -moz-transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; visibility: visible; }
.contact-popup-open .contact-popup-close:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }

/* 5.6 Carousel
----------------------------------------------------------*/
.carousel { position: relative; }
.carousel .owl-item { overflow: hidden; }
.carousel:hover .owl-buttons { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transform: scaleX(1); -ms-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); visibility: visible; }

.owl-pagination { text-align: center; }
.owl-pagination .owl-page { display: inline-block; margin: 0px 8px; }
.owl-pagination .owl-page span { display: inline-block; width: 11px; height: 11px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; background-color: #000000; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); opacity: 0.2; }
.owl-pagination .owl-page.active span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; }

.dark .owl-pagination .owl-page span { background-color: rgba(255, 255, 255, 0.4); }
.dark .owl-pagination .owl-page.active span { background-color: rgba(255, 255, 255, 0.75); }

.owl-buttons { position: absolute; top: 50%; margin-top: -20px; width: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: scaleX(0.9); -ms-transform: scaleX(0.9); -webkit-transform: scaleX(0.9); transform: scaleX(0.9); visibility: hidden; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.owl-buttons > * { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.owl-buttons > *:hover, .owl-buttons > *:focus { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.owl-buttons > *:after, .owl-buttons > *:before { position: absolute; top: 0; font-size: 26px; font-family: themify; }
.owl-buttons .owl-prev:before { left: -20px; content: "\e64a"; }
.owl-buttons .owl-next:before { right: -20px; content: "\e649"; }

.inner-controls > .owl-controls > .owl-pagination { position: absolute; bottom: 30px; left: 0; right: 0; }
.inner-controls > .owl-controls > .owl-pagination .owl-page span { background-color: #fff; }
.inner-controls .owl-buttons > *:after, .inner-controls .owl-buttons > *:before { color: #fff; }
.inner-controls .owl-buttons .owl-prev:before { left: 20px; }
.inner-controls .owl-buttons .owl-next:before { right: 20px; }

/* 5.8 Forms
----------------------------------------------------------*/
.form-group { margin-bottom: 25px; }

.form-control { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; font-size: 18px; padding: 8px 0px; height: 36px; border: none; color: inherit; border-bottom: 2px solid rgba(0, 0, 0, 0.1); margin-bottom: 3px; -moz-appearance: none; -webkit-appearance: none; }
.form-control:-moz-placeholder { font-family: "Lora", Georgia, serif; font-style: italic; color: inherit; opacity: 0.5; }
.form-control::-moz-placeholder { font-family: "Lora", Georgia, serif; font-style: italic; color: inherit; opacity: 0.5; }
.form-control:-ms-input-placeholder { font-family: "Lora", Georgia, serif; font-style: italic; color: inherit; opacity: 0.5; }
.form-control::-webkit-input-placeholder { font-family: "Lora", Georgia, serif; font-style: italic; color: inherit; opacity: 0.5; }
.form-control:focus, .form-control:active { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-bottom: 2px solid #3a6bc4; }
.form-control.input-lg { font-size: 16px; font-weight: 500; }
.form-control.error { border-color: #e15757 !important; }

.dark .form-control { border-color: rgba(255, 255, 255, 0.2); }
.dark .form-control:focus, .dark .form-control:active { border-color: #fff; }

textarea.form-control { position: relative; top: -10px; line-height: 55px; font-size: 20px; border: none; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IldhcnN0d2FfMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjczNXB4IiBoZWlnaHQ9IjExMHB4IiB2aWV3Qm94PSIwIDAuNSA3MzUgMTEwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMC41IDczNSAxMTAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxyZWN0IHk9IjU0LjUiIGZpbGw9IiMwMDAwMDAiIGZpbGwtb3BhY2l0eT0iMC4xIiB3aWR0aD0iNzM1IiBoZWlnaHQ9IjIiLz4KPC9nPgo8Zz4KCTxyZWN0IHk9IjEwOC41IiBmaWxsPSIjMDAwMDAwIiBmaWxsLW9wYWNpdHk9IjAuMSIgd2lkdGg9IjczNSIgaGVpZ2h0PSIyIi8+CjwvZz4KPC9zdmc+); background-attachment: local; }
textarea.form-control:focus, textarea.form-control:active { border: none; }

.dark textarea.form-control { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IldhcnN0d2FfMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjczNXB4IiBoZWlnaHQ9IjExMHB4IiB2aWV3Qm94PSIwIDAuNSA3MzUgMTEwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMC41IDczNSAxMTAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxyZWN0IHk9IjU0LjUiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4yIiB3aWR0aD0iNzM1IiBoZWlnaHQ9IjIiLz4KPC9nPgo8Zz4KCTxyZWN0IHk9IjEwOC41IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMiIgd2lkdGg9IjczNSIgaGVpZ2h0PSIyIi8+CjwvZz4KPC9zdmc+); }

/* 5.9 Icons
----------------------------------------------------------*/
.icon { position: relative; display: inline-block; font-size: 34px; width: 48px; vertical-align: middle; margin-bottom: 3px; }
.icon.icon-sm { font-size: 22px; width: 30px; }
.icon.icon-lg { font-size: 68px; width: 84px; }
.icon.icon-xl { font-size: 98px; width: 128px; }
.icon.icon-muted { color: rgba(0, 0, 0, 0.2); }
.icon.icon-primary { color: #3a6bc4; }
.icon.icon-info { color: #56aee5; }
.icon.icon-warning { color: #f06a28; }
.icon.icon-danger { color: #e15757; }
.icon.icon-success { color: #83bd3f; }
.icon.icon-light { color: #f5f5f5; }
.icon.icon-dark { color: #242424; }
.icon.icon-facebook { color: #213553; }
.icon.icon-facebook:hover, .icon.icon-facebook:focus { color: #1d2f4a; }
.icon.icon-twitter { color: #3aa8db; }
.icon.icon-twitter:hover, .icon.icon-twitter:focus { color: #3497c5; }
.icon.icon-google-plus { color: #d04f3e; }
.icon.icon-google-plus:hover, .icon.icon-google-plus:focus { color: #bb4737; }
.icon.icon-behance { color: #1882ff; }
.icon.icon-behance:hover, .icon.icon-behance:focus { color: #1575e5; }
.icon.icon-dribbble { color: #e95aae; }
.icon.icon-dribbble:hover, .icon.icon-dribbble:focus { color: #d1519c; }
.icon.icon-flickr { color: #f9429c; }
.icon.icon-flickr:hover, .icon.icon-flickr:focus { color: #e03b8c; }
.icon.icon-instagram { color: #4f86ac; }
.icon.icon-instagram:hover, .icon.icon-instagram:focus { color: #47789a; }
.icon.icon-linkedin { color: #008bc2; }
.icon.icon-linkedin:hover, .icon.icon-linkedin:focus { color: #007dae; }
.icon.icon-pinterest { color: #cb1f24; }
.icon.icon-pinterest:hover, .icon.icon-pinterest:focus { color: #b61b20; }
.icon.icon-skype { color: #00bef4; }
.icon.icon-skype:hover, .icon.icon-skype:focus { color: #00abdb; }
.icon.icon-slack { color: #44ba97; }
.icon.icon-slack:hover, .icon.icon-slack:focus { color: #3da787; }
.icon.icon-tumblr { color: #435971; }
.icon.icon-tumblr:hover, .icon.icon-tumblr:focus { color: #3c5065; }
.icon.icon-vimeo { color: #0bc4ef; }
.icon.icon-vimeo:hover, .icon.icon-vimeo:focus { color: #09b0d7; }
.icon.icon-vine { color: #00be9b; }
.icon.icon-vine:hover, .icon.icon-vine:focus { color: #00ab8b; }
.icon.icon-youtube { color: #ed4533; }
.icon.icon-youtube:hover, .icon.icon-youtube:focus { color: #d53e2d; }
.icon.icon-hover { -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.icon.icon-hover.icon-primary:hover, .icon.icon-hover.icon-primary:focus { color: #3460b0; }
.icon.icon-hover.icon-info:hover, .icon.icon-hover.icon-info:focus { color: #4d9cce; }
.icon.icon-hover.icon-warning:hover, .icon.icon-hover.icon-warning:focus { color: #d85f24; }
.icon.icon-hover.icon-danger:hover, .icon.icon-hover.icon-danger:focus { color: #ca4e4e; }
.icon.icon-hover.icon-success:hover, .icon.icon-hover.icon-success:focus { color: #75aa38; }
.icon.icon-hover.icon-light:hover, .icon.icon-hover.icon-light:focus { color: gainsboro; }
.icon.icon-hover.icon-dark:hover, .icon.icon-hover.icon-dark:focus { color: #202020; }
.icon.icon-circle { height: 48px; font-size: 14px; text-align: center; color: #fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.icon.icon-circle > * { position: absolute; top: 50%; left: 50%; -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-filter: blur(0); filter: blur(0); }
.icon.icon-circle.icon-sm { height: 30px; font-size: 13px; }
.icon.icon-circle.icon-lg { height: 84px; font-size: 36px; }
.icon.icon-circle.icon-xl { height: 128px; font-size: 56px; }
.icon.icon-circle.icon-white { background-color: #fff; }
.icon.icon-circle.icon-grey { background-color: #ededed; }
.icon.icon-circle.icon-primary { background-color: #3a6bc4; }
.icon.icon-circle.icon-info { background-color: #56aee5; }
.icon.icon-circle.icon-warning { background-color: #f06a28; }
.icon.icon-circle.icon-danger { background-color: #e15757; }
.icon.icon-circle.icon-success { background-color: #83bd3f; }
.icon.icon-circle.icon-light { background-color: #f5f5f5; }
.icon.icon-circle.icon-dark { background-color: #242424; }
.icon.icon-circle.icon-facebook { background-color: #213553; }
.icon.icon-circle.icon-facebook:hover, .icon.icon-circle.icon-facebook:focus { color: #fff; background-color: #1d2f4a; }
.icon.icon-circle.icon-twitter { background-color: #3aa8db; }
.icon.icon-circle.icon-twitter:hover, .icon.icon-circle.icon-twitter:focus { color: #fff; background-color: #3497c5; }
.icon.icon-circle.icon-google-plus { background-color: #d04f3e; }
.icon.icon-circle.icon-google-plus:hover, .icon.icon-circle.icon-google-plus:focus { color: #fff; background-color: #bb4737; }
.icon.icon-circle.icon-behance { background-color: #1882ff; }
.icon.icon-circle.icon-behance:hover, .icon.icon-circle.icon-behance:focus { color: #fff; background-color: #1575e5; }
.icon.icon-circle.icon-dribbble { background-color: #e95aae; }
.icon.icon-circle.icon-dribbble:hover, .icon.icon-circle.icon-dribbble:focus { color: #fff; background-color: #d1519c; }
.icon.icon-circle.icon-flickr { background-color: #f9429c; }
.icon.icon-circle.icon-flickr:hover, .icon.icon-circle.icon-flickr:focus { color: #fff; background-color: #e03b8c; }
.icon.icon-circle.icon-instagram { background-color: #4f86ac; }
.icon.icon-circle.icon-instagram:hover, .icon.icon-circle.icon-instagram:focus { color: #fff; background-color: #47789a; }
.icon.icon-circle.icon-linkedin { background-color: #008bc2; }
.icon.icon-circle.icon-linkedin:hover, .icon.icon-circle.icon-linkedin:focus { color: #fff; background-color: #007dae; }
.icon.icon-circle.icon-pinterest { background-color: #cb1f24; }
.icon.icon-circle.icon-pinterest:hover, .icon.icon-circle.icon-pinterest:focus { color: #fff; background-color: #b61b20; }
.icon.icon-circle.icon-skype { background-color: #00bef4; }
.icon.icon-circle.icon-skype:hover, .icon.icon-circle.icon-skype:focus { color: #fff; background-color: #00abdb; }
.icon.icon-circle.icon-slack { background-color: #44ba97; }
.icon.icon-circle.icon-slack:hover, .icon.icon-circle.icon-slack:focus { color: #fff; background-color: #3da787; }
.icon.icon-circle.icon-tumblr { background-color: #435971; }
.icon.icon-circle.icon-tumblr:hover, .icon.icon-circle.icon-tumblr:focus { color: #fff; background-color: #3c5065; }
.icon.icon-circle.icon-vimeo { background-color: #0bc4ef; }
.icon.icon-circle.icon-vimeo:hover, .icon.icon-circle.icon-vimeo:focus { color: #fff; background-color: #09b0d7; }
.icon.icon-circle.icon-vine { background-color: #00be9b; }
.icon.icon-circle.icon-vine:hover, .icon.icon-circle.icon-vine:focus { color: #fff; background-color: #00ab8b; }
.icon.icon-circle.icon-youtube { background-color: #ed4533; }
.icon.icon-circle.icon-youtube:hover, .icon.icon-circle.icon-youtube:focus { color: #fff; background-color: #d53e2d; }
.icon.icon-circle.icon-hover { -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.icon.icon-circle.icon-hover.icon-primary:hover, .icon.icon-circle.icon-hover.icon-primary:focus { color: #fff; background-color: #3460b0; }
.icon.icon-circle.icon-hover.icon-info:hover, .icon.icon-circle.icon-hover.icon-info:focus { color: #fff; background-color: #4d9cce; }
.icon.icon-circle.icon-hover.icon-warning:hover, .icon.icon-circle.icon-hover.icon-warning:focus { color: #fff; background-color: #d85f24; }
.icon.icon-circle.icon-hover.icon-danger:hover, .icon.icon-circle.icon-hover.icon-danger:focus { color: #fff; background-color: #ca4e4e; }
.icon.icon-circle.icon-hover.icon-success:hover, .icon.icon-circle.icon-hover.icon-success:focus { color: #fff; background-color: #75aa38; }
.icon.icon-circle.icon-hover.icon-light:hover, .icon.icon-circle.icon-hover.icon-light:focus { color: #fff; background-color: gainsboro; }
.icon.icon-circle.icon-hover.icon-dark:hover, .icon.icon-circle.icon-hover.icon-dark:focus { color: #fff; background-color: #202020; }

.dark .icon.icon-muted { color: rgba(255, 255, 255, 0.2); }

.i-before { margin-right: 8px; }

.i-after { margin-left: 8px; }

.i-before-after { margin-right: 8px; margin-left: 8px; }

/* 5.10 Images
----------------------------------------------------------*/
.img-rounded { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

/* 5.11 Badges
----------------------------------------------------------*/
.badge { font-size: 80%; padding: 6px 8.5px 5px; font-family: "Poppins", Helvetica, Arial, sans-serif; font-weight: 600; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; }
.badge.badge-primary { background-color: #3a6bc4; }

.label { font-family: "Poppins", Helvetica, Arial, sans-serif; border: none; }
.label.label-primary { background-color: #3a6bc4; }
.label.label-info { background-color: #56aee5; }
.label.label-warning { background-color: #f06a28; }
.label.label-danger { background-color: #e15757; }
.label.label-success { background-color: #83bd3f; }
.label.label-light { background-color: #f5f5f5; }
.label.label-dark { background-color: #242424; }

/* 5.12 Loader
----------------------------------------------------------*/
#page-loader { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 10000; background: #fff; }
#page-loader > * { position: absolute; top: 50%; left: 50%; }
#page-loader .loader { margin-left: -16px; margin-top: -16px; }

/* Loader #1 */
.loader { stroke: #3a6bc4; -moz-animation: loaderRotate 0.6s linear infinite; -webkit-animation: loaderRotate 0.6s linear infinite; animation: loaderRotate 0.6s linear infinite; }
.loader .circle { stroke-dasharray: 90; }

@-moz-keyframes loaderRotate { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } }
@-webkit-keyframes loaderRotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes loaderRotate { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
/* 5.13 Modals
----------------------------------------------------------*/
.modal.fade .modal-dialog { -moz-transform: translate(0, -30px); -ms-transform: translate(0, -30px); -webkit-transform: translate(0, -30px); transform: translate(0, -30px); }

.modal.fade.in .modal-dialog { -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.modal-content { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 5px 5px 50px 0px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 5px 5px 50px 0px rgba(0, 0, 0, 0.3); box-shadow: 5px 5px 50px 0px rgba(0, 0, 0, 0.3); border: none; }

.modal-header { padding: 20px; }
.modal-header > .close { margin-top: 7px; }

.modal-dialog > .close, .modal-content > .close { position: absolute; top: 20px; right: 20px; }

.modal > .close { position: absolute; top: 25px; right: 25px; color: #fff; }

.modal-body { padding: 20px; }

.modal-footer { padding: 20px; }

.modal-backdrop.in { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; }

/* Modal Bottom */
.modal-bottom { top: auto; }
.modal-bottom .modal-dialog { margin: 10px; width: auto; }
.modal-bottom .modal-dialog .close { top: 50%; -moz-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }
.modal-bottom .modal-body { padding-right: 40px; }
.modal-bottom.fade .modal-dialog { -moz-transform: translate(0, 30px); -ms-transform: translate(0, 30px); -webkit-transform: translate(0, 30px); transform: translate(0, 30px); }
.modal-bottom.fade.in .modal-dialog { -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }

/* Modal Video */
.modal-video { text-align: center; }
@media only screen and (max-width: 991px) { .modal-video { text-align: left; } }
.modal-video iframe { width: 100%; display: block; }
.modal-video:before { display: inline-block; vertical-align: middle; content: " "; height: 100%; }
@media only screen and (max-width: 991px) { .modal-video:before { display: none; } }
.modal-video .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; margin-top: 70px; }

/* 5.14 Navs
----------------------------------------------------------*/
/* Inline */
.nav-inline li { display: inline-block; }
.nav-inline li a { font-family: "Poppins", Helvetica, Arial, sans-serif; text-transform: uppercase; padding: 0 9px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; background: none; }
.nav-inline li a:hover, .nav-inline li a:focus { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; background: none; }
.nav-inline.nav-sm a { font-size: 11px; }

/* Pills */
.nav-pills > li { display: inline-block; float: none; }
.nav-pills > li > a { font-family: "Poppins", Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 11px; font-weight: 600; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; padding: 11px 26px; }
.nav-pills > li.active > a { background-color: #3a6bc4; }
.nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { background-color: #3a6bc4; }
.nav-pills > li + li { margin-left: 0; }

/* Tabs */
.tabs-wrapper { position: relative; overflow: auto; padding-left: 20px; padding-right: 20px; }
.tabs-wrapper .selector { position: absolute; bottom: 0; height: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: #3a6bc4; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
@media only screen and (max-width: 360px) { .tabs-wrapper .selector { display: none; } }

.dark .tabs-wrapper .selector, .dark.tabs-wrapper .selector { background: #fff; }

.nav-tabs { border: none; white-space: nowrap; }
.nav-tabs > li { display: inline-block; float: none; margin-right: 26px; }
.nav-tabs > li:last-child { margin-right: 0; }
.nav-tabs > li > a { position: relative; font-family: "Poppins", Helvetica, Arial, sans-serif; font-weight: 600; font-size: 13px; padding: 6px 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; border: none !important; background: transparent !important; margin-right: 0; }
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; border: none !important; background: transparent !important; color: inherit; }
.nav-tabs > li.active > a { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; color: inherit; }
.nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: inherit; }

html[dir="rtl"] .nav-tabs > li { margin-right: 0; margin-left: 26px; }
html[dir="rtl"] .nav-tabs > li:last-child { margin-left: 0; }

/* Nav Icons */
.nav-icons { list-style: none; padding: 0; margin: 0; font-family: "Poppins", Helvetica, Arial, sans-serif; font-weight: 600; }
.nav-icons > li { margin: 0 12px; display: inline-block; }
.nav-icons > li > a { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; font-size: 13px; }
.nav-icons > li > a i { font-size: 130%; }
.nav-icons > li > a:hover, .nav-icons > li > a:focus { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.nav-icons.nav-sm > li { font-size: 90%; }

/* Side Navigation */
.nav-side { font-family: "Poppins", Helvetica, Arial, sans-serif; }
.nav-side > li > a { position: relative; display: inline-block; font-size: 13px; font-weight: 500; padding: 8px 0; }
.nav-side > li > a:before { position: absolute; top: 4px; left: -15px; bottom: 4px; right: -15px; border-radius: 20px; content: ' '; -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -webkit-transform: scale(0, 0); transform: scale(0, 0); -moz-transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); -webkit-transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); visibility: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; background: #3a6bc4; }
.nav-side > li > a:hover, .nav-side > li > a:focus { background: transparent; }
.nav-side > li > a > span { position: relative; z-index: 1; }
.nav-side > li > a.active { color: #fff; }
.nav-side > li > a.active:before { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.nav-side > li.active > a { color: #fff; }
.nav-side > li.active > a:before { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.nav-side > li.active > ul { display: block; }
.nav-side > li > ul { padding: 10px 0px 20px; list-style: none; display: none; }
.nav-side > li > ul > li > a { line-height: 1.8; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
.nav-side > li > ul > li > a:hover, .nav-side > li > ul > li > a:focus { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.nav-side > li > ul > li.active > a { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }

/* Sticky Nav */
.side-sticky-navigation.affix { top: 110px; width: 100%; max-width: 300px; }

/* 5.15 Other
----------------------------------------------------------*/
.close { text-shadow: none; color: inherit; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; font-size: 24px; }
.close:hover, .close:focus { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9; }

/* 5.16 Pagination
----------------------------------------------------------*/
.pagination { text-align: center; display: block; }
.pagination > li { display: inline-block; }
.pagination > li > a, .pagination > li span { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: none !important; width: 34px; height: 34px; text-align: center; padding: 9px 3px; font-family: "Poppins", Helvetica, Arial, sans-serif; font-weight: 600; font-size: 13px; color: inherit; }
.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li span:hover, .pagination > li span:focus { background: transparent; color: #3a6bc4; }
.pagination > li.active > a, .pagination > li.active span { background: #3a6bc4; color: #fff; }
.pagination > li.active > a:hover, .pagination > li.active > a:focus, .pagination > li.active span:hover, .pagination > li.active span:focus { background: #3a6bc4; color: #fff; }
.pagination > li:first-child a, .pagination > li:last-child a { margin: 0 2px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: transparent; color: #3a6bc4; font-size: 14px; font-weight: 600; }

html[dir="rtl"] .pagination > li:first-child, html[dir="rtl"] .pagination > li:last-child { display: none; }

/* 5.17 Price Tables
----------------------------------------------------------*/
.price-table { margin-bottom: 20px; }
.price-table .head { padding: 30px 30px; margin-bottom: 15px; }
.price-table .head h4 { margin-bottom: 5px; }
.price-table .head .price { font-size: 52px; font-weight: 600; line-height: 1; font-family: "Poppins", Helvetica, Arial, sans-serif; }
.price-table .content { padding: 0 30px; }
.price-table .content > ul { padding: 0; list-style: none; margin: 0 -30px 15px; }
.price-table .content > ul > li { padding: 10px 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.price-table .content > ul > li:last-child { border: none; }

/* 5.18 Progress Bars
----------------------------------------------------------*/
.progress { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; height: 40px; background-color: #ededed; margin-bottom: 14px; }
.progress .progress-bar { line-height: 40px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; text-align: right; font-size: 12px; font-weight: 600; padding-right: 15px; background-color: #3a6bc4; font-family: "Poppins", Helvetica, Arial, sans-serif; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.progress .progress-bar.progress-bar-primary { background-color: #3a6bc4; }
.progress .progress-bar.progress-bar-info { background-color: #56aee5; }
.progress .progress-bar.progress-bar-warning { background-color: #f06a28; }
.progress .progress-bar.progress-bar-danger { background-color: #e15757; }
.progress .progress-bar.progress-bar-success { background-color: #83bd3f; }
.progress .progress-bar.progress-bar-light { background-color: #f5f5f5; }
.progress .progress-bar.progress-bar-dark { background-color: #242424; }

.dark .progress { background-color: rgba(0, 0, 0, 0.2); }

.bg-primary .progress .progress-bar { background-color: #7597d5; }

/* 5.19 Typography 
----------------------------------------------------------*/
/* Fonts */
.font-primary { font-family: "Lora", Georgia, serif !important; }

.font-secondary { font-family: "Poppins", Helvetica, Arial, sans-serif !important; }

/* Headings */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-top: 0; font-family: "Poppins", Helvetica, Arial, sans-serif; font-weight: 700; display: block; }
h1.font-primary, .h1.font-primary, h2.font-primary, .h2.font-primary, h3.font-primary, .h3.font-primary, h4.font-primary, .h4.font-primary, h5.font-primary, .h5.font-primary, h6.font-primary, .h6.font-primary { font-weight: 300 !important; }
h1 em, .h1 em, h2 em, .h2 em, h3 em, .h3 em, h4 em, .h4 em, h5 em, .h5 em, h6 em, .h6 em { font-weight: 500; }
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small { color: inherit; }

h1, .h1 { font-size: 48px; margin-bottom: 22px; }
@media only screen and (max-width: 767px) { h1, .h1 { font-size: 36px; } }
h1.text-lg, .h1.text-lg { font-size: 60px; }
@media only screen and (max-width: 767px) { h1.text-lg, .h1.text-lg { font-size: 42px; } }
h1.text-xl, .h1.text-xl { font-size: 82px; }
@media only screen and (max-width: 767px) { h1.text-xl, .h1.text-xl { font-size: 48px; } }

h2, .h2 { font-size: 36px; margin-bottom: 28px; }

h3, .h3 { font-size: 22px; margin-bottom: 22px; }

h4, .h4 { font-size: 18px; margin-bottom: 18px; }

h5, .h5 { font-size: 14px; margin-bottom: 14px; }

h6, .h6 { text-transform: uppercase; font-size: 11px; margin-bottom: 10px; }

/* Paragraph */
p { font-size: 15px; font-weight: 400; margin-bottom: 25px; }

p.lead { font-size: 22px; margin-bottom: 25px; line-height: 1.6; }
@media only screen and (max-width: 767px) { p.lead { font-size: 17px; } }
p.lead.text-lg { font-size: 24px; }
@media only screen and (max-width: 767px) { p.lead.text-lg { font-size: 19px; } }

/* Styles */
em { font-family: "Lora", Georgia, serif; }

/* Address */
address { margin-bottom: 25px; }

/* Description */
dl dt { font-size: 13px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; margin-bottom: 4px; font-weight: 600; font-family: "Poppins", Helvetica, Arial, sans-serif; }
dl dd { font-size: 18px; margin-bottom: 30px; }

/* Blockquote */
blockquote { position: relative; background-color: #f5f5f5; padding: 60px 40px 40px 70px; border: none; margin-bottom: 30px; }
blockquote:before { position: absolute; top: 30px; left: 30px; font-size: 300px; content: '\201D'; font-family: "Poppins", Helvetica, Arial, sans-serif; color: #fff; line-height: 1; z-index: 0; }
blockquote > * { position: relative; z-index: 1; }
blockquote p { font-size: 16px; font-weight: 300; line-height: 1.7; margin-bottom: 15px; font-style: italic; }
blockquote footer { color: #434343; }
blockquote footer:before { display: none; }
blockquote footer img { width: 56px; height: 56px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; vertical-align: middle; margin-right: 15px; }
blockquote footer .content { display: inline-block; vertical-align: middle; }
blockquote footer .content .name { font-size: 14px; font-family: "Poppins", Helvetica, Arial, sans-serif; font-weight: 500; }
blockquote footer .content .caption { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; font-size: 13px; }

.bg-light blockquote { background-color: #fff; }
.bg-light blockquote:before { color: #f5f5f5; }

.dark blockquote { background-color: rgba(36, 36, 36, 0.2); }
.dark blockquote:before { color: rgba(255, 255, 255, 0.1); }
.dark blockquote footer { color: #fff; }

/* Sizes */
.text-xs { font-size: 11px; }

.text-sm { font-size: 12px; }

.text-md { font-size: 14px; }

.text-lg { font-size: 16px; }

/* Colors */
.text-primary { color: #3a6bc4; }

.text-muted { color: rgba(0, 0, 0, 0.4); }

.text-muted-2x { color: rgba(0, 0, 0, 0.2); }

.text-dark { color: #434343; }

.dark .text-muted { color: rgba(255, 255, 255, 0.5); }

.dark .text-muted-2x { color: rgba(255, 255, 255, 0.2); }

/* Lists */
ul, ol { margin-bottom: 25px; }

.list-lined { margin: 0 0 20px 0; list-style: none; padding: 0; }
.list-lined > li:not(:last-child) { margin-bottom: 6px; padding-bottom: 6px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

/* ---------------------------------------------------------------------------- */
/* --- 6. WIDGETS
/* ----------------------------------------------------------------------------- */
.widget { margin-bottom: 30px; }
.widget h6 { font-size: 11px; margin-bottom: 25px; }
.widget .owl-pagination .owl-page span { width: 7px; height: 7px; }

.sidebar .widget:not(.widget-about):not(.widget-newsletter) { padding: 0 20px; }

@media only screen and (max-width: 991px) { .sidebar .widget { width: 50%; float: left; }
  .sidebar .widget.widget-newsletter { width: 100%; } }
@media only screen and (max-width: 767px) { .sidebar .widget { width: 100%; float: left; } }
/* About
----------------------------------------------------------*/
.widget-about .text { position: relative; background: #3a6bc4; color: #fff; font-size: 18px; font-weight: 300; padding: 20px; }
.widget-about .text:after { position: absolute; bottom: 100%; left: 20px; width: 0; height: 0; border-style: solid; border-width: 38px 0 0 38px; border-color: transparent transparent transparent #3a6bc4; -moz-transform: scaleX(0.4); -ms-transform: scaleX(0.4); -webkit-transform: scaleX(0.4); transform: scaleX(0.4); content: ' '; }

/* Recent Posts
----------------------------------------------------------*/
.list-posts { list-style: none; margin: 0; padding: 0; }
.list-posts > li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.list-posts > li .post-image { float: left; width: 78px; }
.list-posts > li .post-image + .post-content { padding: 5px 0 0 90px; }
.list-posts > li .post-content { line-height: 1.2; }
.list-posts > li .post-content > a { font-size: 14px; font-weight: 400; display: block; }
.list-posts > li .post-content > .date { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; font-size: 12px; }
.list-posts > li:last-child { border-bottom: none; }

.dark .list-posts > li { border-color: rgba(255, 255, 255, 0.1); }

/* Newsletter
----------------------------------------------------------*/
.widget-newsletter { position: relative; background: #3a6bc4; color: #fff; padding: 20px; }
.widget-newsletter:last-child { margin-bottom: 0; }
.widget-newsletter:after { position: absolute; top: 100%; right: 20px; width: 0; height: 0; border-style: solid; border-width: 0 38px 38px 0; border-color: transparent #3a6bc4 transparent transparent; -moz-transform: scaleX(0.4); -ms-transform: scaleX(0.4); -webkit-transform: scaleX(0.4); transform: scaleX(0.4); content: ' '; }

/* Twitter
----------------------------------------------------------*/
.twitter-feed ul { list-style: none; margin: 0 0 0 20px; padding: 0; }
.twitter-feed ul li { position: relative; margin-bottom: 20px; }
.twitter-feed ul li:before { position: absolute; top: -2px; left: -21px; font-size: 120%; font-family: 'FontAwesome'; color: #3aa8db; content: "\f099"; }
.twitter-feed ul li a { font-weight: 600; }
.twitter-feed ul li .date { display: block; font-size: 95%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; margin-top: 4px; }

/* ----------------------------------------------------------------------------- */
/* --- 7. ANIMATIONS
/* ----------------------------------------------------------------------------- */
.animated { -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }

/* Zooming */
.zooming { -moz-animation: zooming 18s infinite both; -webkit-animation: zooming 18s infinite both; animation: zooming 18s infinite both; }

@-moz-keyframes zooming { 0% { -moz-transform: scale(1, 1); transform: scale(1, 1); }
  50% { -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
  100% { -moz-transform: scale(1, 1); transform: scale(1, 1); } }
@-webkit-keyframes zooming { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  50% { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
  100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } }
@keyframes zooming { 0% { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  50% { -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
  100% { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } }
.blinking { -moz-animation: blinking 2s infinite both; -webkit-animation: blinking 2s infinite both; animation: blinking 2s infinite both; }

/* Blinking */
@-moz-keyframes blinking { 0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes blinking { 0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes blinking { 0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; } }