.navbar-default {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    margin-bottom: 0;
    border-top: 4px solid #2b67af;
}
.navbar-default .navbar-toggle {
    top: 15px;
}
ul.navbar-nav {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    float: right;
}
.navbar-default .navbar-brand {
    color: #fff;
    display: block;
    font-family: "Engagement",cursive;
    font-style: italic;
    line-height: 82px;
    padding: 0;
    text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1);
    text-transform: none;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #252525;
}
.logo  { padding-top: 9px !important; }
.navbar-default .navbar-nav > li > a {
    background: transparent none repeat scroll 0 0;
    color: #666;
    display: block;
    font-size: 14px;
    font-weight: 900;
    line-height: 20px;
    outline: medium none;
    padding: 40px 18px 40px;
    position: relative;
    text-transform: none;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background: transparent none repeat scroll 0 0;
    color: #2b67af;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a:hover {
    background: #2b67af none repeat scroll 0 0;
    color: #fff;
}
.dropdown-menu {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    margin-top: 0 !important;
    min-width: 0;
    padding: 0;
}
.dropdown-menu li {
    cursor: pointer;
    font-size: 12px;
    overflow: visible;
    text-align: left;
    width: 205px;
}
.dropdown-menu li a {
    background: #fff none repeat scroll 0 0;
    border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
    color: #666;
    font-size: 13px;
    font-weight: 900;
    line-height: 20px;
    padding: 12px;
    text-transform: none;
}
.nav-active .dropdown-menu li a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding-left: 0;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .dropdown-menu li a:hover {
    background: #2b67af none repeat scroll 0 0;
    border-color: #2b67af !important;
    box-shadow: -5px 0 0 0 #79aada, 220px 0 0 0 #2b67af inset;
    color: #fff;
}
#search-form form {
    border-left: 1px solid #666;
    font-family: FontAwesome;
    height: 40px;
    margin: 20px 0 20px 19px;
    padding-left: 49px;
    position: relative;
}
#search-form form::before {
    color: #666;
    content: "";
    font-size: 15px;
    height: 40px;
    left: 29px;
    line-height: 40px;
    position: absolute;
    top: 2px;
}
#search-form input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    box-shadow: none;
    color: #666;
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    padding: 12px 0;
    text-transform: none;
    transition: all 0.3s ease-in-out 0s;
    width: 45px;
}
#search-form input:focus {
    outline: medium none;
    padding: 11px 20px 11px 0;
    width: 140px;
}
body {
    color: #989898;
    font-family: "Roboto",sans-serif,Times,serif;
    font-size: 17px;
    font-weight: 300;
    line-height: 26px;
}
h1, h2, h3, h4, h5 {
    font-family: "Raleway";
}
h1, h2, h3, h4, h5 {
    color: #37393f;
}
h3, .h3 {
    font-size: 23px;
}
html, body, .scroll-contain, .scroll, .scroll section {
    height: 100%;
}
a {
    color: #e64c66;
}
a:hover {
    color: #2b67af;
    outline: medium none;
    text-decoration: none;
}
.title-sections {
    margin: 35px 0 10px;
    text-align: center;
}


#splash-1 {
    left: -25%;
    position: absolute;
    width: 150%;
}
#splash-2 {
    left: 18%;
    position: absolute;
    top: 43%;
    width: 100%;
    z-index: -2;
}

#splash-3 {
    left: 20%;
    position: absolute;
    top: 0%;
    width: 100%;
    z-index: -2;
}

.title-section {
    font-size: 34px;
    font-weight: 300;
    line-height: 1;
    margin: 0 0 20px;
    padding: 0;
    text-align: center;
    text-transform: none !important;
}
.description-section {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    margin: 0;
    padding: 0 3%;
    text-align: center;
}
.description-section::after {
    background: rgba(100, 100, 100, 0.4) none repeat scroll 0 0;
    content: "";
    display: block;
    height: 2px;
    margin: 30px auto 0;
    width: 20%;
}
.color {
    color: #e64c66;
    display: inline-block;
    font-weight: 600;
    padding-right: 4px;
    text-transform: uppercase;
}
blockquote {
    border-color: #e64c66;
}
.slider-small { font-size: 39px !important; }


