* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
    font-size: 12px;
    line-height: 20px;
    font-family: arial, sans-serif;
    color: #9c9c9c;
    background: url(images/body.png) repeat 0 0; 
    min-width: 920px;
}

a { color: #0252aa; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

article, aside, details, footer, header, menu, nav, section { display: block; }
input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

input:not([type]), input[type="color"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"], input[type="search"], textarea, .form-control, select {
	border-radius: 0 0 0 0;
    box-shadow: none;
    display: block;
    font-weight: normal;
    line-height: 1.2;
    outline: medium none;
    transition: border-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
    width: 100%;
}


.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

h2 { font-size: 26px; line-height: 34px; color: #fff; font-family: georgia, arial, helvetica, serif; font-style: italic; }
h3 { font-size: 22px; line-height: 32px; color: #747474; font-family: georgia, arial, helvetica, serif; font-weight: normal; font-style: italic; }
h4 { font-size: 19px; line-height: 20px; color: #fff; font-family: georgia, arial, helvetica, serif; font-weight: normal; }
.shell { width: 920px; margin: 0 auto; }

header { background-color: #242424; border-bottom: 1px solid #006e86; height: 90px; }
header .shell { position: relative; }
#logo { width: 324px; position: absolute; top: 36px; left: 0; font-size: 0; line-height: 0; }
#logo a { height: 64px; display: block; background: url(images/logo.png) no-repeat 0 0; text-indent: -4000px; }

/* navigation */
#navigation { text-align: right; padding-top: 34px; font-size: 16px; font-family: georgia, arial, helvetica, serif; padding-right: 16px; }
#navigation a { margin-left: 38px; color: #fff; }
#navigation a:hover,
#navigation a.active  { text-decoration: none; color: #006e86; }
/* end of navigation */

/* slider */
.slider-section { background: #009bb9 url(images/slider-section.png) repeat-x center 0; min-height: 399px; }
.slider-holder { background: url(images/slider-holder.png) repeat 0 0; border-top: 1px solid #568993; width: 900px; height: 380px; padding: 9px; position: relative; bottom: -30px; }
.slider-holder span.slider-shadow { background: url(images/slider-shadow.png) no-repeat 0 0; width: 920px; height: 37px; position: absolute; bottom: -37px; left: 0; font-size: 0; line-height: 0; text-indent: -4000px; }

.flexslider { width: 900px; height: 380px; overflow: hidden: }
.flexslider ul.slides { list-style: none; list-style-position: outside; position: relative; }
.flexslider ul.slides li { width: 900px; height: 380px; float: left; position: relative; }
.flexslider ul.slides li img { width: 900px; height: 380px; }
.flexslider ul.slides li .slide-cnt { width: 336px; padding: 30px 26px 20px 26px; background: url(images/slide-cnt.png) repeat 0 0; position: absolute; top: 41px; right: 47px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;}
.flexslider ul.slides li .slide-cnt h3 { color: #eae8de; font-weight: normal; line-height: 22px; padding-bottom: 14px;  }
.flexslider ul.slides li .slide-cnt p { color: #39daf5; font-size: 14px; line-height: 22px; padding-bottom: 16px; }
.flexslider ul.slides li .slide-cnt a.slider-btn { width: 115px; height: 33px; line-height: 33px; text-align: center; padding: 0 44px 0 22px; font-size: 17px; color: #0d0d0d; display: block; font-weight: bold; 
text-shadow: rgba(255,255,255,0.4) 1px 1px 2px; background: url(images/slider-btn.png) no-repeat 0 0; }
.flexslider ul.slides li .slide-cnt a.slider-btn:hover { color: #fff; text-decoration: none; text-shadow: rgba(0,0,0,0.4) 1px 1px 2px; }
/* end of slider */

.main { padding-top: 68px; padding-bottom: 40px; }
/* heading */
.heading { position: relative; padding-left: 135px; padding-top: 39px; padding-bottom: 51px; }
.heading span.ico_muzik { width: 108px; height: 208px; background: url(images/ico_muzik.png) no-repeat 0 0; position: absolute; left: 10px; top: 0; }
.heading span.ico_resim { width: 108px; height: 208px; background: url(images/ico_resim.png) no-repeat 0 0; position: absolute; left: 10px; top: 0; }
.heading span.ico_album { width: 108px; height: 208px; background: url(images/ico_album.png) no-repeat 0 0; position: absolute; left: 10px; top: 0; }
.heading span.ico_iltsm { width: 108px; height: 208px; background: url(images/ico_iltsm.png) no-repeat 0 0; position: absolute; left: 10px; top: 0; }
.heading span.ico_biogr { width: 108px; height: 208px; background: url(images/ico_biogr.png) no-repeat 0 0; position: absolute; left: 10px; top: 0; }
.heading span.ico_sozlr { width: 108px; height: 208px; background: url(images/ico_sozlr.png) no-repeat 0 0; position: absolute; left: 10px; top: 0; }
.heading span.ico_micrf { width: 108px; height: 208px; background: url(images/ico_micrf.png) no-repeat 0 0; position: absolute; left: 10px; top: 0; }
.heading h3 { padding-bottom: 16px; }
/* end heading */

/* cols */
.cols { padding-bottom: 36px; }
.cols .col { width: 215px; float: left; }
.cols .col + .col { padding-left: 20px; }
.cols .col a img { background: url(images/bg-img.png) repeat 0 0; padding: 9px 0 10px; border-top: 1px solid #6e6e6e; margin-bottom: 8px; }
.cols .col h4 { line-height: 19px; padding-bottom: 14px; }
.cols .col h4 a { color: #fff; }
.cols .col p { line-height: 18px; }
/* end of cols */

/* content */
.content { width: 678px; float: left; padding-left: 3px;  }
.content h4 { padding-bottom: 15px; }
.content p { padding-bottom: 20px; }
.content p:last-child { padding-bottom: 0; }
.content .box { background: url(images/box.png) repeat 0 0; padding: 20px 30px 20px 27px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; }
/* end of content */

/* aside */
aside { width: 211px; float: right; }
aside .widget h4 { padding-bottom: 18px; }
aside .widget ul { list-style: none; list-style-position: outside; }
aside .widget ul li { background: url(images/plus-ico.png) no-repeat 0 7px; padding-left: 14px; line-height: 22px; }
aside .widget ul li a { color: #39daf5; }
/* end of aside */

/* footer */
html, body { height: 100%; }
#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -106px; }
#footer, #footer-push { height: 106px; }

#footer { background: url(images/footer.png) repeat-x 0 0; }
.footer-top  { height: 70px; line-height: 68px; position: relative; }
.footer-top .footer-nav { font-size: 16px; font-family: georgia, arial, helvetica, serif; }
.footer-top .footer-nav a { color: #fff; margin-right: 39px; }
.footer-top .footer-nav a:hover { color: #0090af; text-decoration: none; }
.footer-top .footer-logo { width: 192px; position: absolute; top: 14px; right: 8px; font-size: 0; line-height: 0; }
.footer-top .footer-logo a { height: 48px; background: url(images/footer-logo.png) no-repeat 0 0; display: block; text-indent: -4000px; }
#footer .copy { height: 20px; padding: 12px 0 4px 0; }
#footer .copy p { color: #010101; font-size: 11px; }
#footer .copy p a { color: #013e4b; text-decoration: underline; }
#footer .copy p a:hover { text-decoration: none; }
/* end of footer */

/* ---------------------------------------------------------------------------- */
/* -------------------------------------Contact-------------------------------- */
/* ---------------------------------------------------------------------------- */
#contact_form, #comment {padding:20px 30px 0;color: #fff;}

.contact-form{margin-top: 0;}
.contact-form h3{font-size: 23px; font-weight: 400; color: #fff;}

/* ---------------------------------------------------------------------------- */
/* -----------------------------------Subscribe-------------------------------- */
/* ---------------------------------------------------------------------------- */
.subscribe-form{margin-top: 60px;}
.subscribe-form input[type=text]{background: transparent;border:none;border-bottom: 1px solid #2b2d3f; outline: medium none;box-shadow: none;}
.subscribe-form input::-webkit-input-placeholder,
.subscribe-form input::-webkit-input-placeholder{color: #333;}
/* ---------------------------------------------------------------------------- */
/* -------------------------------------Button--------------------------------- */
/* ---------------------------------------------------------------------------- */
.button{cursor: pointer;font-size: 13px;border:1px solid #ffffff;display: inline-block;text-decoration: none;color: #fff;padding: 10px 15px;-webkit-transition: all .35s;-moz-transition: all .35s;transition: all .35s;}
.button:hover{text-decoration: none; background: #303030;}


.button-skin{background-color: #fff;color: #f90611;border: 1px solid #f90611;font-weight: bold;width: auto;padding: 10px 35px;border-radius: 30px;font-size: 19px;margin: 30px 0 0;}
.button-skin:hover{background-color: #f90611;color: #fff;}

.button-subscribe{width: 100%;font-size: 20px;margin: 15px 0 0;}

/* ---------------------------------------------------------------------------- */
/* -------------------------------------Container------------------------------ */
/* ---------------------------------------------------------------------------- */
#container {}
#container .wrap-container{background: #fff;}

/* ---content-box--- */
.content-box {}
.content-box .wrap-box {padding: auto; position: relative;}

.box-text{padding: 60px;}
.box-image{background-position: center center;background-size: cover;display: block;height: 100%;width: 100%;opacity: 1;z-index: 1;}

.heading{margin: 20px 0 30px;}
.heading h2{color: #fff;font-size: 36px;margin-bottom: 20px;text-transform: uppercase;}
.heading .prefix {float: left;font-size: 72px;font-weight: 500;line-height: 65px;margin-right: 10px;font-family: 'Poppins', sans-serif;}
.heading .intro {color: #777;font-size: 19px;font-style: italic;}

.content-box .content{margin-bottom: 20px;}

.content-box.box-style-1{background:#fff url(../images/model.png) no-repeat 100% 100%; color: #333;}
.content-box.box-style-2{background: url(../images/bg-5.jpg) 50% 50% no-repeat;color:#fff;position: relative;}
.content-box.box-style-2:before {content:"";display: block;height: 100%;position: absolute;top: 0;left: 0;width: 100%;visibility: visible;background-color: rgba(0, 0, 0, .8);}
.content-box.box-style-3{background: url(../images/world-map.png) center center no-repeat;background-size: cover;position: relative;}
.content-box.box-style-3:before {content:"";display: block;height: 100%;position: absolute;top: 0;left: 0;width: 100%;visibility: visible;background-color: rgba(255, 255, 255, .65);}

.content-box .bg-2{background:#098F8E;}
.content-box .bg-3{background: rgba(0, 0, 0, .65);}

.content-box.box-2 .box-item{display: block;position: relative;margin: auto;overflow: hidden;height: 300px;cursor:pointer}
.content-box.box-2 .box-item-inner{display: block;width: 100%;height: 100%;z-index: 3;}
.content-box.box-2 .box-item h3.sub-title,
.content-box.box-2 .box-item .box-item-detail{position: absolute;left: 7%;width: 91%;}

.content-box.box-2 .box-item-image{position: relative;background-position: center center;background-size: cover;height: 100%;width: 100%;z-index: 1;}
.content-box.box-2 .box-item-image:before{position: absolute; content: ""; width: 100%; height: 100%;background-color: rgba(36, 41, 67, 0.25);}
.content-box.box-2 .box-item-image:after{position: absolute; content: ""; width: 100%; height: 100%;opacity: 0.9;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.content-box.box-2 .box-item-image.gradient-1:after{background: #ec8d81;}
.content-box.box-2 .box-item-image.gradient-2:after{background: #ECAF92;}
.content-box.box-2 .box-item-image.gradient-3:after{background: #8ea9e8;}
.content-box.box-2 .box-item-image.gradient-4:after{background: #A071A7;}
.content-box.box-2 .box-item-image.gradient-5:after{background: #8CB18F;}
.content-box.box-2 .box-item-image.gradient-6:after{background: #9CC8D3;}

.content-box.box-2 .box-item:hover .box-item-image:after{opacity: 0}

.content-box.box-2 .box-item h3.sub-title,
.content-box.box-2 .box-item h2.title{color: #fff;font-family: "Montserrat",sans-serif;}
.content-box.box-2 .box-item h3.sub-title{font-weight: 600; font-size: 45px;margin: 0;top: 13%;z-index: 3;}
.content-box.box-2 .box-item .box-item-detail{bottom: 13%;z-index: 3;}
.content-box.box-2 .box-item .box-item-detail p{margin: 0;color: #eee;font-size: 15px;}
.content-box.box-2 .box-item h2.title{font-weight: 500;margin: 0 0 10px;font-size: 28px;font-style: italic}
@media(max-width:767px){
	.content-box.box-2 .box-item{border: none;}
}
@media(max-width:500px){
	.content-box.box-2 .box-item h3.sub-title{font-size: 50px;}
	.content-box.box-2 .box-item h2.title{font-size: 30px;}
	.content-box.box-2 .box-item .box-item-detail p{font-size: 13px;}
}

.content-box.box-3 {text-align: center;}
.content-box.box-3 .box-text{padding: 60px 40px;}
.content-box.box-3 h1{font-size: 42px;color: #222;line-height: 1.1;margin: 30px 0;font-weight: 500;font-family: 'Roboto', sans-serif;}
.content-box.box-3 .lead {font-size: 16px;}
@media  (max-width: 767px){
	.content-box.box-3 .box-text{padding: 40px; text-align: initial;}
}

.content-box.box-4{}

.content-box.box-5{color: #2b2d3f;text-align: center;}
.content-box.box-5 .heading h2{color: #1a1c1e;}
.content-box.box-5 .content{max-width: 600px;margin: 50px auto 20px;}
.content-box.box-5 .box-text{}

/* ---MainContent-Article--- */
#main-content{}
#main-content .wrap-content{padding: 30px 0;}



/* ---Article--- */
.single-post{}
.single-post .wrap-post, .comments-are, .contact-form {padding:30px; position: relative;;}
article.single-post{border-bottom: none; padding-bottom: 0;}
article.single-post .wrap-post, .comments-are {padding:30px 20px; position: relative;margin-top: 30px;}
article{background: #ffffff; color: #3F3F3F; margin: 0;/*padding: 0 30px 50px;*/}
article:last-child{border-bottom: none;}
article:after, article:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}
article .heading h2{color: #1a1c1e;}
article .post-thumbnail-wrap {text-align: center;width: 100%;margin-bottom: 10px;}
article .post-thumbnail-wrap img {}
article h2.entry-title{font-size: 53px;margin: 10px 0 0;font-weight: 300;letter-spacing: 2px;line-height: 1.1;}
article h2.entry-title a{color: #131313;}
article h2.entry-title a:hover{color: #555}
article .l-tags{text-align: center; font-size: 11px;}

article .entry-header{margin-bottom: 30px;}
article.single-post .entry-header{margin-bottom: 30px;text-align: center;}
article.single-post .entry-header h1.entry-title{font-size: 40px;line-height: 30px;font-weight: 300;margin: 0;text-transform: uppercase;margin-bottom: 0;line-height: 1.1}
article.single-post .entry-header h1.entry-title a {color: #575756;margin: 0;}
article .entry-title-blog a:hover {color: #628d7c;}

article .entry-header .time {font-family: "Merriweather",Georgia,serif;color: #888;font-size: 17px;padding-bottom: 10px;display: block;}
article .entry-header .cat-links {font-size: 17px;color: #7fcaad;text-transform: uppercase;letter-spacing: 1px;padding-top: 10px;display: block;}

article .entry-header .entry-meta{color: #888;font-size: 17px;}
article .entry-header .entry-meta a {color: #888;}
article .entry-header .entry-meta a:hover {color: #131313;}

article .entry-header .tags-links {display: block;}
article .entry-header .tags-links a{padding: 3px 8px 1px;background: #131313;line-height: 20px;}
article.single-post .entry-header .tags-links {margin-bottom: 70px;}


article .entry-content{text-align: left;}
article.single-post .entry-content{ padding: 40px 120px;}
@media  (max-width: 540px){
	article.single-post .entry-content{ padding: 30px;}
}
article .entry-content p{color: #686868;}
article .entry-content blockquote {border-left: 3px solid #1c7791;margin: 0 50px;font-style: italic;color: #666;padding-left: 20px;}
article .entry-content ol {float: left;text-align: justify;margin: 10px 50px;list-style-type: circle;font-size: 17px;}

.comments-are textarea {height:170px;}

.fix-right {float: right !important;}
@media only screen and (max-width: 767px) {.fix-right {float: none;}}