/* ---------------------- 
Stylesheet Guide
-------------------------

FONTS
GENERAL STYLES
FORMS
LOADING ANIMATION
PAGE STRUCTURE
MAIN MENU
SIDEBAR
SUBMENU
FLICKR FEED
HOMEPAGE
HOME SOCIAL BAR
CV TABLE
ICON CONTAINERS
SKILLS
RESUME
CONTACT
PORTFOLIO
TOOLTIPS
TESTIMONIALS
ACCORDION
RESPONSIVE IFRAME
BLOG
COMMENTS
TABS
FLEX IMAGE
CV BOXES
FOOTER

*/
/* ================= FONTS ================== */
@font-face { font-family: 'oswald_regular'; src: url('../fonts/oswald-regular-webfont.eot'); src: url('../fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/oswald-regular-webfont.woff') format('woff'), url('../fonts/oswald-regular-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; }


@font-face { font-family: 'dosis'; font-style: normal; font-weight: 300; src: url('../fonts/Dosis-Light.eot'); src: url('../fonts/Dosis-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Dosis-Light.woff') format('woff'), url('../fonts/Dosis-Light.ttf') format('truetype'); }

@font-face { font-family: 'dosis'; font-style: normal; font-weight: 400; src: url('../fonts/Dosis-Regular.eot'); src: url('../fonts/Dosis-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Dosis-Regular.woff') format('woff'), url('../fonts/Dosis-Regular.ttf') format('truetype'); }

@font-face { font-family: 'dosis'; font-style: normal; font-weight: 500; src: url('../fonts/Dosis-Medium.eot'); src: url('../fonts/Dosis-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Dosis-Medium.woff') format('woff'), url('../fonts/Dosis-Medium.ttf') format('truetype'); }

@font-face { font-family: 'dosis'; font-style: normal; font-weight: bold; src: url('../fonts/Dosis-Bold.eot'); src: url('../fonts/Dosis-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Dosis-Bold.woff') format('woff'), url('../fonts/Dosis-Bold.ttf') format('truetype'); }

* { outline: none; border: none; }

body, p, input, textarea { font-family: 'dosis'; font-weight: normal; }
h1, h2, h3, h4, h5, h6, strong, label, .tooltipster-content, .cv-table-left, .cv-button, .skillbar, .cv-resume-title p, .cvfilters li, .cvgrid li figure figcaption .cvgrid-title, #home-slide-title span, #home-title p, blockquote .cite, .nav-numbers li a, .meta, .page-date, .cv-box-title, .cv-readmore { font-family: 'dosis'; font-weight: 500; }
/* ================= GENERAL STYLES ================== */
* { margin: 0; padding: 0; }
body { font-size: 15px; background-color: transparent; overflow: hidden; word-spacing: 0.15em; letter-spacing: 0.01em; }
h1, h2, h3, h4, h5, h6 { margin-bottom: 30px; margin-top: 0px; line-height: 1; letter-spacing: 0.01em; word-spacing: normal; }
h1 { font-size: 28px; }
h2 { font-size: 22px; }
h3 { font-size: 30px; }
h4 { font-size: 26px; }
h5 { font-size: 22px; }
h6 { font-size: 18px; }
h1.border,
h2.border,
h3.border,
h4.border,
h5.border,
h6.border { position: relative; margin-bottom: 50px; }
h1.border:after,
h2.border:after,
h3.border:after,
h4.border:after,
h5.border:after,
h6.border:after { width: 100px; height: 3px; position: absolute; text-align: center; bottom: -15px; left: 0; margin: 0px; z-index: 1; content: ''; }
p { font-size: 16px; line-height: 1.5; margin-bottom: 30px; margin-top: 0px; word-spacing: 0.15em; letter-spacing: 0.01em; }
p:last-child { margin-bottom: 0px; }
.show { display: block !important; }
.hide { display: none !important; }
.clear,
.clr { clear: both; }
strong { font-weight: bold; word-spacing: 0.15em; letter-spacing: 0.01em; }
i,
em { font-style: italic; }
label { line-height: 1; margin-bottom: 5px !important; display: block; /* font-weight: 700; */ }
.label { width: 100%; margin-bottom: 30px; padding: 15px 20px 15px 20px; display: inline-block; }
blockquote { margin: 40px 0px; padding: 40px; position: relative; text-indent: 50px; }
blockquote:before { font-family: 'FontAwesome'; font-size: 22px; speak: none; text-indent: 0em; width: 50px; height: 50px; line-height: 50px; position: absolute; text-align: center; margin: 0px; z-index: 1; display: inline-block; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; content: '\f10d'; top: -10px; left: -10px; }
blockquote p { display: inline; font-size: 20px; margin: 0px; line-height: 1.5; }
blockquote .cite { font-style: normal; line-height: 1.5; display: block; margin-top: 30px; margin-bottom: 0px; text-align: right; font-weight: bold; }
blockquote .cite:before { content: ""; }
blockquote, i, em { font-style: italic; }
hr { margin-top: 60px; margin-bottom: 60px; padding: 0; border: none; height: 1px; margin-left: -60px; margin-right: -60px; }
a { -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; text-decoration: none; }
a:hover { text-decoration: none; }
.cv-icon { text-align: center; margin-right: 10px; }
.responsive-img img { width: 100%; height: auto; vertical-align: bottom; }
.img-mobile-only { display: none; }
.img-mobile-only img { width: 100%; height: auto; vertical-align: bottom; }
/* ================= FORMS ================== */
input[type="text"],
input[type="email"],
input[type="number"],
input[type="date"],
input[type="password"],
textarea { position: relative; width: 100%; display: block; margin: 0px 0px 30px 0px; padding: 15px; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; transition: background-color 0.2s linear; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; outline: none !important; word-spacing: 0.15em; letter-spacing: 0.01em; }
input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
textarea:focus,
input[type="password"]:focus { outline: none !important; }
textarea { height: 140px; margin-bottom: 30px !important; }
.cv-button { font-size: 15px; line-height: 1; padding: 15px 30px; display: inline-block; margin: 10px 5px 0px 0px; text-transform: uppercase; text-decoration: none !important; outline: none; position: relative; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; word-spacing: 0.15em; letter-spacing: 1px; text-align: center; }
form .cv-button { margin-top: 0px; }
.searchbox .cv-button { background-image: url('../images/search.png'); background-repeat: no-repeat; background-position: center center; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; height: 50px; width: 30% !important; float: right; position: absolute; top: 0; margin: 0px; border: none !important; }
.searchbox { width: 100% !important; display: inline-block; position: relative; vertical-align: bottom; }
.searchbox input[type="text"].searchtext { width: 70% !important; float: left; border: none !important; height: 50px; margin-bottom: 0px; }
.form-box { margin-top: 40px; }
/* ================= LOADING ANIMATION ================== */
#site-loading { position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: 0px; height: 100%; z-index: 999999999; background-position: center center; background-repeat: no-repeat; background-image: url('../images/loading.gif'); }
/* ================= PAGE STRUCTURE ================== */
.cv-left-slider { width: 50%; width: calc(50% - 2.5em); height: 100%; position: fixed; left: 5em; top: 0; z-index: 2; }
.floor { z-index: 1; padding-left: 50%; padding-left: calc(50% + 2.5em); -webkit-overflow-scrolling: touch; }
.cv-page-content { position: relative; display: inline-block; padding: 60px; width: 100%; vertical-align: bottom; margin: 0px; min-height: 100%; }
#cv-page-left, #cv-page-right { width: 50%; height: calc(100% - 64px); position: fixed; top: 64px; bottom: 0px; }
#cv-page-left { width: calc(50% - 2.5em); left: 5em; }
#cv-page-right { width: calc(50% - 2.5em); right: 0px; overflow: auto; -webkit-overflow-scrolling: touch; }
/* ================= MAIN MENU ================== */
#cv-menu { position: fixed; top: 64px; left: 0; height: calc(100% - 64px); z-index: 999; }
#cv-main-menu ul { list-style-type: none; margin: 0; padding: 0; max-height: 100%; }
#cv-main-menu ul li a { display: block; text-indent: -500em; height: 5em; width: 5em; line-height: 5em; text-align: center; position: relative; outline: none !important; text-decoration: none !important; }
#cv-main-menu ul li a:before { font-family: 'FontAwesome'; speak: none; text-indent: 0em; position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 24px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 0.5; }
#cv-main-menu ul li:first-child a:before { font-size: 36px; opacity: 1; }
#cv-main-menu ul li.cv-active a:before, #cv-main-menu ul li a:hover:before { opacity: 1; }
#cv-main-menu ul li.cv-active a { cursor: default; pointer-events: none; }
.cv-menu-button:before { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
.cv-menu-button.rotate-menu-icon:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
/* ================= SIDEBAR ================== */
#cv-sidebar { position: fixed; top: 64px; height: calc(100% - 64px); left: 5em; z-index: 99; width: 480px; max-width: calc(100% - 5em); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); overflow: hidden; }
#cv-sidebar-inner { position: relative; height: 100%; width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; }
#cv-sidebar .cv-panel-widget { padding: 40px; }
#cv-sidebar.open { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); }
.cv-sidebar-title h5 { line-height: 3.5em; margin: 0px; padding: 0px 40px; }
.cv-sidebar-title { height: 5em; position: relative; }
.cv-sidebar-title:before { top: 100%; right: 40px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-width: 10px; margin-left: 0px; z-index: 9; }
.cv-sidebar-list li a { -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; }
.cv-sidebar-list { list-style: none; padding: 0; margin: 0; vertical-align: bottom; }
.cv-sidebar-list li { padding-left: 0px; padding-bottom: 12px; margin-bottom: 12px; }
.cv-sidebar-list li:last-child { padding-bottom: 0px; margin-bottom: 0px; border-bottom: none; }
.cv-sidebar-list li a:hover { text-decoration: none; }
.cv-tags-container { position: relative; display: inline-block; }
.cv-tags { float: left; margin-right: 5px; margin-bottom: 5px; padding: 5px 7px 5px 7px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; opacity: 0.5; }
.cv-tags:hover { text-decoration: none; opacity: 1; }
.cv-sidebar-posts-img { position: absolute; left: 0px; top: 0px; width: 70px; }
.cv-sidebar-posts { list-style: none; margin: 0px; padding: 0px; display: inline-block; width: 100%; vertical-align: bottom; }
.cv-sidebar-posts li { position: relative; margin: 0px 0px 20px 0px; padding: 0px 0px 20px 90px; float: left; width: 100%; min-height: 91px; }
.cv-sidebar-posts li:last-child { padding-bottom: 0px; margin-bottom: 0px; border-bottom: none; min-height: 70px; }
.cv-sidebar-posts li img { -webkit-transition: border 0.2s ease-in-out; -moz-transition: border 0.2s ease-in-out; -o-transition: border 0.2s ease-in-out; -ms-transition: border 0.2s ease-in-out; width: 100%; height: auto; margin: 0px; padding: 0px; vertical-align: bottom; }
.cv-sidebar-post-title { display: inline-block; }
.cv-sidebar-post-date { margin-bottom: 0px; margin-top: 5px; font-size: 13px; font-style: italic; opacity: 0.7; }
/* ================= SUBMENU ================== */
.cv-submenu { margin: 0px; line-height: 1; }
.cv-submenu ul { margin: -15px 0px -15px 0px; padding: 0px; }
.cv-submenu ul li { margin: 0px; padding: 0px; border: none !important; }
.cv-submenu ul li a { position: relative; display: inline-block; padding: 0px; outline: none; text-decoration: none; font-size: 18px; width: auto; margin: 15px 0px 15px 0px; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; word-spacing: normal; }
.cv-submenu ul li a:hover { outline: none; }
.cv-submenu ul ul { display: none; margin: 15px 0px; padding-left: 15px; }
.cv-submenu ul ul li a { font-size: 15px; margin: 10px 0px 10px 0px; }
.cv-submenu ul ul li:first-child a { margin-top: 0px; }
.cv-submenu ul ul li:last-child a { margin-bottom: 0px; }
.cv-submenu ul ul li { margin-bottom: 0px; }
.cv-submenu ul > li > a.cvdropdown, .cv-submenu ul > li > a.cvdropdown2 { background-position: 100% 75%; background-repeat: no-repeat; padding-right: 30px; }
.cv-submenu ul > li > a.cvdropdown { background-image: url('../images/down.png'); }
.cv-submenu ul > li > a.cvdropdown2 { background-image: url('../images/up.png'); }
/* ================= FLICKR FEED  ================== */
.cv-flickr-box { margin: 0px 0px -5px 0px; padding: 0px; overflow: hidden; width: 105%; position: relative; }
.cv-flickr-box li { list-style: none; float: left; margin-right: 5px; margin-bottom: 5px; padding: 0px; height: 75px; background-image: none !important; display: inline-block; }
.cv-flickr-box li:last-child { margin-right: 0px; }
.cv-flickr-box li { border: none !important; }
.cv-flickr-box li img { display: block; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; width: 75px; height: auto; opacity: 0.7; cursor: pointer; }
.cv-flickr-box li img:hover { opacity: 1; }
/* ================= HOMEPAGE ================== */
#home-image { position: relative; width: 100%; height: 100%; vertical-align: bottom; margin: 0px; padding: 0px; overflow: hidden; }
#home-title, #home-slide-title { position: absolute; top: 60px; z-index: 3; vertical-align: bottom; }
#home-title h1 { margin: 0px; }
#home-title h1 span, #home-slide-title span { font-size: 60px; margin: 0px; }
#home-title h1 span, #home-slide-title span { padding: 40px 60px; display: inline-block; line-height: 1; }
#home-title h1 .mobile-title { display: none !important; }
#home-title p { font-size: 30px; margin: 0px; padding: 30px 60px; word-spacing: normal; display: inline-block; }
#home-title { left: 0px; }
#home-slide-title { right: 0px; }
/* ================= HOME SOCIAL BAR ================== */
#cv-home-social-bar-container { position: absolute; bottom: 60px; left: 0; z-index: 999; }
#cv-home-social-bar ul { list-style-type: none; margin: 0px; padding: 0px; display: inline-block; vertical-align: bottom; }
#cv-home-social-bar ul li { list-style-type: none; float: left; }
#cv-home-social-bar ul li a { display: block; text-indent: -500em; height: 5em; width: 5em; line-height: 5em; text-align: center; position: relative; outline: none !important; text-decoration: none !important; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; }
#cv-home-social-bar ul li:last-child a { border: none !important; }
#cv-home-social-bar ul li a:before { font-family: 'FontAwesome'; speak: none; text-indent: 0em; position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 24px; }
/* ================= CV TABLE ================== */
.cv-table { list-style: none; padding: 0; margin: 0px 0px 30px 0px; vertical-align: bottom; display: inline-block; }
.cv-table li { position: relative; display: inline-block; width: 100%; padding-left: 0px; margin-bottom: 10px; font-size: 18px; word-spacing: 0.1em; line-height: 1.5; }
.cv-table li:first-child, .cv-box .cv-table li:first-child { padding-top: 10px; margin-top: 10px; }
.cv-table .cv-table-title { margin-bottom: 5px; }
.cv-table .cv-table-text { font-size: 15px; }
.cv-table-left { float: left; display: inline-block; padding-bottom: 12px; }
.cv-table-right { float: right; display: inline-block; padding-bottom: 12px; }
/* ================= ICON CONTAINERS ================== */
.cv-main-icon-container { position: relative; margin-left: -20px; margin-right: -20px; vertical-align: bottom; display: inline-block; margin-bottom: -30px; }
.cv-main-icon-container:after { clear: both; }
.cv-icon-block { position: relative; width: 50%; float: left; padding-left: 20px; padding-right: 20px; margin-top: 30px; margin-bottom: 30px; display: inline-block; }
.cv-icon-container { position: relative; text-align: center; margin: 0px auto 30px auto; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; width: 120px; height: 120px; }
.cv-icon-text { text-align: center; margin-bottom: 0px; }
.refs .cv-icon-text p { min-height: 117px; }
.cv-icon-text h4 { margin-bottom: 20px; }
.cv-icon-container a { display: block; text-indent: -500em; width: 120px; height: 120px; line-height: 120px; text-align: center; position: relative; outline: none !important; text-decoration: none !important; }
.cv-icon-container a:before { font-family: 'FontAwesome'; speak: none; text-indent: 0em; position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 50px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
/* ================= SKILLS ================== */
.skillbar { position: relative; display: block; margin-bottom: 20px; width: 100%; height: 42px; -webkit-transition: 0.4s linear; -moz-transition: 0.4s linear; -ms-transition: 0.4s linear; -o-transition: 0.4s linear; transition: 0.4s linear; -webkit-transition-property: background-color; -moz-transition-property: background-color; -ms-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color; }
.skillbar:last-child { margin-bottom: 0px; }
.skillbar-title { position: absolute; top: 0; left: 0; }
.skillbar-title span { display: block; padding: 0 15px; height: 40px; line-height: 40px; font-size: 15px; }
.skillbar-bar { height: 40px; width: 0px; -webkit-animation: animate-bg 5s linear infinite; -moz-animation: animate-bg 5s linear infinite; -o-animation: animate-bg 5s linear infinite; animation: animate-bg 5s linear infinite; background-size: 40px 40px; }
.skill-bar-percent { position: absolute; right: 15px; top: 0; height: 40px; line-height: 40px; font-size: 15px; opacity: 0.5; }

#ascensorBuilding { height: calc(100% - 64px) !important; margin-top: 64px; }

@keyframes animate-bg {
	from { background-position: 0 0; }
	to { background-position: -80px 0; }
}

@-webkit-keyframes animate-bg {
	from { background-position: 0 0; }
	to { background-position: -80px 0; }
}

@-moz-keyframes animate-bg {
	from { background-position: 0 0; }
	to { background-position: -80px 0; }
}

@-o-keyframes animate-bg {
	from { background-position: 0 0; }
	to { background-position: -80px 0; }
}
/* ================= RESUME ================== */
.cv-resume-box { position: relative; margin-bottom: 40px; }
.cv-resume-title { padding-bottom: 15px; margin-bottom: 15px; }
.cv-resume-title h5 { margin-bottom: 10px; }
.cv-resume-title p { margin-bottom: 0px; line-height: 1; font-size: 18px; }
/* ================= CONTACT ================== */
.google-map-container { position: relative; margin: 0px; padding: 0px; width: 100%; height: 100%; }
#google-map { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; }
.mobile-map-container { position: relative; margin: 0px; padding: 0px; display: none; }
#mobile-map { height: 350px; margin: 0px; }
/* ================= PORTFOLIO ================== */
.cvgrid { list-style-type: none; position: relative; margin: 0px 0px -20px 0px; padding: 0px; display: none; }
.cvgrid li { float: left; padding: 0px; margin: 0px; opacity: 1; list-style-type: none; }
.cvgrid li.cvgrid-animate { -webkit-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); }
.cvgrid li.wookmark-inactive { visibility: hidden; opacity: 0; }
.cvgrid li figure { position: relative; padding: 0px; margin: 0px; }
.cvgrid li figure figcaption .cvgrid-title { margin: 0px; text-decoration: none; line-height: 1; outline: none; text-align: center; padding: 20px; min-height: 71px; }
.cvgrid > li > figure > a { position: relative; outline: none; overflow: hidden; display: block; }
.cvgrid > li > figure > a:after { position: absolute; text-align: center; line-height: 1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; opacity: 0; font-family: 'FontAwesome'; speak: none; font-style: normal; font-weight: normal; text-indent: 0em; top: 50%; left: 50%; width: 22px; height: 22px; font-size: 22px; margin-top: -28px; margin-left: -28px; padding: 14px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); display: inline-block; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.cvgrid > li > figure > a:hover:after { opacity: 1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.cvgrid > li > figure > a.cvgrid-img:after { content: "\f002"; }
.cvgrid > li > figure > a.cvgrid-video:after { content: "\f04b"; }
.cvgrid > li > figure > a.cvgrid-link:after { content: "\f0c1"; }
.cvgrid > li > figure > a > img { width: 100%; display: block; padding: 0px; margin: 0px; border: none; vertical-align: bottom; overflow: hidden; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.cvgrid > li > figure > a:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity: 0.3; }
.cvgrid li figure figcaption { width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.cvfilters { list-style-type: none; text-align: center; margin: 0px 0px 20px 0px; padding: 0px; display: inline-block; vertical-align: bottom; }
.cvfilters li { font-size: 14px; float: left; cursor: pointer; margin: 0px 3px 3px 0px; padding: 11px 20px; line-height: 1; width: auto; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; }
/* ================= TOOLTIPS ================== */
.tooltipster-dark .tooltipster-content, .tooltipster-light .tooltipster-content, .tooltipster-red .tooltipster-content { font-size: 18px; line-height: 1; padding: 15px 20px; overflow: hidden; }
.tooltipster-gototop .tooltipster-content { font-size: 15px; line-height: 1; padding: 10px 15px; overflow: hidden; }
/* ================= TESTIMONIALS ================== */
.quovolve { margin-top: 60px; }
.quovolve blockquote { margin: 0px !important; }
.quovolve-nav:after { clear: both; }
.quovolve-nav { margin: 5px 0px 0px 0px; line-height: 30px; zoom: 1; }
.quovolve-nav span { float: left; margin-right: 5px; }
.quovolve-nav a { line-height: 20px; display: block; padding: 10px 15px; border: 0 none; text-align: center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; }
.nav-numbers { list-style: none; margin: 0; float: right; }
.nav-numbers li { float: left; margin: 0 0 0 5px; }
.nav-numbers li a { padding-left: 0px; padding-right: 0px; width: 40px; }
.nav-text { margin-left: 30px; }
.quovolve-nav a { background: #f5f5f5; color: #949494; }
.quovolve-nav a:hover { background: #f5f5f5; color: #222; }
.nav-numbers li a:hover { color: #222; background: #f5f5f5; }
.nav-numbers li.active a { color: #fff; background: #222; }
/* ================= ACCORDION  ================== */
#accordion-container { padding: 0px; margin: 40px 0px 40px 0px; width: 100%; position: relative; }
.accordion-header { position: relative; overflow: hidden; margin: 0px; padding: 20px 25px 20px 0px; cursor: pointer; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; font-size: 18px; }
.accordion-header:after { font-family: 'FontAwesome'; speak: none; text-indent: 0em; text-align: center; content: "\f078"; position: absolute; top: 19px; right: 0px; width: 24px; height: 24px; line-height: 24px; font-size: 22px; z-index: 1; display: inline-block; margin: 0px; }
.accordion-header.active-header:after { content: "\f077"; }
.accordion-content { display: none; padding: 30px 0px 30px 0px; width: 100%; }
/* ================= RESPONSIVE IFRAME ================== */
.flex-video { position: relative; padding-bottom: 55%; height: 0; overflow: hidden; margin-bottom: 40px; margin-top: 40px; }
.flex-video.widescreen { padding-bottom: 37.25%; }
.flex-video.vimeo { padding-top: 0; }
.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; outline: none; border: none; }
/* ================= BLOG ================== */
.blog-title { position: relative; padding: 60px 60px 30px 60px; display: inline-block; }
.blogcontainer { position: relative; height: auto; display: inline-block; margin: 0px; padding: 0px; vertical-align: bottom; overflow: hidden; width: 100%; }
.blogcontainer p { margin-bottom: 30px; }
.blogcontainer .postdate { line-height: 1; padding: 20px 60px 20px 85px; position: relative; margin-bottom: 0px; word-spacing: inherit; display: inline-block; width: 100%; font-size: 18px; }
.blogcontainer .postdate:before { font-family: 'FontAwesome'; speak: none; text-indent: 0em; text-align: center; content: "\f073"; position: absolute; top: 20px; left: 60px; width: 15px; height: 15px; line-height: 15px; font-size: 15px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; z-index: 1; display: inline-block; margin: 0px; }
.blogcontainer .postcontent { padding: 40px 60px 40px 60px; display: inline-block; }
.blogcontainer .blog-img img { position: relative; }
.blog-img .blog-img-caption { display: inline-block; margin-top: 60px; margin-bottom: 120px; }
.blog-img .blog-img-caption h4 { margin: 0px; display: inline-block; padding: 30px 60px; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; -ms-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; }
.postcontent .cv-readmore { word-spacing: 0.1em; letter-spacing: 0.01em; padding: 10px 0px; line-height: 1; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; display: inline-block; }
.postcontent .cv-readmore:hover { padding: 10px 15px; }
.blogpager { position: relative; width: 100%; vertical-align: bottom; margin: 0px; display: inline-block; padding-bottom: 55px; margin-top: 5px; }
.blogpager .cv-button { margin: 0px !important; padding: 20px 60px 20px 60px; }
.blogpager .previous { float: left; width: 50%; padding: 0px; }
.blogpager .previous .fa { margin-right: 5px; }
.blogpager .next { float: right; width: 50%; text-align: right; padding: 0px; }
.blogpager .next .fa { margin-left: 5px; }
.page-date { position: relative; font-size: 18px; padding-left: 25px; line-height: 1; word-spacing: normal; }
.page-date:before { font-family: 'FontAwesome'; speak: none; text-indent: 0em; text-align: center; content: "\f073"; position: absolute; top: 50%; left: 0px; width: 18px; height: 18px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; z-index: 1; display: inline-block; margin-top: -9px; }
/* ================= COMMENTS ================== */
.comments_content { padding: 30px; position: relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom: 30px; }
.comments_content:before { top: -20px; left: 30px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-width: 10px; margin-left: 0px; z-index: 9; }
.comments_content p { margin-bottom: 0px !important; }
.reply { position: relative; padding-left: 50px; }
.reply:before { font-family: 'FontAwesome'; content: "\f122"; speak: none; text-indent: 0em; text-align: center; position: absolute; top: 0px; left: 15px; width: 24px; height: 24px; font-size: 24px; margin-top: -3px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.meta { margin-bottom: 15px !important; }
/* ================= TABS ================== */
.cv-tabs { position: relative; margin: 40px 0px !important; }
ul.resp-tabs-list { margin: 0px; padding: 0px; display: inline-block; width: 100%; vertical-align: bottom; }
.resp-tabs-list li { font-size: 18px; display: inline-block; padding: 20px; margin: 0px; list-style: none; cursor: pointer; float: left; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-top: 3px solid transparent; }
.resp-tabs-container { padding: 0px; clear: left; overflow: hidden; }
.resp-tab-content img { max-width: 100%; height: auto; }
.resp-content-active, .resp-accordion-active { display: block; }
.resp-tab-content { display: none; border: none; padding: 40px; }
/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list { float: left; width: 30%; border-bottom: none; }
.resp-vtabs .resp-tabs-list li { display: block; padding: 20px !important; margin: 0; cursor: pointer; float: none; border-top: none !important; border-left: solid 3px #fff; }
.resp-vtabs .resp-tabs-container { padding: 0px; float: left; width: 70%; clear: none; }
.resp-vtabs li.resp-tab-active { position: relative; z-index: 1; padding: 20px !important; border-top: none !important; }
h2.resp-tab-active { margin-bottom: 0px !important; padding: 21px !important; }
h2.resp-tab-active span.resp-arrow { border: none; }
.resp-arrow { width: 0; height: 0; float: right; margin-top: 3px; }
/*-----------Accordion styles-----------*/
h2.resp-accordion { cursor: pointer; display: none; font-size: 18px; margin: 0px; padding: 20px; }
.resp-easy-accordion h2.resp-accordion { display: block; }
.resp-jfit { width: 100%; margin: 0px; }
.resp-tab-content-active { display: block; }
/* ================= FLEX IMAGE ================== */
.caption-image { position: relative; margin: 40px 0px; }
.caption-image img { width: 100%; height: auto; vertical-align: bottom; }
.caption-image figcaption { position: absolute; display: inline-block; bottom: 10px; left: 0; width: 100%; text-align: center; height: 50px; line-height: 50px; }
/* ================= CV BOXES ================== */
.cv-box { position: relative; padding: 30px; margin: 0px 0px 30px 0px; }
.cv-box-title { line-height: 1; font-size: 18px; margin-bottom: 20px; }
.cv-box.cv-red p { opacity: 0.7; }
/* ================= FOOTER ================== */
#footer { position: fixed; bottom: -100%; right: 0px; width: 50%; width: calc(50% - 2.5em); z-index: 9; height: 50px; }
#footer.fixed-footer { bottom: 0px; }
.cv-credits { padding: 0px 60px; line-height: 50px; font-size: 12px; display: inline-block; width: 100%; }
.cv-credits a, .cv-credits a:hover { text-decoration: underline; }
#cv-back-to-top { position: absolute; bottom: 12px; right: 60px; display: inline-block; margin: 0px; padding: 0px; height: 24px; width: 24px; cursor: pointer; vertical-align: bottom; z-index: 2; }
#cv-back-to-top:before { font-family: 'FontAwesome'; content: "\f151"; speak: none; text-indent: 0em; text-align: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 22px; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; }



.header { width: 100%; float: left; position: fixed; background: #313131; z-index: 99; padding: 0px 0px; height: 64px; }
.header .logo { width: 239px; float: left; margin-left: 22px; margin-top: 9px; }
.header .logo a, .header .logo img { width: 100%; float: left; }
.header .telefon { width: auto; float: right; font-size: 28px; color: #ebc934; font-family: Arial; margin-right: 18px; position: relative; }
.header .mailhesabim { width: 70px; float: right; margin-right: 40px; margin-top: initial; margin-top: 16px; }
.header .teklifIste { width: auto; float: right; position: relative; margin-right: 27px; }
.header .teklifIste a { width: auto; float: left; font-size: 16px; color: #fff; outline: none; margin-top: 20px; }
.header .mailhesabim a, .header .mailhesabim img { width: 100%; }
.header .telefon a { font-size: 28px; color: #ebc934; font-family: Arial; margin-top: 16px; float: left; }
.header .telefon:before { content: ""; width: 1px; height: 80px; position: absolute; z-index: 5; background: #525252; top: -16px; left: -28px; }
.header .teklifIste:before { content: ""; width: 1px; height: 80px; position: absolute; z-index: 5; background: #525252; top: -16px; right: -13px; }
.header .teklifIste:after { content: ""; width: 1px; height: 80px; position: absolute; z-index: 5; background: #525252; top: -16px; left: -13px; }

.header .destekIste { width: auto; float: right; position: relative; margin-right: 27px; }
.header .destekIste a { width: auto; float: left; font-size: 16px; color: #fff; outline: none; margin-top: 20px; background: url(../images/destic.png) no-repeat left center; padding: 0px 0px 0px 29px; }


.hizmetListe { width: 100%; display: inline-block; }
.hizmetListe ul { width: 100%; float: left; list-style: none; margin: 0px; padding: 0px; }
.hizmetListe li { width: 33.33%; float: left; list-style: none; padding: 0px; margin: 0px; }
.hizmetListe li a { width: 100%; float: left; background: rgba(255,255,255,1); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(248,248,248,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8', GradientType=0 ); padding: 10px; box-sizing: border-box; }
.hizmetListe li a .resim { width: 100%; height: 200px; float: left; text-align: center; line-height: 167px; }
.hizmetListe li a .resim img { vertical-align: bottom; display: inline-table; }
.hizmetListe li a h6 { width: 100%; float: left; margin-bottom: 10px; }
.hizmetListe li a h6 strong { width: 100%; float: left; text-align: center; font-weight: 400; font-size: 20px; color: #dbbc2f; }
.hizmetListe li a h6 span { width: 100%; float: left; text-align: center; font-weight: 300; font-size: 22px; color: #313131; margin-top: 4px; }
.hizmetListe li:nth-child(2n) a { background: rgba(255,255,255,1); background: -moz-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(248,248,248,1))); background: -webkit-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%); background: -o-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%); background: -ms-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%); background: linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8', GradientType=1 ); }



.referansGoster { width: 100%; display: inline-block; margin-top: 40px; position: relative; padding: 19px 0px; }
.referansGoster:after { content: ""; width: calc(100% + 0px ); height: 100%; background: #fcfbfb; position: absolute; left: 0; z-index: -1; top: 0px; }
.referansGoster h2 { font-weight: 500; font-size: 28px; margin-bottom: 30px !important; margin-top: 0; }
.referansGoster h2 a { float: right; font-size: 15px; color: #a8a4a4; margin-top: 10px; }
.referansGoster h2 strong { font-weight: 300; }
.referansGoster ul { width: 100%; float: left; }
.referansGoster ul, .referansGoster li { padding: 0px; margin: 0px; list-style: none; width: 100%; float: left; }
.referansGoster ul li { padding: 10px 0px; }
.referansGoster ul li a { width: 100%; float: left; border: solid 1px #e4e4e4; }
.referansGoster ul li a .resim { width: 100%; height: 151px; float: left; position: relative; overflow: hidden; }
.referansGoster ul li a .resim img { width: 100%; position: absolute; top: 0px; left: 0px; }
.referansGoster ul li .hover { width: 100%; position: absolute; right: 0px; bottom: 0px; }
.referansGoster ul li .hover strong { width: auto; font-size: 13px; color: #ffffff; position: absolute; right: 0px; background: #ac0000; padding: 7px 16px; bottom: 38px; }
.referansGoster ul li .hover strong:after { content: ""; clear: both; }
.referansGoster ul li .hover span { width: auto; float: left; background: #fff; font-size: 12px; color: #555; padding: 5px 16px; position: absolute; bottom: 15px; right: 0px; }
.referansGoster ul li h6 { width: 100%; float: left; font-size: 17px; color: #858585; margin: 0px; padding: 14px 10px; background: #f6f6f6; position: relative; }
.referansGoster ul li h6:after { content: ""; width: 20%; height: 1px; background: #555; position: absolute; bottom: -2px; left: -1px; }

.referansGoster ul li.kurumsal .hover strong, .referansGoster ul li.kurumsal h6:after { background: #b0be36; }
.referansGoster ul li.eticaret .hover strong, .referansGoster ul li.eticaret h6:after { background: #8353a9; }
.referansGoster ul li.ajans .hover strong, .referansGoster ul li.ajans h6:after { background: #458e99; }



.MusteriYorum { width: 100%; display: inline-block; margin-top: 40px; position: relative; }
.MusteriYorum h3 { font-weight: 500; font-size: 28px; margin-bottom: 30px !important; margin-top: 0; }
.MusteriYorum h3 strong { font-weight: 300; }
.MusteriYorum ul, .MusteriYorum li { padding: 0px; margin: 0px; list-style: none; }
.MusteriYorum ul li a { width: 100%; float: left; }
.MusteriYorum ul.logolar { width: 100%; float: left; margin-bottom: 11px; }
.MusteriYorum ul.logolar li { width: 14.28%; float: left; padding: 4px; }
.MusteriYorum ul.logolar li a { border: solid 1px #f5f5f5; height: 102px; outline: none; padding: 10px; box-sizing: border-box; background-size: contain !important; background-clip: content-box !important; background-origin: content-box !important; }
.MusteriYorum ul.logolar li.active a { border-color: #caaa46; }
.MusteriYorum ul.logolar li a img { max-width: 100%; max-height: 100%; float: left; }

.MusteriYorum ul.yazi { width: 100%; float: left; position: relative; }
.MusteriYorum ul.yazi li { width: 100%; float: left; display: none; }
.MusteriYorum ul.yazi li h6 { width: 100%; float: left; font-size: 14px; color: #d0b435; margin: 0px; }
.MusteriYorum ul.yazi li h6 span { color: #313131; }
.MusteriYorum ul.yazi li p { width: 100%; float: left; font-size: 14px; color: #313131; margin-top: 10px; }



.hizmetAgi { width: 100%; display: inline-block; margin-top: 40px; position: relative; padding: 19px 0px; }
.hizmetAgi i { width: 21px; text-align: center; }
.hizmetAgi:after { content: ""; width: calc(100% + 0); height: 100%; background: #fcfbfb; position: absolute; left: 0; z-index: -1; top: 0px; }
.hizmetAgi h4 { font-weight: 500; font-size: 28px; margin-bottom: 30px !important; margin-top: 0; }
.hizmetAgi h4 strong { font-weight: 300; }
.hizmetAgi ul { width: 100%; float: left; padding: 0px; list-style: none; margin: 0px; }
.hizmetAgi ul li { position: relative; overflow: hidden; margin: 0px; padding: 10px 10px; cursor: pointer; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; font-size: 18px; border-bottom: solid 1px #dfdfdf; }
.hizmetAgi ul li a { width: 100%; float: left; outline: none; font-weight: 500; font-size: 16px; color: #919191; }
.hizmetAgi ul li:last-child { border-bottom: none; }
.hizmetAgi ul li a:hover { color: #caaa46; }


.hizmetAgi.not { padding: 0px; margin-top: 23px; }
.hizmetAgi.not:after { display: none; }


.ekipListe { width: 100%; display: inline-block; margin-top: 40px; position: relative; }
.ekipListe h4 { font-weight: 500; font-size: 28px; margin-bottom: 30px !important; margin-top: 0; }
.ekipListe h4 strong { font-weight: 300; }
.ekipListe ul, .ekipListe li { margin: 0px; padding: 0px; list-style: none; }
.ekipListe ul { width: 100%; float: left; }
.ekipListe ul li { width: 20%; float: left; padding: 1px; box-sizing: border-box; }
.ekipListe ul li a { width: 100%; float: left; border: solid 2px #f6f6f6; }
.ekipListe ul li img { width: 100%; height: auto; float: left; }


.ustBaslik { width: 250px; position: absolute; z-index: 555; background: #313131; padding: 10px 0px; right: 0px; display: none; top: 118px; }
.ustBaslik a:first-child { }
.ustBaslik a { width: 50%; float: left; padding-right: 20px; font-size: 14px; border-bottom: solid 1px #484848; padding-bottom: 9px; padding-top: 8px; color: #f1f1f1; position: relative; box-sizing: border-box; padding-left: 20px; }
/*.ustBaslik a.active:before { content: ""; width: 25%; height: 2px; position: absolute; bottom: 0px; background: #cfcfcf; left: 0px; }
.ustBaslik a:last-child { border-right: none; }*/
.ustBaslik a.active { /* border-bottom: solid 1px #cdcdcd; */ /* color: #caaa46; */ }

.kurDzn { display: inline-block; margin-bottom: 10px !important; color: #caaa46; }
.kurDzn strong { font-weight: 300 !important; }

.webkontrol { display: inline-block; margin-bottom: 10px !important; color: #caaa46; margin-bottom: 30px !important; }
.webkontrol strong { font-weight: 300 !important; }


ul.listem { display: inline-block; }
ul.listem li { width: 33.33%; padding: 5px; }



/*************************************************************************************/

.EkipGoster { width: 100%; display: inline-block; margin-top: 0; position: relative; }
.EkipGoster h4 { font-weight: 500; font-size: 28px; margin-bottom: 30px !important; margin-top: 0; }
.EkipGoster h4 strong { font-weight: 300; }
.EkipGoster ul, .EkipGoster li { margin: 0px; padding: 0px; list-style: none; }
.EkipGoster ul { width: 100%; float: left; }
.EkipGoster ul li { width: 33.33%; float: left; padding: 2px; box-sizing: border-box; }
.EkipGoster ul li .kapsa { width: 100%; float: left; box-sizing: border-box; border: solid 1px #e3e3e3; padding: 40px 10px; background: #fcfcfc; }
.EkipGoster ul li .resim { width: 100%; float: left; text-align: center; }
.EkipGoster ul li h6 { width: 100%; float: left; font-size: 18px; font-weight: 300; text-align: center; margin-bottom: 0px; margin-top: 25px; }
.EkipGoster ul li span { width: 100%; height: 40px; float: left; text-align: center; font-weight: 500; color: #b6b6b6; margin-top: 10px; }
.EkipGoster ul li .resim a { height: 220px; text-align: center; }
.EkipGoster ul li a { width: 100%; float: left; outline: none; }
.EkipGoster ul li img { width: 90%; height: auto !important; float: none; border-radius: 100%; border-bottom: solid 2px rgb(123, 123, 123); -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.7); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.7); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.7); }




/*------------------------------------------------------------------*/
/*	25) PRICING TABLES
/*------------------------------------------------------------------*/
.pricing { list-style-type: none; float: left; width: 100%; text-align: center; padding: 0; margin: 5px 1px 0 0; }
.pricing li { padding: 10px 5px; margin: 0; color: #3f3f3f; background: #fff; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ }
.pricing li.title-row { background: #caaa46; color: #FFF; font-family: 'PTSansRegular-Bold', Arial, sans-serif; font-size: 16px; padding: 20px 5px; }
.pricing li.title-row span, .pricing ul li.pricing-row span { font-size: 12px; font-style: italic; }
.pricing li.title-row h4 { margin-bottom: 0; color: #FFF; }
.pricing li.pricing-row, .pricing ul li.button-row { margin: 0; border-top: none; }
.pricing li.pricing-row span.price { font-size: 30px; line-height: 40px; }
.pricing li.pricing-row span { color: #3c4852; }
.pricing li.button-row { height: auto; padding: 25px 0; background: #caaa46; }

.pricing li.button-row a { color: #FFF; padding: 10px 20px; font-weight: bold; -webkit-transition: background-color 0.4s ease-in; -moz-transition: background-color 0.4s ease-in; -o-transition: background-color 0.4s ease-in; transition: background-color 0.4s ease-in; }
.pricing.theme-color li.title-row, .pricing.theme-color li.button-row { background: #902A8C; }
.ref { display: inline-block; margin-bottom: 25px !important; }
.ref2 { display: inline-block; font-weight: 300; color: #caaa46; }
a.kontrol { }

.arrow { width: auto; float: right; display: none; }
.arrow a { width: 25px; height: 25px; float: left; }
.arrow a.sol { background: url(../images/ksag.png) no-repeat center center #656565; margin-left: 3px; }
.arrow a.sag { background: url(../images/ksol.png) no-repeat center center #656565; }

.wbkn { font-size: 17px; font-weight: 500; color: #494949; }

.hesapNo { width: 100%; display: inline-block; padding: 20px 10px; background: #fefefe; }
.hesapNo h4 { font-size: 17px; margin-bottom: 10px; }
.hesapNo ul, .hesapNo li { list-style: none; padding: 0px; margin: 0px; }
.hesapNo .sol { font-weight: bold; font-size: 15px; width: 79px; float: left; text-align: right; }
.hesapNo .sag { width: calc(100% - 79px); float: left; margin-top: 1px; padding-left: 14px; box-sizing: border-box; }
.hesapNo li { width: 100%; font-size: 14px; float: left; box-sizing: border-box; border-bottom: solid 1px #cdcdcd; padding: 10px; }
.hesapNo .alt { width: 100%; float: left; }
.hesapNo li:last-child { border: none; }

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

.ustBaslik ul { width: 100%; float: left; }
.ustBaslik ul, .ustBaslik li { padding: 0px; margin: 0px; list-style: none; }
.ustBaslik li { width: 100%; float: left; }
.ustBaslik li a { width: 100%; float: left; }
.ustBaslik li:last-child a { border-bottom: 0px; }

.mnAc { width: 50px; height: 40px; float: right; background: url(../images/mnu3.png) no-repeat center center; border: solid 1px #cacaca; position: relative; z-index: 99999999999; }
.mnAc.active { background: url(../images/mnu5.png) no-repeat center center; }

.bootstrap-maxlength { width: 100%; !important; left: 0px !important; top: 84px !important; }

#panelIcerikGosterim { width: 100%; float: left; }

@media screen and (max-width:1600px) {

	.refs .cv-icon-text p { min-height: 73px; }
}


@media screen and (max-width:1400px) {

	.hesapNo .ust { width: 90px; text-align: right; }
	.hesapNo .alt { width: calc(100% - 100px); }
	.hesapNo li { width: 100% !important; border-right: none; border-bottom: solid 1px #cdcdcd; padding: 8px; }
	.hesapNo li:last-child { border-bottom: 0px; }

	.EkipGoster ul li h6 { height: 40px; }
	.cv-icon-text h4 { font-size: 18px; }
	.refs .cv-icon-text p { min-height: 140px; }
}

@media screen and (max-width: 1368px) {

	.cv-page-content { padding: 40px 30px; }
	.referansGoster:after, .hizmetAgi:after { width: calc(100% + 60px ); left: -30px; }
}

@media screen and (max-width: 1234px) {

	ul.listem li, .EkipGoster ul li { width: 50%; }
	.cv-icon-block { width: 100%; }
	.refs .cv-icon-text p { min-height: 1px; }
}

@media screen and (max-width: 1128px) {

	.arrow { display: block; }
	.hizmetListe li a h6 strong { font-size: 18px; }
	.hizmetListe li a h6 span { font-size: 15px; margin-top: 7px; }
	.MusteriYorum ul.logolar { display: none; }
}

@media screen and (max-width: 1024px) {
	#cv-menu { overflow-y: scroll; }

	.hizmetListe li a h6 strong { font-size: 20px; }
	.hizmetListe li a h6 span { font-size: 20px; margin-top: 7px; }
	.MusteriYorum ul.logolar { display: block; }
	ul.listem li, .EkipGoster ul li { width: 33.33%; }
	.header .mailhesabim, .header .teklifIste { display: none; }
	.cv-icon-block { width: 50%; }
	.header .destekIste { margin-right: 50px; }
}

@media screen and (max-width: 680px) {

	.hizmetListe li { width: 100%; }
	.hizmetListe li a { display: table; background: rgba(255,255,255,1); background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(233,233,233,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(233,233,233,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(233,233,233,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(233,233,233,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(233,233,233,1) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(233,233,233,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9', GradientType=1 ); }
	.hizmetListe li:nth-child(2n) a { }
	.hizmetListe li a .resim { float: none; display: table-cell; vertical-align: middle; height: auto; width: 60px; line-height: inherit; box-sizing: border-box; padding: 0; }
	.hizmetListe li a .resim img { width: 100%; }
	.hizmetListe li a h6 { display: table-cell; vertical-align: middle; float: none; text-align: left; width: calc(100% - 60px); box-sizing: border-box; padding-left: 19px; }

	.hizmetListe li a h6 strong, .hizmetListe li a h6 span { text-align: left; }
	ul.listem li, .EkipGoster ul li { width: 50%; }
}

@media screen and (max-width: 550px) {

	.MusteriYorum ul.logolar { display: none; }
	.ekipListe ul li { width: 25%; }
	.cv-page-content { padding: 30px; }
	.header .logo { width: 130px; margin-left: 10px; margin-top: 0px; }
	.header .telefon a { font-size: 16px !important; float: left; margin-top: 4px; }
	.header .telefon:before { height: 48px; left: -19px; opacity: 0; }
	.header { padding: 10px 0px; height: auto; height: 42px; }
	.header .telefon { margin-right: 10px; }
	#ascensorBuilding { }
	#cv-menu, #cv-sidebar, #ascensorBuilding, #cv-page-left, #cv-page-right { height: calc(100% - 42px) !important; top: 42px !important; margin-top: 0px; }
	.referansGoster h2, .MusteriYorum h3, .hizmetAgi h4, .ekipListe h4, h1, h2, h3, h4, h5, h6, h1.border, h2.border, h3.border, h4.border, h5.border, h6.border { font-size: 18px !important; }
	.hizmetListe li a h6 strong { font-size: 16px; }
	.hizmetListe li a h6 span { font-size: 17px; }
	.MusteriYorum ul.yazi li h6 { font-size: 14px !important; }

	.header .destekIste { margin: 0; border-right: solid 1px #64655d; padding-right: 10px; margin-right: 8px; }
	.header .destekIste a { margin: 2px 0 0 0; background: none; padding: 0; }

	.ustBaslik a { }

	.cv-page-content { padding: 40px 20px; }
	.referansGoster:after, .hizmetAgi:after { width: calc(100% + 40px ); left: -20px; }
	.ekipListe ul li { width: 33.33%; }
	h2.resp-tab-active { margin-bottom: 0px !important; padding: 13px !important; }
}

@media screen and (max-width: 480px) {
	.hesapNo li { border: none; }
}

@media screen and (max-width: 460px) {
	ul.listem li, .EkipGoster ul li { width: 100%; }
	.EkipGoster ul li .resim { height: auto; }
	.EkipGoster ul li .resim a { height: auto; }
	.hizmetAgi i { width: 100%; text-align: center; margin-right: 0px; font-size: 35px; color: #caaa46; }
	.hizmetAgi ul li a { text-align: center; }
	.mnAc { width: 40px; width: 100%; margin-bottom: 20px; }
	.ustBaslik { width: 100%; float: left; position: relative; margin-top: 0px; top: -17px; }
}