.button {
    border: 2px solid #e64c66;
    border-radius: 3px;
    color: #e64c66;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
    padding: 9px 25px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    z-index: 1;
}
.button::after {
    border-radius: 3px;
    box-shadow: 0 0 0 2px #e64c66;
}
.button:hover {
    background: #e64c66 none repeat scroll 0 0;
    color: #fff;
}
.bg {
    background: #e64c66 none repeat scroll 0 0;
    color: #fff;
}
.bg:hover {
    border-color: #e64c66;
    color: #fff;
}
.button.button-large {
    font-size: 18px;
    padding: 16px 30px;
}
.button.button-small {
    font-size: 14px;
    padding: 8px 18px;
}
.button.button-mini {
    font-size: 12px;
    padding: 4px 12px;
}
.button.button-block {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
.button + .button {
    margin-left: 10px;
}
.no-padding {
    padding-left: 0;
    padding-right: 0;
}
.more {
    margin-top: 15px;
}
.set-bg, #t-features, #t-price, .skill-block, .team, .milestone-counter, #blog .posting, .post, .contact-inner {
    margin: 20px 0 0;
}
.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus, .navbar-default .navbar-nav > li > a:hover, .content-left:hover, .content-right:hover, #myTab .active a, #myTab li a:hover, #myTab li.active a::before, #myTab li .active a:hover::before, #myTab li a:hover::before, #myTab li.active a:hover::before, #myTab li.active a::before, .price-box-holder-1:hover a, .price-box-holder-2:hover a, .price-box-holder-3:hover a, .price-box-holder-1, .price-box-holder-3, .price-box-holder-1:hover, .price-box-holder-3:hover, .team .width, .team:hover .width, .team:hover .team-name, .team:hover .id, .id, .team:hover .details, .details, #filters ul li span, #filters ul li span:hover, #filters ul li span.active, .portfolio-block img, .portfolio-block:hover img, .hover img, .hover:hover img, .overlaycolor, .portfolio-block:hover .overlaycolor, .portfolio-block .block, .hover .block, .portfolio-block:hover .block, .hover .block, .hover:hover .block, .portfolio-block .get, .hover .get, .portfolio-block .get:hover, .hover .get:hover, .post-hover, .post-media img, .post-media:hover img, .team-social li a, .team-social li a:hover, .team-social li a::after, .team-social li a:hover::after, .portfolio-block .get::after, .hover .get::after, .portfolio-block .get:hover::after, .hover .get:hover::after, .contact-details h1, .contact-details h1:hover, .contact-details h1::after, .contact-details h1:hover::after, .post-title-icon::after, .post-title h3, .post-title h3:hover .post-title-icon::after, .post-title-icon, .post-title h3:hover .post-title-icon, .button, .button:hover, .button::after, .button:hover::after, .feature-list li, .feature-list li:hover, .feature-list li::after, .feature-list li:hover::after {
    transition: all 0.3s ease 0s;
}
.navbar-nav > li, .navbar-nav > li:hover, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-nav > li::before, .navbar-nav > li:hover::before, .dropdown-menu li a, .dropdown-menu li a:hover {
    transition-duration: 1s;
}
.facebook {
    background-color: #4a6d9d;
    color: #fff;
}
.twitter {
    background-color: #3bc1ed;
    color: #fff;
}
.dribbble {
    background-color: #ef5a92;
    color: #fff;
}
.linkedin {
    background-color: #0b7bb5;
    color: #fff;
}
.gplus {
    background-color: #d53824;
    color: #fff;
}
.stumbleupon {
    background-color: #eb4924;
    color: #fff;
}
.fivehundredpx {
    background-color: #444;
    color: #fff;
}
.pinterest {
    background-color: #cb1f25;
    color: #fff;
}
.forrst {
    background-color: #40833e;
    color: #fff;
}
.digg {
    background-color: #205685;
    color: #fff;
}
.spotify {
    background-color: #6ca405;
    color: #fff;
}
.reddit {
    background-color: #404040;
    color: #fff;
}
.appstore {
    background-color: #c0c0c0;
    color: #fff;
}
.blogger {
    background-color: #ff6501;
    color: #fff;
}
.evernote {
    background-color: #6bb130;
    color: #fff;
}
.flickr {
    background-color: #136dd5;
    color: #fff;
}
.rss {
    background-color: #fe8f00;
    color: #fff;
}
.youtube {
    background-color: #bf2f29;
    color: #fff;
}
.vimeo {
    background-color: #4c8ab0;
    color: #fff;
}
.xing {
    background-color: #036568;
    color: #fff;
}
.yahoo {
    background-color: #9251a2;
    color: #fff;
}
.amazon {
    background-color: #2f3842;
    color: #fff;
}
.steam {
    background-color: #383838;
    color: #fff;
}
.dropbox {
    background-color: #2c92dd;
    color: #fff;
}
.github {
    background-color: #5c7381;
    color: #fff;
}
.lastfm {
    background-color: #d21309;
    color: #fff;
}
.tumblr {
    background-color: #3d658d;
    color: #fff;
}
.wordpress {
    background-color: #383838;
    color: #fff;
}
.instagram {
    background-color: #3f6f94;
    color: #fff;
}
.parallax {
    display: table;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.parallax-content {
    overflow: hidden;
    position: relative;
    text-align: center;
    vertical-align: middle;
}
.overlay {
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url("../img/overlay/dots.png");
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.parallax-bg {
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    margin: 0 auto;
    position: absolute;
    width: 100%;
}
.content {
    display: table-cell;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}
.quote .parallax, .contact-detail {
    height: 450px;
}
#pall-home {
    background: #252525 url("../img/ana-slide.jpg") repeat fixed 0 0;
    z-index: -1;
}
#pall-contact {
    background: #252525 url("../img/city.jpg") repeat fixed 0 0;
    z-index: -1;
}
.contact-detail .overlay {
    background-color: rgba(0, 0, 0, 0);
}
section::before, section::after {
    content: "";
    pointer-events: none;
    position: absolute;
}
#home::after, #about::after, #skill::after, #blog::after, #contact::after {
    left: 90px;
}
#home::before {
    background-image: linear-gradient(45deg, #ecf0f1 50%, #fff 50%);
    left: 0;
    z-index: 99;
}
#about::before, #lastproject::before {
    background-image: linear-gradient(135deg, #fff 50%, #2b67af 50%);
    right: 0;
}
#skill::before, #team::before, #counter::before, #blog-date::before {
    background-image: linear-gradient(135deg, #2b67af 50%, #fff 50%);
    bottom: -90px;
    left: 0;
}
#skill::before {
    bottom: -90px;
    left: 0;
    z-index: 99;
}
#portfolio::before, #blog::before {
    background-image: linear-gradient(135deg, #fff 50%, #2b67af 50%);
    right: 0;
}
#contact::before {
    background-image: linear-gradient(135deg, #fff 50%, #ecf0f1 50%);
    right: 0;
    top: 310px;
}
#home::before {
    box-shadow: 5px -5px 6px rgba(0, 0, 0, 0.05);
}
#team::before, #skill::before, #counter::before, #blog-date::before {
    box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.05);
}
#about::before, #lastproject::before, #portfolio::before, #blog::before, #contact::before {
    box-shadow: -5px -5px 6px rgba(0, 0, 0, 0.05);
}
.logowidth { max-width: 376px; margin: 0 auto; }
#home {
    display: table;
    height: 100%;
    position: relative;
    margin-top: 104px;
    width: 100%;
}
#about, #lastproject, #portfolio, #blog, #contact {
    background: #ecf0f1 none repeat scroll 0 0;
    height: auto;
    padding: 0 0 60px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.tab-border {
    box-shadow: 0 -6px #1abc9c inset;
    margin: 80px 0 0;
}
.tab-border ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.tab-border li a {
    background: #fff none repeat scroll 0 0;
    color: #37393f;
    display: block;
    margin: 0;
    padding: 15px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}
.tab-border li.active a::after {
    box-shadow: 0 0 0 3px #2b67af;
    box-sizing: content-box;
    content: "";
    height: 100%;
    left: -5px;
    opacity: 1;
    padding: 5px;
    pointer-events: none;
    position: absolute;
    top: -5px;
    transform: scale(1);
    width: 100%;
    z-index: 1;
}
#myTab .active a, #myTab li a:hover {
    background: #2b67af none repeat scroll 0 0;
    color: #252525;
}
#myTab li.active a::before, #myTab li .active a:hover::before, #myTab li a:hover::before {
    color: #2b67af;
    content: "";
    font: 30px FontAwesome;
    left: 48.1%;
    position: absolute;
    top: -21px;
}
#myTab li.active a:hover::before, #myTab li.active a::before {
    top: -29px;
}
.content-left, .content-right {
    background: #fff none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    padding: 20px;
    position: relative;
}
.content-left:hover, .content-right:hover {
    background: #fff none repeat scroll 0 0;
}
.bgred {
    background: #e64c66 none repeat scroll 0 0;
}
.bgred2 {
    background: #c14359 none repeat scroll 0 0;
}
.bggreen {
    background: #2ecc71 none repeat scroll 0 0;
}
.bggreen2 {
    background: #27ae60 none repeat scroll 0 0;
}
.bgblue {
    background: #2b67af none repeat scroll 0 0;
}
.bgblue2 {
    background: #358ce2 none repeat scroll 0 0;
}
.bgred:hover {
    color: #e64c66;
}
.bgred2:hover {
    color: #c14359;
}
.bggreen:hover {
    color: #2ecc71;
}
.bggreen2:hover {
    color: #27ae60;
}
.bgblue:hover {
    color: #2b67af;
}
.bgblue2:hover {
    color: #358ce2;
}
.content-ico {
    float: right;
    font-size: 50px;
    height: 80px;
    line-height: 80px;
    margin-top: 20px;
    text-align: center;
    width: 80px;
}
.content-info {
    padding-right: 93px;
}
.content-info h3 {
    text-align: right;
}
.content-info p {
    line-height: 21px;
    text-align: right;
}
.content-right .content-ico {
    float: left;
}
.content-right .content-info {
    padding-left: 93px;
    padding-right: 0;
}
.content-right .content-info h3, .content-right .content-info p {
    text-align: left;
}
.content-right .sep-h {
    left: 44px;
}
.content-info h3 {
    margin: 0 0 10px;
    text-transform: uppercase;
}
.price-box-holder a:hover {
    background: #27ae60 none repeat scroll 0 0;
    color: #fff;
}
.exclusive a:hover {
    background: transparent none repeat scroll 0 0;
    color: #2b67af;
}
.price-box-holder, .price-box-holder.exclusive, .price-head, .exclusive .price-head, .price-head .tag, .exclusive .tag, .price-head .title, .exclusive .title, .price-head .price, .exclusive .price-head .price {
    transition: all 0.5s ease 0s;
}
.price-box-holder {
    height: auto;
    margin: 5% auto auto;
    position: relative;
    vertical-align: middle;
    width: 100%;
}
.price-box-holder.exclusive {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #2b67af #2b67af;
    border-image: none;
    border-radius: 3px;
    border-style: none solid solid;
    border-width: 0 4px 4px;
    margin-top: 0;
    position: relative;
}
.price-table-box {
    background: #fff none repeat scroll 0 0;
    height: auto;
}
.price-head {
    border-bottom: 4px solid #27ae60;
    display: block;
    padding: 20px 0 6px;
    text-align: center;
}
.exclusive .price-head {
    background: #2b67af none repeat scroll 0 0;
    border-bottom: 0 none;
    padding-top: 0;
}
.price-head .tag {
    background: #e64c66 none repeat scroll 0 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    color: #fff;
    display: none;
    font-size: 12px;
    line-height: 19px;
    padding: 5px 12px;
    text-transform: uppercase;
}
.exclusive .tag {
    display: inline-block;
}
.price-head .title {
    color: #27ae60;
    display: block;
    font-family: "Raleway";
    font-size: 34px;
    font-weight: 300;
    line-height: 48px;
    text-transform: uppercase;
}
.exclusive .title {
    color: #fff;
}
.exclusive .price-head .title {
    margin-top: 12px;
}
.price-head .price {
    color: #37393f;
    display: block;
    font-size: 42px;
    font-weight: bold;
    line-height: 51px;
    text-transform: uppercase;
}
.exclusive .price-head .price {
    margin-bottom: 1px;
}
.price-desc {
    display: block;
    padding: 22px 0;
    text-align: center;
}
.price-desc p {
    margin: 0;
    padding: 7px 0;
}
.price-link {
    border-top: 4px solid #27ae60;
    display: block;
    padding: 20px;
    text-align: center;
}
.exclusive .price-link {
    background: #ecf0f1 none repeat scroll 0 0;
    border: medium none;
    padding: 30px;
}
.price-button {
    border-radius: 5px;
    box-shadow: 0 0 0 3px #27ae60;
    color: #27ae60;
    display: inline-block;
    font-size: 20px;
    line-height: 30px;
    padding: 9px 23px;
    text-decoration: none;
}
.exclusive .price-button {
    background: #2b67af none repeat scroll 0 0;
    box-shadow: 0 0 0 3px #2b67af;
    color: #fff;
}
.set-bg {
    background-color: #fff;
    border-bottom: 10px solid #27ae60;
    padding: 30px;
    position: relative;
    text-align: center;
}
.set-circle {
    border: 4px solid #27ae60;
    color: #27ae60;
    display: inline-block;
    font-size: 42px;
    height: 140px;
    line-height: 125px;
    margin: 20px auto 0;
    position: relative;
    width: 140px;
}
.set-circle::before {
    background-color: #27ae60;
    border: 6px solid #fff;
    border-radius: 100%;
    bottom: -20px;
    content: "";
    height: 40px;
    left: 45px;
    position: absolute;
    width: 40px;
}
.blue, .blue .set-circle {
    border-color: #2b67af;
}
.blue .set-circle::before {
    background-color: #2b67af;
}
.red, .red .set-circle {
    border-color: #e64c66;
}
.red .set-circle::before {
    background-color: #e64c66;
}
.green, .green .set-circle {
    border-color: #27ae60;
}
.green .set-circle::before {
    background-color: #27ae60;
}

.ik, .ik .set-circle {
    border-color: #f4be00;
}
.ik .set-circle::before {
    background-color: #f4be00;
}


.form, .form .set-circle {
    border-color: #ea4a93;
}
.form .set-circle::before {
    background-color: #ea4a93;
}

.set-description { color: #37393f !important; }


.set-title {
    font-weight: 300;
    margin: 30px 0 20px;
}
#skill, #team, #counter, #blog-date {
    background: #2b67af none repeat scroll 0 0;
    color: #b6dbff;
    height: auto;
    padding: 0 0 4px;
    position: relative;
    width: 100%;
}
#skill a { color: #fff; font-style: italic; font-size: 14px; }
#home h1, #home h3, #home h4, #skill h1, #skill h3, #team h1, #team h3, #counter h1, #blog-date h1, #blog-date h3, .contact-details h3 {
    color: #fff;
}
#skill .description-section::after, #team .description-section::after, #counter .description-section::after, #blog-date .description-section::after {
    background: #b6dbff none repeat scroll 0 0;
}
.skill-block .chart {
    height: 200px;
    margin: 0 auto;
    position: relative;
    width: 200px;
}
.description a { color: #fff; }
.skill-block .chart canvas {
    left: 0;
    position: absolute;
    top: 0;
}
.skill-block .chart span {
    color: #ecf0f1;
    display: inline-block;
    font-family: "Open Sans";
    font-size: 46px;
    font-weight: 300;
    line-height: 200px;
}
.skill-block .chart span::after {
    content: "%";
    font-size: 46px;
    font-weight: 300;
    margin-left: 0.1em;
}
.quote {
    background: #e64c66 none repeat scroll 0 0;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
    z-index: 55;
}
#qt ul, #home-slide ul {
    list-style: outside none none;
    padding: 0;
    text-align: center !important;
}
#qt .pager, #home-slide .pager {
    margin: 0 auto;
    width: 105px;
}
#qt .pager a, #home-slide .pager a {
    background-repeat: repeat;
    border: 3px solid #2b67af;
    border-radius: 100%;
    cursor: pointer;
    display: block;
    float: left;
    height: 20px;
    margin: 10px 5px 0;
    outline: medium none;
    overflow: hidden;
    text-indent: -9999px;
    width: 20px;
}
#qt .pager a.selected, #home-slide .pager a.selected {
    background: #2b67af none repeat scroll 0 0;
}
.inner-quote {
    background: rgba(0, 0, 0, 0) url("../img/testimonials-block.png") no-repeat scroll center top;
    color: #fff;
    font-family: "Raleway";
    font-size: 24px;
    line-height: 1.5;
    padding: 33px 0 0;
    position: relative;
    text-transform: lowercase;
}
.inner-quote p {
    border-top: 1px solid;
    color: #ecf0f1;
    display: table;
    font-size: 17px;
    margin: 20px auto 0;
}
.inner {
    color: #fff;
    font-family: "Raleway";
    font-size: 24px;
    line-height: 34px;
    padding: 40px 0 10px;
    position: relative;
}
.inner h1 {
    font-size: 76px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}
.description::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    display: block;
    height: 2px;
    margin: 0 auto 25px;
    width: 20%;
}
.description {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    border-radius: 8px;
    margin: 130px 0 0;
    padding: 0;
    background-color:rgba(0, 0, 0, 0.3);
    text-align: center;
}
.dot {
    color: #fff;
    margin: 0 10px;
    opacity: 0.9;
}
#lastproject {
    padding: 0;
}
.flexslider {
    margin: 0;
}
.flex-viewport {
    z-index: 1;
}
.slides {
    padding: 0;
}
.features .prev-arrow, .features .next-arrow {
    display: none;
}
.prev-arrow {
    background: rgba(0, 0, 0, 0) url("../img/left.png") no-repeat scroll center center;
    cursor: pointer;
    height: 38px;
    left: 0;
    position: absolute;
    top: 0;
    width: 16px;
    z-index: 2;
}
.next-arrow {
    background: rgba(0, 0, 0, 0) url("../img/right.png") no-repeat scroll center center;
    cursor: pointer;
    height: 38px;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
    z-index: 2;
}
.feature-list {
    margin: 0;
    padding: 0;
    text-align: center;
}
.feature-list li {
    border: 2px solid #2b67af;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    margin: 20px 20px 40px;
    padding: 10px;
    position: relative;
    width: 150px;
}
.feature-list li:hover {
    background: #2b67af none repeat scroll 0 0;
}
.feature-list li::after {
    border-radius: 5px;
    box-shadow: 0 0 0 2px #2b67af;
}
.features {
    position: relative;
}
.flex-feature {
    position: relative;
    text-align: center;
}
.feature-list li.active {
    background-color: transparent;
    box-shadow: 0 -120px #2b67af inset;
    transition: all 2s ease-in-out 0s;
}
.team {
    border-bottom: 10px solid #e64c66;
}
.team:hover .width {
    filter: grayscale(100%);
}
.width {
    filter: grayscale(0%);
    width: 100%;
}
.img-team {
    display: block;
    overflow: hidden;
    position: relative;
}
.id {
    bottom: 0;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: auto;
    width: 100%;
}
.id small {
    color: #ecf0f1;
    font-size: 13px;
    text-shadow: 1px 1px 9px #000;
}
.details {
    background-color: rgba(230, 76, 102, 0.5);
    color: #fff;
    height: 100%;
    line-height: 1.3em;
    opacity: 0;
    padding: 40px 20px 9px;
    position: absolute;
    text-align: center;
    top: 0;
}
.details p {
    margin: 10px 0;
}
.team:hover .details {
    opacity: 1;
}
.team:hover .id {
    background: #e64c66 none repeat scroll 0 0;
}
.team:hover .team-name {
    color: #fff;
}
.team-name {
    color: #e64c66;
    font-family: "Roboto";
    font-size: 18px;
    margin: 0;
    text-shadow: 1px 1px 9px #000;
    text-transform: uppercase;
}
#panel-detail1, #panel-detail2, #panel-detail3, #panel-detail4 {
    display: none;
    overflow: hidden;
    position: relative;
}
.dl-horizontal dt {
    font-weight: 400;
    width: 40%;
}
.dl-horizontal dd {
    margin-left: 45%;
    width: 50%;
}
.dl-horizontal {
    background: #861a2c none repeat scroll 0 0;
    border-bottom: 4px solid #2b67af;
    margin: 0;
    padding: 10px 20px 15px 10px;
}
.mini-info {
    overflow: hidden;
    transition: all 0.5s ease 0s;
}
.skill {
    background-color: #e64c66;
    height: 10px;
    margin-top: 12px;
}
.skill-5 {
    width: 100%;
}
.skill-4 {
    width: 80%;
}
.skill-3 {
    width: 60%;
}
.skill-2 {
    width: 40%;
}
.skill-1 {
    width: 20%;
}
.team-social {
    background: #861a2c none repeat scroll 0 0;
    padding: 20px 0;
}
.team-social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
    width: 100%;
}
.team-social li {
    display: inline-block;
}
.team-social li a {
    display: block;
    font-size: 22px;
    height: 40px;
    line-height: 40px;
    margin: 0 5px;
    opacity: 1;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 40px;
}
.team-social li a::after {
    box-shadow: 0 0 0 2px #fff;
}
.portfolio-block .get::after, .hover .get::after {
    border-radius: 50%;
    box-shadow: 0 0 0 3px #2b67af;
}
.portfolio-block .get, .hover .get {
    position: relative;
}
.feature-list li::after, .button::after, .team-social li a::after, .portfolio-block .get::after, .hover .get::after {
    box-sizing: content-box;
    content: "";
    height: 100%;
    left: -5px;
    opacity: 0;
    padding: 5px;
    pointer-events: none;
    position: absolute;
    top: -5px;
    transform: scale(0.8);
    width: 100%;
}
.feature-list li:hover::after, .button:hover::after, #blog .posting.hover-active .get::after, .team-social li a:hover::after, .portfolio-block .get:hover::after, .hover .get:hover::after {
    opacity: 1;
    transform: scale(1);
}
.team-social li a:hover {
    background: #fff none repeat scroll 0 0;
    color: #e64c66;
    opacity: 1;
}
.team-icon {
    border: 1px solid #27ae60;
    border-radius: 50%;
    bottom: 22px;
    color: #27ae60;
    font-size: 20px;
    height: 40px;
    left: 10px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    width: 40px;
}
#filters {
    margin: 20px 0 60px;
}
#filters ul {
    border: 2px solid #2b67af;
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
#filters ul li {
    border-left: 2px solid #2b67af;
    border-right: 2px solid #2b67af;
    display: inline-flex;
    margin: 0 10px;
}
#filters ul li span {
    background: transparent none repeat scroll 0 0;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-weight: 400;
    line-height: 20px;
    padding: 12px 17px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
}
#filters ul li span:hover, #filters ul li span.active {
    background: #2b67af none repeat scroll 0 0;
    color: #ecf0f1;
}
#filters ul li i {
    font-size: 17px;
    margin-right: 10px;
    vertical-align: middle;
}
.portfolio-block {
    display: none;
    float: left;
    overflow: hidden;
    width: 33.3333%;
}
.portfolio-wrapper {
    overflow: hidden;
    position: relative !important;
}
.portfolio-block a, .portfolio-block a:hover {
    color: #383838;
}
.portfolio-block img {
    max-width: 100%;
}
.overlaycolor {
    background: #000 none repeat scroll 0 0;
    bottom: 10px;
    left: 10px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    transform: scale(0.5);
    z-index: 0;
}
#blog .posting.hover-active img, .portfolio-block:hover img, .hover:hover img {
    transform: scale(1.1);
}
#blog .posting.hover-active .overlaycolor, .portfolio-block:hover .overlaycolor, .hover:hover .overlaycolor {
    opacity: 0.8;
    transform: scale(1);
}
.portfolio-block .block, .hover .block {
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    transform: scale(0.5);
    width: 100%;
}
#blog .posting.hover-active .block, .portfolio-block:hover .block, .blog-post:hover .block, .hover:hover .block {
    bottom: 0;
    opacity: 1;
    transform: scale(1);
}
.portfolio-block .get, .hover .get {
    border-radius: 100%;
    box-shadow: 0 0 0 3px #2b67af;
    color: #2b67af;
    font-size: 30px;
    height: 80px;
    line-height: 80px;
    margin-bottom: 20px;
    width: 80px;
}
#blog .posting.hover-active .get, .portfolio-block .get:hover, .hover .get:hover {
    background: #2b67af none repeat scroll 0 0;
    box-shadow: none;
    color: #252525;
}
.portfolio-block .text, .hover .text {
    display: table;
    height: 100%;
    width: 100%;
}
.portfolio-block .inner, .hover .inner {
    display: table-cell;
    padding: 0 1.66667rem;
    vertical-align: middle;
}
.portfolio-block .title {
    color: #2b67af;
    margin: 0;
}
.portfolio-block .category {
    color: #ecf0f1;
    display: block;
    font-size: 17px;
}
.fa-ul {
    margin: 20px 2.14286em;
}
.milestone-counter {
    background: #ecf0f1 none repeat scroll 0 0;
    border-bottom: 10px solid #e64c66;
    display: block;
    padding: 20px 0;
    z-index: 2;
}
.milestone-count {
    font-size: 80px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
    margin-bottom: 20px;
    padding: 0;
    position: relative;
    text-transform: uppercase;
}
.highlight {
    color: #e64c66;
}
.max-width {
    width: 100%;
}
.dates {
    background: #2b67af none repeat scroll 0 0;
    color: #fff;
    font-size: 18px;
    font-weight: 900;
    line-height: 25px;
    padding: 15px 20px 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    z-index: 1;
}
.dates ul {
    list-style: outside none none;
    padding: 0;
}
#blog .posting.hover-active .get:hover::after {
    opacity: 0;
    transform: scale(1.2);
}
.page-banner {
    background: #2b67af url("../img/banner.png") no-repeat scroll 0 0;
    margin-top: 108px !important;
    overflow: hidden;
    padding: 10px 0;
    float: left;
    font-weight: bold;
    width: 100%;
}
.page-banner h3 {
    color: #fff;
    float: left;
    font-weight: bold;
    line-height: 38px;
    margin: 0;
}
.single-pagination {
    float: right;
    list-style: outside none none;
    margin-bottom: 0;
}
.single-pagination li {
    float: left;
    margin: 0;
    padding: 0;
}
.single-pagination li:last-child {
    margin-right: 0;
}
.single-pagination li a {
    background: #e64c66 url("../img/sprites.png") no-repeat scroll 0 -60px;
    display: block;
    height: 40px;
    text-indent: -9999px;
    width: 40px;
}
.single-pagination li.prev a {
    background-position: -40px -60px;
}
.single-pagination li.close a {
    background-position: -240px -60px;
}
#blog-page {
    background: #ecf0f1 none repeat scroll 0 0;
    padding: 80px 0;
    position: relative;
    width: 100%;
}
#blog-page .width {
    filter: grayscale(0%);
    width: 100%;
}
.blog-post {
    display: inline-block;
    margin-bottom: 40px;
}
.last {
    margin-bottom: 0;
}
.blog-post h3 {
    margin-top: 0;
}
.blog-post h3 a {
    color: #27ae60;
}
.blog-wrapper {
    overflow: hidden;
    position: relative !important;
}
.border {
    display: block;
    line-height: 43px;
    text-transform: none;
    vertical-align: middle;
    font-size: 20px;
    margin-top: 0px;
}
.border::after {
    background: #989898 none repeat scroll 0 0;
    border-left: 150px solid #e64c66;
    content: "";
    display: block;
    height: 3px;
    margin: -3px 0 20px;
    width: 100%;
}
.embeddedvideo {
    height: 100%;
    overflow: hidden;
    padding-bottom: 54.33%;
    padding-top: 15px;
    position: relative;
}
.embeddedvideo {
    padding-top: 0;
}
.embeddedvideo iframe {
    border: 0 none;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#slidecontrol-prev, #slidecontrol-next {
    background-color: #e64c66;
    background-image: url("../img/slider-right-arrow.png");
    background-position: 55% 50%;
    background-repeat: no-repeat;
    bottom: 50%;
    cursor: pointer;
    height: 70px;
    margin-bottom: -35px;
    opacity: 0;
    top: auto;
    width: 49px;
    z-index: 100;
}
#slidecontrol-prev {
    background-image: url("../img/slider-left-arrow.png");
    background-position: 45% 50%;
}
.blog-wrapper:hover #slidecontrol-prev, .blog-wrapper:hover #slidecontrol-next {
    opacity: 1;
}
.blog-tags {
    background: #fff none repeat scroll 0 0;
    margin: 20px 0;
    overflow: hidden;
    padding: 0;
}
.blog-tags li:first-child {
    margin-left: 0;
}
.blog-tags li {
    border: 3px solid #fff;
    color: #fff;
    display: inline-block;
    padding: 10px;
    text-decoration: none;
}
.blog-tags li:hover {
    border-color: #2b67af;
    box-shadow: 0 -120px #2b67af inset;
    color: #fff;
    transition: all 2s ease-in-out 0s;
}
.blog-tags a, .blog-tags .date, .commentlists .comment-body .comment-meta .reply a {
    color: #e64c66;
}
.blog-tags li:hover a, .blog-tags li:hover i {
    color: #fff;
    transition: all 2s ease-in-out 0s;
}
.blog-tags li a i {
    color: #e64c66;
    margin-right: 10px;
    vertical-align: middle;
}
.search-widget {
    margin-bottom: 30px;
}
#searchform {
    position: relative;
}
#searchform input[type="submit"] {
    background: #fff url("images/search.html") no-repeat scroll center center;
    border: medium none;
    height: 32px;
    opacity: 0.6;
    position: absolute;
    right: 6px;
    top: 34px;
    width: 32px;
}
.search-widget input[type="search"], #searchform input[type="text"] {
    background: transparent none repeat scroll 0 0;
    border: 3px solid #989898;
    color: #e64c66;
    outline: medium none;
    padding: 15px 20px;
    width: 100%;
}
.search-widget input[type="search"]:focus, #searchform input[type="text"]:focus {
    border-color: #e64c66;
}
.search-widget button {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    float: right;
    margin-right: 15px;
    margin-top: -65px;
    position: relative;
    z-index: 2;
}
.search-widget button i {
    color: #e64c66;
    font-size: 18px;
}
.commentlists {
    display: inline-block;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.commentlists ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.commentlists li {
    margin: 0;
    padding: 20px 0 0;
}
.commentlists li::before, .commentlists li::after {
    content: "";
    display: table;
    line-height: 0;
}
.commentlists li::after {
    clear: both;
}
.commentlists li:first-child {
    padding-top: 20px;
}
.commentlists .comment-children {
    margin-left: 34px;
    padding: 3px 0 0 2px;
    position: relative;
}
.image-polaroid .img-circle {
    border: 3px solid #e64c66;
    width: 100%;
}
.commentlists .comment-children li:hover .img-circle {
    border: 3px solid #2b67af;
}
.commentlists .comment-children li {
    padding-left: 65px;
}
.meta-name a {
    color: #e64c66;
}
.commentlists .comment-author {
    float: left;
    height: 70px;
    margin: 0 20px 0 0;
    width: 70px;
}
.commentlists .comment-body {
    border: 3px solid #989898;
    border-radius: 5px;
    margin-left: 100px;
    padding: 20px;
    position: relative;
}
.commentlists .comment-body::before, li.right::before {
    border-bottom: 10px solid transparent;
    border-right: 15px solid #989898;
    border-top: 10px solid transparent;
    content: "";
    height: 0;
    left: -15px;
    position: absolute;
    top: 21px;
    transition: border-color 300ms ease 0s;
    width: 0;
}
.comment-body:hover {
    border-color: #2b67af;
}
.comment-body:hover::before, .right:hover::before {
    border-right: 15px solid #2b67af;
}
.comment-body:hover .meta-name a, .comment-body:hover .reply a {
    color: #2b67af !important;
}
.commentlists .comment-body .comment-meta {
    margin-bottom: 9px;
}
.commentlists .comment-body .comment-meta .reply {
    float: right;
}
.commentlists .comment-body .comment-meta .reply a {
    font-style: italic;
}
.commentlists .comment-body .comment-meta .meta-name {
    font-weight: bold;
}
.commentlists .comment-body .comment-meta .meta-date {
    color: #999999;
    font-size: 12px;
    font-style: italic;
}
.comment-title {
    margin: 0 0 20px;
}
.comment-title::after {
    background: #989898 none repeat scroll 0 0;
    border-left: 150px solid #e64c66;
    content: "";
    display: block;
    height: 3px;
    margin: 15px 0 40px;
    width: 100%;
}
.contact-details {
    color: #ecf0f1;
    margin: 0 auto 10px;
    padding: 5px 0;
    text-align: center;
}
.contact-details h1 {
    background: #e64c66 none repeat scroll 0 0;
    color: #fff;
    font-family: "Open Sans";
    font-size: 60px;
    font-weight: 300;
    line-height: 30px;
    padding: 20px 0;
    position: relative;
    text-transform: uppercase;
}
.contact-details h1:hover {
    background: transparent none repeat scroll 0 0;
    box-shadow: 0 0 0 3px #e64c66;
    color: #e64c66;
}
.contact-details h1::after {
    box-shadow: 0 0 0 3px #e64c66;
    box-sizing: content-box;
    content: "";
    height: 100%;
    left: -5px;
    padding: 5px;
    pointer-events: none;
    position: absolute;
    top: -5px;
    transform: scale(1);
    width: 100%;
}
.contact-details h1:hover::after {
    box-shadow: none;
}
.contact-details h2 {
    color: #e64c66;
}
.post {
    border-bottom: 2px solid rgba(255, 255, 255, 0.4);
    float: left;
    padding-bottom: 20px;
}
.post:hover {
    border-color: #c14359;
}
.post-media {
    height: 270px;
    margin: 0 0 20px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 1;
}
.post-media:hover img {
    transform: scale(2.07);
}
.post-media > img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: 100%;
}
.post-media:hover .post-hover {
    opacity: 0.8;
    transform: scale(1);
}
.post-hover {
    background: #e64c66 url("../img/plus.png") no-repeat scroll center center;
    bottom: 10px;
    left: 10px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    transform: scale(0.5);
}
.post-hover a {
    color: #252525;
    display: block;
    height: 100%;
    line-height: 270px;
    text-align: center;
    width: 100%;
}
.post-title h3 {
    display: block;
    height: 56px;
    line-height: 28px;
    margin: 0;
    overflow: hidden;
    text-transform: uppercase;
    vertical-align: middle;
}
.post-title-icon {
    background-color: #fff;
    background-image: url("../img/slidericon.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 26px auto;
    color: #ecf0f1;
    display: block;
    float: left;
    font-size: 18px;
    font-weight: normal;
    height: 40px;
    line-height: 40px;
    margin: 0 10px 0 0;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 40px;
    z-index: 1;
}
.post-title-icon::after {
    box-sizing: content-box;
    content: "";
    height: 100%;
    left: -5px;
    opacity: 0;
    padding: 5px;
    pointer-events: none;
    position: absolute;
    top: -5px;
    transform: scale(1);
    width: 100%;
}
.post-title h3:hover .post-title-icon::after {
    box-shadow: 0 0 0 3px #e64c66;
    opacity: 1;
}
.post-title h3:hover .post-title-icon {
    transform: scale(0.8);
}
.post-info {
    background: #e64c66 none repeat scroll 0 0;
    margin: 20px 0 10px;
    padding: 0 10px;
}
.post-info a {
    color: #fff;
    font-size: 14px;
}
.post-info > div {
    float: left;
    margin: 0 10px 0 0;
}
.post-excerpt::after {
    background: #e64c66 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 2px;
    margin: 0 auto;
}
.post-info i {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
}
.post-info p {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    margin: 0;
    vertical-align: top;
}
.post-container .post-excerpt p {
    line-height: 18px;
}
.stylish-button {
    background-color: #e64c66;
    border: 0 none;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: right;
    height: 33px;
    padding: 0;
    transition: all 0.4s ease 0s;
}
.stylish-button a {
    border: 0 none;
    color: #fff;
    display: block;
    font-size: 13px;
    line-height: 33px;
    margin: 0;
    padding: 0 17px;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
    vertical-align: baseline;
}
.stylish-button:hover a {
    color: #252525;
}
#contact {
    padding: 0 0 15px;
    background-color: #fff;
}
#altsayfa {
    padding: 0 0 15px;
    background-color: #fff;

    float: left;
    width: 100%;
    font-size: 14px;
    color:#666;
    min-height: 500px;
}
.navbar { border-bottom: 4px solid #ebebeb !important; }
#map {
    height: 400px;
    margin: 0;
    text-align: center;
    width: 100%;
}
#map.height {
    height: 600px;
}
.contact-title {
    border-bottom: 1px solid #eee;
    font-size: 22px;
    margin: 0 0 15px;
    padding-bottom: 15px;
}
h3.ui-accordion-header {
    color: #ecf0f1;
    cursor: pointer;
    margin: 0;
}
h3.ui-accordion-header:first-child {
    margin: 0;
}
#toggle-view {
    list-style: outside none none;
    margin: 0 0 20px;
    padding: 0;
}
#toggle-view .panel {
background-color: #fff;
    border-radius: 0;
    display: none;
    margin-bottom: 0;
    margin-left: 50px;
    padding: 0;
}
.ui-accordion-header {
    background-color: #989898;
    font-family: "Roboto",sans-serif,Times,serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 49px;
    margin: 0;
}
.ui-accordion-content p {
    color: #ecf0f1;
    margin: 0;
    padding-bottom: 12px;
    padding-top: 0;
}
.ui-accordion-content p:last-child {
    padding-bottom: 0;
}
.ui-accordion-content {
    background-color: #b8bcc1;
    display: none;
    margin-left: 39px;
    padding: 15px;
}
.ui-accordion-header a {
    color: #ecf0f1;
}
.ui-accordion-header:hover a {
    color: #ffea00;
}
.ui-accordion-header-active a {
    color: #ffea00;
}
.ui-accordion-header span {
    background-color: #e64c66;
    color: #fff;
    float: left;
    height: 49px;
    line-height: 49px;
    margin-right: 20px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 48px;
}
.ui-accordion-header:hover span {
    background-color: #2b67af;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all 0.3s ease 0s;
}
.ui-accordion-header-active.panel {
    display: block;
}
.ui-accordion-header-active span {
    background-color: #2b67af;
}
.glyphicons {
    color: #989898;
    font-size: 21px;
    padding: 12px;
    pointer-events: none;
    position: absolute;
    right: 20px;
}
.panel-inner .fa {
    float: left;
}
.text-accordion {
    padding-top: 15px;
}
.con {
    background: transparent none repeat scroll 0 0;
    padding: 13px 0;
}
.comment-form {
    margin: 40px 0 0;
}
#filters ul, button, input, select[multiple], textarea {
    border-radius: 5px;
}
.anasayfa-form input:focus .glyphicons {
    color: #ecf0f1;
}
.anasayfa-form input, .anasayfa-form textarea {
    background: transparent none repeat scroll 0 0;
    border: 2px solid #eee;
    color: #989898;
    display: block;
    font-size: 16px;
    margin-bottom: 20px;
    padding: 10px;
    width: 100%;
}
.anasayfa-form textarea {
    height: 136px !important;
    resize: vertical;
}
.anasayfa-form input:focus, .anasayfa-form textarea:focus, .anasayfa-form label:active + input, .anasayfa-form label:active + textarea {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #666;
    color: #252525;
    outline: medium none;
}
input[type="submit"] {
    background: #e64c66 none repeat scroll 0 0;
    border-color: #e64c66;
    color: #fff;
}
input[type="submit"] {
    margin: 0;
}
.widget-newsletter .anasayfa-form {
    margin: 10px 0 0;
}
.widget-newsletter .anasayfa-form input {
    margin-bottom: 10px;
    padding: 5px 10px;
}
.widget-newsletter .glyphicons {
    line-height: 18px !important;
    right: 28px;
}
.footer {
    background: #2f3133 none repeat scroll 0 0;
    padding: 40px 0 0;
}
.footer a {
    color: #aaa;
}
.footer a:hover {
    color: #ecf0f1;
    outline: 0 none;
}
.widget {
    margin-bottom: 40px;
}
.widget h3 {
    color: #e64c66;
}
.widget ul, .widget p {
    list-style: outside none none;
    margin: 20px 0 0;
    padding: 0;
}
.widget-recent-post li {
    border-bottom: 1px solid rgba(100, 100, 100, 0.4);
    margin-bottom: 5px;
    padding-bottom: 7px;
}
.widget-tags li {
    display: inline-block;
    margin: 5px 4px 8px 0;
}
.widget-tags li a {
    background: #e64c66 none repeat scroll 0 0;
    border-radius: 1px;
    color: #ecf0f1;
    margin-bottom: 5px;
    padding: 5px 8px;
    text-decoration: none;
}
.widget-tags li a:hover {
    background: #2b67af none repeat scroll 0 0;
}
.widget-address p {
    margin: 0 0 10px 35px;
}
.footer .fa {
    color: #e64c66;
    float: left;
    font-size: 15px;
    line-height: 25px;
    text-align: center;
    width: 30px;
}
.footer span {
    display: inline-block;
    font-weight: bold;
    width: 20px;
}
.subfooter p {
    margin: 0 0 18px;
    color: #fff;
    font-size: 14px;
}
.subfooter a {
    margin: 0 0 18px;
    color: #fff;
    font-size: 14px;
}
.subfooter {
    background: #2b67af none repeat scroll 0 0;
    padding: 40px 0 0;
}
.subfooter .team-social li a {
    margin: 0 5px;
}
.subfooter .con {
    padding: 13px 0 0;
}
.top {
    background-color: #e64c66;
    background-image: url("../img/arrow.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: 0;
    bottom: -100px;
    cursor: pointer;
    height: 40px;
    overflow: auto;
    position: fixed;
    right: 25px;
    text-indent: -99999px;
    transition: all 0.7s ease-in-out 0s;
    width: 40px;
    z-index: 8888;
}
#error {
    background: #ecf0f1 none repeat scroll 0 0;
    height: auto;
    padding: 120px 0 115px;
    position: relative;
    width: 100%;
}
.oops {
    font-size: 125px;
    font-weight: 300;
}
:-moz-placeholder {
    color: #989898;
}
*::-moz-placeholder {
    color: #989898;
}
@media (max-width: 980px) {
.navbar-default .navbar-brand {
    padding: 0 0 0 20px;
}
.navbar-nav > li:hover ul.dropdown-menu {
    display: none;
}
ul.dropdown-menu {
    background: transparent none repeat scroll 0 0;
    box-shadow: none;
    display: none;
    float: none;
    margin: 0 !important;
    position: relative;
    width: 100%;
}
.dropdown-menu li a {
    background: transparent none repeat scroll 0 0;
    border-radius: 0;
    font-size: 13px;
    font-weight: 900;
    line-height: 20px;
    margin: 3px 0;
    padding: 5px 12px;
    text-transform: none;
}
.navbar-nav > li::before {
    display: none;
}
ul.navbar-nav {
    display: block;
}
ul.navbar-nav {
    float: none;
}
.logo {
    float: left!important;
    padding-bottom: 9px !important;
    padding-top: 9px !important;
}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    line-height: 20px;
    padding: 5px 20px;
    text-align: left;
}
.navbar-default .navbar-nav > li > a::before {
    display: none;
}
.portfolio-block {
    width: 50%;
}
}
@media (max-width: 991px) {
#filters ul li span {
    font-size: 13px;
    padding: 10px;
}
.blog-wrapper {
    margin-bottom: 20px;
}
.portfolio-block {
    width: 50%;
}
.description { display: none; }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.navbar-default .navbar-collapse, .navbar-default .navbar-form, .navbar-default .navbar-toggle {
    border-color: #252525 !important;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background: transparent none repeat scroll 0 0 !important;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #252525 !important;
}
.navbar-default .navbar-brand {
    padding: 0 0 0 20px;
}
.navbar-nav > li:hover ul.dropdown-menu {
    display: none;
}
ul.dropdown-menu {
    background: transparent none repeat scroll 0 0;
    box-shadow: none;
    display: none;
    float: none;
    margin: 0 !important;
    position: relative;
    width: 100%;
}
.dropdown-menu li a {
    background: transparent none repeat scroll 0 0;
    border-radius: 0;
    font-size: 13px;
    font-weight: 900;
    line-height: 20px;
    margin: 3px 0;
    padding: 5px 12px;
    text-transform: none;
}
.portfolio-block .title, .navbar-default .navbar-nav > li > a {
    border: medium none !important;
}
.description-section {
    padding: 0 !important;
}
.portfolio-block {
    width: 50% !important;
}
#blog .posting {
    margin: 40px 0 0;
}
#blog-date .post {
    border: medium none;
}
.subfooter .team-social li a {
    margin: 5px !important;
}
}
@media (max-width: 767px) {
.navbar-default .navbar-collapse, .navbar-default .navbar-form, .navbar-default .navbar-toggle {
    border-color: #2b67af !important;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background: transparent none repeat scroll 0 0 !important;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #2b67af !important;
}
.navbar-default .navbar-brand {
    padding: 0 0 0 20px;
}
#search-form form {
    display: none !important;
}
ul.dropdown-menu {
    background: transparent none repeat scroll 0 0;
    box-shadow: none;
    display: none;
    float: none;
    margin: 0 !important;
    position: relative;
    width: 100%;
}
.dropdown-menu li a {
    background: transparent none repeat scroll 0 0;
    border-radius: 0;
    font-size: 13px;
    font-weight: 900;
    line-height: 20px;
    margin: 3px 0;
    padding: 5px 12px;
    text-transform: none;
}
.portfolio-block .title, .navbar-default .navbar-nav > li > a {
    border: medium none !important;
}
.description-section {
    padding: 0;
}
#filters ul li {
    border: medium none;
    margin: 0;
}
.portfolio-block {
    width: 100%;
}
.blog-wrapper {
    margin-bottom: 20px;
    width: 100%;
}
.content {
    padding: 80px 0;
}
#blog .posting {
    margin: 40px 0 0;
}
#blog-date .post {
    border: medium none;
}
.subfooter .team-social li a {
    margin: 5px;
}
}
@media (max-width: 480px) {
.navbar-default .navbar-collapse, .navbar-default .navbar-form, .navbar-default .navbar-toggle {
    border-color: #252525 !important;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background: transparent none repeat scroll 0 0 !important;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #252525 !important;
}
.navbar-default .navbar-brand {
    padding: 0 0 0 20px;
}
#search-form form {
    display: none !important;
}
ul.dropdown-menu {
    background: transparent none repeat scroll 0 0;
    box-shadow: none;
    display: none;
    float: none;
    margin: 0 !important;
    position: relative;
    width: 100%;
}
.dropdown-menu li a {
    background: transparent none repeat scroll 0 0;
    border-radius: 0;
    font-size: 13px;
    font-weight: 900;
    line-height: 20px;
    margin: 3px 0;
    padding: 5px 12px;
    text-transform: none;
}
.portfolio-block .title, .navbar-default .navbar-nav > li > a {
    border: medium none !important;
}
.fullwidthbanner-container {
    display: none;
}
.portfolio-block {
    width: 100%;
}
.description-section {
    padding: 0;
}
.content {
    padding: 80px 0;
}
#blog .posting {
    margin: 40px 0 0;
}
#blog-date .post {
    border: medium none;
}
.subfooter .team-social li a {
    margin: 5px;
}
}
.loader {
    background: #fff none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
.spinner {
    font-size: 10px;
    height: 60px;
    margin: 100px auto;
    text-align: center;
    width: 60px;
}
.spinner > div {
    animation: 1.1s ease-in-out 0s normal none infinite running stretchdelay;
    background-color: #2ecc71;
    display: inline-block;
    height: 100%;
    width: 7px;
}
.spinner .rect2 {
    animation-delay: -1s;
    background-color: #2b67af;
}
.spinner .rect3 {
    animation-delay: -0.9s;
    background-color: #9b59b6;
}
.spinner .rect4 {
    animation-delay: -0.8s;
    background-color: #e67e22;
}
.spinner .rect5 {
    animation-delay: -0.7s;
    background-color: #c0392b;
}
.spinner .rect6 {
    animation-delay: -0.6s;
    background-color: #e74c8c;
}
@keyframes stretchdelay {
0%, 40%, 100% {
    transform: scaleY(0.4);
}
20% {
    transform: scaleY(1);
}
}
@keyframes stretchdelay {
0%, 40%, 100% {
    transform: scaleY(0.4);
}
20% {
    transform: scaleY(1);
}
}

.text-left { text-align: left !important; }
.text-right { text-align: right !important; }




@media (max-width: 1200px) {
.navbar-default .navbar-nav > li > a {
    padding: 40px 9px !important;
}
}
@media (max-width: 450px) {

.navbar-default .navbar-brand { width: 70% !important; }
.logo img { width: 96%; }


}
@media (max-width: 990px) {
.navbar-collapse {

max-height: auto !important;
margin-top: 120px !important;

}
.slider-small { font-size: 26px !important; }

.navbar-default .navbar-nav > li > a {
    padding: 7px 9px !important;
}
}
.alt { overflow: hidden; }



#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu {
  width: 100%;
  font-family: Raleway, sans-serif;
  color: #ffffff;
}
#cssmenu ul ul {
  display: none;
}
#cssmenu > ul > li.active > ul {
  display: block;
}
.align-right {
  float: right;
}
#cssmenu > ul > li > a {
background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #eee;
    color: #666;
    cursor: pointer;
    font-size: 14px;
    padding: 11px 12px;
    text-decoration: none;
    z-index: 2;
  -webkit-transition: color .1s ease;
  -o-transition: color .1s ease;
  transition: color .1s ease;
}
#cssmenu > ul > li > a:hover {
  color: #fff;
  background-color: #e64c66;
}
#cssmenu ul > li.has-sub > a:after {
  position: absolute;
  right: 26px;
  top: 19px;
  z-index: 5;
  display: block;
  height: 10px;
  width: 2px;
  background: #ffffff;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#cssmenu ul > li.has-sub > a:before {
  position: absolute;
  right: 22px;
  top: 23px;
  display: block;
  width: 10px;
  height: 2px;
  background: #ffffff;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#cssmenu ul > li.has-sub.open > a:after,
#cssmenu ul > li.has-sub.open > a:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#cssmenu ul ul li a {
  padding: 14px 22px;
  cursor: pointer;
  z-index: 2;
  font-size: 14px;
  text-decoration: none;
  color: #dddddd;
  background: #49505a;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu ul ul ul li a {
  padding-left: 32px;
}
#cssmenu ul ul li a:hover {
  color: #ffffff;
}
#cssmenu ul ul > li.has-sub > a:after {
  top: 16px;
  right: 26px;
  background: #dddddd;
}
#cssmenu ul ul > li.has-sub > a:before {
  top: 20px;
  background: #dddddd;
}

.border-left { border-left: 1px solid #f4f4f4; }

.sayfa-gorsel { float: right; width: 220px; padding: 2px; margin-left: 10px; border:1px solid #eee; border-radius: 4px; }





.iller { list-style: none;}
.iller li a {padding: 3px 0px; border-bottom: 1px solid #236cab; color: #fff; float: left;width: 100%; font-size:13px; }